:root {
  --primary-color: #0e2c46;;
  --secondary-color: #286aa0;
  --third-color: #134e92;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: 50% 50% no-repeat #fff;
}

.btn-whatsapp {
  display:block;
  width:70px;
  height:70px;
  color:#fff;
  position: fixed;
  right:35px;
  bottom:70px;
  border-radius:50%;
  line-height:80px;
  text-align:center;
  z-index:999;
  padding:10px;
}

.main-header .logo {
 font-size: 18px;
}

.skin-blue .main-header .logo {
  background: var(--primary-color);
  background: -webkit-linear-gradient(to bottom, var(--secondary-color), var(--primary-color));
  background: linear-gradient(to bottom, var(--secondary-color),var(--primary-color));
}

.skin-blue .content-header {
 border-bottom: 1px solid #cecece;
 padding-bottom: 15px;
}

.btn-primary, .btn-primary.focus, .btn-primary:focus {
 background-color: var(--third-color);
 border-color: var(--third-color);
}

.navbar {
  background: var(--primary-color);
  background: -webkit-linear-gradient(to bottom, var(--secondary-color), var(--primary-color));
  background: linear-gradient(to bottom, var(--secondary-color), var(--primary-color));
}

.skin-blue .main-header li.user-header {
  background: var(--primary-color);
  background: -webkit-linear-gradient(to bottom, var(--secondary-color), var(--primary-color));
  background: linear-gradient(to bottom, var(--secondary-color), var(--primary-color));
}

.navbar .navbar-brand:focus, .navbar .navbar-brand:hover {
  color: #FFF;
}

.nav-list > li > .submenu > li::before {
   border: 1px groove;
}

.text-primary {
  color: var(--third-color);
}

hr {
  border: 1px solid var(--third-color);
}

.label-primary, .label.label-primary {
  background-color: var(--third-color);
}

.badge-primary, .badge.badge-primary {
   background-color: #999;
}

.btn-primary, .btn-primary.focus, .btn-primary:focus {
  background-color: var(--third-color) !important;
  border-color: var(--third-color);
}

.btn-primary.focus:hover, .btn-primary:active:hover, .btn-primary:focus:active, .btn-primary:focus:hover, .btn-primary:hover, .open > .btn-primary.dropdown-toggle, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:active, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
   background-color: var(--secondary-color) !important;
   border-color: var(--secondary-color);
}

.footer .footer-inner .footer-content {
   position: absolute;
   left: 12px;
   right: 12px;
   bottom: 4px;
   padding: 8px;
   line-height: 20px;
   border-top: 4px double var(--primary-color);
}

.alert .pull-right{
  position:relative; 
  top:-6px; 
  margin-left: 3px;
}

.nav-stacked li:hover a{
  color: #fff;
  background-color: #428bca;
}

.nav-stacked li:hover .badge{
  color: #428bca;
  background-color: #fff;
}

.nav-stacked li a{
  background-color: #C1E4FF;
  border-radius: 4px;
  border: 1px solid #aaa;
  color: #0C74C9;
}

.input-group-addon{
  background-color: #dff0d8;
  color: var(--primary-color);
  border-color: #dff0d8;
}

.form-signin {
  max-width: 500px;
  margin: 30px auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: 60px;
  padding: 10px;
  -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.form-signin div.input-group input {
  border: 2px solid #bcc5b9;
  font-size: 20px;
  border-radius: 10px;
}

.form-signin div.input-group {
  margin-top: 10px;
}

.form-signin div.input-group span {
  font-size: 20px;
  border: 2px solid #bcc5b9;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.nav-justified {
  width: 95%;
}

.panel-tabs {
  border-bottom: 1px solid transparent;
}

.panel-tabs > li > a {
   margin-right: 2px;
   margin-top: 4px;
   line-height: .85;
   border: 1px solid transparent;
   border-radius: 4px 4px 0 0;
   color: #ffffff;
}

.panel-tabs > li > a:hover {
   border-color: transparent;
   color: #ffffff;
   background-color: transparent;
}

.panel-tabs > li.active > a,
.panel-tabs > li.active > a:hover,
.panel-tabs > li.active > a:focus {
   color: #fff;
   cursor: default;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   background-color: rgba(255,255,255, .23);
   border-bottom-color: transparent;
}

.cursor-hover{cursor: pointer;}

#main > h3{
 border-bottom: 1px dotted var(--primary-color);
 padding-bottom: 5px;
 margin-bottom: 10px;
}

div.tabs-primary .panel-heading li.pull-right a {
 font-weight: bold;
 text-align: center;
 text-shadow: -1px -1px rgba(0,0,0,.2);
 border-radius: 5px;
 color: white;
 box-shadow: inset 3px 3px 3px rgba(255,255,255,.7),
             inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
}

div.tabs-primary .panel-heading li.pull-right a:hover{
 background-color: rgba(255,255,255, .23);
}

div.tabs-primary .panel-heading li.pull-right a:hover .badge {
 background-color: #006282;
 color: #ffffff;
}

@media (min-width : 768px) {
 .panel-tabs > li {
     float: left;
     margin-bottom: -1px;
 }
}

.tooltip-inner {
   max-width:500px;
   text-align: left;
}

.tooltip-breakline .tooltip-inner{text-align: left; white-space: pre}

.tooltip-inner {
   max-width:500px;
   text-align: left;
}

.footer {
 padding-top: 120px;
}

.modal  .modal-dialog-lg {
 width: 930px;
}

i.icon-message-notification {
 font-size:35px;
 float:left;
 padding-right:15px;
 vertical-align:middle;
}

i.icon-modal-notification {
 font-size: 50px;
 float: left;
 padding-right: 15px;
}

footer p {
  margin: 0px;
}

.panel-primary > .panel-heading {
  color: #fff;
  background: var(--primary-color);
  background: -webkit-linear-gradient(to bottom, var(--secondary-color), var(--primary-color));
  background: linear-gradient(to bottom, var(--secondary-color),var(--primary-color));
  border-color: #ffffff;
}

.panel-heading a i {
  font-size: 25px;
}

.panel-heading span.badge {
  font-size: 15px;
  padding: 1px 10px;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
  -webkit-box-shadow: 5px 5px 15px 5px #000000;
  box-shadow: 1px 1px 4px 1px #fff;
  margin: 7px;
  border: 2x solid #000;
  border-radius: 5px;
}

.main-footer {
  background: var(--primary-color);
  background: -webkit-linear-gradient(to bottom, var(--secondary-color), var(--primary-color));
  background: linear-gradient(to bottom, var(--secondary-color),var(--primary-color));
  color: #ffffff;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background: var(--primary-color);
  background: -webkit-linear-gradient(to bottom, var(--secondary-color), var(--primary-color));
  background: linear-gradient(to bottom, var(--secondary-color),var(--primary-color));
  color: #ffffff;
}

.panel-heading .panel-title {
  font-weight: bold;
}

.content-header > h1 > small {
  font-size: 12px;
  color: var(--primary-color);
  font-weight: bold;
}

.dataTables_wrapper tr th,
.dataTables_wrapper tr td {
  text-align: center;
}