@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);
/* THEME COLORS */
.btn-default{
  color: #333 !important;
}

.bg-primary,.panel-dark-blue .panel-heading,.panel-primary .panel-heading,.btn-primary,.alert-primary,.label-primary{
  background: #003466 !important;
  border: none !important;
  color: #FFF !important;
}
.btn-primary:active,.btn-primary:hover,.btn-primary:active:hover,.btn-primary.disabled:hover,.btn-primary:focus,.btn-primary.disabled:focus,.btn-primary.focus,.btn-primary.disabled.focus{
  background: #0d47a1 !important;
  opacity: 1;
}

.panel-red .panel-heading,.panel-danger .panel-heading,.btn-danger,.alert-danger,.label-danger{
  background: #c62828;
  border: none !important;
  color: #FFF !important;
}
.btn-danger:active,.btn-danger:hover,.btn-danger.disabled:hover,.btn-danger:focus,.btn-danger.disabled:focus,.btn-danger.focus,.btn-danger.disabled.focus{
  background: #b71c1c;
  opacity: 1;
}
.btn-danger.btn-outline { color: #c62828 !important; border: 1px solid #c62828 !important; background-color: transparent; padding: 5px 12px; }
.btn-danger.btn-outline:hover { color: #FFF !important; background-color: #c62828; }

.panel-green .panel-heading,.panel-success .panel-heading,.btn-success,.alert-success,.label-success{
  background: #5cb85c;
  border: none !important;
  color: #FFF !important;
}
.btn-success:active,.btn-success:hover,.btn-success:active:hover,.btn-success.disabled:hover,.btn-success:focus,.btn-success.disabled:focus,.btn-success.focus,.btn-success.disabled.focus{
  background: #1b5e20;
  opacity: 1;
}

.panel-yellow .panel-heading,.panel-warning .panel-heading,.btn-warning,.alert-warning,.label-warning{
  background: #f9a825;
  border: none !important;
  color: #FFF !important;
}
.btn-warning:active,.btn-warning:hover,.btn-warning:active:hover,.btn-warning.disabled:hover,.btn-warning:focus,.btn-warning.disabled:focus,.btn-warning.focus,.btn-warning.disabled.focus{
  background: #f57f17;
  opacity: 1;
}

.panel-light-blue .panel-heading,.panel-info .panel-heading,.btn-info,.alert-info,.label-info{
  background: #0277bd;
  border: none !important;
  color: #FFF !important;
}
.btn-info:active,.btn-info:hover,.btn-info:active:hover,.btn-info.disabled:hover,.btn-info:focus,.btn-info.disabled:focus,.btn-info.focus,.btn-info.disabled.focus{
  background: #01579b;
  opacity: 1;
}

.panel-dark-blue .panel-heading a, .panel-primary .panel-heading a, .btn-primary a, .alert-primary a, .label-primary a,
.panel-light-blue .panel-heading a, .panel-info .panel-heading a,.btn-info a,.alert-info a,.label-info a{
  color: #FFF;
  font-weight: bold;
}
.panel-dark-blue .panel-heading a:hover, .panel-primary .panel-heading a:hover, .btn-primary a:hover, .alert-primary a:hover, .label-primary a:hover,
.panel-light-blue .panel-heading a:hover, .panel-info .panel-heading a:hover,.btn-info a:hover,.alert-info a:hover,.label-info a:hover{
  color: rgba(255,255,255,0.7);
}
/* /THEME COLORS */

/*bootstrap Color*/
/*Normal Color*/
/*Border radius*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}
.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}
/*Just change your choise color here its theme Colors*/
body {
  background: #fff;
}
/*Top Header Part*/
.logo i {
  color: #ffffff;
}
.logo img{
  height: 35px;
}
.navbar-header {
  background: #003466;
}
.navbar-top-links > li > a {
  color: #ffffff;
  line-height: 58px;
}
.sidebar .sidebar-head {
  background: #ffffff;
}
.sidebar .sidebar-head h3 {
  color: #686868;
}
/*Right panel*/
.right-sidebar .rpanel-title {
  background: #003466;
}
/*Bread Crumb*/
.bg-title .breadcrumb .active {
  color: #003466;
}
/*Sidebar*/
.sidebar {
  background: #fff;
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}
.sidebar .label-custom {
  background: #01c0c8;
}
#side-menu li a {
  color: #54667a;
  border-left: 0px solid #fff;
}
#side-menu li li a span{
  /*vertical-align: text-bottom;*/
  margin-left: 5px;
}
#side-menu > li > a:hover,
#side-menu > li > a:focus {
  background: rgba(0, 0, 0, 0.07);
}
#side-menu > li > a.active {
  /*background: #003466;*/
  background: #e4a52e;
  color: #ffffff;
  font-weight: 500;
}
#side-menu ul > li > a:hover {
  color: #003466;
}
#side-menu ul > li > a.active {
  color: #003466;
  font-weight: 500;
}
.user-profile .user-pro-body .u-dropdown {
  color: #54667a;
}
/*themecolor*/
.bg-theme {
  background-color: #003466 !important;
}
.bg-theme-dark {
  background-color: #003466 !important;
}
/*Button*/
.btn-custom {
  background: #003466;
  border: 1px solid #003466;
  color: #ffffff;
}
.btn-custom:hover {
  background: #003466;
  opacity: 0.8;
  color: #ffffff;
  border: 1px solid #003466;
}
/*Custom tab*/
.customtab li.active a,
.customtab li.active a:hover,
.customtab li.active a:focus {
  border-bottom: 2px solid #003466;
  color: #003466;
}
.tabs-vertical li.active a,
.tabs-vertical li.active a:hover,
.tabs-vertical li.active a:focus {
  background: #003466;
  border-right: 2px solid #003466;
}
/*Nav-pills*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background: #003466;
  color: #ffffff;
}


/* COLORS */
  /* PRIMARY */
  .radio-primary input[type="radio"]:checked + label::after,
  .radio-primary input[type="radio"] + label::after {
    background-color: #003466 !important;
  }
  .radio-primary input[type="radio"]:checked + label::before,
  .radio-primary input[type="radio"]:checked + label::before{
    border-color: #003466 !important;
  }

  .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline.focus{
    background: #003466;
  }
  .btn-primary.btn-outline{
    color: #003466;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border: 1px solid #003466;
    background-color: #003466;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #e4a52e;
    border: 1px solid #e4a52e;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 2px 10px 2px 8px;
    font-size: 12px;
  }
  .dataTables_wrapper .dataTables_info{
    font-size: 12px;
  }
  table.dataTable{
    margin-top: 0;
    margin-bottom: 5px;
  }
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter{
    margin-bottom: 10px;
  }
  .form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus{
    background-image: linear-gradient(#003466, #003466), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));
  }
  /* / PRIMARY */

  /* SUCCESS */
  .bg-success,
  .radio-success input[type="radio"]:checked + label::after,
  .radio-success input[type="radio"] + label::after {
    background-color: #4ea244 !important;
  }
  .radio-success input[type="radio"]:checked + label::before,
  .radio-success input[type="radio"]:checked + label::before{
    border-color: #4ea244 !important;
  }
  .btn-success:hover, .btn-success.disabled:hover, .btn-success:focus, .btn-success.disabled:focus, .btn-success.focus, .btn-success.disabled.focus{
    background: #4ea244;
    border: 1px solid #4ea244;
  }
  .btn-success, .btn-success.disabled{
    background: #4ea244;
    border: 1px solid #4ea244;
  }
  .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline.focus{
    background: #4ea244;
  }
  .btn-success.btn-outline{
    color: #4ea244;
  }
  /* / SUCCESS */

/* / COLORS */