html, body {
    /*background-color:azure;*/
}
    /* Inputs y editores DevExpress */
    .dxeButtonEdit_iOS input.dxeEditArea_iOS, .dxeTextBox_iOS input.dxeEditArea_iOS, .dxeMemo_iOS textarea.dxeMemoEditArea_iOS, .dxeMaskEdit_iOS input.dxeEditArea_iOS, .dxeComboBox_iOS input.dxeEditArea_iOS {
    font-size: 16px !important;
    min-height: 25px !important;
    padding: 10px 12px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

/* Contenedor de algunos editores */
.dxeButtonEdit_iOS,
.dxeTextBox_iOS,
.dxeCalendar_iOS,
.dxeDateEdit_iOS,
.dxeComboBox_iOS {
    min-height: 25px !important;
    box-sizing: border-box !important;
    /*background-color:blue;*/
}


/* Botones DevExpress */
.btn-respon .dx-wrap {
    min-height: 25px !important;
    /*display: flex !important;
    align-items: center !important;
    justify-content: center !important;*/
    font-size: 16px !important;
    padding: 8px 12px !important;
    text-align: center !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    /*background-color:red;*/
}

/* Capa donde contiene los datos tanto del Login como de Registro entrada*/
#login-contenedor {
    width: 550px !important;
    padding: 10px 10px !important;
    /*border-color: blue;*/
}

    /*#login-contenedor .login-img {
        display: none;
    }

    #login-contenedor .form {
        width: 49.5%;
        margin-right: 0;
    }*/



/* Lista desplegable */
.dxeListBox_iOS,
.dxeListBoxItem_iOS,
.dxeListBoxItem_iOS td,
.dxeListBoxItemRow_iOS td {
    font-size: 16px !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
}

.dxeListBoxItem_iOS,
.dxeListBoxItemRow_iOS td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}



/*para movil como el mio*/
@media (max-width: 768px) {

    #pagina {
        overflow: hidden;
        width: 100%;
        position: relative;
        box-sizing: border-box;
        padding: 0 10px;
    }

    #login-contenedor {
        width: 100% !important;
        padding: 10px 10px !important;
        /*border-color: blue;*/
    }

    .dxflFormLayout_iOS {
        width: 90% !important;
        /*margin: 0 auto !important;*/
        padding: 2px 2px !important;
        /*border: double;*/
        /*border-color: yellow;*/
    }


    .centrarmenu {
        text-align: left !important;
    }

        /*Coloca el boton menu hamburger a la izquierda */
        .centrarmenu div[class*="dxmLite"] {
            display: block !important;
            margin: 0 !important;
        }

    /*Coloca el boton menu hamburger a la izquierda */
    .centrarmenu2 div[class*="dxmLite"] {
        display: block !important;
        margin: 0 !important;
    }


    /* Para aumentar el tamaño del botón menu hamburger al colapsar y ajustar a la izquierda en verde */
    .centrarmenu .dxmLite_iOS.dxm-ltr.dxm-side-menu-mode .dxm-side-menu-button {
        width: 65px !important;
        height: 65px !important;
        margin-left: 15px !important;
        margin-right: auto !important;
        display: block !important;
        background-color: #B6C6AE !important;
    }

    /* Para aumentar el tamaño del botón menu hamburger al colapsar y ajustar a la izquierda en verde */
    .centrarmenu2 .dxmLite_iOS.dxm-ltr.dxm-side-menu-mode .dxm-side-menu-button {
        width: 65px !important;
        height: 65px !important;
        margin-left: 15px !important;
        margin-right: auto !important;
        display: block !important;
        background-color: #B6C6AE !important;
    }


    .centrarmenu {
        display: flex;
        justify-content: flex-start;
    }

    .centrarmenu2 {
        display: flex;
        justify-content: flex-start;
    }


    .centrarmenu .dxmLite {
        width: auto !important;
        margin-left: 0 !important;
    }

    .centrarmenu2 .dxmLite {
        width: auto !important;
        margin-left: 0 !important;
    }


    /* Items en vertical */
    /*.centrarmenu div[class*="dxmLite"].dxm-side-menu-mode ul {
            display: block !important;
        }*/

    /* Cada item ocupa toda la fila */
    .centrarmenu div[class*="dxmLite"].dxm-side-menu-mode li {
        display: block !important;
        width: 80% !important;
    }

    /* Separación entre items */
    .centrarmenu div[class*="dxmLite"].dxm-side-menu-mode li {
        border-bottom: 1px solid #ccc;
        padding: 10px;
    }

    /* Reducir ancho del menú desplegable */
    .centrarmenu .dxm-slide-panel.dxm-left.dxm-expanded {
        width: 200px !important; /* ajusta aquí */
        max-width: 80% !important; /* opcional para móviles */
    }








    #cabecera {
        width: 95% !important;
        background: #fff url('/Img/cabecera50.jpg') no-repeat center;
        margin: 0 10px;
    }



    /*  TextBox y Combobox DevExpress*/
    .dxeButtonEdit_iOS input.dxeEditArea_iOS,
    .dxeTextBox_iOS input.dxeEditArea_iOS {
        font-size: 18px !important;
        height: 30px !important;
        padding: 6px 10px !important;
        box-sizing: border-box !important;
    }

    /* Lista desplegable combobox DevExpress Theme iOS*/
    #Contenido_nContenido_flfichaje_cbObra_DDD_L .dxeListBoxItemRow_iOS td {
        height: 50px !important;
        font-size: 22px !important;
        padding: 5px 5px !important;
        line-height: 1.5rem !important;
    }

    #Contenido_nContenido_f1fichaje_cbObra_DDD_L .dxeListBoxItem_iOS {
        height: 40px !important;
        font-size: 22px !important;
        padding: 10px 12px !important;
        line-height: 1.5rem !important;
    }

    /* Tamño del label del */
    .chk-recordar label {
        font-size: 1.2rem !important;
    }
    /* Esto modifica el Layout que contine los TextEdit del Registro*/
    /*.dxflGroupContainerSys .dxflGroup_iOS {
        padding: 0 1px 0px 5px!important;
        
    }*/

    /*Para botonos Devexpress con CssClass btn.respon*/
    .btn-respon .dx-wrap {
        height: 60px;
        /*display: flex;
        align-items: center;
        justify-content: center;*/
        font-size: 1.5rem !important;
        /*background-color:red;*/
    }




    .dexTextBoxSys .dxeEditArea {
        width: 100%;
        height: 50px;
        font-size: 1.5rem !important;
    }

   

    #pagina {
        overflow: hidden;
        width: 100%;
        position: relative;
        box-sizing: border-box;
    }

    #menutool {
        /*  float: left;*/
        margin: 0 auto;
    }

    .tabla-emulacion {
        margin: 0 auto;
        padding: 0;
        border-collapse: collapse !important;
        /*margin: 0 auto;*/
    }

    .color-color {
        /*color: #b2496b !important;*/
        color: darkgreen !important;
        font-size:22px;
        margin-top: 20px;
    }
    #Responsive {
        visibility: visible;
    }


}