section {
    max-width: 300px;
    height: 108px;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 1);
    box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 1);
}

.bloqueado {
    background-color: #ffd9d9 !important;
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed !important;
}

.ocupado {
    background-color: #ffd9d9 !important;
}

.libre {
    background-color: #fff;
}

.seleccionado {
    background-color: #c0fdfd !important;
}

.presi-libre{
    background: #F0E5C4;
}

.colorBlue {
    color: #007fff;
}

.colorSecondBlue {
    color: #06477a;
}

.cursor {
    cursor: pointer;
}

.butaca {
    cursor: pointer;
}

.respaldo {
    width: 10px;
    height: 45px;
    border: 1px solid #aaa;
}

.asiento-dcha {
    width: 45px;
    height: 45px;
    border-radius: 0px 20px 20px 0px;
    border-width: 1px 1px 1px 0px !important;
    border: 1px solid #aaa;
    -webkit-box-shadow: 2px 0px 3px 0px rgb(190, 190, 190);
    -moz-box-shadow: 2px 0px 3px 0px rgb(190, 190, 190);
    box-shadow: 2px 0px 3px 0px rgb(190, 190, 190);
}

.asiento-izq {
    width: 45px;
    height: 45px;
    border-radius: 20px 0px 0px 20px;
    border-width: 1px 0px 1px 1px !important;
    border: 1px solid #aaa;
    -webkit-box-shadow: -2px 0px 3px 0px rgb(190, 190, 190);
    -moz-box-shadow: -2px 0px 3px 0px rgb(190, 190, 190);
    box-shadow: -2px 0px 3px 0px rgb(190, 190, 190);
}
.ladoizq{
    margin-left: auto;
}
.mesa{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(173, 173, 173, 1);
    -moz-box-shadow: 0px 0px 10px 0px rgb(173, 173, 173);
    box-shadow: 0px 0px 10px 0px rgba(173, 173, 173, 1);
}


.logo{
    max-width: 195px !important;
}

.colorRed{
    color: #b30c0c;
}

header{
    border-bottom: 1px solid #aaa;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 1
}

.header{
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1
}

.bgColorWhite{
    background: white;
}

.fa-arrow-left{
    color: #aaa;
}

.cuadrado{
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    display: inline-block;
}
.noborder{
    border: none !important;
}

.fa-star{
    color: #ff0000;
}

.leyenda{
    width: 200px;
}

.leyenda-mesa{
    width: 100%;
    top: 130px;
    position: sticky;
}

.escenario{
    background: #efefef;
    width: 120px;
    height: 150px;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(173, 173, 173, 1);
    -moz-box-shadow: 0px 0px 10px 0px rgb(173, 173, 173);
    box-shadow: 0px 0px 10px 0px rgba(173, 173, 173, 1);
}

.escenario-mobile{
    background: #efefef;
    width: 70px;
    height: 110px;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(173, 173, 173, 1);
    -moz-box-shadow: 0px 0px 10px 0px rgb(173, 173, 173);
    box-shadow: 0px 0px 10px 0px rgba(173, 173, 173, 1);
}

.texto-diagonal{
    transform: rotate(-45deg);
}

.entrada{
    height: 150px;
    padding-top: 50px;
    color: #007fff;
}

.asiento-dcha-presidente{
    width: 60px !important;
    height: 45px !important;
    border-radius: 0px 20px 20px 0px;
    border-width: 2px 2px 2px 0px !important;
    border: 2px solid #C39E3A;
    background: #7FFF00;
    -webkit-box-shadow: 2px 0px 3px 0px rgb(190, 190, 190);
    -moz-box-shadow: 2px 0px 3px 0px rgb(190, 190, 190);
    box-shadow: 2px 0px 3px 0px rgb(190, 190, 190);
}

.asiento-izq-presidente{
    width: 60px !important;
    height: 45px !important;
    border-radius: 20px 0px 0px 20px;
    border-width: 2px 0px 2px 2px !important;
    border: 2px solid #C39E3A;
    background: #7FFF00;
    -webkit-box-shadow: -2px 0px 3px 0px rgb(190, 190, 190);
    -moz-box-shadow: -2px 0px 3px 0px rgb(190, 190, 190);
    box-shadow: -2px 0px 3px 0px rgb(190, 190, 190);
}

.respaldo-presidente{
    width: 15px !important;
    height: 45px !important;
    border: 2px solid #C39E3A;
    background: #7FFF00;
}

.border-presi{
    border: 2px solid #C39E3A;
}

.pasillo{
    margin-bottom: 200px;
}

button{
    padding: 10px;
    width: 150px;
    background: #609c4d;
    color: #fff;
    border-radius: 5px !important;
    border: none;
}

.margin-left-presi{
    margin-right: -20px !important;
}
.margin-right-presi{
    margin-left: -20px !important;
}

.borderWhite{
    border-color: #fff !important;
}