/*Ckeditor in DrupalCEC/source files/ css/ckeditorcustom.styles.css
* Works ok, don't forget clean browser cache each time add a style
* (not same as Drupal cache)
*/

tr.ncbc-highlighted-row { 
    background-color: #E8E8E4; 
} 
tr a { 
    text-decoration: none; 
} 
tr a:hover { text-decoration: underline; } 

.ncbc-green-button {
padding: 6px;
background-color: green;
color: #fff;
}

/*Cyan text in agenda content type - Visible only in full Ckeditor*/
.ag_level2_hlight{
color: #38A2A5;
font-weight: bold;
font-size: 1.2em;
}

/*testing - Visible only in full Ckeditor*/
.testing{
color: #c7671e;
font-weight: bold;
font-size: 1.2em;
}

li.flag_mexico, li.flag_usa, li.flag_canada{
    list-style-type: none !important;
}

.flag_mexico:before{
content:url(../images/theme_icons/flag_mexico.gif);
padding-right: 5px;
}

.flag_usa:before{
content:url(../images/theme_icons/flag_usa.gif);
padding-right: 5px;
}
    
.flag_canada:before{
content:url(../images/theme_icons/flag_canada.gif);
padding-right: 5px;
}

/*Contact*/
.inline_women_icon:before{
    font-family: 'cecicons';
    font-size: 1.1em;
    font-weight: normal;
    content: "\e606";
    vertical-align: middle;
    margin-right: 3px;
}

/*Men*/
.inline_men_icon{
    
}
.inline_men_icon:before{
    font-family: 'cecicons';
    font-size: 1.1em;
    font-weight: normal;
    content: "\e605";
    vertical-align: middle;
    margin-right: 3px;
}

/*Men*/
.inline_image_icon:before{
    font-family: 'cecicons';
    font-size: 1.1em;
    font-weight: normal;
    content: "\e60f";
    vertical-align: middle;
    margin-right: 3px;
}


/*telf*/
.inline_phone_icon{
    
}
.inline_phone_icon:before{
    font-family: 'cecicons';
    font-size: 1.1em;
    font-weight: normal;
    content: "\e631";
    vertical-align: middle;
    margin-right: 3px;
}


/*email*/
.inline_email_icon > a{
    color: #808080;
}
.inline_email_icon:before{
    font-family: 'cecicons';
    font-size: 1.1em;
    font-weight: normal;
    content: "\e63a";
    vertical-align: middle;
    margin-right: 3px;
}
/*telf*/
.inline_phone_icon{
    
}
.inline_phone_icon:before{
    font-family: 'cecicons';
    font-size: 1.1em;
    font-weight: normal;
    content: "\e631";
    vertical-align: middle;
    margin-right: 3px;
}

/*link to pdf file */
.inline_pdf_icon{
    
}
.inline_pdf_icon:before{
    font-family: 'cecicons';
    font-size: 1.1em;
    font-weight: normal;
    content: "\e631";
    vertical-align: middle;
    margin-right: 3px;
}

/* link to pdf file */
.inline_pdf_icon{
    
}
.inline_pdf_icon:before{
    font-family: 'cecicons';
    font-size: 1.1em;
    font-weight: normal;
    content: "\e614";
    vertical-align: middle;
    margin-right: 3px;
}

/* link to pdf file inline body*/
.inline_link_icon > a{
     color: red !important;
}

.inline_link_icon > a::hover{
     background: #000;
}

.inline_link_icon:before{
    font-family: 'cecicons';
    font-size: 1.2em;
    font-weight: normal;
    content: "\e637";
    vertical-align: middle;
    margin-right: 3px;
    color: #C86828;
}

/* location inline body */
.inline_location_icon{
}

.inline_location_icon:before{
    font-family: 'cecicons';
    font-size: 1.1em;
    font-weight: normal;
    content: "\e639";
    vertical-align: middle;
    margin-right: 3px;
}

/* Video inline body*/
.inline_video_icon{
    
}
.inline_video_icon:before{
    font-family: 'cecicons';
    font-size: 1.1em;
    font-weight: normal;
    content: "\e647";
    vertical-align: middle;
    margin-right: 3px;
}

/* Calendar inline body*/
.inline_calendar_icon{
    
}
.inline_calendar_icon:before{
    font-family: 'cecicons';
    font-size: 1.1em;
    font-weight: normal;
    content: "\e608";
    vertical-align: middle;
    margin-right: 3px;
}


/******************
*
*  COLOR BUTTONs 
*
*******************/
.orange_button{
    display: inline-block;
    border-top: 1px solid #c7671e;
    border-right: 1px solid #c7671e;
    border-bottom: 5px solid #c7671e;
    border-left: 1px solid #c7671e;
    border-radius: 3px;
    color: #c7671e;  
    padding: 16px;
    font-size: 1.2em;
}

a .orange_button {
        color: #c7671e;  

}

.orange_button:hover{
    background-color: #c7671e;
    color: #fff;
}

a .orange_button:hover {
    color: #fff;
}


.blue_button{
    display: inline-block;
    border-top: 1px solid #5794A9;
    border-right: 1px solid #5794A9;
    border-bottom: 5px solid #5794A9;
    border-left: 1px solid #5794A9;
    border-radius: 3px;
    color: #5794A9;  
    padding: 16px;
    font-size: 1.2em;
}

a .blue_button {
        color: #5794A9;  

}

.blue_button:hover{
    background-color: #5794A9;
    color: #fff;
}

a .blue_button:hover {
    color: #fff;
}

.green_button{
    display: inline-block;
    border-top: 1px solid #679253;
    border-right: 1px solid #679253;
    border-bottom: 5px solid #679253;
    border-left: 1px solid #679253;
    border-radius: 3px;
    color: #679253;  
    padding: 16px;
    font-size: 1.2em;
}

a .green_button {
        color: #679253;  

}

.green_button:hover{
    background-color: #679253;
    color: #fff;
}

a .green_button:hover {
    color: #fff;
}

.yellow_button{
    display: inline-block;
    border-top: 1px solid #E2D830;
    border-right: 1px solid #E2D830;
    border-bottom: 5px solid #E2D830;
    border-left: 1px solid #E2D830;
    border-radius: 3px;
    color: #E2D830;  
    padding: 16px;
    font-size: 1.2em;
}

a .yellow_button {
        color: #E2D830;  

}

.yellow_button:hover{
    background-color: #E2D830;
    color: #fff;
}

a .yellow_button:hover {
    color: #fff;
}

.violet_button{
    display: inline-block;
    border-top: 1px solid #1B1464;
    border-right: 1px solid #1B1464;
    border-bottom: 5px solid #1B1464;
    border-left: 1px solid #1B1464;
    border-radius: 3px;
    color: #1B1464;  
    padding: 16px;
    font-size: 1.2em;
}

a .violet_button {
        color: #1B1464;  

}

.violet_button:hover{
    background-color: #1B1464;
    color: #fff;
}

a .violet_button:hover {
    color: #fff;
}

/* TOOL BUTTON */
.tool_button{
    display: inline-block;
    border-top: 1px solid #679253;
    border-right: 1px solid #679253;
    border-bottom: 5px solid #679253;
    border-left: 1px solid #679253;
    border-radius: 5px;
}

a .tool_button {
        /*display: block;*/
        color: #679253;  
         padding: 10px 16px 8px 16px;
        font-size: 1.2em;
}

a .tool_button::before{
        font-family: 'cecicons';
        font-size: 1.8em;
        font-weight: normal;
        content: "\e62e";
        vertical-align: middle;
        margin-right: 6px;
 }
 
a .tool_button:hover{
    border-top: 1px solid #679253;
    border-right: 1px solid #679253;
    border-bottom: 5px solid #679253;
    border-left: 1px solid #679253;
    border-radius: 5px;
    background-color: #679253;
}

a .tool_button:hover{
        color: #fff;  
        padding: 10px 16px 8px 16px;
}


/*  LINK BUTTON */
.link_button{
    display: inline-block;
    border-top: 1px solid #c7671e;
    border-right: 1px solid #c7671e;
    border-bottom: 5px solid #c7671e;
    border-left: 1px solid #c7671e;
    border-radius: 3px;
}

.link_button a{
        color: #c7671e;  
        display: block;
        padding: 16px;
        font-size: 1.2em;
}

.link_button a::before{
        content:"\e637";
 }
 
 .link_button:hover{
    display: inline-block;
    border-top: 1px solid #c7671e;
    border-right: 1px solid #c7671e;
    border-bottom: 5px solid #c7671e;
    border-left: 1px solid #c7671e;
    border-radius: 3px;
    background-color: #c7671e;
}

.link_button:hover a{
        color: #fff;  
        display: block;
        padding: 16px;
}