.add-reserv{
   border: rgb(177, 173, 173) 1px solid;
   padding-top: 70px;
   padding-bottom: 20px;
   color: black;
   font-size: 17px;
   font-weight: bold;
}

.div-chairs-left{
   border: rgb(58, 56, 56) 1px solid ;
   padding: 20px;
   border-radius: 10px;


  
}


body {
   background: #555;
   font-size: 12px;
 }
 
 h1 {
   color: #eee;
   font: 30px Arial, sans-serif;
   text-shadow: 0px 1px black;
   text-align: center;
 }
 
 input[type=checkbox] {
   visibility: hidden;
 }
 
 .containerbus {
   display: flex;
   justify-content: center;
 }
 
 .autobus {
   background: lightgray;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   width: 120px;
   height: 200px;
 }
 
 .fila {
   display: flex;
   justify-content: space-between;
 }
 
 .seccion {
   display: flex;
   width: 40%;
   justify-content: space-between;
 }
 
 .asiento {
   width: 21px;
   height: 21px;
   color: white;
   font-size: 10;
   text-align: center;
   background: #fcfff4;
   background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
   margin: 5px auto;
   box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
   position: relative;
 }
 
 .asiento label {
   cursor: pointer;
   position: absolute;
   width: 15px;
   height: 15px;
   left: 3px;
   top: 3px;
   box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
   background: linear-gradient(top, #222 0%, #45484d 100%);
 }
 
 .asiento label:after {
   filter: alpha(opacity=0);
   opacity: 0;
   content: '';
   position: absolute;
   width: 15px;
   height: 15px;
   background: #00bf00;
   background: linear-gradient(top, #0895d3 0%, #0966a8 100%);
   top: 0px;
   left: 0px;
   box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
 }
 
 .asiento label:hover::after {
   filter: alpha(opacity=30);
   opacity: 0.3;
 }
 
 .asiento input[type=checkbox]:checked + label:after {
   filter: alpha(opacity=100);
   opacity: 1;
 }



 .seat-bus label{

    color: black;
   width: 50px;

 }


 .black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
.white_content {
 display: none;
  position: absolute;
  top: 10%;
  left: 25%;
  left: 25%;
  width: 41%;
  padding: 16px;
height: auto;
  box-shadow: 20px 20px 50px 15px grey;
  z-index: 1002;
  background-color: #ececec;
  border-radius: 10px;

}


input[type=text]{
  border-color: rgb(44, 43, 43);
}

#project_progress_chart{
  max-height: 90px;
  position: absolute;
  margin-left: -66%;
  margin-top: -21px;
}
.project_progress_hidden_text{
  font-size: 18px;
font-weight: inherit;

}