/* Font Color
--------------------------------- */
.f_light {
    color: #b31f24;
}
.f_dark {
    color: #00c0f2;
}
.f_comp {
    color: #021B50;
}

/* Background Color
--------------------------------- */
.b_light {
    background-color: #b31f24;
}
.b_dark {
    background-color: #00c0f2;
}
.b_comp {
    background-color: #021B50;
}
.b_trans {
    background-color: rgba(2, 27, 80, 0.1);
}

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

/* Navbar V2
--------------------------------- */
.b_comp #navbar-send .navbar_block {
    background-color: #021B50;
}
.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: #021B50;
    color: #ffffff;
}
.keyword{
    background-color: #021B50 !important;
}
.ui-state-active{
     background-color: #021B50 !important;
}
.b_comp #from_input:focus,
.b_comp #to_input:focus{
    color: #021B50 !important;
    border-color: #021B50 !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:#021B50;
}

.socials .btn.btn-social{
    color:#021B50;
}
/* Header Login
--------------------------------- */
.b_dark{
    background-color: #00c0f2;
}
.b_comp{
    background-color: #021B50;
}
.text_comp{
    color:#021B50;
}
.b_light{
    background-color: #b31f24;
}
.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: #021B50 !important;
}
.top-panel-block:hover .top-panel-hover{
    background-color: #021B50 !important;
}
#top-panel .medias .active i {
    border-top-color: #021B50 !important;
}
#top-panel .medias .slider-next, 
#top-panel .medias .slider-prev {
    color: #021B50 !important;
}

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

/* Dynamic Conference Color
--------------------------------- */
.conference_event .mwc-btn,
.conference_event .mwc-active .curriculum-bar *{
    color: #;
}
.c100.comp .bar, .c100.comp .fill {
  border-color: #021B50 !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: #021B50;
    color: #ffffff;
}
.other-button a{
    background-color: #021B50;
}
.btn-form{
    background-color: #021B50;
    border: 1px #021B50 solid;
    color: #ffffff;
}
.btn-form:hover{
    background-color: #cccccc;
    color: #444444;
}

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

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

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

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

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

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

.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: #021B50;
    z-index: -1;
}

.mwc-section-2 #portal-content .section-color{
    background-color: #0081c1;
}

#portal-menu ul li.active #menu-2 .section-color:after{
    background-color:#0081c1;
}

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

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

.mwc-section-5 #portal-content .section-color{
    background-color: #00C0F2;
}

#portal-menu ul li.active #menu-5 .section-color:after{
    background-color:#00C0F2;
}

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

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

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

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

.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: #021B50;
    z-index: -1;
}

.mwc-section-8 #portal-content .section-color{
    background-color: #00C0F2;
}

#portal-menu ul li.active #menu-8 .section-color:after{
    background-color:#00C0F2;
}

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

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

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

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

.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: #021B50;
    z-index: -1;
}

.mwc-section-24 #portal-content .section-color{
    background-color: #00C0F2;
}

#portal-menu ul li.active #menu-24 .section-color:after{
    background-color:#00C0F2;
}

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

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

.mwc-section-26 #portal-content .section-color{
    background-color: #00C0F2;
}

#portal-menu ul li.active #menu-26 .section-color:after{
    background-color:#00C0F2;
}

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

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

.mwc-section-27 #portal-content .section-color{
    background-color: #00C0F2;
}

#portal-menu ul li.active #menu-27 .section-color:after{
    background-color:#00C0F2;
}

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

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

.mwc-section-28 #portal-content .section-color{
    background-color: #00C0F2;
}

#portal-menu ul li.active #menu-28 .section-color:after{
    background-color:#00C0F2;
}

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

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

.mwc-section-29 #portal-content .section-color{
    background-color: #00C0F2;
}

#portal-menu ul li.active #menu-29 .section-color:after{
    background-color:#00C0F2;
}

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

    background-color: transparent;
    z-index:0;
}
.mwc-section-29 .mobile-menu.section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #00C0F2;
    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-2 .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-5 .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-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-8 .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 ul li.active #menu-24 .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-26 .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-27 .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-28 .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-29 .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-2 .section-color:after{
    background-color:#0081c1;
}
.mwc-section-2 #navbar .section-color:after{
    background-color: #0081c1;
}

 @media (max-width: 768px){

    .mwc-section-2 .nav-item#magnifying-glass:after{
        background-color:#0081c1;
    }
    
    }
    

        .mwc-section-2 #navbar .section-color{
        color:#333 !important;
    }
    #portal-menu ul li:not(.active) #menu-5 .section-color:after{
    background-color:#0081c1;
}
.mwc-section-5 #navbar .section-color:after{
    background-color: #0081c1;
}

 @media (max-width: 768px){

    .mwc-section-5 .nav-item#magnifying-glass:after{
        background-color:#0081c1;
    }
    
    }
    

        .mwc-section-5 #navbar .section-color{
        color:#333 !important;
    }
    #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-8 .section-color:after{
    background-color:#0081c1;
}
.mwc-section-8 #navbar .section-color:after{
    background-color: #0081c1;
}

 @media (max-width: 768px){

    .mwc-section-8 .nav-item#magnifying-glass:after{
        background-color:#0081c1;
    }
    
    }
    

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

 @media (max-width: 768px){

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

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

 @media (max-width: 768px){

    .mwc-section-24 .nav-item#magnifying-glass:after{
        background-color:#0081c1;
    }
    
    }
    

        .mwc-section-24 #navbar .section-color{
        color:#333 !important;
    }
    #portal-menu ul li:not(.active) #menu-26 .section-color:after{
    background-color:#0081c1;
}
.mwc-section-26 #navbar .section-color:after{
    background-color: #0081c1;
}

 @media (max-width: 768px){

    .mwc-section-26 .nav-item#magnifying-glass:after{
        background-color:#0081c1;
    }
    
    }
    

        .mwc-section-26 #navbar .section-color{
        color:#333 !important;
    }
    #portal-menu ul li:not(.active) #menu-27 .section-color:after{
    background-color:#0081c1;
}
.mwc-section-27 #navbar .section-color:after{
    background-color: #0081c1;
}

 @media (max-width: 768px){

    .mwc-section-27 .nav-item#magnifying-glass:after{
        background-color:#0081c1;
    }
    
    }
    

        .mwc-section-27 #navbar .section-color{
        color:#333 !important;
    }
    #portal-menu ul li:not(.active) #menu-28 .section-color:after{
    background-color:#0081c1;
}
.mwc-section-28 #navbar .section-color:after{
    background-color: #0081c1;
}

 @media (max-width: 768px){

    .mwc-section-28 .nav-item#magnifying-glass:after{
        background-color:#0081c1;
    }
    
    }
    

        .mwc-section-28 #navbar .section-color{
        color:#333 !important;
    }
    #portal-menu ul li:not(.active) #menu-29 .section-color:after{
    background-color:#0081c1;
}
.mwc-section-29 #navbar .section-color:after{
    background-color: #0081c1;
}

 @media (max-width: 768px){

    .mwc-section-29 .nav-item#magnifying-glass:after{
        background-color:#0081c1;
    }
    
    }
    

        .mwc-section-29 #navbar .section-color{
        color:#333 !important;
    }
    #portal-menu #magnifying-glass div{
    opacity:1;
}
.mwc-section-2 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-2 .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-2 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-5 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-5 .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-5 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-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-8 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-8 .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-8 .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-24 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-24 .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-24 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-26 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-26 .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-26 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-27 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-27 .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-27 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-28 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-28 .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-28 .section-color:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-29 #get_search.section-color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index:-1;
}
.mwc-section-29 .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-29 .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-27 .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-8 .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-24 .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-29 .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-5 .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-26 .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-28 .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-2 .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-27 .header-logo a:after{
    background-color: #ffffff;
}
.mwc-section-8 .header-logo a:after{
    background-color: #ffffff;
}
.mwc-section-24 .header-logo a:after{
    background-color: #ffffff;
}
.mwc-section-29 .header-logo a:after{
    background-color: #ffffff;
}
.mwc-section-5 .header-logo a:after{
    background-color: #ffffff;
}
.mwc-section-26 .header-logo a:after{
    background-color: #ffffff;
}
.mwc-section-28 .header-logo a:after{
    background-color: #ffffff;
}
.mwc-section-6 .header-logo a:after{
    background-color: #ffffff;
}
.mwc-section-2 .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-27 #intercom-container{
   display:none;
}
.mwc-section-27 #intercom-frame{
   display:none;
}
.mwc-section-27 .intercom-lightweight-app{
   display:none;
}
.mwc-section-8 #intercom-container{
   display:none;
}
.mwc-section-8 #intercom-frame{
   display:none;
}
.mwc-section-8 .intercom-lightweight-app{
   display:none;
}
.mwc-section-24 #intercom-container{
   display:none;
}
.mwc-section-24 #intercom-frame{
   display:none;
}
.mwc-section-24 .intercom-lightweight-app{
   display:none;
}
.mwc-section-29 #intercom-container{
   display:none;
}
.mwc-section-29 #intercom-frame{
   display:none;
}
.mwc-section-29 .intercom-lightweight-app{
   display:none;
}
.mwc-section-5 #intercom-container{
   display:none;
}
.mwc-section-5 #intercom-frame{
   display:none;
}
.mwc-section-5 .intercom-lightweight-app{
   display:none;
}
.mwc-section-26 #intercom-container{
   display:none;
}
.mwc-section-26 #intercom-frame{
   display:none;
}
.mwc-section-26 .intercom-lightweight-app{
   display:none;
}
.mwc-section-28 #intercom-container{
   display:none;
}
.mwc-section-28 #intercom-frame{
   display:none;
}
.mwc-section-28 .intercom-lightweight-app{
   display:none;
}
.mwc-section-6 #intercom-container{
   display:block;
}
.mwc-section-6 #intercom-frame{
   display:block;
}
.mwc-section-6 .intercom-lightweight-app{
   display:block;
}
.mwc-section-2 #intercom-container{
   display:none;
}
.mwc-section-2 #intercom-frame{
   display:none;
}
.mwc-section-2 .intercom-lightweight-app{
   display:none;
}

@media (min-width: 992px){
        .mwc-section-0 #new-slider-panel{
        margin-top: calc(15% * 0/100);
    }
        .mwc-section-16 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
        .mwc-section-27 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
        .mwc-section-8 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
        .mwc-section-24 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
        .mwc-section-29 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
        .mwc-section-5 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
        .mwc-section-26 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
        .mwc-section-28 #new-slider-panel{
        margin-top: calc(15% * 50/100);
    }
        .mwc-section-6 #new-slider-panel{
        margin-top: calc(15% * 20/100);
    }
        .mwc-section-2 #new-slider-panel{
        margin-top: calc(15% * 50/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-27 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
            .mwc-section-8 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
            .mwc-section-24 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
            .mwc-section-29 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
            .mwc-section-5 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
            .mwc-section-26 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
            .mwc-section-28 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
            .mwc-section-6 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
            .mwc-section-2 #loginbar{
        background-color:rgba(255,255,255,0);
       
    }
    
        .app-store i{
        color: #b31f24;
    }

    @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:block;
        }
        .mwc-section-0 .list-box .banner-total{
            display:block;
        }
            .mwc-section-2 .list-box .bottom-default{
            display:block;
        }
        .mwc-section-2 .list-box .banner-total{
            display:block;
        }
            .mwc-section-5 .list-box .bottom-default{
            display:block;
        }
        .mwc-section-5 .list-box .banner-total{
            display:block;
        }
            .mwc-section-6 .list-box .bottom-default{
            display:block;
        }
        .mwc-section-6 .list-box .banner-total{
            display:block;
        }
            .mwc-section-8 .list-box .bottom-default{
            display:block;
        }
        .mwc-section-8 .list-box .banner-total{
            display:block;
        }
            .mwc-section-16 .list-box .bottom-default{
            display:none;
        }
        .mwc-section-16 .list-box .banner-total{
            display:none;
        }
            .mwc-section-24 .list-box .bottom-default{
            display:block;
        }
        .mwc-section-24 .list-box .banner-total{
            display:block;
        }
            .mwc-section-26 .list-box .bottom-default{
            display:none;
        }
        .mwc-section-26 .list-box .banner-total{
            display:none;
        }
            .mwc-section-27 .list-box .bottom-default{
            display:none;
        }
        .mwc-section-27 .list-box .banner-total{
            display:none;
        }
            .mwc-section-28 .list-box .bottom-default{
            display:block;
        }
        .mwc-section-28 .list-box .banner-total{
            display:block;
        }
            .mwc-section-29 .list-box .bottom-default{
            display:none;
        }
        .mwc-section-29 .list-box .banner-total{
            display:none;
        }
            }
    
    @media (min-width: 576px){
                                                            .mwc-section-6 .list-box .bottom-default{
                display:block;
            }
                                                                                                    
    }

    #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:#ffffff !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;
}

