@charset "UTF-8"; 

@media (min-width: 1201px){
    .contrenido{width: 84%;margin-left: 15%;padding: 30px 1% 20px 1%;}
    .menu{width: 15%;padding: 20px 10px 20px 10px}
    .iconoMenu{display: none !important}
    .contenidoWeb{display: block}
    .contenidoMovil{display: none}
}

@media (min-width: 960px) and (max-width:1200px){
    .contrenido{width: 82%;margin-left: 18%;padding: 30px 1% 20px 1%;}
    .menu{width: 18%;padding: 20px 2px 20px 2px}
    .iconoMenu{display: none !important}
    .contenidoWeb{display: block}
    .contenidoMovil{display: none}
} 

@media (min-width: 640px) and (max-width: 959px) {
    .contrenido{width: 100%;margin-left: 0%;padding: 30px 1% 20px 1%;}
    .menu{left: 0px;width: 300px;padding: 20px 2px 20px 2px;background: white !important;}
    .iconoMenu{display: block !important}
    .ocultarMenu{margin-left: -320px;transition: left 1s ease;overflow-y: auto;}
    .contenidoWeb{display: none}
    .contenidoMovil{display: block}
    .nuevoTenant{width: 100% !important}
    .Responsive{width:33.3%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:50%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
}

@media (min-width:480px) and (max-width: 639px) {
    .contrenido{width: 100%;margin-left: 0%;padding: 30px 1% 20px 1%;}
    .menu{left: 0px;width: 300px;padding: 20px 2px 20px 2px;background: white !important;}
    .iconoMenu{display: block !important}
    .ocultarMenu{margin-left: -320px;transition: left 0.6s ease;overflow-y: auto;}
    .contenidoWeb{display: none}
    .contenidoMovil{display: block}
    .nuevoTenant{width: 90% !important}
    .Responsive{width:33.3%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:50%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
}

@media (min-width:0px) and (max-width: 479px) {
    .contrenido{width: 100%;margin-left: 0%;padding: 30px 1% 20px 1%;}
    .menu{left: 0px;width: 300px;padding: 20px 2px 20px 2px;background: white !important;}
    .iconoMenu{display: block !important}
    .ocultarMenu{margin-left: -320px;transition: left 0.6s ease;overflow-y: auto;}
    .contenidoWeb{display: none}
    .contenidoMovil{display: block}
    .nuevoTenant{width: 90% !important}
    .Responsive{width:33.3%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:50%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}


}

@media (max-width: 768px) {
    body .ui-widget {
        font-family: system-ui;
        font-size: 18px;
        text-decoration: none;
        /*color: black;*/
    }
    .menu .Fs12{
        font-size: 18px !important;
    }
}

@media (max-width: 768px) {
    .desktop-view { display: none; }
    .mobile-view { display: block; }
    .responsivo-ticket .ui-widget-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .responsivo-ticket{
        width: 100%;
    }
    .areaInabilitada{
        text-align: center;
        min-width: 100% !important;
    }
    
    .botones-responsivos{
        width: 100%;
        text-align: center !important;
    }
    
    .dialog-responsivo{
        width: auto !important;
    }
    
    .text-area-responsivo{
        min-width: 100% !important;
    }
}