/* Font Color
--------------------------------- */
.f_light {
    color: #8ed8f8;
}
.f_dark {
    color: #27aae1;
}
.f_comp {
    color: #c0963e;
}

/* Background Color
--------------------------------- */
.b_light {
    background-color: #8ed8f8;
}
.b_dark {
    background-color: #27aae1;
}
.b_comp {
    background-color: #c0963e;
}
.b_trans {
    background-color: rgba(192, 150, 62, 0.1);
}

/*  Pagination
--------------------------------- */
#content_pagination li{
    color: #c0963e;
    border-color: #c0963e !important;
}
.circle_pagination_ov {
    background-color:#c0963e;
}
.li-circle.b_comp,
ul.pagination li.active a {
    background-color: #c0963e;
    color: #ffffff !important;
}

/* Navbar V2
--------------------------------- */
.b_comp #navbar-send .navbar_block {
    background-color: #c0963e;
}
.topic-name:hover,
.b_comp #navbar-browseby .filter:hover,
.b_comp #navbar-sortby .filter:hover,
.b_comp #navbar-media .filter:hover,
.b_comp #navbar-ce_id .filter:hover,
.b_comp .suggestion:hover,
.b_comp .ddc-left .selected {
    background-color: #c0963e;
    color: #ffffff;
}
.keyword{
    background-color: #c0963e !important;
}
.ui-state-active{
     background-color: #c0963e !important;
}
.b_comp #from_input:focus,
.b_comp #to_input:focus{
    color: #c0963e !important;
    border-color: #c0963e !important;
    background-color: #FFF;
}
#navbar:before{
    content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        top:0;
        left:0;
    background-color: #ffffff;
}

/*
Color for two down arrows in VIEW POSTERS https://mwcportal.rwang.dev7.multilearning.com/astro/2017/eposter/186368/?key=d91046e8c471a4a4d6396c4b60553e9a3ee7ff73
*/
.modules-select .fa.fa-angle-double-down{
    color:#c0963e;
}

.socials .btn.btn-social{
    color:#c0963e;
}
/* Header Login
--------------------------------- */
.b_dark{
    background-color: #27aae1;
}
.b_comp{
    background-color: #c0963e;
}
.text_comp{
    color:#c0963e;
}
.b_light{
    background-color: #8ed8f8;
}
.b_red, .b_red .inblock{
    background-color: #f10000;
}
.b_white{
    background-color: #E6E6E6;
}
.b_white .inblock{
    background-color:#FFF;
    color: #999;
}
.b_grey{
    background-color: #E7E7E7;
}
.b_grey .inblock{
    background-color:#E7E7E7;
    color: #999;
}
.top-panel-active{
    border-top-color: #c0963e !important;
}
.top-panel-block:hover .top-panel-hover{
    background-color: #c0963e !important;
}
#top-panel .medias .active i {
    border-top-color: #c0963e !important;
}
#top-panel .medias .slider-next, 
#top-panel .medias .slider-prev {
    color: #c0963e !important;
}

/* Other Style
--------------------------------- */
.dtpicker-button{
    background-color: #c0963e !important;
}
.b_outline{
    background-color: #ffffff;
    color:#c0963e;
    border-color:#c0963e !important;
}
.b_outline:hover{
    color:#c0963e;
}
.b_comp .inblock{
    background-color: #c0963e;
    color: #ffffff;
}
.b_comp.button, .b_comp .type{
    background-color: #c0963e;
}
.b_light.button, .b_light .type{
    background-color: #8ed8f8;
}
.b_dark input{
    border-width: 1px;
    border-style: solid;
    border-color: #27aae1;
}
.s_input.b_dark{
    border-width: 1px;
    border-style: solid;
    border-color: transparent #8ed8f8 #8ed8f8 transparent;
}
.f_light.my_name{
    border-width: 1px;
    border-style: solid;
    border-color:  transparent #8ed8f8 #8ed8f8 transparent;
}
.f_light.my_name div{
    border-width: 1px;
    border-style: solid;
    border-color: #27aae1;
}
.top-panel-left{
    background-color: #c0963e;
    border-color: #c0963e;
}
.chapter-active{
    border-color: #c0963e !important;
}
.btn-module i{
    background-color: #c0963e !important;
}
.btn-comp, .btn-comp:hover{
    border-color: #c0963e !important;
    background-color: #c0963e !important;
    color: #ffffff !important;
}
.active .list-display{
    border-color: #c0963e !important;
}
.active .list-display .more{
    background-color: #c0963e !important;
}

/* Dynamic Conference Color
--------------------------------- */
.conference_event .mwc-btn,
.conference_event .mwc-active .curriculum-bar *{
    color: #;
}
.c100.comp .bar, .c100.comp .fill {
  border-color: #c0963e !important;
}
.conference_event .curriculum-submit,
.conference_event .curriculum-header,
.conference_event .mwc-expand,
.conference_event .mwc-collapse,
.conf-b-color,
.conf-b-color .inblock{
    background-color: #;
}
.conference_event .mwc-active,{
    border-color: # !important;
}
.conference_event .tabs-btn{
    background-color: #c0963e;
    color: #ffffff;
}
.other-button a{
    background-color: #c0963e;
}
.btn-form{
    background-color: #c0963e;
    border: 1px #c0963e solid;
    color: #ffffff;
}
.btn-form:hover{
    background-color: #cccccc;
    color: #444444;
}

/* Portal Manager Dynamic Styles
--------------------------------- */
.b_admin{
    background-color: #27aae1 !important;
}
#news a.options{
    background-color: #27aae1 !important;
}
.btn-step.active{
    background-color: #c0963e !important;
}
.manager-heading .return{
    background-color: #27aae1;
}
.btn-submit{
    background-color: #27aae1 !important;
    color: #ffffff !important;
}
#news ul li{
    box-sizing: content;
    border-color: #27aae1 !important;
}
.btn-dark{
    background-color: #27aae1 !important;
}
.input-group-addon.b_comp{
    background-color: #c0963e !important;
    color: #ffffff;
    border-color: #86692b !important;
}
.list-group-item.active{
    background-color: #27aae1 !important;
    background-image: none !important;
}
.btn-share{
    color: #c0963e !important;
}
@media (min-width: 767px) {
    .dropdown-menu li.unlock a:hover,
    .dropdown-menu li.unlock a:hover i{
        background-color: #27aae1 !important;
        background-image: none !important;
        color: #ffffff !important;
    }
}

.supplemental-box .supplemental-btn button{
    background-color:#c0963e;
}

/* Mobile App
--------------------------------- */
#webview-page .arrow-down {
    border-top-color: #86692b !important;
}
.coming-soon .corner {
    border-color: #c0963e transparent transparent !important;
}

/* Responsive Portal Section
--------------------------------- */
.mwc-section-0 #get_search.section-color:after{
    background-color: #c0963e;
}

.mwc-section-0 #portal-content .section-color{
    background-color: #c0963e;
}

#portal-menu ul li.active #menu-0 .section-color:after{
    background-color:#c0963e;
}

.mwc-section-0 #photo-0{
    display: block;
}
.mwc-section-0 .mobile-menu.section-color{

    background-color: transparent;
    z-index:0;
}
.mwc-section-0 .mobile-menu.section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #c0963e;
    z-index: -1;
}

.mwc-section-6 #portal-content .section-color{
    background-color: #c0963e;
}

#portal-menu ul li.active #menu-6 .section-color:after{
    background-color:#c0963e;
}

.mwc-section-6 #photo-6{
    display: block;
}
.mwc-section-6 .mobile-menu.section-color{

    background-color: transparent;
    z-index:0;
}
.mwc-section-6 .mobile-menu.section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #c0963e;
    z-index: -1;
}

.mwc-section-14 #portal-content .section-color{
    background-color: #c0963e;
}

#portal-menu ul li.active #menu-14 .section-color:after{
    background-color:#c0963e;
}

.mwc-section-14 #photo-14{
    display: block;
}
.mwc-section-14 .mobile-menu.section-color{

    background-color: transparent;
    z-index:0;
}
.mwc-section-14 .mobile-menu.section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #c0963e;
    z-index: -1;
}

.mwc-section-16 #portal-content .section-color{
    background-color: #c0963e;
}

#portal-menu ul li.active #menu-16 .section-color:after{
    background-color:#c0963e;
}

.mwc-section-16 #photo-16{
    display: block;
}
.mwc-section-16 .mobile-menu.section-color{

    background-color: transparent;
    z-index:0;
}
.mwc-section-16 .mobile-menu.section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #c0963e;
    z-index: -1;
}
.mwc-section-0 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
#portal-menu ul li.active #menu-6 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}

#portal-menu ul li.active #menu-14 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}

#portal-menu ul li.active #menu-16 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}

#portal-menu #magnifying-glass div{
    background-color: #FFFFFF;
}
#portal-menu ul li:not(.active) #menu-0 .section-color:after{
    background-color:#FFFFFF;
}
#portal-menu ul li:not(.active) #menu-6 .section-color:after{
    background-color:#FFFFFF;
}
.mwc-section-6 #navbar .section-color:after{
    background-color: #FFFFFF;
}

 @media (max-width: 768px){

    .mwc-section-6 .nav-item#magnifying-glass:after{
        background-color:#FFFFFF;
    }
    
    }
    

        .mwc-section-6 #navbar .section-color{
        color:#333 !important;
    }
    #portal-menu ul li:not(.active) #menu-14 .section-color:after{
    background-color:#FFFFFF;
}
.mwc-section-14 #navbar .section-color:after{
    background-color: #FFFFFF;
}

 @media (max-width: 768px){

    .mwc-section-14 .nav-item#magnifying-glass:after{
        background-color:#FFFFFF;
    }
    
    }
    

        .mwc-section-14 #navbar .section-color{
        color:#333 !important;
    }
    #portal-menu ul li:not(.active) #menu-16 .section-color:after{
    background-color:#FFFFFF;
}
.mwc-section-16 #navbar .section-color:after{
    background-color: #FFFFFF;
}

 @media (max-width: 768px){

    .mwc-section-16 .nav-item#magnifying-glass:after{
        background-color:#FFFFFF;
    }
    
    }
    

        .mwc-section-16 #navbar .section-color{
        color:#333 !important;
    }
    #portal-menu #magnifying-glass div{
    opacity:1;
}
.mwc-section-6 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-6 .nav-item#magnifying-glass:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity:1;
    z-index:-1;

}

#portal-menu ul li:not(.active) #menu-6 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-14 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-14 .nav-item#magnifying-glass:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity:1;
    z-index:-1;

}

#portal-menu ul li:not(.active) #menu-14 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-16 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-16 .nav-item#magnifying-glass:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity:1;
    z-index:-1;

}

#portal-menu ul li:not(.active) #menu-16 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-0 .header-logo a:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    background-clip: content-box;
    padding:20px 0 20px 0;
}
.mwc-section-16 .header-logo a:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    background-clip: content-box;
    padding:20px 0 20px 0;
}
.mwc-section-6 .header-logo a:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    background-clip: content-box;
    padding:20px 0 20px 0;
}
.mwc-section-14 .header-logo a:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    background-clip: content-box;
    padding:20px 0 20px 0;
}

.mwc-section-0 .header-logo a:after{
    background-color: #ffffff;
}
.mwc-section-16 .header-logo a:after{
    background-color: #ffffff;
}
.mwc-section-6 .header-logo a:after{
    background-color: #ffffff;
}
.mwc-section-14 .header-logo a:after{
    background-color: #ffffff;
}

.mwc-section-0 #intercom-container{
   display:none;
}
.mwc-section-0 #intercom-frame{
   display:none;
}
.mwc-section-0 .intercom-lightweight-app{
   display:none;
}
.mwc-section-16 #intercom-container{
   display:none;
}
.mwc-section-16 #intercom-frame{
   display:none;
}
.mwc-section-16 .intercom-lightweight-app{
   display:none;
}
.mwc-section-6 #intercom-container{
   display:none;
}
.mwc-section-6 #intercom-frame{
   display:none;
}
.mwc-section-6 .intercom-lightweight-app{
   display:none;
}
.mwc-section-14 #intercom-container{
   display:none;
}
.mwc-section-14 #intercom-frame{
   display:none;
}
.mwc-section-14 .intercom-lightweight-app{
   display:none;
}

@media (min-width: 992px){
        .mwc-section-0 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
        .mwc-section-16 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
        .mwc-section-6 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
        .mwc-section-14 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
    }

            .mwc-section-0 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
            .mwc-section-16 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
            .mwc-section-6 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
            .mwc-section-14 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
    
        .app-store i{
        color: #000000;
    }

    @media (max-width: 768px){
    #portal-menu ul li .section-color:after{
        height:65px !important;
    }
    }


    @media (max-width: 575px){
            .mwc-section-0 .list-box .bottom-default{
            display:none;
        }
        .mwc-section-0 .list-box .banner-total{
            display:none;
        }
            .mwc-section-6 .list-box .bottom-default{
            display:none;
        }
        .mwc-section-6 .list-box .banner-total{
            display:none;
        }
            .mwc-section-14 .list-box .bottom-default{
            display:none;
        }
        .mwc-section-14 .list-box .banner-total{
            display:none;
        }
            .mwc-section-16 .list-box .bottom-default{
            display:none;
        }
        .mwc-section-16 .list-box .banner-total{
            display:none;
        }
            }
    
    @media (min-width: 576px){
                                    .mwc-section-6 .list-box .bottom-default{
                display:none;
            }
                                        
    }

    #portal-menu ul li.active a .tr .td {
        color:#FFFFFF !important;
    }

    #portal-navigation .menu-active a {
        color:#FFFFFF !important;
    }

    #portal-menu ul li a .tr .td{
        color:#000000 !important;

    }
/* Portal content background and smart slider background */

#portal-content:after {
     content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #FFFFFF;
    opacity:0.5000;
    border-radius: 8px;
}
.new-slider-container:after {
     content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #FFFFFF;
    opacity:0.5000;
    border-radius:5px;
}