@charset "UTF-8";
/* CSS Sistema Automatizado de Contabilidad 1.0 - EyT Consultores 12/2022 */

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

html, body{height:100%;font-family:'Poppins', sans-serif!important;}

.container-fluid h5, .container h5{color:#808080;}

.container-fluid, .container [class*="col-"]{float:left;}

.container-fluid input[type="file"]::file-selector-button, .container input[type="file"]::file-selector-button{background-color:#e6e6e6;color:#000;border:0;padding:5px 20px;}

.container-fluid input[type="file"]::file-selector-button:hover, .container input[type="file"]::file-selector-button:hover{color:#666;}

.container-fluid button, .container button{color:#fff!important;background:#4d4d4d;font-size:1em!important;border:0!important;border-radius:20px!important;padding:5px 30px;}

.container-fluid button:hover, .container button:hover{background:#666;}

.container{max-width:1400px!important;}

.container thead{color:#6f726f;background:#e6e7e8;}

.container th{font-weight:bold;padding:10px;}

.container td, .container td a{color:#000;}

.navbar-brand img{width:120px;margin-left:-20px;margin-right:30px;}

.navbar-nav{font-size:1.2em;margin-top:85px;}

.nav-tabs{font-weight:bold;justify-content:end;padding-right:10px;}

.nav-tabs li.nav-item button{padding:10px 40px;}

.nav-tabs .nav-link, .nav-tabs .nav-link.active{border-radius:0!important;}

.nav-tabs .nav-link{color:#666!important;background:#ccc!important;}

.nav-tabs .nav-link.active{color:#fff!important;background:#0077bd!important;}

.container-fluid a.nav-link{font-size:0.85em;font-weight:500;color:#4d4d4d;text-transform:uppercase;margin-right:30px;}

.container-fluid a.nav-link:hover{color:#f6a02a;}

.container-fluid button.nav-link{color:#666!important;border-radius:0!important;}

.container-fluid button.nav-link:hover{color:#fff!important;}

.container-fluid button.nav-link.active{color:#fff!important;background:#4d4d4d!important;}

.container-fluid button.navbar-toggler{background:#0077bd;border-radius:10px!important;}

.container-fluid button.navbar-toggler:hover{background:#f6a02a;}

.table{font-size:0.9em;}

.table tbody tr td{padding:18px 10px;}

.table-bordered>:not(caption)>*{border-width:1px!important;}

.table-bordered>:not(caption)>*>*{border-width:0!important;}

.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:#fff!important;}

.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:#eee!important;}

.alert-secondary{margin-left:0;border-radius:0!important;}

.clr1{color:#0077bd;}

.clr2, .table i{color:#f6a02a;}

.clr3{color:#808080;}

.clr4{color:#4d4d4d;}

.zona-login{height:100%;color:#ec0000;display:flex;justify-content:center;/*margin-left:25vh*/;}

.area-login{color:#2b388f;border:1px solid #ccc;border-radius:5px;margin:10px 28%;-webkit-box-shadow:1px 6px 5px 0px rgba(0,0,0,0.32);-moz-box-shadow:1px 6px 5px 0px rgba(0,0,0,0.32);box-shadow:1px 6px 5px 0px rgba(0,0,0,0.32);}

.header-login{width:100%;height:200px;color:#fff;background:url("../imgs/header-login.png");background-size:cover;padding:18px 40px;}

.header-login p{font-size:0.9em;}

.header-login-admin{height:140px;background:none;}

.area-login-pass{padding:40px;}

.area-login p, .area-login a{text-align:left;}

.area-login a{font-size:0.9em;color:#2b388f;margin-top:5px;float:right;}

.area-login a:hover{color:#26a9e0;}

.area-login input{color:#fff;border-radius:5px;background:linear-gradient(90deg, rgba(0,90,160,1) 0%, rgba(19,129,192,1) 50%, rgba(38,169,224,1) 100%);padding:5px 0 5px 35px;}

.area-login .ico-usuario{width:0;height:20px;background:url("../imgs/ico-usuario-login.svg") no-repeat;position:relative;top:28px;left:25px;}

.area-login .ico-pass{width:0;height:20px;background:url("../imgs/ico-pass-login.svg") no-repeat;position:relative;top:28px;left:25px;}

.area-login ::placeholder{color:#fff;opacity:1;}

.area-login ::-ms-input-placeholder{color:#fff;}

.area-login input{border:1px solid #ccc;}

.area-img30{padding:0 160px;margin:10px 28%;}

.zona-datos-cliente{width:100%;height:150px;color:#fff;background:url("../imgs/header-info.png");background-size:cover;padding-top:25px;}

.fnd-menu-clientes{width:100%;height:120px;background: linear-gradient(to top,#e6e7e8 0%,#e6e7e8 38%,#f1f2f2 38%,#f1f2f2 100%);border-left:6px solid #f6a02a;}

.brd-der{border-right:6px solid #fff;}

a.btns-cliente{width:100%;height:50px;font-size:1.1em;color:#4d4d4d;text-decoration:none;margin:18px 20px;padding:25px 0 0 60px;float:left;}
a.btns-cliente:hover{color:#f6a02a;}

a.btn-pagar{background:url("../imgs/ico-pagar.svg") no-repeat left;}

a.btn-info{background:url("../imgs/ico-info.svg") no-repeat left;}

.area-pasos{text-align:center;position:relative;}

.pasos{overflow:hidden;counter-reset:step;width:60%;margin:0 auto 30px;}

.pasos li{list-style-type:none;color:#000;font-size:0.9em;width:33.33%;float:left;position:relative;}

.pasos li:before{content:counter(step);counter-increment:step;width:50px;height:50px;line-height:50px;display:block;font-size: 2em;color:#fff;background:#d3dfed;border-radius:100%;margin:0 auto 5px auto;}

.pasos li:after{content:'';width:100%;height:2px;background:#0077bd;position:absolute;left:-50%;top:30%;z-index:-1;}

.pasos li:first-child:after{content:none;}

.pasos li.active:before, .pasos li.active:after{background:#0077bd;color:#fff;}

.area-checkbox{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select: none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.area-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}

.checkmark{position:absolute;top:0;left:47%;height:20px;width:20px;background-color:#fff;border:1px solid #ccc;}

.area-checkbox:hover input ~ .checkmark{background:#ccc;}

.area-checkbox input:checked ~ .checkmark{background:#2196f3;}

.checkmark:after{content:"";position:absolute;display:none;}

.area-checkbox input:checked ~ .checkmark:after{display:block;}

.area-checkbox .checkmark:after{left:5px;top:2px;width:8px;height:11px;border:solid #fff;border-width:0 3px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

.txt-flow{font-size:0.8em;color:#666;}

.select{width:100%;position:relative;display:inline-block;margin-bottom:15px;}
.select select{width:100%;display:inline-block;cursor:pointer;padding:10px 15px;outline:0;border:0px solid #000;border-radius:0;background:#e6e6e6;color:#7b7b7b;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.select select::-ms-expand {display:none;}
.select select:hover, .select select:focus{color:#000;background:#ccc;}
.select select:disabled{opacity:0.5;pointer-events:none;}
.select_arrow {position:absolute;top:16px;right:15px;pointer-events:none;border-style:solid;border-width:8px 5px 0px 5px;border-color:#7b7b7b transparent transparent transparent;}
.select select:hover ~ .select_arrow, .select select:focus ~ .select_arrow{border-top-color:#000;}
.select select:disabled ~ .select_arrow{border-top-color: #ccc;}

.clr-ico-xls, .link-descarga:hover{color:#f6a02a;}

.zona-caja-archivo{border:1px solid #666;padding:20px;}

.footer-admin{background:#4d4d4d;text-align:center;padding-bottom:20px;}

.footer-admin h6{font-size:0.8em;background:#0077bd;color:#fff;padding:10px;}

.caja-buscar-container{position:relative;border-radius:10px;padding:3px 50px 3px 10px;}

.caja-buscar-container button{color:#0077bd!important;}

.caja-buscar{width:110%;height:38px;font-size:15px;background:#fff;border:1px solid #ccc;border-radius:20px;padding:10px;}

.caja-buscar-boton{position:absolute;right:15px;top:6px;border-radius:50%;border:0;color:#f6a02a!important;width:0px;height: 30px;outline:0;}

.caja-buscar-boton:hover{color:orangered!important;}

.caja-buscar-boton, button.caja-buscar-boton:hover{background:transparent!important;}

li.menu-item-26 a{color:#4d4d4d;}

li.menu-item-26 a:hover, li.menu-item-616 a{color:#f6a02a!important;}

/* Modales */

.modal-content{background:#f5f1f1;border-radius:5px!important;border-color:1px solid #00cd9b!important;}

h3.modal-title{color:#368bd8;font-size:1.5rem;}

.modal-header button{background-color:#fff!important;}

.modal-header .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat!important;}

.modal-body{color:#666;}

.modal-body p{color:#333;}

.modal-body h4{color:#f00!important;font-size:1.1rem;font-weight:300;}

.modal-body h5{color:#368bd8;font-size:1em;font-weight:bold;margin-top:5px;}

.modal-body button{width:auto;margin:20px 0 0 10px;padding:5px 30px;}

.wide-input-form{width:90%;}

@media only screen and (max-width: 800px) {
    
	#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {width:100%;display:block;}
 
	#no-more-tables thead tr{position:absolute;top:-9999px;left:-9999px;}
 
	#no-more-tables tr{border:1px solid #ccc;margin:20px 0 30px;}
 
	#no-more-tables td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:60%;white-space:normal;text-align:left;}
 
	#no-more-tables td:before{width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:bold;top:6px;left:6px;position:absolute;}

	#no-more-tables td:before{content:attr(data-title);margin-top:12px;}
    
    .bdr{border-radius:0;}
    
    .pl-t{padding:0;}
    
}

@media (max-width: 768px) {
    
    h5{text-align:center;}
    
    .navbar-nav{margin-top:0;}
    
    .nav-tabs li.nav-item button{padding:10px 15px;}
    
    .container-fluid button.nav-link, .container button.nav-link{font-size:0.8em!important;}
    
    .zona-login{height:65%;margin-left:0;}
    
    .area-login-pass{padding:20px;}
    
    .area-login{margin:30px 0;}
	
    .area-login p, .area-login b{font-size:0.8rem;}
	
    .area-login input{width:90%;float:right;}
	
    .area-login a{font-size:0.8em;margin-top:10px;}
    
    .header-login{height:260px;}
    
    .area-img30{padding:0;}
    
    .zona-datos-cliente{padding-top:0;}
    
    .header-login-admin{height:110px;}
    
    .header-login-admin h2{font-size:1.2em;}
    
    .fnd-menu-clientes{height:90px;}
    
    a.btns-cliente{font-size:0.95em;padding-left:35px;margin-left:10px;}
    
    a.btn-pagar, a.btn-info{background-size:35px;}  
    
    .brd-der{border-right:0;}
    
    .pasos{width:100%;padding:0;}
    
    .checkmark{left:0;}
    
    .zona-caja-archivo{margin-bottom:60px;}
    
    .caja-buscar{width:115%;}
    
    .btn-buscar{position:relative;right:15px;}
    
    li.menu-item-26 a:hover, li.menu-item-616 a{color:#fff!important;}
    
    li.menu-item-616 a{background:#f6a02a!important;}
    
}