.logo {
    text-align: center;
    font-size: 20px;
}
.logo a {
    color: #FFF;
}

form#login img{
    width: 300px;
    padding-left: 69px;
    padding-bottom: 5px;
}

a {
    color: #88b5c7;
}

#login label.checkbox {
    width: 150px;
    margin: 20px auto;
    text-align: center;
    text-transform: none;
}
.main-panel,.navbar-fixed{
  width: calc(100% - 200px) !important; 
}

.esqueci_a_senha {
    text-align: center;
    margin-top: 5px;
}
.content.erros {
    text-align: center;
    color: #b1444a;
}

.content.erros p{
    font-size: 14px;
}

.container-fluid{
  padding-bottom: 5px !important;
}

.card .header{
  padding: 15px 0px 15px 15px !important;
}

.card .header small {
    font-size: 0.7em;
    line-height: 1.5em;
    margin-top: 20px;
    margin-left: 10px;
}
.login-page .card .header {
    padding-bottom: 15px;
}
td.submenus_admin ul {
    padding: 0;
}
td.submenus_admin li {
    list-style: none;
    display: inline;
}
td.submenus_admin li:first-child:before {
    content: '';
}
td.submenus_admin li:before {
    content: '| ';
}
.input-group-addon {
    background-color: #efefef;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
}
#adicionar_submenu {
    width:200px;
    display:inline
}
#nuevoMenu {
    width:200px;
    display:inline
}

.navbar .navbar-nav > li > a{
    font-size: 13px;
}

.tooltip-inner{
   background-color: #23ccef;
   color: #ffffff;
   box-shadow: 0 1px 13px rgb(255, 255, 255), 0 0 0 1px rgb(255, 255, 255);
}

.tooltip.top .tooltip-inner:after {
    border-top: 11px solid #39d1f0;
}

.navbar .navbar-nav > li > a {
    padding: 14px 15px;
    margin: inherit;
    position: relative;
}

.navbar-default .navbar-nav > li > a:not(.btn) {
    color: #ffffff;
}

.navbar-default {
  background-color: #709daf !important;
  border-bottom: none !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret{
  border-bottom-color: #ffffff !important;
  border-top-color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a:not(.btn):focus{
  color: #ffffff !important;
}

.navbar-default .navbar-nav > .dropdown > a:focus .caret{
  background-color: none !important;
}

.dropdown-menu > li > a:hover{
    background-color: #ffffff;
    color: #000;
}

.card .title {
  font-weight: 500;
  display: inline;
  padding-left: 0px;
}

.nav-tabs>li>a {
    background-color: #fdfcfc;
}

.btn-info.btn-fill{
  background-color: transparent;
  border-color: #787879;
  color: #787879;
}

.btn-info.btn-fill:hover{
  background-color: #709daf;
}

.sidebar{
  width: 200px;
}

.sidebar .nav li > a {
    background-color: #73a7bb;
}

.sidebar .nav [data-toggle="collapse"] ~ div > ul > li > a {
    background-color: inherit;
    font-size: 13px;
}

.sidebar .sidebar-wrapper{
  width: 200px;
}

.sidebar .sidebar-wrapper > .nav li img {
    margin-left: 30px;
    margin-right: 30px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{
    background-color: #535151 !important;
}

.sidebar .nav p{
   font-weight: inherit !important; 
   line-height: 20px !important;
}

.sidebar .nav i{
  line-height: 18px !important;
}

div#validacion_errores p {
    font-size: 14px;
    background-color: #c52933;
    color: white;
    padding: 5px;
}

.card .form-group > label {
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #535150;
    font-weight: 600;
}

.nav > li > a:hover{
    background-color: #19ace3 !important;
    color: white;
}

@media (max-width: 992px){
    .main-panel > .content, .wrapper-full-page > .content {
        padding: 72px 0px;
    }
    .main-panel,.navbar-fixed{
      width: 100% !important;

    }
    .nav-open .main-panel{
      transform: translate3d(-200px, 0, 0) !important;
    }
}

 /* Botón de checkbox - The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 

/* pestaña seleccionada */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    
    background-color: #787879;
    color: #fff;
}

.nav-tabs>li.active>a{
    color: #fff;
    background-color: #787879;
    border: 1px solid #787879;
}


button.btn-space{
   margin-right: 5px !important; 
}

.toolbar{
   display: inline-block;
   text-align: right;
   padding: 0px;
}

.toolbar a {
    font-size: 14px;
}

div#datos_cliente {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: right;
    padding: 10px;
    float: right;
    color: #787879;
}

div#datos_cliente b {
    color: #000000;
}

.sidebar .nav [data-toggle="collapse"] ~ div > ul > li > a{
  text-align: right !important;
  padding-left: 0px !important;
}


.iniciar_sesion, .iniciar_sesion:hover{
    background-color: #73a7bb !important;
    border-color: #73a7bb !important;
    color: #ffffff !important;
}

.pagination > li.active > a, .nav > li > a:hover, .tooltip-inner{
  background-color: #73a7bb !important;
  color: #FFFFFF !important;
}

.tooltip.top .tooltip-inner:after{
  border-top: 11px solid #73a7bb;
}

@media (max-width: 992px){
  .main-panel > .content, .wrapper-full-page > .content {
      padding: 72px 0px 0px 0px !important;
  }
}

@media (max-width: 767px) {
    li.paginate_button.previous {
        display: inline !important;
    }
 
    li.paginate_button.next {
        display: inline !important;
    }
 
    li.paginate_button {
        display: none !important;
        padding: 0px !important;
    }
    .navbar-header img {
        margin-left: 10px;
        padding-top: 7px;
    }
    .sidebar .sidebar-wrapper > .nav{
      margin-top: 0px !important;
    }
    .dt-buttons {
      text-align: center;
      float: none !important;
    }
    .footer .copyright{
      text-align: center;
    }
    .dt-buttons {
      margin-bottom: 17px;
    }
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before{
  box-shadow: 0 0 3px #709daf;
  background-color: #709daf;
  color: #ffffff;
  border: 0px solid white;
  margin-top: -12px;
  left: -9px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active{
  border: inherit !important;
  background-color: inherit !important;
  background: none !important;
  border: 0px !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #709daf !important;
}

.dt-buttons{
  float: right;
  margin-left: 20px;
}

.btn-export-data {
    background-color: #709daf;
    color: #fff;
    border: none;
}