/*TXT*/
/*font-family: 'Raleway Dots', cursive;*/
/*font-family: 'Raleway', sans-serif;*/
/*NUMBER*/
/*font-family: 'Poiret One', cursive;  */
/*font-family: 'Quicksand', sans-serif; btn slider*/
/*    color:#fd324e;rojo*/
/*    color:#ff504c;rojo minimalista */
/*    color:#00a0dc; azul*/
/*     color:#5b9aef;*/
/*grises : #858585 icnos*/
/*gris claro #a5a5a5 iconos */
/*
background: #dab264;
background: linear-gradient(to left, #ffc657, #dab264);*/
/*    background: #4ab5d3;*/
/*    background: linear-gradient(to left, #4592a7, #4ab5d3);*/
/*
animation: logo-aditivo 2s ;
animation: logo-adding 2s;
animation: insesion 3s  ;
animation: btn-in 2s ;
animation: insesion 2s;
animation: userpass 2s;
animation: btn-in 2s ;
*/

/*[BODY]*/
*{
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif, verdana;
    color: dimgray;    
    font-weight: 300;
    font-size: 17px;    
}
body.body-login, body.body-login-admin{
    width: 100%;
    height:100vh;
    min-height:100vh;
    background: linear-gradient(to left, #d7d7d7, white);
} 
body.body-reporte{
    background: linear-gradient(to left, black, #2f2f2f);
}
body.body-login-admin{
    background: linear-gradient(to left, black, #2f2f2f);
}
body.body-login-panel{
    background: linear-gradient(to left, #2b3039, black);
}
body.body-login-registro{
    background: linear-gradient(to left, #2b3039, black);
}
body.body-report{
    background: linear-gradient(to left, #2b3039, black); 
}
body.body-total{
    background: linear-gradient(#d7d7d7, white);
}

body.body-salida{
    background: linear-gradient(to left, #a5a5a5, #d7d7d7);    
}
/*[END BODY]*/
/*[TITLES]*/
h1{
    font-size: 1.5em;
    font-weight: bolder;    
}
h2{
    font-size: 1.4em;
    font-weight: bolder;
}
h3{
    font-size: 1.3em;
    font-weight: bolder;
}
h4{
    font-size: 1.2em;
    font-weight: bolder;
}
h5{
    font-size: 1.1em;
    font-weight: bolder;
}
h6{
    font-size: 1em;
    font-weight: bolder;
}
strong{
    font-size: 1.01em;
    font-weight: 500;
}
/*[END TITLES]*/
/*<-- LOGIN 1 -->*/
/*HEADER*/
header.h-login, header.h-panel{    
    width: 100%;
    height: 15vh;
    min-height:15vh;    
    box-sizing: border-box;    
    padding-left: 10px;    
}
header.h-login img{
    display: none;
}
/*CONTENT*/
div.login-desing, div.bx-panel, div.bx-registro{
    width: 100%;    
    display: flex;
    align-items: center;
    justify-content: center;
}
section.form-dng, section.logo-fx{
    width: 50%;
    height: 70vh;
    min-height:70vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*LOGIN*/
section.form-dng{
    border-right: 1px solid #F1F1F1;
    -webkit-box-shadow: 10px 0px 7px -6px rgba(0,0,0,0.31);
    -moz-box-shadow: 10px 0px 7px -6px rgba(0,0,0,0.31);
    box-shadow: 10px 0px 7px -6px rgba(0,0,0,0.31);
}
section.form-dng h1{
    opacity: 1;
    animation: insesion 5s  ;
    transition: all 0.5s ease;    
}
@keyframes insesion {
    0%{opacity: 0;}
    100%{opacity: 1;}    
}
div.bx-login, div.bx-logo, div.bx-adding{
    overflow: hidden;
    box-sizing: border-box;    
    text-align: center;
}
.form-dng input[type="text"], .form-dng input[type="password"]{
    width: 90%;
    margin: 20px 0;
    border-style: none;
    outline: 0;
    background-color: rgba(0,0,0,0);
    text-align: center;
    border-bottom: 1px solid lightgray;
    font-size: 1em; 
    transition:all .5s ease;
    animation: userpass 2s;
}
.form-dng input[type="text"]{
    margin-top: 50px;
}
.form-dng input[type="text"]:hover, .form-dng input[type="password"]:hover{
    border-bottom: 1px solid #ff504c;
}
@keyframes userpass{
    0%{transform: translateY(110px); opacity: 0;}
    100%{transform: translateY(0); opacity: .8;}
}
.form-dng input[type="submit"]{
    padding: 7px 0;
    width: 35%;
    border-radius: 5px;
    border: none;
    color: white;
    cursor: pointer;
    text-decoration: none;
    background: #ff504c;
    background: linear-gradient(to left, red, #ff7250);
    margin: 25px 0;
    opacity: .8;     
    position: relative;
    left: 240px;

    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    transition: all .3s ease;
    animation: btn-in 2s ;
}
.form-dng input[type="submit"]:hover{
    opacity: 1;
}
.form-dng input[type="submit"]:active{
    transform:scale(0.95);
}
@keyframes btn-in{
    0%{transform: translateX(-210px); opacity: 0;}
    100%{transform: translateY(0); opacity: .8;}
}
/*LOGO*/
section.logo-fx{
    flex-direction: column;
}
div.bx-logo img{    
    transition: all .5 ease;
    animation: logo-aditivo 2s ;
}
@keyframes logo-aditivo{
    0%{transform: translateY(-200px); opacity: 0;}
    100%{transform: translateY(0); opacity: 1;}
}
div.bx-adding img{
    transition: all .5 ease;
    animation: logo-adding 2s;
}
@keyframes logo-adding{
    0%{transform: translateX(200px); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
/*FOOTER*/
footer.f-login{
    width: 100%;        
    height: 15vh;
    min-height:15vh;    
}
section.cont-footer{    
    width: 100%;
    height: 75%;
    display: flex;
    justify-content: center;
}
article.help-login, article.engrane-login{
    width: 50%;    
    padding: 0 90px;    
    box-sizing: border-box;    
}
article.help-login a, span.q-span {
    color:#5b9aef;
    text-decoration: none;
    display: block;
}
span.q-span b{
    color:#5b9aef;
}
ul.help-pass, ul.help-pass li{
    list-style: none;
}
ul.help-pass-2{
    background: #F1F1F1;
    height: 40px;
    width: 60%;
    margin: 10px;
    display: none;
}
ul.help-pass:hover ul.help-pass-2{
    display: block;
}
/*help*/
ul.help-ul ul.Help{
    margin-top: 5px;
    background: white;
    width: 70%;
    right: 1%;
    border: 1px solid lightgray;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    display: none;
    z-index: 2;
    border-radius: 5px;
}
ul.help-ul ul.Help li  {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
ul.help-ul ul.Help li {
    text-align: center;
    font-size: .8em;
    padding: 10px;
}
ul.help-ul ul.Help li a{
    font-size: 1em;
    margin-left: 10px;
}
ul.help-ul ul.Help li a:hover {
    color: blue ;
}
/*Engrane*/
article.engrane-login{
    display: flex;    
    justify-content: flex-end;    
}
article.engrane-login div.turn-m img {
    width: 40px;
    height: 40px;
    animation: k-eng 10s infinite;
}
@keyframes k-eng{
    0%{transform: rotate(2turn);}    
    100%{transform: rotate(1turn);}
}
div.copyright{  
    width: 100%;
    text-align: right;
}
div.copyright span{  
    padding-right:100px;
    font-size: .8em;   
}
/*<-- END LOGIN 1 -->*/
/*<-- FORM RV 2 -->*/
header.h-reporte{
    width: 100%;
    height: 15vh;
    display: flex;
    position: absolute;
    box-sizing: border-box;    
    padding: 0 20px;
    transition: all 4s ease;       
}
header.h-reporte div.logo-fx-h img{  
}
div.h-logo, div.h-txt-report{
    width: 50%;
}
div.h-txt-report{
    display: flex;
    justify-content: flex-end;
    align-items: center;    
    padding: 0 100px;
}
div.h-txt-report ul{
    display: flex;      
}
div.h-txt-report ul li{
    margin-left: 20px;
    list-style: none;
    color:white;    
    font-size: 1.4em;
    text-shadow: 2px 2px rgba(0,0,0,0.2);
}
div.h-txt-report ul li form input{
    background: none;
    color:white;
    border: none;
    padding: 0;
    font-size: 1.3em;
}
div.h-txt-report ul li form:hover input{
    color: black;
    cursor: pointer;
}
div.h-txt-report ul li a{
    color:white;
    text-decoration: none;
    font-size: 1em;
}
/*NAV*/
nav{
    width: 80px;    
    text-align: center;
    position: fixed;
    z-index: 1;
    background: black;
    background: linear-gradient(to left, #2f2f2f, black);
    border:1px solid #ff504c;    
    right: 1.5%;
    top:30%;
    border-radius: 5px;    
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    animation: nav-mov 2s  ;
    transition: all 0.5s ease;   
}
@keyframes nav-mov{
    0%{transform: translateX(210px);}
    100%{transform: translateY(0); }
}
nav ul li {
    list-style: none;    
    box-sizing: border-box;
    overflow: hidden;
    opacity: .5;
    transition: all .5s ease; 
}
nav ul li:hover{
    opacity: 1;
    transform: scale(1.1);
}
nav ul li:active{
    transform:scale(0.95);
}
/*SCROLL*/
div.scroll-index{
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 85vh;   
    animation: insesion 2s  ;
}
div.arrow {
    text-align: center;
    line-height: 1px;
}
div.arrow p.a2 {
    transition: all 500ms;
    animation: a2 1s infinite;
}
@keyframes a2{
    0%{opacity: 0;}
    50%{opacity: .5;}
    100%{opacity: 1;}
}
div.arrow p.a3 {
    transition: all 500ms;
    animation: a3 1.01s infinite;    
}
@keyframes a3{
    0%{opacity: 1;}
    50%{opacity: .5;}
    100%{opacity: 0;}
}
/*END SCROLL*/
/*Juntar en 1 */
section.report-ventas, section.venta, section.membresia, section.gastos{    
    width: 100%;
    height: 100vh;
    overflow: hidden;
    box-sizing: border-box;
    background-repeat: no-repeat; 
    background-size: 100%;
}
section.venta{    
    background-image: url(../img/fondo9.jpg);    
}
section.membresia{
    background-image: url(../img/fondo11.jpg);   
}
section.gastos{
    background-image: url(../img/fondo6.jpg);   
}
/*END Juntar en 1 */
section.report-ventas article.home-slider{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    transition: all .5s ease;
    animation: zoomin 3s ;    
}
@keyframes zoomin {
    0%{transform: scale(1.2)}
    100%{transform: scale(1)}    
}
section.report-ventas article.home-slider img.s-tablet{
    display: none;    
}
section.report-ventas article.home-slider img.s-movil{
    display: none;    
}
article.home div.home-txt h1{
    position: absolute;
    top:60vh;
    left: 2vw;
    font-size: 4em;
    font-weight: 500;
    color:white;
    transition: all .3s ease;
    animation: btn-in 2s ;
    text-shadow: 2px 2px rgba(0,0,0,0.2);
}
article.home div.home-txt h2{
    position: absolute;
    top:75vh;
    left: 5vw;
    color:white;
    animation: insesion 2s  ;
    transition: all 0.5s ease;
    text-shadow: 2px 2px rgba(0,0,0,0.2);
}
article.home div.home-txt h3{
    position: absolute;
    top:82vh;
    left: 5vw;
    color:white;
    animation: insesion 2s  ;
    transition: all 0.5s ease;   
    text-shadow: 2px 2px rgba(0,0,0,0.2);
}
article.home div.home-txt h4{
    position: absolute;
    top:82vh;
    left: 70vw;
    color:white;
    animation: insesion 2s  ;
    transition: all 0.5s ease;   
    text-shadow: 2px 2px rgba(0,0,0,0.2);
}
article.home div.home-txt h5{
    position: absolute;
    top:75vh;
    left: 70vw;
    color:white;
    animation: insesion 2s  ;
    transition: all 0.5s ease;   
    text-shadow: 2px 2px rgba(0,0,0,0.2);
}
article.home div.home-txt canvas{
    position: relative;
    left: 0;
    top: 1px;
    width: 80%;
    border-radius: 15px;
}
/**/
div.title-banner{
    width: 100vw;
    height: 12vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #282828;
    position: relative;    
}
div.title-banner h7{
    font-size: 2em;
    color: white;
}
/**/
article.form-report-ventas{  
    width: 100vw;
    height: 85%;
    box-sizing: border-box;
    padding: 0 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.title-ab{
    width: 100%;
    height: 10%;
    background: black;
    display: flex;
    justify-content: center;
    align-items: center;    
}
div.title-ab h8, div.title-ab h9{
    margin: 0 20%;
    font-size: 1.5em;
    color:white;
} 
table {
    font-size: 12px;    
    width: 100%;    
    text-align: left;
    border-collapse: collapse; 
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);    
}
th {
    height: 30px;
    font-size: 1.2em;
    font-weight: normal;     
    padding: 5px;
    background: black;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff; 
    color: white; 
    text-align: center;
}
td {    
    padding: 7px 15px;
    background: #e8edff;
    border-bottom: 1px solid #fff;
    color: #669;    
    border-top: 1px solid transparent; 
}
tr:hover td { 
    background: #d0dafd; 
    color: #339; 
}
table tr td input{
    width: 100%;
    background: none;
    border: none;    
    padding: 0;
    text-align: center;
    font-family: 'Quicksand', sans-serif; 
    font-weight: lighter;
}
table tr.venta-total-proscai td{
    background: #262626;
    color:gold;
}
table tr.venta-total input{
    font-weight: bold;
    text-align: center;
    color:lightgray;
}
table tr.venta-total-proscai td input{
    color:gold;
    font-weight: bold;
}
table tr.venta-total td{
    background: black;
    color:white;
    border: none;
    padding: 5px 15px;
}
table tr.venta-total td.venta-total-num input{
    color:gold;
    font-size: 1.2em;    
}
table tr.td-membresias td{
    padding: 1px 15px;
    font-size: .8em;    
}
table tr.tr-membresias td{
    padding: 1px 15px;
    font-size: .8em;    
}
table tr.tr-membresias input{
    font-size: 1.2em;
}
table tr.space td{
    padding: 1px 0;
    background: white;
}
table.t-membresias td{
    padding: 4px 15px;    
}
/**/
textarea{
    padding: 20px;
    width: 90%;
    max-width: 450px;
    max-height: 100px;
}
/*comodin*/
table tr.comodin{    
    width: 50%;    
    padding: 0 90px;    
    box-sizing: border-box;    
}
table tr.comodin td.inpt-comodin{
    display: flex;
    justify-content: center;
    align-items: center;
}
table tr.comodin td input{
    width: 50%; 
}
table tr.subir-archivos td input.mas-sub-arch{    
    width: 50%;     
    box-sizing: border-box;
    padding-left: 3%;
}



table tr.comodin td input.num-comodin{
    box-sizing: border-box;
}
tr.comodin a, span.comodin-span, tr.subir-archivos a, span.subir-archivos-span {
    color:#5b9aef;
    text-decoration: none;
    display: block;
}
span.comodin-span b, span.subir-archivos-span b{
    color:#5b9aef;
}
ul.mas-comodin-ul ul.Comodin{
    margin-top: -5%;
    background: #ffe861;
    width: 18%;
    height: 15%;
    left: 0;
    border: 1px solid lightgray;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    display: none;
    position: absolute;    
    border-radius: 5px;
}
ul.mas-comodin-ul ul.Comodin li  {    
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 90%;
    text-align: center;
    font-size: .8em;
}
ul.mas-comodin-ul ul.Comodin li textarea.txt-comodin { 
    background: #fef3a7;
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 0;
    padding-left: 5px;
    padding-top: 5px;
    max-width: 100%;
    max-height: 200px;
    border: 0;    
}

ul.mas-comodin-ul ul.Comodin li a, ul.mas-subir-archivos-ul ul.SubirArchivos li a{
    font-size: 1em;
    margin-left: 10px;
}
ul.mas-comodin-ul ul.Comodin li a:hover, ul.mas-subir-archivos-ul ul.SubirArchivos li a:hover  {
    color: blue ;
}
span.comodin-span img, span.subir-archivos-span img{
    width: 20px;
    transition: all .5s ease;
}
span.comodin-span:hover img, span.subir-archivos-span:hover img{
    transform: rotate(1turn);
}
span.comodin-span:hover b, span.subir-archivos-span:hover b{
    color: blue ;
}
/*subir archivos*/
ul.mas-subir-archivos-ul ul.SubirArchivos{
    margin-top: .6%;  
    background: white;
    width: 40%;
    height: 23%;
    box-sizing: border-box;
    padding: 1%;    
    position: absolute;    
    z-index: 1;
    border-radius: 10px; 
    list-style: none;
    left: 40%;
    border: 1px solid lightgray;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    display: none;
    overflow: hidden;
}
ul.SubirArchivos li span{    
    width: 100%;
    display: block;
    font-size: .7em;
}
ul.SubirArchivos li span b{
    font-size: 1em; 
    font-weight: bolder;
    color:#282828;
}
ul.sub-ar-bx{
    width: 95%;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}
div.btn-file { 
    position: relative;
    padding: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    background: #ff9d3d;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    border:none;
    margin-left: 30px;
    cursor: pointer;
}
div.file-c2{
    background: #0066f5;
}
div.file-c3{
    background: #4e5c62;
}
div.file-c4{
    background: #00a3da;
}
div.file-c5{
    background: white;
    border:1px solid #bdbdbd;
}
div.btn-file input{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
ul.sub-ar-bx li p.txt-file{
    margin-top: 15px;
    text-align: center;
    font-size: .8em;
    margin-left: 30px;
    color:#282828;
}
/*total*/ 
div.btns-cont{    
    width: 100%;
    box-sizing: border-box;    
    display: flex;
    justify-content: center;
    align-items: center;
}
div.total-rept, div.enviar-report{    
    width: 50%;
    display: flex;    
    align-items: center;
    justify-content: center;
}
div.total-rept{    
    justify-content: flex-end;
}
div.enviar-report{
    justify-content: flex-start;
}
div.content-report-ventas input[type="submit"], div.total-rept a{
    width: 63.5%;
    padding: 15px 0;
    border-radius: 0;
    border: none;
    color: white;
    cursor: pointer;
    text-decoration: none;
    background: #ff504c;
    background: linear-gradient(to left, red, #ff7250);
    opacity: .8;     
    outline: 0;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
} 
div.content-report-ventas input[type="submit"]:hover, div.total-rept a:hover, a.closetotal:hover{
    opacity: 1;
}
div.content-report-ventas input[type="submit"]:active,div.total-rept a:active, a.closetotal:active, div.bx-imp:active{
    transform:scale(0.95);
}
div.bx-imp:hover{
    background: black;
}
div.total-rept a{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    box-sizing: border-box;
    background: black;
    background: linear-gradient(to left, #2b3039, black);
} 
div.total-rept a img{
    width: 20px;
    height: 20px;
    margin-right: 5px;        
}
div.total-rept a span{
    color:white;    
} 
section.most-total{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    position: fixed;
    background-color: rgba(0, 0, 0, .5);
    display: none;    
    z-index: 2;
} 
article.most-total-art {
    width: 60%;    
    margin: 5% auto;
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: white;
    box-sizing: border-box;
    padding: 0 30px;
    -webkit-box-shadow: 7px 7px 22px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 7px 22px -4px rgba(0,0,0,0.75);
    box-shadow: 7px 7px 22px -4px rgba(0,0,0,0.75); 
}
article.most-total-art h2{
    background: black;
    width: 100%;
    font-size: 1.3em;
    color:white;    
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    margin-bottom: 20px;
    line-height: 30px;
}
a.closetotal{     
    position: relative;    
    left: 35%;     
    padding: 0; 
    margin: 0;
    line-height: 30px;
    text-decoration: none;    
    text-align: center;
    font-size: 2.5em;
    font-weight: 500;
    opacity: .8;    
}
div.most-total-cont{
    width: 70%;    
    text-align: center;
}
div.most-total-cont ul {  
    list-style: none;    
}
div.most-total-cont ul li {    
    line-height: 30px;
}
div.most-total-cont ul li h3{
    font-size: 1em; 
    font-weight: 500;
}
div.most-total-cont ul li h4{
    font-size: .95em;
    border-bottom: 1px solid #bdbdbd;
}
div.most-total-cont ul li input{
    background: none;
    color:black;
    border: none;
    text-align: center;    
    font-weight: bolder;
    font-weight: 600;
    font-family: 'Helvetica', arial;
    font-size: 1.1em;
}
div.bx-imp{  
    width: 100%;
    background: linear-gradient(to left, #2b3039, black); 
    margin-bottom: 20px;
    opacity: 1;
}
div.bx-imp div.bx-imp-b-r input{        
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    padding: 10px;        
    border-radius: 0;
    border: none;
    color: white;
    cursor: pointer;
    text-decoration: none;    
    opacity: .8;     
    outline: 0;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
}
div.aviso-imp-total{
/*    background: red;*/
    position: relative;
    top:-15px;   
}
div.aviso-imp-total p{
    line-height: 1em;
    color:red;
    font-weight: bolder;
    font-size: 1em;
}

/*end total*/
/**/
footer.f-reporte{
    width: 100%;
    height: 30vh;
    background: black; 
    display: flex;
    justify-content: center;
    align-items: center;
}
div.copyright-reporte span{
    color:white;
}

/*<-- END FORM RV 2 -->*/
/*<-- TOTAL 3 -->*/
footer.f-total{
    height: 15vh;    
}
section.sec-content-total {
    width: 100%;
    height:85vh;
    min-height:80vh;    
    overflow: hidden; 
    box-sizing: border-box;  
}
article.arti-content-total {    
    width: 100vw;
    height: 60vh; 
    text-align: center;
    box-sizing: border-box;   
}  
article.arti-content-total h1{
    background: black;
    width: 100%; 
    height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.6em;
}
div.total-result{    
    margin: auto;    
    width: 60%;
    height: 80%;    
}
article.arti-content-total h2, article.arti-content-total h3{
    width: 100%;
    height: 8.5%;
    display: flex;
    align-items: center;
    justify-content: center;  
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    font-size: 1.2em;
}
article.arti-content-total h3{
    font-weight: 600;
    font-family: 'Helvetica', arial;
    font-size: 1.1em;
    color: #262626;
}
article.salida-total{    
    width: 100vw; 
    height: 25vh; 
    display: flex;
    justify-content: center;
    align-items: center; 
}
div.bx-mn-total{    
    height: 100%;
    width: 30%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1px;
    text-align: center;
}
div.bx-mn-total img, div.bx-mn-total input[type="image"]{
    width: 75px;
}
div.bx-mn-total a{
    text-decoration: none;
}
div.bx-mn-total div.btn-panel input[type="button"]{
    background: none;
    width: 100%;
    padding-bottom: 8px;
    border: none;
    color:white;
}
div.bx-mn-total form div.btn-panel input{
    border: none;
    width: 100%;
    height: 100%;
    color:white;
    background: none; 
    cursor: pointer;     
}
/*<-- END TOTAL 3 -->*/
/*<-- SALIR 4 -->*/
header.h-salida{
    width: 100vw;
    height: 22vh;
    display: flex;
    align-items: center;
}
article.arti-salida{    
    box-sizing: border-box;    
    padding: 10px;
    display: flex;
    align-items: center;
    animation: logo-aditivo 2s ;
}
section.salida{    
    width: 100vw;
    height: 63vh;
    box-sizing: border-box;
    padding: 12% 0;
}
section.salida h1 {    
    text-align: center;   
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: lighter;
    font-size: 2em;
    transition: all 10s ease;
    animation: insesion 5s;
}
article.frase-salida{
    height: 50%;
    text-align: center;    
    display: flex;
    align-items: center;
    justify-content: center; 
    margin-bottom: 3%;
}
article.frase-salida h2{
    font-weight: lighter;
    font-size: 1.2em;
    opacity: .8;
    transition: all 1s ease;
    animation: userpass 1.5s;
    display: flex;
    align-items: center;
}
div.btn-return-salida{    
    height: 60px !important;
}
/*<-- END SALIR 4 -->*/
/*<-- LOGIN MASTER 1.1 -->*/
section.logo-fx article.bx-items-lg{        
    animation: bx-items-move 10s;
}
@keyframes bx-items-move{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
div.llave-ing, div.desarmador, div.engrane{
    position: absolute;    
    text-align: center;    
}
div.llave-ing{
    margin-top: 10px;
    margin-left: -150px;
    transition: all .5s ease;
    animation:  llave-mov 10s infinite;    
}
@keyframes llave-mov{
    0%{transform: rotate(0deg);}
    50%{transform: rotate(50deg);}
}
div.engrane{
    margin-top: 10px;
    margin-left: 150px;
    animation: k-eng 10s infinite;
}
div.desarmador{
    margin-top: -290px;
    margin-left: 150px;
    transform-origin: top right;
    animation: desarmador-mov 5s infinite;
}
@keyframes desarmador-mov{
    0%{transform: rotate(0deg);}
    50%{transform: translateY(10px);}
}
div.btn-volver, div.btn-return-salida{
    width: 120px;
    height: 35px;
    text-align: center;
    box-sizing: border-box;
    padding: 5px;
    border:1px solid gray;
    border-radius: 5px;
    cursor: pointer;
    animation: bx-items-move 10s;
}
article.engrane-login a, section.sec-alta a, section.sec-report a, section.sec-salir a, div.btn-return-salida a{
    text-decoration: none;    
}
article.engrane-login a:hover div.btn-volver, div.btn-return-salida{
    background: linear-gradient(to left, #2f2f2f, black);
    color:white;
}
article.engrane-login a:active div.btn-volver{
    transform:scale(0.95);
}
/*<-- END LOGIN MASTER 1.1 -->*/
/*<-- PANEL 1.2 -->*/
header.h-panel{
    box-sizing: border-box;
    padding: 20px;  
    display: flex;
    align-items: center;    
}
div.txt-panel-img{
    width: 33.33%;    
}
div.txt-panel{
    width: 33.33%;    
    text-align: center;
}
div.hola-cont{
    width: 33.33%;    
    display: flex;
    justify-content: flex-end;
    align-items: center;
} 
div.hola-cont span{
    font-size:1.1em;     
}
div.hola-cont div.hola-img{
    box-sizing: border-box;
    padding:10px 15px;    
}
article.hola-login{    
    box-sizing: border-box;    
    cursor:pointer;
}
article.hola-login a, span.hola-span {
    color:#5b9aef;
    text-decoration: none;
    display: block;
    cursor:pointer;
}
article.hola-login a, span.hola-span img {    
    cursor: pointer;
}
span.hola-span b{
    color:#5b9aef;
}
/*Hola*/
ul.hola-ul ul.Hola{
    margin-top: 2px;
    background: white;
    width: 20%;
    right: 1%;
    border: 1px solid lightgray;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    display: none;
    position: absolute;
    list-style: none;
    z-index: 2;
    border-radius: 5px;
}
ul.hola-ul li.hola-user-img{
    box-sizing: border-box;        
    text-align: center;
}
ul.hola-ul li.hola-user-img img{
    width: 38%;
    margin-top: 15px;
}
ul.hola-ul li.hola-user-img span{
    font-size: 1.5em;
}
ul.hola-ul li.hola-user-img p{
    font-size: 1em;
    font-weight: 500;
    color:#65aafb;
    text-decoration: underline;
}
ul.hola-ul ul.Hola li {    
    font-size: .8em;
    padding: 8px;
}
ul.hola-ul ul.Hola li.hola-menu:hover {
    background: #f1f5f7;    
}
ul.hola-ul ul.Hola li a, ul.hola-ul ul.Hola li form{
    font-size: 1em;
    margin-left: 10px;    
}
ul.hola-ul ul.Hola li form input {
    border: none;
    background: none;
    font-size: 1em;
}
ul.hola-ul ul.Hola li a:hover {
    color: blue ;
}
header.h-panel h1{
    font-size: 2em;
    animation: insesion 2s  ;
}
section.sec-alta, section.sec-report {
    border-right: 1px solid #F1F1F1;
    -webkit-box-shadow: 10px 0px 7px -6px rgba(0,0,0,0.31);
    -moz-box-shadow: 10px 0px 7px -6px rgba(0,0,0,0.31);
    box-shadow: 10px 0px 7px -6px rgba(0,0,0,0.31);
}
section.sec-alta, section.sec-report, section.sec-salir{
    width: 33%;
    height: 70vh;
    min-height:70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex-direction: column;
}
section.sec-alta img, section.sec-report img, section.sec-salir img{
    margin-bottom: 10px;    
    animation: insesion 3s  ;
}
section.sec-report div.notifi{    
    position: absolute;
}   
section.sec-report div.notifi div.notifi-a{
    color:white;
    background: red;
    position: relative;
    top: -115px;
    left: 35px;    
    border-radius:25px;
    box-sizing: border-box;
    padding: 5px;    
    font-size: .8em;
    animation: insesion 3s  ;
}
section.sec-alta p, section.sec-report p, section.sec-salir p{
    margin-top: 5px;
    width: 35%;
    height: 10%;
    text-align: justify;
    font-size: .8em;
    animation: insesion 5s  ;
}
section.sec-alta h2, section.sec-report h2, section.sec-salir h2{   
    animation: btn-in 2s ;    
}
div.btn-panel{
    width: 120px;
    height: 35px;
    text-align: center;
    box-sizing: border-box;
    padding: 5px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    color:white;
    opacity: .8;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    transition: all .3s ease;
    animation: userpass 2s;
}  
div.b-a{  
    background: #4ab5d3;
    background: linear-gradient(to left, #1f9424, #2ac532);    
} 
div.b-r{
    background: yellow;    
    background: linear-gradient(to left, #fdbe4f, #e19000);
}
div.b-s{
    background: #ff504c;
    background: linear-gradient(to left, red, #ff7250);
}
div.b-s form input{
    width: 100%;
    height: 100%;
    padding: 3% 0;
    color:white;
    border: 0;
    cursor: pointer;
    background: none;    
}
div.btn-panel:hover{
    opacity: 1;    
}
div.btn-panel:active{    
    transform:scale(0.95);
}
/*<-- END PANEL 1.2 -->*/
/*<-- FORM REGISTRO 1.3 -->*/
section.form-registro {
    width: 80%;
    height: 70vh;
    max-height: 70vh;
    opacity: 1;
    animation: insesion 2s  ;
    transition: all 0.5s ease;    
}
section.form-registro{    
    box-sizing: border-box;
    padding: 50px;
    text-align: justify;    
}
section.form-registro div.bx-input{
    width: 100%;
    height: 70%;
    display: flex;
}
section.form-registro div.inpt-a input{
    width: 26%;        
    margin-left: 1%;
}
section.form-registro div.inpt-a input[type="email"]{
    width: 38%;
}
section.form-registro div.inpt-b input, section.form-registro div.inpt-b2 input{
    width: 25%;        
    margin-left: 1%;
}
section.form-registro div.inpt-b input[type="password"]{
    width: 40%;
}
section.form-registro div.inpt-b2 input[type="email"]{
    width: 30%;
}
section.form-registro input, div.btn-volver-arrow{
    padding: 7px 0;  
    text-align: center;
    border-radius: 5px;
    border: 1px solid gray;
    color: white;
    cursor: pointer;
    text-decoration: none;
    background: none;
    margin: 18px 0;
    opacity: .8;      
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
}
section.form-registro input:hover{    
    border: 1px solid #ff504c;
}

section.form-registro div.inpt-c{
    box-sizing: border-box;  
}
section.form-registro div.inpt-c a {    
    margin-left: 1%;
    text-decoration: none;
}
section.form-registro input[type="submit"]{
    width: 20%; 
    border: none;
    background: #4ab5d3;
    background: linear-gradient(to left, #1f9424, #2ac532);    
    margin-left: 68%;
}
section.form-registro input[type="submit"]:hover, div.btn-volver-arrow:hover{
    opacity: 1;
}
section.form-registro input[type="submit"]:active, div.btn-volver-arrow:active{
    transform:scale(0.95);  
}
div.btn-volver-arrow{
    width: 50px;
    border:none;
    background: #ff504c;
    background: linear-gradient(to left, red, #ff7250);
}
div.btn-users{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 55px;  
} 
div.btn-users-a img{
    animation: k-eng 10s infinite;
    opacity: .7;
}
/*<-- END FORM REGISTRO 1.3 -->*/
/*<-- REPORTES 1.4 -->*/
header.h-report{
    width: 100vw;
    height: 15vh;
    display: flex;
    align-items: center;
    justify-content: center;    
} 
div.logo-report{    
    width: 33%; 
}
div.title-report{
    width: 33%;
}
div.title-report h1{
    font-size: 2em;
    animation: insesion 2s  ;
    transition: all 0.5s ease;    
}
div.btn-report-a{
    width: 100%;    
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
div.btn-report-a img, div.btn-report-a form input[type="image"]{ 
    width: 60px;    
    opacity: .6;
    animation: insesion 3s;
    transition: all 0.5s ease;    
}
div.btn-report-a img:hover, div.btn-report-a form:hover input[type="image"]{ 
    transform: scale(1.1);
    opacity: 1;
}
section.form-report{
    width: 100%;
    height: 15vh;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;      
    transition: all 0.5s ease;    
    animation: btn-in 2s ;
}
.form-report input[type="date"]{
    width: 32%;    
    border-style: none;
    outline: 0;
    background-color: rgba(0,0,0,0);
    text-align: center;
    border-bottom: 1px solid lightgray;
    font-size: 1em;     
}
.form-report input[type="date"]{
    margin-top: 50px;
}
.form-report input[type="date"]:hover {
    border-bottom: 1px solid #ff504c;
}
.form-report input[type="submit"]{
    padding: 7px 0;
    width:100px;
    border-radius: 5px;
    border: none;
    color: white;
    cursor: pointer;
    text-decoration: none;
    background: #ff504c;
    background: linear-gradient(to left, red, #ff7250);    
    opacity: .8;     
    position: relative;
    left: 10px;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    transition: all .3s ease;    
}
.form-report input[type="submit"]:hover{
    opacity: 1;
}
.form-report input[type="submit"]:active{
    transform:scale(0.95);
}
div.btn-delete-all{
    margin-top: 40px;    
    opacity: .8;
    transition: all 1s ease;
}
div.btn-delete-all:hover {
    opacity: 1;    
}
td.icon-bd a img{
    opacity: .7;
    transition: all 500ms ease;
}
td.icon-bd a:hover img{
    opacity: 1;
    transform: scale(1.1);
}
section.content-report{    
    width: 100vw;      
}
section.content-report table{
    width: 100vw;    
}
section.content-report th {
    font-size: .6em;    
    padding: 0;    
    border-top: 4px solid #ff504c;    
}
section.content-report td {    
    padding: 20px 0;
    text-align: center;
    background: #eeeef1;    
    color:gray;
    font-size: .8em; 
    font-family: 'Quicksand', sans-serif;    
}
section.content-report tr:hover td { 
    background: rgba(255,255,255, .8); 
    color: black; 
}
div.btn-atras{ 
    width: 50px;    
    height: 50px;
    background: white; 
    position: fixed;
    left: 1%;
    top: 90vh;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    background: linear-gradient(to left, #00a0dc, #5b9aef);
    opacity: .8;   
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    transition: all .3s ease;
}
div.btn-atras:hover{
    opacity: 1;
    transform: rotate(1turn);
}
div.btn-atras:active{
    transform:scale(0.95);
}

table.table-report tr.tr-paginador td{
    background: black;
    height: 150px;
    box-sizing: border-box;
    padding: 10px 10px;    
    margin: 0;
}
table.table-report tr.tr-paginador:hover td{
    background: black;    
}
tr.tr-paginador a{    
    border-radius:5px; 
    border: solid 1px gray;
    box-sizing: border-box;
    padding: 0 5px;
    position: relative;
    margin: 10px 1px;
    text-decoration: none;
    font-size: 1.5em;
}
tr.tr-paginador a:hover{
    background: darkgray;
    border: solid 1px darkgray;
    color:white;    
}
tr.tr-paginador a.btn-arrow-paginador{
    background: #bdbdbd;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    padding: .1% .5%;    
}
tr.tr-paginador a.btn-arrow-paginador:hover{
    color: black;    
}
/*BTN UP*/
#up span {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: #ff504c;
    background: linear-gradient(to left, red, #ff7250);
    border-radius: 50%;
    transform: rotate(90deg);
    opacity: .8;
    transition: all .5s ease;
}
#up:hover span {
    opacity: 1;
    transform: rotate(-270deg);  
}
/*<-- END REPORTES 1.4 -->*/
/*<-- DETALLE-RV 1.5 -->*/
section.detalles{    
    box-sizing: border-box;
    padding-top: 25px;
    padding-left: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
article.detalles-a{
    background: white;
    width: 65vw;
    height: 550px;
    box-sizing: border-box;
    padding: 10px 30px; 
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
    opacity: 1;    
    animation: userpass2 2s  ;    
    transition: all 0.5s ease;    
}
article.detalles-a h2{
    color:white;
    font-size: 1em;
    width: 95%;
    height: 50px;
    background: black;    
    background: linear-gradient(to left, black , #2b3039 ); 
    position: relative;
    left: 20px;
    top: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
article.detalles-a div.det-a, article.det-mbsias div.det-a, article.det-gastos div.det-a{
    width: 90%;
    margin: auto;
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #bdbdbd;
} 
article.detalles-a div.det-a span, article.det-mbsias div.det-a span, article.det-gastos div.det-a span{
    font-size: .7em;
    font-weight: bolder;
    color: grey;
}
article.detalles-a div.det-a input, article.det-mbsias div.det-a input, article.det-gastos div.det-a input{
    border: none;
    width: 110%;    
    font-family: 'Quicksand', sans-serif;
    background: none;
}
div.det-a-1, div.det-a-2, div.det-a-3, div.det-a-4 {
    margin-left:50px;
}
article.detalles-b{
    background: #f1f1f1;
    width: 35vw;
    height: 450px;
    position: relative;
    left: -100px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    animation: userpass3 2s  ;    
    transition: all 0.5s ease;    
}
@keyframes userpass3{
    0%{transform: translateX(210px);}
    100%{transform: translateX(0);}
}
section.det-segundo{
    width: 100vw;
    height: 100vh;
    background: white;    
    background: linear-gradient(to left, #dbdbdb,   white); 
    color:white;
    display: flex;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    padding: 40px;
}
article.det-mbsias{
    background: white;
    width: 60%;
    box-sizing: border-box;    
    text-align: center;
    padding: 10px 5px;     
    position: relative;
    left: 50px;
    z-index: 1;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
}
article.det-mbsias div.det-a div.det-a-1 input{
    font-size: .8em;
    width: 100%;
    margin-right: 100px;
    overflow: hidden;
}
article.det-mbsias h3, article.det-gastos h3{
    text-align: center;
    padding: 25px;    
}
article.det-mbsias div.det-a div.det-a-1, article.det-mbsias div.det-a div.det-a-2,
article.det-mbsias div.det-a div.det-a-3,
article.det-mbsias div.det-a div.det-a-4{    
    margin-left:5px;
    text-align: left;
}
article.det-gastos{
    background: #F1F1F1;
    width: 45%;
    height: 95%;
    position: relative;
    top: 15px;
    left: -40px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    box-sizing: border-box;
    padding-left: 20px;
} 
article.det-gastos div.det-a {    
    box-sizing: border-box;
    overflow: hidden;
    padding: 5px;
}
article.det-gastos div.det-a span {    
    font-size: .6em;    
}
article.det-gastos div.det-a div.det-a-1 input{
    font-size: .6em;
    width: 120%;
    height: 30px;
    margin-right: 50px;
    overflow: hidden;
}
article.det-gastos div.det-a div.h-det5 input{
    font-size: .8em;
    width: 170%;
    height: 60px;
    margin-right: 100px;
    overflow: hidden;
}
section.detalles-slider{
    background: white;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;  
}
/*SLIDER*/
section.A-slider{
    width: 100%;
    height: 100vh;  
    max-width: 100%;
    overflow: hidden;    
}            
section div.bx-slider{
    background: white;
    display: flex;  
    width: 500%;
}
section div.bx-slider section {     
    width: 80%;
    height:100vh;
    background: rgba(0,0,0,0.8);
    box-sizing: border-box;
    padding: 100px 270px;
}
section div.bx-slider section a {
    display: block;
    width: 100%;    
    height: 100%;
    background: #F1F1F1;
    margin: auto;
}
div.btn-prev, div.btn-next {
    width: 60px;
    height: 80px;
    background: rgba(255, 255, 255, .2);
    border: 1px solid lightgray;
    border-radius: 10%;        
    position: absolute;    
    margin-top: 22%;
    display: flex;
    align-items: center;
    justify-content: center;        
    color: rgba(0, 0, 0, 0.7);
    font-family: 'Quicksand', sans-serif;
    font-size: 5em;  
    cursor: pointer;
    padding-bottom: 1%;
    opacity: .5;    
}
div.btn-prev {
    left: 4%;
}
div.btn-next {
    right: 4%;
}
div.btn-prev:hover , div.btn-next:hover {
    background: rgba(255, 255, 255, .5);
    opacity: 1;
}
/*END SLIDER*/
section.galeria__item img{
    display: block;
    max-width: 100%;
}
section.galeria__item{
    width: 80%;
    cursor: pointer;                
}
/*ventana modal*/
div.modal{
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.7);
    top:0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
img.modal__img{
    width: 70%;
    max-width: 700px;
}
div.modal__boton{
    width: 50px;
    height: 50px;
    color:#FFFFFF;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
/*<-- END DETALLES-RV 1.5 -->*/
/*<-- EDITAR-RV 1.6 -->*/
section.editar-alpha{        
    padding-left: 0;    
}
section.editar-alpha article.editar-a input{
    border-style: none;    
}
.form-editar input[type="submit"]{
    padding: 15px 0;
    width: 15%;
    border-radius: 5px;
    border: none;
    color: white;
    cursor: pointer;
    text-decoration: none;    
    background: linear-gradient(to left, #1f9424, #2ac532);     
    margin-bottom: 100px;
    opacity: .8;     
    position: relative;
    left: 79vw;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
}
.form-editar input[type="submit"]:hover{
    opacity: 1;
}
.form-editar input[type="submit"]:active{
    transform:scale(0.95);
}
div.alert{
    width: 100%;
    height: 50px;
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to left, #1f9424, #2ac532); 
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
    opacity: 0;
    transition: all 1s ease;
    animation: insesion 3s;
}
article.edit-gastos input{
    font-size: .9em;
}
article.edit-gastos div.h-det5{  
    width: 100%;
    height: 60px;      
}
article.edit-gastos div.h-det5 input{    
    height: 10px;
}
/*<-- END EDITAR-RV 1.6 -->*/
/*<-- LIST-USERS 1.7 -->*/
div.col-md-2 {
    background: #4ab5d3;
    background: linear-gradient(to left, #1f9424, #2ac532);       
    position:relative;  
    z-index: 1;
    width: 200px;
    height: 35px;    
    box-sizing: border-box;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
}
div.col-md-2 div.panel{    
    height: 35px;  
    box-sizing: border-box;
    padding: 5px 0;
}
div.col-md-2 div.panel div.panel-heading{    
    height: 30px;
}
div.col-md-2 div.panel-primary div.panel-body p.txt-online{        
    color:gray;
}
div.col-md-2 div.panel div.panel-heading a{
    text-decoration: none;
    color:white;
}
div.col-md-2 div.panel div.panel-body{
    background: #F1F1F1;
    text-align: left;
    padding: 5px;
    border: 2px solid #2ac532;
}
table.tab-list{
    background: red;
    width: 100vw;
}
table.tab-list th{
    font-weight: 100;
    font-size: .8em;
}
table.tab-list tr{
    text-align: center;
}
table.tab-list td{
}
table.tab-list td img{
    opacity: .8;
    transition: all .5s ease;
}
table.tab-list td img:hover{
    opacity: 1;
    transform: scale(1.1);
}
/*<-- END LIST-USERS 1.7 -->*/
/*<-- EDIT-USERS 1.8 -->*/
section.edit-users form{
    width: 100vw;
    height: 70vh;   
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 200px;
}
article.edit-users-a{
    background: #F1F1F1;
    width: 65%;
    height: 100%;      
    box-sizing: border-box;
    padding: 20px 50px;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    overflow: hidden;
    opacity: 1;    
    animation: userpass1 2s  ;    
    transition: all 0.5s ease;
}
@keyframes userpass1{
    0%{transform: translateX(-110px); opacity: 0;}
    50%{opacity: 1;}
    100%{transform: translateX(0); }
}
article.edit-users-b div.edit-txt span{
    text-align: justify;
    font-size: 1em;
}
article.edit-users-b div.edit-txt input{
    margin: 10px;
}
article.edit-users-a h2{
    font-size: 1.1em;
    margin-bottom: 20px;
}
div.edit-user-cont div.edit-user-inpt span, div.edit-user-cont-b div.edit-user-inpt span {    
    font-size: .65em;
}
div.edit-user-cont div.edit-user-inpt input{
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid gray;   
    margin-bottom: 18px;
    font-size: .9em;
}
div.edit-user-cont-b  {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 18px;
}
div.edit-user-cont-b div.edit-user-inpt{
    width: 50%;
}
div.edit-user-cont-b div.ed-inp{
    border-right: 1px solid gray;    
}
div.edit-user-cont-b div.edit-user-inpt input {
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid gray;
    font-size: .9em;
}
article.edit-users-b{
    background: black;
    width: 35%;
    height: 95%;  
    position: relative;    
    left: -15px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 20px;   
    display: flex;
    justify-content: center;
    align-items: center;    
    border-radius: 5px;    
    opacity: 1;    
    animation: userpass2 3s  ;    
    transition: all 0.5s ease;
}
@keyframes userpass2{
    0%{transform: translateX(-510px); opacity: 0;}
    100%{transform: translateX(0); opacity: .8;}
}
article.edit-users-b div.edit-txt{
    margin-left: 10px;    
    box-sizing: border-box;
    padding: 0 15px;
}
article.edit-users-b div.edit-txt span{
}
article.edit-users-b input[type="submit"]{    
    background: none;
    border: 1px solid gray;
    border-radius: 30px;
    padding: 15px 60px;
    font-size: .8em;
    position: relative; 
    top: 30px;
    left: 20px;
    color:#bdbdbd;    
} 
article.edit-users-b input[type="submit"]:hover{
    background: linear-gradient(to left, black, #2f2f2f);
    color:white;
    cursor: pointer;
}
/*<-- END EDIT-USERS 1.8 -->*/


/*[RESPONSIVE] */
/*R-RPS-REBAJAS*/
@media screen and (max-width: 1236px) {
    body{        
        /*        background: red;        */
    }
    /*<-- R-RPS-LOGIN 1 -->*/    
    section.logo-fx{        
        box-sizing: border-box;
        padding: 40px;        
    }
    div.bx-logo img, div.bx-adding img{
        width: 90%;            
    }
    /*R-RPS-FORM*/
    .form-dng input[type="submit"]{        
        left: 210px;
    }
    /*R-RSP-help*/
    ul.help-ul ul.Help{
        width: 90%;        
    }
    /*R-RPS-engrane*/
    article.engrane-login div.turn-m img {
        width: 35px;
        height: 35px;
    }   
    /*<-- R-RPS-LOGIN 1.1 -->*/
    div.llave-ing img{
        width: 65px;        
    }
    div.engrane img{
        width: 70px;        
    }
    div.desarmador img{
        width: 70px;
    }
    div.desarmador{        
        margin-top: -250px;
    }
    /*<-- R-RPS-LOGIN 1.2 -->*/
    header.h-panel h1{
        font-size: 1.6em;
    }
    div.b-s form input{
        font-size: 1em;
    }
    table.table-report{
        width: 100%;
    }
    table.table-report tr{       
        width: 100%;        
    } 
    table.table-report th{       
        width: 1%;
    }     
    table.table-report td b{
        font-size: 1em;
    }
    /*<-- R-RPS FORM RV 2 -->*/    
    header.h-reporte div.logo-fx-h img{
        width: 50%;
    }
    div.h-txt-report ul li{        
        font-size: 1.3em;
    }        
    article.home div.home-txt h1{        
        font-size: 3.5em;        
    }
    article.home div.home-txt h2{
        font-size: 1.2em;        
    }
    article.home div.home-txt h3{
        font-size: 1.2em;        
    }
    article.home div.home-txt h4{
        font-size: 1em;        
    }
    article.home div.home-txt h5{
        font-size: 1em;        
    }
    nav ul li form input[type="image"]{
        width: 65px;        
    }
    textarea{
        width: 85%;
        max-width: 200px;
        max-height: 100px;
    }
    /*comodin*/    
    span.comodin-span b{        
        font-size: .8em;
    }
    span.comodin-span img{
        width: 18px;
    }
    ul.mas-comodin-ul ul.Comodin{
        width: 20%;        
    }    
    ul.mas-comodin-ul ul.Comodin li textarea.txt-comodin{       
        font-size: .95em;
    }    
    /**/
    div.content-report-ventas input[type="submit"]{
        left: 66vw;        
    }
    /*R-RPS-SubirArchivos*/  
    article.home div.home-txt canvas{        
        left: -30px;        
    }
    ul.mas-subir-archivos-ul ul.SubirArchivos{
        margin-top: .8%;  
        width: 50%;
        left: 25%;
    }    
    ul.sub-ar-bx{      
        width: 95%;
        justify-content: center;
        text-align: center;    
    }
    div.btn-file {         
        width: 35px;
        height: 35px;        
        margin-left: 30px;        
    }
    div.btn-file img {
        width: 40px;
    }    
    ul.sub-ar-bx li p.txt-file{      
        margin-left: 30px;        
    }
    /*R-RPS-END-SubirArchivos*/
    /*R-RPS-total*/     
    div.content-report-ventas input[type="submit"], div.total-rept a{
        width: 52.1%;        
    }     
    article.most-total-art {
        width: 70%;      
    }         
    /*<-- R-RPS END FORM RV 2 -->*/
    /*<--R-RPS TOTAL-->*/    
    article.arti-content-total h1{        
        font-size: 1.8em;
    }    
    article.arti-content-total h2, article.arti-content-total h3{
        font-size: 1.3em;        
    }
    article.arti-content-total h3{        
        font-size: 1.2em;
    }    
    div.bx-mn-total img{ 
        width: 80px;        
    }
    div.bx-mn-total form div.btn-panel input{
        font-size: .95em;
    }
    /*<--R-RPS END TOTAL-->*/
    /*<-- R- RPS-REPORTES 1.4 -->*/    
    div.title-report h1{
        font-size: 1.8em;        
    }    
    div.btn-report-a img, div.btn-report-a form input[type="image"]{ 
        width: 55px;          
    }    
    .form-report input[type="submit"]{      
        font-size: .9em;
    }    
    section.content-report table{
        display: flex;
    }
    section.content-report th {        
        font-size: .5em;        
    }
    section.content-report td {    
        padding: 10px 0;
        font-size: .6em;         
    }        
    /*<--R-RPS- END REPORTES 1.4 -->*/
    /*<-- R-RPS DETALLE-RV 1.5 -->*/
    section.detalles{        
        padding-left: 50px;        
    }    
    article.detalles-b{      
        left: -50px;        
    }    
    article.det-mbsias{
        left: 10px;        
    }    
    article.det-gastos{      
        left: -20px;        
    }     
    div.btn-prev, div.btn-next {
        width: 55px;
        height: 75px;       
        font-size: 4em;        
        padding-bottom: 1%;        
    }
    div.btn-atras, #up span{ 
        z-index:1;
    }
    /*<--R-RPS END DETALLES-RV 1.5 -->*/
    /*<--R-RPS SALIR 4 -->*/
    article.arti-salida img{
        width: 250px;    
    }
    div.btn-return-salida{
        width: 102px;      
    }
    /*<--R-RPS-END- SALIR 4 -->*/
    /*<-- R-RPS-EDITAR-RV 1.6 -->*/    
    article.edit-gastos .det-a{
        padding: 0;
    }
    article.edit-gastos input{
        font-size: .8em;
    }
    article.edit-gastos div.h-det5{  
        width: 100%;
        height: 50px;        
        padding: 0;
    }
    article.edit-gastos div.h-det5 input{
        padding: 0;
        height: 10px;
    }  
    /*<-- R-RPS-END EDITAR-RV 1.6 -->*/
    /*<-- EDIT-USERS 1.8 -->*/
    section.edit-users form{        
        padding: 0 80px;
    }
    /*<-- END EDIT-USERS 1.8 -->*/

}
/*B-RPS*/
@media screen and (max-width: 1048px) {
    body{        
        /*        background: blue;*/
    }
    /*<-- B-RPS-LOGIN 1 -->*/
    div.bx-logo img{
        width: 80%;  
    }
    div.bx-adding img{
        width: 70%;  
    }
    section.form-dng h1{
        font-size: 1.2em;
    }
    /*B-RPS-FORM*/
    article.help-login, article.engrane-login{        
        padding: 0 30px;
    }
    /*B-RPS-engrane*/
    article.engrane-login div.turn-m img {
        width: 30px;
        height: 30px;
    }
    div.copyright span{  
        padding-right:50px;
        font-size: .7em;   
    }
    /*<-- B-RPS-LOGIN 1.1 -->*/    
    div.engrane{        
        margin-left: 100px;     
    }
    div.desarmador{
        margin-top: -200px;
        margin-left: 80px;    
    }
    div.llave-ing img{
        width: 55px;        
    }
    div.engrane img{
        width: 60px;        
    }
    div.desarmador img{
        width: 60px;
    }
    div.btn-volver{
        width: 100px;        
    }
    /*<-- B-RPS-PANEL 1.2 -->*/
    header.h-panel h1{
        font-size: 1.3em;
    }    
    div.hola-cont span{
        font-size:1em;     
    }
    div.hola-cont div.hola-img{      
        padding: 0;    
        margin-left: 10px;        
    }
    img.hola-img-1{
        width: 35px;
    }  
    /*RPS Hola*/
    ul.hola-ul ul.Hola{        
        width: 25%;
        right: 1.3%;        
    }    
    ul.hola-ul li.hola-user-img img{      
        margin-top: 10px;
    }
    ul.hola-ul li.hola-user-img span{
        font-size: 1.4em;
    }
    ul.hola-ul li.hola-user-img p{
        font-size: .95em;        
    }
    ul.hola-ul ul.Hola li {    
        font-size: .7em;
        padding: 6px;
    }
    /*<-- B-RPS FORM RV 2 -->*/
    div.h-txt-report ul li form input{
        font-size: 1.2em;
    }
    section.venta{    
        background-image: none;             
        background: linear-gradient(#4f6cb1, #2190a1);
    }
    section.membresia{
        background-image: none;            
        background: linear-gradient(to right, #4f6cb1, #2190a1);
    }
    section.gastos{
        background-image: none;            
        background: linear-gradient(-90deg, #4f6cb1, #0698ec);
    }
    section.report-ventas article.home-slider img.s-pc{
        display: none;    
    }
    section.report-ventas article.home-slider img.s-tablet{
        display: block;    
    }
    div.h-txt-report ul li{      
        font-size: 1.2em;
    }    
    /*B-RPS-NAV*/
    nav{
        width: 70px;               
        top:35%;
    }
    nav ul li img, nav ul li form input[type="image"]{
        width: 90%; 
    }        
    /*SCROLL*/    
    div.arrow p.a1 img{
        width: 45px;
    }
    div.arrow p.a2 img, div.arrow p.a3 img  {
        width: 25px;        
    }    
    article.home div.home-txt h1{
        font-size: 2.5em;        
    }
    article.home div.home-txt h2{
        font-size: 1em;        
    }
    article.home div.home-txt h3{
        font-size: 1em;        
    }
    article.home div.home-txt h4{
        font-size: .9em;      
        left: 65vw;        
    }
    article.home div.home-txt h5{
        font-size: .9em;        
        left: 65vw;        
    }    
    article.form-report-ventas{  
        padding: 20px 100px;
    }
    textarea{
        width: 95%;
        max-width: 300px;
        max-height: 100px;
    }
    /*comodin*/    
    ul.mas-comodin-ul ul.Comodin{        
        left: 30%;        
    }    
    div.content-report-ventas input[type="submit"]{
        width: 75%;
        left: 13vw;        
    } 
    /*B-RPS-SubirArchivos*/  
    ul.mas-subir-archivos-ul ul.SubirArchivos{
        width: 48%;
        left: 40%;
        height: 20%;
    }
    ul.SubirArchivos li span{    
        font-size: .65em;
    }    
    ul.SubirArchivos li span b.txt-ejemplo{
        position: relative;
        top: -5px;
    }
    ul.sub-ar-bx{
        width: 95%;
        position: relative;
        top:-10px;        
    }
    div.btn-file { 
        width: 30px;
        height: 30px;
        margin-left: 25px;        
    }
    div.btn-file img {
        width: 35px;
    }    
    ul.sub-ar-bx li p.txt-file{
        margin-left: 25px;      
        font-size: .6em;        
    }
    /*B-RPS-END-SubirArchivos*/
    /*total*/     
    div.content-report-ventas input[type="submit"], div.total-rept a{
        width: 76.5%;
    }     
    article.most-total-art {
        width: 85%;      
    }     
    /*end total*/
    /*<-- B-RPS END FORM RV 2 -->*/
    /*<--B-RPS TOTAL-->*/    
    article.arti-content-total h1{
        font-size: 1.7em;
    }    
    article.arti-content-total h2, article.arti-content-total h3{
        font-size: 1.2em;        
    }
    article.arti-content-total h3{        
        font-size: 1.1em;
    }    
    div.bx-mn-total img{ 
        width: 78px;        
    }
    div.bx-mn-total form div.btn-panel input{
        font-size: .98em;
    }
    /*<--B-RPS END TOTAL-->*/
    /*<--B-RPS SALIR 4 -->*/        
    article.arti-salida img{
        width: 220px;    
    }    
    div.btn-return-salida{
        width: 90px;      
    }
    /*<--B-RPS-END- SALIR 4 -->*/
    /*<-- B- RPS-REPORTES 1.4 -->*/    
    div.title-report h1{
        font-size: 1.5em;    
    }
    /*<-- B-RPS DETALLE-RV 1.5 -->*/
    section.detalles{    
        padding-left: 0;
    }    
    article.detalles-a div.det-a span, article.det-mbsias div.det-a span, article.det-gastos div.det-a span{
        font-size: .65em;      
    }
    article.detalles-a div.det-a input, article.det-mbsias div.det-a input, article.det-gastos div.det-a input{
        font-size: .9em;
    }    
    article.detalles-b{
        left: -10px;
        height: 400px;      
    }
    section.det-segundo{        
        padding: 40px 0;
    }
    article.det-mbsias{
        left: 0;
    }    
    article.det-gastos{
        left: -10px;
        padding-left: 0;
    } 
    article.det-gastos div.det-a {        
        padding: 0;
    }
    article.det-gastos div.det-a span {    
        font-size: .58em;    
    }    
    section div.bx-slider section {      
        padding: 100px;
    }    
    div.btn-prev, div.btn-next {
        width: 50px;
        height: 70px;
        font-size: 3em;      
        margin-top: 32%;
    }    
    /*<--B-RPS END DETALLES-RV 1.5 -->*/
    /*<-- B-RPS-EDITAR-RV 1.6 -->*/    
    .form-editar input[type="submit"]{        
        width: 25%;
        left: 74vw;        
    }    
    article.edit-gastos div.h-det5{      
        height: 70px;
    }
    /*<-- B-RPS-END EDITAR-RV 1.6 -->*/
    div.btn-users{
        padding: 0 17px;  
    }
    /*<--B-RPS LIST-USERS 1.7 -->*/
    div.btn-report-a div.col-md-2 div.panel-primary div.text-center a{
        font-size: .8em;
    }    
    table.tab-list th{      
        font-size: .6em;
    }    
    table.tab-list td{
        font-size: .7em;
    }
    table.tab-list td b{
        font-size: 1em;
    }
    table.tab-list td img{
        width: 20px;      
    }
    /*<--B-RPS END LIST-USERS 1.7 -->*/
    /*<-- EDIT-USERS 1.8 -->*/
    section.edit-users form{      
        padding: 0 40px;
    }    
    div.edit-user-cont div.edit-user-inpt span, div.edit-user-cont-b div.edit-user-inpt span {    
        font-size: .6em;
    }
    div.edit-user-cont div.edit-user-inpt input{      
        margin-bottom: 10px;
        font-size: .8em;
    }
    div.edit-user-cont-b {        
        margin-bottom: 10px;
    }    
    div.edit-user-cont-b div.edit-user-inpt input {      
        font-size: .8em;
    }    
    article.edit-users-b div.edit-txt span{   
        font-size: .8em;
    }
    article.edit-users-b input[type="submit"]{      
        left: 0;
        font-size: .7em;        
    }     
    /*<-- END EDIT-USERS 1.8 -->*/

}
/*Sk-RPS*/    
@media screen and (max-width: 859px) {
    body{
        /*        background: skyblue;*/
    }
    /*<-- Sk-RPS-LOGIN 1 -->*/
    /*<-- Sk-RPS-LOGIN 1.1 -->*/
    div.llave-ing{
        margin-left: -110px;        
    }
    div.engrane{
        margin-left: 70px;     
    }
    div.desarmador{
        margin-top: -170px;
        margin-left: 50px;    
    }
    div.llave-ing img{
        width: 45px;        
    }
    div.engrane img{
        width: 47px;        
    }
    div.desarmador img{
        width: 47px;
    }
    /*<-- Sk-RPS-LOGIN 1.2 -->*/
    header.h-panel h1{
        font-size: 1.2em;
    }    
    section.sec-alta p, section.sec-report p, section.sec-salir p{      
        width: 50%;
    }    
    section.sec-report div.notifi div.notifi-a{      
        top: -110px;        
    }
    /*<-- Sk-RPS END FORM RV 2 -->*/
    div.h-logo img{
        width: 65%;
    }
    div.h-txt-report ul li{      
        font-size: 1.1em;
    }
    div.h-txt-report ul li form input{
        font-size: 1.1em;
    }    
    /*comodin*/    
    tr.comodin a, span.comodin-span {        
        font-size: .95em;
    }    
    span.comodin-span img{
        width: 17px;
    }    
    ul.mas-comodin-ul ul.Comodin li textarea.txt-comodin{       
        font-size: .9em;
    }    
    /*NAV*/
    nav{
        width: 69px;          
    } 
    nav ul li img, nav ul li form input[type="image"]{
        width: 85%;
    }    
    div.arrow p.a1 img{
        width: 38px;
    }
    div.arrow p.a2 img, div.arrow p.a3 img  {
        width: 20px;        
    }           
    article.home div.home-txt h1{        
        font-size: 2em;        
    }
    article.home div.home-txt h2{
        font-size: .9em;        
    }
    article.home div.home-txt h3{
        font-size: .9em;        
    }
    article.home div.home-txt h4{
        font-size: .8em;        
        left: 64vw;        
    }
    article.home div.home-txt h5{
        font-size: .8em;        
        left: 64vw;        
    }  
    /**/
    article.form-report-ventas{          
        padding: 20px 90px;
    }
    /**/
    textarea{
        width: 85%;
        max-width: 300px;
        max-height: 100px;
    }    
    article.arti-salida img{
        width: 210px;    
    }    
    div.btn-return-salida{
        width: 80px;
        height: 55px !important;
    }
    div.btn-return-salida img{
        width: 45px;        
    }
    /*total*/     
    div.content-report-ventas input[type="submit"], div.total-rept a{
        width: 77.5%;        
    }     
    article.most-total-art {
        width: 90%;      
    }     
    /*end total*/
    /*<--Sk-RPS-END- SALIR 4 -->*/
    /*<-- Sk- RPS-REPORTES 1.4 -->*/
    div.title-report h1{
        font-size: 1.4em;        
    }    
    div.btn-report-a img, div.btn-report-a form input[type="image"] { 
        width: 50px;          
    }
    .form-report form{
        width: 70%;
    }    
    .form-report input[type="date"]{
        width: 32%;
        font-size: .8em;
    }    
    .form-report input[type="submit"]{      
        font-size: .7em;
        margin: 10px 0;        
        left: 0; 
    }
    div.btn-delete-all img{
        width: 35px;
    }
    section.content-report td {    
        padding: 10px 0;
        font-size: .5em;       
    }   
    div.btn-atras, div#up a span{ 
        width: 40px;  
        height: 40px;        
    }
    div.btn-atras img, div#up a span img{ 
        width: 40px; 
    }
    table.table-report td.icon-bd img {       
        width: 22px;  
    }
    div.btn-users{
        padding: 0 15px;  
    }
    /*<--Sk-RPS- END REPORTES 1.4 -->*/
    /*<-- Sk-RPS DETALLE-RV 1.5 -->*/
    article.detalles-b{
        left: -30px;        
    }    
    /*<--Sk-RPS END DETALLES-RV 1.5 -->*/

}
/*P-RPS*/
@media screen and (max-width: 796px) {
    body{
        /*        background: purple;        */
    }
    /*<-- P-RPS-LOGIN 1 -->*/
    header.h-reporte div.logo-fx-h img{
        width: 70%;
    }
    section.logo-fx{
        display: none;
    }
    section.form-dng{
        width: 100%;
    }
    header.h-login img{
        display: block;
        width: 150px;
    }
    /*P-RPS-FORM*/
    section.form-dng h1{
        font-size: 1em;
        position: relative;
        margin-top: 60px;
    }
    article.help-login, article.engrane-login{
        padding: 20px;
    }
    section.form-dng{
        border-right: none;    
    }
    /*P-RSP-help*/
    span.q-span b{
        display: none;        
    }
    ul.help-ul ul.Help{
        margin-top: -35px;        
        width: 120%;
    }
    ul.help-ul ul.Help li {
        padding: 8px;
    }    
    /*P-RPS-engrane*/
    div.copyright{
        text-align: center;
    }
    div.copyright span{  
        padding-right: 0;
        font-size: .8em;   
    }
    /*<-- P-RPS-LOGIN 1.2 -->*/
    header.h-panel{
        position: fixed;
        background: black;
        z-index: 1;
    }
    header.h-panel h1{
        font-size: 1em;
    }
    div.bx-panel{
        flex-direction: column;        
    }
    section.sec-alta, section.sec-report, section.sec-salir {
        width: 100%;
        height: 100vh;
        border: none;
        padding: 0;
        margin: 0;
    }
    section.sec-alta img, section.sec-report img, section.sec-salir img{
        width: 150px;
    }
    section.sec-alta p, section.sec-report p, section.sec-salir p{
        width: 40%;
        height: 10%;        
        font-size: 1em;
    }
    section.sec-alta h2, section.sec-report h2, section.sec-salir h2{   
        font-size: 1.5em;  
    }
    div.btn-panel{
        width: 130px;
        height: 35px;
        font-size: 1em;
    }
    div.b-s form input{
        font-size: 1em;
    }
    ul.hola-ul ul.Hola{
        width: 100vw;
        right: 0;
        height: 100vh;
    }    
    ul.hola-ul li.hola-a1{      
        background-image:url(../img/hola.jpg);
        background-repeat: no-repeat;        
        background-position: center;
    }
    ul.hola-ul li.hola-a2{
        height: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #dbdbdb;
        margin-bottom: 40px;
    }
    ul.hola-ul li.hola-a2 a {
        margin-top: 7%;
    }
    ul.hola-ul li.hola-user-img img{
        width: 18%;
        background: white;
        position: relative;
        top: 60px;
        border-radius: 50%;
        border: 5px solid white;
        -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);        
    }    
    ul.hola-ul ul.Hola li.hola-menu{
        padding: 15px 20px;
        font-size: 1em;
        border-bottom: 1px solid #dbdbdb;
    }
    ul.hola-ul ul.Hola li.hola-menu img, ul.hola-ul ul.Hola li.hola-menu form input[type="image"]{
        width: 30px;
    }    
    section.sec-report div.notifi div.notifi-a{      
        top: -135px;
        left: 50px;        
    }
    /*<-- P-RPS-FORM REGISTRO 1.3 -->*/   
    div.bx-registro {    
        width: 100vw;
        height: 120vh;
    }
    section.form-registro {
        width: 100%;        
        padding: 0 100px ;
    }
    section.form-registro div.bx-input{
        flex-direction:  column;    
    }
    section.form-registro div.inpt-a input{
        width: 100%;                
    }
    section.form-registro div.inpt-a input[type="email"]{
        width: 100%;
    }
    section.form-registro div.inpt-b input{
        width: 100%;
    }
    section.form-registro div.inpt-b input[type="password"]{
        width: 100%;
    }
    section.form-registro div.inpt-b2 input{
        width: 100%;
    }
    section.form-registro div.inpt-b2 input[type="email"]{
        width: 100%;
    }
    section.form-registro input, div.btn-volver-arrow{
        border: none;
        border-bottom: 1px solid lightgray;
        outline: 0;        
        margin: 10px 0;        
        box-shadow:none;
    }
    section.form-registro input:hover {
        border: none;
        border-bottom: 1px solid #ff504c;
    }    
    section.form-registro div.inpt-c a {
        width: 7.5%;        
    }
    section.form-registro input[type="submit"]{
        width: 20%; 
        margin-top: -50px;
        margin-left: 78%;
    }
    div.btn-volver-arrow img{
        width: 20px;
    }
    div.btn-volver-arrow{
        width: 40px; 
    }
    /*<-- P-RPS END FORM RV 2 -->*/
    header.h-reporte{        
        height: 20vh;        
    }    
    div.h-logo img{
        width: 50%;
    }
    div.h-txt-report{      
        padding: 0 10px;
    }    
    div.h-txt-report ul li{      
        font-size: 1em;
    }    
    div.h-txt-report ul li form input{
        font-size: 1em;
    }
    /*NAV*/
    nav{
        width: 60px;
        top:15vh;
    }
    nav ul li img, nav ul li form input[type="image"]{
        width: 85%;
    }
    /*SCROLL*/    
    div.arrow p.a1 img{
        display: none;
    }
    div.arrow p.a2 img, div.arrow p.a3 img  {
        width: 22px;        
    }
    article.home div.home-txt h1{        
        top:65vh;        
        font-size: 1.7em;        
    }
    article.home div.home-txt h2{
        font-size: .8em;        
    }
    article.home div.home-txt h3{
        font-size: .8em;        
        top:80vh;        
    }
    article.home div.home-txt h4{
        font-size: .75em;        
        top:80vh;        
    }
    article.home div.home-txt h5{
        font-size: .75em;        
    }    
    article.form-report-ventas{          
        padding: 20px 75px;
    }
    table {        
        /*                height: 40vh;        */
    }
    th {        
        font-size: .9em;            
        padding: 0;        
    }
    td {    
        font-size: .8em;    
        padding: 0 15px;        
    }
    table tr td input{
        font-size: .9em;          
    }
    /**/
    textarea{
        width: 95%;
        max-width: 210px;
        max-height: 50px;
        font-size: .9em;
        padding: 5px;
    }
    /*P-RPS-SubirArchivos*/  
    ul.mas-subir-archivos-ul ul.SubirArchivos{
        width: 76%;
        left: 12%;
    }
    div.btn-file { 
        width: 40px;
        height: 40px;        
    }    
    /*P-RPS-END-SubirArchivos*/
    /*total*/     
    div.content-report-ventas input[type="submit"], div.total-rept a{
        width: 100%;        
    }     
    div.total-rept a{
        height: 46px;      
    }     
    div.total-rept a span, div.enviar-report input {      
        font-size: .8em;
    }     
    article.most-total-art {
        width: 100%;      
    } 
    article.most-total-art h2{        
        font-size: 1.1em;        
    }
    a.closetotal{        
        font-weight: 400;        
    }    
    div.most-total-cont ul li h3{
        font-size: .9em;      
    }
    div.most-total-cont ul li h4{
        font-size: .85em;        
    }    
    div.bx-imp div.bx-imp-b-r input{     
        font-size: .8em;
    }
    /*end total*/
    /*<-- P- RPS-REPORTES 1.4 -->*/
    section.base-report{
        width: 100%;
        height: 60px;
    }    
    .form-report form{
        width: 70%;
    }    
    div.btn-delete-all img{
        width: 30px;
    }    
    table.table-report td.icon-bd img {       
        width: 20px;  
    }
    span.comodin-span img{
        width: 15px;
    }
    ul.mas-comodin-ul ul.Comodin{
        width: 19%;      
    }    
    ul.mas-comodin-ul ul.Comodin li textarea.txt-comodin{       
        font-size: .8em;
    }    
    div.copyright-reporte span{      
        font-size: .8em;
    }
    /*<-- P-RPS END FORM RV 2 -->*/
    /*<--P-RPS TOTAL-->*/    
    article.arti-content-total h1{
        font-size: 1.6em;
    }
    article.arti-content-total h2, article.arti-content-total h3{
        font-size: 1.1em;        
    }
    article.arti-content-total h3{        
        font-size: 1em;
    }    
    div.bx-mn-total img{ 
        width: 75px;        
    }
    div.bx-mn-total div.btn-panel  {
        display: none;
    }
    /*<--P-RPS END TOTAL-->*/
    /*<--P-RPS SALIR 4 -->*/    
    article.arti-salida img{
        width: 200px;    
    }        
    div.btn-return-salida{
        width: 70px;
        height: 50px !important;
    }
    div.btn-return-salida img{
        width: 40px;        
    }
    /*<--P-RPS-END- SALIR 4 -->*/
    /*<-- P- RPS-REPORTES 1.4 -->*/    
    div.title-report h1{
        font-size: 1.1em;        
    }    
    div.btn-report-a img, div.btn-report-a form input[type="image"] { 
        width: 40px;          
    }    
    .form-report input[type="date"]{
        width: 30%;      
    }    
    section.content-report td {    
        padding: 9px 0;
        font-size: .45em;       
    }    
    div.btn-atras{ 
        display: none;
    }
    div.btn-atras img{
        width: 40px; 
    }    
    /*<--P-RPS- END REPORTES 1.4 -->*/
    /*<-- P-RPS DETALLE-RV 1.5 -->*/
    section.base-detalles{
        height: 110px;
    }
    section.detalles{        
        padding-top: 15px;
        flex-direction: column;
    }
    article.detalles-a{
        width: 100vw;        
        border-radius: 0;
    }    
    article.detalles-b{
        left: 0;      
        width: 100vw;
        position: static;
        border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: center;        
    }
    section.det-segundo{        
        height: 170vh;        
        flex-direction: column;
        padding: 0;
    }
    article.det-mbsias{
        width: 100%;        
        padding:0;        
        z-index: 0;
        border-radius: 0;        
    }    
    article.det-gastos{
        left: 0px;
        width: 100%;        
        top: 0;        
        border-radius: 0;
        position: static;       
    } 
    article.det-gastos div.det-a {        
        width: 95%;
    }
    article.det-gastos div.det-a span {    
        font-size: .65em;    
    }
    article.det-gastos div.det-a div.det-a-1 input{
        font-size: .65em;
    }
    article.det-gastos div.det-a div.h-det5 input{        
        width: 85vw;
        height: 100px;        
    }    
    div.btn-prev, div.btn-next {
        width: 45px;
        height: 60px;
        font-size: 2.5em;       
        margin-top: 0;
        border-radius: 0;        
        position: absolute;
    }
    div.btn-prev {
        left: 86vw;
    }
    div.btn-next {
        right: 0;
    }    
    section.galeria__item{
        width: 80%;      
    }    
    /*<--P-RPS END DETALLES-RV 1.5 -->*/
    /*<-- P-RPS-EDITAR-RV 1.6 -->*/    
    .form-editar input[type="submit"]{        
        width: 100%;
        left:0;
        border-radius: 0;        
    }    
    article.edit-gastos div.h-det5{        
        height: 100px;
    }
    /*<-- P-RPS-END EDITAR-RV 1.6 -->*/
    /*<--P-RPS LIST-USERS 1.7 -->*/
    header.h-list{
        z-index: 2;
    }
    section.base-list-xtra{
        height: 100px;        
    }
    div.btn-report-a div.col-md-2 div.panel-primary div.text-center a{
        font-size: .7em;
    }    
    div.col-md-2 div.panel-primary div.panel-body p.txt-online{        
        font-size: .8em;
    }    
    table.tab-list th{      
        font-size: .5em;
    }    
    table.tab-list td{
        font-size: .6em;
    }    
    table.tab-list td img{
        width: 15px;    
    }
    /*<--P-RPS END LIST-USERS 1.7 -->*/
    /*<-- EDIT-USERS 1.8 -->*/
    section.edit-users form{
        padding: 0;      
        height: 100vh;   
        flex-direction: column;        
    }
    article.edit-users-a{
        margin-top: 7px;        
        width: 100%;
        height: 70%;
        padding: 20px 70px;
        position: static;
        z-index: 0;
        border-radius: 0;        
    }    
    article.edit-users-b{      
        width: 100%;
        height: 30%;  
        position: static;            
        padding: 0 30px; 
        border-radius: 0;
    }    
    article.edit-users-b input[type="submit"]{    
        left: 55vw;      
        top: 20px;
    }     
    section.base-upduser{
        /*        background: red; */
        height: 100px;
    }
    /*<-- END EDIT-USERS 1.8 -->*/

}
/*Or-RPS*/
@media screen and (max-width: 650px) {
    body{
        /*        background: orange;*/
    }
    /*<-- Or-RPS-LOGIN 1 -->*/
    div.copyright span{          
        font-size: .75em;   
    }
    ul.help-ul ul.Help{        
        width: 160%;
    }
    /*<-- Or-RPS-LOGIN 1.2 -->*/
    header.h-reporte div.logo-fx-h img{
        width: 90%;
    }
    header.h-panel img{
        width: 110px;        
    }
    header.h-panel h1{
        font-size: 1em;
    }
    div.bx-registro {      
        height: 110vh;
    }
    section.form-registro{    
        padding: 0 50px ;    
    }
    section.form-registro input[type="submit"]{
        width: 30%;        
        margin-left: 70%;
    }    
    header.h-panel img.hola-img-1{
        width: 35px;
    }
    /*<-- Or-RPS END FORM RV 2 -->*/
    div.h-txt-report ul li form input{
        font-size: .9em;
    }
    section.report-ventas article.home-slider img.s-tablet{
        display: none;    
    }
    section.report-ventas article.home-slider img.s-movil{
        display: block;    
    }
    header.h-reporte{    
        height: 10vh;        
    }    
    div.h-logo img{
        width: 50%;
    }    
    /*NAV*/
    nav{      
        display: none;
    }    
    /*SCROLL*/    
    div.arrow p.a2 img, div.arrow p.a3 img  {
        width: 20px;        
    }
    /*END SCROLL*/
    article.home div.home-txt h1{        
        font-size: 1.5em;        
    }
    article.home div.home-txt h2{
        font-size: .7em;        
    }
    article.home div.home-txt h3{
        font-size: .7em;        
        top:78vh;       
    }
    article.home div.home-txt h4{
        font-size: .65em;        
        top:78vh;        
    }
    article.home div.home-txt h5{
        font-size: .65em;        
    }
    /**/
    div.title-banner{        
        height: 7vh;        
    }
    div.title-banner h7{
        font-size: 1.2em;        
    }
    /**/
    article.form-report-ventas{          
        padding: 10px 0;
        margin-top: 15px;
    }
    table {        
        /*        height: 90vh;        */
    }
    th {        
        font-size: .8em;            
    }
    td {    
        font-size: .7em;    
        padding: 5px 25px;        
    }
    table tr td input{
        font-size: .9em;            
    }    
    /**/
    textarea{
        width: 100%;
        max-width: 310px;
        max-height: 110px;        
    }
    /*Or-RPS-SubirArchivos*/  
    article.home div.home-txt canvas{
        opacity: .8;
        left: -20px;        
        top: 20px;
        width: 90%;        
    }
    ul.mas-subir-archivos-ul ul.SubirArchivos{
        margin-top: 1.2%;  
        width: 100%;
        left: 0;
        height: 22%;        
        border-radius: 0;
    }    
    ul.sub-ar-bx{      
        top:0;      
    }
    /*Or-RPS-END-SubirArchivos*/
    /*total*/     
    article.most-total-art {        
        padding: 0 20px;        
    } 
    article.most-total-art h2{        
        font-size: 1em;        
    }
    a.closetotal{        
        left: 28%;     
        top: -10px;        
    }
    div.most-total-cont{
        width: 85%;        
    }    
    /*end total*/
    /*<-- Or- RPS-REPORTES 1.4 -->*/    
    .form-report form{
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
    }    
    .form-report input[type="submit"]{      
        padding: 5px 10px;
    }    
    table.table-report td.icon-bd img {       
        width: 18px;
    }
    /*comodin*/    
    table tr.comodin td.inpt-comodin{        
        height: 100%;
    }    
    ul.mas-comodin-ul ul.Comodin{
        width: 40%;      
        left: 0;        
    }    
    ul.mas-comodin-ul ul.Comodin li textarea.txt-comodin{       
        font-size: .8em;
    }    

    div.copyright-reporte span{        
        font-size: .8em;
    }
    /*<-- Or-RPS END FORM RV 2 -->*/
    /*<--Or-RPS TOTAL-->*/
    article.arti-content-total h1{
        font-size: 1.1em;
    }    
    article.arti-content-total h2, article.arti-content-total h3{
        font-size: 1em;        
    }
    article.arti-content-total h3{        
        font-size: .9em;
    }    
    div.bx-mn-total img{ 
        width: 65px;        
    }
    /*<--Or-RPS END TOTAL-->*/
    /*<--Or-RPS SALIR 4 -->*/ 
    header.h-salida{        
        height: 15vh;
    }    
    article.arti-salida img{
        width: 180px;    
    }
    section.salida{      
        height: 70vh;        
        padding: 0;
    }    
    article.frase-salida{      
        align-items: baseline;    
        margin-bottom: 0;
    }
    article.frase-salida h2{        
        font-size: .9em;        
    }
    div.btn-return-salida{
        position: relative;
        top: -110px;
        width: 65px;
        height: 45px !important;
    }
    div.btn-return-salida img{
        width: 35px;        
    }
    /*<--Or-RPS-END- SALIR 4 -->*/
    /*<-- Or- RPS-REPORTES 1.4 -->*/    
    div.logo-report img{
        width: 120px;
    }    
    div.title-report h1{
        font-size: .9em;      
    }    
    section.content-report th {      
        font-size: .3em;        
    }
    section.content-report td {    
        padding: 5px 0;
        font-size: .35em;         
    }
    /*<--Or-RPS- END REPORTES 1.4 -->*/  
    /*<-- Or-RPS DETALLE-RV 1.5 -->*/    
    article.detalles-a{        
        padding: 0;        
    }
    article.detalles-a h2{        
        font-size: .8em;        
        left: 10px;        
    }
    article.detalles-a div.det-a, article.det-mbsias div.det-a, article.det-gastos div.det-a{
        width: 90%;        
    }    
    div.det-a-1, div.det-a-2, div.det-a-3, div.det-a-4 {
        margin-left:3px;
    }    
    article.det-mbsias div.det-a div.det-a-1, article.det-mbsias div.det-a div.det-a-2,
    article.det-mbsias div.det-a div.det-a-3,
    article.det-mbsias div.det-a div.det-a-4{    
        margin-left:2px;      
    }    
    article.det-gastos div.det-a {      
        padding: 0 12px;
    }    
    section div.bx-slider section {      
        padding: 70px 0;
    }    
    div.btn-prev {
        left: 81vw;
    }    
    img.modal__img{
        width: 100%;      
    }    
    /*<--Or-RPS END DETALLES-RV 1.5 -->*/
    /*<--Or-RPS LIST-USERS 1.7 -->*/    
    table.tab-list th{        
        font-size: .45em;
    }    
    table.tab-list td{
        font-size: .55em;
        padding: 0;
    }    
    table.tab-list td img{
        width: 14px;
    }    
    /*<--Or-END-RPS LIST-USERS 1.7 -->*/
    /*<-- EDIT-USERS 1.8 -->*/        
    article.edit-users-a{        
        padding: 20px 40px;        
    }    
    article.edit-users-b input[type="submit"]{    
        left: 50vw;    
        padding: 10px 40px;
    } 

}
/*Bl-RPS*/
@media screen and (max-width: 500px) {
    body{
        /*        background: black;*/
    }
    /*<-- B-RPS-LOGIN 1 -->*/
    div.copyright span{          
        font-size: .7em;   
    }
    ul.help-ul ul.Help{        
        width: 202%;
    }
    /*<-- Bl-RPS-LOGIN 1.2 -->*/
    header.h-panel img{
        width: 100px;        
    }
    header.h-panel h1{
        font-size: 1em;
    }
    section.sec-alta p, section.sec-report p, section.sec-salir p{
        width: 50%;
    }
    div.bx-registro {      
        height: 100vh;
        margin-bottom: 100px;
    }    
    section.form-registro{    
        padding: 0 30px ;    
    }
    section.form-registro input[type="submit"]{
        width: 35%;       
        margin-left: 65%;  
    }    
    div.hola-cont span.hola-span1{
        display: none; 
    }
    div.hola-cont div.hola-img{      
        margin-left: 0;        
    }
    header.h-panel img.hola-img-1{
        width: 35px;
    }    
    ul.hola-ul li.hola-a2 a {
        margin-top: 12%;
    }
    /*<-- Bl-RPS FORM RV 2 -->*/
    div.h-txt-report ul li form input{
        font-size: .8em;
    }
    div.h-logo img{
        width: 70%;
    }
    ul.mas-comodin-ul ul.Comodin{
        width: 45%;        
    }
    /*Bl-RPS-SubirArchivos*/  
    article.home div.home-txt canvas{        
        left: -15px;        
        width: 100%;        
    }
    div.btn-file { 
        width: 35px;
        height: 35px;
        margin-left: 20px;      
    }    
    ul.sub-ar-bx li p.txt-file{
        margin-left: 20px;              
    }
    /*Bl-RPS-END-SubirArchivos*/
    /*total*/     
    article.most-total-art {
        width: 100vw;
        height: 100vh; 
        margin: 0;        
    } 
    article.most-total-art h2{        
        font-size: .85em;        
    }
    a.closetotal{        
        left: 25%;     
        top: -70px;         
    }    
    div.most-total-cont ul li h3{
        font-size: .75em;      
    }
    div.most-total-cont ul li h4{
        font-size: .7em;        
    }    
    div.bx-imp div.bx-imp-b-r input{     
        font-size: .67em;
    }
    /*end total*/
    /*<--Bl-RPS TOTAL-->*/    
    article.arti-content-total h1{
        font-size: .9em;
    }    
    article.arti-content-total h2, article.arti-content-total h3{
        font-size: .75em;        
    }
    article.arti-content-total h3{        
        font-size: .72em;
    }
    div.bx-mn-total img{ 
        width: 60px;        
    }    
    /*<--Bl-RPS END TOTAL-->*/
    /*<--Bl-RPS SALIR 4 -->*/
    section.salida h1 {    
        align-items: flex-end;    
        font-size: 1.2em;
        box-sizing: border-box;
        padding: 10px 0;
    }    
    div.btn-return-salida{      
        width: 60px;
        height: 40px !important;
    }
    div.btn-return-salida img{
        width: 30px;        
    }
    /*<--Bl-RPS-END- SALIR 4 -->*/
    /*<-- Bl- RPS-REPORTES 1.4 -->*/        
    div.logo-report img{
        width: 100px;
    }    
    div.title-report h1{
        font-size: .7em;      
    }    
    div.btn-report-a img, div.btn-report-a form input[type="image"]{ 
        width: 38px;          
    }    
    .form-report input[type="submit"]{
        padding: 5px 0;
        width:80px;      
    }    
    section.content-report th {      
        font-size: .3em;        
    }
    section.content-report td {    
        padding: 3px 0;
        font-size: .3em;         
    }
    /*<-- Bl- RPS-REPORTES 1.4 -->*/    
    .form-report form{
        width: 80%;        
    }    
    .form-report input[type="date"]{        
        font-size: .5em;
    }    
    .form-report input[type="submit"]{      
        font-size: .6em;        
        left: 0%;        
    }    
    div#up a span{
        width: 35px;
        height: 35px;        
    }
    div#up a span img{
        width: 35px;
    }
    /*<-- Bl-RPS DETALLE-RV 1.5 -->*/    
    article.detalles-a div.det-a span, article.det-mbsias div.det-a span, article.det-gastos div.det-a span{
        font-size: .6em;
    }
    article.detalles-a div.det-a input, article.det-mbsias div.det-a input, article.det-gastos div.det-a input{
        font-size: .8em;        
        width: 100%;        
    }    
    div.btn-prev {
        left: 76vw;
    }    
    /*<--Bl-RPS END DETALLES-RV 1.5 -->*/
    div.btn-users{
        padding: 0;  
    } 
    /*<--Bl-RPS LIST-USERS 1.7 -->*/    
    div.col-md-2 div.panel-primary div.panel-body p.txt-online{        
        font-size: .7em;
    }    
    table.tab-list th{        
        font-size: .4em;
    }    
    table.tab-list td{
        font-size: .5em;      
    }    
    /*<--Bl-END-RPS LIST-USERS 1.7 -->*/
    /*<-- EDIT-USERS 1.8 -->*/    
    article.edit-users-b{        
        padding: 0;
    }    
    article.edit-users-b input[type="submit"]{    
        left: 55vw;      
        padding: 7px 25px;
    }    


}







/*_____________TEAM GHOST_____________© 2017*/