body{ font-family:'Poppins', sans-serif !important;}
.overlay{ opacity:.95; z-index:1054;}
.logoimg{ height:100px; width:auto;}


.txt12400{ font-size:12px; font-weight:400;}
.txt12500{ font-size:12px; font-weight:500;}
.txt12700{ font-size:12px; font-weight:700;}
.txt14400{ font-size:14px; font-weight:400;}
.txt14500{ font-size:14px; font-weight:500;}
.txt14700{ font-size:14px; font-weight:700;}
.txt16500{ font-size:16px; font-weight:500;}
.txt16700{ font-size:16px; font-weight:700;}
.txt18500{ font-size:18px; font-weight:500;}
.txt18700{ font-size:18px; font-weight:700;}
.txt24700{ font-size:24px; font-weight:700;}


.header{ background:#031633;}


.sidebar{ background-color:#f8f9fa; border-right:1px solid #dee2e6;}
.sidebar .compmail{ color:#fff; background-color:#084298;}
.sidebar .sidelink{ color:#212529; border-bottom:1px solid #dee2e6;}
.sidebar .logout{ color:#dc3545;}
.sidebar .sidelink:hover{ background:#dee2e6;}
.sidebar .activelink{ color:#cfe2ff; background:#031633; border-bottom:1px solid #dee2e6;}


#mailopt{ background-color:#9ec5fe;}
#mailopt .lbox a{ color:#031633; border-left:1px solid #6ea8fe;}
#mailopt .rbox a{ color:#031633; border-right:1px solid #6ea8fe;}


#maillist .read{ background:#f8f9fa;}
#maillist .read .head{ color:#6c757d; font-size:12px; font-weight:500;} 
#maillist .read .title{ color:#6c757d; font-size:14px; font-weight:500;} 
#maillist .unread{ background:#fff;}
#maillist .unread .head{ color:#212529; font-size:12px; font-weight:700;} 
#maillist .unread .title{ color:#212529; font-size:14px; font-weight:700;}
#maillist .starlink i{ color:#dee2e6;}
#maillist .starlink:hover i{ color:#9ec5fe;}
#maillist .unstarlink i{ color:#9ec5fe;}
#maillist .unstarlink:hover i{ color:#9ec5fe;} 
#maillist .select{ background:#cfe2ff !important; border-bottom:1px solid #9ec5fe !important;}
#maillist .select .mailtxt{ border-left:1px solid #9ec5fe !important;}
#maillist .select .stardiv{ border-left:1px solid #9ec5fe !important;}
#maillist .select .starlink i{ color:#9ec5fe;}
#maillist .select .starlink:hover i{ color:#9ec5fe;}
#maillist .select .unstarlink i{ color:#0d6efd;}
#maillist .select .unstarlink:hover i{ color:#0d6efd;}


.modal-header{ background-color:#031633;}
.modal-footer{ background-color:#031633;}
.modal-body label{ color:#031633;}


blockquote {
border-left: 2px solid #ccc;
margin:0px 0px 0px 15px;
padding: 15px;
}


.htmlmail p{ margin:0px;}





/* ==============
  Form-elements
===================*/
label{ font-weight:500; color:#0d6efd;}
.form-control, .form-select, .select2-results__options, .select2-selection{ font-size:14px !important;}
/*
.form-control:focus, .form-select:focus{ border-color:#0d6efd; -webkit-box-shadow:none; box-shadow: none;}
.form-check-input:checked{ background-color:#0d6efd; border-color:#842029; -webkit-box-shadow:none; box-shadow: none;}
.form-check-input:focus{ -webkit-box-shadow:none; box-shadow: none;}
.has-success .form-control{ border-color:#5dd099; -webkit-box-shadow:none; box-shadow:none;}
.has-warning .form-control{ border-color:#f8c955; -webkit-box-shadow:none; box-shadow:none;}
.has-error .form-control{ border-color:#f96e5b; -webkit-box-shadow:none; box-shadow:none;}
.input-group-addon{ border-radius:2px; border:1px solid #f5f5f7;}
*/


/* ==============
  Form-Validation
===================*/
.parsley-error{ border-color:#f00000; }
.parsley-errors-list{ display:none; margin:0; padding:0;}
.parsley-errors-list.filled{ display:block;}
.parsley-errors-list > li{ font-size:12px; list-style:none; color:#f00000; margin-top:5px;}