*{
    font-family: Montserrat;
}
@font-face {
    font-family: Montserrat;
    src: url(Montserrat/Montserrat-Regular.ttf);
}

/* ========================= Header ========================================= */

#top-navbar{
    display: flex;
    justify-content: space-around;
}

/* ========================= Principal ========================================= */

#div_opciones_menu{
    margin-top: 5px;
    background-color: rgb(217, 217, 217);
    font-weight: bold;

}

#div_opcion_seleccionada{
    margin-top: 5px;
    background-color: rgb(217, 217, 217);
    margin-left: 10px;
    margin-right: 10px;

    .col{
        padding: 0 !important;
    }

    .opcion_seleccionada_titulo{
        font-weight: bold;
    }
   
}

#div_table_bookings{
    margin-top: 30px;
    font-size: smaller;
}

#table-main-table{
    width: 100%;
}

.disponible{
    background-color: rgb(185, 222, 185) !important;
}
.ocupado{
    /* background-color: rgb(138, 76, 76) !important; */
}

 button {
        padding:10px;
      } 
      .tool-tip[title-new]:hover:after {
          content: attr(title-new);
          position: absolute;
          border: #c0c0c0 1px dotted;
          padding: 10px;
          display: block;
          z-index: 100000000000000000000000000000000000000000;
          background-color: #000000;
          color: #ffffff;
          max-width: 200px;
          text-decoration: none;
          text-align:center;
        margin-top:5px;
        margin-left:50px;
        }