body{
  overflow: hidden;
  height: 100%;
  padding: 0px;
  margin: 0px;
}

html{
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.main-wrapper{
  width: 50%;
  position: absolute;
  top: 50px;
  bottom: 50px;
  overflow: hidden;
}


.page-wrapper{
  height: 100%;
  width: 100%;
  display: inline;
}

.mb-4, .my-4 {
   margin-bottom: 0px!important; 
}

.container-fluid {
  /* position: fixed; */
  border: 1px solid blue;
  background-color: white;
  padding: 10px 20px 20px 70px;
  height: 100%;
  width: 100%;
  overflow: auto;
}

.footer{
  padding-left: 70px;
}

#carousel{
  overflow: hidden;
  width: 100%; 
  height: 120vh;
  position: inline-block;
}
.slide{
  height: 120%;
  width: 100%;
  position: absolute;  
}
#row_pasos_ico{position:relative;}
#row_pasos_ico .ico{ font-size: 25px; margin-bottom: 30px; z-index: 1; position: absolute; left: 40%;}
#ico1{top:20%;}
#ico2{top:40%;}
#ico3{top:60%;}
#row_pasos_ico .circulo{
  left: 33.5%;
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #b2d5e2;
  margin: auto;
  z-index: 0;
}
.separador{
  color: #f4f5f9;
  width: 50px;
  transform: rotate(90deg);
  position: absolute;
  left: 32%;
}
#separador1{top: 10%;}
#separador2{top: 30%;}
#separador3{top: 50%;}

.slide:nth-child(1) {
  left: 0;
}
.slide:nth-child(2),.slide:nth-child(3),.slide:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.page-titles {
  margin: 1%;
  height: 50px;
}

.calendario{
  position: relative;
  min-height: 500px;
  margin-right: 20px;
} 

#dxSelectBoxDelegaciones {
  /*margin: 10px 25px 0px 25px;*/
  width: 250px;
}

#dxLoadIndicator{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
}

.dx-scheduler-appointment {
  background-color: transparent;
  border-left: 0px;
  font-size: 13px;
  width: auto;
  border-right: 0px;
}



.dx-scheduler-appointment-content {
  padding: 5px 0px 0px 0px;
}

.disponible {
  padding-left: 5px;
  height: 100%;
  background-color: #11b211;
}

.reservaWeb {
  padding-left: 5px;
  height: 100%;
  font-size: smaller;
  font-weight: bold;
  background-color: #057DE8;
}

.reservaSinTrabajador {
  padding-left: 5px;
  height: 100%;
  font-size: smaller;
  font-weight: bold;
  background-color: #e89905;
}

/* .reservaOdoo {
  padding-left: 5px;
  height: 100%;
  background-color: #e86705;
} */


#tabPanel{
  margin-right: 1%;
}

.dx-tabpanel-container {
  margin: 0px;
}

.pt-4, .py-4 {
  padding-top: 0px!important; 
}

#labelFechaContrato {
  margin-right: 2%;
  font-size: medium;
  text-decoration: underline;
  float: right;
}

#labelDireccionDelegacion {
  margin-left: 30px;
  text-decoration: underline;
}

.etiquetasClass{
  font-size: smaller;
}

.dx-datagrid .dx-link {
  color: #B22E2E;
}


.dx-popup-content{
  padding: 0px;
}

.dx-scheduler-appointment-popup .dx-popup-content{
  padding: 20px;
}