@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('font/sourcesanspro-semibold-webfont.eot');
    src: url('font/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('font/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('font/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'source_sans_proextralight';
    src: url('font/sourcesanspro-extralight-webfont.eot');
    src: url('font/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro-extralight-webfont.woff') format('woff'),
         url('font/sourcesanspro-extralight-webfont.ttf') format('truetype'),
         url('font/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('font/sourcesanspro-regular-webfont.eot');
    src: url('font/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro-regular-webfont.woff') format('woff'),
         url('font/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('font/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.maintenance-popup-modal { position:fixed;top:0;right:0;bottom:0;left:0;background-color:#babaca;z-index:9998;opacity:0.4;filter:alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity:0.4;-khtml-opacity: 0.4;}
.maintenance-popup { position:fixed;top:50%;left:50%;background-color:#ffffff;z-index:9999;border:1px solid #919191;}
.maintenance-popup .button {padding: 0 6px;height:28px;line-height:28px; border:1px solid #e0e1e1; background-color: #f0f3f4; cursor:pointer; text-align:center;vertical-align:middle;font-size:15px;overflow:hidden;margin-top:5px;margin-left:5px;}
.maintenance-popup .button:hover {border:1px solid #919191; background-color: #e0e1e1;}

.maintenance-popup .popup-title { text-align: center;color:var(--main-color);font-weight: bold;position:absolute;top:0;right:35px;left:0;height:35px;line-height: 35px;vertical-align: middle;background-color:#e0e1e1;padding:0 10px;overflow:hidden;}
.maintenance-popup .popup-close { color:var(--main-color);position:absolute;top:0;right:0;width:35px;height:3;line-height: 35px;vertical-align: middle;background-color:#e0e1e1;padding:0;overflow:hidden;cursor:pointer;text-align:center;}
.maintenance-popup .popup-close:hover { background-color:#919191; }
.maintenance-popup .popup-content { padding:60px 60px 20px 60px;position:absolute;top:60px;right:0;bottom:45px;left:0;overflow:auto;}
.maintenance-popup .popup-content.loading { background: url('../images/preloader15x15.gif') no-repeat center center;}
.maintenance-popup .popup-content.notitle { top:0; }
.maintenance-popup .popup-content.nobuttonbar { bottom:0; }
.maintenance-popup .popup-buttonbar { position:absolute;bottom:0;right:20px;left:20px;height:50px;line-height: 44px;border-top:1px solid #e0e1e1;text-align:center; }
.maintenance-popup .popup-buttonbar .button { float:right; }

.maintenance-popup .button.plusnobackground {background: url(../images/icon_add.png) 0 0 no-repeat;width:21px; height:21px; float:right;position:relative; border:none; padding: 0} 
.maintenance-popup .button.plusnobackground:hover {background-position: 0 -21px}
/* .maintenance-popup .overlay { background-color: rgba(0,0,0,0.4); } */