body {
/* background-color: #f8f9fa; */
/* background-color:#ecf0f5;
background-color: #F2F3F5 ; */
background-color:#fff;
max-width:1200px;margin:auto;
color: #1d2128;
/* color: #616770; */   
}

.br-sideleft { background-color: #fff; }
@media (min-width: 992px){ .br-sideleft { border-right: 1px solid #ced4da; } }

.sidebar-label {color: #0866C6;opacity: 1; }
.sidebar-label.tx-info { color: #17A2B8; }
.br-menu-link {color: #1d2129; }.br-menu-link.with-sub::after { color: #1d2129; }
.br-menu-link:hover, .br-menu-link:focus {color: #043364; background-color: #d0e6fd;  }
.br-menu-link:focus, .br-menu-link:active { outline: none; }
.br-menu-link.show-sub { background-color: #d0e6fd; color: #043364; }
.br-menu-link.active { color: #fff; }
.br-menu-link.active::after { color: #fff; }
.br-menu-sub { background-color: #f8f9fa; }
.br-menu-sub .sub-link {color: #1d2129; }
.br-menu-sub .sub-link::before {background-color: #1d2129; }

.info-list .info-list-label {color: #1d2129; }
.info-list .info-list-amount {color: #343a40;font-weight: 700; }
.br-pageheader {background-color: #e9ecef; }
.br-sideright {background-color: #fff; }
.br-sideright .more {color: #ced4da;opacity: 1; }
.br-sideright .more:hover, .br-sideright .more:focus {color: #17A2B8; }
.br-sideright .switch-button-background {background-color: #adb5bd; }
.br-sideright .switch-button-background.checked {background-color: #1CAF9A; }

.sidebar-tabs {background-color: #e9ecef; }
.sidebar-tabs .nav-link {color: #6c757d;border: 0;padding: 13px 24px;border-radius: 0; }
.sidebar-tabs .nav-link.active {background-color: #fff;color:  #0866C6; }
.sidebar-tabs .nav-item:first-child .nav-link {border-left: 0; }
.contact-list-link {color: #495057; }
.contact-list-link.new {background-color: #f8f9fa; }
.contact-list-link:hover, .contact-list-link:focus {color: #343a40;background-color: #e9ecef; }
.contact-status-indicator {border-color: #fff; }
.media-file-list .media-body {color: #343a40; }
.br-time {color: #343a40; }
.br-date {color: #6c757d; }

.sidebar-datepicker .ui-datepicker-inline {border: 1px solid #dee2e6; }
.sidebar-datepicker .ui-datepicker-inline .ui-datepicker-title {color: #17A2B8; }
.sidebar-datepicker .ui-datepicker-header {color: #6c757d; }
.sidebar-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before, .sidebar-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
.sidebar-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
.sidebar-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {color: #17A2B8; }

.sidebar-datepicker .ui-datepicker-calendar thead th {color: #343a40; }
.sidebar-datepicker .ui-datepicker-calendar .ui-state-default {color: #6c757d; }
.sidebar-datepicker .ui-datepicker-calendar .ui-state-default:hover, .sidebar-datepicker .ui-datepicker-calendar .ui-state-default:focus {background-color: #e9ecef;color: #17A2B8; }

.sidebar-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
  color: #17A2B8;border-color: #17A2B8; }

.sidebar-event-list .list-group-item {border-color: #dee2e6; }
.sidebar-event-list .list-group-item h6 {color: #343a40; }
.sidebar-event-list .list-group-item p {color: #6c757d; }
.sidebar-settings-item {color: #343a40; }
.sidebar-settings-item .form-control {background-color: #fff;border-color: #ced4da;color: #495057; }
.br-subleft {background-color: #f8f9fa;border-right: 1px solid #dee2e6; }
.br-nav-mailbox .nav-link {color: #6c757d; }
.br-nav-mailbox .nav-link:hover, .br-nav-mailbox .nav-link:focus {background-color: #e9ecef;color: #17A2B8; }
.br-nav-mailbox .nav-link.active {background-color: #e9ecef;color: #17A2B8; }

/********** RTL SUPPORT **********/
/*********************************/
.rtl .br-sideleft { border-right: 0; }
@media (min-width: 992px) {.rtl .br-sideleft { border-left: 1px solid #ced4da; } }
.rtl .sidebar-tabs .nav-link {width: 100%;text-align: center; }
.rtl .br-subleft {background-color: #f8f9fa;border-left: 1px solid #dee2e6;border-right: 0; }
.navblue .nav .txprimary a:not([href]):not([tabindex]) { color: #333; }
.txprimary .nav-style-11 a:not([href]):not([tabindex]) { color: white; }
.txprimary .nav-style-1 a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: white; background: #0866C6;  }

.navblue .nav a:not([href]):not([tabindex]) { color: white; }
.nav-style-1 a:not([href]):not([tabindex]) { color: #1d2129; display: block; }
.nav-style-1 a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: white; background: #0866C6; }

.nav-style-1 .nav-link:hover, .nav-style-1 .nav-link:focus {background-color: #161f2b; color: #fff; }
.tabletx_white  thead tr th{ color:#e0eefc;  }  
.overlayall {background-color: #E9ECEF;box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 21%);}



/* white sheet */
.headerback{ width:100%;height:60px;  position: fixed;left:0;right:0; top:0;border-bottom: 1px solid #ced4da; background-color: #FFF ; }
.name_profile{ color:black; }

/*
.br-header, .br-logo, .br-header-right, .br-header-left, .br-logo, .headerback{
   background:linear-gradient(rgba(8,102,198, 53) 5%, rgba(8,102,198, .93));  }
.br-header-right a ,.br-logo a{ color:white; }
.navicon-right a { color:white; }
*/


/*
.colorhead{ color:#064689; }
.colorhead:hover{ color:#043e77;}
*/
.hoverline:hover{ text-decoration: underline; }

.bgd1{ background-color: #FFF ; }
.bgd2{ background-color: #FFF ; }
.bgd3{ background: white; }
.bwhite{ background: white; }
.bg-comment{ background:#edf6ff; }


.bg-gradient{ background: linear-gradient(rgba(8,102,198, 53) 10%, rgba(8,102,198, .73)); }
.bg_hover:hover{ background: #F5F8FA; }

.navblue { background: linear-gradient(rgba(8,102,198, 53) 5%, rgba(8,102,198, .93)); }
.subnavblue {background: linear-gradient(rgba(8,102,198, 53) 1%, rgba(8,102,198, .93));}
.navblue .nav-outline .nav-link { color:#E9ECEF; cursor: pointer; }
.navblue .nav-style-1 .nav-link {color:white;padding:4px;padding-left:8px;padding-right:8px;}
.navblue .nav-style-1 .nav-link:hover { color: #0866C6; background: white; }
.navblue .nav-outline.active-info .nav-link.active, .navblue .nav-outline.active-info .nav-link.active:hover, .navblue .nav-outline.active-info .nav-link.active:focus {color: white; }
.navblue .nav-outline.active-info .nav-link.active::before, .navblue .nav-outline.active-info .nav-link.active:hover::before, .navblue .nav-outline.active-info .nav-link.active:focus::before {
border-color: white; }

.navblue  .nav-outline.flex-row .nav-link::before, .navblue .nav-outline.flex-xs-row .nav-link::before, .navblue .nav-outline.flex-sm-row .nav-link::before, .navblue .nav-outline.flex-md-row .nav-link::before, .navblue .nav-outline.flex-lg-row .nav-link::before, .navblue .nav-outline.flex-xl-row .nav-link::before {
border-bottom: 3px solid white;
}

.nav-style-1 .nav-link:hover, .nav-style-1 .nav-link:focus {background-color: #0866C6; color: #fff; }
.textareablue{ background: #E3EEF8; }
.navwhiteblue{ background:#0866C6; }
.bg101 { /**/ background-color: #FFF ; /*background-color: #EFEFEF ;*/ /* background-image: url("../ins/img//bgmes.png"); */ }
.bg102{background-color: #F2F3F5 ;}
.bgchat { background:#fff; background-image: url("../ins/img//bgchat.png"); }
.nav .nav-style-1 a:hover{ color :white; } 
.awhite a{ color:#3d3d3d; }      
.awhite a:hover{ color:#000; }   
.msg_wrap{color:#050505;}  


@media (max-width: 992px) {
    #navbarMain{ background-color: #FAFAFA ; }
}