body.modal-open .main-panel{
  z-index: auto;
  transform: none;
}
body.modal-open .modal.fade .modal-dialog{
  -webkit-transform: translate(0, 50px);
  -moz-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  -o-transform: translate(0, 50px);
  transform: translate(0, 50px);
}

/* --- Select2 --- */
.select2-selection.select2-selection--single{
  padding: .375rem .75rem;
}
.layout-dark .select2-selection.select2-selection--single{
  border: 1px solid #616279 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: inherit !important;
}
.select2-selection.select2-selection--single:focus{
  border-color: #009DA0 !important;
  box-shadow: 0 0 0 .2rem rgba(0,157,160,.25);
}
.layout-dark .select2-selection.select2-selection--single,
.layout-dark .select2-container--default .select2-selection--single .select2-selection__rendered,
.layout-dark .select2-dropdown.select2-dropdown--below,
.layout-dark .select2-dropdown.select2-dropdown--above{
  background: #404258 !important;
  color: #BDBDC7 !important;
}
.select2-selection.select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: calc(1.5em + .75rem + 2px) !important;
}
.form-control.is-invalid, .was-validated .form-control:invalid,
.form-control.is-invalid + .select2 .select2-selection--single{
  border-color: #FF586B !important;
}
.select2-container--open.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #009da0;
  color: #fff !important;
}

body .datepicker.dropdown-menu{
  background-color: #fff;
}
.datepicker table tr td.active.active,
.datepicker table tr td span.active.active{
  background-color: #35364b !important;
}
.datepicker table tr td.active,
.datepicker table tr td span.active{
  background-image: none !important;
}

.layout-dark .form-control-plaintext{
  color: #fff;
}

.tab-content .dataTables_wrapper.container-fluid,
.table-responsive .dataTables_wrapper.container-fluid,
.card-body .dataTables_wrapper.container-fluid{
  padding: 0;
}

.notification-dropdown .noti-list{
  height: auto !important;
}
body.layout-dark .notification-dropdown .dropdown-item:focus i, body.layout-dark .notification-dropdown .dropdown-item:hover i,
body.layout-dark .notification-dropdown .dropdown-menu .dropdown-item, body.layout-dark .notification-dropdown .dropdown-menu button,
body.layout-dark .notification-dropdown .dropdown-item:hover .noti-title,
body.layout-dark .notification-dropdown .dropdown-item:hover .noti-text{
  color: #fff !important;
}

.card .card-media-clima{
  position: relative;
  height: 50vh;
  overflow: hidden;
}
.card .card-media-clima img{
  max-height: 100%;
}
.card .card-media-clima .card-img-overlay{
  transition: all .3s ease-in;
  opacity: 0;
}
.card .card-media-clima:hover .card-img-overlay{
  opacity: 1;
}

.offline-alert{
  display: none;
}
.offline .offline-alert{
  display: block !important;
}
.offline-screen{
  top: 0;
  position: fixed;
  width: 100%;
  height: 0;
  background-color: #fff;
  z-index: -1;
  transition: height 0s ease-in-out, opacity .3s cubic-bezier(.86,0,.07,1);
  opacity: 0;
}
.offline-screen.d-flex{
  opacity: 1;
  height: 100%;
  z-index: 9999;
}
.login-side-img{
  background-position: center center;
  background-size: cover;
  width: 400px;
}
#login{
  background-image: url(../img/gallery/auth-bg.jpg);
}
.custom-file-label{
  color: #B1C1D8;
  margin: 0;
  border: 1px solid #A6A9AE;
}
.custom-file-label,
.custom-file-label::after{
  text-transform: capitalize;
  font-size: 1rem;
  letter-spacing: inherit;
}
.custom-select {
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
  border-color: #A6A9AE;
}
.custom-select:focus{
  border-color: #009DA0 !important;
}
.custom-select:hover{
  cursor: pointer;
}
.custom-file-input:focus ~ .custom-file-label{
  border-color: #009DA0 !important;
  -webkit-box-shadow: 0 0 0 .2rem rgba(0,157,160,.25);
  box-shadow: 0 0 0 .2rem rgba(0,157,160,.25);
}
/* Igualar apriencia al resto de los inputs */
.custom-file-label,
.custom-file-label:after{
  overflow: hidden;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 0 !important;
  line-height: 1.4 !important;
}
.select2-container .select2-selection--multiple {
  padding: .375em .75em !important;
  min-height: auto !important;
  height: calc(1.5em + .75rem + 2px);
}
.select2-search.select2-search--inline .select2-search__field{
  margin-top: 0 !important;
  height: 1.5em;
}

.drag-over {
  border: 1px dashed #009da0 !important;
}

/* FIX */
/* Al tener un dropdown dentro de un .list-group-item,
* el dropdown queda por debajo de los elementos con un z-index 0
* al hacer hover sobre el .list-group-item
*/
.list-group-item:hover{
  z-index: auto;
}

.btn-float-box{
  position: absolute;
  right: 3px;
  top: 3px;
  display: none;
}
.float-box-container:hover > .btn-float-box{
  display: block;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before{
  color: #FFF;
  background-color: #95DEDF;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before{
  border-color: #95DEDF;
}

.capas-elements .custom-control-label{
  white-space: normal;
  line-height: 1.2;
  width: 100%;
}

.card .card-section{
  color: #343A40;
  line-height: 3rem;
  font-size: 1.2rem;
  letter-spacing: .5px;
  font-weight: 400;
  margin-bottom: 20px;
  border-bottom: 1px solid #343A40;
}

.badge-warning{
  color: #fff !important;
}