*{
    padding: 0px;
    margin: 0px;
    font-family: "Fredoka", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-style: normal;
}
body, html{
    height: 100%;
}
.Aguila{
    font-family: "Fugaz One", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.HESQ{
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background-color: white;
    display: block;
    z-index: 10000;
    display: none;
}
.Logo-HESQ{
    margin: auto;
    margin-top: 45%;
    display: block;
    width: 140px;
    height: 130px;
    background: url(logo-ag.webp);
    background-size: 100% 130px;
    display: block;
}
.tx-histo::before{
    content: 'Histórico de movimientos';
}
.invox-vipp{
    margin-top: 2px;
    margin-right: 5px;
    height: 40px;
}
.invox-vipp-2{
    margin-top: 9px;
    margin-right: 5px;
    height: 40px;
}
#vox-adj{
    display: flex;
}
#vox-adj-2{
    display: none;
}
.al-vp{
    padding: 10px;
    margin-top: 10px;
}
.vipp-dv-invox{
    z-index: 4002;
    position: fixed;
    top: 0px;
    left: 0%;
    bottom: 0px;
    display: none;
    width: 100%;
    background-color: #0a57ca9f;
}
#dv-invox{
    display: block;
    width: 270px;
    height: auto;
    padding: 10px;
    margin: auto;
    background-color: #fff;
    box-shadow: 2px 1px 2px 2px #e3e3e4;
}
.VoxLogo-adj {
    display: block;
    width: 50px;
    height: 50px;
    margin-top: 8px;
    margin-bottom: 5px;
    background: url(./Vox-Vipp.webp);
    background-size: 100% 50px;
    padding-top: 12px;
    padding-left: 0px;
    float: left;
}
.xsqua{
    width: max-content;
    padding: 10px;
    padding-right: 0px;
    font-size: 22px;
    color: #000;
    float: right;
}
.xsqua:hover{
    cursor: pointer;
}
.vp-top{
    margin-top: 5px;
}
.vp-inv-vox{
    display: block;
    width: 100%;
    padding: 10px;
}
.vp-inv-vox-c{
    display: block;
    width: 100%;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: x-small;
    text-align: center;
}
.vp-inv-vox-2{
    display: block;
    width: 100%;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: x-small;
    text-align: center;
}
.vp-inv-vox-2::before{
    content: 'Formato excel permitido .xls .xlsm .xlsx .xltx';
}
.invox-fl:hover{
    cursor: pointer;
}
.tx-red{
    color: red;
}
.smb-vp{
    display: block;
    width: auto;
    font-size: small;
    padding-bottom: 8px;
    margin-left: auto;
}
.invox-fl {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0%;
    margin-top: 5px;
    padding: 6px;
    font-size: smaller;
    text-align: center;
    outline-style: none;
    outline-offset: 0px;
}
.invox-fl::before {
    background-color: #5678EF;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    content: 'Seleccionar'; 
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.invox-fl input[type="file"] {
        opacity: 0;
        width: 98%;
        height: 50px;
        display: inline-block;
        margin: auto;
}
#archivo-vp::before {
    content: 'Seleccionar prueba';
}
.ou-s1{
    outline-style: solid;
    outline-color: rgba(255, 0, 0, 0.63) !important;
}
.ou-s0{
    outline-style: solid;
    outline-color: rgba(11, 218, 104, 0.63) !important;
}
.ou-so{
    outline-style: dotted !important;
    outline-offset: 1px;
    outline-color: rgba(11, 218, 104, 0.63) !important;
    border-bottom: 0.8px solid #c9caca !important;
}
.pub-list{
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 2%;
    border-radius: 0px;
    width: 96%;
    height: 140px;
    border: 1.8px double #e6e4e4;
    background-color: #f2f3f4;
    box-shadow: 2px 1.5px #c9caca;
    text-align: center;
    padding: 15px;
    border-radius: 4px;
    background-size: 100% 140px !important;
}
.li-empresa{
        display: block;
        margin-top: 0px;
        margin-left: 0%;
        border-radius: 4px;
        width: 100%;
        height: auto;
        padding-top: 2px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
}
.mv-act{
            margin-bottom: 15px;
            margin-top: 10px;        
            color: #111;
            font-size: medium;
}
.fr-da-ba{
    font-size: smaller;
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px;
    padding-bottom: 2px;
}
.fr-dam-ba{
    font-size: smaller;
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.fr-home-ba{
    display: block;
    background-color:#fcfeff;
    width: 100%;
    padding: 10px;
    margin-bottom: 30px;
}
.fr-coo-ba{
    display: inline-block;
    background-color: #f8f9f986;
    width: 20%;
    padding: 10px;
}
.fr-sb-gru{
    display: inline-block;
    background-color: #2980b9;
    width: 37%;
    padding: 10px;
    margin-left: 2%;
}
.fr-sub-gr{
    display: inline-block;
    background-color: #1abc9c;
    width:37%;
    margin-left: 2%;
    padding: 10px;
}
.ubact{
    display: block;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    font-size: medium;
    text-align: left;
    text-transform: uppercase;
}
.ubact-2{
    display: block;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 3px;
    font-size: medium;
    text-align: left;
    text-transform: uppercase;
}
.fract{
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    font-size: smaller;
    text-align: left;
    text-transform: uppercase;
}
.text-HESQ{
    display: block;
    margin: auto;
    margin-top: 25px;
    width: 80%;
    padding: 15px;
    text-align: center;
    font-size: larger;
}
.home-mn{
    width: max-content;
    float: left;
    font-size: larger;
    margin-left: 15px;
    margin-top: 18px;
    color: #2874a6;
}
.f1{
    font-size: larger;
}
.mgn-t{
    margin-top: 15px;
}
.pdd-bt{
    padding-bottom: 15px;
}
.d-with{
    width: 100%;
}
.dv-fr{
    display: block;
    width: 100%;
    margin-top: 2px;
    padding: 15px;
    text-align: center;
}
.fr-dv{
    padding: 15px;
    border: 1px solid #f2f3f4;
    margin-top: 2px;
    margin-bottom: 3px;
    width: 72%;
}
.lin-p{
    border: 2px solid #f2f3f4;
}
.btn-uagg{
    width: 25%;
    font-size: small;
    padding: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 2px;
    margin-left: 1%;
}
.vw-pde{
    display: block;
    width: 96%;
    height: 78px;
    border: 1px solid #dddddd;
    text-align: center;
    float: left;
    margin-top: 4px;
    margin-bottom: 8px;
    margin-left: 2%;
}
.vw-pd-1{
    float: left;
    width: 50%;
    padding: 10px;
    border: 1px solid #ededed;
    text-align: center;
}
.vw-pd-1:hover{
    cursor: pointer;
}
.vw-pd-ic{
    font-size: 19px;
}
.vw-prueba-p{
    display: none;
}
.vw-prueba-pz{
    display: block;
}
.fdo{
    background-color: #2874a6;
}
.upper{
    text-transform: uppercase;
}
.icon, .text-ic{
    color: #f1f1f1;
}
.icon:hover{
    cursor: pointer;
}
.crs:hover{
    cursor: pointer;
}
.clr{
    color: #34495e;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.wa{
    width: 100%;
}
.br{
    border:1px solid #d0d3d4;
}

body{
    background-color: #FFF;
}
.tx-dc{
    text-decoration: none;
}
.sele-app{
    display: block;
    width: 100%;
    padding: 6px;
    background-color: #f6faf9;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: smaller;
    text-align: center;
    text-decoration: none;
}
.sele-app::before{
    content: 'Seleccionar Aplicación';
}
.val-datos{
    display: block;
    width: 100%;
    height: 60px;
}
.Vipp-R10{
    display: block;
}
#alert-hue{
    display: none;
}
.e-status{
    position: fixed;
    bottom: 0px;
    left: 0%;
    display: block;
    width: 100%;
    padding: 8px;
    text-align: center;
    color: #fff;
    z-index: 102;
}
.auter{
    display: block;
    width: max-content;
    padding: 10px;
    text-transform: uppercase;
    padding-bottom: 6px;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
}
.aute-x{
    padding-bottom: 0px;
    padding-top: 4px;
    height: 54px;
}
.aute-x2{
    padding-bottom: 0px;
    padding-top: 10px;
    height: 54px;
}
.aute{
    display: block;
    width: 18%;
    padding: 10px;
    text-transform: uppercase;
}
.aute-2{
    display: block;
    width: 18%;
    padding: 10px;
    text-transform: uppercase;
    padding-top: 2px;
    padding-bottom: 2px;
}
.auten::before{
    content: 'AUTENTICAR';
}
.aute-r::before{
    content: 'Registrar Huella Dactilar';
}
.l-ley{
    display: block;
    width: 92%;
    margin: auto;
    margin-top: 4px;
    margin-bottom: 4px;
}
.ico-au{
    font-size: 32px;
}
.ico-au-r{
    font-size: 26px;
}
.auten{
    font-size: medium;
    margin-left: 5px;
}
.fd{
    background-color: #094293d3;
}
.fnd{
    background-color: #FFF;
}
.fd-2{
    background-color: #009975c5;
}
.fd-3{
    background-color: #094293;
}
.fd-4{
    background-color: #009975;
}
.header-a{
    display: block;
    width: 100%;
    height: 70px;
}
header{
    display: block;
    width: 100%;
    height: 70px;
}
.select2-results{
    background-color:#f8f9f9;
    text-transform: uppercase;
}
.select2-container .select2-selection--single{
    height: 40px;
    padding-top: 5px;
    background-color:#f8f9f9;
    border: 1px solid #e6e4e4;
    outline-style: none;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    text-transform: uppercase;
    background-color:#f8f9f9;
    border: 1px solid #f8f9f9;
    outline-style: none;
    font-size: smaller;
}

.mn-prin{
    font-size: 22px;
    color: #34495e;
}

.mn-pr-a{
    display: none;
    font-size: 28px;
    color: #34495e;
    float: right;
    margin-top: 14px;
    margin-right: 3%;
}
.mn-pr-c{
    display: none;
    font-size: 28px;
    color: #34495e;
    float: right;
    margin-top: 14px;
    margin-right: 6%;
}
.nav-qr {
    display: block;
    width: 94%;
    margin-top: 25px;
    margin-left: 3%;
}
.qr-ofi{
    display: block;
    width: 98%;
    margin: auto;
    margin-top: 25px;
    margin-left: 1%;
    height: 300px;
    background: url(qr-s.webp);
    background-size: 100% 300px;
    display: block;
}
.PdPozo{
    display: inline-block;
    width: 96%;
    padding: 15px;
    background-color: #f8f9f9;
    text-align: left;
    height: auto;
    font-size: small;
    margin-left: 2%;
    margin-bottom: 8px;
    margin-top: 5px;
    box-shadow: 2px 2px #ededed;
}
#Ini{
    position:sticky;
    top: 0px;
    z-index: 100;
}
.max {
    min-height: 660px;
}
.status{
    margin-top: 15px;
    margin-bottom: 5px;
    width: 100%;
    padding: 14px;
    font-size: medium;
}
input,
select{
    outline-color: #4a87e271 !important;
    outline-offset: 6px;
}
.pdd{
    padding: 14px;
}
.b-top{
    position: fixed;
    display: none;
    right: 7%;
    bottom: 10%;
    font-size: 30px;
    color: #111;
    z-index: 4002;
}
.b-top:hover{
    cursor: pointer;
}
.ubi{
    font-size: 30px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    color: #2874a6;
}
.ubi:hover{
    cursor: pointer;
}
.qrs{
    font-size: 30px;
    float: right;
    margin-top: 14px;
    margin-right: 22px;
}
.cont{
    font-size: 27px;
    float: right;
    margin-top: 14px;
    margin-right: 15px;
}
.conts{
    display: none;
    font-size: 27px;
    float: right;
    margin-top: 14px;
    margin-right: 0px;
}
.conts:hover{
    cursor: pointer;
}
#UserS{
    display: block;
    width: 94%;
    height: 450px;
    margin: auto;
}
.qr-us{
    display: block;
    width: 94%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 25px;
    padding: 15px;
}
.mn-f, .mn-agl, .mm-cc{
    position: fixed;
    display: none;
    bottom: 32px;
    right: 8px;
    border-radius: 4px;
    box-shadow: 2px 2px #ededed;
    width: 70px;
    height: 70px;
    font-size: 18px;
    z-index: 4900;
}
.mm-cc{
    display: block;
}
.mn-agl{
    display: block;
}
.mnx{
    font-size: 24px;
    color: #2874a6;
}
.mmm{
    color: white;
}
.dots{
    font-size: 30px;
    float: right;
    margin-top: 14px;
    margin-right: 7px;
}
.Loader{
    z-index: 6100;
    position: fixed;
    top: 0px;
    width: 100%;
    height: auto;
    bottom: 0px;
    background-color: white;
    display: block;
}
::placeholder {
    color: #dfdfdf;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 10px;
}

::-webkit-scrollbar-button:increment,
::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar:horizontal {
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #0a58ca;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
}

.rob-cn::-webkit-scrollbar {
    -webkit-appearance: none;
}

.rob-cn::-webkit-scrollbar:vertical {
    width: 10px;
}

.rob-cn::-webkit-scrollbar-button:increment,
.rob-cn::-webkit-scrollbar-button {
    display: none;
}

.rob-cn::-webkit-scrollbar:horizontal {
    height: 10px;
}

.rob-cn::-webkit-scrollbar-thumb {
    background-color: #f7f7f7;
    border-radius: 20px;
    border: 1px solid #f1f2f3;
}

.rob-cn::-webkit-scrollbar-track {
    border-radius: 10px;
}

.rob-cn:hover{
    cursor: pointer;
}

.ico-vox-ind{
    display: block;
    width: 200px;
    height: 50px;
    background-image: url('./Logo_vox_home.webp');
    background-size: 100% 50px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 60px;
}

.vp-tx{
    text-decoration: none;
    display: block;
}
.app-vp::before{
    content: 'VIPP';
}
.app-aq::before{
    content: 'AGUILA HESQ';
}
.app-sm::before{
    content: 'SMFM';
}
.app-sopc::before{
    content: 'Seleccione una opción';
}
.sel-opc-a2{
    display: none;
    width: 100%;
    height: 55px;
    float: left;
}
.sel-opc-aa{
    display: block;
    width: 100%;
    height: 55px;
    float: left;
}
.contenedor-r{
    display: block;
    width: 100%;
    justify-content: center;
    height: 100%;
}
.sel-opc-vps{
    display: block;
    width: max-content;
    padding: 12px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f4f7f8;
    color: #c9caca;
    font-size: medium;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: center;
}

.sel-opc-vp {
    position: fixed;
    bottom: 0px;
    width: 100%;
    width: 100%;
    padding: 12px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f4f7f8;
    color: #c9caca;
    font-size: medium;
    margin: auto;
    margin-top: 20px;
    left: 0%;
    text-align: center;
}


.vipp-1{
    display: block;
    width: 25%;
    padding: 12px;
    height: 150px;
    margin: auto;
    border-radius: 4px;
    margin-left: 10%;
    margin-bottom: 15px;
    float: left;
}
.vipp-1:hover{
    cursor:pointer;
    border: 1px solid #ecf0f1;
}
.ic-vipp-r{
    display: block;
    width: 90px;
    height: 90px;
    background-image: url('./Vox-Vipp.webp');
    background-size: 100% 90px;
    margin: auto;
}
.vipp-2{
    display: block;
    width: 25%;
    padding: 12px;
    height: 150px;
    margin: auto;
    border-radius: 4px;
    margin-bottom: 15px;
    float: left;
}
.vipp-2:hover{
    cursor:pointer;
    border: 1px solid #ecf0f1;
}
.ic-vipp-a{
    display: block;
    width: 90px;
    height: 90px;
    background-image: url('./logo-ag.webp');
    background-size: 100% 90px;
    margin: auto;
}
.vipp-3{
    display: block;
    width: 25%;
    padding: 12px;
    height: 150px;
    margin: auto;
    border-radius: 4px;
    margin-bottom: 15px;
    float: left;
}
.vipp-3:hover{
    cursor:pointer;
    border: 1px solid #ecf0f1;
}
.ic-vipp-smfm{
    display: block;
    width: 90px;
    height: 90px;
    background-image: url('./chart_line.webp');
    background-size: 100% 90px;
    margin: auto;
}
.tx-vp-r{
    text-align: center;
    display: block;
    width: 100%;
    padding: 4px;
    font-size: large;
    text-decoration: none;
    height: 20px;
    margin-left: 0%;
}
.tx-vp-r:hover{
    cursor: pointer;
    border: none;
}
.warni{
    text-align: center;
    font-size: medium;
}
.VoxIndustrial{
    display: block;
    width: 75%;
    height: 190px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 0px;
    background: url('./Vox-Vipp.webp');
    background-size: 100% 190px;
}
.VoxIndustrial-2{
    display: block;
    width: 75%;
    height: 190px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 0px;
    background: url('./logo-ag.webp');
    background-size: 100% 190px;
}
.VoxIndustrial-3{
    display: block;
    width: 75%;
    height: 190px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 0px;
    background: url('./chart_line.webp');
    background-size: 100% 190px;
}
.VoxLogox{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 0px;
     background: url('./Vox-Vipp.webp');
    background-size: 100% 50px;
    padding-top: 12px;
    padding-left: 0px;
}
.VoxLogox:hover{
    cursor: pointer;
}
.VoxLogoaq{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 0px;
    background: url('./logo-av.webp');
    background-size: 100% 50px;
    padding-top: 12px;
    padding-left: 0px;
    float: left;
}
.VoxLogoa:hover{
    cursor: pointer;
}
.VoxLogoq{
        display: inline-block;
    width: 140px;
    height: 135px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 0px;
    background: url(Vox-Vipp.webp);
    background-size: 100% 135px;
    padding-top: 12px;
    padding-left: 0px;
}
.VoxLogoq:hover{
    cursor: pointer;
}
.VoxLogoa{
    display: inline-block;
    width: 120px;
    height: 100px;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 0px;
    background: url(logo-av.png);
    background-size: 100% 100px;
    padding-top: 12px;
    padding-left: 120px;
}
.VoxLogoa:hover{
    cursor: pointer;
}
.c-log{
    position: absolute;
    width: 140px;
    height: 125px;
    top: 45%;
    right: 50%;
    transform: translate(50%, -50%);
    background-color: #ededed;
    border-radius: 4px;
    box-shadow: 3px 3px 1.5px #AAA;
}
.Logo{
    display: block;
    width: 90px;
    height: 70px;
    margin: auto;
    margin-top: 10px;
    background: url('Vox-Vipp.webp');
    background-size: 90px 70px;
}
.Logo{
    display: block;
    width: 70px;
    height: 70px;
    margin: auto;
    margin-top: 10px;
    background: url('Vox-Vipp.webp');
    background-size: 70px 70px;
}
.Logo-aq{
    display: block;
    width: 70px;
    height: 70px;
    margin: auto;
    margin-top: 10px;
    background: url(logo-av.webp);
    background-size: 70px 70px;
}

.Registro-VoxA{
    display: block;
    width: 140px;
    height: 140px;
    margin: auto;
    margin-top: 85px;
    background: url('Vox-Vipp.webp');
    background-size: 150px 140px;
}
.Registro-VoxB{
    display: block;
    width: 140px;
    height: 140px;
    margin: auto;
    margin-top: 85px;
    background: url(logo-av.webp);
    background-size: 150px 140px;
}
.Reg-VoxA{
    display: block;
    width: 360px;
    padding: 15px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 120px;

}
.fz{
    font-size: medium;
    text-align: center;
}
/*contratos*/

.li-vipp-mn{
    display: block;
    margin-top: 0px;
    width: 100%;
    height: 57px;
    padding-top: 2px;
    padding-left: 5px;
    border-bottom: 0.8px solid #f1f1f1;
    background-color: #f8f9f986;
}
.vipp-mn-aa{
    display: inline-block;
    width: max-content;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 6px;
    border: 1px solid #ecf0f1;
    border-bottom: none;
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 4px;
    font-size: medium;
    font-weight: 800;
}
.vipp-mn-aa:hover{
    cursor: pointer;
}
.vipp-mn-a{
    display: inline-block;
    width: max-content;
    margin-top: 8px;
    margin-left: 5px;
    margin-right: 6px;
    border: 1px solid #ecf0f1;
    border-bottom: none;
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 4px;
    font-size: medium;
    font-weight: 400;
}
.vipp-mn-a:hover{
    cursor: pointer;
}
.li-vipp-o{
    display: block;
    margin-top: 0px;
    width: 100%;
    height: 47px;
    padding-top: 2px;
    padding-left: 5px;
    border-bottom: 0.8px solid #f1f1f1;
    background-color: #f8f9f986;
}
.li-vipp-o:nth-child(even) {
    background: #eef0f081;
}
.li-vipp-o:nth-child(odd) {
    background: #fcfeff;
}
.tit-cco-b, .tit-vipp-tt{
    display: block;
    width: max-content;
    padding-top: 12px;
    padding-left: 10px;
    font-size: medium;
}
.clr-vipp{
    background-color: #3174AF !important;
    color: white;
}
.pr-cont{
    height: 40px;
    width: 33%;
    padding-top: 9px;
    padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.pr-ubi{
    height: 40px;
    width: 49%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.pr-fren{
    height: 40px;
    width: 33%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.vipp-sl-cl, .vipp-slc-cl, .vipp-ccov-cl{
    display: block;
    width: max-content;
    margin-top: 4px;
    padding: 8px;
    margin-left: 15px;
    font-size: medium;
}
.vipp-ccov-cl{
    display: block;
    width: max-content;
    margin-top: 4px;
    padding: 8px;
    margin-left: 1%;
    font-size: medium;
}
.vipp-fre-cl{
    display: block;
    width: 30%;
    margin-top: 4px;
    padding: 8px;
    margin-left: 1%;
    font-size: medium;
}
.vipp-fre-cl{
    padding: 0px;
    margin-top: 2px;
}
.vipp-sl-cl{
    font-weight: 700;
}
.vipp-slc-cl {
    width: 250px;
    font-weight: 400;
    padding: 0px;
    margin-top: 1px;
}
.vipp-ccov-cl{
    width: 32%;
    font-weight: 400;
    padding: 0px;
    margin-top: 1px;
}
#Vipp-cl, #Vipp-acl, #Vipp-con, #Vipp-fre, #Vipp-Eq{
    width: 100%;
}
.form-cco-act {
    width: 98%;
    margin-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    margin-left: 1%;
    margin-right: 1%;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}

.agg-mg{
    padding: 4px;
    font-size: small;
}
.cca{
    font-weight: 400;
    float: left;
    display: block;
}
.li-mb-fr{
    display: block;
    width: 100%;
    height: 90px;
}

.img-mb-fr{
    display: block;
    width: 25%;
    height: 90px;
    background-color: #f8f9f986;
}
.fr-img-sg{
    display: block;
    width: 70px;
    height: 90px;
    margin: auto;
    margin-top: 0px;
}
.logo-fr-sg{
    display: block;
    width: 100%;
    height: 90px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background: url(Vox-Vipp.webp);
    background-size: 100% 90px !important;
}
.inf-mg-fr{
    display: block;
    width: 75%;
    height: 90px;
}

.tf{
    text-transform: uppercase;
}
.txa{
    text-align: center !important;
}
.fr-li-gru{
    display: block;
    width: 100%;
    height: 92px;
    margin-bottom: 4px;
    border-bottom: 1px solid #f1f1f13b;
}
.ubi-li-equip{
    display: inline-block;
    width: 20%;
    height: 130px;
    margin-bottom: 4px;
    border-bottom: 1px solid #f1f1f13b;
}
.ubi-li-equip-tx{
    display: inline-block;
    width: 78%;
    height: 130px;
    margin-bottom: 4px;
    border-bottom: 1px solid #f1f1f13b;
}
.med-li-equip{
    display: inline-block;
    width: 25%;
    height: 250px;
    margin-bottom: 4px;
    border-bottom: 1px solid #f1f1f13b;
}
.img-equip-med{
    display: block;
    width: 100%;
    height: 250px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background-size: 100% 250px !important;
    padding-top: 12px;
    padding-left: 0px;
    margin-right: 5px;
}
.img-ubi-equip{
    display: block;
    width: 100%;
    height: 100px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background-size: 100% 100px !important;
    padding-top: 12px;
    padding-left: 0px;
    margin-right: 5px;
}
.img-fr-sbg{
    display: block;
    width: 60px;
    height: 90px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background-size: 100% 90px !important;
    padding-top: 12px;
    padding-left: 0px;
    margin-right: 5px;
}
.tx-fr-md{
    font-size: small;
    font-weight: 600;
    padding-top: 7px;
}
.tx-fr-sm{
    font-size: smaller;
}
.tf-fn-sgr{
    font-size: medium;
    display: block;
    width: 100%;
}
.img-fr-ho{
    display: block;
    width: 100%;
    height: 310px;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 0px;
    background-size: 100% 310px !important;
    padding-top: 12px;
    padding-left: 0px;
}

.logo-fr-cl{
    display: block;
    width: 100%;
    height: 170px;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 0px;
    background: url(Vox-Vipp.webp);
    background-size: 100% 170px !important;
    padding-top: 12px;
    padding-left: 0px;
}


.dv-fr-tr{
    display: block;
    width: 25%;
    height: auto;
    margin-top: 2px;
    margin-right: 10px;
}
.f-fr-tr{
    display: block;
    width: 100%;
    height: auto;
}
.fr-tr-app{
    display: block;
    width: 100%;
    height: 190px;
}
.fr-opc-img{
    display: block;
    width: 40%;
    height: 190px;
    background-color: #f8f9f986;
}
.fr-opc-tr{
    display: block;
    width: 60%;
    height: 190px;
}
.fr-img-d2{
    display: block;
    width: 140px;
    height: 170px;
    margin: auto;
    margin-top: 5px;
}

.cc-agg-v{
    font-size: medium;
    margin-top: 2px;
    margin-right: 5px;
    color: #111;
    padding-top: 7px;
    padding-bottom: 7px;
}

.tipo-v {
    display: block;
    width: 14%;
    margin-top: 2px;
    margin-right: 4px;
}
.tipo-v2{
    display: block;
    width: 45%;
    margin-top: 2px;
    margin-right: 4px;
}
.tipop{
        display: block;
        width: 100%;
        padding: 10px;
        border: 0.9px solid #f1f2f3;
        font-size: smaller;
    }
.tipop:hover{
        outline-style: dotted;
        outline-offset: 1px;
        cursor: pointer;
}
.cc-client-ff{
    display: block;
    width: 22%;
    margin-top: 2px;
    margin-right: 4px;
}
.cc-clients-ff{
    display: block;
    width: 40%;
    margin-top: 8px;
    margin-right: 10px;
}
.cc-client-v{
        display: block;
        width: 100%;
        padding: 10px;
        text-align: right;
        outline-offset: 0.8px;
        border: 0.9px solid #f1f2f3;
        text-transform: uppercase;
}
.cc-client-v:hover{
        outline-style: dotted;
        outline-offset: 1px;
        cursor: pointer;
}

.li-public, .li-public-a, .li-well, .li-well-a, .li-equip, .li-equip-a, .li-contract, .li-contract-a, .li-empres, .li-empres-a, .li-frent, .li-frent-a{
        display: block;
        margin-top: 0px;
        width: 100%;
        height: 51px;
        padding-top: 2px;
        padding-left: 5px;
        border-bottom: 0.8px solid #f1f1f1;
        background-color: #f8f9f986;
}
.li-public, .li-well, .li-equip, .li-contract, .li-empres, .li-frent{
    margin-bottom: 4px;
}
.li-public, .li-well-a, .li-equip-a, .li-contract-a, .li-empres-a, .li-frent-a{
    padding: 0px;
}
.li-public-a:nth-child(even) {
    background: #eef0f081;
}
.li-public-a:nth-child(odd) {
    background: #fcfeff;
}
.li-well-a:nth-child(even) {
    background: #eef0f081;
}
.li-well-a:nth-child(odd) {
    background: #fcfeff;
}
.li-equip-a:nth-child(even) {
    background: #eef0f081;
}
.li-equip-a:nth-child(odd) {
    background: #fcfeff;
}
.li-contract-a:nth-child(even) {
    background: #eef0f081;
}
.li-contract-a:nth-child(odd) {
    background: #fcfeff;
}
.li-empres-a:nth-child(even) {
    background: #eef0f081;
}
.li-empres-a:nth-child(odd) {
    background: #fcfeff;
}
.li-frent-a:nth-child(even) {
    background: #eef0f081;
}
.li-frent-a:nth-child(odd) {
    background: #fcfeff;
}

.opciones-rr{
    display: none;
}
.opciones-re{
    display: none;
}
.opc-cc-mov{
    display: block;
}
.cc-status{
    display: block;
    width: max-content;
    padding: 10px;
    margin-top: 2px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    padding-top: 6px;
    padding-bottom: 10px;
    background-color:#f8f9f9;
    border: 1px solid #e6e4e4;
    outline-style: none;
    font-weight: 300;
}
.cc-status:hover{
    outline-style: dotted;
    outline-offset: 1px;
    cursor: pointer;
}
.paginar-cc, .orden-cc{
    display: block;
    width: max-content;
    padding: 10px;
    margin-top: 2px;
    margin-left: 0%;
    margin-right: 0.5%;
    padding-top: 6px;
    padding-bottom: 10px;
    background-color:#f8f9f9;
    border: 1px solid #e6e4e4;
    outline-style: none;
    font-weight: 300;
}
.paginar-cc-2, .orden-cc-2{
    display: block;
    width: max-content;
    padding: 10px;
    margin-top: 9px;
    margin-left: 0%;
    margin-right: 10px;
    padding-top: 6px;
    padding-bottom: 10px;
    background-color:#f8f9f9;
    border: 1px solid #e6e4e4;
    outline-style: none;
    font-weight: 300;
}
.paginar-cc:hover{
    outline-style: dotted;
    outline-offset: 1px;
    cursor: pointer;
}
.orden-cc-2:hover{
    outline-style: dotted;
    outline-offset: 1px;
    cursor: pointer;
}
.paginar-cc-2:hover{
    outline-style: dotted;
    outline-offset: 1px;
    cursor: pointer;
}
.orden-cc:hover{
    outline-style: dotted;
    outline-offset: 1px;
    cursor: pointer;
}
.tit-cc-a{
    display: block;
    width: max-content;
    padding-top: 10px;
    padding-left: 15px;
    font-size: larger;
}
.tit-cc-b{
    display: block;
    width: max-content;
    padding-top: 10px;
    padding-left: 10px;
    font-size: larger;
}
.cc-agg, .cc-agg-r, .cc-agg-re, .cc-rtn{
    font-size: medium;
    margin-top: 2px;
    margin-left: 5px;
    color: #111;
    padding-top: 7px;
    padding-bottom: 7px;
}
.cc-agg, .cc-agg-r{
    margin-right: 5px;
}
.cc-agg::before{
    content: 'REGISTRAR';
}
.cc-agg-r::before{
    content: 'Nuevo Contrato';
}
.cc-agg-re::before{
    content: 'RETORNAR';
}
.cc-pubc{
    font-size: medium;
    margin-top: 2px;
    margin-left: 5px;
    color: #111;
    padding-top: 7px;
    padding-bottom: 7px;
}
.cc-emp{
    font-size: medium;
    margin-top: 2px;
    margin-left: 5px;
    color: #111;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #ffc107;
    border:1px solid #ffc107;
}
.cc-emp:active{
    color: #fff;
    background-color: #ffc107;
    border:1px solid #ffc107;
}
.cc-emp:hover{
    color: #f1f2f3;
    background-color: #ffc107;
    border:1px solid #ffc107;
}
.mn-ccf{
    display: none;
    font-size: 22px;
    color: #000;
    margin-right: 10px;
    margin-top: 5px;
}
.cc-n{
    height: 40px;
    width: 6%;
    padding-top: 9px;
    padding-left: 2px;
    padding-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.cc-rif{
    height: 40px;
    width: 14%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.em-n{
    height: 40px;
    width: 6%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.cc-r{
    display: none;
    height: 40px;
    width: 100%;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.w-nfl{
    display: none;
    height: 40px;
    width: 100%;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cl-nfl, .his-nfl{
    display: none;
    height: 40px;
    width: 100%;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.em-rfl{
    display: none;
    height: 40px;
    width: 100%;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.em-rif{
    height: 40px;
    width: 14%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cc-nom{
    height: 40px;
    width: 27%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.fr-doc{
    height: 40px;
    width: 33%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.fr-corr{
    height: 40px;
    width: 34%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.fr-mov{
    height: 40px;
    width: 33%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.form-fr-corr {
    width: 34%;
    margin-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.form-fr-mov {
    width: 33%;
    margin-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.fr-nom-r{
    height: 40px;
    width: 34%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.fr-carg{
    height: 40px;
    width: 33%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.form-fr-doc {
    width: 33%;
    margin-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.form-fr-nom {
    width: 34%;
    margin-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.form-fr-carg {
    width: 33%;
    margin-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.em-nom{
    height: 40px;
    width: 25%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cc-vox, .em-sw{
    height: 40px;
    width: 20%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.cc-tt{
    height: 40px;
    width: 9%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.cc-hd{
    height: 40px;
    width: 9%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.cc-fc{
    height: 40px;
    width: 15%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.em-no, .em-tl{
    height: 40px;
    width: 17.5%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.fr-nn{
    height: 40px;
    width: 6%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.fr-nf, .fr-nom{
    height: 40px;
    width: 28%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.fr-fu{
    display: none;
    height: 40px;
    width: 100%;
    padding-top: 9px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.fr-nd, .fr-nd-1, .fr-tl{
    height: 40px;
    width: 19%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.fr-nd::before{
    content: 'N° DE DOCUMENTO';
}
.eq-nom{
    height: 40px;
    width: 30%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.eq-fn{
    height: 40px;
    width: 28%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.eq-nn{
    height: 40px;
    width: 6%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.eq-fu{
    display: none;
    height: 40px;
    width: 100%;
    padding-top: 9px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.eq-ser, .eq-mod{
    height: 40px;
    width: 18%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.w-nn{
    height: 40px;
    width: 6%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.w-ncc, .w-cit, .w-fc, .w-fce{
    height: 40px;
    width: 15%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.w-lug, .w-nomp{
    height: 40px;
    width: 17%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.pb-n{
    height: 40px;
    width: 8%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.pb-fl{
    display: none;
    height: 40px;
    width: 100%;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.pb-des{
    height: 40px;
    width: 30%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.pb-ubi{
    height: 40px;
    width: 35%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.pb-fcv{
    height: 40px;
    width: 12%;
    padding-top: 9px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}
.pb-sts{
    height: 40px;
    width: 15%;
    padding-top: 9px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}
.PublicF-A{
    display: block;
    width: 370px;
    height: auto;
    margin: auto;
    margin-top: 15px;
}
.EquiMed-A{
    display: block;
    width: 430px;
    height: auto;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 70px;
}
.VippFr-A{
    display: block;
    width: 730px;
    height: auto;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 100px;
}
.Vipp-O{
    display: block;
    width: 820px;
    height: auto;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 150px;
}
.VippForm-A{
    display: block;
    width: 740px;
    height: auto;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 90px;
}
.cc-descrin-r{
    height: 40px;
    width: max-content;
    padding-top: 9px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cc-descrin-r::before{
    content: 'Seleccionar empresa';
}
.cc-emp-rs{
    display: block;
    width: 30%;
    height: 40px;
    margin-top: 4px;
}
.cc-emp-e-rs{
    display: block;
    width: 18%;
    height: 40px;
    margin-top: 4px;
    margin-right: 10px;
}
.cc-emp-r{
    display: block;
    width: 100%;
    height: 35px;
}
.cc-rif-r{
    height: 40px;
    width: 35%;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cc-nom-e-r{
    height: 40px;
    width: 65%;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cc-img-r, .cc-dd-r{
    height: 40px;
    width: 100%;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.form-cc-rif-inpt {
    width: 31%;
    margin-top: 6px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.form-cc-nom-inpt {
    width: 61%;
    margin-top: 6px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.form-cc-nomp-inpt {
    width: 96%;
    margin-top: 6px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.cc-num-v-r, .cc-noa-v-r{
    height: 40px;
    width: 30%;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cc-num-24h{
    height: 40px;
    width: 100%;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cc-num-c-r, .cc-cor-c-r{
    height: 40px;
    width:40%;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cc-ord-r, .cc-tlf-r{
    height: 40px;
    width: 30%;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.form-cc-voxc-inpt, .form-cc-orden-inpt {
    width: 26%;
    margin-top: 6px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.form-cc-noap-inpt, .form-cc-tlf-inpt {
    width: 26%;
    margin-top: 6px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.form-cc-corcl-inpt {
    width: 36%;
    margin-top: 6px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.form-cc-coclient-inpt {
    width: 36%;
    margin-top: 6px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.form-cc-24h{
    width: 96%;
    margin-top: 6px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.cc-hr-tt-r, .cc-hr-co-r, .cc-al-hr-r{
    height: 40px;
    width: 13%;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cc-hr-tt-r::before{
    content: 'H/T';
}
.cc-hr-co-r::before{
    content: 'H/C';
}
.cc-al-hr-r::before{
    content: 'A/H';
}

.cc-fc-ini-r, .cc-fc-fin-r, .cc-fc-alert-r{
    height: 40px;
    width: 20.33%;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.form-cc-ht-inpt, .form-cc-hc-inpt, .form-cc-ah-inpt {
    width: 11%;
    margin-top: 6px;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.form-cc-ini-inpt, .form-cc-fin-inpt, .form-cc-alert-inpt {
    width: 18.33%;
    margin-top: 6px;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.cc-fc-mon-r, .cc-fc-mnd-r {
    height: 40px;
    width: 42%;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.form-cc-mont-inpt, .form-cc-mnd-select{
    width: 40%;
    margin-top: 6px;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
    background-color: #eef0f081;
}

.li-cli, .li-cli-a , .li-publici, .li-publici-a, .li-equip-a{
        display: block;
        margin-top: 0px;
        width: 100%;
        height: 47px;
        padding-top: 2px;
        padding-left: 5px;
        border-bottom: 0.8px solid #f1f1f1;
        background-color: #f8f9f986;
}
.li-dat-cc-a{
        display: block;
        margin-top: 0px;
        width: 100%;
        height: 47px;
        padding-top: 2px;
        padding-left: 5px;
        border-bottom: 0.8px solid #f1f1f1;
        background-color: #f8f9f986;
}
.li-fr-tr{
    display: block;
    margin-top: 0px;
    width: 100%;
    height: 47px;
    padding-top: 2px;
    padding-left: 5px;
    border-bottom: 0.8px solid #f1f1f1;
    background-color: #f8f9f986;
}
.li-pr-m-tr{
    display: inline-block;
    margin-top: 0px;
    width: 44%;
    margin-left: 1%;
    margin-right: 3%;
    height: 47px;
    padding-top: 2px;
    padding-left: 5px;
    border-bottom: 0.8px solid #f1f1f1;
    background-color: #f8f9f986;
}

.li-pr-m2-tr, .li-pr-m3-tr{
    display: inline-block;
    margin-top: 0px;
    width: 49%;
    margin-right: 0%;
    height: 47px;
    padding-top: 2px;
    padding-left: 5px;
    border-bottom: 0.8px solid #f1f1f1;
    background-color: #f8f9f986;
}
.li-pr-m3-tr{
    display: none;
}
.li-fre-tr{
    display: block;
    margin-top: 0px;
    width: 100%;
    height: 47px;
    padding-top: 2px;
    padding-left: 5px;
    border-bottom: 0.8px solid #f1f1f1;
    background-color: #f8f9f986;
}
.opciones-ru{
    display: none;
}
.vipp-inf-contacto{
    display: block;
    width: 100%;
    padding: 8px;
    border: 1px solid #f1f2f3;
    border-top: inherit;
    margin-bottom: 8px;
}
.vipp-inf-cod, .vipp-inf-descri{
    display: block;
    width: 100%;
    height: 50px;
}
.vipp-hor-info{
    display: block;
    width: 100%;
    padding: 8px;
    border: 1px solid #f1f2f3;
    border-top: inherit;
    margin-bottom: 8px;
}
.vipp-hor-inicio, .vipp-hor-cierre{
    display: block;
    width: 100%;
    height: 40px;
}
.vipp-dt-ge{
    display: block;
    width: 100%;
    padding: 8px;
    border: 1px solid #f1f2f3;
    border-top: inherit;
    margin-bottom: 8px;
}
.vipp-dt-li{
    display: block;
    width: 100%;
    height: 47px;
    margin-bottom: 3px;
}
.vipp-dtp-ge{
    display: inline-block;
    margin-top: 0px;
    width: 44%;
    margin-left: 1%;
    margin-right: 3%;
    height: auto;
    padding: 8px;
    border: 1px solid #f1f2f3;
    border-top: inherit;
    margin-bottom: 8px;
}
.vipp-dtp-ge-2{
    display: inline-block;
    margin-top: 0px;
    width: 49%;
    margin-left: 0%;
    margin-right: 0%;
    height: auto;
    padding: 8px;
    border: 1px solid #f1f2f3;
    border-top: inherit;
    margin-bottom: 8px;
}
.vipp-dt-li-25{
    display: block;
    width: 25%;
    height: 50px;
}
.vipp-dt-li-50{
    display: block;
    width: 50%;
    height: 50px;
}

.vipp-dtp-li{
    display: block;
    width: 100%;
    height: 35px;
}
.vipp-dtps-li{
    display: block;
    width: 100%;
    height: 40px;
}
.mr-b-2{
    margin-bottom: 20px;
}
.mr-b-3{
    margin-bottom: 30px;
}
.mr-b-10{
    margin-bottom: 100px;
}
.vipp-100{
    width: 100%;
}
.vipp-pp-20{
    margin-left: 5px;
    width: 20%;
    border: 1px solid #f1f2f3;
    margin-right: 5px;
    text-align: center;
}
.vipp-pp-05{
    margin-left: 5px;
    width: 7.5%;
    border: 1px solid #f1f2f3;
    margin-right: 5px;
    text-align: center;
}
.vipp-pp-010{
    margin-left: 5px;
    width: 10%;
    border: 1px solid #f1f2f3;
    margin-right: 5px;
    text-align: center;
}
.vipp-pp-80{
    margin-left: 5px;
    width: 80px;
    border: 1px solid #f1f2f3;
    margin-right: 5px;
    text-align: center;
}
.vipp-pp-100{
    margin-left: 5px;
    width: 90%;
    border: 1px solid #f1f2f3;
    margin-right: 5px;
    text-align: center;
    height: 25px;
}
.vipp-tx-ff{
    display: block;
    width: max-content;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
}
.vipp-tx-fu{
    display: block;
    width: 100%;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
}
.vipp-tx-ft{
    display: block;
    width: max-content;
    padding-top: 2px;
    padding-left: 15px;
    padding-right: 15px;
}
.vipp-select-au{
        display: block;
    width: max-content;
    border: 1px solid #f1f2f3;
    padding: 5px;
    outline-style: none;

}
.vipp-med{
    font-size: medium;
}
.vipp-small{
    font-size: smaller;
}
.vipp-tx-nom, .vipp-tx-ced{
    display: block;
    width: max-content;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 10px;
}
.vipp-inpt-nom, .vipp-inpt-ced{
    display: block;
    width: 70%;
    margin-top: 2px;
    border: none;
    border-bottom: 1px solid #f1f2f3;
    height: 32px;
    outline-style: none;
}

.li-cli:hover{
    cursor: pointer;
}
.li-cli-a:hover{
    cursor: pointer;
}
.li-publici, .li-cli{
    margin-bottom: 4px;
}
.li-publici-a, .li-cli-a, .li-equip-a{
    padding: 0px;
}
.li-cli-a:nth-child(even) {
    background: #eef0f081;
}
.li-cli-a:nth-child(odd) {
    background: #fcfeff;
}
.li-equip-a:nth-child(even) {
    background: #eef0f081;
}
.li-equip-a:nth-child(odd) {
    background: #fcfeff;
}
.li-publici-a:nth-child(even) {
    background: #eef0f081;
}
.li-publici-a:nth-child(odd) {
    background: #fcfeff;
}
.li-fr-tr:nth-child(even) {
    background: #eef0f081;
}
.li-fr-tr:nth-child(odd) {
    background: #fcfeff;
}
.li-fre-tr:nth-child(even) {
    background: #eef0f081;
}
.li-fre-tr:nth-child(odd) {
    background: #fcfeff;
}
.cl-n, .his-n{
    height: 40px;
    width: 10%;
    padding-top: 9px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cl-nom{
    height: 40px;
    width: 30%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cl-usr, .cl-tlf, .cl-rol{
    height: 40px;
    width: 20%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.his-user{
    height: 40px;
    width: 25%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.his-descri{
    height: 40px;
    width: 45%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.his-fech{
    height: 40px;
    width: 20%;
    padding-top: 9px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cl-rol{
    text-align: right;
    padding-right: 5px;
}
.cc-descrin, .cc-anc-pub, .cc-equip{
    height: 40px;
    width: 100%;
    padding-top: 9px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cc-datos{
    height: 40px;
    width: 100%;
    padding-top: 9px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-size: smaller;
}
.form-p-inpt, .form-p-select {
    width: 100%;
    margin-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    height: 37px;
    background-color: inherit;
    border: none;
    font-size: smaller;
    text-align: left;
    outline-style: none;
    outline-offset: 0px;
}
.pu-input-file {
    position: relative;
    display: inline-block;
    width: 93%;
    margin-left: 3%;
    margin-top: 5px;
    padding: 6px;
    font-size: smaller;
    text-align: center;
    outline-style: none;
    outline-offset: 0px;
}
.pu-input-file::before {
    background-color: #5678EF;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    content: 'Seleccionar imagen'; 
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    }
.pu-input-file input[type="file"] {
        opacity: 0;
        width: 100%;
        height: 35px;
        display: inline-block;
        margin: auto;
    }
    #pu-input-file::before {
    content: 'Selecciona resolución 1200px 140px';
    }
.fr-input-file {
    position: relative;
    display: inline-block;
    width: 30%;
    margin-right: 3%;
    margin-top: 2px;
    padding: 6px;
    font-size: smaller;
    text-align: center;
    outline-style: none;
    outline-offset: 0px;
}
.fr-input-file::before {
    background-color: #5678EF;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    content: 'Seleccionar imagen'; 
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    }
.fr-input-file input[type="file"] {
        opacity: 0;
        width: 100%;
        height: 35px;
        display: inline-block;
        margin: auto;
    }

.btn-sub{
    width: max-content;
    margin-top: 6px;
    margin-right: 15px;
}
.br-r{
    margin-top: 3px;
    margin-right: 7px;
}
#fr-input-files::before {
    content: 'Seleccionar imagen';
}
#pu-input-fileu::before {
    content: 'Selecciona resolución 320px 140px';
}
#pu-input-files::before {
    content: 'Selecciona resolución 512px 512px';
}
#pu-input-filer::before {
    content: 'Selecciona resolución 1024px 1024px';
}

#pu-input-file-h::before {
    content: 'Hoja técnica formato permitido .pdf';
}
#pu-input-file-cer::before {
    content: 'Certificado formato permitido .pdf';
}
#pu-input-file-fto::before {
    content: 'Selecciona resolución 1024px o superior';
}

.dv-selh{
    margin-top: 2px;
    margin-right: 15px;
    margin-left: 5px;
}
.dv-selht{
    margin-top: 4px;
    margin-right: 15px;
    margin-left: 5px;
}
.rsm{
    display: block;
    width: 130px;
    margin-top: 4px;
    margin-right: 5px;
    margin-left: 5px;
    color: #FFF !important;
}
.btn-a{
    margin-top: 4px;
}
.pag-9{
    margin-top: 4px;
}
.pag-9-p{
    margin-top: 4px;
}
.pag-9-1{
    margin-top: 0px;
}
.pag-9-s{
    margin-top: -1px;
    height: 40px;
    margin-right: 8px;
}
.av-tip{
    margin-top: 6px;
    margin-right: 5px;
    margin-left: 5px;
}
.compr-res-mv{
    position: fixed;
    top: 70px;
    width: 100%;
    bottom: 0px;
    background-color:#f1f1f1;
    z-index: 4004;
    left: 0px;
    padding: 5%;
    display: none;
}
.compr-r-tx{
    display: block;
    width: 100%;
    font-size: xx-large;
    text-align: center;
}
.compr-db{
    display: none;
}


/** fin contrato **/
.Online{
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 35px;
    bottom: 0px;
    padding: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
}
.prueba{
    display: block;
    width: max-content;
    height: 30px;
    background-color: #2874a6;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-top: 12px;
    text-decoration: none;
    padding-right: 15px;
    padding-left:15px;
}
.ic-i{
    color: white;
    font-size: 22px;
    margin-right: 10px;
}
.cvr{
    width: max-content;
}
.tit-c{
    margin-top: 15px;
    text-align:center;
}
.t-con{
    font-size: 2rem;
}
.tt-con{
    font-size: 1.7rem;
}
.p-cond{
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    text-decoration: unset;
    font-size: 16px;
}
    
.GPS{
    border: 1px solid #ededed;
    display: block;
    margin-top: 30px;
    width: 90%;
    height: 290px;
    margin: auto;
    margin-bottom: 30px;
}
.tit-o{
    display: block;
    width: 100%;
    padding: 12px;
    padding-left: 0px;
    padding-bottom: 0px;
}
.txt-car{
    display: block;
    width: 100%;
    padding-top: 10px;
    text-align:center;
}
.tit-c{
    display: block;
    width: 100%;
    padding: 12px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}
.inpt, .select-av, .inpt-b, .inpt-cl, .inpt-u, .inpt-v{
    display: block;
    width: 100%;
    padding: 11px;
    border-radius: 4px;
    margin-bottom: 4px;
    background-color:#f8f9f9;
    border: 1px solid #f8f9f9;
    outline-style: none;
}
.inpt{
    padding: 15px;
}
.inpt-v{
    width: 61%;
    padding: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 3%;
    margin-top: 3px;
    float: left;
    font-size: small;
}
.inpt:hover{
    outline-style: dotted;
}
.inpt-b, .inpt-u{
    padding: 6px;
    margin-top: 4px;
    outline-style: none;
    border: none;
    background-color:#f8f9f986;
}
.inpt-u{
    width: 40%;
    padding: 12px;
    float: left;
}
.inpt-f1{
    display: block;
    width: max-content;
    padding: 14px;
    border-radius: 4px;
    margin-left: 2%;
    margin-bottom: 4px;
    background-color:#f8f9f9;
    border: 1px solid #f8f9f9;
    float: left;
}
.inpt-f2{
    display: block;
    width: max-content;
    padding: 14px;
    margin-left: 1%;
    border-radius: 4px;
    margin-bottom: 4px;
    background-color:#f8f9f9;
    border: 1px solid #f8f9f9;
    float: left;
}
.btn-vox-bf{
    width: max-content;
    float: right;
    margin-right: 2%;
    padding-top: 11px;
    padding-bottom: 14px;
    margin-bottom: 60px;
}
.btn-vox-u, .btn-vox-a{
    width: max-content;
    float: left;
    padding: 8px;
    margin-top: 5px;
    margin-left: 1%;
    padding-top: 9px;
    padding-bottom: 11px;
}
.btn-vox-a{
    color: #FFF !important;
}
.inpt-cl{
    margin-bottom: 8px;
    width: 92%;
    margin-left: 4%;
}
.inpt-b{
    width: 63%;
    float: left;
    margin-left: 5px;
}
.btn-vox-bs{
    width: auto;
    float: right;
    margin-right: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn-vox-bs:hover{
    cursor: pointer;
}
.btn-vox-b{
    width: auto;
    float: right;
    margin-right: 4%;
    padding-top: 10px;
    padding-bottom: 15px;
}
.btn-vox-b:hover{
    cursor: pointer;
}
.btn-vox-be{
    width: auto;
    float: right;
    margin-left: 5px;
    margin-right: 0px;
    padding-top: 8px;
    padding-bottom: 11px;
}
.btn-vox-be:hover{
    cursor: pointer;
}
.inpt-r{
    display: block;
    width: 100%;
    padding: 14px;
    border-radius: 4px;
    margin-bottom: 4px;
    background-color:#f8f9f9;
    border: 1px solid #f8f9f9;
}
.inpt-pr{
    display: block;
    width: 80%;
    padding: 14px;
    border-radius: 4px;
    margin-bottom: 4px;
    background-color:#f8f9f9;
    border: 1px solid #f8f9f9;
    float: left;
    outline-style: none;
}
.eye-p{
    float: right;
    margin-top: 12px;
    margin-right: 15px;
    font-size: 26px;
}
#UserReg{
    display: none;
}
.passw{
    display: block;
    width: 100%;
    height: 54px;
    border-radius: 4px;
    margin-bottom: 4px;
    background-color:#f8f9f9;
    border: 1px solid #f8f9f9;
}
.vlco{
    display:none;
    width: 100%;
    height: 25px;
    text-align: center;
    margin-bottom: 0px;
    font-size: 80%;
    padding-top: 2px;
    padding-bottom: 6px;
}
.vdto{
    font-size: 80%;
    color: red;
    padding: 3px;
    width: 100%;
    display: none;
}
.vlc{
    display: none;
    width: 100%;
    height: 20px;
    margin-bottom: 0px;
    background-color: #f1f1f1;
    font-size: 80%;
}
.btn-vox{
    display: block;
    padding: 14px;
    margin-top: 0px;
    width: 80%;
    margin-bottom: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.btn-voxa{
    display: block;
    padding: 14px;
    margin-top: 0px;
    width: 100%;
    margin-bottom: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#btn-login::before {
    content: 'INICIAR SESION';
}
#btn-login-a::before {
    content: 'Siguiente';
}
.old{
    display: block;
    padding: 8px;
    width: 100%;
    font-size: medium;
    outline-style: none;
    text-decoration: none;
}
.old:hover{
    text-decoration: underline;
    cursor: pointer;
}
.btn-vox-2{
    padding: 8px;
    padding-top: 0px;
    margin-top: 2px;
    width: 100%;
    margin-bottom: 12px;
}
.qr-s, .phone-s{
    display: inline-block;
    color: #FFF;
    font-size: 30px;
    padding: 6px;
}
.opcion-ide{
    display: block;
    width: 100%;
    height: 160px;
}
.opc-b{
    display: inline-table;
    width: 70px;
    height: 125px;
    margin-left: 7%;
    margin-top: 20px;
}
.opc-bs{
    display: inline-table;
    width: 70px;
    height: 125px;
    margin-left: 10%;
    margin-top: 20px;
}

.opc-u{
    display: inline-table;
    width: 70px;
    height: 125px;
    margin-left: 10%;
    margin-top: 20px;
}
.ide-esc, .ide-sop, .ide-ubi{
    padding: 0px;
    font-size: small;
    text-align: center;
    display: block;
}
.ide-esc::before{
    content: '';
}
.ide-sop::before{
    content: '';
}
.ide-ubi::before{
    content: '';
}
.mn-flo-vipp{
    position: fixed;
    top: 0px;
    left: 0%;
    bottom: 0px;
    width: 100%;
    background-color: #0a57ca91;
}
#pop-vipp{
    display: none;
}
.tx-sob-v{
    font-size: small;
    display: block;
    width: 100%;
    text-align: center;
    color: hsl(180, 0%, 50%);
    padding: 15px;
    background-color: #f2f3f4;
}
.tx-sob-v:hover{
    cursor: pointer;
    text-decoration: underline;
    color: #0a58ca;
}
.pop-has{
    font-size: small;
    display: block;
    width: 100%;
    text-align: center;
    color: hsl(0, 2%, 12%);
    padding: 8px;
    background-color: #f2f3f4;
}
.xlg{
    display: none;
    width: max-content;
    padding: 14px;
    color: #fff;
    background-color: #0a58ca;
    font-size: large;
    margin: auto;
    margin-top: 8%;
    margin-left: 65%;
}
.vipp-pop{
    display: block;
    width: 40%;
    height: auto;
    padding: 15px;
    background-color: #FFF;
    margin: auto;
    margin-top: 6%;
    color: #212529;
    border: 4px solid #e3e3e4;
    border-radius: 4px;
    text-align: justify;
}
.moj-pop{
    display: block;
    width: 100%;
    margin-top: 4px;
    padding: 6px;
    margin-bottom: 2px;
}
.btn-vox-21{
   width: 100%;
}
.btn-v{
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-vox-22{
    width: 100%;
}
footer{
    display: block;
    width: 100%;
    height: auto;
    background-color: #f8f9f9;
    margin-top: 90px;
    padding-top: 15px;
}
.Pie-F{
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    text-align: justify;
    padding: 12px;
    padding-bottom: 25px;
    font-size: smaller;
}

.qr-input-file {
    position: relative;
    display: inline-block;
    width: 94%;
    margin-left: 3%;
    margin-top: 5px;
    padding: 15px;
}
.qr-input-file::before {
    background-color: #5678EF;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    content: 'Seleccionar'; 
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    }

   .qr-input-file input[type="file"] {
        opacity: 0;
        width: 92%;
        height: 50px;
        display: inline-block;
        margin: auto;
    }
    #qr-input-file::before {
    content: 'Seleccionar QR';
    }

    .menu{
        position: fixed;
        z-index: 2000;
        bottom: 0px;
        width: 100%;
        height: 70px;
        border-top: 1px solid #d0d3d4;    
    }
    .mn-a{
        display: block;
        width: 70px;
        height: 70px;
        margin-left: 0%;
        margin-right: 1px;
        margin-top: 0px;
        float: left;
    }
    .m-m{
        display: inline-block;
        color: #f1f1f1;
        font-size: 25px;
        padding: 6px;
    }
    .m-m-2{
        display: inline-block;
        color: #fff;
        font-size: 25px;
        padding: 6px;
        margin-left: 17px;
    }
    .btn-mn{
        padding: 0px;
    }
    .tx-mn{
        display: block;
        width: 100%;
        text-align: center;
        margin-top: -12px;
        font-size: 90%;
        user-select: none;
        color: #f1f1f1;
    }
    .mtop{
        padding-top: 100px;
    }
    .mtops{
        padding-top: 25px;
    }
    .mtopa{
        padding-top: 15px;
    }
    .Tit-CC{
        font-size: large;
        margin-top: 5px;
        width: 100%;
    }
    .btn-aj, .btn-aq{
        border: 1px solid #f1f1f1;
        width: 100%;
        padding: 16px;
        margin-bottom: 8px;
        text-align: left;
    }
    .btn-aj:active{
        border: 1px solid #34495e !important;
    }
    .btn-aj:hover{
        border: 1px solid #34495e !important;
    }
    .btn-aq:hover{
        border: 1px solid #34495e !important;
    }
    .btn-aq{
        padding: 12px;
        color: #34495e !important;
    }
    .btn-aq:active{
        border: 1px solid #34495e !important;
        color: #f1f1f1 !important;
    }
    .btn-aq:hover{
        cursor: pointer;
        border: 1px solid #34495e !important;
    }
    .btn-aj:hover{
        cursor: pointer;
        border: 1px solid #34495e !important;
        color: #e4e2e2 !important;
    }
    .icon-l{
        font-size: 22px;
        margin-right: 5px;
    }
    .icon-l:active{
        color: #fff;
    }
    #QR-D{
        display: block;
        width: 325px;
        height: max-content;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        border: 1px solid #ededed;
        background-color: #FFF;
        margin: auto;
    }
    #QR-DD{
        display: block;
        width: 325px;
        height: max-content;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        border: 1px solid #ededed;
        background-color: #FFF;
        margin: auto;
    }
    .tpt{
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .qr-r{
        display:block;
        width: 100%;
        height: max-content;
    }
    .haz{
        display: block;
        width: 100%;
        text-align: center;
        padding: 14px;
        font-size: smaller;
    }
    .H-mn, .D-mn, .De-mn, .De-mnp, .De-mnc, .De-mnf, .Vipp-mn{
        position: fixed;
        display: none;
        top: 72px;
        width: 100%;
        height: auto;
        padding: 15px;
        z-index: 2005;
        border: 1px solid #f2f3f4;
        box-shadow: 2px 2px #e4e2e2;
    }
    .DP-mn{
        display: none;
        background-color: #FFF;
        position: absolute;
        top: 72px;
        width: 100%;
        height: auto;
        padding: 15px;
        z-index: 2000;
    }
    .Voxemp{
        display: inline-block;
        width: 96%;
        padding: 10px;
        border: 1px solid #ededed;
        margin-left: 2%;
        margin-bottom: 8px;
        box-shadow: 2px 2px #ededed;
    }
    .Voxemp:hover{
        cursor: pointer;
    }
    .Vox-md{
        font-size: medium;
    }
    .nocc:hover{
        cursor: pointer;
    }
    .Vox-ms{
        font-size: small;
        font-weight: 700;
    }
    .Vox-mn{
        font-size: 20px;
        color: white;
        float: right;
        margin-top: 0px;
        margin-right: 8px;
    }
    .lin-mn{
        display: block;
        width: 100%;
        height: 40px;
    }
    .b-lg{
        float: right;
        font-size: 22px;
    }
    .list-us, .list-ho{
        border: 1px solid #f2f3f4;
        display: block;
        margin-bottom: 8px;
        padding: 16px;
        width: 97%;
        margin-left: 1.5%;
        box-shadow: 2px 2px #f1f1f1;
    }

    .list-ho{
        padding: 12px;
    }
    .h-txo{
        font-size: larger;
    }
    .h-tx1{
        font-size: medium;
    }
    .h-tx2{
        font-size: small;
    }
    .h-tx3{
        font-size: smaller;
    }


    .alm-v{
        width: 100%;
        background-color: #f8f9f986;
        padding: 14px;
        font-size: smaller;
    }
    .ncapt{
        display: block;
        width: 32%;
        height: 110px;
        background-color: #f1f1f1;
        margin-left: 0.6%;
        margin-right: 0.4%;
        border: 1px solid #f8f9f9;
        margin-bottom: 10px;
        float: left;
    }
    .fld-c{
        display: block;
        font-size: 40px;
        width: max-content;
        height: max-content;
        margin: auto;
        margin-top: 15px;
    }
    .fld-n{
        font-size: smaller;
        width: 95%;
        margin-left: 2.5%;
        padding: 5%;
        min-height: 20px;
        max-height: 44px;
        white-space: pre-wrap;
        text-overflow: unset;
        overflow: hidden;
        padding-right: 5%;
        padding-top: 0px;
        text-align: center;
    }
    .tx-form{
        background-color:#f2f3f4;
        display: block;
        padding: 8px;
        font-size: smaller;
        width: 98%;
        margin-top: 10px;
        margin-left: 1%;
    }
    .tx-opc{
        display: block;
        width: 100%;
        font-size: smaller;
        color: red;
        padding-left: 5px;
    }
    
.doc-input-file {
    position: relative;
    display: inline-block;
    width: 98%;
    margin-left: 1%;
    margin-top: 5px;
    padding: 15px;
}
.doc-input-file::before {
    background-color: #5678EF;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    content: 'Seleccionar'; 
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    }
    .doc-input-file input[type="file"] {
        opacity: 0;
        width: 98%;
        height: 50px;
        display: inline-block;
        margin: auto;
    }
    #doc-input-file::before {
    content: 'Seleccionar documento';
    }
    #DiscoB, #DiscoU, #Home-S, #Home-Cl, #Ho-Cl{
        display: block;
        width: 100%;
        height: 65px;
    }
    #Home-Es{
        display: inline-block;
        width: 100%;
        height: max-content;
    }
    #Home-Cl{
        height: auto;
    }
    #Tema{
        display: block;
        margin-left: 2%;
        width: 96%;
        margin-top: 25px;
    }
    #Login{
        display: block;
        margin-left: 3%;
        width: 94%;
        margin-top: 0px;
    }
    #Ppozo{
        display: block;
        margin-left: 3%;
        width: 94%;
        margin-top: 0px;
        height: auto;
    }
    .ahq{
        display: block;
        width: 100%;
        padding: 14px;
        padding-left: 7px;
        background-color: #f2f3f4;
        font-size: medium;
        float: left;
    }
    .mdl-a{
        display: block;
        width: 100%;
        padding: 14px;
        padding-left: 7px;
        font-size: medium;
        float: left;
    }
    .bg-ge{
        background-color:#21618c;
        color: #f1f1f1;
    }
    .bg-ope{
        background-color:#f39c12;
        color: #f1f1f1;
    }
    .bg-tra{
        background-color:#2ecc71;
        color: #f1f1f1;
    }
    .bg-lab{
        background-color:#e74c3c;
        color: #f1f1f1;
    }
    .slrap{
        display: block;
        width: 100%;
        padding: 8px;
        background-color: #f8f9f9;
        font-size: smaller;
        float: left;
    }
    .slo-rap{
        padding: 12px;
        border: 1px solid #ededed;
        margin-right: 3px;
        margin-top: 4px;
        width: 20px;
        height: 17px;
        float: right;
    }
    .no-cont{
        display: block;
        width: 48%;
        padding: 15px;
        height: 50px;
        font-size: smaller;
        background-color: #ecf0f1;
        float: left;
    }
    .no-cont-c{
        display: block;
        width: 48%;
        padding: 6px;
        padding-left: 14px;
        height: 50px;
        font-size: smaller;
        background-color: #ecf0f1;
        float: left;
    }
    .civx{
        padding-top: 8px;
    }
    .civx::before{
        content: 'CODIGO INTERNO DE PROYECTO';
    }
    .no-cont-px{
        display: block;
        width: 100%;
        height: 50px;
        font-size: smaller;
        background-color: #ecf0f1;
        float: left;
        margin-top: 6px;
        margin-bottom: 5px;
        padding: 5px;
        padding-top: 7px;
        padding-left: 14px;
        padding-right: 14px;
    }
    .no-cont-x{
        display: block;
        width: 100%;
        padding: 15px;
        height: 50px;
        font-size: smaller;
        background-color: #ecf0f1;
        float: left;
        margin-top: 6px;
        margin-bottom: 5px;
    }
    .no-proyec{
        display: inline-table;
        width: 49%;
        height: 50px;
        font-size: smaller;
        background-color:#ecf0f1;
    }
    .pr-inpt{
        display: block;
        width: 50%;
        height: 45px;
        margin-top: 3px;
        padding-left: 1%;
        margin-bottom: 2px;
        border: 1px solid #d5dbdb;
        margin-left: 1%;
        float: left;
    }
    .pr-inpt-f{
        display: block;
        width: 98%;
        height: 45px;
        margin-top: 3px;
        padding-left: 1%;
        margin-bottom: 2px;
        border: 1px solid #d5dbdb;
        margin-left: 1%;
        float: left;
    }
    .pr-inpt-te{
        display: block;
        width: 98%;
        height: 140px;
        margin-top: 3px;
        padding-left: 1%;
        margin-bottom: 2px;
        border: 1px solid #d5dbdb;
        margin-left: 1%;
        float: left;
        padding-top: 8px;
        padding-right: 1%;
    }
    .nocc{
        font-size: x-small;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: -4px;
        font-weight: 700;
        color: red;
    }
    .mg-b{
        margin-bottom: 5px;
    }
    .modulos, .modulos-v, .modulos-ve, .modulos-r{
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 2px;
        float: left;
        border-bottom: 1px solid #ccc;
        padding-bottom: 3px;
    }
    .modulos-v{
        width: 100%;
        height: 45px;
        font-size: small;
    }
    .modulos-ve{
        width: 70%;
        font-size: small;
        border-bottom: none;
    }
    .modulos-r{
        width: 30%;
        font-size: small;
        border-bottom: none;
    }
    .m-si{
        text-align: center;
        font-size: medium;
        padding-top: 10px;
        text-transform: uppercase;
    }
    .sele-sev-a, .sele-sev-ap{
        display: block;
        width: 70%;
        padding: 6px;
        padding-left: 14px;
        height: 50px;
        font-size: smaller;
        background-color: #ecf0f1;
        float: left;
    }
    .sele-sev-ap{
        width: 100%;
    }
    .sel-sev-a{
        display: block;
        width: 70%;
        padding: 6px;
        padding-left: 14px;
        height: auto;
        font-size: x-small;
        float: left;
    }
    .opc-sev-b{
        display: block;
        width: 30%;
        padding: 6px;
        padding-left: 14px;
        height: 50px;
        font-size: smaller;
        float: left;
    }
    .slo-a{
        padding: 12px;
        border: 1px solid #ededed;
        margin-right: 6px;
        margin-top: 4px;
        width: 20px;
        height: 17px;
        float: left;
    }
    .mg-sel-a{
        padding-top: 15px;
        border-bottom: 1px solid #ccc;
    }
    .mg-sel-b{
        padding-top: 6px;
        border-bottom: 1px solid #ccc;
    }
    .mg-btm{
        margin-bottom: 90px;
    }

    .circle-ic{
        display: block;
        width: 50px;
        height: 50px;
        margin: auto;
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
        float: left;
        background-color: #fbfcfd38;
        border-radius: 50%;
        padding-top: 8px;
        padding-left: 15px;
    }
    .circle-ic:hover{
        background-color: #307dca70;
        cursor: pointer;
    }
    .circle-ic-z{
        display: block;
        width: 50px;
        height: 50px;
        margin: auto;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 0px;
        float: right;
        background-color: #fbfcfd38;
        border-radius: 50%;
        padding-top: 8px;
        padding-left: 15px;
    }
    .circle-ic-z:hover{
        background-color: #307dca70;
        cursor: pointer;
    }
    .mn-prin{
        font-size: 22px;
        color: #f1f1f1;
    }
    .Search-Vipp{
        display: block;
        width: 42%;
        height: 45px;
        border-radius: 4px;
        background-color:#f8f9f9;
        float: left;
        margin-top: 12px;
        margin-left: 14%;
    }
    .Send-vox{
        display: block;
        width: 100%;
        height: 50px;
    }
    .fdo-mn-prin{
        background-color: #307dca70;
        z-index: 4000;
        top: 0px;
        position: absolute;
        left: 0%;
        width: 100%;
        bottom: 0px;
    }
    .fdo-mn-prin-a{
        background-color: #307dca70;
        z-index: 4004;
        top: 0px;
        position: absolute;
        left: 0%;
        width: 100%;
        height: 750px;
    }
    .mn-prin-lf{
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        display: block;
        width: 26%;
        height: auto;
        padding-top: 12px;
        padding-bottom: 12px;
        background-color: white;
    }
    .mn-prin-lf-a{
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 26%;
        height: 740px;
        padding-top: 12px;
        padding-bottom: 12px;
        background-color: white;
    }

    .mgn-20{
        margin-left: 20px;
    }
    .li-mn-prin{
        display: inline-block;
        width: 94%;
        margin-top: 1px;
        margin-left: 3%;
        padding: 5px;
        padding-left: 15px;
        text-transform: capitalize;
        font-size: medium;
        border-bottom: 1px solid #ededed;
        box-shadow: 2px 1.5px #ecf0f1;
        margin-bottom: 1px;
        border: 0.7px solid #f1f1f1;
        border-radius: 4px;
        font-weight: 300;
    }
    .li-mn-prin:hover{
        cursor: pointer;
        background-color: #f1f1f142;
        font-weight: 800;
    }
    .li-mn-prin-2{

        display: inline-block;
        width: 94%;
        margin-top: 1px;
        margin-left: 3%;
        padding: 5px;
        padding-left: 15px;
        text-transform: capitalize;
        font-size: medium;
        border-bottom: 1px solid #ededed;
        box-shadow: 2px 1.5px #ecf0f1;
        margin-bottom: 1px;
        border: 0.7px solid #f1f1f1;
        border-radius: 4px;
        font-weight: 300;
    }
    .li-mn-prin-2:hover{
        cursor: pointer;
        background-color: #f1f1f142;
        font-weight: 800;
    }
    .ic-mn-prin{
        font-size: 22px;
        color: #34495e;
        margin-top: 8px;
        margin-left: 10px;
        margin-right: 15px;
        float: left;
    }
    .txt-prin{
        float: left;
        width: auto;
        padding: 12px;
    }
    .ic-close-prin{
        font-size: 18px;
        color: #34495e;
        padding: 12px;
        background-color: #FFF;
        position: absolute;
        top: 25px;
        right: 20px;
        border-radius: 4px;
        box-shadow: 2px 1.5px #ecf0f1;
    }
    .ic-close-prin:hover{
        cursor: pointer;
    }
    .MNPR{
        display: none;
    }
    .CompanyName, .CompanyRif, .CompanyTot, .CompanyTots ,.CompanyD{
        font-size: larger;
        display: block;
        width: 100%;
        padding: 12px;
        padding-left: 15px;
    }
    .CompanyName{
        padding-bottom: 4px;
        margin-bottom: 0px;
    }
    .CompanyRif, .CompanyTot, .CompanyTots, .CompanyD{
        font-size: smaller;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .CompanyTot{
        padding-left: 0px;
    }
    .CompanyRif{
        padding-bottom: 4px;
        margin-bottom: 0px;
    }
    .CompanyD{
        padding-bottom: 0px;
        height: 40px;
    }
    .fec-cie, .fec-ini{
        display: inline-block;
        width: max-content;
        padding-top: 15px;
        float: right;
    }
    .fec-ini{
        margin-right: 13%;
    }
    .fec-cie{
        margin-right: 11%;
    }
    .mg-to{
        margin-top: 12px;
    }
    .sl-c{
        display: block;
        width: max-content;
        padding-top: 15px;
        padding-left: 2%;
        height: 40px;
    }
    .sl-f{
        float: right;
        display: block;
        width: max-content;
        padding-top: 15px;
        padding-right: 5px;
    }
    .cfec-ini, .cfec-cie{
        display: inline-block;
        width: max-content;
        padding: 7px;
        height: 40px;
        border: 0.9px solid #f1f2f3;
    }
    .inpt-nom{
        display: block;
        width: 21%;
        padding: 7px;
        height: 40px;
        border: 0.9px solid #f1f2f3;
        outline-style: none;
        margin-top: 4px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .emp-aa{
        display: block;
        width: 25%;
        height: auto;
        margin-top: 4px;
        margin-right: 5px;
    }
    .emp-av{
        width: 100%;
    }
    .a-ini, .a-cie{
        display: block;
        width: 14%;
        height: 40px;
        margin-top: 4px;
        margin-right: 5px;
    }
    .av-ini, .av-cie{
        display: block;
        width: 100%;
        padding: 7px;
        height: 40px;
        border: 0.9px solid #f1f2f3;
    }
    .cfec-ini{
        margin-right: 19%;
    }
    .cfec-cie{
        margin-right: 2%;
    }
    .f-search-b{
        display: inline-block;
    }
    .form-fech{
        display: inline-block;
        width: 41%;
        float: right;
    }
    .SClient-V{
        display: block;
        width: 35%;
        padding: 10px;
        text-align: left;
        outline-offset: 0.8px;
        margin-left: 2px;
        border: 0.9px solid #f1f2f3;
        margin-top: 2px;
        float: left;
        text-transform: uppercase;
    }
    .SClient-V:hover{
        outline-style: dotted;
        outline-offset: 1px;
        cursor: pointer;
    }
    .CClient-V{
        display: inline-block;
        width:max-content;
        padding: 6px;
        text-align: left;
        outline-style: none;
        outline-offset: 0.8px;
        margin-left: 2px;
        border: 0.9px solid #f1f2f3;
        margin-top: 2px;
    }
    .comand{
        border-bottom: 2.8px solid #f1f1f1;
        background-color: #f8f9f986;
    }
    .li-client{
        display: block;
        margin-top: 8px;
        width: 100%;
        height: 48px;
        border-bottom: 2.8px solid #f1f1f1;
        background-color: #f8f9f986;
    }
    .li-clientw{
        display: block;
        margin-top: 0px;
        width: 100%;
        height: 48px;
        padding-top: 2px;
        padding-left: 5px;
        border-bottom: 0.8px solid #f1f1f1;
        background-color: #f8f9f986;
    }
    .li-clients{
        display: block;
        margin-top: 0px;
        width: 100%;
        height: 48px;
        border-bottom: 0.8px solid #f1f1f1;
        background-color: #f8f9f986;
    }
    .li-client-av{
        display: block;
        margin-top: 0px;
        width: 100%;
        height: 48px;
        border-bottom: 0.8px solid #f1f1f1;
        background-color: #f8f9f986;
    }
    .li-clienta{
        display: block;
        margin-top: 0px;
        width: 100%;
        height: 48px;
        border-bottom: 0.8px solid #f1f1f1;
    }
    .li-clients:hover{
        cursor: pointer;
        border-bottom: 0.8px dotted #e6e4e4;
    }
    .li-clientse, .li-use{
        display: grid;
        margin-top: 0px;
        width: 100%;
        height: 55px;
        border-bottom: 0.8px solid #f1f1f1;
    }
    .li-use{
        margin-bottom: 2px;
        padding: 12px;
    }
    .li-clientse:hover{
        cursor: pointer;
        border-bottom: 0.8px dotted #e6e4e4;
    }
    .li-use:hover{
        cursor: pointer;
        border-bottom: 0.8px dotted #e6e4e4;
    }
    .ccw{
        font-weight: 800;
        float: left;
        display: block;
    }
    .nw{
        font-weight: 300;
        float: left;
    }
    .cnw{
        font-weight: 800;
        float: left;
    }
    
    .cw{
        font-weight: 300;
        float: left;
        display: block;
    }
    .des-cl{
        height: 40px;
        width: 99%;
        padding-top: 9px;
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .use-cl{
        height: 40px;
        width: 99%;
        padding-top: 4px;
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .desc-cl{
        height: 50px;
        width: 99%;
        padding-top: 9px;
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ft-cc{
        font-size: smaller;
    }
    .nn-cl{
        height: 40px;
        width: 6%;
        padding-top: 9px;
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cod-cl{
        height: 40px;
        width: 18%;
        padding-top: 9px;
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ubi-cl{
        height: 40px;
        width: 18%;
        height: 35px;
        padding-top: 9px;
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .pzo-cl{
        height: 40px;
        width: 22%;
        height: 35px;
        padding-top: 9px;
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ht-cl{
        height: 40px;
        width: 13%;
        height: 35px;
        padding-top: 9px;
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ini-cl{
        height: 40px;
        width: 18%;
        height: 35px;
        padding-top: 9px;
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .fin-cl{
        height: 40px;
        width: 18%;
        height: 35px;
        padding-top: 9px;
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .resp-av{
        position: absolute;
        top: 51px;
        left: 0px;
        padding: 8px;
        width: 100%;
        font-size: smaller;
        color: #FFF;
    }
    .pro-cl{
        display: block;
        width: 10%;
        height: 40px;
        padding-top: 9px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: right;
    }
    
    .li-client-av:nth-child(even) {
        background: #eef0f081;
    }
    .li-client-av:nth-child(odd) {
        background: #fcfeff;
    }
    .li-comand:nth-child(even) {
        background: #eef0f081;
    }
    .li-comand:nth-child(odd) {
        background: #fcfeff;
    }

    .li-clients:nth-child(even) {
        background: #eef0f081;
    }
    .li-clients:nth-child(odd) {
        background: #fcfeff;
    }
    .li-clientse:nth-child(even) {
        background: #eef0f081;
    }
    .li-clientse:nth-child(odd) {
        background: #fcfeff;
    }
    .li-use:nth-child(even) {
        background: #eef0f081;
    }
    .li-use:nth-child(odd) {
        background: #fcfeff;
    }
    a{
        color: inherit !important;
    }
    .mg-tp{
        margin-top: 40px;
    }
    .paginar{
        display: block;
        width: max-content;
        padding: 10px;
        margin-top: -4px;
        margin-left: 0px;
        float: right;
        border: 0.9px solid #f1f2f3;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .paginar:hover{
        outline-style: dotted;
        outline-offset: 1px;
        cursor: pointer;
    }
    .paginar-2{
        display: inline-block;
        width: max-content;
        padding: 10px;
        margin-top: 2px;
        margin-left: 0.5%;
        margin-right: 0.5%;
        padding-top: 6px;
        padding-bottom: 10px;
        background-color:#f8f9f9;
        border: 1px solid #e6e4e4;
        outline-style: none;
        font-weight: 300;
    }
    .paginar-2:hover{
        outline-style: dotted;
        outline-offset: 1px;
        cursor: pointer;
    }
    .TipoP{
        display: block;
        width: max-content;
        padding: 10px;
        margin-top: 2px;
        margin-left: 0px;
        float: right;
        border: 0.9px solid #f1f2f3;
        font-size: smaller;
    }
    .TipoP:hover{
        outline-style: dotted;
        outline-offset: 1px;
        cursor: pointer;
    }
    .mr-tp{
        margin-top: 15px;
    }
    .mr-tpa{
        margin-top: 10px;
    }
    .f-po{
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: large;
    }
    #Fmxs:hover{
        cursor: pointer;
    }
    .b{
        font-weight: 600;
        display: inline;
    }
    .fw{
        font-weight: 600;
    }
    .bo{
        font-weight: 600;
        display: inline-block;
    }
    .SeccionD{
        display: block;
        width: 100%;
        padding: 0px;
        height: 295px;
        padding-bottom: 20px;
    }
    .nom-pro{
        padding: 15px;
        font-size: small;
        padding-bottom: 5px;
        padding-top: 5px;
        font-weight: 400;
    }
    .SeccionG, .SeccionI{
        display: none;
        width: 25%;
        padding: 0px;
        height: 270px;
    }
    .SeccionG1{
            display: block;
            width: 49%;
            min-height: 100px;
    }
    .SeccionG, .SeccionI{
            display: block;
    }
    .IcoAg{
        display: block;
        margin-top: 30px;
        margin-left: 0%;
        width: 220px;
        height: 220px;
        background-size: 100% 220px;
    }
    #myPieGraph{
        width: 140px;
        height: 140px;
        margin-top: 20px;
    }
    
    .pdbt{
        padding-top: 0px;
    }
    .pdbb{
        padding-bottom: 0px;
    }
    .mn-ag{
        margin-top: 30px;
    }
    .his-header{
        display: block;
        position: absolute;
        z-index: 5000;
        width: 100%;
        top: 71px;
        bottom: 0px;
        left: 0%;
        background-color: #21618ca1;
    }
    .torial-li{
        display: block;
        width: 39%;
        position: absolute;
        top: 1px;
        left: 25%;
        bottom: 10%;
        overflow: hidden;
        background-color: #FFF;
    }
    .hist-re{
        display: block;
        width: 98%;
        margin-left: 1%;
        margin-top: 2px;
        margin-bottom: 4px;
        height: 40px;
        background-color: #f1f2f3;
    }

    .ic-his{
        display: inline-block;
        margin-top: 8px;
        margin-left: 3%;
        margin-right: 1%;
    }

    .his-re{
        display: inline-block;
        font-size: smaller;
    }
    .help-ap{
        display: none;
    }
    #Historial{
        display: none;
    }
    #Robot{
        position: fixed;
        z-index: 4001;
        bottom: 155px;
        right: 2.5%;
        font-size: 24px;
        background-color: #1abc9c;
        color: #FFF;
        padding: 15px;
        border-radius: 4px;
        box-shadow: 2px 1.5px #ccc;
    }
    #Robot:hover{
        cursor: pointer;
    }
    #Question{
        position: fixed;
        z-index: 4001;
        bottom: 80px;
        right: 2.5%;
        font-size: 24px;
        background-color: #5678EF;
        color: #FFF;
        padding: 15px;
        border-radius: 4px;
        box-shadow: 2px 1.5px #ccc;
    }
    #Question:hover{
        cursor: pointer;
    }
    .help-ap, .Cpozo-ap, .Web-cc{
        position: fixed;
        z-index: 2000;
        top: 71px;
        background-color: #5678EF;
        width: 100%;
        height: 45px;
    }
    .Web-cc{
        display: none;
    }
    .webcc{
        display: block;
    }
    .webfcc{
        display: none;
    }
    .help-re, .cpozo-re, .web-ccre{
        color: #FFF;
        font-size: medium;
        width: max-content;
        display: inline-block;
        padding-left: 2%;
        padding-top: 9px;
        padding-right: 15px;
        float: left;
    }
    .help-ac, .help-no, .web-ac, .web-no{
        display: inline-block;
        font-size: smaller;
        color: #333;
        background-color: #f1f2f3;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 4px;
        padding-bottom: 4px;
        border-radius: 3px;
        margin-top: 8px;
    }
    .help-ap, .web-ac{
        margin-right: 5px;
    }
    .help-no, .web-no{
        background-color: #efeff0;
    }
    .help-ac:hover{
        cursor: pointer;
        color: #2874a6;
    }
    .help-no:hover{
        cursor: pointer;
        color: #21618c;
    }
    .web-ac:hover{
        cursor: pointer;
        color: #2874a6;
    }
    .web-no:hover{
        cursor: pointer;
        color: #21618c;
    }
    .help-xx, .cpozo-xx{
        cursor: pointer;
        float: right;
        font-size: 18px;
        color: #FFF;
        padding-top: 9px;
        margin-right: 1%;
    }
    #Ayuda, #CnPozo, #CnPozoG{
        display: none;
    }
    #CnPozoX{
        display: block;
    }
    .help-ay, .robot-as{
        position: fixed;
        z-index: 4002;
        top: 90px;
        right: 7%;
        width: 25%;
        background-color: #FFF;
        border: 1px solid #d0d3d4;
        box-shadow: 2px 1.4px #f4f7f8;
    }
    .robot-as{
        display: none;
        right: 6%;
        height: 340px;
    }
    .ro-fech{
        margin: auto;
        margin-top: 4px;
        margin-bottom: 4px;
        width: max-content;
        padding: 6px;
        text-align: center;
        font-size: 11px;
        background-color: #f8f9f9;
        border-radius: 2px;
    }
    .ro-s, .ro-c{
        display: block;
        width: 100%;
        padding: 2px;
    }
    .ro-sr, .ro-cr{
        display: block;
        width: 80%;
        padding: 2px;
        margin-left: 2.5%;
        background-color: #f8f9f9;
        box-shadow: 2px 1.5px #f1f2f3;
        margin-bottom: 8px;
    }
    .ro-cr{
        margin-left: 16%;
    }
    .ro-s-ni, .ro-c-ni{
        display: block;
        width: 100%;
        font-size: small;
        text-transform: uppercase;
        color: #1abc9c;
        font-weight: 600;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
    }
    .ro-c-ni{
        text-align: right;
    }
    .ro-s-tx, .ro-c-tx{
        display: block;
        width: 100%;
        margin-top: 1px;
    }
    .ro-s-txl, .ro-c-txl{
        display: block;
        width: 100%;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .ro-c-txl{
        text-align: right;
    }
    .ro-s-h, .ro-c-h{
        display: block;
        width: 100%;
        font-size: x-small;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        text-transform: uppercase;
    }
    .ro-c-h{
        text-align: left;
    }
    .av-all{
        float: right;
        font-size: 15px;
        color: #212529;
        margin-top: -3px;
        margin-left: 4px;
    }
    .av-all-r{
        float: right;
        font-size: 15px;
        color: #23a6f1;
        margin-top: -3px;
        margin-left: 4px;
    }
    .avc-all{
        float: left;
        font-size: 15px;
        color: #212529;
        margin-top: -3px;
        margin-left: 4px;
    }
    .avc-all-r{
        float: left;
        font-size: 15px;
        color: #23a6f1;
        margin-top: 0px;
        margin-left: 4px;
    }
    .help-ay:hover{
        cursor: move;
    }
    .robot-as:hover{
        cursor: move;
    }
    .hep-dv, .rob-dv{
        background-color: #5678EF;
        display: block;
        width: 100%;
        height: 50px;
    }
    .rob-dv{
        background-color: #1abc9c;
    }
    .btn-vox-send{
        background-color: #1abc9c;
        float: right;
        margin-right: 4%;
        margin-top: 4px;
        color: white;
    }
    .btn-vox-send:hover{
        cursor: pointer;
        color: #1abc9c;
    }
    .btn-vox-send:active{
        cursor: pointer;
        color: #1abc9c;
    }
    .btn-vox-au{
        background-color: #1abc9c;
        float: right;
        margin-right: 2%;
        margin-top: 4px;
        color: white;
    }
    .btn-vox-au:hover{
        cursor: pointer;
        color: #1abc9c;
    }
    .btn-vox-au:active{
        cursor: pointer;
        color: #1abc9c;
    }
    .rob-cn{
        background-color: #FFF;
        display: block;
        width: 100%;
        height: 238px;
        overflow: auto;
    }
    .rob-crm{
        display: block;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 5px;
        overflow: scroll;
    }
    .rob-sd{
        background-color: #fff;
        display: block;
        width: 100%;
        height: 50px;
    }
    .idib{
        display: none;
    }
    .dib{
        display: block;
    }
    .tit-hay, .tit-as{
        display: block;
        float: left;
        width: max-content;
        padding-left: 2%;
        padding-top: 12px;
        font-size: medium;
        color: #fff;
        margin-left: 1%;
    }
    .x-mn{
        float: right;
        font-size: 18px;
        color: #fff;
        margin-top: 12px;
        margin-right: 3%;
    }
    .x-mn:hover{
        cursor: pointer;
    }
    .hep-cn{
        display: block;
        margin-top: 5px;
        width: 100%;
        padding: 5px;
        margin-bottom: 5px;
    }
    .heps-li{
        display: block;
        margin-top: 0px;
        width: 100%;
        text-align: center;
        padding: 6px;
        margin-bottom: 1px;
        background-color: #f7f7f7;
        font-size: x-small;
    }
    .hep-li{
        display: block;
        margin-top: 1px;
        width: 100%;
        padding: 10px;
        padding-bottom: 4px;
        margin-bottom: 4px;
        font-size: smaller;
        border-bottom: 1px solid #e4e2e2;
    }
    .hep-li:hover{
        cursor: pointer;
        font-weight: 600;
    }
    .Question{
        position: fixed;
        z-index: 4000;
        bottom: 80px;
        right: 95px;
        width: max-content;
        padding: 15px;
        border-radius: 4px;
        background-color: #5678EF;
        color: #f1f1f1;
        box-shadow: 2px 2.5px #e8ecf0;
        font-size: smaller;
        display: none;
    }
    .Robot{
        position: fixed;
        z-index: 4000;
        bottom: 155px;
        right: 95px;
        width: max-content;
        padding: 15px;
        border-radius: 4px;
        background-color: #1abc9c;
        color: #f1f1f1;
        box-shadow: 2px 2.5px #e8ecf0;
        font-size: smaller;
        display: none;
    }

    @media (min-width: 1600px) {
        .mn-prin-lf-a{
            width: 340px;
        }
    }


    @media (min-width: 1361px) {
        .inpt-b{
            width: 62%;
        }
        .container{
            max-width: 1300px;
        }
        #Menu{
            display: none;
        }
        .cont, .conts{
            display: none;
        }
        .ic-rig{
            display: inline-block;
            width: max-content;
            height: max-content;
            float: right;
            margin-top: 11px;
            font-size: 18px;
            margin-left: 8px;
            padding: 10px;
            border: 1px solid #ededed;
            border-radius: 4px;
            box-shadow: 2px 2px #f1f2f3;
        }
        .ic-rig:active{
            border: 1px solid #2874a6;
            color: #2874a6;
        }
        .ic-rig:hover{
            cursor: pointer;
        }
        .ic-menu{
            display: inline-block;
            width: max-content;
            height: max-content;
            float: left;
            margin-top: 22px;
            font-size: 18px;
        }
        .ic-menu:hover{
            cursor: pointer;
        }
        .fst{
            font-size: medium;
        }
        .VoxLogox{
            float: left;
        }
        .Logo-HESQ{
            margin-top: 20%;
        }
        .VoxIndustrial, .VoxIndustrial-2, .VoxIndustrial-3 {
            width: 180px;
            height: 165px;
            background-size: 100% 165px;
        }
        .opc-b{
            margin-left: 8%;
        }
        .opc-bs{
            margin-left: 8%;
        }
        .opc-u{
            margin-left: 7%;
        }
        #Login {
            display: block;
            width: 320px;
            margin: auto;
            margin-top: 0px;
        }
        #Ppozo{
            width: 710px;
            margin: auto;
        }
        .DP-mn{
            width: 70%;
        }
        .nocc{
            text-align: left;
        }
        .mnx{
            display: none;
        }
        #Ahesq, #DUsr, #DUsers, #Ahesq1, #Disk, #Disk1{
            width: 700px;
        }
        #Ahesq{
            width: 48%;
        }
        .list-ho {
            width: 96%;
            margin-left: 2%;
        }
        .mn-a{
            margin-right: 9%;
        }
        .H-mn, .D-mn, .De-mn, .De-mnp, .De-mnc, .De-mnf, .Vipp-mn {
            width: 330px;
            left: 4%;
        }
        #Ajuste{
            width: 300px;
        }
        
        .haz{
            text-align: center;
        }
        #Disk-1 {
            width: 370px;
            margin: auto;
        }
        #QRT {
            margin: auto;
            width: 350px;
        }
        #UserS{
            width: 375px;
        }
    }
    
    @media (max-width: 1360px) {
        .Logo-HESQ{
            margin-top: 20%;
        }
        .container{
            max-width: 1300px;
        }
        #UserS{
            width: 32%;
        }
        #Menu{
            display: none;
        }
        .cont, .conts{
            display: none;
        }
        .ic-rig{
            display: inline-block;
            width: max-content;
            height: max-content;
            float: right;
            margin-top: 11px;
            font-size: 18px;
            margin-left: 8px;
            padding: 10px;
            border: 1px solid #ededed;
            border-radius: 4px;
            box-shadow: 2px 2px #f1f2f3;
        }
        .ic-rig:active{
            border: 1px solid #2874a6;
            color: #2874a6;
        }
        .ic-rig:hover{
            cursor: pointer;
        }
        .ic-menu{
            display: inline-block;
            width: max-content;
            height: max-content;
            float: left;
            margin-top: 22px;
            font-size: 18px;
        }
        .ic-menu:hover{
            cursor: pointer;
        }
        .fst{
            font-size: medium;
        }
        .VoxLogox{
            float: left;
        }
        .VoxIndustrial, .VoxIndustrial-2, .VoxIndustrial-3{
            width: 180px;
            height: 150px;
            background-size: 100% 150px;
        }
        .opc-b{
            margin-left: 8%;
        }
        .opc-bs{
            margin-left: 8%;
        }
        .opc-u{
            margin-left: 7%;
        }
        #Login {
            display: block;
            width: 320px;
            margin: auto;
            margin-top: 0px;
        }
        #Ahesq, #DUsr, #DUsrs, #Ahesq1, #Disk, #Disk1{
            width: 70%;
        }
        #Ahesq{
            width: 48%;
        }
        #Disk-1{
            width: 50%;
            margin: auto;
        }
        #Ajuste{
            width: 300px;
        }
        .mnx{
            display: none;
        }
        .H-mn, .D-mn, .De-mn, .De-mnp, .De-mnc, .De-mnf, .Vipp-mn{
            width: 330px;
            left: 4%;
        }
        .list-us, .list-ho{
            width: 96%;
            margin-left: 2%;
        }
        .list-us:hover{
            cursor: pointer;
        }
        .list-ho:hover{
            cursor: pointer;
        }
        .mn-f, .mn-agl, .mm-cc{
            right: 10%;
        }
        .haz{
            text-align: center;
        }
        
        #QR-D:hover{
            cursor: pointer;
        }
        #Tema{
            width: 300px;
            margin: auto;
        }
        #QRT{
            margin: auto;
        }
        #Ppozo{
            width: 60%;
            margin: auto;
        }
        .DP-mn{
            width: 70%;
        }
        .nocc{
            text-align: left;
        }
        .mn-a{
            margin-right: 9%;
        }
    }
    @media (max-width: 1290px) {
        .inpt-b{
            width: 69%;
        }
    }
    @media (max-width: 1280px) {
        .inpt-b{
            width: 61%;
        }
        .torial-li{
            margin-left:24% ;
            width: 40%;
        }
        .fec-cie{
            margin-right: 13%;
        }
        .fec-ini{
            margin-right: 16%;
        }
        .form-fech{
            width: 45%;
        }
    }
    @media (max-width: 1210px) {
        .torial-li{
            margin-left:24% ;
            width: 41%;
        }
    }
    @media (max-width: 1170px) {
        .pub-list{
            margin-left: 6%;
            width: 88%;
            height: 110px;
            background-size: 100% 110px !important;
        }
        .li-empresa {
            height: auto;
            margin-left: 1%;
            width: 98%;
            padding-bottom: 10px;
        }
        .Search-Vipp{
            width: 45%;
        }
        .torial-li{
            margin-left:26% ;
            width: 42%;
        }
    }
    @media (max-width:1150px){
        .med-li-equip{
            width: 42%;
        }
        .tx-fr-md, .tx-fr-sm{
            overflow: hidden;
        }
        .fr-da-ba, .fr-dam-ba{
            overflow: hidden;
        }
        .img-fr-ho{
            height: 210px;
            background-size: 100% 210px !important;
        }
    }
    @media (max-width: 1120px) {
        .pub-list{
            margin-left: 6%;
            width: 88%;
            height: 110px;
            background-size: 100% 110px !important;
        }
        .li-empresa {
            height: auto;
            margin-left: 2%;
            width: 96%;
            padding-bottom: 10px;
        }
        .fec-cie{
            margin-right: 15%;
        }
        .fec-ini{
            margin-right: 17%;
        }
        .form-fech{
            width: 48%;
        }
        .inpt-b{
            width: 66%;
        }
        .inpt-nom{
            width: 18%;
        }
        .med-li-equip{
            width: 41%;
        }
        .tx-fr-md, .tx-fr-sm{
            overflow: hidden;
        }
        .fr-da-ba, .fr-dam-ba{
            overflow: hidden;
        }
        .img-fr-ho{
            height: 210px;
            background-size: 100% 210px !important;
        }
    }
    @media (max-width: 1100px) {
        .inpt-b {
                width: 58%;
        }
    }
    @media (max-width: 1094px) {
            
        .inpt-nom{
            width: 16%;
        }
        .Search-Vipp{
            width: 49%;
            margin-left: 11%;
        }
        .torial-li{
            margin-left:24% ;
            width: 46%;
        }
    }
    @media (max-width: 1046px) {
        .form-fech {
            width: 52%;
        }
    }

    @media (min-width: 1025px) {
        .Logo-HESQ{
            margin-top: 125px;
        }
        .compr-db{
            display: block;
        }
    }

    @media (max-width: 1024px) {
        .vipp-pop{
            width: 50%;
        }
        .compr-res-mv{
            display: block;
        }
        .inpt-nom{
            width: 15%;
        }
        #Historial{
            display: none;
        }
        #MSN{
            display: none;
        }
        .pub-list{
            margin-left: 10px;
            width: 88%;
            height: 90px;
            background-size: 100% 90px !important;
        }
        .li-empresa {
            height: auto;
            margin-left: 10px;
            width: 96%;
            padding-bottom: 10px;
        }
        .ubact{
            font-size: 14px;
        }
        .fract{
            font-size: 12px;
        }
        .SeccionD{
            height: 285px;
        }
        .SeccionI{
            display: none;
        }
        .SeccionG1 {
            display: block;
            width: 60%;
            min-height: 100px;
            margin-left: 10px;
        }
        .SeccionG{
            display: block;
        }
        .CompanyName{
            font-size: 15px;
        }
        
        .Logo-HESQ{
            margin-top: 20%;
        }
        .cont, .conts{
            display: block;
        }
        #Menu {
            display: block;
        }
        .help-ay, .robot-as{
            width: 320px;
        }
        .ic-rig, .circle-ic-z, .Search-Vipp{
            display: none;
        }
        .VoxIndustrial, .VoxIndustrial-2, .VoxIndustrial-3{
            width: 260px;
            height: 260px;
            background-size: 100% 260px;
        }
        #Login {
            display: block;
            margin: auto;
            width: 330px;
            margin-top: 0px;
        }
        .opc-b{
            margin-left: 9%;
        }
        .opc-bs{
            margin-left: 10%;
        }
        .opc-u{
            margin-left: 9%;
        }
        #Ppozo{
            width: 85%;
            margin: auto;
        }
        #Ahesq, #DUsera, #DUsers, #Ahesq1, #Disk, #Disk1{
            width: 76%;
        }
        .mn-a{
            margin-right: 8%;
        }
        #UserS{
            width: 45%;
        }
        .ubact-2{
            padding-left: 5px;
            padding-right: 5px;
        }
        .fract{
            padding-left: 5px;
        }
        .med-li-equip{
            width: 45%;
        }
        .tx-fr-md, .tx-fr-sm{
            overflow: hidden;
        }
        .fr-da-ba, .fr-dam-ba{
            overflow: hidden;
        }
        .img-fr-ho{
            height: 190px;
            background-size: 100% 190px !important;
        }
    }
    @media (max-width: 970px) {
        .form-fech {
            width: 56%;
        }
        .fec-ini {
            margin-right: 19%;
        }
        .fec-cie {
            margin-right: 17%;
        }
    }
    @media (max-width: 910px) {
        .form-fech {
            width: 59%;
        }
        .fec-ini {
            margin-right: 20%;
        }
        .fec-cie {
            margin-right: 17%;
        }
    }
    @media (max-width: 890px) {
        .form-fech {
            width: 48%;
        }
        .fec-ini {
            margin-right: 18%;
        }
        .fec-cie {
            margin-right: 8%;
        }
        .cfec-ini {
            margin-right: 1%;
        }
        #VIPP{
            font-size: small;
        }
    }
    @media (max-width: 870px) {
        .fec-ini {
            margin-right: 21%;
        }
        .form-fech {
            width: 52%;
        }
        .opciones-rr, .opciones-re{
            display: block;
        }
        .opc-cc-mov{
            display: none;
        }
        .cc-status{
            width: max-content;
            margin-top: 8px;
            margin-right: 10px;
        }
        .li-contract-a{
            height: 55px;
            font-size: smaller;
        }
        .mn-ccf{
            display: block;
        }
        .cc-n, .cc-rif, .cc-nom, .cc-vox, .cc-tt, .cc-hd, .cc-fc{
            height: 50px;
        }
        .mn-prin-lf-a{
            width: 40%;
        }
    }
    @media (max-width: 805px) {
        .fec-ini {
            margin-right: 27%;
        }
        .fec-cie {
            margin-right: 11%;
        }
        .form-fech {
            width: 57%;
            float: left;
            margin-left: 1%;
            margin-top: 2px;
        }
    }
    @media (max-width: 768px) {
        .opciones-rr, .opciones-re{
            display: block;
        }
        .opc-cc-mov{
            display: none;
        }
        .cc-status{
            width: max-content;
            margin-top: 8px;
            margin-right: 10px;
        }
        .li-contract-a{
            height: 55px;
            font-size: smaller;
        }
        .mn-ccf{
            display: block;
        }
        .cc-n, .cc-rif, .cc-nom, .cc-vox, .cc-tt, .cc-hd, .cc-fc{
            height: 50px;
        }
        .mn-prin-lf-a{
            width: 40%;
        }
        .tit-cc-a{
            font-size: medium;
        }
        .fr-nd::before{
            content: 'N° DE DOC';
        }
        .li-clienta{
            height: auto;
        }
        .pub-list{
            margin-left: 6%;
            width: 88%;
            height: 90px;
            background-size: 100% 90px !important;
        }
        .li-empresa{
            height: auto;
            margin-left: 10px;
            width: 90%;
            padding-bottom: 10px;
        }
        .ubact-2{
            padding-left: 5px;
            padding-right: 5px;
        }
        .fract{
            padding-left: 5px;
        }
        .b-w{
            display: inline;
            width: max-content;
        }
        .ubact{
            font-size: 14px;
        }
        .fract{
            font-size: 12px;
        }
        .SeccionD{
            height: 280px;
        }
        .SeccionG, .SeccionI{
            display: none;
        }
        .SeccionG1 {
            display: block;
            width: 90%;
            min-height: 100px;
            margin-left: 5px;
        }
        .CompanyName{
            font-size: 15px;
        }
       
        .robot-as{
            right: 3%;
        }
        
        .btn-avanz{
            margin-top: 10px;
            width: max-content;
            margin-left: 0%;
            margin-bottom: 10px;
            height: 40px;
        }
        .Logo-HESQ{
            margin-top: 25%;
        }
        .VoxIndustrial, .VoxIndustrial-2, .VoxIndustrial-3{
            width: 240px;
            height: 240px;
            background-size: 100% 240px;
        }
        .pzo-cl, .ini-cl, .fin-cl {
            width: 33%;
            display: block;
        }
        .SClient-V{
            width: 70%;
        }
        .fec-ini, .fec-cie, .form-fech {
            display: none;
        }
        .cod-cl, .des-cl{
            display: none;
        }
        .pzo-cl{
            width: 28%;
        }
        .ini-cl, .fin-cl{
            width: 24%;
        }
        #UserS{
            width: 50%;
        }
        #Login {
            display: block;
            width: 340px;
            margin: auto;
            margin-top: 0px;
        }
        .opc-b{
            margin-left: 9%;
        }
        .opc-bs{
            margin-left: 10%;
        }
        .opc-u{
            margin-left: 9%;
        }
        #Ppozo {
            width: 92%;
            margin: auto;
        }
        #Ahesq, #DUsera, #DUsers, #Ahesq1, #Disk, #Disk1{
            width: 85%;
        }
        .mn-a{
            margin-right: 6%;
        }
        #Disk-1 {
            width: 70%;
            margin: auto;
        }
        #QRT {
            margin: auto;
            width: 350px;
        }
        .med-li-equip{
            width: 45%;
        }
        .tx-fr-md, .tx-fr-sm{
            overflow: hidden;
        }
        .fr-da-ba, .fr-dam-ba{
            overflow: hidden;
        }
        .img-fr-ho{
            height: 190px;
            background-size: 100% 190px !important;
        }
        .vipp-pop{
            width: 60%;
        }
        .tx-histo::before{
            content: 'Histórico';
        }
    }
    
    @media (max-width: 590px) {
        .ini-cl, .fin-cl{
            padding-top: 3px;
            height: 38px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .SClient-V{
            width: 90%;
        }
    }

    @media (max-width: 540px) {

        .f-po{
            display: none;
        }
        .SeccionD {
            height: 290px;
        }
        .ubact-2{
            font-size: small;
        }

        .med-li-equip{
            width: 100%;
        }
        .fr-sb-gru, .fr-sub-gr{
            display: none;
        }
        .fr-home-ba{
            width: 90%;
            margin-left: 5%;
        }
        .fr-coo-ba{
            width: 70%;
            margin-left: 15%;
        }
        .ubi-li-equip{
            width: 35%;
        }
        .ubi-li-equip-tx{
            width: 63%;
        }
        .tx-fr-md, .tx-fr-sm{
            overflow: hidden;
        }
        .fr-da-ba, .fr-dam-ba{
            overflow: hidden;
        }
        .img-fr-ho{
            height: 310px;
            background-size: 100% 310px !important;
        }



    }
    
    @media (min-width: 512px) {
        .HESQ{
            display: none;
        }
        .des-cl{
            display: none;
        }
    }

    

    @media (max-width: 512px) {

        .ico-vox-ind{
            margin-bottom: 0px;
        }
        .tx-histo::before{
            content: 'Histórico';
        }
        .his-n, .his-user, .his-descri, .his-fech{
            display: none;
        }

        .Reg-VoxA{
            width: 92%;
        }
        .vipp-pop{
            width: 92%;
        }
        .sel-opc-vp{
            width: 100%;
        }
        .sel-opc-aa{
            display: none;
        }
         .sel-opc-a2{
            display: block;
            margin-bottom: 40px;
        }
        .vipp-1, .vipp-2, .vipp-3{
            width: 80%;
            margin-left: 10%;
        }
        .VoxIndustrial, .VoxIndustrial-2, .VoxIndustrial-3{
            width: 210px;
            height: 210px;
            background-size: 100% 210px;
        }
        .nom-pro{
            padding: 15px;
            font-size: x-small;
            padding-bottom: 5px;
            padding-top: 5px;
            font-weight: 400;
        }
        .Vipp-O{
            width: 92%;
        }
        .ipp-o-mv{
            height: 92px;
        }
        .i-fr-mv{
            height: 150px;
        }
        .pr-cont{
            width: 48%;
        }
        .pr-fren{
            display: none;
        }
        .vipp-ccov-cl, .vipp-fre-cl{
            width: 48%;
        }
        .tx-vip-fr{
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #eef0f081;
            padding-left: 15px;
            margin-top: 10px;
        }
        .tx-vip-fr::before{
            content: 'Frente de trabajo';
        }

        .vipp-inf-cod {
            height: 100px;
        }
        .vipp-dt-li-50{
            width: 100%;
        }
        .vipp-inf-descri{
            height: 70px;
        }
        .li-pr-m-tr{
            width: 96%;
            margin-right: 0%;
        }
        .li-pr-m2-tr{
            display: none;
        }
        .vipp-dtp-ge{
            width: 96%;
            margin-right: 0%;
        }
        .vipp-dtp-ge-2{
            width: 96%;
        }
        .vipp-slc-cl{
            width: 80%;
        }
        .li-pr-m3-tr{
            display: block;
            width: 96%;
        }
        .li-pr-m3-tr{
            display: block;
        }
        .vipp-dt-li-25{
            width: 50%;
        }
        .vipp-hor-inicio, .vipp-hor-cierre{
            height: 55px;
        }
        .mv-dt-ge{
            height: 425px;
        }
        .conts{
            margin-right: 15px;
        }
        .emp-mv-f{
            height: 95px;
        }
        .mv-descrin-r{
            width: 40%;
        }
        .mv-emp-rs{
            width: 50%;
            margin-right: 5px;
        }
        .mv-rnom{
            height: 160px;
        }
        .mv-rif-r{
            width: 100%;
        }
        .est-dd-mv{
            display: block;
            width: 44%;
            margin-left: 5px;
            margin-top: 4px;
            padding-left: 10px;
            padding-top: 14px;
        }
        .est-dd-mv::before{
            content: 'Estatus';
        }
        .mv-emp-e-rs{
            width: 50%;
            margin-right: 5px;
        }
        .mv-nom-e-r{
            display: none;
        }
        .mv-rif-i, .mv-nom-i{
            width: 96%;
        }
        .tx-nom-cc-fl{
            display: block;
            width: 100%;
            padding-top: 8px;
            padding-right: 10px;
            padding-left: 10px;
        }
        .tx-nom-cc-fl::before{
            content: 'NOMBRE DE LA EMPRESA';
        }
        .num-ccvx{
            height: 200px;
        }
        .mv-nm-cvx{
            width: 100%;
        }
        .mv-nm-cc, .mv-nm-ord{
            display: none;
        }
        .mv-cco-fl{
            width: 96%;
        }
        .tx-cco-cl{
            display: block;
            width: 100%;
            padding-top: 8px;
            padding-right: 10px;
            padding-left: 10px;
        }
        .tx-cco-cl::before{
            content: 'NUM. CONTRATO CLIENTE';
        }
        .tx-cco-ord{
            display: block;
            width: 100%;
            padding-top: 8px;
            padding-right: 10px;
            padding-left: 10px;
        }
        .tx-cco-ord::before{
            content: 'NUM. ORDEN';
        }
        .cc-hr-tt-r{
            width: 100%;
        }
        .cc-hr-co-r, .cc-al-hr-r, 
        .cc-fc-ini-r, .cc-fc-fin-r, 
        .cc-fc-alert-r{
            display: none;
        }
        .cc-hr-tt-r::before{
            content: 'HORAS TOTALES';
        }
        .tx-hr-co-r, .tx-al-hr-r{
            display: block;
            width: 100%;
            padding-top: 8px;
            padding-right: 10px;
            padding-left: 10px;
        }
        .hh-in-al{
            height: 425px;
        }
        .cc-h-w{
            display: block;
            width: 96%;
            margin-left: 2%;
            margin-right: 2%;
        }
        .tx-hr-co-r::before{
            content: 'HORAS CONSUMIDAS';
        }
        .tx-al-hr-r::before{
            content: 'ALERTA DE HORAS';
        }
        .tx-ini-h, .tx-fn-h, .tx-af-h{
            display: block;
            width: 100%;
            padding-top: 8px;
            padding-right: 10px;
            padding-left: 10px;
        }
        .tx-ini-h::before{
            content: 'FECHA DE INICIO';
        } 
        .tx-fn-h::before{
            content: 'FECHA FIN';
        } 
        .tx-af-h::before{
            content: 'FECHA DE ALERTA';
        }
        .cc-fc-mon-r, .cc-fc-mnd-r{
            width: 45%;
        }
        .form-cc-mont-inpt, .form-cc-mnd-select{
            width: 45%;
        }
        .cc-noa-v-r{
            width: 100%;
        }
        .cc-cor-c-r, .cc-tlf-r{
            display: none;
        }
        .dd-wi{
            width: 96%;
            margin-left: 2%;
            margin-right: 2%;
        }
        .tx-nom-ad, .tx-cor-ad, .tx-tlf-ad{
            display: block;
            width: 100%;
            padding-top: 8px;
            padding-right: 10px;
            padding-left: 10px;
        }
        .tx-cor-ad::before{
            content: 'CORREO ELECTRONICO';
        } 

        .tx-tlf-ad::before{
            content: 'NUM. TELEFONICO';
        } 
        .hh-dd-al{
            height: 200px;
        }




        .opciones-rr, .opciones-re{
            display: block;
        }
        .opc-cc-mov{
            display: none;
        }
        .opciones-ru{
            display: block;
        }
        .cc-descrin-r::before{
            content: 'Sel. empresa';
        }
        .frt{
            width: 100%;
            text-align: center;
        }
        .cc-status{
            width: max-content;
            margin-top: 8px;
            margin-right: 10px;
        }
        .mn-ccf{
            display: block;
        }
        .cc-agg{
            color: #FFF;
            font-size: 24px;
            padding-top: 0px;
            padding-bottom: 1px;
            margin-top: 2px;
        }
        .cc-agg::before{
            content: '+';
        }
        .tit-cc-a{
            font-size: medium;
        }
        .nn-cl, .cod-cl, .ubi-cl, .pzo-cl, .ini-cl, .fin-cl{
            display: none;
        }
        .des-cl{
            display: block;
            height: 52px;
        }
        .li-clients, .li-client{
            height: 55px;
        }
        .w-nn, .w-ncc, .w-cit, .w-lug, .w-nomp, .w-fc, .w-fce{
            display: none;
        }
        .w-nfl{
            display: block;
        }
        .li-well-a{
            display: block;
            height: 52px;
        }
        .cl-n, .cl-nom, .cl-usr, .cl-tlf, .cl-rol{
            display: none;
        }
        .cl-nfl{
            display: block;
            height: 52px;
        }
        .em-n, .em-rif, .em-nom, .em-sw, .em-no, .em-tl{
            display: none;
        }
        .em-rfl{
            display: block;
        }
        .em-rfl{
            display: block;
            height: 52px;
        }
        .eq-nn, .eq-ser, .eq-nom, .eq-mod, .eq-fn{
            display: none;
        }
        .eq-fu{
            display: block;
            height: 48px;
        }

        .fr-nn, .fr-nd, .fr-nf, .fr-nd-1, .fr-nom, .fr-tl{
            display: none;
        }
        .fr-fu{
            display: block;
            height: 52px;
        }
        .cc-n, .cc-rif, .cc-nom, .cc-vox, .cc-tt, .cc-hd, .cc-fc{
            display: none;
        }
        .cc-r{
            display: block;
            height: 52px;
        }
        .pb-n, .pb-des, .pb-ubi, .pb-fcv, .pb-sts{
            display: none;
        }
        .pb-fl{
            display: block;
            height: 52px;
        }
        .pd-to{
            padding-top: 14px;
            font-size: smaller;
            padding-left: 5px;
            width: max-content;
        }
        .li-equip-a, .li-frent-a , .li-cli-a, .li-empres-a ,.li-contract-a, .li-public-a{
            height: 55px;
        }
        .EquiMed-A, .VippFr-A, .PublicF-A, .VippForm-A{
            width: 94%;
        }

        .ubdt{
            font-size: medium;
            margin-top: 4px;
        }
        .CompanyD {
            width: 94%;
            margin: auto;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .mn-prin-lf-a{
            width: 75%;
        }
        .HESQ{
            display: none;
        }
        .VoxLogox{
            display: none;
        }
        .pub-list{
            margin: auto;
            width: 90%;
            height: 60px;
            background-size: 100% 60px !important;
        }
        .li-empresa{
            height: auto;
            margin-left: 15px;
            width: 90%;
            padding-bottom: 10px;
        }
        .ubact-2 {
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 5px;
            font-size: x-small;
        }
        .b-w{
            display: inline;
            width: max-content;
        }
        .ubact{
            font-size: 14px;
        }
        .fract{
            font-size: 12px;
        }
        .SeccionD{
            height: 310px;
        }
        .SeccionG, .SeccionI{
            display: none;
        }
        .SeccionG1 {
            display: block;
            width: 88%;
            min-height: 100px;
            margin-left: 5%;
        }
        .CompanyName{
            font-size: 15px;
        }

        .help-ay, .robot-as{
            width: 80%;
        }
        .mr-tp{
            margin-top: 5px;
        }
        .inpt-nom{
            width: 99%;
            margin-left: 0%;
            margin-bottom: 5px;
        }
        .emp-av{
            width: 99%;
            margin-left: 0%;
            margin-bottom: 8px;
        }
        .av-ini, .av-cie{
            width: 49%;
        }
        .btn-avanz{
            margin-top: 10px;
            width: 92%;
            margin-left: 4%;
            height: 40px;
        }
        .li-clienta{
            height: auto;
        }
        .paginar-2{
            display: none;
        }
        .des-cl{
            display: block;
        }
        .inpt-b {
            width: 67%;
            padding-top: 11px;
            height: 50px;
            margin-top: 0px;
            margin-left: 4%;
        }
        .sl-c{
            font-size: medium;
            margin-top: 0px;
            text-transform: uppercase;
        }
        select{
            background-color: #fff;
        }
        .VoxIndustrial, .VoxIndustrial-2, .VoxIndustrial-3{
            width: 58%;
        }
        .SClient-V{
            width: 98%;
        }
        #myPieGraph{
            width: 80px ;
            height: 70px;
            display: block;
            margin: auto;
            margin-top: 15px;
        }
        .GG{
            display: inline-block;
            width: 80%;
            height: 60px;
            margin: auto;
        }
        
        .comri, .ncc{
            display: block;
            width: 100%;
            padding: 12px;
            font-size: smaller;
        }
        .comri{
            padding-left: 0px;
            padding-top: 4px;
            padding-bottom: 0px;
        }
        .ncc{
            padding-top: 0px;
            padding-left: 0px;
        }
        .pdbt{
            padding-top: 0px;
        }
        .pdbb{
            padding-bottom: 0px;
        }
        .pdbl{
            padding-left: 0px;
        }
        .SClient-V{
            padding-left: 0px;
        }
        .dn-h{
            height: auto;
            padding-bottom: 0px;
        }
        .mn-prin-lf{
            width: 80%;
        }
        .ubi-cl{
            display: none;
        }
        .pzo-cl, .ini-cl, .fin-cl {
            width: 33%;
            display: none;
        }
        .civx::before{
            content: 'COD. INT. PROYECTO';
        }
        #UserS{
            width: 90%;
        }
        #Login {
            display: block;
            margin-left: 3%;
            width: 94%;
            margin-top: 0px;
        }
        #Ppozo {
            width: 96%;
            margin: auto;
        }
        
        #Ahesq, #DUsera, #DUsers, #Ahesq1, #Disk, #Disk1{
            width: 100%;
        }
        .mv-w{
            width: 92% !important;
            margin-left: 4%;
            
        }
        #Disk-1 {
            width: 96%;
            margin: auto;
        }
        .mm-cc{
            right: 1%;
        }
        .inpt-f1, .inpt-f2{
            width:35%;
        }
        .btn-vox-bf{
            width: 17%;
            font-size: 90%;
        }
        .modulos-v{
            font-size: x-small;
        }
        .mn-a{
            width: 19%;
            margin-right: 1px;
        }
        .li-clienta{
            height: 300px;
        }
        .emp-aa, .pag-9{
            width: 100%;
        }
        .av-ini, .av-cie{
            width: 100%;
        }
        .rsm{
            width: 100%;
            height: 40px;
            margin-left: 5px;
            margin-right: 0px;
        }
        .av-tip{
            display: block;
            width: 100%;
        }
        .dv-selh, .av-tip{
            margin-left: 1%;
            width: 40%
        }
        .dv-selht{
            margin-left: 1%;
            height: 50%;
        }
        .av-tip{
            margin-top: 4px;
        }
        .TipoP{
            width: 100%;
        }
        .btn-avanz {
            margin-top: 4px;
            width: max-content;
            margin-left: 1%;
            margin-right: 1%;
            height: 40px;
        }
        .pdbl{
            width: max-content;
            display: none;
        }
        .tx-av{
            display: none;
        }
        .pag-9{
            width:40px;
            margin-top: 1px;
            margin-right: 5px;
        }
        .pag-9-p{
            width: 70px;
            margin-top: 2px;
        }
        .paginar-2{
            display: block;
        }
        .inpt-nom{
            width: 98%;
        }
        .emp-aa{
            width: 98%;
        }
        .a-ini, .a-cie{
            width: 48%;
        }
        .mv-wi-av, .mv-w-av{
            width: 100% !important;
        }
        .mv-tp-av{
            height: 95px;
        }
        .mv-tp-av-sea{
            height: 320px;
        }
        .sel-cl-av, .sea-av-nom, .fec-av-i{
            display: block;
            width: 100%;
            padding: 10px;
        }
        .sea-av-nom::before{
            content: 'Busquedad Avanzada';
        }
        .sel-cl-av::before{
            content: 'Seleccionar cliente';
        }
        .fec-av-i::before{
            content: 'Fecha inicio & cierre';
        }

        .med-li-equip{
            width: 100%;
        }
        .fr-sb-gru, .fr-sub-gr{
            display: none;
        }
        .fr-home-ba{
            width: 90%;
            margin-left: 5%;
        }
        .fr-coo-ba{
            width: 70%;
            margin-left: 15%;
        }
        .ubi-li-equip{
            width: 35%;
        }
        .ubi-li-equip-tx{
            width: 63%;
        }
        .tx-fr-md, .tx-fr-sm{
            overflow: hidden;
        }
        .fr-da-ba, .fr-dam-ba{
            overflow: hidden;
        }
        .img-fr-ho{
            height: 310px;
            background-size: 100% 310px !important;
        }

    }

    @media (max-width: 425px) {
        
        .container{
            padding-left: 5px;
            padding-right: 5px;
        }
        .mn-a{
            width: 19%;
        }
        .opc-b{
            margin-left: 9%;
        }
        .opc-bs{
            margin-left: 9%;
        }
        .opc-u{
            margin-left: 9%;
        }
        .DP-mn {
            width: 98%;
        }
        .H-mn, .D-mn, .De-mn, .De-mnp, .De-mnc, .De-mnf, .Vipp-mn{
            left: 0%;
            width: 100%;
        }
        .mn-a {
            margin-right: 1%;
        }
        .mn-a{
            margin-right: 1px;
        }
        
    }
    
    @media (max-width: 385px) {
        .mn-a {
            margin-right: 0.8%;
        }
        .paginar-2{
            display: none;
        }

    }
    @media (max-width: 375px) {
        .container{
            padding-left: 7px;
            padding-right: 7px;
        }
        .mn-a{
            margin-right: 1px;
        }
        
    }
    @media (max-width: 370px) {
        .mn-a{
            width: 65px;
        }
    }
    
    @media (max-width: 350px) {
        .mn-a{
            width: 63px;
        }
        .mn-a{
            margin-right: 1px;
        }
    }
    @media (max-width: 340px) {
        .mn-a{
            width: 62px;
            height: 65px;
        }
        .mn-a{
            margin-right: 0px;
        }
    }
    @media (max-width: 330px) {
        .mn-a{
            width: 60px;
            height: 65px;
        }
        .opc-b{
            margin-left: 6%;
        }
        .opc-bs{
            margin-left: 6%;
        }
        .opc-u{
            margin-left: 6%;
        }
    }
    @media (max-width: 320px) {
        .li-clients{
            height: 130px;
        }
        .li-clienta{
            height: 300px;
        }
        .mn-a{
            width: 58px;
            height: 65px;
        }
        .pdbl, .emp-aa, .pag-9{
            width: 100%;
        }
        .av-ini, .av-cie{
            width: 100%;
        }
        .rsm{
            width: 93%;
            margin-left: 5px;
            margin-right: 0px;
        }
       
        
        .av-tip{
            display: none;
            width: 100%;
        }
        .dv-selh, .dv-selht ,.av-tip{
            margin-left: 2%;
            width: 96%;
        }
        .TipoP{
            width: 100%;
        }


    }
    @media (max-width: 310px) {
        .mn-a{
            width: 55px;
            height: 65px;
        }
    }
    @media (max-width: 300px) {
        .mn-a{
            width: 52px;
            height: 65px;
        }
    }
    @media (min-width: 300px) {
        .vipp-p{
            display: none;
        }
    }
    
    @media (max-height: 1366px) {
        
    }
    @media (max-height: 1024px) {
        .Question{
            right: 85px;
        }
        .Robot{
            right: 85px;
        }
    }
    @media (max-height: 768px) {
        .Question{
            right: 80px;
        }
        .Robot{
            right: 80px;
        }
    }
    
    
    @media (max-height: 700px) {
        .help-ay, .robot-as{
            top: 70px;
        }
    }

    @media (max-width: 1366px) and (max-height: 900px) {

        .Question{
            right: 100px;
        }
        .Robot{
            right: 100px;
        }

    }

    @media (max-width: 1280px) and (max-height: 768px) {
        .Question{
            right: 95px;
        }
        .Robot{
            right: 95px;
        }
    }

    @media (max-width: 1152px) and (max-height: 768px) {
        .Question{
            right: 90px;
        }
        .Robot{
            right: 90px;
        }
    }

    @media (max-width: 1024px) and (max-height: 1366px) {
        
        .mn-prin-lf-a{
            height: 800px;
            bottom: 0px;
            width: 35%;
        }
        .fdo-mn-prin-a{
            height: 800px;
            bottom: 0px;
        }

    }

    @media (max-width: 1024px) and (max-height: 768px) {
        .Question{
            right: 87px;
        }
        .Robot{
            right: 87px;
        }
    }

    

    @media (max-width: 820px) and (max-height: 1180px) {
        
        .mn-prin-lf-a{
            height: inherit;
            bottom: 0px;
        }
        .fdo-mn-prin-a{
            height: inherit;
            bottom: 0px;
        }

    }

    @media (max-width: 768px) and (max-height: 1024px) {
        
        .mn-prin-lf-a{
            height: inherit;
            bottom: 0px;
        }
        .fdo-mn-prin-a{
            height: 800px;
            bottom: 0px;
        }

    }

    @media (max-width: 512px) and (max-height: 768px) {
        .Question{
            right: 85px;
        }
        .Robot{
            right: 85px;
        }
    }
    @media (max-width: 480px) and (max-height: 1000px) {
        
        .mn-prin-lf-a{
            height: inherit;
            bottom: 0px;
            width: 75%;
        }
        .fdo-mn-prin-a{
            height: inherit;
            bottom: 0px;
        }

    }
    @media (max-width: 450px) and (max-height: 990px) {
        
        .mn-prin-lf-a{
            height: inherit;
            bottom: 0px;
            
        }
        .fdo-mn-prin-a{
            height: inherit;
            bottom: 0px;
        }

    }
    @media (max-width: 440px) and (max-height: 900px) {
        .Question{
            right: 75px;
        }
        .Robot{
            right: 75px;
        }

    }
    @media (max-width: 430px) and (max-height: 990px) {
        .Question{
            right: 75px;
        }
        .Robot{
            right: 75px;
        }
        .mn-prin-lf-a{
            height: inherit;
            bottom: 0px;
            width: 75%;
        }
        .fdo-mn-prin-a{
            height: 800px;
            bottom: 0px;
        }

    }

    @media (max-width: 425px) and (max-height: 768px) {
        .Question{
            right: 80px;
        }
        .Robot{
            right: 80px;
        }
    }
    @media (max-width: 390px) and (max-height: 900px) {
        .Question{
            right: 70px;
        }
        .Robot{
            right: 70px;
        }
    }

    @media (max-width: 375px) and (max-height: 768px) {
        .Question{
            right: 75px;
        }s
        .Robot{
            right: 75px;
        }
    }

    @media (max-width: 360px) and (max-height: 640px) {
        
        .mn-prin-lf-a{
            height: 750px;
        }
        .fdo-mn-prin-a{
            height: 70px;
        }

    }
    

    @media (max-width: 320px) and (max-height: 768px) {
        .Question{
            right: 70px;
        }
        .Robot{
            right: 70px;
        }
        .mn-prin-lf-a{
            height: inherit;
            bottom: 0px;
            width: 75%;
        }
        .fdo-mn-prin-a{
            height: 800px;
            bottom: 0px;
        }
        .li-mn-prin, .li-mn-prin-2{
            padding-left: 0px;
        }
        .txt-prin{
            font-size: 13px;
        }
        .Reg-VoxA{
            width: 98%;
        }
        .fz{
            font-size: small;
        }
    }
    

    @media (max-width: 1366px) and (max-height: 512px) {
        .Question{
            right: 75px;
        }
        .Robot{
            right: 75px;
        }
    }