/* panel que alberga todas las filas y columnas*/
.t-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0px !important;
}
/* contenedor dispositivos pequenos  */
@media only screen and (min-width: 1281px) {
    .t-container {
        max-width: 100% !important;
        padding: 0px !important;
    }
}


.tamanioDatePiker{
    height:30px !important;
}

    .tamanioDatePiker div input{
        height:30px !important;
    }

.gridSolicitudes{
    margin-top:10px !important;
}


.botonPDFsolicitudPedido {
    background: #fff;
    border: 1px solid black;
    border-radius: 5px;
}

/* Punteros y formato para ocultar y visualizar*/
    .mano {
    cursor: pointer !important;
}
.area {
    text-decoration: underline;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 12px;
}

/*login*/
.contenedorLogin {
    width: 20% !important
}

.logo {
    margin-left: 15px;
}

.login {
    position: relative;
    margin: 0 auto;
    padding: 20px 20px 20px;
    background: white;
    -border-radius: 3px;
    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    -box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}


.fondo {
    background: #f5f3f3;
}


.contenedorTituloLogin {
    text-align: center;
    font-size: 31px;
}


.contenedorTituloLogin {
    margin-bottom: 20px;
}

.botonesLogin {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: #fff !important;
    width: 100% !important;
    background: #D42C54 !important;
}

    .botonesLogin:hover {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        color: #D42C54 !important;
        background: #fff !important;
        border-color: #D42C54 !important;
    }


/*footer*/

#lblFooter{
   margin-left:20px !important;
}

.footerContenedor {
    position: absolute !important;
    /*bottom: 0px;*/
    background: #f5f3f3;
}

/*etiquetas*/
.lbroja {
    color: red;
}

.requerido{
    border: 1px solid red;
}



/* date picker time*/

#dtpHORA_INICIO_timePopupLink, #dtpHORA_FIN_timePopupLink {
    background-position: 4px -199px !important;
}


.espacioLadosContenedor
{
    margin-left:15px !important;
    margin-right:15px !important;
}


.contenedorBtnPedido
{
    margin-top:10px;
    margin-bottom:20px;
}


.margenSuperior5 {
    margin-top: 5px;
}


.tituloVisualizacionNombramiento{
    /*margin-left:15px !important;
    margin-right:15px !important;*/

    margin: 50px !important;
    padding:0px !important;
       
}

.columnaTituloVisualizacionNombramiento {
    margin: 0px !important;
    padding: 0px !important;
}


.btnExportarPDF:hover {
    background: #fff;
    cursor: pointer;
    padding: 4px;
    border: 1px solid #ff666c;
    border-radius: 5px;
    margin-left: 10px;
    color: #ff666c;
}

.btnExportarPDF {
    background: #fff;
    padding: 4px;
    border: 1px solid black;
    border-radius: 5px;
    margin-left: 10px;
}


.logoTabla {
    min-width: 2%;
    max-width: 100px;
    margin-left: 20px !important;
}

.pdfSeptise{
    margin-top:10px;
    font-size:20px;
}

.pdfSevilla{
    margin-top:10px;
    font-size:18px;
}

.margenSuperior1 {
    margin-top: 1%;
}

.margenSuperior10 {
    margin-top: 10%;
}

.margenInferior5 {
    margin-bottom: 5px;
}



.centro
{
    text-align:center;
}

.derecha
{
    text-align:right;
}

.izquierda
{
    text-align:left;
}





.tituloNombramientoMargen{
    /*padding-left:25px;*/

    padding:0px;
    margin:0px;

}


.btnGridNombramientos {
    margin-bottom: 15px;
    padding-left: 25px;
}


.contenedorPublicacionNombramiento
{
margin-bottom: 20px !important;  

}

.contenedorPublicaciones
{
    width:90% !important;
}


/*Etiqueta superior*/
.etiquetasTop
{
    display: contents !important;
}

/*Margenes*/
.margenInferior1 {
    margin-bottom: 1% !important;
}

.margenInferior2 {
    margin-bottom: 2% !important;
}

.margenSuperior2 {
    margin-top: 2% !important;
}

.margenInferior3 {
    margin-bottom: 3% !important;
}



/*pantalla boletos */
#LR_Datos_Basicos_Cabecera, #LR_TITULO_PAGINA, #LR_Datos_Hora, #LR_BOTONES, #LR_Datos_Liquidacion_Mercancias, #LR_DATOS_CATEGORIAS_FIRMA {
    width: 90% !important;
    margin-left: 5% !important;
}


.ajusteImagen{
    max-width:100% !important;
}

#TXT_OBSERVACIONES_Label {
    display: contents !important;
}

.titulosBoletos {
    font-size: 20px;
    color: black;
    font-weight: bold;
}

.liquidacionBoletoFondo {
    background: #e0e0e0 !important;
}

.t-row {
    /*margin-left: 0px !important;*/
    margin-right: 0px !important;
}

#contenidoApp{
    overflow:hidden !important;
}

.tituloPrincipalLogin {
    color: black !important;
}

.invisible{
    visibility:hidden;
}

#paVisualizacionMovil{
    display:none;
}

.paVisualizacionPC {
    width: 98%;
    margin-left: 1%;
}

@media only screen and (max-width: 1678px) {
        .t-col {
        padding-left: 13px !important;
    }
}

@media only screen and (max-width: 1200px) {

    #grdNombramientos1, #grdNombramientos2, #grdNombramientos3, #grdNombramientos4, #grdNombramientos5 {
        overflow: scroll;
        width: 100% !important;
    }

        #grdNombramientos1 table, #grdNombramientos2 table, #grdNombramientos3 table, #grdNombramientos4 table, #grdNombramientos5 table {
            width: 150% !important;
        }
}


@media only screen and (max-width: 1024px) {
    .tituloPrincipal {
       font-size:22px !important;
    }

    .nombramientosCabeceraTabla{
        font-size:12px !important;
    }

    .logoTabla {
        min-width: 2%;
        max-width: 80px;
        margin-left: 20px !important;
    }

    .tituloNombramientoMargen .t-col-6{
        width: 25%!important;
    }

    .tituloNombramientoMargen .t-col-2{
        width: 25%!important;
    }

}

@media only screen and (max-width: 800px) {
    #paVisualizacionMovil {
        display: block;
        font-family:Roboto;
    }

    #paVisualizacionPc {
        display: none;
    }

    #paDatosMovilNombramiento2, #paDatosMovilNombramiento3, #paDatosMovilNombramiento4, #paDatosMovilNombramiento5{
        display:none;
    }

    .mano {
        text-align: center;
        font-weight: bold;
    }

    #paDatosMovilNombramiento1 hr, #paDatosMovilNombramiento2 hr, #paDatosMovilNombramiento3 hr, #paDatosMovilNombramiento4 hr, #paDatosMovilNombramiento5 hr{
        width:100%;
    }

    #laMovilNombramiento_1, #laMovilNombramiento_2, #laMovilNombramiento_3, #laMovilNombramiento_4, #laMovilNombramiento_5{
        width:96%;
        font-size:16px;
    }

    #lbTitMovilNombramiento1, #lbTitMovilNombramiento2, #lbTitMovilNombramiento3, #lbTitMovilNombramiento4, #lbTitMovilNombramiento5{
        text-decoration:underline;
        cursor:pointer;
    }

    .divDesplegdoNombramientos .superiorNombramientos {
    width: 100%;
    background-color: rgba(101, 172, 208, 0.68);
    border-top: 1.5px solid #008acf;
    border-bottom: 1.5px solid #008acf;
    margin-bottom: 10px;
}

    .divOcultoNombramientos .superiorNombramientos {
        width: 100%;
        background-color: rgba(255, 220, 0, 0.68);
        border-top: 1.5px solid #e1001a;
        border-bottom: 1.5px solid #e1001a;
        margin-bottom: 10px;
    }

    .divDesplegdoNombramientos .RadLabel {
        padding: 0px !important;
        margin-left: 2%;
        margin-right: 2%;
        width:96%;
    }

    .divOcultoNombramientos .RadLabel {
        padding: 0px !important
    }

    .RadLabel hr {
        border: 2px solid #008acf;
    }

    .separadorRojo {
        width: 100%;
        border-top: 1px solid #e1001a;
        border-bottom: 1px solid #e1001a;
        margin: 0px;
        border-left: 0px;
        border-right: 0px;
        display:none;
    }

    .marginSeparadorInferior{
        margin-bottom:10px;
        display:none;
    }

    .superiorNombramientos {
        display: flex;
    }

    .izqSuperiorNombramientos{
        width:50%;
    }

    .centralSuperiorNombramientos {
        width: 100%;
        display:flex;
    }

    .sec1Superior{
        width:20%;
    }

    .sec2Superior {
        width:60%;
    }

    .sec3Superior {
        width:20%;
    }

    .numeroNombramiento {
        font-size: 50px;
        background-color: rgba(255, 255, 255, 0.65);
        text-align: center;
        height: 88%;
        width: 50%;
        top: 0;
        bottom: 0;
        margin-left: 20px !important;
        padding-top: 8%;
    }

    .derSuperiorNombramientos {
        width: 50%;
        display: table;
        margin-top: auto;
        margin-bottom: auto;
    }

    .enlacePdf {
        cursor:pointer;
    }

    .enlacePdf img{
        width:70px;
    }

    .imagenTitulo{
        width:60px;
    }

    .cabeceraNombramientos {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 768px) {
    p {
        margin: 0px !important;
    }

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

    .formulario span {
        width: 70% !important;
    }

    #grdNombramientos1, #grdNombramientos2, #grdNombramientos3, #grdNombramientos4, #grdNombramientos5 {
        overflow: scroll;
        width: 100% !important;
    }

        #grdNombramientos1 table, #grdNombramientos2 table, #grdNombramientos3 table, #grdNombramientos4 table, #grdNombramientos5 table {
            width: 250% !important;
        }

    .tituloNombramientoMargen .t-col-6 {
        width: 28% !important;
    }

    .tituloNombramientoMargen .t-col-2 {
        width: 28% !important;
    }

        .tituloNombramientoMargen .t-col-2:first-child {
            width: 15% !important;
        }

    .tituloNombramientoMargen {
        font-size: 14px;
    }

    .logoTabla {
        min-width: 2%;
        max-width: 50px;
        margin-left: 20px !important;
    }
}

@media only screen and (max-width: 650px) {
    .tituloNombramientoMargen .t-col-6 {
        width: 50% !important;
        height: 87px;
    }

    .tituloNombramientoMargen .t-col-2 {
        width: 50% !important;
        margin-bottom: 3%;
    }

        .tituloNombramientoMargen .t-col-2:first-child {
            width: 50% !important;
            margin-bottom: 0%;
        }

    .tituloNombramientoMargen p {
        font-size: 18px;
        margin-left: 2%
    }

    .logoTabla {
        min-width: 2%;
        max-width: 80px;
        margin-left: 20px !important;
    }
}



@media only screen and (max-width: 420px) {
    .numeroNombramiento {
        font-size: 50px;
        background-color: rgba(255, 255, 255, 0.65);
        text-align: center;
        height: 90%;
        width: 50%;
        top: 0;
        bottom: 0;
        margin-left: 20px !important;
        padding-top: 8%;
    }
}

@media only screen and (max-width: 380px) {
    .tituloNombramientoMargen p {
        font-size: 12px;
        margin-left: 2%
    }

    .logoTabla {
        min-width: 2%;
        max-width: 80px;
        margin-left: 20px !important;
    }
}

@media (min-width: 640px) and (orientation: landscape) {

    .logoIzquierda {
        width: 110px !important;
    }

    .margenTituloLogin{
        margin-top:0px !important;
    }

    .tituloPrincipal {
        font-size: 15px !important;
    }

    #lblVersion {
        font-size: 15px;
    }

    #panelBotoneraDatos{
        display:flex;
        margin:0px !important;
        margin-top:5px !important;
    }

    .informacionDatos {
        margin: 0px;
    }
}