/* font-family: 'Open Sans', sans-serif;   300,400,400i,500,500i,700,900  */

a {
  color: #3c8dbc;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}

/* ===================== FONT COLOR START ===================== */

h1.page_title {
  color: #1571af;
}

.sidebar-menu a {
  
  color: #6f767e;
  font-weight: 600;
}

.navbar-nav > li.user-menu > a > span > span,
.main-header .sidebar-toggle,
.dropdown.user a {
  color: #6f767e;
} /* Dark Navy Blue */

.main-header .sidebar-toggle:hover {
  color: #3f464d;
}

.select_box:before,
.select_box:after,
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #3d81af;
} /* Sky blue */

.filter_tabs a {
  color: #000;
}
.filter_tabs a.active,
h1.login_title,
h2.form_title,
.login_left p,
ul.tabs_menu li a {
  color: #fff;
}

ul.tabs_menu li a.active {
  color: #3f464d;
} /* basic */

.dashboard_box .content_sec > div.counter:first-child p {
  color: #696e71;
}

/* ======================== FONT COLOR END ======================== */
/* ==================== BACKGROUND COLOR START ==================== */
.dashboard_box {
  background-color: #fff;
}

.darkest {
} /* darkest */

.darker {
  background-color: #3f464d;
  color: #fff;
} /* darker */

ul.tabs_menu li a,
ul.tabs_menu li a:hover,
.basic {
  background-color: #3f464d;
  color: #fff;
} /* basic */

.treeview > a > i,
.treeview > a > span i {
  color: #6f767e;
}
.treeview-menu a i {
  color: #94c156;
}

.user-panel {
  background-color: #fcfcfc;
}

.lighter {
  background-color: #466aad;
  color: #fff;
} /* lighter */

.lightest {
} /* lightest */

.gray {
  background-color: #5a6267;
  color: #fff;
} /* Gray */

.transparent {
  background-color: inherit;
  padding: 0 !important;
  box-shadow: 0 0px 3px rgba(50, 55, 60, 0) !important;
}

body.login {
  background-color: #fff;
}

aside.main-sidebar {
  background-color: #fcfcfc;
} /* Dark Navy Blue */
.filter_tabs a.active {
  background-color: #4976e0;
}

h2.form_title {
  background-color: #1b86ea;
}

.treeview > a {
  background-color: #fcfcfc;
} /* Less Dark Navy Blue */

.mCSB_scrollTools .mCSB_draggerRail {
  /* background-color: rgba(255, 255, 255, 1) !important;
  border: solid 1px #3f464d !important; */
}
.mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_dragger .mCSB_dragger_bar {
  background-color: #3f464d !important;
  background-color: rgba(40, 76, 160, 1) !important;
}

.table_wrapper tr td {
  background-color: rgba(73, 80, 87, 0);
}
.table_wrapper tr:hover td {
  background-color: rgba(73, 80, 87, 0.1);
}

.dashboard_box .counter p.arrow_up:after {
  background-color: #3f464d;
}
.dashboard_box .counter p.arrow_up.green:after {
  background-color: #7bbf33;
} /* Green */
.dashboard_box .counter p.arrow_up.cyan:after {
  background-color: #5cbef1;
} /* Cyan */
.dashboard_box .counter p.arrow_up.red:after {
  background-color: #e64343;
} /* Red */

/* ==================== BACKGROUND COLOR END ==================== */
/* ===================== BORDER COLOR START ===================== */
.filter_tabs a {
  border-color: #0c2c53;
}

.table_filter {
  border-color: #3f464d;
}

.dashboard_box .counter p.arrow_up:before {
  border-color: #3f464d;
}
.dashboard_box .counter p.arrow_up.green:before {
  border-color: #7bbf33;
} /* Green */
.dashboard_box .counter p.arrow_up.cyan:before {
  border-color: #5cbef1;
} /* Cyan */
.dashboard_box .counter p.arrow_up.red:before {
  border-color: #e64343;
} /* Red */

/* ==================== BORDER COLOR START ==================== */

.dropdown-filter-content > div:hover {
  background-color: #3f464d;
  cursor: pointer;
}
.dropdown-filter-content > div:hover span:before,
.dropdown-filter-content > div:hover span {
  color: #fff !important;
}

body.login .content p {
  color: #6c7079;
}

body.login .login-box-body__heading p {
  color: #6e6b7b;
}