body {
  background: #FFFFFF !important;
  color: #808285;
}

/* LEFT COL */

.left_col {
  background-color: #334a90;
}

.nav_title {
  background-color: #334a90 !important;
}

.nav-sm ul.nav.child_menu {
  background: #445ba0;
}

.nav.child_menu > li > a,
.nav.side-menu > li > a {
  color: #fff;
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
  border-right: 5px solid #fff;
}

li.active-sm {
  background-color: #4865bd;
}

.nav.side-menu > li.active > a {
  background: #4865bd;
}

li.active {
  background: #4865bd;
}

.nav.side-menu > li.active,
.nav.side-menu > li.current-page {
  border-right: 5px solid #fff;
}

.nav-md ul.nav.child_menu li:before {
  background: #fff;
}

.nav-md ul.nav.child_menu li:after {
  border-left: 1px solid #fff !important;
}

.fa-chevron-down {
  color: #FFFFFF !important;
}

.sidebar-footer {
  background: #868686;
}

.sidebar-footer a {
  background: #f1f1f1;
}

.sidebar-footer a:hover {
  background: #868686;
}

/* TOP NAV */

.nav_menu {
  background-color: #f1f1f1;
}

.dropdown-menu > li > a {
  color: #808285;
}

.top_nav .nav .open > a,
.top_nav .nav .open > a:focus,
.top_nav .nav .open > a:hover,
.top_nav .nav > li > a:focus,
.top_nav .nav > li > a:hover {
  background: #bcc9da;
}

/* CONTENT */

#main_content {
  background-color: #fff;
}

.x_content {
  background-color: #fff;
}

a {
  color: #58595B;
}

ul.panel_toolbox .btn-box-tool {
  color: #808285 !important;
}

.breadcrumb > .active {
  background-color: #fff;
}

/* TABLE HOVER */

/*DATATABLE COLLAPSED BUTTON */

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  width: 20px;
  height: 20px;
  background-color: #334a90;
  line-height: 20px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #e8511d;
}

.confirmation-email-failed {
  background-color: #F7BFBD !important;
}

/*TOP PROGRESS BAR */

#nprogress .bar {
  background: #256ba7;
}

/* TOP RIGHT LOADING SPINNER */

#nprogress .spinner-icon {
  border-top-color: #256ba7;
  border-left-color: #256ba7;
}

/* BOOTSTRAP */

.text-danger {
  color: #e8511d;
}

.text-primary {
  color: #334a90;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #e8511d;
}

.has-error .form-control {
  border-color: #e8511d !important;
}

/* BUTTONS */

.btn-success {
  background-color: #10ad60;
  border-color: #10ad60;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background: #0a8e4e;
  border-color: #0a8e4e;
}

.btn-success:active,
.btn-success.active {
  background: #096538 !important;
  border-color: #096538 !important;
  box-shadow: none;
}

.btn-primary {
  background-color: #435eb1;
  border-color: #435eb1;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background: #334a90;
  border-color: #334a90;
}

.btn-primary:active,
.btn-primary.active {
  background: #304688 !important;
  border-color: #304688 !important;
  box-shadow: none;
}

.btn-info {
  background-color: #435eb1;
  border-color: #435eb1;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background: #334a90;
  border-color: #334a90;
}

.btn-info:active,
.btn-info.active {
  background: #304688 !important;
  border-color: #304688 !important;
  box-shadow: none;
}

.btn-danger {
  background-color: #e8511d;
  border-color: #e8511d;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background: #d44919;
  border-color: #d44919;
}

.btn-danger:active,
.btn-danger.active {
  background: #bb3f14 !important;
  border-color: #bb3f14 !important;
  box-shadow: none;
}

/* ALERTS */

.alert-success {
  background-color: #10ad60;
  border-color: #10ad60;
}

.alert-danger {
  background-color: #e8511d;
  border-color: #e8511d;
}

.alert-info {
  background-color: #e8c012;
  border-color: #e8c012;
  color: black;
}

.tooltip-inner {
  background-color: #3A3A3C !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #3A3A3C;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #3A3A3C;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #3A3A3C;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #3A3A3C;
}

h1 {
  color: #334a90;
}

h3 {
  color: #334a90;
}

/* date range picker */

.daterangepicker td.in-range {
  background: #cbd5f3;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #4865bd;
}