@charset "utf-8";
@font-face {
    font-family:'Conv_Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Calibri.ttf') format('truetype'),
         url('../fonts/Calibri.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
a{outline-width:0;text-decoration:none}
a:focus {outline-width:0}
body{font-family:'Conv_Calibri', sans-serif;overflow:hidden;background:#ffffff}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.noti-nav{ float:left;width:100%;margin-bottom:0}
.noti-nav li{float:left;width:50%;}
.noti-nav li a{width:100%;float:left;position:relative;background-color:#f4f7fb;font-size:15px; color:#4f5869;text-transform:uppercase;padding:11px 0;text-align:center;}
.noti-nav li a .noti-count{background:#e75f51;font-size:12px;color:#fff;padding:0px 5px;margin-left:5px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px}
.noti-nav li a.active{background-color:#4f5869;color:#fff;}
.noti-nav li a .arrow-down {width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;	border-top: 10px solid #4f5869;position:absolute;margin-left:-10px; bottom:-10px;left:50%; display:none;z-index:1}
.noti-nav li a.active .arrow-down{display:block}
.noti-nav li a i{font-style:normal;}

/*.noti-date{font-size:16px;color:#05131d;float:left;width:100%;margin-bottom:0px;margin-top:20px}
.noti-content-box div.noti-date:first-child{margin-top:0}*/
.noti-list li:first-child.noti-date{margin-top:0}
.noti-list li.noti-date{font-size:16px;color:#05131d; padding-left:0;border-bottom:0px;margin-top:20px}
.noti-list{ float:left;width:100%;margin-bottom:0}
.noti-list li{color:#97a6b4;font-size:13px;border-bottom:1px solid #ccd4db;padding:13px 0 13px 23px;position:relative;}
.noti-list li:last-child{ border-bottom:0px}
.noti-list li:hover{ color:#05131d}
.noti-list li.icon-notification:before{font-family:FontAwesome;content:"\f0f3";color:#4cae60; font-size: 15px;position:absolute;left: 0;top: 15px;}
.noti-list li.icon-alert:before{font-family:FontAwesome;content:"\f071";color:#dc9a22; font-size: 15px;position:absolute;left: 0;top: 15px;}
.noti-list li.icon-success:before{font-family:FontAwesome;content:"\f00c";color:#3dc179; font-size: 15px;position:absolute;left: 0;top: 15px;}
.noti-list li.icon-failed:before{font-family:FontAwesome;content:"\f00d";color:#c44030; font-size: 15px;position:absolute;left: 0;top: 15px;}

.noti-content, .noti-content-box{float:left;width:100%;}