/*******************************************************************************************************************************************
 *******************************************************************************************************************************************

########    ###     ######   
   ##      ## ##   ##    ##  
   ##     ##   ##  ##        
   ##    ##     ## ##   #### 
   ##    ######### ##    ##  
   ##    ##     ## ##    ##  
   ##    ##     ##  ######   

*******************************************************************************************************************************************
**************************** see http://www.dev.equideow.com/doc/bow for more details *****************************************************
*******************************************************************************************************************************************
*******************************************************************************************************************************************/

.tag{
    display: inline-block;
    font-weight: bold;    
    text-transform: uppercase;
}
.tag:not(.tag--s){
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 7px;
}
.tag:not(.tag--s) img{
    height: 32px;
    margin: -10px 0;
    width: 32px;
}

/* TAG WITH SVG ***************************************************************************************************************************
 ******************************************************************************************************************************************/

.tag .svg{
    position: relative;
    top: 1px;
    margin-top: -2px;
}
.body--ltr .tag .svg{
    margin-right: 3px;
}
.body--rtl .tag .svg{
    margin-left: 3px;
}

/* TAG SMALL ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.tag--s{
    font-size: 11px;
    line-height: 16px;
    padding: 1px 7px;
    border-radius: 9px;
}

/* TAG COLORS *****************************************************************************************************************************
 ******************************************************************************************************************************************/

.tag--infosecondary{
    background: #AD5B50;
    color: #fff;
}
.tag--info{
    background: #37659A;
    color: #fff;
}
.tag--important{
    background: #EEC213;
    color: #3d251b;
}
.tag--success{
    background: #849644;
    color: #fff;
}