.screen {
    padding: 6px;
    margin-top: 30px;
    margin-bottom: 28px;
}

.table > .fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
    border-right: 1px solid #ddd;
}

.td th {
    width: 31px;
}

.tdBox {
    display: inline-block;
    width: 46px;
    height: 43px;
    padding: 1px 3px;
    border: 4px double white;
    background-color: #ddd;
    opacity: 0.4;
    color: #000;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.spanBox {
    display: inline-block;
    width: 28px;
    height: 23px;
    padding: 1px 3px;
    border: 4px double white;
    background-color: #ddd;
    margin-top: 2%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.seatsBtn {
    margin-top: 1%;
}

.input {
    width: 24%;
    position: relative;
    display: inline-block;
    margin-right: 2%;
}

.greenColor {
    background-color: #5cb85c;
}

.redColor {
    background-color: #d9534f;
}

.resultTable td:nth-child(3) {
    max-width: 100%;
    word-break: break-all;
}

.zoomContainer {
    z-index: 9999;
}

.zoomWindow {
    z-index: 9999;
}

.mobile_only {
    display: none !important;
}

.modal-content {
    background-color: #d9534f;
}

/* ==========================================================================
   Pantallas mayores a 1024px
   ========================================================================== */
@media (min-width: 1025px) {
}

/* ==========================================================================
   Tablets / Laptops pequeñas (Pantallas menores a 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
}

/* ==========================================================================
   Móviles Grandes / Tablets en vertical (Pantallas menores a 768px)
   ========================================================================== */
@media (max-width: 768px) {

    .mobile_only {
        display: block !important;
    }

    .desktop_only {
        display: none !important;
    }
}

/* ==========================================================================
   Móviles Pequeños (Pantallas menores a 480px)
   ========================================================================== */
@media (max-width: 480px) {
    .mobile_only {
        display: block !important;
    }

    .desktop_only {
        display: none !important;
    }
    
}