/* VOC CSS */
.voc .navbar.navbar-primary {
    background-color: #0c1874 !important;
}
.voc .btn-primary {
    background-color: #0c1874 !important;
    border-color: #0c1874 !important;
}
.voc .btn-secondary {
    background-color: #c61978 !important;
    border-color: #c61978 !important;
}
.voc .bg-primary {
    background-color: #0c1874 !important;
}
.panel-color button.close {
    color: #fff;
}
/* General CSS */
@media (max-width: 480px) {
    .topbar {
        margin-left: 0 !important;
    }
}
span.material-symbols-outlined {
    font-size: 18px !important;
    vertical-align: middle;
}

.fade-carousel .carousel-inner .item a > img, .fade-carousel .carousel-inner .item img {object-position: center right;}
.enlarged .topbar{margin-left:70px;}
.topbar {margin-left: 240px;}
.side-menu.left{top: 0 !important;}
.p-15{padding:15px;}
.p-y-10{padding-top: 10px;padding-bottom: 10px;}
.p-x-20{padding-right: 20px;padding-left: 20px;}
.d-block{display: block;}
.fade-carousel .carousel-inner .item.active .bannerOverlay {background: linear-gradient(to right, #29447a 10%, rgba(25, 65, 116, 0) 60%);}
.subheader.bg-primary .nav.nav-tabs.pills > li > a:hover {color: #ffffff !important;}
.subheader.bg-primary .nav.nav-tabs.pills > li > a {color: #a4b2c2 !important;}
.nav.nav-tabs.pills > li.active > a {background: #29447a;}
.nav.nav-tabs.pills > li > a:hover {color: #05235f;}
.nav.nav-tabs.pills > li > a {color: #1e252d;}
.side-menu.left {position: fixed !important;}
.table-list .table > thead> tr > th {border-color: white !important;color: #121212 !important;}
.table-list .table > tbody > tr:last-child > td:first-child {border-radius: 0 0 0 10px;}
.table-list .table > tbody > tr:last-child > td:last-child {border-radius: 0 0 10px 0;}
.table-list table{margin-bottom: 0; background-color: transparent;}
.table-list.p-15 .table > tbody > tr:first-child > td {border-top: 1px solid white;}
.table-list.p-15 .table > tbody > tr:first-child > td:first-child {border-radius: 10px 0 0 0;}
.table-list.p-15 .table > tbody > tr:first-child > td:last-child {border-radius: 0 10px 0 0;}
.table-list .table > tbody > tr.unread > td {font-weight: bold;background-color: #f2f2f2;}
tbody{color: #1e252d; }
.table > tbody > tr > td{font-size: 14px;}
.bg-transparent {background: transparent !important;}
.m-l-20 {margin-left: 20px;}
h6 {line-height: 17px;}
.radius-sm{border-radius: 3px !important;}
.radius-md{border-radius: 7px !important;}
.radius-lg{border-radius: 10px !important;}
.radius-xl{border-radius: 20px !important;}
.announcement-list .list-group-item {
    padding: 16px;
}
.announcement-list .list-group-item:first-child {
    border-radius: 10px 10px 0 0 !important;
}
.announcement-list .list-group-item:last-child {
    border-radius: 0 0 10px 10px !important;
    border-bottom: 0;
}
.announcement-list.list-group{
    margin-bottom: 0;
}
.pulse {
    animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,51,51, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,51,51, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,51,51, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,51,51, 0.4);
        box-shadow: 0 0 0 0 rgba(204,51,51, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,51,51, 0);
        box-shadow: 0 0 0 10px rgba(204,51,51, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,51,51, 0);
        box-shadow: 0 0 0 0 rgba(204,51,51, 0);
    }
}
.noti-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    z-index: 2;
    background: #cc3333;
    border: 1px solid #fff;
}
.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important;
}
.panel-title {line-height: 24px;}
.items-center{align-items: center;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FIVE  */
.span_5_of_5 {
    width: 100%;
}
.span_4_of_5 {
    width: 79.68%;
}
.span_3_of_5 {
    width: 59.36%;
}
.span_2_of_5 {
    width: 39.04%;
}
.span_1_of_5 {
    width: 18.72%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
    .col {  margin: 1% 0 1% 0%; }
    .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
}

.onboard .container-alt{
    width: 1000px;
}

p {
    color: #121212;
}

.ico-wt-sprite, .lang-sprite, .ico-sprite {
    background-image: url(assets/images/icons/ico_sprite.png);
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    border: none;
    margin: 0 5px;
    line-height: 1.3em;
}
.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: 50%;
}
.table-list .dataTable {
    margin-bottom: 50px !important;
}

.bg-cover-sm{
    height: 70px;
    right: 0;
}
.bg-cover-lg{
    height: 230px;
    right: 0;
}
.subs_mark {
    background-position: 0 61px;
}
.ico-sprite {
    height: 17px;
    width: 16px;
    overflow: hidden;
}
.ico-wt-sprite, .lang-sprite, .ico-sprite {
    background-image: url(../images/icons/ico_sprite.png);
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    border: none;
    margin: 0 5px;
    line-height: 1.3em;
}
.list-group.user-list .list-group-item:hover {
    background: #f5f5f5;
}
.list-group.user-list .list-group-item:hover .btn {
    opacity: 1;
}
.list-group.user-list .btn {
    opacity: 0;
}
.shadow-lg {
    box-shadow: -17px 7px 17px rgba(0,0,0,0.5);
}
#toggleRead.nav.nav-tabs.pills>li.active>a {
    background: #e4e9ef;
}

#toggleRead.nav.nav-tabs.pills>li>a {
    color: #212121 !important;
}