@import '//cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css';


main {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
}

.container {
        max-width: 80vw !important;
}

td.sin_espacio {
        width: 40px;
}


table thead {
        position: sticky;
        top: 0;
}


#inferior {
        background: #2F4476;
        position: fixed;
        /*El div será ubicado con relación a la pantalla*/
        left: 0px;
        /*A la derecha deje un espacio de 0px*/
        right: 0px;
        /*A la izquierda deje un espacio de 0px*/
        bottom: 0px;
        /*Abajo deje un espacio de 0px*/
        height: 50px;
        /*alto del div*/
}

.fila {
        margin-top: 20vh;
        margin-bottom: 20vh;
}

#botonLogin {
        background-color: #2F4476;
}

#botonRegistro {
        background-color: #2F4476;
}

#inferior {
        color: #FFF;
        background: #2F4476;
        position: absolute;
        /*El div será ubicado con relación a la pantalla*/
        left: 0px;
        /*A la derecha deje un espacio de 0px*/
        right: 0px;
        /*A la izquierda deje un espacio de 0px*/
        bottom: 0px;
        /*Abajo deje un espacio de 0px*/
        height: 50px;
        /*alto del div*/
        z-index: 0;
}

tr {
        background-color: white;
}

tr:nth-child(even) {
        background-color: #f2f2f2;
}


.tablasCrearRondasTasas {
        overflow: auto;
        height: 50vh;
        width: max-content;
        margin: 0 auto;
}

.tablaPPC {
        margin: 0 auto;
        overflow: auto;
        height: 80vh;
        width: max-content;
}

.tablaPerdida {
        overflow: auto;
        height: 50vh;
        width: max-content;
        margin: 0 auto;
}

.btnTablaCrearRonda {
        width: 50px;
        height: auto;
}


#drop_zone {
        align-items: center;
        border: 1px solid blue;
        width: 100%;
        height: 60vh;
        text-align: center;
}

#btnAgregarPais {
        margin-top: 0.3cm;
        margin-bottom: 0.3cm;
}

.unlink {
        text-decoration: none;
        color: black;
}

.text-right {
        text-align: right;
}

.text-center {
        text-align: center;
}

.padding-right {
        padding-right: 5px;
}

#inputEdicion {
        border: 0px;
}

.boton_principal {
        color: #ffffff;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 7px;
        padding-bottom: 7px;
        text-decoration: none;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: 0px;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#5AC4C4), to(#028484));
        margin-right: 0.5vw;
}

.boton_principal:hover {
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#028484), to(#2DCCCD));
        color: white;
        cursor: pointer;
}

.botones_tablasAdd {
        color: #ffffff;
        padding: 9px;
        text-decoration: none;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 2px 2px 3px #666666;
        -moz-box-shadow: 2px 2px 3px #666666;
        box-shadow: 2px 2px 3px #666666;
        text-shadow: 0px 0px 30px #666666;
        border: 0px;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#1973B8), to(#043263));
        background: -moz-linear-gradient(top, #1973B8, #043263);
}

.botones_tablasAdd:hover {
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#043263), to(#1464A5));
        color: white;
        background: -moz-linear-gradient(top, #043263, #1464A5)
}

.botones_tablasDel {
        color: #ffffff;
        padding: 9px;
        text-decoration: none;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 2px 2px 3px #666666;
        -moz-box-shadow: 2px 2px 3px #666666;
        box-shadow: 2px 2px 3px #666666;
        text-shadow: 0px 0px 30px #666666;
        border: 0px;
        background: #ff0000;
}

.botones_tablasDel:hover {
        background: #5c0000;
}

.botones_aceptar {
        padding: 5px;
        text-decoration: none;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 2px 2px 3px #666666;
        -moz-box-shadow: 2px 2px 3px #666666;
        box-shadow: 2px 2px 3px #666666;
        background: #2DCCCD;
}

.botones_aceptar:hover {
        background: #028484;
}

td {
        white-space: nowrap;
}

.catalogos {
        display: flex;
        justify-content: center;
        vertical-align: middle;
}

.boton_catalogos {
        color: #ffffff;
        padding: 10px;
        margin: 0 auto;
        margin-bottom: 5vh;
        text-align: center;
        text-decoration: none;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: 0px;
        width: 20vw;
        background: #043263;
}

.boton_catalogos:hover {
        font-weight: 500 !important;
        color: white !important;
}

textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        resize: none;
}

.tablaDatosEditar {
        width: 100%;
        overflow-x: auto;
}

select {
        display: inline-table;
}

.table-wrapper {
        overflow-x: auto;
        max-width: max-content;
}


.wrapper {
        width: 80vw;
        overflow-y: auto;
        height: 50vh;
}

.overflow {
        overflow-x: scroll;
}


.checkbox {
        width: 1vw;
}

input {
        width: 12vw;
}

.inputParams {
        width: 7vw;
}

.pagination-nav {
        width: auto;
        font-size: x-small;
}




.input-estacionalidad {
        width: 80px;
}


/* Tabla estacionalidad proyectada */
#tablaEstacionalidadProyectada th {
        position: sticky;
        top: 0;
}

.contenedor-change {
        display: flex;
        align-items: center;
}

.contenedor-change input {
        height: 15px;
        width: 15px;
        margin-left: 5px;
}

.passContainer {
        display: none;
}

.confirmPassContainer {
        display: none;
}


.formato-concepto {
        font-weight: 600 !important;
        background-color: #14C8BE !important;
        font-size: 11px !important;
        color: #002060 !important;
        font-family: 'Open Sans', sans-serif;

}

.formato-tipo-canal {
        font-weight: 400 !important;
        background-color: #CEFAF8 !important;
        font-size: 11px !important;
        color: #002060 !important;
        font-family: 'Open Sans', sans-serif;

}

.formato-canal {
        font-weight: 600 !important;
        background-color: #97D2FF !important;
        font-size: 11px !important;
        color: #002060 !important;
        font-family: 'Open Sans', sans-serif;

}

.formato-producto {
        font-weight: 600 !important;
        background-color: #F0FEFD !important;
        font-size: 11px !important;
        color: #002060 !important;
        font-family: 'Open Sans', sans-serif;
}

.table {
        width: max-content;
}

th {
        background-color: #0070C0 !important;
        color: white;
        font-size: 15px !important;
}

#porcentaje_ajuste {
        width: 3vw;
        border-color: white;
}


#actualizarForecast {
        margin-left: 2vw;
}

.no-arrows {
        -moz-appearance: textfield;
        /* Firefox */
        appearance: textfield;
        /* Otros navegadores */
}

#barraprogreso .progress-bar {
        background-image: linear-gradient(-45deg, #ffc107, #ff8f00, #ffc107);
        animation: progress-animation 2s linear infinite;
}

@keyframes progress-animation {
        0% {
                background-position: 0% 50%;
        }

        100% {
                background-position: 150% 50%;
        }
}