.panel-fullscreen {
  display: block;
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}

.fc-toolbar {
  text-transform: capitalize;
  font-size: 12px;
  /* font-size: calc(1vw + 1vh); */
  font-size: calc(40vw / 40);
}

.fc-direction-ltr .fc-button-group>.fc-button,
.fc .fc-button-primary,
.fc .fc-button-primary:disabled
{
  background-color: #2e94e7;
  border-color: #2687d7;
}

.fc .fc-button-primary:hover{
  background-color: #1f89dfd4;
}

.fc .fc-button-primary:focus{
  background-color: #1f89dfd4;
}

.fc-col-header-cell-cushion,
.fc-daygrid-day-number,
.fc-daygrid-event{
  color:#3f3f3f;
}

.fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #2196F3;
}

#searchResult{
  position: absolute !important;
  z-index: 999;
  list-style: none;
  padding: 0px;
  width: 250px;
  margin: 0;
}
 
#searchResult li{
  background: lavender;
  padding: 2px;
  margin-bottom: 2px;
}
 
#searchResult li:nth-child(even){
  background: cadetblue;
  color: white;
}
 
#searchResult li:hover{
  cursor: pointer;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}

.btn-circle-sm {
width: 15px;
height: 15px;
padding: 2px 0px;
border-radius: 7px;
text-align: center;
font-size: 9px;
line-height: 1.42857;
}

.steps-form {
  display: table;
  width: 100%;
  position: relative; 
}
.steps-form .steps-row {
  display: table-row; 
}
.steps-form .steps-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc; 
}
.steps-form .steps-row .steps-step {
  display: table-cell;
  text-align: center;
  position: relative; 
}
.steps-form .steps-row .steps-step p {
  margin-top: 0.5rem; 
}
.steps-form .steps-row .steps-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important; 
}
.steps-form .steps-row .steps-step .btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  margin-top: 0; 
} 

.required-error{
  border-color: red;
}

.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.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: 18px;
  width: 18px;
  left: 1px;
  bottom: 1px;
  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(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

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

.slider.round:before {
  border-radius: 50%;
}
/* a.disabled {
  cursor: not-allowed;
  pointer-events: none;
} */

.btn.disabled, .btn:disabled {
  opacity: 1;
  box-shadow: none;
}

.horario{
  font-size:13px;
}

.text-small{
  font-size:13px;
}

/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

.table-responsive::-webkit-scrollbar {
  -webkit-appearance: none;
  appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical {
  width:10px;
}

.table-responsive::-webkit-scrollbar-button:increment,.table-responsive::-webkit-scrollbar-button {
  display: none;
} 

.table-responsive::-webkit-scrollbar:horizontal {
  height: 10px;
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: #797979;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

.table-responsive::-webkit-scrollbar-track {
  border-radius: 10px;  
}

/* .daterangepicker td.disabled, .daterangepicker option.disabled {
  text-decoration-color: rgb(98, 0, 255);
}
*/
.daterangepicker .calendar-table td.available {
  background-color: aquamarine;
}

.datepicker-dropdown{
  min-width: 14rem;
  text-align: -webkit-center;
}

.button {
  float: left;
  margin: 0 1px 0 0;
  min-width: 100px;
  width: 120px;
  height: 80px;
  position: relative;
}

.button label,
.button input {
  display: block;
  position: absolute;
  box-sizing: border-box;
  /* top: 0; */
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 13px;
}

.button input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}

.button input[type="radio"]:checked + label {
  background: #4db7e5;
  border-radius: 4px;
  color: aliceblue;
}

.button label {
  cursor: pointer;
  z-index: 90;
  /*line-height: 1.8em;*/
}

div label input {margin-right: 100px;}

.cat{
margin: 4px;
background-color: #cbd1d5bc;
border-radius: 4px;
border: 1px solid #fff;
overflow: hidden;
float: left;

}

.sel{
background-color: #0c9f0e77;
}

.cat label {
float: left; line-height: 1.0em;
font-size: 14px;
min-width: 8.0em; max-width:12.0em; max-height: 5.0em;
padding: 0.5em;
}

.cat label span {
text-align: center;
padding: 3px 0;
display: block;

}

.cat label input {
position: absolute;
display: none;
color: #fff !important;
}
/* selects all of the text within the input element and changes the color of the text */
.cat label input + span{color: #fff;

  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  /* Sólo WebKit -NO DOCUMENTADO */
  -ms-hyphens: auto;
  /* Guiones para separar en sílabas */
  -moz-hyphens: auto;
  /*  depende de lang en <html>      */
  -webkit-hyphens: auto;
  hyphens: auto;

}


/* This will declare how a selected input will look giving generic properties */
.cat input:checked + span {
  color: #ffffff;
  text-shadow: 0 0  6px rgba(0, 0, 0, 0.8);
  
}

@media (max-width: 576px) and (orientation:landscape) {
  .card {
    position:relative;
    display: flex;
    flex-direction: column;
    
  }
  .card-body {
    
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
  }
  *, ::after, ::before {
    box-sizing: border-box;
  }

  #calendar{
    display: none;
  }
}

@media (min-width: 768px) and (orientation:landscape){
  .card {
    position:relative;
    display: flex;
    flex-direction: column;
    
  }
  .card-body {
    
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
  }
  *, ::after, ::before {
    box-sizing: border-box;
  }
  /* .bd-sidebar {
    display: none;
   
  }
  .bd-content {
    width: 100%;
    
  } */

  fieldset {
    border: 1px solid transparent; 
    /*border-color: rgb(108, 107, 107); */
    box-sizing: border-box; 
    grid-area: 1 / 1; /* first row, first column */
    padding: 10px; 
    width: inherit; 
  } 

  legend {
    font-size: medium;
  }
}