:root {
  --corporative: #E9458A;
  --corporative_dark: #B31E79;
  --f7-toggle-active-color: #E9458A;
  --corporative_light: #eea2c2;
  --corporative_light2: #f0d1de;
  --corporative-textbg: white;
}
.bg-corporative {
  background-color: var(--corporative);
  color: var(--corporative-textbg);
}

html { font-size: 15px; }
body, .content-wrapper {
  background-color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.9rem;
  color: #212529;
}
.page-link { color: #212529; }
.fa-primary, a { color: var(--corporative); }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover, .select2-container--default .select2-results__option--highlighted { color: white; background-color: var(--corporative); } 
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active { color: #fff!important; background-color: var(--corporative)!important; border-color: var(--corporative)!important; }
.page-link:hover, .principal { color: var(--corporative); background-color: #fff!important; }
.btn { font-size: 0.9rem; }
.btn i { font-size: 1rem; }
.btn-success { background-color: var(--corporative)!important; border-color: var(--corporative)!important; }
.btn-success:hover, .btn-success:active, .btn-default, .btn-default:hover, .badge-primary:hover { background-color: #fff!important; color: var(--corporative)!important; border: 1px solid var(--corporative); }
.btn-danger { background-color: #000!important; border-color: #000!important; }
.btn-danger:hover, .btn-danger:active { background-color: #fff!important; color: #000!important; border-color: #000; }

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active { color: var(--corporative)!important; background-color: #fff; box-shadow: none; }
.login-box, .register-box { width: 400px; }
.navbar { background-color: #FFF; margin-left: 0!important; border-bottom: 1px solid var(--corporative); }
@media screen and (max-device-width: 500px) { .login-box, .register-box { width: 90%; } }
.sidebar-dark-primary { background: linear-gradient(180deg, var(--corporative) 0%, var(--corporative_dark) 100%); color: #fff; }
.nav-sidebar .nav-icon, .nav-sidebar .fa-angle-left { margin-top: 0.2rem; }
.nav-sidebar .nav-link p { font-size: 15px; }
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000!important; }
.select2-container--default .select2-selection--single { padding-top: 0.3rem; }
.select2-container--bootstrap4 .select2-selection, .select2-container--default .select2-selection--multiple .select2-selection__choice { border: 1px solid #ced4da; color: #495057!important; background-color: #fff; padding-left: 0; padding-right: .75rem; }
.select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple { box-shadow: none; border: 1px solid #ced4da; }
.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] { background-color: var(--corporative); }
.btn-primary { background: linear-gradient(180deg, var(--corporative) 0%, var(--corporative_dark) 100%); border: none; }
.card-header { background-color: var(--corporative)!important; color: #fff; border-bottom: none; padding: .75rem 1.25rem!important; font-size: 0.9rem!important; }
.input-group-text, .input-group-append button:not(.btn-danger), .page-item.active .page-link { background: linear-gradient(180deg, var(--corporative) 0%, var(--corporative_dark) 100%); color: #fff; border: none; }
.page-item.active .page-link { border: 1px solid #ced4da; }
.input-group-append { margin-left: 0; }
table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled) { padding-right: 30px; }
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after { right: 0.1em; top: 8px; }
.fixed-table-container .row:nth-child(2) .col-sm-12 { overflow: auto; white-space: nowrap; max-height: 72vh; }
@media screen and (max-height: 48rem) { .fixed-table-container .row:nth-child(2) .col-sm-12 { max-height: 65vh; } }
@media screen and (max-height: 40rem) { .fixed-table-container .row:nth-child(2) .col-sm-12 { max-height: 55vh; } }
.fixed-table-container .table thead th { position: sticky; background-color: white; top: 0px; }
.fixed-table-container .table thead { border: none!important; }
.fixed-table-container .table thead th { border: none; border-bottom: 1px solid #dee2e6; }
.table-bordered { border: none!important; }
.text-light { color: lightgrey!important; }
#datatable_paginate { margin: 10px!important; }
.table td { border-bottom: 1px solid #dee2e6; border-top: none; }
.table-sm td { padding: 0.6rem; }
.table-sm th { padding: 0.3rem; font-weight: bold!important; }
.table-sm label { padding-left: 0; }
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after { top: 5px!important; }
.bg-white, .bg-white>a, .page-item.disabled .page-link, .form-control { color: #212529!important; font-size: 0.9rem!important; height: calc(1.5em + .75rem + 2px); }
.fixed-table-container .table tbody td:nth-child(1) { border-left: 1px solid #dee2e6; }
.fixed-table-container .table tbody td:last-child { border-right: 1px solid #dee2e6; }
.fixed-table-container .table tbody td:nth-child(1), .fixed-table-container .table thead th:nth-child(1) { padding-left: 13px!important; }
.visibility { display: none; }
.fa-sliders { cursor: pointer; }
#accionTabla { display:inline; float: left; }
.swal2-icon.swal2-warning, .waitpage-box i { color: var(--corporative)!important; }
.swal2-icon.swal2-warning { border-color: var(--corporative)!important; color: var(--corporative)!important; }
#variables_usuario { font-weight: normal; }
#empresa_usuario_global { width: 200px; }
.login-page { background: linear-gradient(180deg, var(--corporative) 0%, var(--corporative_dark) 100%); }
.login-box { padding: 100px 50px; background-color: #fff; border-radius: 72px; }
.badge-primary { background-color: var(--corporative); border: 1px solid var(--corporative); }
label:not(.form-check-label):not(.custom-file-label) { font-weight: normal; }
.modal .card { border-top-left-radius: .33rem!important; border-top-right-radius: .33rem!important; border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important; }
.modal .card-header { cursor: pointer; }
.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before { background-color: var(--corporative); border-color: var(--corporative); }
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: var(--corporative); }
.nav-item a { color: #495057 }
.nav-item a.active { color: var(--corporative)!important; }
.table p { margin: 0!important; }
.ck-balloon-panel { z-index: 10000!important; }
input[type="file"] { border: none; }
.error { border: thin solid red!important; }
.btn-dropdown.disabled, .btn-dropdown:disabled, .select2-container--default.select2-container--disabled .select2-selection--single { opacity: 1; cursor: not-allowed; background-color: #e9ecef!important; border-color: #ced4da; -webkit-box-shadow: none; box-shadow: none; }
.bootstrap-table { overflow-x: hidden; }
.table a i { color: black; }
#toast-container .toast-warning { color: black; opacity: 1; }
#nombre_servicio { font-weight: bold!important; }
#disponibilidad .card-body, #consumidores .card-body, .cupones_disponibles .card-body { padding: 0.5rem; }
.fecha, .hora { font-size: 0.9rem; font-weight: bold; }
.estructura_fisica, .trabajador { font-size: 0.9rem; color: darkgrey; }
#disponibilidad .card, #consumidores .card, .cupones_disponibles .card { border-radius: .33rem!important; }
#disponibilidad table, #consumidores table { width: 95%; }
.selected { border: 1px solid var(--corporative)!important; }
.list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }
.list-group-item { position: relative; display: block; padding: 0.5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0,0,0,.125); margin: 0; cursor: pointer; }
.form-check-input { position: relative!important; margin-right: 0.25rem!important; margin-top: 0.25em; vertical-align: top; margin-left: 0!important; }
#disponibilidad .card, #consumidores .card, .cupones_disponibles .card { float: left; margin-right: 1rem; width: 15.5rem; background: linear-gradient(180deg, #f2f3f4 50%, #f9fafb 50%); }
.cupones_disponibles .card { width: 47%; }
.cupones_disponibles table { width: 100%; }
.cupones_disponibles select { min-width: 200px; }
.cupones_disponibles { max-height: 30vh; overflow-y: scroll; }
.cupon-usado { background: linear-gradient(180deg, #e3fae3 50%, #f1fcf1 50%)!important; }
table td {
  cursor: pointer;
}

.dataTables_filter {
  display: none;
}

/*LOADING*/
.waitpage {
  background-color:rgba(256, 256, 256, 0.5);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  display:none;
}

.waitpage-box {
  left: 50%;
  overflow: auto;
  padding: 16px;
  position: fixed;
  text-align: center;
  top: 50%;
  z-index: 99999;
  margin: -64px 0 0 -64px;
}
.waitpage-box p img {
  max-width: 100px;
  color: #d0622b;
  float: none;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;

}
.waitpage-box p span {
  float: left;
  font-size: .8125em;
  font-weight: bold;
  padding: 6px 0 0 12px;
  white-space: nowrap;
}

.waitgraph {
  background-color:rgba(256, 256, 256, 0.5);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99999;
  display:none;
}
.waitgraph-box {
  left: 50%;
  overflow: auto;
  padding: 16px;
  position: absolute;
  text-align: center;
  top: 50%;
  z-index: 99999;
  margin: -64px 0 0 -64px;
}
.waitgraph-box p img {
  max-width: 100px;
  color: #d0622b;
  float: none;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;

}
.waitgraph-box p span {
  float: left;
  font-size: .8125em;
  font-weight: bold;
  padding: 6px 0 0 12px;
  white-space: nowrap;
}

.titulo-tablas{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem
}

.main-sidebar{
  /*background-color: rgb(32, 104, 117);*/
}

.btn-primary{
  /*background-color: rgb(25, 147, 153);
  border-color: rgb(25, 147, 153);*/
}
.nav-sidebar,
.nav-sidebar > .nav-header,
.nav-sidebar .nav-link {
  overflow: hidden;
}
.nav-sidebar .nav-item>.nav-link {
  position: relative!important;
}

.nav-item > ul > li > a{
  margin-left: 0.5rem!important;
  background: none!important;
}

.nav-item > ul > li > a.active{
  color: white!important;
}

.nav-item > ul > li > a.active:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index:-1;
    height: 40px;
    width: 40px;
    opacity:0.2;
    margin-left: -35px;
    box-shadow: 0px 0px 0px 480px #ffffff;
    transform-origin: center;
    transform: rotate(45deg);
}

tbody > tr > td {
  padding: 0.4rem!important;
}

thead > tr > th {
  padding-left: 0.4rem!important;
}

select option{
  width:200px;
  height: auto;
  word-wrap: break-word;
  white-space: normal;
}
select{
  height: 220px;
  width:250px;
}

.tabla_registro{
  width: 100%; 
  background-color: white;
}



.tabla_titulo{
  border-bottom: thin solid white;
}

.registro_mediana th{
  background-color: #17b875!important;
  color: white;
}

.tabla_registro th{
  /*background-color: #17a2b8;
  color: white;*/
}

.tabla_registro td,th{
  padding: 0.5rem;
}


::-webkit-scrollbar {
  -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
  width: 1rem;
}

::-webkit-scrollbar:horizontal {
  height: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: #9c9c9c;
  border-radius: 10px;
  border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}

.container_tabla_registro{
  border: 0.5rem solid var(--corporative);
  width: min-content;
  margin: 1rem;
  border-radius: 0.2rem;
  min-width: 45%;
  display: inline-block;
  background-color:var(--corporative);
}

.tabla_registro th, .total td {
  background-color: var(--corporative);
  color: white;
  font-weight: bold;
  text-align: center;
}

.tabla_registro td { text-align: center; }

.container_tabla_analisis {
  width: max-content;
}

.container_tabla_registro_mediana{
  border: 0.5rem solid #17b875!important;
  background-color:#17b875!important;
}

.tablaschiquitas table{
  font-size: 9.5pt;
}

.login-page{
  /*background-image: url('../img/logo-bg.png');*/
  background-position: bottom left;
  background-repeat: no-repeat;
}

.parrafotes p{
  text-align: justify;
}

.user-panel img {
  height: 2.0rem!important;
  width: 2.0rem!important;
}

/* Busqueda typeahead */
.twitter-typeahead .tt-menu{
  background: white;
  border-radius: 4px;
  border: 1px solid #ced4da;
}
.twitter-typeahead .tt-suggestion {
  padding: 0.25rem;
}
.twitter-typeahead .tt-suggestion:last-child {
  margin-bottom: 0;
}
.twitter-typeahead .tt-suggestion.tt-cursor {
  background-color: #5FB3C5;
}

.brand-image-new{
  line-height: .8;
  margin-left: .8rem;
  margin-right: .5rem;
  margin-top: -3px;
  max-height: 33px;
  width: auto;
}

.brand-link-new{
  display: block;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: .8125rem .5rem;
  transition: width .3s ease-in-out
}

.textos-navbar{
  display: none;
}

@media (min-width: 992px){
  .modal-xxl{
    max-width: 90%!important;
  } 
  .textos-navbar{
    display: contents;
  }
}

.select2-container--default .select2-selection--single {
  height: 2.25rem!important;
  border: 1px solid #ced4da;
  padding-left: .75rem!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 2.25rem!important;
  right: 3px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-top-color: #343a40!important;
}
[class*=sidebar-dark-] .sidebar a {
  color: white!important;
}
[class*=sidebar-dark] .brand-link {
  border-bottom-color: grey!important;
}

.lightbox2 {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 5%;
  color: #000000;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  text-shadow: #333 0 1px 0; 
  z-index: 1060;
}

.gallery{
  position: relative;
  overflow: hidden;
}

.label1{
  margin-left: 20px !important;
	padding: 100px;
}

.modal-footer button { margin-right: 5px; }

.calendar-ef{
  border: thin solid rgba(0, 0, 0, 0.5)!important;
}
.calendar-serv{
  border: medium dotted rgba(0, 0, 0, 0.5)!important;
}
.calendar-servtrab{
  border: medium dashed rgba(0, 0, 0, 0.5)!important;
}

.calendar-switch {
  box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
  border-radius: .25rem;
  font-weight: 700;
  margin-bottom: 4px;
  padding: 5px 10px;
  cursor: pointer;
}

.grayout {
  color: rgb(109 109 109)!important;
  background-color: #d0d0d0!important;
  border-color: #989898!important;
  opacity: 0.5;
}

.btn-tool{
  color: white!important;
}
.tools a:not(:first-child) { margin-left: 0.5rem; }
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text {
  font-size: 1rem!important;
}
.bootstrap-table .fixed-table-container .table tbody tr.no-records-found td {
  text-align: left!important;
}
.action:not(:first-child), .tools a:not(:first-child) { margin-left: 0.5rem; }
.action:last-child, .tools a:last-child { margin-right: 0.5rem; }

/* Sticky columns */
.sticky-column{
	position: sticky;
  left: -8px;
  width: 100px;
}

td.sticky-column{
  background-color: white;
  color: black;
}

th.sticky-column{
  z-index: 2 !important;
}

.plus-minus.input-group input, .plus-minus.input-group textarea {
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  margin: 0;
  outline: none;
}

.plus-minus.input-group input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

.plus-minus.input-group input::-webkit-outer-spin-button,
.plus-minus.input-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.plus-minus.input-group {
  clear: both;
  margin: 15px 0;
  position: relative;
  display: inline;
}

.plus-minus.input-group input[type='button'] {
  background-color: #eeeeee;
  min-width: 24px;
  width: auto;
  transition: all 300ms ease;
}

.plus-minus.input-group .button-minus,
.plus-minus.input-group .button-plus {
  font-weight: bold;
  height: 24px;
  padding: 0;
  width: 24px;
  position: relative;
}

.plus-minus.input-group .quantity-field {
  position: relative;
  height: 24px;
  left: -4px;
  text-align: center;
  width: 34px;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 5px;
  resize: vertical;
  text-align: center;
}

.plus-minus.input-group .button-plus {
  left: -8px;
}

.plus-minus.input-group input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}

.image_background_cols {
  border-radius: 4px;
  width: 3.5rem;
  height: 3.5rem;
  background-position: center;
  background-size: cover;
  color: white;
  padding: 5%;
  position: relative;
  box-shadow: 0 0 3px rgba(0,0,0,.125), 0 3px 3px rgba(0,0,0,.2);
}
.paginate_button a { z-index: 0!important; }

/* Ocultar el ícono del calendario en Chrome, Edge, y Opera */
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}
/* Estilo adicional para asegurarse de que el ícono no sea visible */
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
}
/* Ocultar el ícono del calendario en Firefox */
input[type="date"]::-moz-calendar {
  display: none;
}
/* Estilo general para el campo de entrada */
input[type="date"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.multiselect-selected-text, .form-check-label {
  font-size: 0.9rem;
}
.dropdown-toggle.custom-select {
  text-align: left!important;
}
.multiselect-container .multiselect-option .form-check, .multiselect-container .multiselect-group .form-check, .multiselect-container .multiselect-all .form-check {
  padding-left: 0!important;
}
.form-check-input {
  margin-top: 6px!important;
  margin-right: 7px!important;
}
.multiselect-container .multiselect-filter > .fa-search {
  margin-top: 2px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  float: left;
  padding-right: 3px;
  padding-left: 3px;
  margin-right: 1px;
  margin-left: 3px;
  font-weight: 700;
  color: #bdc6d0;
}
.swal2-confirm { background-color: var(--corporative)!important; }
.swal2-cancel { background-color: white!important; color: var(--corporative)!important; border: 1px solid var(--corporative)!important; border-radius: 0.25em!important; }
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple { padding-left: 0.375rem!important; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0!important;}