*{margin:0; padding:0; box-sizing:border-box; font-family: sans-serif;}
svg{ width: 25px; height: 25px; vertical-align: middle;}
input, select, textarea{outline: none; border: 0;}
a{text-decoration:none;}
button{background:none; border:1px solid rgba(0,0,0,0.6); border-radius:5px; padding:7px 10px; cursor:pointer; font-weight: 600;}
input, select, textarea{ border-radius: 5px; border:1px solid rgba(0,0,0,0.4); padding:8px 10px;}

.header{ width: 100%; display:flex; justify-content: center; flex-wrap: wrap; position: fixed; top:0; left: 0; background: white; box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.557); z-index: 1;}
.header > div{ width: 100%; max-width: 1360px; display:flex; justify-content: space-between; align-items: center; padding:0 40px;}
.header .oneh{display:flex; align-items: center;}
.header img{ width: 150px; padding:20px 10px;}
.buscador{ background: rgb(61, 61, 60); border-radius:5px; padding:3px 3px; display:flex; justify-content: left; align-items: center;}
.buscador input{ width: 500px; height: 35px; border:none; border-radius:5px 0 0 5px; padding:11px 0 11px 10px;}
.buscador i{ font-size:20px; color:rgba(255, 255, 255, 0.767); vertical-align: middle; padding:2px 10px 0px 10px; cursor:pointer;}
.buscador i:hover{ color:white;}
.ubica{ margin-left:15px; cursor:pointer; position:relative;}
.ubica > svg{ padding-bottom: 5px; margin-right: 5px;}
.ubica > span{  color:rgba(0, 0, 0, 0.637); font-weight: 600; }
.ubica > span:hover{ color:rgb(81, 255, 1);}
.ubica > i{ vertical-align: middle; margin-left: 5px;}
.ubica > div{ width: 100%; clip-path: border-box; clip-path: polygon(0% 15%, 40% 15%,  50% 0%, 60% 15%, 100% 15%, 100% 100%, 0 100%); padding:20px 0px 10px; position:absolute; top:100%; left: 0; color:rgb(255, 255, 255); background: rgba(5, 5, 5, 0.76); border-radius:5px; display:none;}
.ubica > div a{text-decoration: none; color:white;}
.ubica > div p{ padding:5px 10px; font-weight: 600;}
.ubica > div p:hover{ color: rgb(60, 255, 0);}
.micuenta{ position:relative;}
.micuenta i.ur-user{ margin-right: 5px; vertical-align: middle; color:rgb(168,207,69); cursor:pointer;}
.micuenta i.ur-caret-down{ margin-left:15px; vertical-align: middle; color:rgba(5, 5, 5, 0.349); cursor:pointer;}
.micuenta i.ur-caret-up{ margin-left:15px; vertical-align: middle; color:rgba(5, 5, 5, 0.349);display:none; cursor:pointer;}
.micuenta > p{ display:inline-block; margin-right: 20px; position: relative;}
.micuenta > p span{position: absolute; top:-10px; right: -10px; color:white; font-size:12px; background: red; padding:2px 4px; border-radius:50%;}
.micuenta > p > svg{ width: 23px; height: 23px; padding-bottom: 3px; cursor:pointer;}
.micuenta > p > svg:hover{ fill:rgb(81, 255, 1);}
.micuenta > span{ cursor:pointer; font-weight: 600;}
.micuenta > div{ width: 250px; border-right:1px solid rgba(0, 0, 0, 0.157); border-left:1px solid rgba(2, 2, 2, 0.157); border-bottom:1px solid rgba(2, 2, 2, 0.157); background: white; position:absolute; top:100%; right: 0; box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.328); display:none; z-index: 1;}
.micuenta > div > div:nth-child(1){display:flex; flex-direction:column; font-size:14px; color:rgba(0, 0, 0, 0.767); padding:10px 20px 10px 20px; }
.micuenta > div > div:nth-child(1) > div{ padding:10px 0; cursor:pointer;}
.micuenta > div > div:nth-child(1) p{border-top:0.5px solid rgba(83, 83, 83, 0.26); margin:20px 0;}
.micuenta > div > div:nth-child(1) button{ border:none; background: rgb(168,207,69); color:white; font-weight:600; padding:10px 0; border-radius:5px; margin-top:10px; cursor: pointer;}
.micuenta > div > div:nth-child(2){ display:flex; flex-direction:column; margin-top:25px; background:rgb(244,244,244); color:rgba(0, 0, 0, 0.557); font-size:16px; text-decoration: none;}
.micuenta > div > div:nth-child(2) span{ padding:10px 20px; cursor:pointer;}
.micuenta > div > div:nth-child(2) span.activ{background:rgb(232,232,232);}
.micuenta > div > div:nth-child(2) span:hover{ background:rgb(232,232,232); color:rgb(168,207,69);}
.cersesion{font-weight: 600;}
.cersesion:hover{color:rgb(168,207,69); cursor:pointer;}
/* ============================================================ */
.nav{background: black; padding:7px 0; margin-top:100px;}
.nav > div{ max-width: 1360px; margin:0 auto;}
.nav > div ul{ display:flex; flex-direction:row; list-style: none; justify-content: center;}
.nav > div ul li{color:rgba(255, 255, 255, 0.767); padding:5px 20px; font-size:20px;}
.nav > div ul li:hover{color:rgb(168,207,69); cursor:pointer;}

/* =======================INICIO SESION============================== */
.fatheinses{ width: 100%; position: fixed; top:0; left: 0; height: 100vh; overflow: auto; background: rgba(0, 0, 0, 0.328); display:flex; display:none; z-index: 3;}
.fatheinses > i{ position:absolute; top:15px; right:15px; font-size:35px;  color:white; cursor:pointer;}
.fatheinses div.ur-izque{ width: 100%; height: 100%;}
.fatheinses > i:hover{ color:rgb(168,207,69);}
.inisession{ width: 800px; height: auto; margin:0 auto; display:flex; flex-direction:column; justify-content: center; align-items: center;}
.inisession > div.cersesi{ width: 100%; height: 100%;}
.inisession div.conteisessi{background: white; text-align: center; padding-bottom:20px; border-radius:5px; padding:20px 20px;}
.inisession a{width: 100%; display:block; text-align: center; }
.inisession img{ width: 70%;}
.inisession div.contro{ width: 100%; text-align: center; margin-top:30px; margin-bottom:35px; }
.inisession div.contro span{ margin:0 20px;  padding:0 0 5px 0; cursor:pointer;}
.inisession div.contro span.acti{border-bottom:2px solid rgb(168,207,69); font-weight: 600; color:rgb(168,207,69); transition-duration: 200ms;}
.inisession div.forinise{ display:flex; flex-direction:column; width: 300px; }
.inisession div.forinise input{border:none; border:1px solid rgba(0, 0, 0, 0.157); padding:10px; border-radius:5px; margin-bottom:20px;}
.inisession div.forinise input:focus{border:1px solid rgba(0, 0, 0, 0.575); }
.inisession div.forinise button{ border:none; background: rgb(168,207,69); color:white; font-weight:600; padding:10px 0; border-radius:5px; margin-top:10px; cursor: pointer;}
.inisession div.forinise p{border-top:1px solid rgba(0, 0, 0, 0.157); margin:30px 0 10px 0;}
.inisession div.forinise span{ width: 300px; text-align: center; font-size:14px; color:rgba(0, 0, 0, 0.589); cursor:pointer;}
.inisession div.forinise span:hover{ color:rgb(168,207,69);}

.inisession div.forregi{ display:flex; flex-direction:column; width: 300px; display:none; }
.inisession div.forregi div{ width: 100%;  display:flex; justify-content: space-between; align-items: center; position:relative;}
.inisession div.forregi input{border:none; width: 100%; border:1px solid rgba(0, 0, 0, 0.157); padding:10px; border-radius:5px; }
.inisession div.forregi input:focus{border:1px solid rgba(0, 0, 0, 0.575);}
.inisession div.forregi div i{position: absolute; right: 10px; cursor: pointer;}
.inisession div.forregi div i.ur-eye{display:none;}
.inisession div.forregi div.cuentexist{ font-size:12px; color:rgba(255, 0, 0, 0.466); font-weight: 600; padding:5px 10px 0 10px; display:initial; text-align: left; display:none;}
.inisession div.forregi div.cuentexist button{border:none; background: none; color:rgb(168,207,69); font-weight: 12px; font-weight: 600; margin-left:5px; cursor:pointer;}
.inisession div.forregi div.pssamar{ margin:20px 0;}
.inisession div.forregi button.actbtncrear{ border:none; background: rgb(168,207,69); color:white; font-weight:600; padding:10px 0; border-radius:5px; margin-top:10px; cursor: pointer;}
.inisession div.forregi p{border-top:1px solid rgba(0, 0, 0, 0.157); margin:30px 0 10px 0;}
.inisession div.forregi span{ width: 300px; text-align: center; font-size:12px; color:rgba(0, 0, 0, 0.589);}
.fatheinses div.ur-derec{ width: 100%; height: 100%;}
/* ================================================================================ */
.iniseccion{ max-width: 1360px; margin:30px auto;  display:flex; flex-wrap: wrap;}
.iniseccion .onefril{ width: 15%; margin-right: 3%;}
.resfiltr{ width: 80px; height: auto; position:fixed; bottom:20px; border-radius:0px 5px 5px 0; left: 0px; z-index: 1; color:rgb(255,224,1); cursor:pointer; background: rgb(34, 34, 34); text-align: center; padding:5px; display:none;}
.resfiltr i{vertical-align: middle; font-size: 18px; padding-top:1px;}
.iniseccion .onefril h3{ height: 50px; color:rgba(0, 0, 0, 0.561); display:flex; align-items: center; padding:10px 10px 0 10px; font-size:20px; border-bottom: 1px solid rgba(0, 0, 0, 0.171);}
.iniseccion .onefril h4{ color:rgba(0, 0, 0, 0.561); padding:10px 10px 10px 10px; font-size:16px;}
.iniseccion .onefril p{ color:rgba(0, 0, 0, 0.561); padding:5px 0px 5px 15px; font-size:16px; cursor:pointer;}
.iniseccion .onefril p:hover{ background: rgba(101, 253, 0, 0.486); color:white;}
.iniseccion .twoprodc{ width: 82%; }
.iniseccion .twoprodc h3{ height: 50px; color:rgba(0, 0, 0, 0.39); display:flex; align-items: center; padding:10px 10px 0 20px; font-size:14px; border-bottom: 1px solid rgba(0, 0, 0, 0.171);}
.iniseccion .twoprodc > div.selprod{ display:flex; flex-wrap: wrap; justify-content: space-around; padding:20px;}
.iniseccion .twoprodc > div.selprod > span{ width: 190px; height: auto; margin:15px; position:relative;}
.iniseccion .twoprodc > div.selprod > span > div{width: 190px; height:190px; margin:0 auto; background: rgb(240,240,240); border-radius:10px; display:flex; justify-content: center; align-items: center; overflow: hidden;}
.iniseccion .twoprodc > div.selprod > span img{cursor:pointer; border-radius:5px;}
.iniseccion .twoprodc > div.selprod > span img.anchoimg{ width: 100%;}
.iniseccion .twoprodc > div.selprod > span img.altoimg{ height: 100%;}
.iniseccion .twoprodc > div.selprod > span img.agotado{position:absolute; top:0; left: 0; width: 100% ; }
.iniseccion .twoprodc > div.selprod > span > span{ color:red; font-size:18px; display:block; padding-left:10px; margin:5px 0 5px;}
.iniseccion .twoprodc > div.selprod > span .prerellad{ text-decoration: line-through;}
.iniseccion .twoprodc > div.selprod > span > p{ color:rgba(0, 0, 0, 0.616); font-size:16px; margin-top:5px; text-align: center;}
.iniseccion .twoprodc > div.selprod > div.a{ width: 100%; margin:20px 0; display:flex; justify-content: center;}
.iniseccion .twoprodc > div.selprod > div.a > button{ background:blue; padding:7px 13px; border:none; cursor:pointer; border-radius:5px; color:white; }

.proalnive{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.349); display:flex; display:none; z-index: 1;}
.proalnive > div.cerrarpro{ width: 100%; height: 100%;}
.proalnive > div.sessdat{ width: 100%; height: 100%; display:flex; flex-direction:column;}
.proalnive > div.sessdat > div.cerrarpro{ width: 100%; height: 100%;}
.proalnive > div.sessdat > div.infoacti{ width: 1000px; height: 100%; padding-bottom: 50px; background: white; border-radius:10px; position:relative;}
.proalnive > div.sessdat > div.infoacti > h3{ padding:20px 20px 15px; border-bottom:1px solid rgba(0, 0, 0, 0.123); margin-bottom:20px; color:rgba(0, 0, 0, 0.616); overflow: hidden;}
.proalnive > div.sessdat > div.infoacti > div{ display:flex; flex-direction:row; flex-wrap: wrap; padding:0 15px; }
.proalnive > div.sessdat > div.infoacti > div .imgen{width: 50%;}
.proalnive > div.sessdat > div.infoacti > div .imgen > img{width: 100%; }
.proalnive > div.sessdat > div.infoacti > div .imgen > div{ display:flex; justify-content: center; align-items: center; margin-top:10px;}
.proalnive > div.sessdat > div.infoacti > div .imgen > div span{display:block; width: 60px; height: 60px; margin:0 10px; border:1px solid rgba(0, 0, 0, 0.281); padding:2px; background: rgb(232,232,232);}
.proalnive > div.sessdat > div.infoacti > div .imgen > div span img{width: 100%; height: 100%; cursor:pointer;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo{ width: 47%; margin-left: 3%;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo > h5{ color:rgba(0, 0, 0, 0.637); font-size:14px; margin-bottom:20px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo p{color:rgba(0, 0, 0, 0.527); margin-bottom: 5px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .preciour{ color:red; font-size:20px; margin-bottom:20px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .colorur{color:rgba(0, 0, 0, 0.527); margin-bottom: 5px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .valcolorur{ display:flex; flex-wrap: wrap; margin-bottom:20px; justify-content: space-around;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .valcolorur span{ width: 75px; height: 35px; display:inline-block; cursor:pointer; border:1px solid rgba(255, 255, 255, 0.828); box-shadow: 0 0 0px 1px rgba(7, 7, 7, 0.527); margin:0 5px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .valcolorur input{ width: 80px; height: 40px; cursor:pointer;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .calibreur{color:rgba(0, 0, 0, 0.527); margin-bottom: 5px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .valcalibreur{ display:flex; flex-wrap: wrap; margin-bottom:20px; grid-gap: 10px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .valcalibreur button{ padding:7px 10px; cursor:pointer; border:1px solid rgba(0, 0, 0, 0.205); margin:0 5px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .valcalibreur button:hover{border:1px solid red;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .cantidadur{ width: 230px; display:flex; margin-bottom:20px; position:relative; align-items: center;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .cantidadur span.uni{width: 25px; height: 25px;  border-radius:50%; background: rgb(240,240,240); cursor:pointer; font-size:20px; display:flex; justify-content: center; align-items: center;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .cantidadur span.uni:active{background: greenyellow;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .cantidadur span.texcan{font-size:12px; margin-left: 10px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo .cantidadur input{ width: 30px; border:none; text-align: center;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo button.btnanadirce{ background: rgb(168,207,69); border:none; border-radius:5px; color:white; font-weight: 600; cursor:pointer; margin-top:30px; width: 150px; height: 40px;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo button.btnanadirce:active{background: rgb(144, 253, 2);}
.proalnive > div.sessdat > div.infoacti > div .restoinfo button.corazon{width: 30px; height: 40px; border:none; background: none; margin-left:10px; cursor:pointer; font-size:20px; color:red;}
.proalnive > div.sessdat > div.infoacti > div .restoinfo button.corazon:hover{color:red;}
.infoacti > i{ position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
/* =================================================================================== */
.exiregist{width: 200px; padding:20px 20px; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.328); margin:0 auto; border-radius:5px; position:fixed; left:50%; transform: translateX(-50%); top:30%; background: white; display:none; z-index: 3;}
.exiregist span{ width: 40px; height: 40px; border:1px solid rgba(168, 207, 69, 0.376); border-radius:50%; display:inline-block; display:flex; justify-content: center; align-items: center; margin:0 auto; padding:30px;}
.exiregist i{ font-size:30px; vertical-align: middle; color:rgb(168,207,69);}
.exiregist p{ position:absolute; top:-10px; right: -10px; font-size: 25px; color:rgba(255, 0, 0, 0.602);}
.exiregist p:hover{ color:red; cursor:pointer;}
.exiregist h4{ text-align: center; margin-top: 20px; color:rgba(0, 0, 0, 0.548);}
.exiregist button{ width: 130px; border:none; background: rgb(168,207,69); color:white; font-weight:600; padding:10px 0px; border-radius:5px; cursor: pointer; margin:20px auto 10px 50%; transform: translateX(-50%); font-size:14px;}
.exiregist button:hover{background: rgb(121, 153, 250);}

.erroregist{width: 200px; padding:20px 20px; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.328); margin:0 auto; border-radius:5px; position:fixed; left:50%; transform: translateX(-50%); top:30%; background: white; display:none;}
.erroregist span{ width: 40px; height: 40px; border:1px solid rgba(207, 69, 69, 0.376); border-radius:50%; display:inline-block; display:flex; justify-content: center; align-items: center; margin:0 auto; padding:30px;}
.erroregist i{ font-size:30px; vertical-align: middle; color:rgb(207, 69, 69);}
.erroregist p{ position:absolute; top:-10px; right: -10px; font-size: 25px; color:rgba(255, 0, 0, 0.602);}
.erroregist p:hover{ color:red; cursor:pointer;}
.erroregist h4{ text-align: center; margin-top: 20px; color:rgba(0, 0, 0, 0.548);}
.erroregist button{ width: 130px; border:none; background: rgb(168,207,69); color:white; font-weight:600; padding:10px 0px; border-radius:5px; cursor: pointer; margin:20px auto 10px 50%; transform: translateX(-50%); font-size:14px;}
.erroregist button:hover{background: rgb(121, 153, 250);}


/* ============================================================================ */
.produgen{ max-width: 100%; margin:0 auto; display:grid; grid-template-columns: 250px 1fr; grid-template-rows: 100vh;}
.produgen > div.menu{ height: 100%; background: rgb(0, 177, 157); overflow: auto;}
.produgen > div.menu > div{ text-align: center; padding:30px 0;}
.produgen > div.menu img{width: 80%;}
.produgen > div.menu > ul{ width: 100%; list-style: none;}
.produgen > div.menu > ul > li{ padding:10px 0px 10px 20px; color:rgb(255, 255, 255); cursor:pointer; border-top:1px solid rgb(0, 165, 146); font-size:13px;}
.produgen > div.menu > ul > a li{ padding:10px 0px 10px 20px; color:rgb(255, 255, 255); cursor:pointer; border-top:1px solid rgb(0, 165, 146); border-bottom:1px solid rgb(0, 165, 146); font-size:13px;}
.produgen > div.menu > ul a{text-decoration: none;}
.produgen > div.menu > ul > li:hover, .produgen > div.menu > ul > a li:hover{background: rgb(2, 173, 153); color:rgba(255, 255, 255, 0.822);}
.produgen > div.menu > ul > li.act{background: rgba(0, 0, 0, 0.13); box-shadow: 0 4px 3px -2px rgba(0,0,0,0.12); font-weight: 600;}
.produgen > div.menu .panmen > span{ display:block; position:relative;}
.produgen > div.menu .panmen > span .ur-caret-down{ position:absolute; right: 0; top:2px;}
.produgen > div.menu .panmen > ul{list-style: none; padding:5px 0; display:none;}
.produgen > div.menu .panmen li{padding:10px 0 10px 35px;}
.produgen > div.menu .panmen li:hover{color:white;}
.produgen > div.menu i{ margin-right: 10px; vertical-align: middle; font-size: 16px;}
.produgen > div.secci{ height: 100%; overflow: auto; background:rgb(249,250,253);}
.produgen > div.secci > div.one{ height: 80px; padding:30px 40px 0 40px; display:flex; justify-content: space-between; align-items: center; font-size:20px;}
.produgen > div.secci > div.one > span{ color:rgba(0, 0, 0, 0.664);}
.produgen > div.secci > div.one > span i{ vertical-align: middle; font-size: 25px; margin-right: 10px;}
.produgen > div.secci > div.two{ display:grid; grid-template-columns:1fr 1fr; background: rgb(232,234,237); grid-gap:20px; margin:10px 0 0 0; padding:40px;}
.produgen > div.secci > div.threeone{width: 1000px; height: auto; margin:20px auto;}
.produgen > div.secci > div.threeone > h3{display:flex; justify-content: space-between; align-items: center; font-size:25px; color:rgba(0, 0, 0, 0.596); margin-bottom:20px;}
.produgen > div.secci > div.threeone > h3 button{ border:1px solid rgba(0, 0, 0, 0.233); background: rgb(168,207,69); color:white; padding:10px; font-weight: 600; border-radius:10px; cursor:pointer; font-size: 14px;}
.produgen > div.secci > div.threeone > h3 i{ font-size: 16px; margin-right: 10px;}
.produgen > div.secci > div.threeone > h3 .filbodega{ color:rgba(0, 0, 0, 0.596); width: auto; font-weight: 600; background:none; font-size:23px; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.205); }

.produgen > div.secci > div.threeone > div{width: 100%; margin-top:20px;}

.idinventario{ margin-top:20px; border:2px solid rgb(237, 237, 237);}
.idinventario div.adnmenu{display:grid; grid-template-columns:40px 1fr 120px 90px 80px 70px; background:rgb(237, 237, 237);}
.idinventario div.adnmenu span{display:flex; justify-content: center; align-items: center; padding:0 10px; color:rgba(255, 255, 255, 0.7); font-weight: 600; height: 40px; background:rgb(77,78,78); margin-right: 2px; position:relative; font-size:12px; text-align:center;}
.idinventario div.adnmenu span:last-child{margin-right: 0px;}
.idinventario div.adnmenu span:nth-child(1){display:flex; justify-content: center;}
.idinventario div.adnmenu span i.ur-caret-up{position:absolute; top:3px; right: 3px; cursor:pointer;}
.idinventario div.adnmenu span i.ur-caret-down{position:absolute; bottom:3px; right: 3px; cursor:pointer;}
.idinventario div.adnmenu span.conmoin{text-align:center; justify-content: center}
.idinventario div.admesecc{display:grid; grid-template-columns:40px 1fr 120px 90px 80px 70px; background:rgb(237, 237, 237);}
.idinventario div.admesecc span{display:flex; align-items: center; padding:0 10px; color:rgba(0, 0, 0, 0.6); font-weight: 600; height: 40px; background:white; margin-right: 2px; position:relative; margin-top:2px; font-size:14px;}
.idinventario div.admesecc span:last-child{margin-right: 0px;}
.idinventario div.admesecc span.spacen{text-align: center; display:flex; justify-content: center; }
.idinventario div.admesecc select{width: 100%;}
.idinventario div.admesecc i{ width:90%; height: 30px; display:flex; justify-content: center; align-items: center; cursor:pointer; border-radius:5px; color:rgba(255, 255, 255, 0.726); font-size:20px;}
.idinventario div.admesecc i.ur-ios-search-strong{background:rgb(35, 103, 149);}
.idinventario div.admesecc i.ur-check{background:rgb(116, 223, 89);}
.idinventario div.admesecc i.ur-times{background:rgb(233, 74, 74);}
.idinventario div.admesecc i.ur-pencil{background: rgb(180, 172, 61);}
.idinventario div.admesecc i:hover{opacity:0.6;}
.idinventario span.nadadatos{ display:block; width:100%; text-align:center; padding:10px;}


.produgen > div.secci > div.agregaitem{ width: 100%; height: 100vh; overflow: auto; position:fixed; top:0; left:50%; transform: translateX(-50%); background: rgb(232,234,237); display:none;}
.produgen > div.secci > div.agregaitem > i{ position: absolute; font-size:30px; color:red; top:10px; right: 15px; cursor:pointer;}
.produgen > div.secci > div.agregaitem div.three{ width: 100%; height: auto; max-width: 1000px; margin:0 auto; padding:20px 0px 0 0px;  background: rgb(232,234,237);}
.produgen > div.secci > div.agregaitem div.three h3{ text-align: center; margin:10px 0 20px 0; font-size:30px; color:rgba(0, 0, 0, 0.602);}
.produgen > div.secci > div.agregaitem div.three > div.prono{display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows: auto; grid-gap:1px; border-radius:5px; }
.produgen > div.secci > div.agregaitem div.three > div.prono > div{ display:flex; flex-direction:column; background:white; padding:30px 30px; position:relative;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div input{ height: 25px; margin-bottom:20px; border:1px solid rgba(0, 0, 0, 0.308); border-radius:5px; padding-left:5px;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div select{ height: 25px; margin-bottom:20px; border:1px solid rgba(0, 0, 0, 0.308); border-radius:5px; padding-left:5px;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div textarea{ height: 100px; border:1px solid rgba(0, 0, 0, 0.308); border-radius:5px; padding:5px;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div span{  width: 100%; height: auto; margin-bottom: 5px; color:rgba(0, 0, 0, 0.548);}
.produgen > div.secci > div.agregaitem div.three > div.prono > div span strong{color:rgb(168,207,69);}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three > form > input.file{ width: 0.01px; height: 0.01px; position:absolute; opacity: 0;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three h5{ display:block; text-align: center; margin-bottom:15px; color:rgba(0, 0, 0, 0.548); font-size:16px; font-weight: initial;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three p#lista_imagenes{width: 100%; height: 130px; border:1px solid rgba(0, 0, 0, 0.137); margin:10px 0; display:flex; flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: wrap; overflow: auto;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three p#lista_imagenes img{ width: 50px; height: 50px; border-radius:5px;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three p#lista_imagenes p{ width: 50px; height: auto; font-size:10px;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three > div.preon{ display:flex; justify-content: space-between; color:rgba(0, 0, 0, 0.548); }
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three > div.preon span{ color: rgba(0, 0, 0, 0.787); font-size:20px;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three span.campoobli{width: auto; position:absolute; bottom:3px; right: 10px; display:inline-block; font-size:11px;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three > div.difer{ height: 50px;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three label{ display:block; border-radius: 4px; border:1px dashed rgb(168,207,69); padding:5px 20px; text-align: center; cursor:pointer; }
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three label svg{ margin-right: 10px; width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; color:rgb(168,207,69);}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three label span{ font-size: 12px; color:rgb(168,207,69);}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three div.difer{ display:grid; grid-template-columns: 30% 30%; justify-content: center; grid-template-rows: 30px; grid-gap:20px; padding:10px 0;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three div.difer button{border:1px solid rgba(0, 0, 0, 0.308); background: none; cursor:pointer; border-radius:5px;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three div.difer button.act{ background: rgb(168,207,69); color:white; border:none;}
.produgen > div.secci > div.agregaitem div.three > div.prono > div.three div.difer button:hover{ background: rgb(168,207,69); color:white; border:none;}
.nuecate{ color:rgb(168,207,69); font-size:10px; cursor:pointer; display:flex;}
.produgen > div.secci > div.agregaitem div.three div.categ{position:relative; background: white; margin-bottom:20px;}
.produgen > div.secci > div.agregaitem div.three div.categ > label{ width: 100%; height: auto; display:flex; justify-content: space-between; align-items: center; padding:2px 10px;  border-radius:5px; border:1px solid rgba(0, 0, 0, 0.376); cursor:pointer; font-size:14px;}
.produgen > div.secci > div.agregaitem div.three div.categ > label i{ vertical-align: middle; margin-top:2.5px;}
.produgen > div.secci > div.agregaitem div.three div.categ > div{ width: 100%; height: auto; padding:0px 0 10px 0; background: white; position:absolute; border:1px solid rgba(0, 0, 0, 0.376); border-radius:5px 5px 15px 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.308); display:none; }
.produgen > div.secci > div.agregaitem div.three div.categ > div p{ padding:3px 7px; font-size:14px;}
.produgen > div.secci > div.agregaitem div.three div.categ > div p.catda:hover{ background: rgb(168,207,69); color:white;}
.produgen > div.secci > div.agregaitem div.three div.categ > div p.unicat{ padding:10px 10px; color:rgb(168,207,69); text-decoration:underline; cursor:pointer;}
.produgen > div.secci > div.agregaitem div.three div.categ > div p.uninobus{ padding:5px 5px; font-size:14px;}
.produgen > div.secci > div.agregaitem div.four{ width: 100%; height: auto; max-width: 1000px; margin:0 auto; padding:20px 50px 100px;  background: rgb(255, 255, 255); margin-top:1px; display:none;}
.produgen > div.secci > div.agregaitem div.four h3{font-size:20px; color:rgba(0, 0, 0, 0.705); text-align: center; margin-bottom:15px;}
.produgen > div.secci > div.agregaitem div.four p{ padding:0 100px;  line-height: 1.5; margin-bottom:20px;}
.produgen > div.secci > div.agregaitem div.four > span{ display:inline-block; margin-bottom:30px; color:rgba(0, 0, 0, 0.568);}
.produgen > div.secci > div.agregaitem div.four > span input{ border:1px solid rgba(0, 0, 0, 0.171); padding:3px 5px; width: 100px;}
.produgen > div.secci > div.agregaitem div.four h4{font-size:18px; color:rgba(0, 0, 0, 0.527); text-align: center; margin-bottom:15px;}
.produgen > div.secci > div.agregaitem div.four button{border:1px solid rgba(0, 0, 0, 0.219); padding:8px 10px; border-radius:5px; margin:0 3px; cursor:pointer; background:rgba(0, 38, 251, 0.363); color:white;}
.produgen > div.secci > div.agregaitem div.four button:hover{border:none; background: rgba(3, 65, 250, 0.671);}
.produgen > div.secci > div.agregaitem div.four > div.bottone{ display:grid; grid-gap:10px; justify-content: center; margin:10px 0;}
.produgen > div.secci > div.agregaitem div.four > div.resucolor{ width: 400px; height: auto; margin:0 auto; display:grid; grid-gap:5px;  }
.produgen > div.secci > div.agregaitem div.four > div.resucolor span{display:flex; justify-content: center; align-items: center; position:relative; font-size:12px; color:rgba(0, 0, 0, 0.527);}
.produgen > div.secci > div.agregaitem div.four > div.resucolor span i{ position:absolute; top:2px; right: 0; font-size:18px; color:rgba(0, 0, 0, 0.527); cursor:pointer;}
.produgen > div.secci > div.agregaitem div.four > div.resucolor span i:hover{color:red;}
.produgen > div.secci > div.agregaitem div.four > div.resucolor span input.inumb{ width: 100px; border-radius:5px; border:1px solid rgba(0, 0, 0, 0.328); padding:2px 5px;}
.produgen > div.secci > div.agregaitem div.four > div.resucolor span input.inpcanti{width: 60px; border-radius:5px; border:1px solid rgba(0, 0, 0, 0.328); padding:2px 5px;}
.produgen > div.secci > div.agregaitem div.four > div.resucolor span select{ width: 100px; border-radius:5px; border:1px solid rgba(0, 0, 0, 0.328); padding:2px 5px;}

.btcanguarda{  width: 100%; height: auto; max-width: 1000px; margin:20px auto; display:flex; justify-content: right; padding-right: 50px; grid-gap:10px; }
.btcanguarda button{ width: 100px; height: 35px; border-radius:5px; border:1px solid rgba(0, 0, 0, 0.137); font-weight: 500; cursor:pointer;}
.btcanguarda button.actuali{ width: 150px; background: orange; color:white; font-size:16px; display:none;}
.btcanguarda button.act{background: rgb(168,207,69); color:white; border:none;}
.btcanguarda button:hover{background: rgb(168,207,69); color:white; border:none;}
/* ============================================================================== */
/* ============================================================================== */
.fathnecat{ width: 100%; height: 100vh; position: fixed; display:flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.781); top:0; left: 0; display: none;}
.nuevcatego{ width: 300px; height: auto; display:flex; flex-direction:column; border-radius:10px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.308); padding:10px 20px 7px 20px; background: white; position:relative;}
.nuevcatego h3{ color:rgba(0, 38, 251, 0.554); padding:10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.061); margin-bottom:20px;}
.nuevcatego > i{ position:absolute; right: 10px; top:10px; font-size:20px; color:rgba(0, 0, 0, 0.281); cursor:pointer;}
.nuevcatego span{ color:rgba(0, 0, 0, 0.493); font-size:16px; padding:5px 10px;}
.nuevcatego input, .nuevcatego textarea{ border:1px solid rgba(0, 0, 0, 0.233); padding:4px 7px; margin-left:10px; margin-bottom:20px; border-radius:5px;}
.nuevcatego input:focus, .nuevcatego textarea:focus{border:1px solid rgba(0, 0, 0, 0.568);}
.nuevcatego div.one{ text-align: right;}
.nuevcatego div.regiscatego{ margin-top:20px; }
.nuevcatego div.regiscatego h4{text-align:center; color:rgba(0, 0, 0, 0.507); margin-bottom:15px;}
.nuevcatego div.regiscatego p{ display:flex; justify-content: space-between; margin:3px 0;}
.nuevcatego div.regiscatego i{color:red; cursor:pointer;}
.nuevcatego button{ border:1px solid rgba(0, 0, 0, 0.219); padding:8px 10px; border-radius:5px; background: none; margin:0 3px; cursor:pointer;}
.nuevcatego button.guard{ background: rgba(3, 65, 250, 0.671); color:white;}
.nuevcatego button.cance:hover{border:1px solid rgba(0, 0, 0, 0.589); }

.colfin{background: red; }
.actii{  border:1px solid rgb(255, 0, 0); border:1px solid red;}
.actii2{ border:1px solid red; }
/* ============================================ */

.tuaplicart{ width: 100%; height: 100vh; position:fixed; right: 0; top:0; background: rgba(2, 2, 2, 0.376); display:flex; align-items: center; display:none; z-index: 1;}
.tuaplicart .cerrtupli{ width: 100%; height: 100%;}
.panelcart{ width: 300px; height: 100%; background: white; padding:10px 20px; display:flex; flex-direction:column; justify-content: center; align-items: center; position: absolute; top:0; right: 0;}
.panelcart > i{ position:absolute; right: 15px; top:15px; font-size: 25px; color:red; cursor:pointer;}
.panelcart svg{ width: 70px; height: auto; margin-left:50%; transform: translateX(-50%);}
.panelcart p.unis{ margin:10px 0; font-size:18px; text-align: center;}
.panelcart h5{ font-size:18px; margin-top:10px;}
.panelcart span.unis{ display:block;  margin:5px 0;}
.panelcart img.logo{ width: 70%; margin-bottom:5px;}
.panelcart button.soli{ background: rgb(168,207,69); padding:10px 15px; font-size:16px; cursor:pointer; border:none; border-radius:5px; color:white; font-weight:600; margin-top:30px; margin-left: 50%; transform: translateX(-50%);}
.banbalanza{ width: 100px; height: 100px; margin:10px auto 0; position:relative;}
.banbalanza img{width: 100%; height: auto;}
.banbalanza input{ width: 100px; height:auto; padding:3px 5px; color:rgba(0, 0, 0, 0.637); position: absolute; top:10px; left: 0px; text-align: center; border:1px solid rgba(0, 0, 0, 0.178); border-radius:5px; box-shadow: 0 0 5px 0 rgba(250, 2, 2, 0.76);}

.fathproduc{ width: 100%; height: 70%; overflow: auto;}
.produlleno{ width: 100%; height: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.137); padding: 10px 0; position:relative; margin-top:0px;}
.produlleno > i{position:absolute; right: 10px; top:10px; font-size: 16px; color:rgba(255, 0, 0, 0.637); cursor:pointer;}
.produlleno > h4{ text-align: center; margin-bottom: 5px; color:rgba(0, 0, 0, 0.602); font-size: 14px;}
.produlleno > div{ display:flex; flex-direction: row; justify-content: start; align-items: center; }
.produlleno > div img{ width: 60px; height: 60px; margin-right: 15px;}
.produlleno > div p{ display:flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.produlleno > div span{ font-size:12px;}


.resumencom{ width: 100%; height: auto; padding:5px 0;}
.resumencom > h6{ font-size:18px; color:rgba(0, 0, 0, 0.746); margin-bottom: 10px;}
.resumencom > p{ display:flex; justify-content: space-between; padding:3px 0;}
.resumencom > p.tota{ margin-top:10px; font-weight: 600; }
.resumencom > p.tota span:nth-child(2){ font-size:18px;}
.resumencom > button{ width: 100%; height: auto; border:none; background: rgb(168,207,69); color:white; font-weight:600; padding:8px 0; border-radius:5px; margin-top:10px; cursor: pointer; font-size:16px;}

.stylbtncart{ background: rgb(168,207,69); border:none; border-radius:5px; color:white; font-weight: 600; cursor:pointer; margin-top:5px; width: 150px; height: 40px; margin-left:50%; transform: translateX(-50%);}
.stylbtncart:active{background: rgb(144, 253, 2);}
.canticart{ width: 130px; display:flex; margin-bottom:20px; position:relative; align-items: center;}
.canticart span.uni{width: 25px; height: 25px;  border-radius:50%; background: rgb(240,240,240); cursor:pointer; font-size:20px; display:flex; justify-content: center; align-items: center;}
.canticart input{width: 30px; text-align: center; padding:0; border:none; margin-right: 4px;}
.canticart span.uni:active{background: greenyellow;}
.direpanelim{font-size:14px; text-align: left; color:rgba(0, 0, 0, 0.657); margin-top:10px; padding:10px 5px; border-top:1px solid rgba(0, 0, 0, 0.308); border-bottom:1px solid rgba(0, 0, 0, 0.308);}
.resumencom > button.actunaraj{background: orange;}
/* =============================================== */

.phonres{position: relative; display:none;}
.phonres > i{font-size:25px; color:rgba(0, 0, 0, 0.582); margin-left: 5px; padding-right:10px;}
.menuphone{ position:absolute; width: 200px; background: white; padding:0; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.212); right: 0; top:100%; display: none;}
.menuphone ul{ list-style: none; background: rgba(83, 83, 83, 0.26);}
.menuphone ul li{ padding:8px 10px; color:rgba(3, 3, 3, 0.733); cursor:pointer; font-size:14px;}
.micuenta{ display:flex; justify-content: space-between; padding:8px 10px;}
.ubica{display:flex; justify-content: space-between; padding:8px 10px;}

/* ==================== */
.footer{ width: 100%; height: auto; max-width: 1360px; margin:0 auto;   padding:30px 40px; border-top:1px solid rgba(0, 0, 0, 0.212);}
.footer .redes{ text-align: center;}
.footer .redes a{text-decoration: none; color:initial;}
.footer .redes > a i{ margin:0 15px; font-size:35px; cursor:pointer;}
.footer .redes > a i.ur-facebook{color:royalblue;}
/* ================================================================== */

.perfil{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.349); z-index: 2; overflow: auto; display:none;}
.perfil > div{ width: 600px; height: auto; margin:100px auto 0; padding: 20px 20px; background: white; border-radius:10px; position:relative;}
.perfil > div > i{position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
.perfil > div > div{ display:flex; flex-direction:column; justify-content: center; align-items: center; flex-wrap: wrap; padding:0 15px; }
.perfil > div > div > h4{margin-bottom:20px; width: 100%; text-align: center; color:rgba(0, 0, 0, 0.582); font-size:18px;}
.perfil > div > div > h3{ margin-bottom:20px;}
.perfil > div > div > h3 > button{ padding:3px 6px;  font-size: 12px; margin:0 10px;}
.perfil > div > div > h3 > button > span{ display:block; font-size: 10px; margin-top:5px;}
.perfil > div > div > h3 > button.acti{background: blue; color:white; border:none;}
.perfil > div > div > div.a{ display:flex; flex-direction: column;}
.perfil > div > div > div.a label{ display:flex; margin-bottom:15px;}
.perfil > div > div > div.a input{border:none; border-bottom:1px solid rgba(0, 0, 0, 0.438); padding:5px 10px; width:300px;}
.perfil > div > div > div.a i{ font-size:18px; vertical-align: middle; margin-right: 5px;}
.perfil > div > div > div.a select{border:none; border-bottom:1px solid rgba(0, 0, 0, 0.438); padding:5px 10px; width: 300px;}
.perfil > div > div > div.b{ width: 100%; display:flex; flex-wrap: wrap; justify-content: space-between; display:none;}
.perfil > div > div > div.b > div{ width: 48%; display:flex; flex-direction: column; margin-bottom: 10px; font-size: 12px; }
.perfil > div > div > div.b > div > input{ margin-top:4px; padding:4px 8px; font-size: 13px;}
.perfil > div > div > div.b > div > select{ margin-top:4px; padding:4px 8px; font-size: 13px;}
.perfil > div > div > div.b > div > span{ width: 100%; margin-top:4px; display:flex; justify-content: space-between; align-items: center; }
.perfil > div > div > div.b > div > span input.a{ width: 70%; padding:4px 8px; font-size: 13px; }
.perfil > div > div > div.b > div > span input.b{ width: 20%; padding:4px 8px; font-size: 13px;}
.perfil > div > p{ text-align: center; margin-top:10px;}
.perfil > div > p button{padding:8px 15px; border:none; border-radius:5px; margin:0 10px; font-size:16px; cursor:pointer;}
.perfil > div > p button.confiperf{background: greenyellow; }
.perfil > div > p button.a{background: orange;  }



/* ==================================================================================== */

.metopago{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.349); display:flex; z-index: 2; display:none;}
.metopago > div.cerrarpro{ width: 100%; height: 100%;}
.metopago > div.sessdat{ width: 100%; height: 100%; display:flex; flex-direction:column;}
.metopago > div.sessdat > div.cerrarpro{ width: 100%; height: 100%;}
.metopago > div.sessdat > div.mepaite{ width: 600px; height: 100%; padding: 20px 20px; background: white; border-radius:10px; position:relative;}
.metopago > div.sessdat > div.mepaite > i{position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
.metopago > div.sessdat > div.mepaite > div{ display:flex; flex-direction:column; justify-content: center; align-items: center; flex-wrap: wrap; padding:0 15px; }
.metopago > div.sessdat > div.mepaite > div img{ width: 100px; margin-left: 50%; transform: translateX(-50%);}
.metopago > div.sessdat > div.mepaite > div img.pagocon{ width: 150px; margin-left: 50%; transform: translateX(-50%);}
.metopago > div.sessdat > div.mepaite > div h4{margin-bottom:20px; width: 100%; text-align: center; color:rgba(0, 0, 0, 0.582); font-size:18px;}
.metopago > div.sessdat > div.mepaite > div > div{ width: 100%; display:flex; justify-content: center; flex-wrap: wrap; }
.metopago > div.sessdat > div.mepaite > div > div > div{ display:inline-block; width: 45%; margin:0 2%; display:flex; flex-direction:column; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.637); padding:10px; color:rgba(0, 0, 0, 0.644); text-align: center; cursor:pointer; font-size:14px;}
.metopago > div.sessdat > div.mepaite > div > div > div h5{ text-align: center; margin-bottom:15px; color:rgba(0, 0, 0, 0.76); font-size:16px;}
.metopago > div.sessdat > div.mepaite > p{ text-align: center; margin-top:10px;}
.metopago > div.sessdat > div.mepaite > p button{padding:8px 15px; border:none; border-radius:5px; margin:20px 0 0px; font-size:16px; cursor:pointer; background: greenyellow; color:white; font-weight: 600; letter-spacing: 1pt; box-shadow: 0 0 5px 0 rgba(8, 8, 8, 0.26);}

/* ========================================================================================= */
.vispedio{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.349); display:flex; z-index: 2; display:none;}
.vispedio > div.cerrarpro{ width: 100%; height: 100%;}
.vispedio > div.sessdat{ width: 100%; height: 100%; display:flex; flex-direction:column;}
.vispedio > div.sessdat > div.cerrarpro{ width: 100%; height: 100%;}
.vispedio > div.sessdat > div.mepaite{ width: 100%; height: 100%; padding: 20px 20px; background: white; border-radius:10px; position:relative;}
.vispedio > div.sessdat > div.mepaite > i{position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
.vispedio > div.sessdat > div.mepaite > div{ display:flex; flex-direction:column; justify-content: center; align-items: center; flex-wrap: wrap; padding:0 15px; }
.vispedio > div.sessdat > div.mepaite > div h4{margin-bottom:20px; width: 100%; text-align: center; color:rgba(0, 0, 0, 0.582); font-size:18px;}
.vispedio > div.sessdat > div.mepaite > div > div{ width: 100%; height: 200px; overflow: auto; }
.vispedio > div.sessdat > div.mepaite > div > div > div{ width: 100%; padding:5px; color:rgba(0, 0, 0, 0.644); text-align: center; display:flex; justify-content: space-around;}
.vispedio > div.sessdat > div.mepaite > div > div > div.titprin{ margin-bottom:10px;}
.vispedio > div.sessdat > div.mepaite > div > div span{display:inline-block; font-size:14px; height: 20px;overflow: hidden;}
.vispedio > div.sessdat > div.mepaite > div > div span.prin{border-bottom:1px solid rgba(0, 0, 0, 0.116); font-weight: 600;}
.vispedio > div.sessdat > div.mepaite > div > div span.segun{background: rgba(83, 83, 83, 0.054);}
.vispedio > div.sessdat > div.mepaite > div > div span.ver{color:rgb(47, 95, 255); text-decoration: underline; cursor:pointer;}
.vispedio > div.sessdat > div.mepaite > div > div .one{ width: 30px;}
.vispedio > div.sessdat > div.mepaite > div > div .two{ width: 120px;}
.vispedio > div.sessdat > div.mepaite > div > div .three{ width: 80px;}
.vispedio > div.sessdat > div.mepaite > div > div .four{ width: 100px;}
.vispedio > div.sessdat > div.mepaite > div > div .five{ width: 90px;}
.vispedio > div.sessdat > div.mepaite > div > div .nine{ width: 90px;}
.vispedio > div.sessdat > div.mepaite > p{ text-align: center; margin-top:10px;}
.vispedio > div.sessdat > div.mepaite > p button{padding:8px 15px; border:none; border-radius:5px; margin:20px 0 0px; font-size:16px; cursor:pointer; background: greenyellow; color:white; font-weight: 600; letter-spacing: 1pt; box-shadow: 0 0 5px 0 rgba(8, 8, 8, 0.26);}
/* ======================================================= */

.perfilpr{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.349); display:flex; z-index: 2; display:none; }
.perfilpr > div.cerrarpro{ width: 100%; height: 100%;}
.perfilpr > div.sessdat{ width: 100%; height: 100%; display:flex; flex-direction:column;}
.perfilpr > div.sessdat > div.cerrarpro{ width: 100%; height: 100%;}
.perfilpr > div.sessdat > div.baperfi{ width: 100%; height: 100%; padding: 20px 20px; background: white; border-radius:10px; position:relative;}
.perfilpr > div.sessdat > div.baperfi > i{position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
.perfilpr > div.sessdat > div.baperfi .imgpgot{ width: 100px; height: 100px; position: absolute; top:-40px; left: 50%; transform: translateX(-50%); background: white; border-radius:50%;  display:flex; justify-content: center; align-items: center; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.637);}
.perfilpr > div.sessdat > div.baperfi .imgpgot > i{ font-size:65px;}
.perfilpr > div.sessdat > div.baperfi .imgrefer{ width: 80px; top:12px; left:10px; font-size:14px; color:royalblue; position:absolute; display:flex; justify-content: center; align-items: center; flex-direction:column; }
.perfilpr > div.sessdat > div.baperfi .imgrefer img{width: 50px;}
.perfilpr > div.sessdat > div.baperfi .ciudimor{ text-align:center; margin-top:70px;}
.perfilpr > div.sessdat > div.baperfi .ciudimor i{margin-right: 10px;}
.perfilpr > div.sessdat > div.baperfi .ciudimor select{border:none; width: 150px; border-bottom: 1px solid rgba(0, 0, 0, 0.13); text-align: center; padding:3px 5px; background: rgb(232,232,232); border-radius:10px; box-shadow: 0 0 2px 0 rgba(5, 5, 5, 0.349);}
.perfilpr > div.sessdat > div.baperfi .datper{ display:flex; flex-wrap: wrap; justify-content: space-around; align-items: center; margin-top:10px; }
.perfilpr > div.sessdat > div.baperfi .datper i{ font-size: 18px; margin-right: 5px; padding:5px; border-radius:5px 0 0 5px;}
.perfilpr > div.sessdat > div.baperfi .datper label{ width: 40%; margin:10px 0; display:flex; position:relative;}
.perfilpr > div.sessdat > div.baperfi .datper label input{ width: 100%; border:none; padding:5px; border-bottom:1px solid black;}
.perfilpr > div.sessdat > div.baperfi .datper label span.ojo{ cursor:pointer; font-size:18px; position:absolute; top:50%; right: 5px; transform: translateY(-50%);}
.perfilpr > div.sessdat > div.baperfi .datper label span.ur-eye-disabled{display:none;}
.perfilpr > div.sessdat > div.baperfi .datper label span.usua{width: 100%; border:none; padding:5px; border-bottom:1px solid black; font-size:13px;}
.perfilpr > div.sessdat > div.baperfi > span{ display:block; text-align: center; margin-top:15px;}
.perfilpr > div.sessdat > div.baperfi > span svg{ margin-right: 5px; padding-bottom: 5px;}
.perfilpr > div.sessdat > div.baperfi > p{ text-align: center; margin-top:10px;}
.perfilpr > div.sessdat > div.baperfi > p button{padding:8px 15px; border:none; border-radius:5px; margin:20px 10px 0px; font-size:16px; cursor:pointer; border:1px solid rgba(0, 0, 0, 0.096); color:rgb(3, 3, 3); font-weight: 600; letter-spacing: 1pt; }
.perfilpr > div.sessdat > div.baperfi .referidoo{padding:5px 30px; color:rgba(0, 0, 0, 0.561); text-align: center;}
.perfilpr > div.sessdat > div.baperfi .referidoo label{ display:block; margin-top:20px; color:black; font-weight:600; color:blue;}
.perfilpr > div.sessdat > div.baperfi .referidoo label i{vertical-align: middle; margin-right: 10px; font-size:20px; color:black;}
.perfilpr > div.sessdat > div.baperfi .referidoo label button{ border:none; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.557); margin-left: 15px; padding:5px 10px; font-size:16px; cursor:pointer; border-radius:5px; background: rgb(183, 255, 2);}
.perfilpr > div.sessdat > div.baperfi > p button.actuperfi{background: orange; border:none; color:white;}

/* ===================================================== */
.prompt { background-image: url('../images/launcher-icon-4x.png'); background-position-x: 1rem; background-position-y: 1.5rem; background-repeat: no-repeat; background-size: auto 40%; background-color: #ffffff; box-shadow: 0 20px 40px 0 rgba(91, 107, 174, 0.15); padding: 1.5rem 1rem 0.5rem 5rem; position: fixed; transition: all 0.5s ease-in-out; width: 100vw; z-index: 9;}
.prompt .tex1{font-weight: 600; font-size:14px;}
.prompt > small{font-size:12px;}
.prompt button{border:none; background: none; font-weight: 600; margin:0 15px; cursor:pointer;}
.prompt .add{ color:royalblue; }
.prompt .boto{text-align: right; padding:5px 20px 20px 0px;}
.prompt.show {transition-delay: 3s; bottom: 0; opacity: 1;}
.prompt.hide { bottom: -100%; opacity: 0;}
  /* =============================================================== */

.vercart{ width: 100%; height: 100vh; position:fixed; right: 0; top:0; background: rgba(2, 2, 2, 0.376); display:flex; align-items: center;  z-index: 2; display:none;}
.vercart .cerrtupli{ width: 100%; height: 100%;}

.vercartpane{ width: 100%; height: 100vh; position:fixed; right: 0; top:0; background: rgba(2, 2, 2, 0.376); display:flex; align-items: center;  z-index: 2; display:none;}
.vercartpane .cerrtupli{ width: 100%; height: 100%;}
/* ============================================================= */


.panventas{ width: 100%; height: auto; max-width: 1360px; margin:20px auto; display:flex; flex-direction:column;  background: white;}
.panventas > div.mepaite{ width: 100%; height: auto; padding: 40px 20px; background: white; border-radius:10px; position:relative;}
.panventas > div.mepaite > i{position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
.panventas > div.mepaite > div{ display:flex; flex-direction:column; justify-content: center; align-items: center; flex-wrap: wrap; padding:0 15px; position:relative; background: white;}
.panventas > div.mepaite > div > button{position:absolute; top:-15px; left:10px; border:none; border-radius:5px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.575); padding: 5px 10px; cursor:pointer;}
.panventas > div.mepaite > div h4{margin-bottom:20px; width: 100%; text-align: center; color:rgba(0, 0, 0, 0.582); font-size:18px;}
.panventas > div.mepaite > div > div{ width: 100%; height: auto;  background: white; }
.panventas > div.mepaite > div > div > div{ width: 100%; padding:5px; color:rgba(0, 0, 0, 0.644); text-align: center; display:flex; justify-content: space-around;  background: white;}
.panventas > div.mepaite > div > div > div.titprin{ margin-bottom:10px;}
.panventas > div.mepaite > div > div span{display:inline-block; font-size:14px; height: 20px;overflow: hidden;}
.panventas > div.mepaite > div > div span.prin{border-bottom:1px solid rgba(0, 0, 0, 0.116); font-weight: 600;}
.panventas > div.mepaite > div > div span.segun{background: rgba(83, 83, 83, 0.054);}
.panventas > div.mepaite > div > div span.ver{color:rgb(47, 95, 255); text-decoration: underline; cursor:pointer;}
.panventas > div.mepaite > div > div .one{ width: 30px;}
.panventas > div.mepaite > div > div .two{ width: 150px;}
.panventas > div.mepaite > div > div .three{ width: 80px;}
.panventas > div.mepaite > div > div .four{ width: 100px;}
.panventas > div.mepaite > div > div .five{ width: 100px;}
.panventas > div.mepaite > div > div .five select{ width: 100px; background: rgba(83, 83, 83, 0.054); border:none;}
.panventas > div.mepaite > div > div .six{ width: 100px; overflow: hidden;}
.panventas > div.mepaite > div > div .seven{ width: 100px; overflow: hidden;}
.panventas > div.mepaite > div > div .eight{ width: 70px;}
.panventas > div.mepaite > div > div .eight select{ width: 70px; background: rgba(83, 83, 83, 0.054);}
.panventas > div.mepaite > div > div .nine{ width: 90px;}
.panventas > div.mepaite > div > div .nine select{ width: 90px; background: rgba(83, 83, 83, 0.054);}

.panventas > div.mepaite > p{ text-align: center; margin-top:10px;}
.panventas > div.mepaite > p button{padding:8px 15px; border:none; border-radius:5px; margin:20px 0 0px; font-size:16px; cursor:pointer; background: greenyellow; color:white; font-weight: 600; letter-spacing: 1pt; box-shadow: 0 0 5px 0 rgba(8, 8, 8, 0.26);}
/* ============================================================= */

.fateraqui{ width: 300px; margin:0 auto; text-align: center; padding:10px 0;}
.logo{ width: 70%; margin-bottom:0px;}
.impredirecpen{ width: 300px; height: auto; background: white; padding:10px 20px; display:flex; flex-direction:column; justify-content: center; align-items: center; margin:0 auto;}
.impredirecpen p.unis{ margin:10px 0; font-size:18px; text-align: center;}
.impredirecpen h5{ width: 100%; font-size:14px; margin-top:2px; text-align: right;}
.impredirecpen h4{ width: 100%; font-size:15px; margin-top:10px; text-align: left; padding:10px 0 0 10px; font-weight: 600; border-top: dashed 1px rgba(0, 0, 0, 0.445);}
.impredirecpen span.unis{ display:block;  margin:5px 0;}
.impredirecpen h6{text-align: center;}

.impredirecpen input{text-align:left;}
.impredirecpen .datempreventa{ text-align: center; font-weight: 600; font-size:14px; margin:5px 0 25px; color:rgba(0, 0, 0, 0.698);}

.impredirecpen .dadivent{ width: 100%; display:block; text-align: left; font-weight: 400; font-size:14px; margin:5px 0 15px; color:rgba(0, 0, 0, 0.698);}

.impredirecpen .datusu{text-align: left;}
.impredirecpen .datusu p{color:rgba(0, 0, 0, 0.623); font-size:14px; text-align: left; margin-bottom: 10px;}
.impredirecpen > h3{width: 100%; text-align: center; font-size:13px; border-top: dashed 1px rgba(0, 0, 0, 0.445); padding:10px 0 3px;}
.imprfathproduc{ width: 100%; height: auto; padding:5px 0 10px 0; display:grid; grid-template-columns: 40% 14% 21% 25%; border-bottom: dashed 1px rgba(0, 0, 0, 0.445); }
.imprfathproduc span{display:inline-block; white-space: nowrap; text-overflow: ''; height: 20px; overflow: hidden; font-size:11px;}
.imprfathproduc span.prin{ text-align: center; font-weight: 600; font-size: 12px;}
.imprfathproduc span.nomb{text-align: left;}
.imprfathproduc span.prtot{text-align: right;}
.imprfathproduc span.cantid{text-align:center;}

.resuremision{ width: 100%; height: auto; padding:15px 0 30px; }
.resuremision > h6{ font-size:18px; color:rgba(0, 0, 0, 0.746); margin-bottom: 10px;}
.resuremision > h6.resumcredi{ border-top:1px dashed rgba(0, 0, 0, 0.445); padding-top:10px;}
.resuremision > p{ display:flex; justify-content: space-between; padding:1px 0; font-size:14px}
.resuremision > p.tota{ margin-top:5px; font-weight: 600; }
.resuremision > p.tota span:nth-child(2){ font-size:18px;}
.resuremision > div.efecambi{ text-align:right; margin-top:15px; font-size:14px;}
.resuremision > div.efecambi p{display:grid; grid-template-columns:1fr 100px;}
.resuremision > button{ width: 100%; height: auto; border:none; background: rgb(168,207,69); color:white; font-weight:600; padding:8px 0; border-radius:5px; margin-top:10px; cursor: pointer; font-size:16px;}
.resuremision img{ width: 85%; height: auto; margin:10px auto 0;}

#qrcode img{ width: 60%;}

/* ============================================================== */

.usunue{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.349); display:flex; z-index: 2; display:none; }
.usunue > div.cerrarpro{ width: 100%; height: 100%;}
.usunue > div.sessdat{ width: 100%; height: 100%; display:flex; flex-direction:column;}
.usunue > div.sessdat > div.cerrarpro{ width: 100%; height: 100%;}
.usunue > div.sessdat > div.baperfi{ width: 100%; height: 100%; padding: 20px 20px; background: white; border-radius:10px; position:relative;}
.usunue > div.sessdat > div.baperfi > i{position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
.usunue > div.sessdat > div.baperfi .datper{ display:grid; grid-template-columns: 1fr 1fr; justify-content: center; align-items: center; margin-top:15px; grid-gap:20px;}
.usunue > div.sessdat > div.baperfi .datper i{ font-size: 18px; margin-right: 5px; padding:5px; border-radius:5px 0 0 5px;}
.usunue > div.sessdat > div.baperfi .datper label{ display:flex; position:relative;}
.usunue > div.sessdat > div.baperfi .datper label input{ width: 100%; border:none; padding:5px; border-bottom:1px solid black;}
.usunue > div.sessdat > div.baperfi .datper label .cuentexist{font-size:12px; color:rgba(255, 0, 0, 0.541); font-weight: 600; position:absolute; bottom: 0; right: 0; display:none;}
.usunue > div.sessdat > div.baperfi .datper label span.ojo{ cursor:pointer; font-size:18px; position:absolute; top:50%; right: 5px; transform: translateY(-50%);}
.usunue > div.sessdat > div.baperfi .datper label span.ur-eye-disabled{display:none;}
.usunue > div.sessdat > div.baperfi .datper label span.usua{width: 100%; border:none; padding:5px; border-bottom:1px solid black; font-size:13px;}
.usunue > div.sessdat > div.baperfi .datper label select{ width: 100%; border:none; text-align: center; padding:1px 5px; box-shadow: 0 3px 2px 0 rgba(5, 5, 5, 0.349);}
.usunue > div.sessdat > div.baperfi > p{ text-align: center; margin-top:10px;}
.usunue > div.sessdat > div.baperfi > p button{padding:8px 15px; border:none; border-radius:5px; margin:20px 10px 0px; font-size:16px; cursor:pointer; border:1px solid rgba(0, 0, 0, 0.096); color:rgb(3, 3, 3); font-weight: 600; letter-spacing: 1pt; }
.usunue > div.sessdat > div.baperfi > p button.crearperfil{background: rgb(168,207,69); border:none; color:white;}
/* ============================================== */


.usupag{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.828); display:flex; z-index: 2; color:white; display:none;}
.usupag > div.cerrarpro{ width: 100%; height: 100%;}
.usupag > div.sessdat{ width: 100%; height: 100%; display:flex; flex-direction:column;}
.usupag > div.sessdat > div.cerrarpro{ width: 100%; height: 100%;}
.usupag > div.sessdat > div.baperfi{ width: 100%; height: 100%; padding: 20px 20px; background: rgba(5, 5, 5, 0.774); border-radius:10px; position:relative; box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.479);}
.usupag > div.sessdat > div.baperfi > i{position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
.usupag > div.sessdat > div.baperfi .usubanprin{ width: 80%; text-align: center; margin:15px auto 20px; padding:15px; border-bottom:1px solid rgba(255, 255, 0, 0.185);}
.usupag > div.sessdat > div.baperfi .datper{ width: 80%; display:grid; grid-template-columns: 1fr 1fr; justify-content: center; align-items: center; margin:35px auto; grid-gap:20px; }
.usupag > div.sessdat > div.baperfi .datper i{color:white; font-size: 18px; margin-right: 15px; padding:0px; border-radius:5px 0 0 5px;}
.usupag > div.sessdat > div.baperfi .datper label{color:white; display:flex; position:relative;}
.usupag > div.sessdat > div.baperfi .movisal{ text-align: center;}
.usupag > div.sessdat > div.baperfi .movisal input{ width:100px; background:rgba(255, 255, 255, 0.767); border:none;  padding:5px 10px; box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.671); color:black;}
.usupag > div.sessdat > div.baperfi > p{ text-align: center; margin-top:10px;}
.usupag > div.sessdat > div.baperfi > p button{padding:8px 15px; border:none; border-radius:5px; margin:20px 10px 0px; font-size:16px; cursor:pointer; border:1px solid rgba(0, 0, 0, 0.096); color:rgb(3, 3, 3); font-weight: 600; letter-spacing: 1pt; background: rgb(168,207,69); border:none; color:white;}

/* ==================================================== */
.domicpag{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.828); display:flex; z-index: 2; color:white; display:none;}
.domicpag > div.cerrarpro{ width: 100%; height: 100%;}
.domicpag > div.sessdat{ width: 100%; height: 100%; display:flex; flex-direction:column;}
.domicpag > div.sessdat > div.cerrarpro{ width: 100%; height: 100%;}
.domicpag > div.sessdat > div.baperfi{ width: 100%; height: 100%; padding: 20px 20px; background: rgba(5, 5, 5, 0.774); border-radius:10px; position:relative; box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.479);}
.domicpag > div.sessdat > div.baperfi > i{position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
.domicpag > div.sessdat > div.baperfi .usubanprin{ width: 80%; text-align: center; margin:15px auto 20px; padding:15px; border-bottom:1px solid rgba(255, 255, 0, 0.185);}
.domicpag > div.sessdat > div.baperfi .datper{ width: 80%; display:grid; grid-template-columns: 1fr 1fr; justify-content: center; align-items: center; margin:35px auto; grid-gap:20px; }
.domicpag > div.sessdat > div.baperfi .datper i{color:white; font-size: 18px; margin-right: 15px; padding:0px; border-radius:5px 0 0 5px;}
.domicpag > div.sessdat > div.baperfi .datper label{color:white; display:flex; position:relative;}
.domicpag > div.sessdat > div.baperfi .movisal{ text-align: center;}
.domicpag > div.sessdat > div.baperfi .movisal input{ width:40px; background:rgba(255, 255, 255, 0.767); border:none;  padding:5px 10px; box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.671); color:black;}
.domicpag > div.sessdat > div.baperfi > p{ text-align: center; margin-top:10px;}
.domicpag > div.sessdat > div.baperfi > p button{padding:8px 15px; border:none; border-radius:5px; margin:20px 10px 0px; font-size:16px; cursor:pointer; border:1px solid rgba(0, 0, 0, 0.096); color:rgb(3, 3, 3); font-weight: 600; letter-spacing: 1pt; background: rgb(168,207,69); border:none; color:white;}


/* ============================================== */
.datcliente{ width: 900px; margin:0 auto; display:grid; grid-template-columns: 30px 1fr 1fr 100px 70px 100px 100px; grid-gap:2px;}
.datcliente span{ width: 100%; height: 20px; overflow: hidden; text-align:center; font-size:14px; display:flex; justify-content: center; align-items: center;}
.datcliente span.titul{ background: rgba(83, 83, 83, 0.918); font-weight: 600; color:white; border-radius:5px 5px 0 0; height: 30px; }
.datcliente span.segu{ background: rgba(180, 180, 180, 0.424); height: 25px;}
.datcliente span.accion{ font-size:18px;}
.datcliente span.accion i{ margin:0 5px; color:red; cursor:pointer;}
.datcliente span.accion i.ur-eye{color:rgb(6, 207, 6);}
.datcliente span.accion i.ur-money{ color:rgb(72, 255, 0);}
.inteusu{ width: 900px; margin:20px auto 10px;  display:flex; justify-content: space-between; align-items: center;}
.inteusu h3{ font-size:24px; color:rgba(0, 0, 0, 0.513);}
.inteusu label select{ width: 150px; text-align: center; background:none; font-size:18px; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.239);}
.inteusu > div{ width:170px; height:35px; border-radius:5px; background: rgb(168,207,69); color:white; display:flex; justify-content: center; align-items: center; font-size:16px; font-weight: 600; cursor:pointer; }
.inteusu > div i{margin-right:10px; vertical-align: middle;}
.inteusu > span{padding:8px 15px; font-weight: 600; border-radius:5px; background: rgba(255, 0, 0, 0.335); cursor:pointer; color:rgba(0, 0, 0, 0.664);}

.datbodega{ width: 900px; margin:0 auto; display:grid; grid-template-columns: 30px 1fr 1fr 100px 1fr 80px; grid-gap:2px;}
.datbodega span{ width: 100%; height: 20px; overflow: hidden; text-align:center; font-size:14px; display:flex; justify-content: center; align-items: center;}
.datbodega span.titul{ background: rgba(83, 83, 83, 0.918); font-weight: 600; color:white; border-radius:5px 5px 0 0; height: 30px; }
.datbodega span.segu{ background: rgba(180, 180, 180, 0.424); height: 25px;}
.datbodega span.accion{ font-size:18px;}
.datbodega span.accion i{ margin:0 5px; color:red; cursor:pointer;}
.datbodega span.accion i.ur-eye{color:rgb(6, 207, 6);}

.domici{ width: 900px; margin:0 auto; display:grid; grid-template-columns: 30px 1fr 1fr 100px 1fr 80px 100px; grid-gap:2px;}
.domici span{ width: 100%; height: 20px; overflow: hidden; text-align:center; font-size:14px; display:flex; justify-content: center; align-items: center;}
.domici span.titul{ background: rgba(83, 83, 83, 0.918); font-weight: 600; color:white; border-radius:5px 5px 0 0; height: 30px; }
.domici span.segu{ background: rgba(180, 180, 180, 0.424); height: 25px;}
.domici span.accion{ font-size:18px;}
.domici span.accion i{ margin:0 5px; color:red; cursor:pointer;}
.domici span.accion i.ur-eye{color:rgb(6, 207, 6);}
.domici span.accion i.ur-money{ color:rgb(72, 255, 0);}

/* ================================================= */
.usuestanper{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.349); display:flex; z-index: 2; }
.usuestanper > div.cerrarpro{ width: 100%; height: 100%;}
.usuestanper > div.sessdat{ width: 100%; height: 100%; display:flex; flex-direction:column;}
.usuestanper > div.sessdat > div.cerrarpro{ width: 100%; height: 100%;}
.usuestanper > div.sessdat > div.baperfi{ width: 100%; height: 100%; padding: 20px 20px; background: white; border-radius:10px; position:relative;}
.usuestanper > div.sessdat > div.baperfi > i{position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
.usuestanper > div.sessdat > div.baperfi .imgpgot{ width: 100px; height: 100px; position: absolute; top:-40px; left: 50%; transform: translateX(-50%); background: white; border-radius:50%;  display:flex; justify-content: center; align-items: center; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.637);}
.usuestanper > div.sessdat > div.baperfi .imgpgot > i{ font-size:65px;}
.usuestanper > div.sessdat > div.baperfi .imgrefer{ width: 80px; top:12px; left:10px; font-size:14px; color:royalblue; position:absolute; display:flex; justify-content: center; align-items: center; flex-direction:column; }
.usuestanper > div.sessdat > div.baperfi .imgrefer img{width: 50px;}
.usuestanper > div.sessdat > div.baperfi .ciudimor{ text-align:center; margin-top:70px;}
.usuestanper > div.sessdat > div.baperfi .ciudimor i{margin-right: 10px;}
.usuestanper > div.sessdat > div.baperfi .ciudimor select{border:none; width: 150px; border-bottom: 1px solid rgba(0, 0, 0, 0.13); text-align: center; padding:3px 5px; background: rgb(232,232,232); border-radius:10px; box-shadow: 0 0 2px 0 rgba(5, 5, 5, 0.349);}
.usuestanper > div.sessdat > div.baperfi .datper{ display:flex; flex-wrap: wrap; justify-content: space-around; align-items: center; margin-top:10px; }
.usuestanper > div.sessdat > div.baperfi .datper i{ font-size: 18px; margin-right: 5px; padding:5px; border-radius:5px 0 0 5px;}
.usuestanper > div.sessdat > div.baperfi .datper label{ width: 40%; margin:10px 0; display:flex; position:relative;}
.usuestanper > div.sessdat > div.baperfi .datper label input{ width: 100%; border:none; padding:5px; border-bottom:1px solid black;}
.usuestanper > div.sessdat > div.baperfi .datper label span.ojo{ cursor:pointer; font-size:18px; position:absolute; top:50%; right: 5px; transform: translateY(-50%);}
.usuestanper > div.sessdat > div.baperfi .datper label span.ur-eye-disabled{display:none;}
.usuestanper > div.sessdat > div.baperfi .datper label span.usua{width: 100%; border:none; padding:5px; border-bottom:1px solid black; font-size:13px;}
.usuestanper > div.sessdat > div.baperfi > span{ display:block; text-align: center; margin-top:15px;}
.usuestanper > div.sessdat > div.baperfi > span svg{ margin-right: 5px; padding-bottom: 5px;}
.usuestanper > div.sessdat > div.baperfi > p{ text-align: center; margin-top:10px;}
.usuestanper > div.sessdat > div.baperfi > p button{padding:8px 15px; border:none; border-radius:5px; margin:20px 10px 0px; font-size:16px; cursor:pointer; border:1px solid rgba(0, 0, 0, 0.096); color:rgb(3, 3, 3); font-weight: 600; letter-spacing: 1pt; }
.usuestanper > div.sessdat > div.baperfi .referidoo{padding:5px 30px; color:rgba(0, 0, 0, 0.561); text-align: center;}
.usuestanper > div.sessdat > div.baperfi .referidoo label{ display:block; margin-top:20px; color:black; font-weight:600; color:blue;}
.usuestanper > div.sessdat > div.baperfi .referidoo label i{vertical-align: middle; margin-right: 10px; font-size:20px; color:black;}
.usuestanper > div.sessdat > div.baperfi .referidoo label button{ border:none; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.557); margin-left: 15px; padding:5px 10px; font-size:16px; cursor:pointer; border-radius:5px; background: rgb(183, 255, 2);}
.usuestanper > div.sessdat > div.baperfi > p button.actuperfipanel{background: orange; border:none; color:white;}

/* ================COMPRAS================== */
.pathcompras{width: 900px; height: auto; margin:20px auto; padding:15px 10px; }
.pathcompras > .tite{display:flex; justify-content: space-between; align-items: center;}
.pathcompras > .tite button{border:none; width: 180px; height: 35px; display:flex; justify-content: center; align-items: center; border-radius:5px; cursor:pointer; font-size:16px; background:rgb(249,250,253);}
.pathcompras > .tite .newcomp{ background: rgb(168,207,69); color:white; font-weight: 600;}
.pathcompras > .tite .newcomp i{margin-right:5px;}
.pathcompras > .datrecompr{ width: 650px; margin:20px auto 0; display:grid; grid-template-columns:40px 150px 1fr 120px 120px;}
.pathcompras > .datrecompr span{ width: 100%; height: 20px; padding:5px 0; font-size:14px; color:rgba(0, 0, 0, 0.602); margin:2px; text-align: center; display:flex; justify-content: center; align-items: center; overflow: hidden; background: rgba(0, 0, 0, 0.061);}
.pathcompras > .datrecompr span.prin{font-weight: 600; background: rgba(0, 0, 0, 0.705); color:white;}
.pathcompras > .datrecompr span i{font-size:18px; margin:0 5px; cursor:pointer;}
.pathcompras > .datrecompr span i.ur-eye{color:rgb(60, 255, 0);}
.pathcompras > .datrecompr span i.ur-printer{color:rgb(0, 60, 255);}
.pathcompras > .datrecompr span i.ur-times{color:rgb(255, 0, 0);}

.sucomre{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.349); display:flex; z-index: 2; display:none;}
.sucomre > div.cerrarpro{ width: 100%; height: 100%;}
.sucomre > div.sessdat{ width: 100%; height: 100%; display:flex; flex-direction:column;}
.sucomre > div.sessdat > div.cerrarpro{ width: 100%; height: 40%;}
.sucomre > div.sessdat > div.baperfi{ width: 600px; height: 100%; max-height: 80vh; padding: 20px 0px; background: white; border-radius:10px; position:relative; overflow: auto;}
.sucomre > div.sessdat > div.baperfi > i{position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
.sucomre > div.sessdat > div.baperfi .titl{display:flex; justify-content: space-between; align-items: center; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.157); padding:0 20px 10px;}
.sucomre > div.sessdat > div.baperfi .titl img{ width: 120px;}
.sucomre > div.sessdat > div.baperfi .titl .one{text-align: center; font-size:14px; color:rgba(0, 0, 0, 0.609); line-height: 1.2;}
.sucomre > div.sessdat > div.baperfi .titl .one strong{font-size:16px;}
.sucomre > div.sessdat > div.baperfi .titl .two{ text-align: center; font-size:14px; color:rgba(0, 0, 0, 0.65)}
.sucomre > div.sessdat > div.baperfi .proveedor{border:1px solid rgba(0, 0, 0, 0.267); width: 90%; height: auto; margin:20px auto 0; display:grid; grid-template-columns: 1fr 1fr; border-radius:5px; padding:10px 0;}
.sucomre > div.sessdat > div.baperfi .proveedor label{ margin:3px 25px; font-size:14px; color:rgba(0, 0, 0, 0.534); display:flex; justify-content: space-between; }
.sucomre > div.sessdat > div.baperfi .proveedor label input{width: 70%; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.424); padding:1px 5px;}
.sucomre > div.sessdat > div.baperfi .proveedor label select{width: 70%; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.424); padding:1px 5px;}
.sucomre > div.sessdat > div.baperfi .prodcanti{ width: 90%; height: auto; margin:5px auto 40px; padding:10px 0 40px; border:1px solid rgba(0, 0, 0, 0.267); border-radius:5px 5px 0 0; position:relative;}
.sucomre > div.sessdat > div.baperfi .prodcanti > div{ display:grid; grid-template-columns:1fr 60px 70px 100px; text-align: center;}
.sucomre > div.sessdat > div.baperfi .prodcanti > div > span{padding:3px 0; margin:0 1px; font-size:14px; overflow: hidden;display:flex; justify-content: center; align-items: center;}
.sucomre > div.sessdat > div.baperfi .prodcanti > div > span.prin{ font-weight: 600; background: rgba(0, 0, 0, 0.465); color:white;}
.sucomre > div.sessdat > div.baperfi .prodcanti > div > span.one{justify-content: left; padding-left: 5px;}
.sucomre > div.sessdat > div.baperfi .prodcanti > div > span.three{justify-content: right; padding-right: 5px;}

.sucomre > div.sessdat > div.baperfi .prodcanti > button{ width: 150px; height: 30px; border:none; position: absolute; bottom:0; left: 50%; transform: translateX(-50%); display:flex; justify-content: center; align-items: center; color:white; font-size:15px; background: rgb(168,207,69); border-radius:5px; cursor:pointer;}
.sucomre > div.sessdat > div.baperfi .prodcanti > div > p{ width: 150px; height: 30px; display: flex; justify-content: right; align-items: center; font-weight: 600; position: absolute; bottom: -35px; right: 0; padding:0 20px 0 0;}
.sucomre > div.sessdat > div.baperfi .firmas{ width: 90%; height: auto; margin:60px auto 0; display:flex; justify-content: center; align-items: center;}
.sucomre > div.sessdat > div.baperfi .firmas span{ font-size:13px; width: 200px; text-align: center; padding:10px 0; margin:0 10px; border-top:1px solid rgba(0, 0, 0, 0.294); color:rgba(0, 0, 0, 0.541); }
.sucomre > div.sessdat > div.baperfi .comguard{display:flex; justify-content: center; align-items: center; margin:20px 0;}
.sucomre > div.sessdat > div.baperfi .comguard button{ padding:7px 15px; font-size:16px; background: rgb(168,207,69); color:white; font-weight: 600; border:none; border-radius:5px; cursor:pointer;}

.seleitembus{ width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.472); position:fixed; top:0; left: 0; display:flex; justify-content: center; align-items:center; overflow: auto; display:none;}
.seleitembus > div{ width: 600px; height: auto; max-height: 90%; border:1px solid black; border-radius:5px; display:flex; justify-content: center; align-items: center; flex-direction: column; padding:20px; background: white; }
.seleitembus > div > button{ padding:10px 15px; font-size:16px; background: rgb(168,207,69); color:white; font-weight: 600; border:none; border-radius:5px; cursor:pointer;}
.seleitembus > div .buspanel{ width: 250px; background: rgb(61, 61, 60); border-radius:5px; padding:3px 3px; display:flex; justify-content: left; align-items: center;}
.seleitembus > div .buspanel input{ width: 500px; height: 35px; border:none; border-radius:5px 0 0 5px; padding:11px 0 11px 10px;}
.seleitembus > div .buspanel i{ font-size:20px; color:rgba(255, 255, 255, 0.767); vertical-align: middle; padding:2px 10px 0px 10px; cursor:pointer;}
.seleitembus > div .buspanel i:hover{ color:white;}
.seleitembus > div .resubuspa{ width: 100%; height: auto; max-height: 200px; padding:5px; margin:10px 0; border:1px solid black; border-radius:5px; overflow: auto;}
.seleitembus > div .resubuspa > div{ display:grid; grid-template-columns:1fr 60px 60px 110px 80px;}
.seleitembus > div .resubuspa input, .seleitembus > div .resubuspa span, .seleitembus > div .resubuspa button{ margin:2px 1px; font-size:14px; padding:3px 5px; border:none; border:1px solid black; overflow: hidden;}
.seleitembus > div .resubuspa .inone{ border-radius:5px 0 0 5px;}
.seleitembus > div .resubuspa .infin{ border-radius:0 5px 5px 0;}
.seleitembus > div .resubuspa span{ text-align: right;}
.seleitembus > div .resubuspa button{ cursor:pointer;}
.seleitembus > div .resubuspa button:hover{background:rgb(168,207,69);}
.seleitembus > div .aquseagr{ width: 100%; height: auto; max-height: 300px; padding:5px; margin:10px 0; overflow:auto;}
.seleitembus > div .aquseagr > div{display:grid; grid-template-columns:1fr 60px 60px 110px 80px; border-bottom:1px solid black; margin:3px 0; font-size:14px; color:rgba(0, 0, 0, 0.493);}
.seleitembus > div .aquseagr > div:last-child{border:none;}
.seleitembus > div .aquseagr > div span{overflow: hidden;}
.seleitembus > div .aquseagr > div span.medi{text-align: center;}
.seleitembus > div .aquseagr > div span.three{ text-align: right;}
.seleitembus > div .aquseagr > div i{color:red; text-align: center; cursor:pointer;}
.seleitembus > div .aquseagr > P{ margin:15px 0; text-align: center;}

.sescompras{display:none;}
/* ================================================================ */
.vercomre{ width: 100%; height: 100vh; position:fixed; top:0; left: 0; background:rgba(5, 5, 5, 0.349); display:flex; z-index: 2; display:none;}
.vercomre > div.cerrarpro{ width: 100%; height: 100%;}
.vercomre > div.sessdat{ width: 100%; height: 100%; display:flex; flex-direction:column;}
.vercomre > div.sessdat > div.cerrarpro{ width: 100%; height: 40%;}
.vercomre > div.sessdat > div.baperfi{ width: 600px; height: 100%; min-height: 600px; padding: 20px 0px; background: white; border-radius:10px; position:relative; overflow: auto;}
.vercomre > div.sessdat > div.baperfi > i{position:absolute; top:10px; right: 15px; font-size:22px; color:red; cursor:pointer;}
.vercomre > div.sessdat > div.baperfi .titl{display:flex; justify-content: space-between; align-items: center; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.157); padding:0 20px 10px;}
.vercomre > div.sessdat > div.baperfi .titl img{ width: 120px;}
.vercomre > div.sessdat > div.baperfi .titl .one{text-align: center; font-size:14px; color:rgba(0, 0, 0, 0.609); line-height: 1.2;}
.vercomre > div.sessdat > div.baperfi .titl .one strong{font-size:16px;}
.vercomre > div.sessdat > div.baperfi .titl .two{ text-align: center; font-size:14px; color:rgba(0, 0, 0, 0.65)}
.vercomre > div.sessdat > div.baperfi .proveedor{border:1px solid rgba(0, 0, 0, 0.267); width: 90%; height: auto; margin:20px auto 0; display:grid; grid-template-columns: 1fr 1fr; border-radius:5px; padding:10px 0;}
.vercomre > div.sessdat > div.baperfi .proveedor label{ margin:3px 25px; font-size:14px; color:rgba(0, 0, 0, 0.534); display:flex; justify-content: space-between; }
.vercomre > div.sessdat > div.baperfi .proveedor label input{width: 70%; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.424); padding:1px 5px;}
.vercomre > div.sessdat > div.baperfi .prodcanti{ width: 90%; height: auto; margin:5px auto 40px; padding:10px 0 40px; border:1px solid rgba(0, 0, 0, 0.267); border-radius:5px 5px 0 0; position:relative;}
.vercomre > div.sessdat > div.baperfi .prodcanti > div{ display:grid; grid-template-columns:1fr 60px 70px 100px; text-align: center;}
.vercomre > div.sessdat > div.baperfi .prodcanti > div > span{padding:3px 0; margin:0 1px; font-size:14px; overflow: hidden;display:flex; justify-content: center; align-items: center;}
.vercomre > div.sessdat > div.baperfi .prodcanti > div > span.prin{ font-weight: 600; background: rgba(0, 0, 0, 0.465); color:white;}
.vercomre > div.sessdat > div.baperfi .prodcanti > div > span.one{justify-content: left; padding-left: 5px;}
.vercomre > div.sessdat > div.baperfi .prodcanti > div > span.three{justify-content: right; padding-right: 5px;}

.vercomre > div.sessdat > div.baperfi .prodcanti > button{ width: 150px; height: 30px; border:none; position: absolute; bottom:0; left: 50%; transform: translateX(-50%); display:flex; justify-content: center; align-items: center; color:white; font-size:15px; background: rgb(168,207,69); border-radius:5px; cursor:pointer;}
.vercomre > div.sessdat > div.baperfi .prodcanti > div > p{ width: 150px; height: 30px; display: flex; justify-content: right; align-items: center; font-weight: 600; position: absolute; bottom: -35px; right: 0; padding:0 20px 0 0;}
.vercomre > div.sessdat > div.baperfi .firmas{ width: 90%; height: auto; margin:60px auto 0; display:flex; justify-content: center; align-items: center;}
.vercomre > div.sessdat > div.baperfi .firmas span{ font-size:13px; width: 200px; text-align: center; padding:10px 0; margin:0 10px; border-top:1px solid rgba(0, 0, 0, 0.294); color:rgba(0, 0, 0, 0.541); }
.vercomre > div.sessdat > div.baperfi .comguard{display:flex; justify-content: center; align-items: center; margin:20px 0;}
.vercomre > div.sessdat > div.baperfi .comguard button{ padding:7px 15px; font-size:16px; background: rgb(168,207,69); color:white; font-weight: 600; border:none; border-radius:5px; cursor:pointer;}

.sesreportes{ text-align: center; margin-top:20px; display:none;}
.sesreportes h3{ color:rgba(0, 0, 0, 0.602); margin-bottom:20px;}
.sesreportes button{ width: 130px; border:none; padding:10px 15px; font-size:16px; border-radius:5px; background: rgb(168,207,69); color:white; cursor:pointer;}
.sesreportes .conrepor{ width: 500px; height: auto; margin:20px auto; display:grid; grid-template-columns:1fr 1fr; justify-content: center; align-items:center; grid-template-rows: auto;}
.sesreportes .conrepor > div{ height: 180px; display:flex; justify-content: center; align-items: center; flex-direction:column; box-shadow:0 0 4px 0  rgba(0, 0, 0, 0.438); margin:0 10px;}
.sesreportes .conrepor > div > div{ margin-bottom:20px; display: grid; grid-template-columns:45px 1fr;}
.sesreportes .conrepor > div > div input{ margin:5px 0; border:none; padding:5px; background:rgb(255, 255, 255); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.767); border-radius:10px; text-align: center; width: 100%;}
.sesreportes .conrepor > div > div span{ padding:5px; text-align: left; display:block; font-weight: 600;}
.posrepordia2, .tiendapos{margin-bottom:20px;}

.orgirepofil{ width: 500px; display:grid; grid-template-columns:60px 1fr 1fr 70px; margin:0 auto;}
.orgirepofil span{padding:5px 0; border-bottom:1px solid rgba(0, 0, 0, 0.185);}

.fullfiltrrep{ width: 100%; height: 100vh; background: rgba(2, 2, 2, 0.157); position:fixed; top:0; left:0; display:flex; justify-content: center; overflow: auto; display:none;}
.fullfiltrrep > div{background:rgb(231, 231, 231); padding:50px 40px 20px; box-shadow:0 0 20px 5px rgba(255, 255, 255, 0.828);}
.cerrfiltro{ padding:10px 20px; background: rgba(255, 0, 0, 0.466); border-radius:5px; margin-top:30px; cursor:pointer; font-weight: 600;}
.fullfiltrrep .one{ text-align:left; display:block; margin:20px 0 10px; font-size:16px; color:rgba(0,0,0,0.6);}
.fullfiltrrep span.vercierrecaja, .fullfiltrrep span.vercierrecaja2{text-decoration:underline; color:royalblue; cursor:pointer;}
.filcantiproduc{cursor:pointer;}
.filcantiproduc i{ padding-top:5px; }
/* ==================================================== */

.impcompr{ width: 100%; height: auto; position:relative; display:flex; justify-content: center;}
.impcompr > div.sessdat{ width: 700px; height: auto; display:flex; flex-direction:column;}
.impcompr > div.sessdat > div.cerrarpro{ width: 100%; height: 70%;}
.impcompr > div.sessdat > div.baperfi{ width: 100%; height: auto; padding: 20px 0px; background: white; border-radius:10px; position:relative;}
.impcompr > div.sessdat > div.baperfi .titl{display:flex; justify-content: space-between; align-items: center; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.157); padding:0 20px 10px;}
.impcompr > div.sessdat > div.baperfi .titl img{ width: 120px;}
.impcompr > div.sessdat > div.baperfi .titl .one{text-align: center; font-size:14px; color:rgba(0, 0, 0, 0.609); line-height: 1.2;}
.impcompr > div.sessdat > div.baperfi .titl .one strong{font-size:16px;}
.impcompr > div.sessdat > div.baperfi .titl .two{ text-align: center; font-size:14px; color:rgba(0, 0, 0, 0.65)}
.impcompr > div.sessdat > div.baperfi .proveedor{border:1px solid rgba(0, 0, 0, 0.267); width: 90%; height: auto; margin:20px auto 0; display:grid; grid-template-columns: 1fr 1fr; border-radius:5px; padding:10px 0;}
.impcompr > div.sessdat > div.baperfi .proveedor label{ margin:3px 25px; font-size:14px; color:rgba(0, 0, 0, 0.534); display:flex; justify-content: space-between; }
.impcompr > div.sessdat > div.baperfi .proveedor label input{width: 70%; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.424); padding:1px 5px;}
.impcompr > div.sessdat > div.baperfi .prodcanti{ width: 90%; height: auto; margin:5px auto 40px; padding:10px 0 40px; border:1px solid rgba(0, 0, 0, 0.267); border-radius:5px 5px 0 0; position:relative;}
.impcompr > div.sessdat > div.baperfi .prodcanti > div{ display:grid; grid-template-columns:1fr 60px 70px 100px; text-align: center;}
.impcompr > div.sessdat > div.baperfi .prodcanti > div > span{padding:3px 0; margin:0 1px; font-size:14px; overflow: hidden;display:flex; justify-content: center; align-items: center;}
.impcompr > div.sessdat > div.baperfi .prodcanti > div > span.prin{ font-weight: 600; background: rgba(0, 0, 0, 0.465); color:white;}
.impcompr > div.sessdat > div.baperfi .prodcanti > div > span.one{justify-content: left; padding-left: 5px;}
.impcompr > div.sessdat > div.baperfi .prodcanti > div > span.three{justify-content: right; padding-right: 5px;}
.impcompr > div.sessdat > div.baperfi .prodcanti > div > p{ width: 150px; height: 30px; display: flex; justify-content: right; align-items: center; font-weight: 600; position: absolute; bottom: -35px; right: 0; padding:0 20px 0 0;}
.impcompr > div.sessdat > div.baperfi .firmas{ width: 90%; height: auto; margin:60px auto 0; display:flex; justify-content: center; align-items: center;}
.impcompr > div.sessdat > div.baperfi .firmas span{ font-size:13px; width: 200px; text-align: center; padding:10px 0; margin:0 10px; border-top:1px solid rgba(0, 0, 0, 0.294); color:rgba(0, 0, 0, 0.541); }
/* ======================================================================== */

.imprtiq{ width: 300px; margin:0 auto; text-align: center; padding:10px 0;}
.imprtiq > img{ width: 70%; margin-bottom:0px;}
.imptiven{ width: 300px; height: auto; background: white; padding:10px 20px; margin:0 auto;}
.imptiven h6{text-align: center;}
.imptiven > span{ display:block; margin-bottom:15px; font-size:15px; color:rgba(0, 0, 0, 1); font-weight:600;}
.imptiven .datusu{color:rgba(0, 0, 0, 1); font-size:14px; text-align: left; margin-bottom: 10px;}
.imptiven > h3{width: 100%; text-align: center; font-size:13px; border-top: dashed 1px rgba(0, 0, 0, 0.445); padding:10px 0 3px;}

/* ========================================================================= */
.chat-whatsapp{ width: 100px; height: auto;  position:fixed; bottom:10px; right:10px; padding:15px 10px;}
.chat-whatsapp > div:nth-child(1){ width: 300px; height: auto; border-radius:10px; background: rgb(244,244,244); position: absolute; right: 0; bottom: 62px; display:none; }
.chat-whatsapp > div:nth-child(1) > p:nth-child(1){ width: 100%; height: auto;  background: rgb(18,140,126); border-radius:5px 5px 0 0; padding:5px 10px; display:flex; justify-content: space-between; font-size:14px; font-weight: 600; color: rgb(216,236,234); }
.chat-whatsapp > div:nth-child(1) > p:nth-child(1) i{ color: tomato;}
.chat-whatsapp > div:nth-child(1) > p:nth-child(1) i:hover{transform: scale(1.2); cursor:pointer;}

.chat-whatsapp > div:nth-child(1) .hut{ width: 100%; height: auto; max-height: 72vh; overflow: auto;}

.chat-whatsapp > div:nth-child(1) p.interachat{ background:rgb(229,221,213); padding:10px 15px;}

.chat-whatsapp > div:nth-child(1) p.interachat > span.bot{ background:rgb(255,255,255); padding:10px 15px; display:inline-block; border-radius:0 10px 10px 10px; font-size:14px; margin-bottom:5px;}

.chat-whatsapp > div:nth-child(1) p.interachat > span.bot > span.atrichat{display:block; padding:5px; border:1px solid rgb(0, 38, 251); margin-bottom: 5px; border-radius:10px; cursor:pointer; color:royalblue;}
.chat-whatsapp > div:nth-child(1) p.interachat > span.bot > span.sinochat{display:inline-block; padding:5px 10px; border:1px solid rgb(0, 38, 251); margin-right:10px; border-radius:10px; cursor:pointer; color:royalblue;}

.chat-whatsapp > div:nth-child(1) p.interachat > span.humano{background:rgb(229,221,213); display:block; text-align: right; padding:0; margin-bottom:5px; display:flex; justify-content: flex-end;}
.chat-whatsapp > div:nth-child(1) p.interachat > span.humano span{background:rgb(220,248,198); padding:10px 15px; border-radius:10px 10px 0px 10px; font-size:14px; text-align: right;}

.chat-whatsapp > div:nth-child(1) p.hablawhat{ width: 100%; height: auto; padding:10px 15px; border-radius: 0 0 5px 5px; display:flex; justify-content:space-between; align-items: center;}
.chat-whatsapp textarea{width: 85%; height: 50px; border-radius:5px; border:1px solid rgba(0,0,0,0.5); font-size:14px; padding:5px;}
.chat-whatsapp > div:nth-child(1) p.hablawhat i{ font-size:24px;}
.chat-whatsapp > div:nth-child(1) p.hablawhat i:hover{color:rgb(37,211,102); cursor:pointer;}
.chat-whatsapp > div:nth-child(2){ width: 100%; height: auto; text-align: end; margin-top:15px;}
.chat-whatsapp > div:nth-child(2) i{ background: rgb(37,211,102); color: white; position:relative; font-size:38px; padding:12px 8px 2px 8px; border-radius:50%;}
.chat-whatsapp > div:nth-child(2) i:hover{background: rgb(1, 253, 93); cursor:pointer;}
.chat-whatsapp > div:nth-child(2) span{ position: absolute; top:-5px; left:-5px; font-weight: 600; background: red; color:white; font-size:14px; padding: 0 5px; border-radius: 50%; display:none;}
/* ====================================================================== */
.banadmcuenta{display:none;}
.adcuent{ width: 100%; height: auto; max-width: 900px; margin:0 auto; display:flex; }
.adcuent > div.sessdat{ width: 100%; height: 100%; display:flex; flex-direction:column;}
.adcuent > div.sessdat > div.baperfi{ width: 100%; height: 100%; padding: 20px 20px;  border-radius:10px; position:relative;}
.adcuent > div.sessdat > div.baperfi .imgpgot{ width: 150px; height: 100px;  display:flex; justify-content: center; align-items: center; margin:0 auto;}
.adcuent > div.sessdat > div.baperfi .imgpgot img{width: 100%;}
.adcuent > div.sessdat > div.baperfi .datper{ display:flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }
.adcuent > div.sessdat > div.baperfi .datper i{ font-size: 18px; margin-right: 5px; padding:5px; border-radius:5px 0 0 5px;}
.adcuent > div.sessdat > div.baperfi .datper label{ width: 40%; margin:10px 0; display:flex; position:relative;}
.adcuent > div.sessdat > div.baperfi .datper label input{ width: 100%; border:none; padding:5px; border-bottom:1px solid black; background: none;}
.adcuent > div.sessdat > div.baperfi .datper label span.ojo{ cursor:pointer; font-size:18px; position:absolute; top:50%; right: 5px; transform: translateY(-50%);}
.adcuent > div.sessdat > div.baperfi .datper label span.ur-eye-disabled{display:none;}
.adcuent > div.sessdat > div.baperfi .datper label span.usua{width: 100%; border:none; padding:5px; border-bottom:1px solid black; font-size:13px;}
.adcuent > div.sessdat > div.baperfi > p{ text-align: center; margin-top:10px;}
.adcuent > div.sessdat > div.baperfi > p button{padding:8px 15px; border:none; border-radius:5px; margin:20px 10px 0px; font-size:16px; cursor:pointer; border:1px solid rgba(0, 0, 0, 0.096); color:rgb(3, 3, 3); font-weight: 600; letter-spacing: 1pt; background: orange; border:none; color:white;}
.adcuent > div.sessdat > div.baperfi > div.a{ border-bottom:1px solid rgba(0,0,0,0.4); margin-bottom:20px; }
.adcuent > div.sessdat > div.baperfi > div.a > h3{ color: rgb(102, 165, 153); font-size: 20px; padding-bottom: 15px; border-bottom: 2px solid rgb(239, 241, 249);}
.adcuent > div.sessdat > div.baperfi > div.a > h3 > span{ color: rgba(180, 184, 186, 1); font-size: 14px;}
.adcuent > div.sessdat > div.baperfi > div.a > div{ width: 600px; margin:35px auto; display:flex; justify-content: space-between; flex-wrap: wrap; }
.adcuent > div.sessdat > div.baperfi > div.a > div > div{ width: 48%; margin:5px 0; display:flex; flex-direction: column; color:rgba(0,0,0,0.7); }
.adcuent > div.sessdat > div.baperfi > div.a > div > div > input{ margin-top:5px; }
.adcuent > div.sessdat > div.baperfi > div.a > div > div.b{ width: 100%; margin:20px 0; display:flex; justify-content: center; align-items: center;}
.adcuent > div.sessdat > div.baperfi > div.a > div > div.b > button{ background:blue; color:white; width: 120px; border:none; }
.adcuent > div.sessdat > div.baperfi > div.a > div > div.b > button:hover{ opacity:0.7;}
.adcuent > div.sessdat > div.baperfi > div.a > div > div.b > button:active{ background:black;}


/* ================================================== */
.titcilinact{text-align:center; margin:20px 0; color:rgba(0,0,0,0.6);}
.usuinacti{ width: 700px; margin:0 auto; display:grid; grid-template-columns: 30px 1fr 1fr 100px 1fr; grid-gap:2px;}
.usuinacti span{ width: 100%; height: 20px; overflow: hidden; text-align:center; font-size:14px; display:flex; justify-content: center; align-items: center;}
.usuinacti span.titul{font-weight: 600; color:rgba(7, 7, 7, 0.671); border-radius:5px 5px 0 0; height: 30px; border-bottom:1px solid black; }
.usuinacti span.segu{ background: rgba(180, 180, 180, 0.164); height: 25px;}
.usuinacti span.accion{ font-size:18px;}
.usuinacti span.accion i{ margin:0 5px; color:red; cursor:pointer;}
.usuinacti span.accion i.ur-eye{color:rgb(6, 207, 6);}
.usuinacti span.accion i.ur-money{ color:rgb(72, 255, 0);}

.textinvi{font-size:12px; margin-top:10px;}
.textinvi strong{font-size:16px;}
/* ==================================== */
.bodegaa{ text-align: center; margin-top:80px;}
.bodegaa select{border:none; width: 100px; height: auto; padding:5px 10px; text-align:center; border-bottom:1px solid black; margin:0 10px;}
.bodegaa button{border:none; background: rgb(168,207,69); color:white; font-weight:600; padding:10px 15px; border-radius:5px; margin-top:10px; cursor: pointer;}

.forcrebode{ width: 100%; height: 100vh; position:fixed; top:0; left:0; background:rgba(228, 228, 228, 0.493); display:flex; justify-content: center; align-items:center;display:none;}
.forcrebode > div{ width: 400px; height: auto; background: rgb(202, 202, 202); box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.767); padding:15px 20px;}
.forcrebode > div h3{color:rgba(0, 0, 0, 0.568); margin-bottom:20px;}
.forcrebode > div input, .forcrebode > div textarea{ display:inline-block; border:none; width: 150px; height: auto; padding:5px 10px; text-align:center; border-bottom:1px solid black; margin:0 10px;}
.forcrebode > div button.cancebodeg{background:rgba(255, 0, 0, 0.5); }
/* ============================================================= */

.comboitem{ width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.472); position:fixed; top:0; left: 0; display:flex; justify-content: center; align-items:center; display:none; }
.comboitem > div{ width: 450px; height: auto; max-height: 90%; border-radius:5px; display:flex; justify-content: center; align-items: center; flex-direction: column; padding:20px; background: white; position: relative; }
.comboitem > div > button{ padding:10px 15px; font-size:16px; background: rgb(168,207,69); color:white; font-weight: 600; border:none; border-radius:5px; cursor:pointer;}
.comboitem > div .frmcombo{ width: 250px; background: rgb(61, 61, 60); border-radius:5px; padding:3px 3px; display:flex; justify-content: left; align-items: center;}
.comboitem > div .frmcombo input{ width: 500px; height: 35px; border:none; border-radius:5px 0 0 5px; padding:11px 0 11px 10px;}
.comboitem > div .frmcombo i{ font-size:20px; color:rgba(255, 255, 255, 0.767); vertical-align: middle; padding:2px 10px 0px 10px; cursor:pointer;}
.comboitem > div .frmcombo i:hover{ color:white;}
.comboitem > div .resubuspa{ width: 100%; height: auto; max-height: 200px; padding:5px; margin:10px 0; border-radius:5px; overflow: auto;}
.comboitem > div .resubuspa > div{ display:flex; justify-content: space-between; border:1px solid rgba(0, 0, 0, 0.246); margin:3px 0; padding:3px 5px;}
.comboitem > div .resubuspa span, .comboitem > div .resubuspa button{ margin:2px 1px; font-size:14px; padding:3px 5px; border:none; overflow: hidden;}
.comboitem > div .resubuspa .inone{ border-radius:5px 0 0 5px;}
.comboitem > div .resubuspa .infin{ border-radius:0 5px 5px 0;}
.comboitem > div .resubuspa span{ text-align: right;}
.comboitem > div .resubuspa button{ cursor:pointer;}
.comboitem > div .resubuspa button:hover{background:rgb(168,207,69);}
.comboitem > div .aquseagr{ width: 100%; height: auto; max-height: 300px; padding:5px; margin:10px 0; overflow:auto;}
.comboitem > div .aquseagr > div{display:grid; grid-template-columns:1fr 60px; border-bottom:1px solid black; margin:3px 0; font-size:14px; color:rgba(0, 0, 0, 0.493);}
.comboitem > div .aquseagr > div:last-child{border:none;}
.comboitem > div .aquseagr > div span{overflow: hidden; padding:3px 10px;}
.comboitem > div .aquseagr > div i{color:red; text-align: center; cursor:pointer;}
.comboitem > div .aquseagr > P{ margin:15px 0; text-align: center;}
.comboitem > div > i.ur-times{position:absolute; top:5px; right: 5px; font-size:25px; color:red; cursor:pointer;}
.reacomod{width: 100%; height: auto; padding:5px; margin:10px 0;}
.reacomod > div{ display:flex; justify-content: space-between; font-size:13px;}
.reacomod > div i{color:red; font-size:14px; cursor:pointer;}

.itemincluido{background: white; margin-top:10px; padding:30px; display:none;}
.itemincluido h4{padding:10px 0; font-size: 18px; line-height: 21px; color: #00535e; font-weight: normal;}
.itemincluido h4 i{color:rgb(0, 195, 173); margin-right: 5px;}
.itemincluido > div.one{ display:grid; grid-template-columns:1fr 100px 170px 70px 90px 100px 130px; background: #F9FAFD; border-bottom: 2px solid rgba(0, 83, 94, 0.5); height: 48px; align-items: center;}
.itemincluido > div.one > p{color: rgba(0, 83, 94, 0.842); font-size:12px; font-weight: 600;}
.itemincluido > div.one > p.inecen{text-align: center;}
.itemincluido > div.one > p.itpri{padding-left:10px;}

.itemincluido div.two{ display:grid; grid-template-columns:1fr 100px 170px 70px 90px 100px 130px; background: rgb(255, 255, 255); border-bottom: 1px solid rgba(0, 83, 94, 0.13); align-items: center; padding:10px 0;}
.itemincluido div.two img{width: 40px; height: 40px;}
.itemincluido div.two > div{display:flex; align-items: center; justify-content: space-between; margin-right: 10px;}
.itemincluido div.two > div label{position:relative; width: 80%;}
.itemincluido div.two > div label input{width: 100%;}
.itemincluido div.two > div i{position:absolute; font-size:12px; top:5px; right:5px; cursor:pointer;}
.itemincluido div.two > div label .rebusitemcom{background:white; position:absolute; width: 100%; height:auto; max-height: 180px; border-radius:0 0 5px 5px; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.557); overflow: auto; z-index:1; display:none;}
.itemincluido div.two > div label .rebusitemcom p{ font-size:12px; padding:5px 10px;}
.itemincluido div.two > div label .rebusitemcom span{ font-size:12px; padding:10px 10px;}
.itemincluido div.two > div label .rebusitemcom p:hover{background: rgb(0,195,173); cursor:pointer;}
.itemincluido div.two input{ padding:3px; border-radius:5px; border:none;}
.itemincluido div.two input:focus{outline:0px; border:1px solid rgb(0,195,173);}
.itemincluido div.two > input{ width: 90%; margin:0 auto; text-align:center;}
.itemincluido div.two > label{ width: 90%; margin:0 auto; text-align:center; position:relative;}
.itemincluido div.two > label input{width: 100%;}
.itemincluido div.two > label .canticombo{padding-left:10px;}
.itemincluido div.two > label i.ur-caret-up{position:absolute; top:-1px; right: 5px; font-size:11px; cursor:pointer;}
.itemincluido div.two > label i.ur-caret-down{position:absolute; bottom:-1px; right: 5px; font-size:11px; cursor:pointer;}
.itemincluido div.two > p{font-size:14px; text-align:center;}
.itemincluido div.two > i{ text-align: center; font-size:25px; color:rgba(0, 0, 0, 0.13); cursor:pointer;}
.itemincluido .masitecomb{ color: #00b19d; text-align: center; background: initial; border: 1px solid #00b19d; border-radius: 4px; padding: 10px; margin: 30px 0px 0; cursor:pointer; font-weight:660;} 
/* ========================================================================== */
.valorinventario{ width:1100px; height:auto; margin:0 auto; background:rgb(249,250,253); display:none;}
.valorinventario > h3 {color: #00535e; font-family: "Roboto",sans-serif; font-size: 32px; font-weight:initial; line-height: 32px;}
.valorinventario > p{font-size:14px; color:rgba(0, 0, 0, 0.602); margin:15px 0 20px;}
.valorinventario > div{display:grid; grid-template-columns:1fr 100px 300px 100px 100px 150px 100px;}
.valorinventario > div.one{background:rgb(243,245,247); }
.valorinventario > div.one span{color: rgb(72,83,94); font-weight:bold; font-size:12px; padding:13px 2px 13px 10px;}
.valorinventario > div.two{background:white;}
.valorinventario > div.two span{ overflow: hidden;-o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 13px;
padding: 15px 6px 15px 10px; white-space: nowrap; text-align: left !important; font-size:12px; border-bottom:1px solid rgba(0,0,0,0.1);}
.valorinventario > h5{width:340px; color: #333; background: none repeat scroll 0 0 #e6e6e6; border: 1px solid #ccc;
  float: right; margin-top: 30px; padding: 29px 0 29px 0; display:flex; justify-content: space-around; margin-bottom:60px;}

.moduinactivos{background:red;}

.bannciudad{ width: 100%; height:100vh; background:rgba(0,0,0,0.4); position: fixed; top:0; left:0; z-index:5; display:flex; justify-content:center; align-items:center;}
.bannciudad > div{width: 300px; height: auto; background:white; border-radius:10px; box-shadow:0 0 10px 1px rgb(255, 255, 255); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px 10px;}
.bannciudad > div img{ width: 70%;}
.bannciudad > div h1{color:rgba(0, 0, 0, 0.678); margin:15px 0 20px; font-size:25px;}
.bannciudad > div h1 strong{color:rgb(209, 16, 36);}
.bannciudad > div > div{ width:50%; border:1px solid rgba(0, 0, 0, 0.465); border-radius:10px; padding:10px 20px; position:relative; margin:10px 0; cursor:pointer;}
.bannciudad > div > div i{position:absolute; right:10px; top:10px;}
.bannciudad > div > div span{ width: 101.5%; background:white; position:absolute; top:100%; left:-1px; padding:10px 20px 0; transform:translateY(-6px); border-left:1px solid rgba(0, 0, 0, 0.465); border-right:1px solid rgba(0, 0, 0, 0.465); border-bottom:1px solid rgba(0, 0, 0, 0.465); border-radius:0 0 10px 10px; display:none;}
.bannciudad > div > div span a{ text-decoration:none; padding:7px 0; color:rgba(0, 0, 0, 0.644); font-weight:600; display:block;}

/* ============ */

.mosbusfil{ margin-top:20px; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.mosbusfil div.one{color:rgba(0, 0, 0, 0.6); font-size: 16px;}
.mosbusfil div.one span{ width: 80px; height: 30px; position:relative; font-size:14px; color:rgba(0, 0, 0, 0.575); display:inline-block;}
.mosbusfil div.one span input{width: 100%; height: 100%; font-size:14px; padding-left:10px; background: linear-gradient(to bottom, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 100%); border:none; border-radius:5px; box-shadow: inset 1px 0px 5px 0px rgba(214,214,214,1), inset -1px 0px 5px 0px rgba(214,214,214,1); }
.mosbusfil div.one span i.ur-caret-up{position:absolute; top:0px; right: 3px; cursor:pointer;}
.mosbusfil div.one span i.ur-caret-down{position:absolute; bottom:0px; right: 3px; cursor:pointer;}
.mosbusfil div.one span i:hover{color:black;}
.mosbusfil div.two{color:rgba(0, 0, 0, 0.6);}
.mosbusfil div.two input{ width: 200px; height: 30px; border:1px solid rgb(214, 214, 214); border-radius:5px; font-size:14px; padding:0 10px;}
.mosbusfil div.two input:focus{border:1px solid black;}
.mosantsigu{ width: 100%; margin-top:30px; display:flex; justify-content: space-between; align-items: center; color:rgba(0,0,0,0.6);}
.mosantsigu button{ width: 80px; height: 35px; margin:0 1px; border-radius:5px; border:2px solid rgb(214, 214, 214); background:none; font-weight: 600; color:rgba(0,0,0,0.7);}
.mosantsigu button:hover{border:1px solid black;}

/* =========VENDEDORES============ */

.sesvendedores{ width: 100%; height: auto; margin:0 auto; display:none;}
.sesvendedores > div.a{width: 100%; max-width: 900px; margin:20px auto; padding:25px; height: auto; position:relative;}
.sesvendedores > div.a > h3{color:rgb(102,165,153); font-size:20px; padding-bottom:15px; border-bottom:2px solid rgb(239,241,249);}
.sesvendedores > div.a > h3 span{color:rgba(180, 184, 186, 1); font-size:14px;}


.idusuarios{ margin-top:20px; border:2px solid rgb(237, 237, 237);}
.idusuarios div.adnmenu{display:grid; grid-template-columns:1fr 100px 120px 70px 70px; background:rgb(237, 237, 237);}
.idusuarios div.adnmenu span{display:flex; justify-content: center; align-items: center; padding:0 10px; color:rgba(255, 255, 255, 0.7); font-weight: 600; height: 40px; background:rgb(77, 78, 78); margin-right: 2px; position:relative; font-size:12px; text-align:center;}
.idusuarios div.adnmenu span:last-child{margin-right: 0px;}
.idusuarios div.adnmenu span:nth-child(1){display:flex; justify-content: center;}
.idusuarios div.adnmenu span i.ur-caret-up{position:absolute; top:3px; right: 3px; cursor:pointer;}
.idusuarios div.adnmenu span i.ur-caret-down{position:absolute; bottom:3px; right: 3px; cursor:pointer;}
.idusuarios div.adnmenu span.conmoin{text-align:center; justify-content: center}
.idusuarios div.admesecc{display:grid; grid-template-columns:1fr 100px 120px 70px 70px; background:rgb(237, 237, 237);}
.idusuarios div.admesecc span{display:flex; align-items: center; padding:0 10px; color:rgba(0, 0, 0, 0.6); font-weight: 600; height: 40px; background:white; margin-right: 2px; position:relative; margin-top:2px; font-size:14px;}
.idusuarios div.admesecc span:last-child{margin-right: 0px;}
.idusuarios div.admesecc span.spacen{text-align: center; display:flex; justify-content: center; }
.idusuarios div.admesecc i{ width:90%; height: 30px; display:flex; justify-content: center; align-items: center; cursor:pointer; border-radius:5px; color:rgba(255, 255, 255, 0.726); font-size:20px;}
.idusuarios div.admesecc i.ur-ios-search-strong{background:rgb(35, 103, 149);}
.idusuarios div.admesecc i.ur-check{background:rgb(116, 223, 89);}
.idusuarios div.admesecc i.ur-times{background:rgb(233, 74, 74);}
.idusuarios div.admesecc i.ur-pencil{background: rgb(180, 172, 61);}
.idusuarios div.admesecc i:hover{opacity:0.6;}
.idusuarios span.nadadatos{ display:block; width:100%; text-align:center; padding:10px;}


.banneregusu{width: 100%; height: 100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.3); overflow:auto; display:none;}
.banneregusu > div{width: 850px; height: auto; margin:55px auto 0; background:white; border-radius:5px;}
.banneregusu > div > h3{background:rgb(77, 78, 78); border-radius: 5px 5px 0 0; padding:10px 15px 7px; color:white; font-weight: initial; position: relative; font-size:18px;}
.banneregusu > div > h3 i{position:absolute; top:5px; right: 10px; font-size:20px; cursor:pointer; color:red;}
.banneregusu > div > div{padding:20px 20px 0px; display:flex; flex-wrap: wrap;}
.banneregusu > div > div div.two{width: 100%; display:grid; grid-template-columns: 1fr 1fr; }
.banneregusu > div > div label{display:flex; flex-direction: column; color:rgba(0, 0, 0, 0.6); margin:5px;}
.banneregusu > div > div label > input{ margin-top:7px;}
.banneregusu > div > div label > span{ width: 100%; height: 30px; margin-top:7px; border:1px solid rgba(0,0,0,0.2); border-radius:5px; padding:5px 10px;}

.banneregusu > div > div div.la{display:flex; flex-direction: column; color:rgba(0, 0, 0, 0.6); margin:5px;}
.banneregusu > div > div div.la > div{ margin-top:7px; }

.banneregusu > div > div select{ margin-top:7px;}
.banneregusu > div > div div.two div.usunomtipo{display:grid; grid-template-columns:1fr 30%;}
.banneregusu > div > div div.two div.usunomtipo > label:nth-child(1){margin-right: 5%;}
.banneregusu > div > div div.two div.usucodicar{display:grid; grid-template-columns:1fr 1fr;}
.banneregusu > div > div div.two div.usucodicar > label:nth-child(1){margin-right: 5%;}
.banneregusu > div > div div.two div.banfirme{display:flex; justify-content: center; color:red;}
.banneregusu > div > div div.two div.banfirme img{width: 50px;}
.banneregusu > div > div div.two > div.b{width: 100%; grid-column: span 2; display:grid; grid-template-columns:1fr 1fr; margin-top:30px; padding:20px 0 20px; border-top:1px solid rgba(214, 214, 214, 0.5); border-bottom:1px solid rgba(214, 214, 214, 0.5);}
.banneregusu > div > div div.two > div.b div{width:100%; display:grid; grid-template-columns:50px 1fr; grid-template-rows: 40px; align-items: center; justify-content: center; text-align:center; border:1px solid rgb(214, 214, 214); margin-top:7px;}
.banneregusu > div > div div.two > div.b label:nth-child(1){margin-right: 5%;}
.banneregusu > div > div div.two > div.b i{ width: 100%; height: 40px; display:flex; justify-content: center; align-items: center; background:rgb(225,225,225);}
.banneregusu > div > div div.two > div.b input.difere{padding:0 10px; height: 100%; color:rgba(0, 0, 0, 0.493); border:none;}
.banneregusu > div > div div.two > div.c{ width: 100%; grid-column: 2 span; height: auto; margin-top:30px; display:grid; grid-template-columns:1fr 1fr; border-top:2px solid rgba(0,0,0,0.1); padding-top:20px; }
.banneregusu > div > div div.two > div.c > h3{ grid-column: 2 span; display:flex; flex-direction: column; margin-bottom:10px; color:rgb(102, 165, 153); }
.banneregusu > div > div div.two > div.c > h3 > span{ font-size:12px; font-weight: 400; color:rgba(0,0,0,0.8); }



.banneregusu > div > div div.five{ width: 100%; margin-top:20px; padding:25px 0 0; border-top: 1px solid rgb(214, 214, 214); display:flex; justify-content: flex-end; align-items: center; text-align:right; margin-bottom:20px;}
.banneregusu > div > div div.five button{border:none; margin:0 5px; font-size:16px; font-weight: 600; background:rgba(74,131,181,1); color:rgba(255, 255, 255, 0.8); cursor:pointer; padding:8px 15px;}
.banneregusu > div > div div.five button.cerrarbann{background:rgba(225,225,225,1); color:rgba(0, 0, 0, 0.7);}
.banneregusu > div > div div.five button.modifusu{width: 100px; background:rgb(218,176,64);}

.bus_especial{ width: 100%; border:1px solid rgba(0,0,0,0.2); border-radius:5px; position:relative; }
.bus_especial > span{ display:block; width: 100%; padding:8px 10px; text-align: center; font-size: 13px; cursor:pointer; position:relative; color:black; }
.bus_especial > span > i{ position:absolute; top:7px; right:3px; font-weight: 600; font-size: 16px;}
.bus_especial > span > span{ display:inline-block; padding:5px 10px; background:rgba(0,0,0,0.7); color:white; position:relative; border-radius:5px; margin:3px;  }
.bus_especial > span > span > i{ position:absolute; top:-8px; right: -8px; color:red; font-size: 20px;}
.bus_especial > div{ width: 100%; max-height: 200px; position: absolute; top:100%; left: 0; border:1px solid rgba(0,0,0,0.2); border-radius:5px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5); background:white; padding:10px; overflow: auto; display:flex; flex-direction: column; z-index: 99; display:none;}
.bus_especial > div > span{ padding: 5px 10px; font-size: 12px; cursor:pointer;}
.bus_especial > div > span:hover{ background:black; color:white;}
.bus_especial > div > button{ display:inline-block; margin:10px auto 0; background:blue; border:none; border-radius:5px; cursor:pointer; color:white;  }
.bus_especial > div > button:active{ background: black;}

/* ========= */
.cargando{ width: 100%; height: 100vh; background:rgba(0,0,0,0.7);  position:fixed; top:0; left: 0; z-index: 99; display:flex; justify-content: center; align-items: center; display:none;}
.cargando > img{ width: 50px;}