/******************************************************/
/********* CUSTOM CSS - BIOSER ************/
/******************************************************/

/*GLOBALES*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .input-group-addon, a, a:hover, a:active {
  color: #2D3747 !important;
}

.text-muted {
  color: #3C3C3B !important;
}
.list-group-item {
  border-color: #8EBCCE !important;
}
.fc button {
  background-color: #8EBCCE !important;
}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
  border-color: #2D3747 !important;
}

.fc-unthemed td.fc-today {
  background-color: #E7B5AC !important;
}
.fc-state-default {
  color: #2D3747 !important;
}
.fc-event {
  cursor: pointer;
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #8EBCCE;
    color: #2D3747 !important;
    background-color: #8EBCCE !important;
}
.card {
  box-shadow: 0 1px 15px 1px rgb(0,0,0,0.15);
}

.sa-confirm-button-container button.confirm, .sa-button-container button.cancel {
      border-radius: 10rem;
    padding-left: 0.9em;
    padding-right: 0.9em;
}
/*TEMPORAL*/
body {
  background-color: #fff;
}
.sweet-alert .sa-icon.sa-warning {
  border-color: #8EBCCE !important; 
}
.sweet-alert .sa-icon.sa-warning span  {
  background-color: #8EBCCE !important; 
}
.sweet-alert button {
  background-color:  #8EBCCE !important;
  color: #2D3747 !important;
}
.login-img {
  background: url('images/login.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.app-sidebar {
  background:  #8EBCCE !important;
}
.page-item.active .page-link {

  background: #2D3747 !important;
  color: #8EBCCE !important;
}
.app-sidebar .side-menu__item:hover, .app-sidebar .side-menu__item.active, .app-sidebar .side-menu__item.active .side-menu__icon, .dropdown-item:hover, .dropdown-item:focus {
  background: #F3EFE0 !important;
  color: #2D3747 !important;
  text-decoration: none;
}
.app-header .dropdown:hover {
  background-color: #A7A9AC !important;  
}
.form-control:focus {

  border-color: #8EBCCE !important;
}
.dropdown-icon, ::placeholder {
    color: #A7A9AC !important;
}
.btn-primary {
  background: #8EBCCE !important;
  border-color: #8EBCCE !important;
    color: #2D3747 !important;
}
.btn-gray{
  background-color: #2d3747 !important;
  border-color: #2d3747 !important;
    color:  #8ebcce !important;
  }
  .btn-gray:hover {
    color:  #8ebcce !important;
  }
  .btn-gray i {
    color:  #8ebcce !important;
  }
  .btn-muted {
    background: #a7a9ac !important;
    border-color:  #a7a9ac  !important;;
    color: #fff !important;
  }
  .btn-muted i {
    color: white;
  }
  .bg-primary{
    background: #2d3747 !important;
  }
  .bg-secondary{
    background: #8EBCCE !important;
  }
  .btn-primary i {
    color: #2D3747 !important;
  }

  .btn-subprimary,.btn-subprimary:hover {
    background-color: #f3efe0 !important;
    border-color:  #f3efe0  !important;;
    color: #e7b5ac !important;
  }

  .btn-secondary, .btn-secondary:hover {
    background-color: #e7b5ac !important;
    border-color:  #e7b5ac  !important;;
    color: #fff !important;
  }

  .btn-subprimary:hover, .btn-secondary:hover, .btn-primary:hover, .btn-gray:hover {
    opacity: 0.85;
  }
#back-to-top:hover, #back-to-top {
    background: linear-gradient(to bottom right,#fff, #fff) !important;
    color: #2D3747;
    border: 2px solid #8EBCCE;
}
#back-to-top {
    background: #8EBCCE !important;
    border: 2px solid #2D3747;
}

    
table td {
      vertical-align: middle !important;
}

.app-sidebar__user .user-pro-body img {
  border: 3px solid #F3EFE0 !important;
}

.footer {
  background-color: #2d3747;
  color: white;
}
.footer a {
  color:  #8ebcce !important;
}


/*FIN TEMPORAL*/

.header-brand-img {
    height: 55px;
    margin-top: 3px;
    padding: 5px;
}

.logo-brand{
  max-width: 250px;
}

.text-bold {
  font-weight: 600;
}

.sa-button-container .cancel {
  background-color: white !important;
  color: rgba(0,0,0,0.6);
  border: 1px solid rgba(0,0,0,0.2);
}

table td, table th {
  text-align: center !important;
}

#global-loader {
    background: url(images/favicon.png) no-repeat 50% 50% rgba(255, 255, 255);
    left: 0;
    background-size: 140px;
     animation-name: color;
      animation-duration: 0.5s;
      animation-iteration-count: infinite;
}

@keyframes color {
  0% {
    background-size: 120px;
  }
  50% {
    background-size: 130px;
  }
  100% {
    background-size: 140px;
  }
}

.app-header .dropdown-toggle::after {
  display: none;
}

.horizontal-dropdown .dropdown-menu {
    transform: translate3d(-221px, 62px, 0px) !important;  
}
/*
.form-control:disabled, .form-control[readonly] {
    background-color: rgba(0,0,0,0.01) !important;
    cursor: no-drop !important;
}

#lista_consultas a.dropdown-item div i {
  margin-right: 5px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  line-height: 15px !important;
}

/*VALIDACIÓN DE FORMULARIOS*/
/*
.invalid input:required:invalid {
  border-color: #ec2d38;
  padding-right: 2rem;
  background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>") no-repeat center right 0.5rem/1rem;
}
input:required:valid, .state-valid.is-valid, .form-control.is-valid:focus {
  border-color: #5ed84f !important;
  padding-right: 2rem;
  background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2346d1cd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>") no-repeat center right 0.5rem/1rem;
}
span.required-field {
  font-size: 1em;
  font-weight: bold;
  color: #ec2d38;
}
*/