/*
 * FAACIL APP 2026 · CSS PRODUCCIÓN
 * Versión visual consolidada: V2.7
 *
 * Base validada: V2.6.1
 * Esta consolidación NO modifica la cascada:
 * - no reordena selectores
 * - no cambia especificidades
 * - no elimina overrides funcionales
 * - no toca PHP / JS / HTML / SQL
 *
 * Se han eliminado únicamente comentarios de desarrollo
 * y espacios redundantes para reducir ruido y tamaño.
 */

:root{
  --faacil-ink:#173b3b;
  --faacil-ink-2:#245148;
  --faacil-teal:#2f6f68;
  --faacil-green:#3f8d7b;
  --faacil-mint:#eef7f4;
  --faacil-bg:#f5f7f7;
  --faacil-card:#ffffff;
  --faacil-line:#dce7e4;
  --faacil-muted:#667a78;
  --faacil-danger:#b94141;
  --faacil-warning:#a56b13;
  --faacil-shadow:0 8px 28px rgba(20,61,60,.08);
  --faacil-radius:14px;
}

body.skin-green.sidebar-mini{
  background:var(--faacil-bg)!important;
  color:#243b3a;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:14px;
}

.skin-green .wrapper,
.skin-green .content-wrapper,
.skin-green .right-side{
  background:var(--faacil-bg)!important;
}

.skin-green .main-header{
  position:relative;
  box-shadow:0 1px 0 rgba(25,71,68,.08);
}

.skin-green .main-header .logo{
  width:248px;
  height:64px;
  line-height:64px;
  background:var(--faacil-ink)!important;
  border-right:1px solid rgba(255,255,255,.08);
  padding:0 18px;
}

.skin-green .main-header .logo:hover{
  background:#113333!important;
}

.skin-green .main-header .logo .logo-lg img{
/* 
  max-height:42px!important;
 */
  max-width:190px;
  object-fit:contain;
}

.skin-green .main-header .logo .logo-mini img{
  max-width:34px;
}

.skin-green .main-header .navbar{
  min-height:64px;
  margin-left:248px;
  background:var(--faacil-ink)!important;
}

.skin-green .main-header .navbar .sidebar-toggle{
  padding:22px 20px;
  min-height:64px;
  color:#fff!important;
}

.skin-green .main-header .navbar .sidebar-toggle:hover{
  background:rgba(255,255,255,.08)!important;
}

.skin-green .navbar-custom-menu .navbar-nav>li>a{
  min-height:64px;
  padding-top:21px;
  color:#fff!important;
}

.skin-green .navbar-custom-menu .navbar-nav>li>a:hover,
.skin-green .navbar-custom-menu .navbar-nav>li>a:focus{
  background:rgba(255,255,255,.08)!important;
}

.skin-green .main-sidebar{
  width:248px;
  padding-top:64px;
  background:#163b3a!important;
  box-shadow:8px 0 30px rgba(13,49,47,.06);
}

.skin-green .content-wrapper,
.skin-green .main-footer{
  margin-left:248px;
}

.skin-green .sidebar{
  padding-bottom:28px;
}

.skin-green .user-panel{
  margin:10px 12px 14px;
  padding:14px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
}

.skin-green .user-panel>.info{
  position:relative!important;
  left:0!important;
  padding:0!important;
}

.skin-green .user-panel>.info>p{
  color:#fff;
  margin:0 0 5px;
  font-size:13px;
  font-weight:600;
  overflow:hidden;
  text-overflow:ellipsis;
}

.skin-green .user-panel>.info>a{
  color:#bfd8d3!important;
  font-size:12px;
}

.skin-green .sidebar-form{
  margin:0 12px 18px!important;
  border:0!important;
  border-radius:10px!important;
  overflow:hidden;
  background:rgba(255,255,255,.08)!important;
}

.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn{
  background:transparent!important;
  color:#fff!important;
  border:0!important;
}

.skin-green .sidebar-form input::placeholder{
  color:#b8cfca;
}

.skin-green .sidebar-menu>li.header{
  padding:18px 20px 8px!important;
  background:transparent!important;
  color:#91b4ad!important;
  font-size:10px;
  line-height:1.25;
  letter-spacing:.11em;
  font-weight:800;
}

.skin-green .sidebar-menu>li>a{
  margin:2px 10px;
  padding:11px 12px;
  border-radius:9px;
  color:#dce9e6!important;
  border-left:0!important;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}

.skin-green .sidebar-menu>li>a:hover,
.skin-green .sidebar-menu>li.active>a{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}

.skin-green .sidebar-menu>li.active>a{
  box-shadow:inset 3px 0 0 #7ac0ad;
}

.skin-green .sidebar-menu>li>a>.fa,
.skin-green .sidebar-menu>li>a>.ion{
  width:22px;
  text-align:center;
  color:#a9cec5;
}

.skin-green .sidebar-menu .treeview-menu{
  background:transparent!important;
  padding:2px 0 5px;
}

.skin-green .sidebar-menu .treeview-menu>li>a{
  margin:2px 10px 2px 22px;
  padding:8px 12px;
  border-radius:8px;
  color:#bad0cb!important;
}

.skin-green .sidebar-menu .treeview-menu>li.active>a,
.skin-green .sidebar-menu .treeview-menu>li>a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
}

.skin-green .content{
  padding:18px 22px 28px;
}

.skin-green .content-header{
  padding:20px 22px 6px;
}

.skin-green .content-header>h1{
  color:var(--faacil-ink);
  font-size:23px;
  font-weight:750;
  letter-spacing:-.02em;
}

.skin-green .box{
  border:1px solid var(--faacil-line)!important;
  border-top:1px solid var(--faacil-line)!important;
  border-radius:var(--faacil-radius)!important;
  box-shadow:var(--faacil-shadow)!important;
  background:var(--faacil-card)!important;
  overflow:hidden;
}

.skin-green .box-header{
  padding:16px 18px!important;
  border-bottom:1px solid #edf2f1;
}

.skin-green .box-header .box-title{
  color:var(--faacil-ink);
  font-size:16px;
  font-weight:750;
}

.skin-green .box-body{
  padding:18px;
}

.skin-green .nav-tabs{
  border-bottom:1px solid var(--faacil-line);
}

.skin-green .nav-tabs>li>a{
  color:#536e6a;
  font-weight:650;
  border:0!important;
  border-bottom:3px solid transparent!important;
  background:transparent!important;
  padding:12px 15px;
}

.skin-green .nav-tabs>li.active>a,
.skin-green .nav-tabs>li.active>a:hover,
.skin-green .nav-tabs>li>a:hover{
  color:var(--faacil-ink)!important;
  border-bottom-color:var(--faacil-green)!important;
}

.skin-green .form-control{
  min-height:38px;
  border:1px solid #cfdcda;
  border-radius:8px;
  box-shadow:none!important;
  color:#203d3b;
  background:#fff;
}

.skin-green textarea.form-control{
  min-height:90px;
}

.skin-green .form-control:focus{
  border-color:#69a89b;
  box-shadow:0 0 0 3px rgba(63,141,123,.12)!important;
}

.skin-green label,
.skin-green .control-label{
  color:#3b5552;
  font-weight:650;
}

.skin-green .btn{
  border-radius:8px;
  font-weight:700;
  box-shadow:none!important;
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease;
}

.skin-green .btn:hover{
  transform:translateY(-1px);
}

.skin-green .btn-primary,
.skin-green .btn-success{
  background:var(--faacil-ink-2)!important;
  border-color:var(--faacil-ink-2)!important;
  color:#fff!important;
}

.skin-green .btn-primary:hover,
.skin-green .btn-success:hover{
  background:#193f3c!important;
  border-color:#193f3c!important;
}

.skin-green .btn-default{
  background:#fff;
  border-color:#cbdad6;
  color:#31514d;
}

.skin-green .btn-danger{
  background:#b34a4a!important;
  border-color:#b34a4a!important;
}

.skin-green .table{
  background:#fff;
  color:#314b48;
}

.skin-green .table>thead>tr>th{
  border-bottom:1px solid #dce7e4!important;
  color:#365653;
  background:#f7faf9;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
  vertical-align:middle;
}

.skin-green .table>tbody>tr>td{
  border-top:1px solid #edf2f1!important;
  vertical-align:middle;
}

.skin-green .table-hover>tbody>tr:hover{
  background:#f4f9f7!important;
}

.skin-green .pagination>li>a,
.skin-green .pagination>li>span{
  border-color:#d9e5e2;
  color:#315a54;
}

.skin-green .pagination>.active>a,
.skin-green .pagination>.active>span{
  background:var(--faacil-ink-2)!important;
  border-color:var(--faacil-ink-2)!important;
}

.skin-green .modal-content{
  border:0;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 22px 70px rgba(13,49,47,.22);
}

.skin-green .modal-header{
  background:#f7faf9;
  border-bottom:1px solid var(--faacil-line);
  padding:17px 20px;
}

.skin-green .modal-title{
  color:var(--faacil-ink);
  font-weight:750;
}

.skin-green .modal-footer{
  background:#fbfcfc;
  border-top:1px solid var(--faacil-line);
}

.skin-green .alert{
  border:0;
  border-radius:10px;
}

.skin-green .label{
  padding:5px 8px;
  border-radius:999px;
  font-weight:700;
}

.skin-green .small-box{
  min-height:120px;
  border-radius:14px!important;
  box-shadow:var(--faacil-shadow);
  overflow:hidden;
  border:1px solid rgba(18,63,63,.06);
}

.skin-green .small-box>.inner{
  padding:16px 18px;
}

.skin-green .small-box h3{
  font-size:27px;
  font-weight:800;
}

.skin-green .small-box p{
  font-size:14px;
}

.skin-green .small-box .icon{
  top:10px;
  right:14px;
  opacity:.20;
}

.skin-green .small-box-footer{
  padding:9px 12px!important;
  background:rgba(0,0,0,.08)!important;
}

.skin-green .bg-green{background:#347867!important}
.skin-green .bg-blue{background:#426f86!important}
.skin-green .bg-purple{background:#675d8e!important}
.skin-green .bg-maroon-active{background:#7f5867!important}
.skin-green .bg-yellow-active{background:#a97931!important}
.skin-green .bg-black{background:#334644!important}
.skin-green .bg-red{background:#a64f4f!important}

.skin-green .main-footer{
  border-top:1px solid var(--faacil-line);
  background:#fff;
  color:#6d807d;
  padding:15px 22px;
}

.skin-green .main-footer a{
  color:var(--faacil-ink-2);
}

.skin-green .dataTables_wrapper .dataTables_filter input,
.skin-green .dataTables_wrapper .dataTables_length select{
  border:1px solid #cfdcda!important;
  border-radius:8px!important;
  padding:6px 8px!important;
  background:#fff!important;
}

.skin-green .select2-container .select2-selection--single{
  min-height:38px!important;
  border:1px solid #cfdcda!important;
  border-radius:8px!important;
}

.skin-green .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:36px!important;
}

.skin-green .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:36px!important;
}

.skin-green .well{
  border:1px solid var(--faacil-line);
  border-radius:12px;
  box-shadow:none;
  background:#f8fbfa;
}

.skin-green hr{
  border-top-color:rgba(255,255,255,.12);
}

.skin-green .main-header .navbar .pull-left a{
  text-decoration:none;
}

@media (max-width:767px){
  .skin-green .main-header .logo{
    width:100%;
    height:54px;
    line-height:54px;
  }
  .skin-green .main-header .navbar{
    margin-left:0;
    min-height:54px;
  }
  .skin-green .main-header .navbar .sidebar-toggle{
    min-height:54px;
    padding:17px 18px;
  }
  .skin-green .main-sidebar{
    padding-top:108px;
    width:230px;
  }
  .skin-green .content-wrapper,
  .skin-green .main-footer{
    margin-left:0;
  }
  .skin-green .content{
    padding:12px 10px 22px;
  }
  .skin-green .content-header{
    padding:14px 12px 4px;
  }
  .skin-green .box-body{
    padding:13px;
  }
  .skin-green .table-responsive{
    border:0;
  }
}

.skin-green .faacil-period-section{
  padding:20px 22px 4px!important;
}

.skin-green .faacil-period-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:86px;
  padding:16px 18px 16px 20px;
  background:#ffffff;
  border:1px solid var(--faacil-line);
  border-radius:14px;
  box-shadow:0 8px 28px rgba(20,61,60,.06);
}

.skin-green .faacil-period-heading{
  flex:0 0 auto;
  min-width:205px;
}

.skin-green .faacil-period-kicker{
  display:block;
  margin-bottom:3px;
  color:#3f8d7b;
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.skin-green .faacil-period-heading strong{
  display:block;
  margin:0 0 2px;
  color:#173b3b;
  font-size:17px;
  line-height:1.2;
  font-weight:800;
}

.skin-green .faacil-period-heading small{
  display:block;
  color:#71817e;
  font-size:12px;
  line-height:1.35;
  font-weight:600;
}

.skin-green .faacil-period-options{
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  gap:8px;
  flex:1 1 auto;
}

.skin-green .faacil-period-btn{
  appearance:none;
  -webkit-appearance:none;
  min-width:120px;
  min-height:50px;
  padding:8px 14px;
  border:1px solid #d8e4e1!important;
  border-radius:10px!important;
  background:#f7faf9!important;
  color:#46625e!important;
  box-shadow:none!important;
  outline:none!important;
  cursor:pointer;
  text-align:left;
  transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;
}

.skin-green .faacil-period-btn:hover{
  transform:translateY(-1px);
  background:#eef7f4!important;
  border-color:#bcd3cd!important;
}

.skin-green .faacil-period-btn .period-main{
  display:block;
  margin:0;
  color:inherit;
  font-size:13px;
  line-height:1.15;
  font-weight:800;
}

.skin-green .faacil-period-btn .period-sub{
  display:block;
  margin-top:3px;
  color:#83938f;
  font-size:10px;
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.skin-green .faacil-period-btn.bg-purple{
  background:#245148!important;
  border-color:#245148!important;
  color:#ffffff!important;
  box-shadow:0 7px 18px rgba(36,81,72,.16)!important;
}

.skin-green .faacil-period-btn.bg-purple .period-sub{
  color:#c8ddd8;
}

.skin-green .faacil-period-btn.bg-grey{
  background:#f7faf9!important;
  border-color:#d8e4e1!important;
  color:#46625e!important;
}

.skin-green .faacil-period-btn.faacil-period-year{
  min-width:150px;
}

.skin-green .faacil-period-section + .content{
  padding-top:8px!important;
}

.skin-green .faacil-period-section + .content > .content-header{
  padding-top:8px;
}

@media (max-width:1199px){
  .skin-green .faacil-period-panel{
    gap:14px;
  }
  .skin-green .faacil-period-heading{
    min-width:170px;
  }
  .skin-green .faacil-period-btn{
    min-width:102px;
    padding-left:11px;
    padding-right:11px;
  }
  .skin-green .faacil-period-btn.faacil-period-year{
    min-width:128px;
  }
}

.skin-green .box.box-primary > .box-header,
.skin-green .box.box-success > .box-header,
.skin-green .box.box-info > .box-header,
.skin-green .box.box-warning > .box-header,
.skin-green .box.box-danger > .box-header,
.skin-green .box.box-solid > .box-header{
  background:linear-gradient(135deg,#173b3b 0%, #245148 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#ffffff!important;
}

.skin-green .box.box-primary > .box-header .box-title,
.skin-green .box.box-success > .box-header .box-title,
.skin-green .box.box-info > .box-header .box-title,
.skin-green .box.box-warning > .box-header .box-title,
.skin-green .box.box-danger > .box-header .box-title,
.skin-green .box.box-solid > .box-header .box-title{
  color:#ffffff!important;
  font-size:17px!important;
  font-weight:800!important;
  letter-spacing:.01em;
  text-transform:uppercase;
}

.skin-green .box.box-primary > .box-header .box-tools,
.skin-green .box.box-success > .box-header .box-tools,
.skin-green .box.box-info > .box-header .box-tools,
.skin-green .box.box-warning > .box-header .box-tools,
.skin-green .box.box-danger > .box-header .box-tools,
.skin-green .box.box-solid > .box-header .box-tools{
  color:#d7ebe6!important;
}

.skin-green .box.box-primary > .box-header .box-tools .btn,
.skin-green .box.box-success > .box-header .box-tools .btn,
.skin-green .box.box-info > .box-header .box-tools .btn,
.skin-green .box.box-warning > .box-header .box-tools .btn,
.skin-green .box.box-danger > .box-header .box-tools .btn,
.skin-green .box.box-solid > .box-header .box-tools .btn{
  color:#d7ebe6!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.skin-green .box.box-primary > .box-header .box-tools .btn:hover,
.skin-green .box.box-success > .box-header .box-tools .btn:hover,
.skin-green .box.box-info > .box-header .box-tools .btn:hover,
.skin-green .box.box-warning > .box-header .box-tools .btn:hover,
.skin-green .box.box-danger > .box-header .box-tools .btn:hover,
.skin-green .box.box-solid > .box-header .box-tools .btn:hover{
  color:#ffffff!important;
  background:rgba(255,255,255,.08)!important;
  border-radius:8px;
  transform:none;
}

.skin-green .modal-header{
  background:linear-gradient(135deg,#173b3b 0%, #245148 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  padding:18px 22px!important;
}

.skin-green .modal-header .modal-title{
  color:#ffffff!important;
  font-size:17px!important;
  font-weight:800!important;
  letter-spacing:.01em;
  text-transform:uppercase;
}

.skin-green .modal-header .close{
  color:#d7ebe6!important;
  opacity:1!important;
  font-size:30px!important;
  text-shadow:none!important;
  margin-top:-4px;
}

.skin-green .modal-header .close:hover{
  color:#ffffff!important;
}

.skin-green .box-header .btn-danger,
.skin-green .modal-header .btn-danger{
  background:#c6554c!important;
  border-color:#c6554c!important;
  color:#fff!important;
}

.skin-green .box-header .btn-danger:hover,
.skin-green .modal-header .btn-danger:hover{
  background:#b94940!important;
  border-color:#b94940!important;
}

.skin-green .box-header .btn-default,
.skin-green .modal-header .btn-default{
  background:#ffffff!important;
  border-color:#d0dfdc!important;
  color:#2f4c48!important;
}

.skin-green .box-header .btn-default:hover,
.skin-green .modal-header .btn-default:hover{
  background:#f4f8f7!important;
  border-color:#c5d8d4!important;
  color:#1f403c!important;
}

.skin-green .box-header .btn,
.skin-green .modal-header .btn{
  border-radius:10px!important;
  font-weight:800!important;
  padding:11px 20px!important;
}

.skin-green .box.box-primary > .box-header,
.skin-green .box.box-success > .box-header,
.skin-green .box.box-info > .box-header,
.skin-green .box.box-warning > .box-header,
.skin-green .box.box-danger > .box-header,
.skin-green .box.box-solid > .box-header{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.skin-green .box-header > .box-title{
  margin-right:10px;
}

@media (max-width:767px){
  .skin-green .modal-header{
    padding:14px 16px!important;
  }
  .skin-green .modal-header .modal-title{
    font-size:15px!important;
  }
  .skin-green .box.box-primary > .box-header,
  .skin-green .box.box-success > .box-header,
  .skin-green .box.box-info > .box-header,
  .skin-green .box.box-warning > .box-header,
  .skin-green .box.box-danger > .box-header,
  .skin-green .box.box-solid > .box-header{
    min-height:auto;
    padding:14px 15px!important;
  }
  .skin-green .box-header .btn,
  .skin-green .modal-header .btn{
    padding:9px 15px!important;
  }
}

.skin-green #formularioalbaran,
.skin-green #formulariopresupuesto,
.skin-green #formulariofactura{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  column-gap:10px;
  row-gap:10px;
}

.skin-green #formularioalbaran > .pull-top,
.skin-green #formulariopresupuesto > .pull-top,
.skin-green #formulariofactura > .pull-top,
.skin-green #formularioalbaran > #btngenerafacturas,
.skin-green #formularioalbaran > input[name="checkall"]{
  order:1;
  float:none!important;
  margin:0!important;
  flex:0 0 auto;
}

.skin-green #formularioalbaran > .col-md-5,
.skin-green #formulariopresupuesto > .col-md-5,
.skin-green #formulariofactura > .col-md-5{
  order:2;
  float:none!important;
  width:auto!important;
  flex:0 1 330px;
  margin-left:auto!important;
  padding-top:0!important;
}

.skin-green #formularioalbaran > .table-responsive,
.skin-green #formulariopresupuesto > .table-responsive,
.skin-green #formulariofactura > .table-responsive{
  order:10;
  flex:0 0 100%;
  width:100%!important;
  float:none!important;
  padding-top:4px!important;
  margin-top:2px;
}

.skin-green #formularioalbaran > .input-group.col-md-4,
.skin-green #formulariopresupuesto > .input-group.col-md-4,
.skin-green #formulariofactura > .input-group.col-md-4{
  order:20;
  float:none!important;
  flex:1 1 390px;
  max-width:520px;
  width:auto!important;
  padding-top:5px!important;
}

.skin-green #formulariofactura > .input-group.col-md-8{
  order:21;
  float:none!important;
  flex:1 1 520px;
  width:auto!important;
}

.skin-green #formularioalbaran > .btn,
.skin-green #formulariopresupuesto > .btn,
.skin-green #formulariofactura > .btn,
.skin-green #formularioalbaran > input.btn{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px!important;
}

.skin-green #formularioalbaran .dataTables_wrapper,
.skin-green #formulariopresupuesto .dataTables_wrapper,
.skin-green #formulariofactura .dataTables_wrapper{
  width:100%;
}

@media (max-width:767px){
  .skin-green #formularioalbaran,
  .skin-green #formulariopresupuesto,
  .skin-green #formulariofactura{
    row-gap:8px;
  }

  .skin-green #formularioalbaran > .pull-top,
  .skin-green #formulariopresupuesto > .pull-top,
  .skin-green #formulariofactura > .pull-top,
  .skin-green #formularioalbaran > #btngenerafacturas,
  .skin-green #formularioalbaran > input[name="checkall"]{
    flex:1 1 auto;
  }

  .skin-green #formularioalbaran > .col-md-5,
  .skin-green #formulariopresupuesto > .col-md-5,
  .skin-green #formulariofactura > .col-md-5{
    order:3;
    flex:0 0 100%;
    width:100%!important;
    margin-left:0!important;
  }

  .skin-green #formularioalbaran > .table-responsive,
  .skin-green #formulariopresupuesto > .table-responsive,
  .skin-green #formulariofactura > .table-responsive{
    order:10;
  }

  .skin-green #formularioalbaran > .input-group.col-md-4,
  .skin-green #formulariopresupuesto > .input-group.col-md-4,
  .skin-green #formulariofactura > .input-group.col-md-4{
    flex:0 0 100%;
    max-width:none;
  }
}

.skin-green .table td .btn.btn-sm,
.skin-green .table-responsive td .btn.btn-sm{
  min-width:36px!important;
  width:auto!important;
  min-height:34px!important;
  height:34px!important;
  padding:5px 9px!important;
  margin:2px 2px!important;
  border-radius:8px!important;
  font-size:13px!important;
  line-height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  transform:none!important;
}

.skin-green .table td .btn.btn-sm .fa,
.skin-green .table-responsive td .btn.btn-sm .fa{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1!important;
}

.skin-green .table td .btn.btn-sm i:not(.fa),
.skin-green .table-responsive td .btn.btn-sm i:not(.fa){
  font-style:normal;
  white-space:nowrap;
}

.skin-green .table td .btn-success.btn-sm,
.skin-green .table td .btn-danger.btn-sm,
.skin-green .table td .btn-warning.btn-sm,
.skin-green .table td .btn-primary.btn-sm,
.skin-green .table-responsive td .btn-success.btn-sm,
.skin-green .table-responsive td .btn-danger.btn-sm,
.skin-green .table-responsive td .btn-warning.btn-sm,
.skin-green .table-responsive td .btn-primary.btn-sm{
  min-height:34px!important;
  height:34px!important;
}

.skin-green .modal-footer,
.skin-green .modal-footer.bg-purple,
.skin-green .modal-footer.bg-yellow{
  background:#f7faf9!important;
  color:#365651!important;
  border-top:1px solid #dce7e4!important;
  padding:10px 18px!important;
  min-height:20px!important;
  box-shadow:none!important;
}

.skin-green .modal-footer.bg-purple input[type="hidden"],
.skin-green .modal-footer.bg-yellow input[type="hidden"]{
  display:none!important;
}

.skin-green .modal-footer .btn{
  min-height:36px!important;
  padding:7px 14px!important;
  border-radius:8px!important;
  font-size:13px!important;
  font-weight:700!important;
}

.skin-green .modal-footer.bg-red,
.skin-green .modal-footer.bg-red-fuerte{
  color:#fff!important;
}

@media (max-width:767px){
  .skin-green .table td .btn.btn-sm,
  .skin-green .table-responsive td .btn.btn-sm{
    min-width:32px!important;
    min-height:32px!important;
    height:32px!important;
    padding:4px 7px!important;
    margin:1px!important;
    border-radius:7px!important;
    font-size:12px!important;
  }
}

.skin-green #formulariofactura .reporteverifactu,
.skin-green #formulariopresupuesto .reporteverifactu,
.skin-green #formularioalbaran .reporteverifactu{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:8px 16px!important;
  margin:0!important;
  border-radius:10px!important;
  background:#f7faf9!important;
  border:1px solid #cfe0dc!important;
  color:#28514a!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  box-shadow:none!important;
  white-space:nowrap;
}

.skin-green #formulariofactura .reporteverifactu:hover,
.skin-green #formulariopresupuesto .reporteverifactu:hover,
.skin-green #formularioalbaran .reporteverifactu:hover{
  background:#eef6f4!important;
  border-color:#bdd2cc!important;
  color:#173b3b!important;
}

.skin-green #formulariofactura > div[style*="position:absolute"],
.skin-green #formulariopresupuesto > div[style*="position:absolute"],
.skin-green #formularioalbaran > div[style*="position:absolute"]{
  position:static!important;
  margin:0!important;
  flex:0 0 auto;
}

.skin-green #formulariofactura > div[style*="position:absolute"]:has(.reporteverifactu),
.skin-green #formulariopresupuesto > div[style*="position:absolute"]:has(.reporteverifactu),
.skin-green #formularioalbaran > div[style*="position:absolute"]:has(.reporteverifactu){
  order:1;
}

.skin-green #formulariofactura #mensajecertificado,
.skin-green #formulariopresupuesto #mensajecertificado,
.skin-green #formularioalbaran #mensajecertificado{
  position:static!important;
  margin:0!important;
  padding:10px 12px!important;
  background:#fff8e8;
  border:1px solid #eedca2;
  color:#7b6221;
  border-radius:10px;
  width:auto!important;
}

.skin-green #formulariofactura > #mensajecertificado,
.skin-green #formulariopresupuesto > #mensajecertificado,
.skin-green #formularioalbaran > #mensajecertificado{
  order:3;
  flex:0 0 100%;
}

.skin-green #formulariofactura > .pull-top,
.skin-green #formulariopresupuesto > .pull-top,
.skin-green #formularioalbaran > .pull-top,
.skin-green #formulariofactura > #btngenerafacturas,
.skin-green #formularioalbaran > #btngenerafacturas,
.skin-green #formularioalbaran > input[name="checkall"]{
  order:1;
}

.skin-green #formulariofactura > .table-responsive,
.skin-green #formulariopresupuesto > .table-responsive,
.skin-green #formularioalbaran > .table-responsive{
  order:10;
}

.skin-green .pagination > .active > a,
.skin-green .pagination > .active > span,
.skin-green .pagination > .active > a:hover,
.skin-green .pagination > .active > span:hover,
.skin-green .pagination > .active > a:focus,
.skin-green .pagination > .active > span:focus{
  background:#245148!important;
  border-color:#245148!important;
  color:#ffffff!important;
}

.skin-green .dataTables_paginate .pagination > li > a,
.skin-green .dataTables_paginate .pagination > li > span{
  color:#355650;
  border-color:#d7e5e1!important;
}

.skin-green .dataTables_paginate .pagination > li > a:hover,
.skin-green .dataTables_paginate .pagination > li > span:hover{
  background:#eef5f3!important;
  color:#173b3b!important;
}

.skin-green .paginate_button.active a{
  color:#fff!important;
}

@media (max-width:767px){
  .skin-green #formulariofactura .reporteverifactu,
  .skin-green #formulariopresupuesto .reporteverifactu,
  .skin-green #formularioalbaran .reporteverifactu{
    width:100%;
    justify-content:center!important;
    white-space:normal;
    text-align:center;
  }

  .skin-green #formulariofactura > div[style*="position:absolute"]:has(.reporteverifactu),
  .skin-green #formulariopresupuesto > div[style*="position:absolute"]:has(.reporteverifactu),
  .skin-green #formularioalbaran > div[style*="position:absolute"]:has(.reporteverifactu){
    flex:0 0 100%;
  }
}

.skin-green .content > .content-header{
  padding-top:10px;
  padding-bottom:8px;
}

.skin-green .content > .content-header > h1{
  margin:0;
  color:#173b3b!important;
  font-size:20px!important;
  font-weight:800!important;
  letter-spacing:-.02em;
}

.skin-green .content > .col-md-3 > .small-box{
  min-height:126px;
  border:0!important;
  border-radius:14px!important;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(19,55,53,.075)!important;
  transition:transform .15s ease, box-shadow .15s ease;
}

.skin-green .content > .col-md-3 > .small-box:hover{
  transform:translateY(-1px);
  box-shadow:0 11px 28px rgba(19,55,53,.11)!important;
}

.skin-green .content > .col-md-3 > .small-box > .inner{
  min-height:88px;
  padding:15px 18px 12px!important;
}

.skin-green .content > .col-md-3 > .small-box h3{
  margin:0!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:-.025em;
}

.skin-green .content > .col-md-3 > .small-box h3 p{
  margin:5px 0 0!important;
  color:rgba(255,255,255,.93)!important;
  font-size:12px!important;
  line-height:1.28!important;
  font-weight:750!important;
}

.skin-green .content > .col-md-3 > .small-box .inner > b{
  display:block;
  margin-top:8px;
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
}

.skin-green .content > .col-md-3 > .small-box > .icon{
  top:12px!important;
  right:15px!important;
  opacity:.09!important;
}

.skin-green .content > .col-md-3 > .small-box > .icon > i{
  font-size:66px!important;
  color:#fff!important;
}

.skin-green .content > .col-md-3 > .small-box > .small-box-footer{
  min-height:34px;
  padding:8px 16px!important;
  background:rgba(0,0,0,.10)!important;
  color:rgba(255,255,255,.91)!important;
  font-size:12px!important;
  font-weight:650!important;
  text-align:center!important;
}

.skin-green .content > .col-md-3 > .small-box > a.small-box-footer:hover{
  background:rgba(0,0,0,.16)!important;
  color:#fff!important;
}

.skin-green .content > .col-md-3 > .small-box.bg-purple{
  background:#66728f!important;

}

.skin-green .content > .col-md-3 > .small-box.bg-blue{
  background:#3f7182!important;

}

.skin-green .content > .col-md-3 > .small-box.bg-green{
  background:#367d6a!important;

}

.skin-green .content > .col-md-3 > .small-box.bg-maroon-active{
  background:#8b6269!important;

}

.skin-green .content > .col-md-3 > .small-box.bg-yellow-active{
  background:#ad7d2f!important;

}

.skin-green .content > .col-md-3 > .small-box.bg-black{
  background:#354e4b!important;

}

.skin-green .content > .col-md-3 > .small-box.bg-red:empty{
  visibility:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}

.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color:#C839C8"],
.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color: #C839C8"],
.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color:#c839c8"],
.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color: #c839c8"]{
  background:#5f746f!important;
}

.skin-green .content > .col-md-3:nth-of-type(1) > .small-box.bg-purple[style*="background-color"]{
  background:#82685f!important;
}

.skin-green .content > .col-md-3 > .small-box .inner > br{
  display:none;
}

.skin-green .content > .col-md-3{
  margin-bottom:14px;
}

.skin-green .content + .content{
  padding-top:8px!important;
}

.skin-green .content > .col-md-3 > .small-box.bg-yellow-active center{
  color:#fff!important;
}

@media (max-width:991px){
  .skin-green .content > .col-md-3 > .small-box{
    min-height:118px;
  }
  .skin-green .content > .col-md-3 > .small-box h3{
    font-size:24px!important;
  }
}

@media (max-width:767px){
  .skin-green .content > .content-header > h1{
    font-size:18px!important;
  }

  .skin-green .content > .col-md-3{
    margin-bottom:10px;
  }

  .skin-green .content > .col-md-3 > .small-box{
    min-height:110px;
  }

  .skin-green .content > .col-md-3 > .small-box > .inner{
    min-height:76px;
    padding:13px 15px 9px!important;
  }

  .skin-green .content > .col-md-3 > .small-box h3{
    font-size:23px!important;
  }

  .skin-green .content > .col-md-3 > .small-box > .small-box-footer{
    padding:7px 14px!important;
  }
}

.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"]{
  background:#ffffff!important;
  border:1px solid #dfe9e6!important;
  border-top:4px solid #6f8f88!important;
  box-shadow:0 8px 22px rgba(19,55,53,.06)!important;
}

.skin-green .content > .col-md-3:nth-of-type(1) > .small-box.bg-purple[style*="background-color"]{
  background:#ffffff!important;
  border-top-color:#a56f5d!important;
}

.skin-green .content > .col-md-3:nth-of-type(2) > .small-box.bg-purple[style*="background-color"]{
  background:#ffffff!important;
  border-top-color:#3f8d7b!important;
}

.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"] h3,
.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"] h3 p{
  color:#173b3b!important;
}

.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"] > .icon,
.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"] > .icon > i{
  color:#245148!important;
  opacity:.06!important;
}

.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"] > .small-box-footer{
  background:#f8fbfa!important;
  border-top:1px solid #edf2f1!important;
  color:#45615d!important;
}

.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"]{

  background-image:linear-gradient(#ffffff,#ffffff)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  color:#173b3b!important;
}

.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"] .inner,
.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"] h3,
.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"] h3 center,
.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"] h3 p{
  color:#173b3b!important;
}

.skin-green .content > .col-md-3 > .small-box.bg-purple[style*="background-color"] > .small-box-footer{
  background:#f8fbfa!important;
  color:#45615d!important;
  border-top:1px solid #edf2f1!important;
}

.skin-green .content:last-of-type > .col-md-3:nth-of-type(1) > .small-box.bg-purple[style*="background-color"]{
  border-top:4px solid #a56f5d!important;
}

.skin-green .content:last-of-type > .col-md-3:nth-of-type(2) > .small-box.bg-purple[style*="background-color"]{
  border-top:4px solid #3f8d7b!important;
}

.skin-green .content-wrapper > .content-header{
  padding:20px 22px 10px!important;
}

.skin-green .content-wrapper > .content-header > h1{
  margin:0!important;
  color:#173b3b!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.025em;
}

.skin-green .content-wrapper > .content-header > h1 b{
  font-weight:700!important;
  color:#55706c!important;
}

.skin-green .content .nav-tabs-custom{
  margin:0!important;
  background:#ffffff!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
  overflow:hidden;
}

.skin-green .content .nav-tabs-custom > .nav-tabs{
  display:flex;
  align-items:stretch;
  gap:0;
  margin:0!important;
  padding:0 14px!important;
  background:#f8fbfa!important;
  border-bottom:1px solid #dce7e4!important;
}

.skin-green .content .nav-tabs-custom > .nav-tabs > li{
  float:none!important;
  margin:0!important;
}

.skin-green .content .nav-tabs-custom > .nav-tabs > li > a{
  position:relative;
  min-height:52px;
  display:flex;
  align-items:center;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#526c68!important;
  font-size:14px!important;
  font-weight:750!important;
  white-space:nowrap;
}

.skin-green .content .nav-tabs-custom > .nav-tabs > li > a:hover{
  color:#173b3b!important;
  background:#f1f7f5!important;
}

.skin-green .content .nav-tabs-custom > .nav-tabs > li.active > a{
  color:#173b3b!important;
  background:#ffffff!important;
}

.skin-green .content .nav-tabs-custom > .nav-tabs > li.active > a:after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:#2f756a;
}

.skin-green .content .nav-tabs-custom .box-title{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}

.skin-green .content .nav-tabs-custom > .tab-content{
  padding:0!important;
  background:#ffffff!important;
}

.skin-green .content .nav-tabs-custom .tab-pane > .box-body{
  padding:22px 24px 26px!important;
}

.skin-green #formularioalbaran,
.skin-green #formulariopresupuesto,
.skin-green #formulariofactura{
  margin:0!important;
  padding:0!important;
}

.skin-green #formularioalbaran > .pull-top,
.skin-green #formulariopresupuesto > .pull-top,
.skin-green #formulariofactura > .pull-top{
  min-height:40px!important;
  padding:8px 17px!important;
  border-radius:9px!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:0 5px 13px rgba(36,81,72,.10)!important;
}

.skin-green #formulariofactura .reporteverifactu{
  min-height:40px!important;
  padding:8px 14px!important;
  background:#ffffff!important;
  border:1px solid #bfd3ce!important;
  color:#315b54!important;
  box-shadow:none!important;
}

.skin-green #formularioalbaran > .col-md-5,
.skin-green #formulariopresupuesto > .col-md-5,
.skin-green #formulariofactura > .col-md-5{
  max-width:330px;
}

.skin-green #formularioalbaran > .col-md-5 .form-control,
.skin-green #formulariopresupuesto > .col-md-5 .form-control,
.skin-green #formulariofactura > .col-md-5 .form-control{
  height:40px!important;
  min-height:40px!important;
  background:#fbfcfc!important;
  border-color:#cadbd7!important;
  color:#294a46!important;
  font-size:13px!important;
  font-weight:600;
}

.skin-green #formularioalbaran .dataTables_wrapper,
.skin-green #formulariopresupuesto .dataTables_wrapper,
.skin-green #formulariofactura .dataTables_wrapper{
  color:#3e5753;
}

.skin-green #formularioalbaran .dataTables_length,
.skin-green #formulariopresupuesto .dataTables_length,
.skin-green #formulariofactura .dataTables_length{
  padding:2px 0 9px;
  color:#60736f;
  font-size:12px;
}

.skin-green #formularioalbaran .dataTables_length select,
.skin-green #formulariopresupuesto .dataTables_length select,
.skin-green #formulariofactura .dataTables_length select{
  min-width:66px;
  height:36px!important;
  margin:0 5px;
  padding:5px 25px 5px 9px!important;
  border:1px solid #cddbd8!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294a46!important;
}

.skin-green #formularioalbaran .dataTables_info,
.skin-green #formulariopresupuesto .dataTables_info,
.skin-green #formulariofactura .dataTables_info{
  padding-top:12px!important;
  color:#70817e!important;
  font-size:12px!important;
}

.skin-green #formularioalbaran .table-responsive,
.skin-green #formulariopresupuesto .table-responsive,
.skin-green #formulariofactura .table-responsive{
  padding-left:0!important;
  padding-right:0!important;
  border:1px solid #dfe8e6!important;
  border-radius:11px!important;
  overflow-x:auto!important;
  box-shadow:0 4px 14px rgba(23,59,59,.035);
}

.skin-green #formularioalbaran table,
.skin-green #formulariopresupuesto table,
.skin-green #formulariofactura table{
  margin-bottom:0!important;
  border:0!important;
  font-size:12px!important;
}

.skin-green #formularioalbaran .table > thead > tr > th,
.skin-green #formulariopresupuesto .table > thead > tr > th,
.skin-green #formulariofactura .table > thead > tr > th{
  height:44px;
  padding:9px 8px!important;
  background:#f6f9f8!important;
  border-top:0!important;
  border-bottom:1px solid #d8e4e1!important;
  border-left:0!important;
  color:#3a5a55!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.035em;
  text-transform:uppercase;
  vertical-align:middle!important;
}

.skin-green #formularioalbaran .table > tbody > tr > td,
.skin-green #formulariopresupuesto .table > tbody > tr > td,
.skin-green #formulariofactura .table > tbody > tr > td{
  padding:8px 8px!important;
  border-color:#e8efed!important;
  color:#36514d;
  vertical-align:middle!important;
}

.skin-green #formularioalbaran .table-hover > tbody > tr:hover > td,
.skin-green #formulariopresupuesto .table-hover > tbody > tr:hover > td,
.skin-green #formulariofactura .table-hover > tbody > tr:hover > td{
  box-shadow:inset 0 0 0 9999px rgba(36,81,72,.025);
}

.skin-green #formularioalbaran td .btn.btn-sm,
.skin-green #formulariopresupuesto td .btn.btn-sm,
.skin-green #formulariofactura td .btn.btn-sm{
  min-width:31px!important;
  height:31px!important;
  min-height:31px!important;
  padding:4px 7px!important;
  margin:1px 1px!important;
  border-radius:7px!important;
  font-size:12px!important;
}

.skin-green #formularioalbaran td .btn.btn-default.btn-sm,
.skin-green #formulariopresupuesto td .btn.btn-default.btn-sm,
.skin-green #formulariofactura td .btn.btn-default.btn-sm{
  background:#fbfcfc!important;
  border-color:#d0dfdc!important;
  color:#315852!important;
}

.skin-green #formulariofactura td .btn-success.btn-sm{
  background:#2e8069!important;
  border-color:#2e8069!important;
}

.skin-green #formulariofactura td .btn-danger.btn-sm{
  background:#a64b4b!important;
  border-color:#a64b4b!important;
}

.skin-green #formularioalbaran > .input-group.col-md-4,
.skin-green #formulariopresupuesto > .input-group.col-md-3,
.skin-green #formulariopresupuesto > .input-group.col-md-4,
.skin-green #formulariofactura > .input-group.col-md-4{
  margin-top:12px!important;
  max-width:520px;
}

.skin-green #formularioalbaran > .input-group input.form-control,
.skin-green #formulariopresupuesto > .input-group input.form-control,
.skin-green #formulariofactura > .input-group input.form-control{
  height:39px!important;
  border-radius:9px 0 0 9px!important;
  border-color:#cfdedb!important;
  background:#fff!important;
  font-size:13px!important;
}

.skin-green #formularioalbaran > .input-group .btn,
.skin-green #formulariopresupuesto > .input-group .btn,
.skin-green #formulariofactura > .input-group .btn{
  height:39px!important;
  min-width:44px!important;
  border-radius:0 9px 9px 0!important;
  background:#eef4f2!important;
  border:1px solid #cfdedb!important;
  color:#315852!important;
}

.skin-green #formulariofactura > .input-group.col-md-8{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  padding-top:12px!important;
  padding-left:14px!important;
}

.skin-green #formulariofactura > .input-group.col-md-8 > span{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:74px;
  min-height:24px;
  padding:4px 8px!important;
  border:1px solid rgba(23,59,59,.18)!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.025em;
  box-shadow:none!important;
}

.skin-green .content .nav-tabs-custom #tab_1 .box-body{
  padding-top:24px!important;
}

.skin-green .content .nav-tabs-custom #tab_1 .form-group{
  margin-bottom:16px;
}

.skin-green .content .nav-tabs-custom #tab_1 label,
.skin-green .content .nav-tabs-custom #tab_1 .control-label{
  margin-bottom:6px;
  color:#405c58!important;
  font-size:12px!important;
  font-weight:750!important;
}

.skin-green .content .nav-tabs-custom #tab_1 .form-control{
  background:#fff!important;
  border-color:#ceddda!important;
}

.skin-green .content .nav-tabs-custom #tab_1 .form-control[readonly]{
  background:#f5f8f7!important;
  color:#6c7c79!important;
}

.skin-green .dataTables_wrapper .pagination{
  margin-top:10px!important;
}

.skin-green .dataTables_wrapper .pagination > li > a,
.skin-green .dataTables_wrapper .pagination > li > span{
  min-width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px!important;
  background:#fff!important;
  border-color:#d6e2df!important;
  color:#365b55!important;
  font-size:12px!important;
}

.skin-green .dataTables_wrapper .pagination > .active > a,
.skin-green .dataTables_wrapper .pagination > .active > span,
.skin-green .dataTables_wrapper .pagination > .active > a:hover,
.skin-green .dataTables_wrapper .pagination > .active > span:hover{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}

@media (max-width:991px){
  .skin-green .content .nav-tabs-custom > .nav-tabs{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    padding:0 8px!important;
  }

  .skin-green .content .nav-tabs-custom > .nav-tabs > li > a{
    padding:0 14px!important;
  }

  .skin-green .content .nav-tabs-custom .tab-pane > .box-body{
    padding:16px!important;
  }
}

@media (max-width:767px){
  .skin-green .content-wrapper > .content-header > h1{
    font-size:20px!important;
  }

  .skin-green #formularioalbaran > .pull-top,
  .skin-green #formulariopresupuesto > .pull-top,
  .skin-green #formulariofactura > .pull-top,
  .skin-green #formulariofactura .reporteverifactu{
    min-height:38px!important;
    width:auto!important;
    flex:1 1 auto;
  }

  .skin-green #formulariofactura > .input-group.col-md-8{
    padding-left:0!important;
  }

  .skin-green #formularioalbaran .table > tbody > tr > td,
  .skin-green #formulariopresupuesto .table > tbody > tr > td,
  .skin-green #formulariofactura .table > tbody > tr > td{
    white-space:nowrap;
  }
}

.skin-green #formularioalbaran,
.skin-green #formulariopresupuesto,
.skin-green #formulariofactura{
  column-gap:10px!important;
  row-gap:10px!important;
}

.skin-green #formularioalbaran > .pull-top,
.skin-green #formulariopresupuesto > .pull-top,
.skin-green #formulariofactura > .pull-top,
.skin-green #formularioalbaran > #btngenerafacturas,
.skin-green #formularioalbaran > input[name="checkall"]{
  order:1!important;
  margin:0!important;
}

.skin-green #formulariofactura > div[style*="position:absolute"]:has(.reporteverifactu){
  order:1!important;
  margin:0!important;
  position:static!important;
  flex:0 0 auto!important;
}

.skin-green #formularioalbaran > .input-group.col-md-4,
.skin-green #formulariopresupuesto > .input-group.col-md-3,
.skin-green #formulariopresupuesto > .input-group.col-md-4,
.skin-green #formulariofactura > .input-group.col-md-4{
  order:2!important;
  flex:0 1 360px!important;
  width:auto!important;
  max-width:360px!important;
  margin:0!important;
  padding-top:0!important;
}

.skin-green #formularioalbaran > .col-md-5,
.skin-green #formulariopresupuesto > .col-md-5,
.skin-green #formulariofactura > .col-md-5{
  order:3!important;
  margin-left:auto!important;
}

.skin-green #formulariofactura > #mensajecertificado,
.skin-green #formulariopresupuesto > #mensajecertificado,
.skin-green #formularioalbaran > #mensajecertificado{
  order:4!important;
  flex:0 0 100%!important;
}

.skin-green #formularioalbaran > .table-responsive,
.skin-green #formulariopresupuesto > .table-responsive,
.skin-green #formulariofactura > .table-responsive{
  order:10!important;
  margin-top:2px!important;
}

.skin-green #formulariofactura > .input-group.col-md-8{
  order:20!important;
  flex:1 1 auto!important;
}

.skin-green #formularioalbaran > #btngenerafacturas{
  background:#b17d2e!important;
  border-color:#b17d2e!important;
  color:#fff!important;
}

.skin-green #formularioalbaran > #btngenerafacturas:hover{
  background:#9a6b26!important;
  border-color:#9a6b26!important;
}

.skin-green #formularioalbaran > input[name="checkall"]{
  background:#eef3f2!important;
  border:1px solid #d4e0dd!important;
  color:#3e5c57!important;
}

.skin-green #formularioalbaran table thead th:first-child,
.skin-green #formulariopresupuesto table thead th:first-child,
.skin-green #formulariofactura table thead th:first-child{
  background-image:none!important;
}

.skin-green #formularioalbaran td,
.skin-green #formulariopresupuesto td,
.skin-green #formulariofactura td{
  font-variant-numeric:tabular-nums;
}

.skin-green #formularioalbaran td .btn.btn-sm[disabled],
.skin-green #formulariopresupuesto td .btn.btn-sm[disabled],
.skin-green #formulariofactura td .btn.btn-sm[disabled]{
  visibility:hidden!important;
}

.skin-green #formulariofactura tr[style*="rgba(169, 42, 27, 0.15)"]{
  background-color:#fff1ef!important;
}

.skin-green #formulariofactura tr[style*="#F8F8F8"]{
  background-color:#f5f9f7!important;
}

.skin-green #formulariofactura button.btn-sm[style*="#00F3FF"]{
  background:#e8f6f5!important;
  border-color:#acd8d2!important;
  color:#27655d!important;
}
.skin-green #formulariofactura button.btn-sm[style*="#00FF0D"]{
  background:#ebf6ee!important;
  border-color:#afd7b9!important;
  color:#2f6e42!important;
}
.skin-green #formulariofactura button.btn-sm[style*="#0037FF"]{
  background:#edf2f8!important;
  border-color:#bacadd!important;
  color:#3d5f7b!important;
}
.skin-green #formulariofactura button.btn-sm[style*="#F900FF"]{
  background:#f3eef8!important;
  border-color:#d1c0e0!important;
  color:#69527b!important;
}
.skin-green #formulariofactura button.btn-sm[style*="#FFFD00"]{
  background:#fff7df!important;
  border-color:#e2cf92!important;
  color:#80651b!important;
}
.skin-green #formulariofactura button.btn-sm[style*="#B40007"]{
  background:#faeeee!important;
  border-color:#dfb4b4!important;
  color:#8a4141!important;
}

.skin-green #formulariofactura > .input-group.col-md-8{
  gap:5px!important;
}

.skin-green #formulariofactura > .input-group.col-md-8 > span{
  width:auto!important;
  min-width:64px!important;
  height:24px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:0!important;

  font-weight:800!important;
  text-align:center!important;
}

.skin-green #formulariofactura > .input-group.col-md-8 > span::after{
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.02em;
}

.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(1){
  background:#e8f6f5!important;
  border-color:#acd8d2!important;
  color:#27655d!important;
}
.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(1)::after{content:"Única";}

.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(2){
  background:#ebf6ee!important;
  border-color:#afd7b9!important;
  color:#2f6e42!important;
}
.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(2)::after{content:"Anual";}

.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(3){
  background:#edf2f8!important;
  border-color:#bacadd!important;
  color:#3d5f7b!important;
}
.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(3)::after{content:"Semestral";}

.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(4){
  background:#f3eef8!important;
  border-color:#d1c0e0!important;
  color:#69527b!important;
}
.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(4)::after{content:"Cuatrimestral";}

.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(5){
  background:#fff7df!important;
  border-color:#e2cf92!important;
  color:#80651b!important;
}
.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(5)::after{content:"Trimestral";}

.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(6){
  background:#faeeee!important;
  border-color:#dfb4b4!important;
  color:#8a4141!important;
}
.skin-green #formulariofactura > .input-group.col-md-8 > span:nth-child(6)::after{content:"Mensual";}

.skin-green #formulario .form-group{
  margin-bottom:14px!important;
}

.skin-green #formulario label,
.skin-green #formulario .control-label{
  color:#405c58!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.005em;
}

.skin-green #formulario .form-control{
  height:36px!important;
  min-height:36px!important;
  border-radius:8px!important;
  font-size:12px!important;
}

.skin-green #formulario textarea.form-control{
  height:auto!important;
  min-height:90px!important;
}

.skin-green #formulario h4,
.skin-green #formulario h5{
  color:#245148!important;
  font-weight:800!important;
}

.skin-green #formulario .box-footer{
  margin-top:8px;
  padding-top:16px!important;
  border-top:1px solid #e6eeec!important;
  background:#fbfcfc!important;
}

@media (max-width:1199px){
  .skin-green #formularioalbaran > .input-group.col-md-4,
  .skin-green #formulariopresupuesto > .input-group.col-md-3,
  .skin-green #formulariopresupuesto > .input-group.col-md-4,
  .skin-green #formulariofactura > .input-group.col-md-4{
    flex-basis:300px!important;
    max-width:300px!important;
  }
}

@media (max-width:991px){
  .skin-green #formularioalbaran > .input-group.col-md-4,
  .skin-green #formulariopresupuesto > .input-group.col-md-3,
  .skin-green #formulariopresupuesto > .input-group.col-md-4,
  .skin-green #formulariofactura > .input-group.col-md-4{
    order:4!important;
    flex:0 0 100%!important;
    max-width:none!important;
  }

  .skin-green #formularioalbaran > .col-md-5,
  .skin-green #formulariopresupuesto > .col-md-5,
  .skin-green #formulariofactura > .col-md-5{
    order:3!important;
    flex:0 0 100%!important;
    max-width:none!important;
    margin-left:0!important;
  }
}

@media (max-width:767px){
  .skin-green #formularioalbaran > .pull-top,
  .skin-green #formulariopresupuesto > .pull-top,
  .skin-green #formulariofactura > .pull-top,
  .skin-green #formularioalbaran > #btngenerafacturas,
  .skin-green #formularioalbaran > input[name="checkall"]{
    flex:1 1 auto!important;
  }

  .skin-green #formulariofactura > .input-group.col-md-8{
    flex:0 0 100%!important;
    padding-left:0!important;
  }
}

.skin-green #formulario #tab_1 .titulooculto{
  display:block;
  margin:4px 0 10px!important;
  color:#245148!important;
  font-size:13px!important;
  line-height:1.2;
  font-weight:850!important;
  letter-spacing:.015em;
}

.skin-green #formulario #tab_1 .box-header[style*="margin-bottom"]{
  margin:4px 0 16px!important;
  padding:16px 18px!important;
  background:#f8fbfa!important;
  border:1px solid #e1ebe8!important;
  border-radius:11px!important;
}

.skin-green #formulario #tab_1 .box-footer{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:8px!important;
  padding:15px 0 0!important;
  background:transparent!important;
  border-top:1px solid #e6eeec!important;
}

.skin-green #formulario #tab_1 .box-footer .btn{
  float:none!important;
  margin:0!important;
  min-height:38px;
  padding:8px 15px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important;
}

.skin-green #formulario #tab_1 .box-footer .btn-danger{
  background:#b6534d!important;
  border-color:#b6534d!important;
}

.skin-green #formulario #tab_1 .box-footer .btn-warning{
  background:#b8862e!important;
  border-color:#b8862e!important;
  color:#fff!important;
}

.skin-green #formulario #tab_2 .table-responsive > a[data-target="#registrar_factura"],
.skin-green #formulario #tab_2 .table-responsive > a[data-target="#registrar_xml"],
.skin-green #formulario #tab_2 .table-responsive > a[data-target="#registrar_ia"]{
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:39px!important;
  margin:0 7px 10px 0!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  vertical-align:top;
}

.skin-green #formulario #tab_2 a[data-target="#registrar_factura"]{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}

.skin-green #formulario #tab_2 a[data-target="#registrar_xml"]{
  background:#ffffff!important;
  border-color:#bfd2ce!important;
  color:#315b54!important;
}

.skin-green #formulario #tab_2 a[data-target="#registrar_ia"]{
  background:#eef5f3!important;
  border-color:#c6d9d4!important;
  color:#285a52!important;
}

.skin-green #formulario #tab_2 a[data-target="#registrar_xml"]:hover,
.skin-green #formulario #tab_2 a[data-target="#registrar_ia"]:hover{
  background:#e7f1ee!important;
  border-color:#afc9c3!important;
  color:#173b3b!important;
}

.skin-green #formulario #tab_2 .fileUpload{
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:39px!important;
  margin:0 7px 10px 0!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  background:#eef5f3!important;
  border:1px solid #c6d9d4!important;
  color:#285a52!important;
  font-size:12px!important;
  font-weight:800!important;
}

.skin-green #formulario #tab_2 #tabla_registros{
  clear:both!important;
  margin-top:7px!important;
}

.skin-green #tabla_registros{
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
  font-size:12px!important;
}

.skin-green #tabla_registros > thead > tr > th{
  height:44px;
  padding:9px 8px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.035em;
  text-transform:uppercase;
  vertical-align:middle!important;
}

.skin-green #tabla_registros > thead > tr > th:first-child{
  background-image:none!important;
}

.skin-green #tabla_registros > tbody > tr > td{
  padding:8px 8px!important;
  border-color:#e9efee!important;
  color:#36514d;
  font-variant-numeric:tabular-nums;
  vertical-align:middle!important;
}

.skin-green #tabla_registros > tbody > tr:hover > td{
  box-shadow:inset 0 0 0 9999px rgba(36,81,72,.025);
}

.skin-green #tabla_registros td .btn.btn-sm{
  min-width:31px!important;
  height:31px!important;
  min-height:31px!important;
  margin:1px!important;
  padding:4px 7px!important;
  border-radius:7px!important;
  background:#fbfcfc!important;
  border-color:#d1dfdc!important;
  color:#315852!important;
  font-size:12px!important;
}

.skin-green #tabla_registros td.text-center b{
  color:#286657;
  font-weight:800!important;
}

.skin-green #formulario #tab_3 .box-footer{
  padding:0 0 14px!important;
  background:transparent!important;
  border:0!important;
}

.skin-green #formulario #tab_3 .box-footer .btn{
  margin:0!important;
  min-height:38px;
  padding:8px 15px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important;
}

.skin-green #formulario #tab_3 .label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:23px;
  padding:4px 9px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:800!important;
}

.skin-green #formulario #tab_3 .label-success{
  background:#eaf5f0!important;
  color:#2f6e59!important;
}
.skin-green #formulario #tab_3 .label-primary{
  background:#edf3f7!important;
  color:#47677b!important;
}
.skin-green #formulario #tab_3 .label-warning{
  background:#fff6df!important;
  color:#81661f!important;
}
.skin-green #formulario #tab_3 .label-danger{
  background:#faeeee!important;
  color:#8b4242!important;
}

.skin-green #formulario_consulta .box.box-primary{
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
}

.skin-green #formulario_consulta .box-body{
  padding:18px!important;
}

.skin-green #formulario_consulta #descargarExcel{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:40px;
  height:38px;
  margin:0 0 10px!important;
  padding:5px!important;
  background:#f3f8f6!important;
  border:1px solid #cadbd7!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

.skin-green #formulario_consulta #descargarExcel:hover{
  background:#eaf3f0!important;
}

.skin-green #formulario_consulta #descargarExcel img{
  display:block;
  max-width:24px!important;
  max-height:24px!important;
  object-fit:contain;
}

.skin-green #formulario_consulta #tabla_seguimiento{
  margin-bottom:0!important;
  font-size:12px!important;
}

.skin-green #formulario_consulta #tabla_seguimiento > thead > tr > th{
  height:42px;
  padding:8px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.035em;
  text-transform:uppercase;
  vertical-align:middle!important;
}

.skin-green #formulario_consulta #tabla_seguimiento > tbody > tr > td{
  padding:8px!important;
  border-color:#e9efee!important;
  vertical-align:middle!important;
}

.skin-green a[data-target="#registrar_factura"],
.skin-green a[data-target="#registrar_xml"],
.skin-green a[data-target="#registrar_ia"]{
  border-radius:9px!important;
  font-weight:800!important;
}

.skin-green .table-responsive > a[data-target="#registrar_factura"],
.skin-green .table-responsive > a[data-target="#registrar_xml"],
.skin-green .table-responsive > a[data-target="#registrar_ia"]{
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:39px!important;
  margin:0 7px 10px 0!important;
  padding:8px 14px!important;
}

.skin-green #grafacpro,
.skin-green #registraxml{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}

.skin-green #grafacpro:hover,
.skin-green #registraxml:hover{
  background:#193f3c!important;
  border-color:#193f3c!important;
}

.skin-green .modal .fileUpload{
  border-radius:9px!important;
}

@media (max-width:767px){
  .skin-green #formulario #tab_2 .table-responsive > a[data-target="#registrar_factura"],
  .skin-green #formulario #tab_2 .table-responsive > a[data-target="#registrar_xml"],
  .skin-green #formulario #tab_2 .table-responsive > a[data-target="#registrar_ia"],
  .skin-green .table-responsive > a[data-target="#registrar_factura"],
  .skin-green .table-responsive > a[data-target="#registrar_xml"],
  .skin-green .table-responsive > a[data-target="#registrar_ia"]{
    width:100%!important;
    margin-right:0!important;
  }

  .skin-green #formulario #tab_1 .box-footer{
    align-items:stretch;
  }

  .skin-green #formulario #tab_1 .box-footer .btn{
    flex:1 1 100%;
  }
}

.skin-green .table-responsive > a[data-target="#registrar_factura"],
.skin-green .table-responsive > a[data-target="#registrar_xml"],
.skin-green .table-responsive > a[data-target="#registrar_ia"]{
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:39px!important;
  margin:0 7px 10px 0!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  vertical-align:top!important;
  text-decoration:none!important;
}

.skin-green .table-responsive > a[data-target="#registrar_factura"]{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}

.skin-green .table-responsive > a[data-target="#registrar_xml"]{
  background:#ffffff!important;
  border-color:#bfd2ce!important;
  color:#315b54!important;
}

.skin-green .table-responsive > a[data-target="#registrar_ia"]{
  background:#eef5f3!important;
  border-color:#c6d9d4!important;
  color:#285a52!important;
}

.skin-green .table-responsive > a[data-target="#registrar_xml"]:hover,
.skin-green .table-responsive > a[data-target="#registrar_ia"]:hover{
  background:#e7f1ee!important;
  border-color:#afc9c3!important;
  color:#173b3b!important;
}

.skin-green .table-responsive > a[data-target="#registrar_factura"]:hover{
  background:#193f3c!important;
  border-color:#193f3c!important;
  color:#fff!important;
}

.skin-green #formulario #tab_1 .box-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}

.skin-green #formulario #tab_1 .box-footer .btn{
  flex:0 0 auto!important;
  float:none!important;
  margin:0!important;
  min-height:38px!important;
  min-width:auto!important;
  padding:8px 12px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

.skin-green #formulario #tab_1 .box-footer .btn:first-child{
  margin-right:auto!important;
}

.skin-green #formulario #tab_1 .box-footer .btn.btn-danger,
.skin-green #formulario #tab_1 .box-footer .btn.btn-warning,
.skin-green #formulario #tab_1 .box-footer .btn.btn-success{
  width:auto!important;
  max-width:none!important;
}

@media (max-width:1200px){
  .skin-green #formulario #tab_1 .box-footer{
    flex-wrap:wrap!important;
  }
  .skin-green #formulario #tab_1 .box-footer .btn:first-child{
    margin-right:0!important;
  }
}

@media (max-width:767px){
  .skin-green #formulario #tab_1 .box-footer{
    align-items:stretch!important;
  }
  .skin-green #formulario #tab_1 .box-footer .btn{
    flex:1 1 100%!important;
  }
}

body.skin-green:has(#tabla_registro) .content-wrapper > .content-header{
  padding-bottom:8px!important;
}

body.skin-green:has(#tabla_registro) .content-wrapper > .content-header h1{
  color:#173b3b!important;
  font-size:24px!important;
  font-weight:800!important;
  letter-spacing:-.025em;
}

body.skin-green:has(#tabla_registro) .content > .col-md-12{
  color:#657b77;
  font-size:13px;
  line-height:1.55;
}

body.skin-green:has(#tabla_registro) .content > .col-md-12 > .box.box-primary{
  margin-top:12px!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
  overflow:hidden;
}

body.skin-green:has(#tabla_registro) .content > .col-md-12 > .box.box-primary > .box-body{
  padding:20px!important;
}

body.skin-green:has(#tabla_registro) #formulario > .box{
  margin:0 0 20px!important;
  border:1px solid #e1ebe8!important;
  border-radius:12px!important;
  box-shadow:none!important;
  background:#f9fbfa!important;
  overflow:hidden;
}

body.skin-green:has(#tabla_registro) #formulario > .box > .box-body{
  padding:15px!important;
}

body.skin-green:has(#tabla_registro) #tabla_registro{
  width:100%!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
}

body.skin-green:has(#tabla_registro) #tabla_registro > thead > tr > th{
  padding:7px 7px!important;
  background:transparent!important;
  border:0!important;
  color:#526b67!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.skin-green:has(#tabla_registro) #tabla_registro > tbody > tr > td,
body.skin-green:has(#tabla_registro) #tabla_registro > tbody > td{
  padding:6px!important;
  border:0!important;
  background:transparent!important;
  vertical-align:middle!important;
}

body.skin-green:has(#tabla_registro) #tabla_registro .form-control{
  min-height:40px!important;
  height:40px!important;
  border:1px solid #cadbd7!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#294944!important;
  font-size:13px!important;
}

body.skin-green:has(#tabla_registro) #tabla_registro .form-control:focus{
  border-color:#6aa89a!important;
  box-shadow:0 0 0 3px rgba(63,141,123,.10)!important;
}

body.skin-green:has(#tabla_registro) #tabla_registro #precio{
  text-align:right!important;
  font-variant-numeric:tabular-nums;
}

body.skin-green:has(#tabla_registro) #btnnuevoarticulo{
  min-height:40px!important;
  padding:8px 16px!important;
  border-radius:9px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap;
}

body.skin-green:has(#tabla_registro) #btnnuevoarticulo:hover{
  background:#193f3c!important;
  border-color:#193f3c!important;
}

body.skin-green:has(#tabla_registro) #tabla_registro .btn-default.btn-sm{
  min-width:38px!important;
  min-height:38px!important;
  height:38px!important;
  padding:7px!important;
  border-radius:9px!important;
  background:#fff!important;
  border-color:#d1dfdc!important;
  color:#7b5a56!important;
}

body.skin-green:has(#tabla_registro) #tabla_registro .btn-default.btn-sm:hover{
  background:#faeeee!important;
  border-color:#dfb4b4!important;
  color:#8b4242!important;
}

body.skin-green:has(#tabla_registro) #tabla_seguimiento{
  width:100%!important;
  margin:0!important;
  border:1px solid #dfe8e6!important;
  border-radius:11px;
  overflow:hidden;
  background:#fff!important;
  font-size:12px!important;
}

body.skin-green:has(#tabla_registro) #tabla_seguimiento > thead > tr > th{
  height:42px;
  padding:8px 10px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.04em;
  text-transform:uppercase;
  vertical-align:middle!important;
}

body.skin-green:has(#tabla_registro) #tabla_seguimiento > tbody > tr > td{
  padding:9px 10px!important;
  border-color:#e9efee!important;
  color:#38534f;
  vertical-align:middle!important;
}

body.skin-green:has(#tabla_registro) #tabla_seguimiento > tbody > tr{
  transition:background .12s ease;
}

body.skin-green:has(#tabla_registro) #tabla_seguimiento > tbody > tr:hover > td{
  background:#f3f8f6!important;
  color:#173b3b!important;
}

body.skin-green:has(#tabla_registro) #tabla_seguimiento > tbody > tr > td:last-child{
  font-weight:750;
  font-variant-numeric:tabular-nums;
  color:#245148;
}

body.skin-green:has(#tabla_registro) #tabla_seguimiento_wrapper .dataTables_length,
body.skin-green:has(#tabla_registro) #tabla_seguimiento_wrapper .dataTables_info{
  color:#6d807c!important;
  font-size:12px!important;
}

body.skin-green:has(#tabla_registro) #tabla_seguimiento_wrapper .dataTables_length select{
  height:36px!important;
  min-width:66px;
  margin:0 5px;
  border:1px solid #cddbd8!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294a46!important;
}

body.skin-green:has(#tabla_registro) #tabla_seguimiento_wrapper .pagination > .active > a,
body.skin-green:has(#tabla_registro) #tabla_seguimiento_wrapper .pagination > .active > span{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}

body.skin-green:has(#nuevo_articulo) .content-wrapper > .content-header h1{
  color:#173b3b!important;
  font-size:24px!important;
  font-weight:800!important;
}

body.skin-green:has(#nuevo_articulo) .content .box.box-primary{
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
}

body.skin-green:has(#nuevo_articulo) a[data-target="#nuevo_articulo"]{
  min-height:39px!important;
  padding:8px 15px!important;
  border-radius:9px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#nuevo_articulo) #nuevo_articulo .modal-content{
  border-radius:15px!important;
  overflow:hidden;
}

body.skin-green:has(#nuevo_articulo) #nuevo_articulo .modal-body{
  padding:22px!important;
}

body.skin-green:has(#nuevo_articulo) #nuevo_articulo .form-control{
  min-height:40px!important;
  border-radius:9px!important;
  border-color:#cadbd7!important;
}

body.skin-green:has(#nuevo_articulo) #nuevo_articulo #btnnuevoarticulo{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}

body.skin-green:has(#nuevo_articulo) #nuevo_articulo .modal-footer .btn-default[data-dismiss="modal"]{
  background:#fff!important;
  border-color:#cadbd7!important;
  color:#365651!important;
}

body.skin-green:has(#descargarExcel) #descargarExcel{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:38px!important;
  margin:0 0 10px!important;
  padding:5px!important;
  border:1px solid #cadbd7!important;
  border-radius:9px!important;
  background:#f3f8f6!important;
  box-shadow:none!important;
}

body.skin-green:has(#descargarExcel) #descargarExcel:hover{
  background:#e8f2ef!important;
}

body.skin-green:has(#descargarExcel) #descargarExcel img{
  max-width:24px!important;
  max-height:24px!important;
  object-fit:contain;
}

@media (max-width:991px){
  body.skin-green:has(#tabla_registro) #tabla_registro > thead{
    display:none;
  }

  body.skin-green:has(#tabla_registro) #tabla_registro,
  body.skin-green:has(#tabla_registro) #tabla_registro > tbody{
    display:block;
    width:100%;
  }

  body.skin-green:has(#tabla_registro) #tabla_registro > tbody > tr{
    display:grid;
    grid-template-columns:54px 1fr 2fr 110px auto;
    gap:6px;
    width:100%;
  }
}

@media (max-width:767px){
  body.skin-green:has(#tabla_registro) .content > .col-md-12 > .box.box-primary > .box-body{
    padding:13px!important;
  }

  body.skin-green:has(#tabla_registro) #tabla_registro > tbody > tr{
    grid-template-columns:42px 1fr;
  }

  body.skin-green:has(#tabla_registro) #tabla_registro > tbody > tr > td{
    display:block;
  }

  body.skin-green:has(#tabla_registro) #tabla_registro > tbody > tr > td:nth-child(3),
  body.skin-green:has(#tabla_registro) #tabla_registro > tbody > tr > td:nth-child(4),
  body.skin-green:has(#tabla_registro) #tabla_registro > tbody > tr > td:nth-child(5){
    grid-column:1 / -1;
  }

  body.skin-green:has(#tabla_registro) #btnnuevoarticulo{
    width:100%!important;
  }
}

body.skin-green:has(td[otrosgastos\.php]),
body.skin-green:has(td[otrosingresos\.php]){
  --faacil-mov-accent:#3f8d7b;
  --faacil-mov-soft:#eef7f4;
}

body.skin-green:has(td[otrosgastos\.php]){
  --faacil-mov-accent:#a8782f;
  --faacil-mov-soft:#fff8e9;
}

body.skin-green:has(td[otrosgastos\.php]) .content-wrapper > .content-header h1,
body.skin-green:has(td[otrosingresos\.php]) .content-wrapper > .content-header h1{
  color:#173b3b!important;
  font-size:24px!important;
  font-weight:800!important;
  letter-spacing:-.025em;
}

body.skin-green:has(td[otrosgastos\.php]) .nav-tabs-custom,
body.skin-green:has(td[otrosingresos\.php]) .nav-tabs-custom{
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
  overflow:hidden;
  background:#fff!important;
}

body.skin-green:has(td[otrosgastos\.php]) .nav-tabs-custom > .nav-tabs,
body.skin-green:has(td[otrosingresos\.php]) .nav-tabs-custom > .nav-tabs{
  background:#f8fbfa!important;
  border-bottom:1px solid #dce7e4!important;
}

body.skin-green:has(td[otrosgastos\.php]) .nav-tabs-custom > .nav-tabs > li.active > a:after,
body.skin-green:has(td[otrosingresos\.php]) .nav-tabs-custom > .nav-tabs > li.active > a:after{
  background:var(--faacil-mov-accent)!important;
}

body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto,
body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:10px!important;
}

body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto > .pull-top,
body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto > .pull-top{
  order:1!important;
  float:none!important;
  margin:0!important;
  min-height:40px!important;
  padding:8px 17px!important;
  border-radius:9px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:0 5px 13px rgba(36,81,72,.10)!important;
}

body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto > .input-group.col-md-3,
body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto > .input-group.col-md-3{
  order:2!important;
  float:none!important;
  width:auto!important;
  max-width:370px!important;
  flex:0 1 370px!important;
  margin:0!important;
  padding-top:0!important;
}

body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto > .input-group.col-md-3 .form-control,
body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto > .input-group.col-md-3 .form-control{
  height:40px!important;
  border-radius:9px 0 0 9px!important;
  border-color:#cadbd7!important;
  font-size:13px!important;
}

body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto > .input-group.col-md-3 .btn,
body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto > .input-group.col-md-3 .btn{
  height:40px!important;
  min-width:44px!important;
  border-radius:0 9px 9px 0!important;
  background:#eef4f2!important;
  border:1px solid #cadbd7!important;
  color:#315852!important;
}

body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto > .col-md-5,
body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto > .col-md-5{
  order:3!important;
  float:none!important;
  width:auto!important;
  max-width:360px!important;
  flex:0 1 360px!important;
  margin-left:auto!important;
  padding-top:0!important;
}

body.skin-green:has(td[otrosgastos\.php]) #filtro_presupuesto,
body.skin-green:has(td[otrosingresos\.php]) #filtro_presupuesto{
  height:40px!important;
  min-height:40px!important;
  border:1px solid #cadbd7!important;
  border-radius:9px!important;
  background:#fbfcfc!important;
  color:#294944!important;
  font-size:13px!important;
  font-weight:650!important;
}

body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto > .table-responsive,
body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto > .table-responsive{
  order:10!important;
  flex:0 0 100%!important;
  width:100%!important;
  float:none!important;
  margin-top:2px!important;
  padding:0!important;
  border:1px solid #dfe8e6!important;
  border-radius:11px!important;
  overflow-x:auto!important;
  box-shadow:0 4px 14px rgba(23,59,59,.035);
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento,
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento{
  margin:0!important;
  border:0!important;
  background:#fff!important;
  font-size:12px!important;
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento > thead > tr > th,
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento > thead > tr > th{
  height:44px;
  padding:9px 9px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.035em;
  text-transform:uppercase;
  vertical-align:middle!important;
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento > thead > tr > th:first-child,
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento > thead > tr > th:first-child{
  background-image:none!important;
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento > tbody > tr > td,
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento > tbody > tr > td{
  padding:9px!important;
  border-color:#e9efee!important;
  color:#38534f;
  vertical-align:middle!important;
  font-variant-numeric:tabular-nums;
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento > tbody > tr:hover > td,
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento > tbody > tr:hover > td{
  box-shadow:inset 0 0 0 9999px rgba(36,81,72,.025);
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento > tbody > tr > td:nth-last-child(2),
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento > tbody > tr > td:nth-last-child(2){
  color:#173b3b!important;
  font-weight:800!important;
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento > tbody > tr > td:last-child,
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento > tbody > tr > td:last-child{
  color:#4d6763!important;
  font-weight:700!important;
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento > tbody > tr > td:last-child{
  background:#fffaf0!important;
}

body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento > tbody > tr > td:last-child{
  background:#f2f9f6!important;
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento td .btn.btn-sm,
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento td .btn.btn-sm{
  min-width:31px!important;
  height:31px!important;
  min-height:31px!important;
  padding:4px 7px!important;
  margin:1px!important;
  border-radius:7px!important;
  background:#fbfcfc!important;
  border-color:#d1dfdc!important;
  color:#315852!important;
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento td .btn.btn-sm:first-of-type:hover,
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento td .btn.btn-sm:first-of-type:hover{
  background:#faeeee!important;
  border-color:#dfb4b4!important;
  color:#8b4242!important;
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento_wrapper .dataTables_length,
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento_wrapper .dataTables_length,
body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento_wrapper .dataTables_info,
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento_wrapper .dataTables_info{
  color:#6d807c!important;
  font-size:12px!important;
}

body.skin-green:has(td[otrosgastos\.php]) #tabla_seguimiento_wrapper .pagination > .active > a,
body.skin-green:has(td[otrosingresos\.php]) #tabla_seguimiento_wrapper .pagination > .active > a{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}

body.skin-green:has(td[otrosgastos\.php]) #nuevo_presupuesto .modal-dialog,
body.skin-green:has(td[otrosingresos\.php]) #nuevo_presupuesto .modal-dialog{
  width:min(1180px,92vw)!important;
  margin:18px auto!important;
}

body.skin-green:has(td[otrosgastos\.php]) #nuevo_presupuesto .modal-body,
body.skin-green:has(td[otrosingresos\.php]) #nuevo_presupuesto .modal-body{
  padding:22px!important;
}

body.skin-green:has(td[otrosgastos\.php]) #btnnuevopresup,
body.skin-green:has(td[otrosingresos\.php]) #btnnuevopresup{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}

body.skin-green:has(td[otrosgastos\.php]) #btnnuevopresup:hover,
body.skin-green:has(td[otrosingresos\.php]) #btnnuevopresup:hover{
  background:#193f3c!important;
  border-color:#193f3c!important;
}

body.skin-green:has(td[otrosgastos\.php]) #nuevo_presupuesto #selcliente,
body.skin-green:has(td[otrosgastos\.php]) #nuevo_presupuesto #selcliente2,
body.skin-green:has(td[otrosingresos\.php]) #nuevo_presupuesto #selcliente,
body.skin-green:has(td[otrosingresos\.php]) #nuevo_presupuesto #selcliente2{
  margin-bottom:12px;
}

body.skin-green:has(td[otrosgastos\.php]) #nuevo_presupuesto label,
body.skin-green:has(td[otrosingresos\.php]) #nuevo_presupuesto label{
  margin-bottom:6px!important;
  color:#405c58!important;
  font-size:12px!important;
  font-weight:750!important;
}

body.skin-green:has(td[otrosgastos\.php]) #nuevo_presupuesto .form-control,
body.skin-green:has(td[otrosingresos\.php]) #nuevo_presupuesto .form-control{
  min-height:39px!important;
  border-radius:8px!important;
  border-color:#cddbd8!important;
  background:#fff!important;
}

body.skin-green:has(td[otrosgastos\.php]) #nuevo_presupuesto .form-control:focus,
body.skin-green:has(td[otrosingresos\.php]) #nuevo_presupuesto .form-control:focus{
  border-color:#6aa89a!important;
  box-shadow:0 0 0 3px rgba(63,141,123,.10)!important;
}

body.skin-green:has(td[otrosgastos\.php]) #nuevo_presupuesto #newclientepre .btn,
body.skin-green:has(td[otrosgastos\.php]) #nuevo_presupuesto #modificarclientepre .btn,
body.skin-green:has(td[otrosingresos\.php]) #nuevo_presupuesto #newclientepre .btn,
body.skin-green:has(td[otrosingresos\.php]) #nuevo_presupuesto #modificarclientepre .btn{
  min-height:39px!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  background:#eef5f3!important;
  border-color:#c7dad5!important;
  color:#285a52!important;
  font-size:12px!important;
  font-weight:800!important;
}

@media (max-width:991px){
  body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto > .input-group.col-md-3,
  body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto > .input-group.col-md-3,
  body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto > .col-md-5,
  body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto > .col-md-5{
    flex:0 0 100%!important;
    max-width:none!important;
    margin-left:0!important;
  }

  body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto > .col-md-5,
  body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto > .col-md-5{
    order:3!important;
  }

  body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto > .input-group.col-md-3,
  body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto > .input-group.col-md-3{
    order:4!important;
  }
}

@media (max-width:767px){
  body.skin-green:has(td[otrosgastos\.php]) #formulariopresupuesto > .pull-top,
  body.skin-green:has(td[otrosingresos\.php]) #formulariopresupuesto > .pull-top{
    width:100%!important;
    justify-content:center!important;
  }

  body.skin-green:has(td[otrosgastos\.php]) #nuevo_presupuesto .modal-dialog,
  body.skin-green:has(td[otrosingresos\.php]) #nuevo_presupuesto .modal-dialog{
    width:96vw!important;
    margin:8px auto!important;
  }
}

body.skin-green:has(#btngeneraremesa) .content-wrapper > .content-header h1{
  color:#173b3b!important;
  font-size:24px!important;
  font-weight:800!important;
  letter-spacing:-.025em;
}

body.skin-green:has(#btngeneraremesa) .content > .row > .col-md-12{
  padding:0 18px 20px!important;
}

body.skin-green:has(#btngeneraremesa) #form_iva{
  background:#fff;
  border:1px solid #dce7e4;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(23,59,59,.055);
  overflow:hidden;
}

body.skin-green:has(#btngeneraremesa) #form_iva > .box-body{
  padding:18px 20px 10px!important;
  color:#5e7470;
  font-size:13px;
  line-height:1.5;
}

body.skin-green:has(#btngeneraremesa) #form_iva > .table-responsive{
  float:none!important;
  width:100%!important;
  padding:6px 20px 20px!important;
  border:0!important;
}

body.skin-green:has(#btngeneraremesa) #form_iva > .table-responsive > .row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 12px!important;
  padding:12px 14px;
  background:#f8fbfa;
  border:1px solid #e1ebe8;
  border-radius:11px;
}

body.skin-green:has(#btngeneraremesa) #form_iva > .table-responsive > .row > [class*="col-md-"]{
  float:none!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
}

body.skin-green:has(#btngeneraremesa) input[name="checkall"]{
  min-height:39px!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  background:#eef4f2!important;
  border:1px solid #cadbd7!important;
  color:#365b55!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#btngeneraremesa) #btngeneraremesa{
  min-height:39px!important;
  padding:8px 15px!important;
  border-radius:9px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#btngeneraremesa) #btngeneraremesa:hover{
  background:#193f3c!important;
  border-color:#193f3c!important;
}

body.skin-green:has(#btngeneraremesa) #btngeneraremesa[disabled]{
  background:#d9e2e0!important;
  border-color:#d9e2e0!important;
  color:#879692!important;
  opacity:1!important;
  cursor:not-allowed;
}

body.skin-green:has(#btngeneraremesa) #btndarporcobradas{
  min-height:39px!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  background:#3f7182!important;
  border-color:#3f7182!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#btngeneraremesa) #form_iva > .table-responsive > .row h4{
  margin:0 6px 0 0!important;
  color:#526b67!important;
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.035em;
}

body.skin-green:has(#btngeneraremesa) #form_iva > .table-responsive > .row a[download]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px;
  height:38px;
  padding:5px;
  border:1px solid #cadbd7;
  border-radius:9px;
  background:#fff;
  vertical-align:middle;
}

body.skin-green:has(#btngeneraremesa) #form_iva > .table-responsive > .row a[download]:hover{
  background:#edf5f2;
}

body.skin-green:has(#btngeneraremesa) #form_iva > .table-responsive > .row a[download] img{
  max-width:24px!important;
  max-height:24px!important;
  object-fit:contain;
}

body.skin-green:has(#btngeneraremesa) #form_iva > .table-responsive > .row h4[style*="color"]{
  display:inline-block!important;
  padding:9px 12px;
  margin:0!important;
  background:#fff8e8!important;
  border:1px solid #eedca2;
  border-radius:9px;
  color:#775f20!important;
  font-size:11px!important;
  text-transform:none;
  letter-spacing:0;
}

body.skin-green:has(#btngeneraremesa) #tabla_seguimiento3{
  margin:0!important;
  border:1px solid #dfe8e6!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
  font-size:12px!important;
}

body.skin-green:has(#btngeneraremesa) #tabla_seguimiento3 > thead > tr > th{
  height:44px;
  padding:8px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.03em;
  text-transform:uppercase;
  vertical-align:middle!important;
}

body.skin-green:has(#btngeneraremesa) #tabla_seguimiento3 > tbody > tr > td{
  padding:8px!important;
  border-color:#e9efee!important;
  color:#38534f;
  font-variant-numeric:tabular-nums;
  vertical-align:middle!important;
}

body.skin-green:has(#btngeneraremesa) #tabla_seguimiento3 > tbody > tr:hover > td{
  box-shadow:inset 0 0 0 9999px rgba(36,81,72,.025);
}

body.skin-green:has(#btngeneraremesa) #tabla_seguimiento3 > tbody > tr > td:nth-last-child(2){
  font-weight:800!important;
  color:#173b3b!important;
}

body.skin-green:has(#iva_anio) .content-wrapper > .content-header h1,
body.skin-green:has(#irpf_anio) .content-wrapper > .content-header h1{
  color:#173b3b!important;
  font-size:24px!important;
  font-weight:800!important;
  letter-spacing:-.025em;
}

body.skin-green:has(#iva_anio) .content .nav-tabs-custom,
body.skin-green:has(#irpf_anio) .content .nav-tabs-custom{
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
  overflow:hidden;
  background:#fff!important;
}

body.skin-green:has(#iva_anio) #myTab,
body.skin-green:has(#irpf_anio) #myTab{
  background:#f8fbfa!important;
  border-bottom:1px solid #dce7e4!important;
}

body.skin-green:has(#iva_anio) #form_iva .tab-pane > .box-body,
body.skin-green:has(#irpf_anio) #form_iva .tab-pane > .box-body{
  margin:0!important;
  padding:20px 22px!important;
  color:#637874;
  font-size:13px;
}

body.skin-green:has(#iva_anio) #form_iva .tab-pane > .box-body > .form-group:first-of-type,
body.skin-green:has(#irpf_anio) #form_iva .tab-pane > .box-body > .form-group:first-of-type{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:12px;
  margin:10px 0 8px!important;
  padding:15px;
  background:#f8fbfa;
  border:1px solid #e1ebe8;
  border-radius:11px;
}

body.skin-green:has(#iva_anio) #form_iva .tab-pane > .box-body > .form-group:first-of-type > [class*="col-md-"],
body.skin-green:has(#irpf_anio) #form_iva .tab-pane > .box-body > .form-group:first-of-type > [class*="col-md-"]{
  float:none!important;
  width:auto!important;
  flex:1 1 190px;
  padding:0!important;
  color:#405c58!important;
  font-size:11px;
  font-weight:800;
}

body.skin-green:has(#iva_anio) #form_iva select.form-control,
body.skin-green:has(#irpf_anio) #form_iva select.form-control{
  width:100%!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  margin-top:6px;
  border:1px solid #cadbd7!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#294944!important;
  font-size:12px!important;
  font-weight:650!important;
}

body.skin-green:has(#iva_anio) button[name^="consultar_informe"],
body.skin-green:has(#irpf_anio) button[name^="consultar_informe"]{
  min-height:39px!important;
  padding:8px 16px!important;
  margin-top:0!important;
  border-radius:9px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#iva_anio) #form_iva .table-responsive > h4,
body.skin-green:has(#irpf_anio) #form_iva .table-responsive > h4{
  display:inline-block;
  margin:0 0 12px 10px!important;
  color:#3c5a55!important;
  font-size:13px!important;
  font-weight:700!important;
}

body.skin-green:has(#iva_anio) #form_iva .table-responsive > a img,
body.skin-green:has(#irpf_anio) #form_iva .table-responsive > a img{
  max-width:26px!important;
  max-height:26px!important;
}

body.skin-green:has(#iva_anio) #form_iva .table-responsive > a,
body.skin-green:has(#irpf_anio) #form_iva .table-responsive > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px;
  height:38px;
  padding:5px;
  border:1px solid #cadbd7;
  border-radius:9px;
  background:#f3f8f6;
  vertical-align:middle;
}

body.skin-green:has(#iva_anio) #tabla_seguimiento3,
body.skin-green:has(#iva_anio) #tabla_seguimiento4,
body.skin-green:has(#irpf_anio) #tabla_seguimiento3,
body.skin-green:has(#irpf_anio) #tabla_seguimiento4{
  margin:0!important;
  border:1px solid #dfe8e6!important;
  background:#fff!important;
  font-size:11px!important;
}

body.skin-green:has(#iva_anio) #tabla_seguimiento3 th,
body.skin-green:has(#iva_anio) #tabla_seguimiento4 th,
body.skin-green:has(#irpf_anio) #tabla_seguimiento3 th,
body.skin-green:has(#irpf_anio) #tabla_seguimiento4 th{
  padding:8px 6px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.025em;
  text-transform:uppercase;
  vertical-align:middle!important;
}

body.skin-green:has(#iva_anio) #tabla_seguimiento3 td,
body.skin-green:has(#iva_anio) #tabla_seguimiento4 td,
body.skin-green:has(#irpf_anio) #tabla_seguimiento3 td,
body.skin-green:has(#irpf_anio) #tabla_seguimiento4 td{
  padding:7px 6px!important;
  border-color:#e9efee!important;
  color:#38534f;
  font-variant-numeric:tabular-nums;
  vertical-align:middle!important;
}

body.skin-green:has(#iva_anio) #form_iva table td.text-right,
body.skin-green:has(#irpf_anio) #form_iva table td.text-right{
  font-weight:700!important;
  color:#254a45!important;
}

body.skin-green:has(#formempresa) .content-wrapper{
  background:#f4f7f6!important;
}

body.skin-green:has(#formempresa) .content-wrapper > .content-header h1{
  color:#173b3b!important;
  font-size:24px!important;
  font-weight:800!important;
  letter-spacing:-.025em;
}

body.skin-green:has(#formempresa) .content > .col-md-12 > .box-header{
  padding:0!important;
}

body.skin-green:has(#formempresa) .content > .col-md-12 > .box-header > .nav-tabs-custom{
  margin:0!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
  overflow:hidden;
  background:#fff!important;
}

body.skin-green:has(#formempresa) #myTab{
  min-height:54px;
  padding:0 16px!important;
  background:#f8fbfa!important;
  border-bottom:1px solid #dce7e4!important;
}

body.skin-green:has(#formempresa) #myTab > li > a{
  min-height:54px!important;
  padding:0 18px!important;
  display:flex;
  align-items:center;
  font-size:14px!important;
  font-weight:800!important;
}

body.skin-green:has(#formempresa) #tab_configuracion > .nav-tabs-custom{
  margin:18px!important;
  border:1px solid #e1ebe8!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow:visible!important;
}

body.skin-green:has(#formempresa) #subTab{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:10px!important;
  background:#f8fbfa!important;
  border-bottom:1px solid #e1ebe8!important;
}

body.skin-green:has(#formempresa) #subTab > li{
  float:none!important;
  margin:0!important;
}

body.skin-green:has(#formempresa) #subTab > li > a{
  min-height:36px!important;
  padding:8px 12px!important;
  display:flex;
  align-items:center;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:#55706c!important;
  font-size:11px!important;
  font-weight:800!important;
  background:transparent!important;
}

body.skin-green:has(#formempresa) #subTab > li.active > a{
  background:#fff!important;
  border-color:#cdded9!important;
  color:#173b3b!important;
  box-shadow:0 2px 7px rgba(23,59,59,.05);
}

body.skin-green:has(#formempresa) #subTab > li.active > a:after{
  display:none!important;
}

body.skin-green:has(#formempresa) #formempresa{
  margin:0!important;
}

body.skin-green:has(#formempresa) #formempresa > .tab-content{
  padding:0!important;
}

body.skin-green:has(#formempresa) #formempresa .tab-pane > .box-body{
  min-height:0!important;
  margin-left:0!important;
  padding:22px!important;
}

body.skin-green:has(#formempresa) #formempresa .box-body .box-body{
  padding:0!important;
}

body.skin-green:has(#formempresa) #formempresa .enunciado,
body.skin-green:has(#formempresa) #formempresa label{
  display:block;
  margin-bottom:6px!important;
  color:#405c58!important;
  font-size:11px!important;
  line-height:1.3;
  font-weight:800!important;
}

body.skin-green:has(#formempresa) #formempresa .form-control{
  min-height:39px!important;
  border:1px solid #cadbd7!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294944!important;
  font-size:12px!important;
  box-shadow:none!important;
}

body.skin-green:has(#formempresa) #formempresa .form-control:focus{
  border-color:#6aa89a!important;
  box-shadow:0 0 0 3px rgba(63,141,123,.10)!important;
}

body.skin-green:has(#formempresa) #formempresa .form-control[readonly]{
  background:#f4f7f6!important;
  color:#758581!important;
}

body.skin-green:has(#formempresa) #formempresa select.form-control{
  height:39px!important;
  line-height:1.2!important;
}

body.skin-green:has(#formempresa) #formempresa #tiporegimen,
body.skin-green:has(#formempresa) #formempresa #tiporegimen-igic{
  width:100%!important;
  max-width:100%!important;
}

body.skin-green:has(#formempresa) #formempresa textarea.form-control{
  min-height:96px!important;
  padding:10px 12px!important;
  line-height:1.45!important;
}

body.skin-green:has(#formempresa) #formempresa .form-group{
  margin-bottom:15px!important;
}

body.skin-green:has(#formempresa) #formempresa button[name="grabar"]{
  min-height:40px!important;
  padding:8px 18px!important;
  border-radius:9px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:0 5px 13px rgba(36,81,72,.10)!important;
}

body.skin-green:has(#formempresa) #formempresa .fileUpload{
  min-height:39px!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  background:#eef5f3!important;
  border:1px solid #c6d9d4!important;
  color:#285a52!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#formempresa) #tab_5 h4{
  margin:16px 0 12px!important;
  color:#173b3b!important;
  font-size:16px!important;
  font-weight:800!important;
}

body.skin-green:has(#formempresa) #tab_5 hr{
  border-top-color:#e1ebe8!important;
}

body.skin-green:has(#formempresa) #tab_5 .btn-primary{
  border-radius:9px!important;
  font-weight:800!important;
}

body.skin-green:has(#formempresa) #tab_nuevaempresa{
  padding:22px!important;
}

body.skin-green:has(#formempresa) #tab_nuevaempresa .btn{
  min-height:40px!important;
  padding:8px 16px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#formempresa) #tab_nuevaempresa .btn[disabled]{
  background:#dbe4e2!important;
  border-color:#dbe4e2!important;
  color:#81918d!important;
  opacity:1!important;
}

@media (max-width:991px){
  body.skin-green:has(#formempresa) #subTab{
    overflow-x:auto;
    flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch;
  }

  body.skin-green:has(#formempresa) #subTab > li > a{
    white-space:nowrap;
  }

  body.skin-green:has(#iva_anio) #form_iva .tab-pane > .box-body > .form-group:first-of-type > [class*="col-md-"],
  body.skin-green:has(#irpf_anio) #form_iva .tab-pane > .box-body > .form-group:first-of-type > [class*="col-md-"]{
    flex:1 1 45%;
  }
}

@media (max-width:767px){
  body.skin-green:has(#btngeneraremesa) #form_iva > .table-responsive > .row{
    align-items:stretch;
  }

  body.skin-green:has(#btngeneraremesa) #form_iva > .table-responsive > .row > [class*="col-md-"]{
    width:100%!important;
  }

  body.skin-green:has(#btngeneraremesa) input[name="checkall"],
  body.skin-green:has(#btngeneraremesa) #btngeneraremesa,
  body.skin-green:has(#btngeneraremesa) #btndarporcobradas{
    width:100%!important;
  }

  body.skin-green:has(#iva_anio) #form_iva .tab-pane > .box-body > .form-group:first-of-type > [class*="col-md-"],
  body.skin-green:has(#irpf_anio) #form_iva .tab-pane > .box-body > .form-group:first-of-type > [class*="col-md-"]{
    flex:0 0 100%;
  }

  body.skin-green:has(#formempresa) #tab_configuracion > .nav-tabs-custom{
    margin:10px!important;
  }

  body.skin-green:has(#formempresa) #formempresa .tab-pane > .box-body{
    padding:15px!important;
  }
}

body.skin-green:has(#formempresa) #myTab,
body.skin-green:has(#formempresa) #subTab{
  background:#f8fbfa!important;
  border-bottom:1px solid #dce7e4!important;
}

body.skin-green:has(#formempresa) #myTab > li,
body.skin-green:has(#formempresa) #subTab > li{
  float:left!important;
  margin:0!important;
}

body.skin-green:has(#formempresa) #myTab > li > a,
body.skin-green:has(#formempresa) #subTab > li > a{
  position:relative!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#56706c!important;
  font-weight:750!important;
}

body.skin-green:has(#formempresa) #myTab > li > a{
  min-height:54px!important;
  padding:17px 18px!important;
  font-size:14px!important;
}

body.skin-green:has(#formempresa) #subTab > li > a{
  min-height:46px!important;
  padding:14px 15px!important;
  font-size:11px!important;
  white-space:nowrap;
}

body.skin-green:has(#formempresa) #myTab > li.active > a,
body.skin-green:has(#formempresa) #subTab > li.active > a{
  background:transparent!important;
  border:0!important;
  color:#173b3b!important;
  box-shadow:none!important;
}

body.skin-green:has(#formempresa) #myTab > li.active > a:after,
body.skin-green:has(#formempresa) #subTab > li.active > a:after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:#2f756a!important;
}

body.skin-green:has(#formempresa) #myTab > li > a:hover,
body.skin-green:has(#formempresa) #subTab > li > a:hover{
  background:#f1f7f5!important;
  color:#173b3b!important;
}

body.skin-green:has(#formempresa) #tab_configuracion > .nav-tabs-custom{
  margin:18px!important;
  border:1px solid #e1ebe8!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

body.skin-green:has(#formempresa) #formempresa .tab-pane > .box-body{
  min-height:0!important;
  margin-left:0!important;
  padding:22px 24px 26px!important;
}

body.skin-green:has(#formempresa) #formempresa .form-horizontal.box-body{
  padding-left:0!important;
  padding-right:0!important;
}

body.skin-green:has(#formempresa) #formempresa .form-group{
  margin-bottom:14px!important;
}

body.skin-green:has(#formempresa) #formempresa .tab-pane > .box-body .col-md-12[style*="padding-top:3px"]:first-child{
  padding:12px 14px!important;
  margin-bottom:14px!important;
  background:#f7faf9!important;
  border:1px solid #e3ebe9!important;
  border-radius:9px!important;
  color:#59716d!important;
  line-height:1.55!important;
}

body.skin-green:has(#formempresa) #formempresa .form-control{
  min-height:38px!important;
  height:38px!important;
  border-radius:8px!important;
  border-color:#cbdad7!important;
  font-size:12px!important;
}

body.skin-green:has(#formempresa) #formempresa textarea.form-control{
  height:auto!important;
  min-height:90px!important;
}

body.skin-green:has(#formempresa) #formempresa label,
body.skin-green:has(#formempresa) #formempresa .enunciado{
  margin-bottom:6px!important;
  color:#405c58!important;
  font-size:11px!important;
  font-weight:800!important;
}

body.skin-green:has(#formempresa) #formempresa button[name="grabar"]{
  min-height:40px!important;
  padding:8px 17px!important;
  margin-top:4px!important;
  border-radius:9px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#formempresa) #tab_1 > .box-body{
  max-width:1260px!important;
  margin:0 auto!important;
}

body.skin-green:has(#formempresa) #tab_1 .form-group > [class*="col-md-"]{
  padding-left:8px!important;
  padding-right:8px!important;
}

body.skin-green:has(#formempresa) #tab_1 .form-control[readonly]{
  background:#f2f6f5!important;
  color:#71827e!important;
}

body.skin-green:has(#formempresa) #tab_2 > .box-body{
  max-width:1180px!important;
  margin:0 auto!important;
}

body.skin-green:has(#formempresa) #tab_2 .col-md-12.col-xs-12:has(#id_iban1),
body.skin-green:has(#formempresa) #tab_2 .col-md-12.col-xs-12:has(#id_iban12){
  padding:16px!important;
  margin-top:14px!important;
  background:#f8fbfa!important;
  border:1px solid #e0ebe8!important;
  border-radius:11px!important;
}

body.skin-green:has(#formempresa) #tab_2 .col-md-12.col-xs-12:has(#id_iban1) + .col-md-12,
body.skin-green:has(#formempresa) #tab_2 .col-md-12.col-xs-12:has(#id_iban12) + .col-md-12{
  margin-top:5px!important;
  padding-left:3px!important;
}

body.skin-green:has(#formempresa) #tab_2 input[id^="id_iban"]{
  width:58px!important;
  max-width:58px!important;
  height:38px!important;
  margin-right:3px!important;
  border-radius:8px!important;
  font-variant-numeric:tabular-nums;
}

body.skin-green:has(#formempresa) #tab_2 #id_iban1,
body.skin-green:has(#formempresa) #tab_2 #id_iban12{
  width:64px!important;
  max-width:64px!important;
}

body.skin-green:has(#formempresa) #tab_2 #codigoremesa{
  max-width:220px!important;
  text-align:left!important;
}

body.skin-green:has(#formempresa) #tab_2 hr{
  margin:18px 0!important;
  border-top-color:#e2ebe9!important;
}

body.skin-green:has(#formempresa) #tab_3 > .box-body{
  max-width:1320px!important;
  margin:0 auto!important;
}

body.skin-green:has(#formempresa) #tab_3 .form-group > .col-md-4{
  padding:14px 16px!important;
  background:#f8fbfa!important;
  border:1px solid #e0ebe8!important;
  border-radius:11px!important;
}

body.skin-green:has(#formempresa) #tab_3 .col-md-4 > [class*="col-md-"]{
  margin-left:0!important;
  padding-left:0!important;
  padding-right:10px!important;
}

body.skin-green:has(#formempresa) #tab_3 .col-md-4 .form-control{
  max-width:100%!important;
}

body.skin-green:has(#formempresa) #tab_3 .form-group > .col-md-8{
  padding-left:22px!important;
}

body.skin-green:has(#formempresa) #tab_3 .image-container{
  display:inline-block!important;
  width:46%!important;
  margin:10px 2% 0 0!important;
  padding:10px!important;
  vertical-align:top!important;
  background:#fff!important;
  border:1px solid #dce7e4!important;
  border-radius:11px!important;
  text-align:center!important;
}

body.skin-green:has(#formempresa) #tab_3 .image-option{
  width:100%!important;
  max-width:320px!important;
  height:auto!important;
  border-radius:7px!important;
  box-shadow:0 5px 16px rgba(23,59,59,.055)!important;
}

body.skin-green:has(#formempresa) #tab_3 .image-option.selected{
  border-color:#245148!important;
  outline:3px solid rgba(36,81,72,.15)!important;
}

body.skin-green:has(#formempresa) #tab_4 > .box-body{
  max-width:1320px!important;
  margin:0 auto!important;
}

body.skin-green:has(#formempresa) #tab_4 .row{
  display:block!important;
}

body.skin-green:has(#formempresa) #tab_4 .row > .col-md-4{
  float:left!important;
  width:34%!important;
  padding:16px!important;
  background:#f8fbfa!important;
  border:1px solid #e0ebe8!important;
  border-radius:11px!important;
}

body.skin-green:has(#formempresa) #tab_4 .row > .col-md-6{
  float:left!important;
  width:63%!important;
  margin-left:3%!important;
  padding:0!important;
}

body.skin-green:has(#formempresa) #tab_4 .row:after{
  content:"";
  display:table;
  clear:both;
}

body.skin-green:has(#formempresa) #tab_4 #logotipoImg{
  display:block!important;
  width:100%!important;
  max-width:300px!important;
  height:auto!important;
  margin:12px auto 0!important;
}

body.skin-green:has(#formempresa) #tab_4 .wysihtml5-sandbox{
  width:100%!important;
  min-height:145px!important;
}

body.skin-green:has(#formempresa) #tab_4 .wysihtml5-toolbar{
  margin-bottom:0!important;
}

body.skin-green:has(#formempresa) #tab_4 .form-group > .col-md-12[style*="padding-top:15px"]{
  padding-top:18px!important;
}

body.skin-green:has(#formempresa) #tab_4 .form-group > .col-md-12[style*="padding-top:15px"] > .col-md-6{
  margin-left:0!important;
  padding-left:0!important;
  padding-right:8px!important;
}

body.skin-green:has(#formempresa) #tab_4 .form-group > .col-md-12[style*="padding-top:15px"] > .col-md-12{
  margin-left:0!important;
  padding-left:0!important;
}

body.skin-green:has(#formempresa) #tab_5 > .box-body{
  max-width:1320px!important;
  margin:0 auto!important;
}

body.skin-green:has(#formempresa) #tab_5 .row{
  display:block!important;
}

body.skin-green:has(#formempresa) #tab_5 .row > .col-md-5{
  float:left!important;
  width:45.5%!important;
  padding:18px!important;
  background:#f8fbfa!important;
  border:1px solid #e0ebe8!important;
  border-radius:11px!important;
  line-height:1.55!important;
}

body.skin-green:has(#formempresa) #tab_5 .row > .col-md-1{
  float:left!important;
  display:block!important;
  width:4%!important;
}

body.skin-green:has(#formempresa) #tab_5 .row:after{
  content:"";
  display:table;
  clear:both;
}

body.skin-green:has(#formempresa) #tab_5 h4{
  margin:0 0 10px!important;
  padding-bottom:7px!important;
  border-bottom:1px solid #dce7e4!important;
  color:#173b3b!important;
  font-size:15px!important;
  font-weight:850!important;
}

body.skin-green:has(#formempresa) #tab_5 h4 u{
  text-decoration:none!important;
}

body.skin-green:has(#formempresa) #tab_5 #CertImg{
  max-width:255px!important;
  width:100%!important;
  height:auto!important;
}

body.skin-green:has(#formempresa) #tab_5 #passcert{
  max-width:170px!important;
  text-align:left!important;
}

body.skin-green:has(#formempresa) #tab_5 #codigoDIRe{
  max-width:180px!important;
}

body.skin-green:has(#formempresa) #tab_5 input[name="validaDIRe"]{
  min-height:38px!important;
  padding:8px 13px!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#formempresa) #tab_nuevaempresa{
  padding:34px 28px!important;
}

body.skin-green:has(#formempresa) #formnew{
  max-width:720px!important;
  margin:0 auto!important;
  padding:24px!important;
  background:#f8fbfa!important;
  border:1px solid #e0ebe8!important;
  border-radius:12px!important;
}

body.skin-green:has(#formempresa) #formnew > .box-body{
  padding:0!important;
}

body.skin-green:has(#formempresa) #formnew input[name="documentonuevo"]{
  margin-left:0!important;
  max-width:280px!important;
}

body.skin-green:has(#formempresa) #formnew .btn{
  min-height:39px!important;
  padding:8px 15px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important;
}

@media (max-width:1199px){
  body.skin-green:has(#formempresa) #tab_4 .row > .col-md-4,
  body.skin-green:has(#formempresa) #tab_4 .row > .col-md-6,
  body.skin-green:has(#formempresa) #tab_5 .row > .col-md-5{
    float:none!important;
    width:100%!important;
    margin-left:0!important;
    margin-bottom:16px!important;
  }

  body.skin-green:has(#formempresa) #tab_5 .row > .col-md-1{
    display:none!important;
  }

  body.skin-green:has(#formempresa) #tab_3 .form-group > .col-md-4,
  body.skin-green:has(#formempresa) #tab_3 .form-group > .col-md-8{
    float:none!important;
    width:100%!important;
  }

  body.skin-green:has(#formempresa) #tab_3 .form-group > .col-md-8{
    padding-left:0!important;
    padding-top:18px!important;
  }
}

@media (max-width:767px){
  body.skin-green:has(#formempresa) #tab_configuracion > .nav-tabs-custom{
    margin:10px!important;
  }

  body.skin-green:has(#formempresa) #formempresa .tab-pane > .box-body{
    padding:15px!important;
  }

  body.skin-green:has(#formempresa) #subTab{
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch;
  }

  body.skin-green:has(#formempresa) #subTab > li{
    float:none!important;
    display:inline-block!important;
  }

  body.skin-green:has(#formempresa) #tab_3 .image-container{
    display:block!important;
    width:100%!important;
    margin:10px 0!important;
  }

  body.skin-green:has(#formempresa) #tab_2 input[id^="id_iban"]{
    width:52px!important;
    max-width:52px!important;
  }

  body.skin-green:has(#formempresa) #tab_nuevaempresa{
    padding:16px!important;
  }
}

body.skin-green:has(#formempresa) #formempresa .form-horizontal > .form-group,
body.skin-green:has(#formempresa) #formempresa .form-horizontal.box-body > .form-group{
  margin-left:0!important;
  margin-right:0!important;
}

body.skin-green:has(#formempresa) #formempresa [style*="margin-left:-15px"],
body.skin-green:has(#formempresa) #formempresa [style*="margin-left: -15px"]{
  margin-left:0!important;
}

body.skin-green:has(#formempresa) #formempresa .form-horizontal.box-body .form-horizontal.box-body{
  padding-left:0!important;
  padding-right:0!important;
}

body.skin-green:has(#formempresa) #formempresa .form-group > [class*="col-md-"],
body.skin-green:has(#formempresa) #formempresa .form-group > [class*="col-xs-"]{
  box-sizing:border-box!important;
}

body.skin-green:has(#formempresa) #formempresa .tab-pane > .box-body .col-md-12[style*="padding-top:3px"]:first-child{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

body.skin-green:has(#formempresa) #tab_1 > .box-body,
body.skin-green:has(#formempresa) #tab_2 > .box-body,
body.skin-green:has(#formempresa) #tab_3 > .box-body,
body.skin-green:has(#formempresa) #tab_4 > .box-body,
body.skin-green:has(#formempresa) #tab_5 > .box-body{
  padding-left:24px!important;
  padding-right:24px!important;
}

body.skin-green:has(#formempresa) #tab_3 .col-md-4 > [class*="col-md-"]{
  margin-left:0!important;
}

body.skin-green:has(#formempresa) #tab_4 .col-md-12[style*="padding-top:15px"] > [class*="col-md-"]{
  margin-left:0!important;
}

.skin-green .main-sidebar,
.skin-green .sidebar,
.skin-green .sidebar-menu,
.skin-green .sidebar-menu .treeview-menu{
  overflow-x:hidden!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

.skin-green .sidebar{
  width:100%!important;
}

.skin-green .sidebar-menu > li > a{
  max-width:calc(100% - 20px)!important;
  box-sizing:border-box!important;
  padding-right:34px!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:break-word;
  word-break:normal;
  line-height:1.28!important;
}

.skin-green .sidebar-menu .treeview-menu > li > a{
  max-width:calc(100% - 32px)!important;
  box-sizing:border-box!important;
  margin-left:22px!important;
  margin-right:10px!important;
  padding:8px 8px!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere;
  word-break:normal;
  line-height:1.28!important;
}

.skin-green .sidebar-menu > li > a > .fa,
.skin-green .sidebar-menu > li > a > .ion,
.skin-green .sidebar-menu .treeview-menu > li > a > .fa,
.skin-green .sidebar-menu .treeview-menu > li > a > .ion{
  display:inline-block!important;
  width:20px!important;
  min-width:20px!important;
  margin-right:2px!important;
  vertical-align:top!important;
}

.skin-green .sidebar-menu > li > a > .pull-right-container{
  right:8px!important;
}

.skin-green .main-sidebar .slimScrollDiv,
.skin-green .main-sidebar .sidebar{
  max-width:248px!important;
}

@media (max-width:767px){
  .skin-green .main-sidebar .slimScrollDiv,
  .skin-green .main-sidebar .sidebar{
    max-width:230px!important;
  }

  body.skin-green:has(#formempresa) #tab_1 > .box-body,
  body.skin-green:has(#formempresa) #tab_2 > .box-body,
  body.skin-green:has(#formempresa) #tab_3 > .box-body,
  body.skin-green:has(#formempresa) #tab_4 > .box-body,
  body.skin-green:has(#formempresa) #tab_5 > .box-body{
    padding-left:15px!important;
    padding-right:15px!important;
  }
}

#nuevo_albaran:has(#tablaarticulosa),
#nuevo_presupuesto:has(#tablaarticulos),
#nueva_factura:has(#tablaarticulosf){
  padding-right:0!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-dialog,
#nuevo_presupuesto:has(#tablaarticulos) .modal-dialog,
#nueva_factura:has(#tablaarticulosf) .modal-dialog{
  width:calc(100% - 28px)!important;
  max-width:1760px!important;
  margin:14px auto 24px!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-content,
#nuevo_presupuesto:has(#tablaarticulos) .modal-content,
#nueva_factura:has(#tablaarticulosf) .modal-content{
  overflow:hidden;
  border:1px solid #d9e5e2!important;
  border-radius:15px!important;
  background:#f4f7f6!important;
  box-shadow:0 22px 60px rgba(13,48,46,.20)!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-header,
#nuevo_presupuesto:has(#tablaarticulos) .modal-header,
#nueva_factura:has(#tablaarticulosf) .modal-header{
  position:relative!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  min-height:86px!important;
  padding:14px 56px 14px 18px!important;
  background:linear-gradient(135deg,#173b3b 0%,#245148 100%)!important;
  border-bottom:0!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-header .modal-title,
#nuevo_presupuesto:has(#tablaarticulos) .modal-header .modal-title,
#nueva_factura:has(#tablaarticulosf) .modal-header .modal-title{
  order:1!important;
  flex:0 0 100%!important;
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-header > .close,
#nuevo_presupuesto:has(#tablaarticulos) .modal-header > .close,
#nueva_factura:has(#tablaarticulosf) .modal-header > .close{
  position:absolute!important;
  top:14px!important;
  right:18px!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  color:#d6e8e4!important;
  opacity:1!important;
  font-size:27px!important;
  line-height:30px!important;
  text-align:center!important;
  border-radius:8px!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-header > .close:hover,
#nuevo_presupuesto:has(#tablaarticulos) .modal-header > .close:hover,
#nueva_factura:has(#tablaarticulosf) .modal-header > .close:hover{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-header > .btn-default,
#nuevo_presupuesto:has(#tablaarticulos) .modal-header > .btn-default,
#nueva_factura:has(#tablaarticulosf) .modal-header > .btn-default{
  order:2!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  background:#fff!important;
  border:1px solid #d4e1de!important;
  color:#31514c!important;
  font-size:12px!important;
  font-weight:800!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-header > .btn-danger,
#nuevo_presupuesto:has(#tablaarticulos) .modal-header > .btn-danger,
#nueva_factura:has(#tablaarticulosf) .modal-header > .btn-danger{
  order:3!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 16px!important;
  border-radius:9px!important;
  background:#3f8d7b!important;
  border-color:#3f8d7b!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:0 5px 14px rgba(0,0,0,.10)!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-header > .btn-danger:hover,
#nuevo_presupuesto:has(#tablaarticulos) .modal-header > .btn-danger:hover,
#nueva_factura:has(#tablaarticulosf) .modal-header > .btn-danger:hover{
  background:#347866!important;
  border-color:#347866!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-body,
#nuevo_presupuesto:has(#tablaarticulos) .modal-body,
#nueva_factura:has(#tablaarticulosf) .modal-body{
  padding:16px!important;
  background:#f4f7f6!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-body > .container-fluid,
#nuevo_presupuesto:has(#tablaarticulos) .modal-body > .container-fluid,
#nueva_factura:has(#tablaarticulosf) .modal-body > .container-fluid{
  padding:0!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-body > .container-fluid > .form-group > .row,
#nuevo_presupuesto:has(#tablaarticulos) .modal-body > .container-fluid > .form-group > .row,
#nueva_factura:has(#tablaarticulosf) .modal-body > .container-fluid > .form-group > .row{
  margin-left:0!important;
  margin-right:0!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-body > .container-fluid > .form-group > .row > .col-md-7,
#nuevo_presupuesto:has(#tablaarticulos) .modal-body > .container-fluid > .form-group > .row > .col-md-7,
#nueva_factura:has(#tablaarticulosf) .modal-body > .container-fluid > .form-group > .row > .col-md-7{
  padding:18px!important;
  background:#fff!important;
  border:1px solid #dce7e4!important;
  border-radius:13px!important;
  box-shadow:0 6px 18px rgba(23,59,59,.045)!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-body > .container-fluid > .form-group > .row > .col-md-5,
#nuevo_presupuesto:has(#tablaarticulos) .modal-body > .container-fluid > .form-group > .row > .col-md-5,
#nueva_factura:has(#tablaarticulosf) .modal-body > .container-fluid > .form-group > .row > .col-md-5{
  margin-top:0!important;
  padding:0 0 0 16px!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-body > .container-fluid > .form-group > .row > .col-md-5 > .row,
#nuevo_presupuesto:has(#tablaarticulos) .modal-body > .container-fluid > .form-group > .row > .col-md-5 > .row,
#nueva_factura:has(#tablaarticulosf) .modal-body > .container-fluid > .form-group > .row > .col-md-5 > .row{
  margin:0!important;
  padding:16px!important;
  background:#fff!important;
  border:1px solid #dce7e4!important;
  border-radius:13px!important;
  box-shadow:0 6px 18px rgba(23,59,59,.045)!important;
}

#nuevo_albaran:has(#tablaarticulosa) label,
#nuevo_presupuesto:has(#tablaarticulos) label,
#nueva_factura:has(#tablaarticulosf) label{
  margin-bottom:5px!important;
  color:#405c58!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:800!important;
}

#nuevo_albaran:has(#tablaarticulosa) .form-control,
#nuevo_presupuesto:has(#tablaarticulos) .form-control,
#nueva_factura:has(#tablaarticulosf) .form-control{
  min-height:38px!important;
  height:38px!important;
  border:1px solid #cadbd7!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294944!important;
  font-size:12px!important;
  box-shadow:none!important;
}

#nuevo_albaran:has(#tablaarticulosa) textarea.form-control,
#nuevo_presupuesto:has(#tablaarticulos) textarea.form-control,
#nueva_factura:has(#tablaarticulosf) textarea.form-control{
  height:auto!important;
  min-height:84px!important;
}

#nuevo_albaran:has(#tablaarticulosa) .form-control:focus,
#nuevo_presupuesto:has(#tablaarticulos) .form-control:focus,
#nueva_factura:has(#tablaarticulosf) .form-control:focus{
  border-color:#6aa89a!important;
  box-shadow:0 0 0 3px rgba(63,141,123,.09)!important;
}

#nuevo_albaran:has(#tablaarticulosa) .input-group-addon,
#nuevo_presupuesto:has(#tablaarticulos) .input-group-addon,
#nueva_factura:has(#tablaarticulosf) .input-group-addon{
  min-width:38px!important;
  background:#f6f9f8!important;
  border-color:#cadbd7!important;
  color:#526b67!important;
}

#nuevo_albaran:has(#tablaarticulosa) #newclientealb .btn,
#nuevo_albaran:has(#tablaarticulosa) #modificarclientealb .btn,
#nuevo_presupuesto:has(#tablaarticulos) #newclientepre .btn,
#nuevo_presupuesto:has(#tablaarticulos) #modificarclientepre .btn,
#nueva_factura:has(#tablaarticulosf) #newclientefac .btn{
  min-height:38px!important;
  padding:8px 13px!important;
  border-radius:8px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra),
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr),
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf){
  width:100%!important;
  margin-top:8px!important;
  border-collapse:separate!important;
  border-spacing:0 4px!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) thead th,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) thead th,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) thead th{
  padding:0 6px 5px!important;
  border:0!important;
  background:transparent!important;
  color:#49645f!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.025em!important;
  text-transform:uppercase;
  vertical-align:bottom!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) tbody td,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) tbody td,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) tbody td{
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  vertical-align:middle!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) tbody .form-control,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) tbody .form-control,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) tbody .form-control{
  min-height:34px!important;
  height:34px!important;
  padding:5px 7px!important;
  border-radius:6px!important;
  font-size:11px!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) .fa-trash-o,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) .fa-trash-o,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) .fa-trash-o{
  width:24px!important;
  height:24px!important;
  margin-left:3px!important;
  line-height:24px!important;
  color:#9a5b56!important;
  text-align:center!important;
  border-radius:6px!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) .fa-trash-o:hover,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) .fa-trash-o:hover,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) .fa-trash-o:hover{
  background:#faeeee!important;
  color:#8b4242!important;
}

#nuevo_albaran:has(#tablaarticulosa) button[onclick*="agrega"],
#nuevo_presupuesto:has(#tablaarticulos) button[onclick*="agrega"],
#nueva_factura:has(#tablaarticulosf) button[onclick*="agrega"]{
  min-height:34px!important;
  padding:6px 12px!important;
  border-radius:8px!important;
  background:#eef5f3!important;
  border-color:#c7dad5!important;
  color:#315b54!important;
  font-size:11px!important;
  font-weight:800!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(#importe_totala),
#nuevo_presupuesto:has(#tablaarticulos) table:has(#importe_total),
#nueva_factura:has(#tablaarticulosf) table:has(#importe_totalf){
  border-collapse:separate!important;
  border-spacing:0 5px!important;
}

#nuevo_albaran:has(#tablaarticulosa) #subtotala,
#nuevo_albaran:has(#tablaarticulosa) #ivaa,
#nuevo_albaran:has(#tablaarticulosa) #importe_totala,
#nuevo_albaran:has(#tablaarticulosa) #irpfa,
#nuevo_albaran:has(#tablaarticulosa) #suplidosa,
#nuevo_presupuesto:has(#tablaarticulos) #subtotal,
#nuevo_presupuesto:has(#tablaarticulos) #iva,
#nuevo_presupuesto:has(#tablaarticulos) #importe_total,
#nuevo_presupuesto:has(#tablaarticulos) #irpf,
#nuevo_presupuesto:has(#tablaarticulos) #suplidos,
#nueva_factura:has(#tablaarticulosf) #subtotalf,
#nueva_factura:has(#tablaarticulosf) #ivaf,
#nueva_factura:has(#tablaarticulosf) #importe_totalf,
#nueva_factura:has(#tablaarticulosf) #irpff,
#nueva_factura:has(#tablaarticulosf) #suplidosf{
  font-variant-numeric:tabular-nums!important;
  font-weight:750!important;
}

#nuevo_albaran:has(#tablaarticulosa) #importe_totala,
#nuevo_presupuesto:has(#tablaarticulos) #importe_total,
#nueva_factura:has(#tablaarticulosf) #importe_totalf{
  border-color:#91b8ae!important;
  background:#eef7f4!important;
  color:#173b3b!important;
  font-size:14px!important;
  font-weight:900!important;
}

#nuevo_albaran:has(#tablaarticulosa) .col-md-5 h4,
#nuevo_presupuesto:has(#tablaarticulos) .col-md-5 h4,
#nueva_factura:has(#tablaarticulosf) .col-md-5 h4{
  margin:0 0 10px!important;
  padding:0!important;
  color:#173b3b!important;
  font-size:14px!important;
  font-weight:850!important;
}

#nuevo_albaran:has(#tablaarticulosa) .col-md-5 h4 u,
#nuevo_presupuesto:has(#tablaarticulos) .col-md-5 h4 u,
#nueva_factura:has(#tablaarticulosf) .col-md-5 h4 u{
  text-decoration:none!important;
}

#nuevo_albaran:has(#tablaarticulosa) .col-md-5 .col-md-12:has(#tablaarticulosa),
#nuevo_presupuesto:has(#tablaarticulos) .col-md-5 .col-md-12:has(#tablaarticulos),
#nueva_factura:has(#tablaarticulosf) .col-md-5 .col-md-12:has(#tablaarticulosf){
  height:620px!important;
  margin-top:0!important;
  padding:0!important;
  overflow:auto!important;
  border:1px solid #e0e9e7!important;
  border-radius:10px!important;
}

#tablaarticulosa,
#tablaarticulos,
#tablaarticulosf{
  margin:0!important;
  border:0!important;
  font-size:11px!important;
}

#tablaarticulosa thead th,
#tablaarticulos thead th,
#tablaarticulosf thead th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  padding:9px 8px!important;
  background:#f5f9f7!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}

#tablaarticulosa tbody td,
#tablaarticulos tbody td,
#tablaarticulosf tbody td{
  padding:8px!important;
  border-color:#e9efee!important;
  color:#38534f!important;
  vertical-align:middle!important;
}

#tablaarticulosa tbody tr:hover td,
#tablaarticulos tbody tr:hover td,
#tablaarticulosf tbody tr:hover td{
  background:#eef6f3!important;
  color:#173b3b!important;
}

#tablaarticulosa_wrapper .dataTables_length,
#tablaarticulosa_wrapper .dataTables_filter,
#tablaarticulos_wrapper .dataTables_length,
#tablaarticulos_wrapper .dataTables_filter,
#tablaarticulosf_wrapper .dataTables_length,
#tablaarticulosf_wrapper .dataTables_filter{
  padding:9px 8px 6px!important;
  color:#60736f!important;
  font-size:11px!important;
}

#tablaarticulosa_wrapper .dataTables_filter input,
#tablaarticulos_wrapper .dataTables_filter input,
#tablaarticulosf_wrapper .dataTables_filter input{
  height:34px!important;
  border:1px solid #cadbd7!important;
  border-radius:8px!important;
  background:#fff!important;
}

#tablaarticulosa_wrapper .pagination > .active > a,
#tablaarticulos_wrapper .pagination > .active > a,
#tablaarticulosf_wrapper .pagination > .active > a{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}

#nuevo_albaran:has(#tablaarticulosa) .modal-footer,
#nuevo_presupuesto:has(#tablaarticulos) .modal-footer,
#nueva_factura:has(#tablaarticulosf) .modal-footer{
  min-height:10px!important;
  padding:5px!important;
  background:#f7faf9!important;
  border-top:1px solid #e1ebe8!important;
}

@media (max-width:1199px){
  #nuevo_albaran:has(#tablaarticulosa) .modal-body > .container-fluid > .form-group > .row > .col-md-7,
  #nuevo_presupuesto:has(#tablaarticulos) .modal-body > .container-fluid > .form-group > .row > .col-md-7,
  #nueva_factura:has(#tablaarticulosf) .modal-body > .container-fluid > .form-group > .row > .col-md-7,
  #nuevo_albaran:has(#tablaarticulosa) .modal-body > .container-fluid > .form-group > .row > .col-md-5,
  #nuevo_presupuesto:has(#tablaarticulos) .modal-body > .container-fluid > .form-group > .row > .col-md-5,
  #nueva_factura:has(#tablaarticulosf) .modal-body > .container-fluid > .form-group > .row > .col-md-5{
    float:none!important;
    width:100%!important;
  }

  #nuevo_albaran:has(#tablaarticulosa) .modal-body > .container-fluid > .form-group > .row > .col-md-5,
  #nuevo_presupuesto:has(#tablaarticulos) .modal-body > .container-fluid > .form-group > .row > .col-md-5,
  #nueva_factura:has(#tablaarticulosf) .modal-body > .container-fluid > .form-group > .row > .col-md-5{
    padding-left:0!important;
    padding-top:14px!important;
  }

  #nuevo_albaran:has(#tablaarticulosa) .col-md-5 .col-md-12:has(#tablaarticulosa),
  #nuevo_presupuesto:has(#tablaarticulos) .col-md-5 .col-md-12:has(#tablaarticulos),
  #nueva_factura:has(#tablaarticulosf) .col-md-5 .col-md-12:has(#tablaarticulosf){
    height:430px!important;
  }
}

@media (max-width:767px){
  #nuevo_albaran:has(#tablaarticulosa) .modal-dialog,
  #nuevo_presupuesto:has(#tablaarticulos) .modal-dialog,
  #nueva_factura:has(#tablaarticulosf) .modal-dialog{
    width:calc(100% - 10px)!important;
    margin:5px auto 14px!important;
  }

  #nuevo_albaran:has(#tablaarticulosa) .modal-header,
  #nuevo_presupuesto:has(#tablaarticulos) .modal-header,
  #nueva_factura:has(#tablaarticulosf) .modal-header{
    padding:12px 46px 12px 12px!important;
  }

  #nuevo_albaran:has(#tablaarticulosa) .modal-header > .btn-default,
  #nuevo_presupuesto:has(#tablaarticulos) .modal-header > .btn-default,
  #nueva_factura:has(#tablaarticulosf) .modal-header > .btn-default,
  #nuevo_albaran:has(#tablaarticulosa) .modal-header > .btn-danger,
  #nuevo_presupuesto:has(#tablaarticulos) .modal-header > .btn-danger,
  #nueva_factura:has(#tablaarticulosf) .modal-header > .btn-danger{
    flex:1 1 auto!important;
  }

  #nuevo_albaran:has(#tablaarticulosa) .modal-body,
  #nuevo_presupuesto:has(#tablaarticulos) .modal-body,
  #nueva_factura:has(#tablaarticulosf) .modal-body{
    padding:8px!important;
  }

  #nuevo_albaran:has(#tablaarticulosa) .modal-body > .container-fluid > .form-group > .row > .col-md-7,
  #nuevo_presupuesto:has(#tablaarticulos) .modal-body > .container-fluid > .form-group > .row > .col-md-7,
  #nueva_factura:has(#tablaarticulosf) .modal-body > .container-fluid > .form-group > .row > .col-md-7{
    padding:12px!important;
  }

  #nuevo_albaran:has(#tablaarticulosa) .col-md-5 .col-md-12:has(#tablaarticulosa),
  #nuevo_presupuesto:has(#tablaarticulos) .col-md-5 .col-md-12:has(#tablaarticulos),
  #nueva_factura:has(#tablaarticulosf) .col-md-5 .col-md-12:has(#tablaarticulosf){
    height:340px!important;
  }
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) tbody td:last-child,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) tbody td:last-child,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) tbody td:last-child{
  position:relative!important;
  padding-right:30px!important;
  white-space:nowrap!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) tbody td:last-child .form-control,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) tbody td:last-child .form-control,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) tbody td:last-child .form-control{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) tbody td:last-child .fa-trash-o,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) tbody td:last-child .fa-trash-o,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) tbody td:last-child .fa-trash-o{
  position:absolute!important;
  top:50%!important;
  right:3px!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  line-height:24px!important;
  color:#9a5b56!important;
  background:transparent!important;
  border-radius:6px!important;
  cursor:pointer!important;
  z-index:2;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) tbody td:last-child .fa-trash-o:hover,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) tbody td:last-child .fa-trash-o:hover,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) tbody td:last-child .fa-trash-o:hover{
  background:#faeeee!important;
  color:#8b4242!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra),
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr),
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf){
  border-spacing:0 5px!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) tbody tr,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) tbody tr,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) tbody tr{
  height:36px!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) tbody td,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) tbody td,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) tbody td{
  height:36px!important;
  vertical-align:middle!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) tbody .form-control,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) tbody .form-control,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) tbody .form-control{
  display:block!important;
  margin:0!important;
}

#nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) thead th:last-child,
#nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) thead th:last-child,
#nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) thead th:last-child{
  padding-right:30px!important;
}

#nuevo_albaran:has(#tablaarticulosa) button[onclick*="agrega"],
#nuevo_presupuesto:has(#tablaarticulos) button[onclick*="agrega"],
#nueva_factura:has(#tablaarticulosf) button[onclick*="agrega"]{
  margin-top:4px!important;
  margin-bottom:10px!important;
}

#nueva_factura:has(#tablaarticulosf) table:has(#importe_totalf),
#nuevo_presupuesto:has(#tablaarticulos) table:has(#importe_total),
#nuevo_albaran:has(#tablaarticulosa) table:has(#importe_totala){
  margin-top:4px!important;
}

@media (max-width:767px){
  #nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) tbody td:last-child,
  #nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) tbody td:last-child,
  #nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) tbody td:last-child{
    padding-right:27px!important;
  }

  #nuevo_albaran:has(#tablaarticulosa) table:has(> tbody#numtra) tbody td:last-child .fa-trash-o,
  #nuevo_presupuesto:has(#tablaarticulos) table:has(> tbody#numtr) tbody td:last-child .fa-trash-o,
  #nueva_factura:has(#tablaarticulosf) table:has(> tbody#numtrf) tbody td:last-child .fa-trash-o{
    right:1px!important;
    width:22px!important;
    height:22px!important;
  }
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) .content-wrapper{
  min-height:calc(100vh - 50px)!important;
  background:#f4f7f6!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) .content-wrapper > .content-header{
  padding:18px 22px 10px!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) .content-wrapper > .content-header h1{
  margin:0!important;
  color:#173b3b!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.025em;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) .content-wrapper > .content{
  padding:0 22px 24px!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) .content > .row > .col-md-12 > .box-header{
  margin:0!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #form_iva{
  margin:0!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #form_iva > .table-responsive{
  float:none!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #form_iva > .table-responsive > h4{
  margin:0 0 14px!important;
  padding:12px 14px!important;
  background:#f7faf9!important;
  border:1px solid #e2ebe9!important;
  border-radius:10px!important;
  color:#536b67!important;
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:500!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #form_iva > .table-responsive > .row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 14px!important;
  padding:0!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #form_iva > .table-responsive > .row > [class*="col-md-"]{
  float:none!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #form_iva input[name="checkall"]{
  min-height:39px!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  background:#eef4f2!important;
  border:1px solid #cadbd7!important;
  color:#365b55!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #emitir_ahora{
  min-height:39px!important;
  padding:8px 16px!important;
  border-radius:9px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:0 5px 13px rgba(36,81,72,.10)!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #emitir_ahora:hover{
  background:#193f3c!important;
  border-color:#193f3c!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #emitir_ahora[disabled]{
  background:#d9e2e0!important;
  border-color:#d9e2e0!important;
  color:#879692!important;
  opacity:1!important;
  box-shadow:none!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #tabla_seguimiento3{
  width:100%!important;
  margin:0!important;
  border:1px solid #dfe8e6!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:11px!important;
  overflow:hidden!important;
  background:#fff!important;
  font-size:12px!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #tabla_seguimiento3 > thead > tr > th{
  height:44px!important;
  padding:8px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.035em;
  text-transform:uppercase;
  vertical-align:middle!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #tabla_seguimiento3 > tbody > tr > td{
  min-height:48px!important;
  padding:8px!important;
  border-color:#e9efee!important;
  color:#38534f!important;
  vertical-align:middle!important;
  font-variant-numeric:tabular-nums;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #tabla_seguimiento3 > tbody > tr > td[style*="padding-top"]{
  padding-top:8px!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #tabla_seguimiento3 > tbody > tr:hover > td{
  background:#f4f8f7!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #tabla_seguimiento3 > tbody > tr > td:first-child{
  white-space:nowrap!important;
  min-width:175px!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #tabla_seguimiento3 input[type="checkbox"]{
  width:15px!important;
  height:15px!important;
  margin:0 5px 0 0!important;
  vertical-align:middle!important;
  accent-color:#245148;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #tabla_seguimiento3 td .btn.btn-sm{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:31px!important;
  width:auto!important;
  height:31px!important;
  min-height:31px!important;
  margin:1px!important;
  padding:4px 7px!important;
  border-radius:7px!important;
  background:#fbfcfc!important;
  border-color:#d1dfdc!important;
  color:#315852!important;
  vertical-align:middle!important;
}

body.skin-green:has(#emitir_ahora) #tabla_seguimiento3 button[style*="#00F3FF"]{
  background:#e8f6f5!important;
  border-color:#acd8d2!important;
  color:#27655d!important;
}
body.skin-green:has(#emitir_ahora) #tabla_seguimiento3 button[style*="#00FF0D"]{
  background:#ebf6ee!important;
  border-color:#afd7b9!important;
  color:#2f6e42!important;
}
body.skin-green:has(#emitir_ahora) #tabla_seguimiento3 button[style*="#0037FF"]{
  background:#edf2f8!important;
  border-color:#bacadd!important;
  color:#3d5f7b!important;
}
body.skin-green:has(#emitir_ahora) #tabla_seguimiento3 button[style*="#F900FF"]{
  background:#f3eef8!important;
  border-color:#d1c0e0!important;
  color:#69527b!important;
}
body.skin-green:has(#emitir_ahora) #tabla_seguimiento3 button[style*="#FFFD00"]{
  background:#fff7df!important;
  border-color:#e2cf92!important;
  color:#80651b!important;
}
body.skin-green:has(#emitir_ahora) #tabla_seguimiento3 button[style*="#B40007"]{
  background:#faeeee!important;
  border-color:#dfb4b4!important;
  color:#8a4141!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #tabla_seguimiento3 td.text-right{
  color:#254a45!important;
  font-weight:750!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #form_iva > .input-group.col-md-12.text-left{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
  float:none!important;
  width:100%!important;
  margin:12px 0 0!important;
  padding:0!important;
}

body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #form_iva > .input-group.col-md-12.text-left > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:76px!important;
  min-height:25px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:0!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:none!important;
}

body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span::after{
  font-size:9px!important;
  letter-spacing:.02em;
}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(1){
  background:#e8f6f5!important;border-color:#acd8d2!important;color:#27655d!important;
}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(1)::after{content:"Única";}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(2){
  background:#ebf6ee!important;border-color:#afd7b9!important;color:#2f6e42!important;
}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(2)::after{content:"Anual";}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(3){
  background:#edf2f8!important;border-color:#bacadd!important;color:#3d5f7b!important;
}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(3)::after{content:"Semestral";}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(4){
  background:#f3eef8!important;border-color:#d1c0e0!important;color:#69527b!important;
}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(4)::after{content:"Cuatrimestral";}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(5){
  background:#fff7df!important;border-color:#e2cf92!important;color:#80651b!important;
}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(5)::after{content:"Trimestral";}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(6){
  background:#faeeee!important;border-color:#dfb4b4!important;color:#8a4141!important;
}
body.skin-green:has(#emitir_ahora) #form_iva > .input-group.col-md-12.text-left > span:nth-child(6)::after{content:"Mensual";}

.skin-green .main-sidebar,
.skin-green .sidebar,
.skin-green .sidebar-menu,
.skin-green .sidebar-menu .treeview-menu{
  overflow-x:hidden!important;
}

.skin-green .sidebar-menu > li > a{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  line-height:1.25!important;
  padding-left:14px!important;
  padding-right:31px!important;
}

.skin-green .sidebar-menu .treeview-menu{
  padding-left:0!important;
}

.skin-green .sidebar-menu .treeview-menu > li > a{
  width:calc(100% - 14px)!important;
  max-width:calc(100% - 14px)!important;
  margin-left:7px!important;
  margin-right:7px!important;
  padding:8px 7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:10.8px!important;
  letter-spacing:-.01em!important;
  line-height:1.25!important;
}

.skin-green .sidebar-menu .treeview-menu > li > a > .fa,
.skin-green .sidebar-menu .treeview-menu > li > a > .ion{
  width:17px!important;
  min-width:17px!important;
  margin-right:1px!important;
  font-size:11px!important;
}

.skin-green .sidebar-menu > li > a > .pull-right-container{
  right:7px!important;
}

@media (max-width:991px){
  body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) .content-wrapper > .content{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #form_iva > .table-responsive{
    overflow-x:auto!important;
  }

  body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #tabla_seguimiento3{
    min-width:980px!important;
  }
}

@media (max-width:767px){
  body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) .content-wrapper > .content-header{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) .content > .row > .col-md-12 > .box-header{
    padding:12px!important;
  }

  body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #form_iva > .table-responsive > .row{
    align-items:stretch!important;
  }

  body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #form_iva input[name="checkall"],
  body.skin-green:has(#emitir_ahora):has(#tabla_seguimiento3) #emitir_ahora{
    width:100%!important;
  }
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .content-wrapper{
  min-height:calc(100vh - 50px)!important;
  background:#f4f7f6!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .content-wrapper > .content-header{
  padding:18px 22px 10px!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .content-wrapper > .content-header h1{
  margin:0!important;
  color:#173b3b!important;
  font-size:23px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:-.02em;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .content{
  padding:0 22px 24px!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .content > .col-md-12{
  float:none!important;
  width:100%!important;
  padding:0!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .content .box-header{
  padding:18px!important;
  background:#fff!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) #form_iva{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  gap:10px!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) #form_iva > .col-md-2{
  float:none!important;
  width:190px!important;
  padding:0!important;
  color:#405c58!important;
  font-size:11px!important;
  font-weight:800!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) #iva_anio{
  width:100%!important;
  max-width:none!important;
  height:39px!important;
  min-height:39px!important;
  margin-top:6px!important;
  border:1px solid #cadbd7!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#294944!important;
  font-size:12px!important;
  font-weight:700!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) #form_iva > .col-md-3{
  float:none!important;
  width:auto!important;
  padding:0!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) #form_iva > .col-md-3 > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:39px!important;
  padding:5px!important;
  background:#f3f8f6!important;
  border:1px solid #cadbd7!important;
  border-radius:9px!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) #form_iva > .col-md-3 > a:hover{
  background:#e9f2ef!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) #form_iva > .col-md-3 img{
  max-width:24px!important;
  max-height:24px!important;
  object-fit:contain;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) #form_iva > .table-responsive{
  float:none!important;
  flex:0 0 100%!important;
  width:100%!important;
  margin-top:4px!important;
  padding:0!important;
  border:0!important;
  overflow-x:auto!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) #form_iva > .table-responsive > br{
  display:none!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success{
  margin:0!important;
  border:1px solid #dfe8e6!important;
  border-top:3px solid #3f8d7b!important;
  border-radius:11px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success > .box-header{
  padding:12px 15px!important;
  background:#f8fbfa!important;
  border:0!important;
  border-bottom:1px solid #e1ebe8!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success .box-title{
  color:#173b3b!important;
  font-size:14px!important;
  font-weight:850!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success > .box-body{
  padding:16px!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success .row > .col-md-10{
  float:none!important;
  width:100%!important;
  margin-top:0!important;
  padding:0!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success .row > .col-md-10 + .col-md-10{
  margin-top:18px!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success .row > .col-md-5{
  padding-left:0!important;
  padding-right:0!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success .row > .col-md-2{
  width:4%!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success table{
  margin:0!important;
  border:1px solid #dfe8e6!important;
  background:#fff!important;
  font-size:12px!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success table thead th{
  padding:9px 8px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.03em;
  text-transform:uppercase;
  vertical-align:middle!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success table thead tr:first-child th{
  background:#eef5f3!important;
  color:#245148!important;
  font-size:11px!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success table tbody td{
  padding:9px 8px!important;
  border-color:#e9efee!important;
  color:#38534f!important;
  font-variant-numeric:tabular-nums;
  vertical-align:middle!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success table tbody tr:hover td{
  background:#f4f8f7!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success table tbody tr[style*="#e9ecef"] td{
  background:#eef5f3!important;
  color:#173b3b!important;
  font-weight:850!important;
}

body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success td .btn.btn-sm{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:31px!important;
  height:31px!important;
  min-height:31px!important;
  margin:1px!important;
  padding:4px 7px!important;
  border-radius:7px!important;
  background:#fbfcfc!important;
  border-color:#d1dfdc!important;
  color:#315852!important;
}

body.skin-green:has(#form_iva #iva_anio) #form_iva .alert-warning{
  flex:0 0 100%!important;
  margin:4px 0 0!important;
  padding:13px 15px!important;
  border:1px solid #eddda7!important;
  border-radius:10px!important;
  background:#fff9e8!important;
  color:#705a20!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) .content-wrapper{
  min-height:calc(100vh - 50px)!important;
  background:#f4f7f6!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) .content-wrapper > .content-header{
  padding:18px 22px 10px!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) .content-wrapper > .content-header h1{
  margin:0!important;
  color:#173b3b!important;
  font-size:23px!important;
  font-weight:800!important;
  letter-spacing:-.02em;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) .content{
  padding:0 22px 24px!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) .content > .input-group.col-md-8.text-left{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  float:none!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) .content > .input-group.col-md-8.text-left > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  border-width:1px!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
}

body.skin-green:has(#tabla_seguimiento) .content > .input-group span[style*="#00FF0D"]{
  background:#eaf5f0!important;
  border-color:#afd7c1!important;
  color:#2e6c59!important;
}
body.skin-green:has(#tabla_seguimiento) .content > .input-group span[style*="#00F3FF"]{
  background:#e8f5f5!important;
  border-color:#add6d3!important;
  color:#2c6660!important;
}
body.skin-green:has(#tabla_seguimiento) .content > .input-group span[style*="#0037FF"]{
  background:#edf2f8!important;
  border-color:#bdcbdb!important;
  color:#45637a!important;
}
body.skin-green:has(#tabla_seguimiento) .content > .input-group span[style*="#F900FF"]{
  background:#f3eef8!important;
  border-color:#d0c1de!important;
  color:#67517a!important;
}
body.skin-green:has(#tabla_seguimiento) .content > .input-group span[style*="#FFFD00"]{
  background:#fff7df!important;
  border-color:#e2cf92!important;
  color:#80651b!important;
}
body.skin-green:has(#tabla_seguimiento) .content > .input-group span[style*="#B40007"]{
  background:#faeeee!important;
  border-color:#dfb4b4!important;
  color:#8a4141!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) .content > .col-md-12{
  float:none!important;
  width:100%!important;
  padding:16px!important;
  background:#fff!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) .content > .col-md-12 > .form-horizontal.box-body{
  margin:0 0 16px!important;
  padding:14px 16px!important;
  background:#f7faf9!important;
  border:1px solid #e2ebe9!important;
  border-radius:10px!important;
  color:#526b67!important;
  font-size:12px!important;
  line-height:1.55!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento{
  width:100%!important;
  margin:0!important;
  border:1px solid #dfe8e6!important;
  background:#fff!important;
  font-size:11px!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento thead th{
  padding:8px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.025em;
  text-transform:uppercase;
  vertical-align:middle!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento tbody td{
  padding:8px!important;
  border-color:#e9efee!important;
  color:#38534f!important;
  font-variant-numeric:tabular-nums;
  vertical-align:middle!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento tbody tr[style*="0, 255, 13"] td{
  background:#edf8f3!important;
}
body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento tbody tr:hover td{
  box-shadow:inset 0 0 0 9999px rgba(36,81,72,.025);
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento td .btn.btn-sm{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:31px!important;
  height:31px!important;
  min-height:31px!important;
  margin:1px!important;
  padding:4px 7px!important;
  border-radius:7px!important;
  background:#fbfcfc!important;
  border-color:#d1dfdc!important;
  color:#315852!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento_wrapper .dataTables_length,
body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento_wrapper .dataTables_filter,
body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento_wrapper .dataTables_info{
  color:#667b77!important;
  font-size:11px!important;
}

body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento_wrapper .pagination > .active > a,
body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento_wrapper .pagination > .active > span{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}

#visualiza_factura .modal-dialog{
  width:calc(100% - 30px)!important;
  max-width:1380px!important;
  margin:15px auto!important;
}

#visualiza_factura .modal-content{
  overflow:hidden!important;
  border:1px solid #d9e5e2!important;
  border-radius:15px!important;
  background:#f4f7f6!important;
  box-shadow:0 22px 60px rgba(13,48,46,.20)!important;
}

#visualiza_factura .modal-header{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  padding:14px 55px 14px 18px!important;
  background:linear-gradient(135deg,#173b3b 0%,#245148 100%)!important;
  border-bottom:0!important;
}

#visualiza_factura .modal-title{
  flex:0 0 100%!important;
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:850!important;
  letter-spacing:.04em;
}

#visualiza_factura .modal-header .close{
  position:absolute!important;
  top:14px!important;
  right:18px!important;
  color:#fff!important;
  opacity:.9!important;
}

#visualiza_factura .modal-header .btn-default{
  min-height:38px!important;
  margin:0!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  background:#fff!important;
  border-color:#d4e1de!important;
  color:#31514c!important;
  font-size:12px!important;
  font-weight:800!important;
}

#visualiza_factura #descargarFacturaXSIG{
  min-height:38px!important;
  margin:0!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  background:#3f7182!important;
  border-color:#3f7182!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
}

#visualiza_factura .modal-body{
  padding:18px!important;
  background:#f4f7f6!important;
}

#visualiza_factura .modal-body .company-info,
#visualiza_factura .modal-body .invoice-details,
#visualiza_factura .modal-body .items-section > .col-md-10{
  padding:16px!important;
  background:#fff!important;
  border:1px solid #dce7e4!important;
  border-radius:11px!important;
}

#visualiza_factura .section-title{
  margin:0 0 12px!important;
  padding:9px 10px!important;
  background:#f6f9f8!important;
  border-bottom:1px solid #dce7e4!important;
  color:#173b3b!important;
  font-size:12px!important;
  font-weight:850!important;
}

body.skin-green:has(#sel_anio #ejercicio) .content-wrapper{
  min-height:calc(100vh - 50px)!important;
  background:#f4f7f6!important;
}

body.skin-green:has(#sel_anio #ejercicio) .content-wrapper > .content-header{
  padding:18px 22px 10px!important;
}

body.skin-green:has(#sel_anio #ejercicio) .content-wrapper > .content-header h1{
  margin:0!important;
  color:#173b3b!important;
  font-size:23px!important;
  font-weight:800!important;
  letter-spacing:-.02em;
}

body.skin-green:has(#sel_anio #ejercicio) .content{
  padding:0 22px 24px!important;
}

body.skin-green:has(#sel_anio #ejercicio) .content > .col-md-12{
  float:none!important;
  width:100%!important;
  padding:0!important;
}

body.skin-green:has(#sel_anio #ejercicio) .content .box-header{
  padding:0!important;
}

body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom{
  max-width:900px!important;
  margin:0 auto!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
  overflow:hidden!important;
}

body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom > .nav-tabs{
  padding:0 14px!important;
  background:#f8fbfa!important;
  border-bottom:1px solid #dce7e4!important;
}

body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom > .nav-tabs > li > a{
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#526c68!important;
  font-size:13px!important;
  font-weight:800!important;
}

body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom > .nav-tabs > li.active > a{
  position:relative!important;
  color:#173b3b!important;
}

body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom > .nav-tabs > li.active > a:after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:3px;
  background:#2f756a;
}

body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom .tab-content{
  padding:0!important;
}

body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom .form-horizontal.box-body{
  padding:22px 24px!important;
  color:#526b67!important;
  font-size:13px!important;
  line-height:1.55!important;
}

body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom .form-horizontal.box-body > .form-group{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:16px 0 0!important;
  padding:14px!important;
  background:#f8fbfa!important;
  border:1px solid #e1ebe8!important;
  border-radius:10px!important;
}

body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom .form-horizontal.box-body > .form-group > .col-md-2{
  float:none!important;
  width:auto!important;
  padding:0!important;
  color:#405c58!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#sel_anio #ejercicio) #ejercicio{
  width:160px!important;
  height:40px!important;
  min-height:40px!important;
  border:1px solid #cadbd7!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#294944!important;
  font-size:12px!important;
  font-weight:700!important;
}

@media (max-width:991px){
  body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success .row > .col-md-5,
  body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .box.box-success .row > .col-md-2{
    float:none!important;
    width:100%!important;
    margin-bottom:12px!important;
  }

  body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) .content > .col-md-12{
    overflow-x:auto!important;
  }

  body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) #tabla_seguimiento{
    min-width:1040px!important;
  }
}

@media (max-width:767px){
  body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) .content,
  body.skin-green:has(.content > .input-group.col-md-8.text-left):has(#tabla_seguimiento) .content,
  body.skin-green:has(#sel_anio #ejercicio) .content{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  body.skin-green:has(#form_iva #iva_anio):has(#form_iva .box.box-success) #form_iva > .col-md-2{
    width:100%!important;
  }

  body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom .form-horizontal.box-body > .form-group{
    align-items:stretch!important;
    flex-direction:column!important;
  }

  body.skin-green:has(#sel_anio #ejercicio) #ejercicio{
    width:100%!important;
  }

  #visualiza_factura .modal-dialog{
    width:calc(100% - 10px)!important;
    margin:5px auto!important;
  }
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]),
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]){
  background:#f4f7f6!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content-wrapper,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content-wrapper{
  min-height:calc(100vh - 50px)!important;
  background:#f4f7f6!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content-wrapper > .content-header,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content-wrapper > .content-header{
  padding:18px 22px 10px!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content-wrapper > .content-header h1,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content-wrapper > .content-header h1{
  margin:0!important;
  color:#173b3b!important;
  font-size:23px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:-.02em;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content{
  padding:0 22px 24px!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .input-group.col-md-8.text-left,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .input-group.col-md-8.text-left{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
  float:none!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .input-group.col-md-8.text-left > span,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .input-group.col-md-8.text-left > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:118px!important;
  min-height:28px!important;
  padding:6px 11px!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .input-group span[style*="#00FF0D"],
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .input-group span[style*="#00FF0D"]{
  background:#eaf5f0!important;
  border-color:#afd7c1!important;
  color:#2e6c59!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .input-group span[style*="#00F3FF"],
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .input-group span[style*="#00F3FF"]{
  background:#e8f5f5!important;
  border-color:#add6d3!important;
  color:#2c6660!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .input-group span[style*="#0037FF"],
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .input-group span[style*="#0037FF"]{
  background:#edf2f8!important;
  border-color:#bdcbdb!important;
  color:#45637a!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .input-group span[style*="#F900FF"],
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .input-group span[style*="#F900FF"]{
  background:#f3eef8!important;
  border-color:#d0c1de!important;
  color:#67517a!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .input-group span[style*="#FFFD00"],
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .input-group span[style*="#FFFD00"]{
  background:#fff7df!important;
  border-color:#e2cf92!important;
  color:#80651b!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .input-group span[style*="#B40007"],
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .input-group span[style*="#B40007"]{
  background:#faeeee!important;
  border-color:#dfb4b4!important;
  color:#8a4141!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .col-md-12,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .col-md-12{
  float:none!important;
  width:100%!important;
  margin:0!important;
  padding:18px 20px!important;
  background:#fff!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .col-md-12 > .form-horizontal.box-body,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .col-md-12 > .form-horizontal.box-body{
  max-width:1180px!important;
  margin:0!important;
  padding:14px 16px!important;
  background:#f7faf9!important;
  border:1px solid #e2ebe9!important;
  border-radius:10px!important;
  color:#526b67!important;
  font-size:12.5px!important;
  line-height:1.65!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .col-md-12 > .form-horizontal.box-body p,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .col-md-12 > .form-horizontal.box-body p{
  margin:0 0 12px!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .col-md-12 > .form-horizontal.box-body p:last-child,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .col-md-12 > .form-horizontal.box-body p:last-child{
  margin-bottom:0!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .col-md-12 a,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .col-md-12 a{
  color:#2d7067!important;
  font-weight:700!important;
  text-decoration:none!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .col-md-12 a:hover,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .col-md-12 a:hover{
  text-decoration:underline!important;
}

body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) #tabla_seguimiento,
body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) #tabla_seguimiento{
  margin-top:16px!important;
}

@media (max-width:767px){
  body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content,
  body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .input-group.col-md-8.text-left > span,
  body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .input-group.col-md-8.text-left > span{
    flex:1 1 calc(50% - 6px)!important;
    min-width:0!important;
  }

  body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_enviadas.php"]) .content > .col-md-12,
  body.skin-green:has(.sidebar-menu li.active > a[href="faceB2B_recibidas.php"]) .content > .col-md-12{
    padding:12px!important;
  }
}


/* ==========================================================
   V2.8 · PULIDO VISUAL + TICKETS + DEPENDENCIAS LOCALES
   ----------------------------------------------------------
   - Observaciones de clientes
   - Avisos de proveedor sin datos personales
   - Listados clientes/proveedores más compactos
   - Otros ejercicios alineado a la izquierda
   - Multiempresa alineado a la izquierda
   - Módulo Tickets (listado, modal, diario, cierres, familias)
   - Sustitución visual de Ionicons por Font Awesome local
   ========================================================== */


/* ----------------------------------------------------------
   1. IONICONS -> FONT AWESOME LOCAL
   Permite retirar la dependencia externa de cdnjs para Ionicons.
   ---------------------------------------------------------- */

.ion,
[class^="ion-"],
[class*=" ion-"]{
  font-family:"FontAwesome"!important;
  font-style:normal!important;
  font-weight:normal!important;
  font-variant:normal!important;
  text-transform:none!important;
  line-height:1!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}

.ion-ios-people:before{content:"\f0c0"!important;}
.ion-briefcase:before{content:"\f0b1"!important;}
.ion-checkmark-circled:before{content:"\f058"!important;}
.ion-clock:before{content:"\f017"!important;}
.ion-social-euro:before{content:"\f153"!important;}
.ion-help:before{content:"\f059"!important;}
.ion-ios-albums-outline:before{content:"\f0c5"!important;}
.ion-android-settings:before{content:"\f013"!important;}
.ion-chatbubble-working:before{content:"\f086"!important;}
.ion-ios-monitor-outline:before{content:"\f108"!important;}
.ion-close:before{content:"\f00d"!important;}
.ion-checkmark:before{content:"\f00c"!important;}


/* ----------------------------------------------------------
   2. OBSERVACIONES DE CLIENTES
   ---------------------------------------------------------- */

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 > .form-horizontal.box-body{
  padding:22px 24px 24px!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 > .form-horizontal.box-body > .table-responsive{
  float:none!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  overflow:visible!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 a[data-target="#nueva_observacion"]{
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 15px!important;
  border-radius:9px!important;
  background:#245148!important;
  border:1px solid #245148!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:0 5px 13px rgba(36,81,72,.10)!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 > .form-horizontal.box-body > .row{
  margin:0!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 > .form-horizontal.box-body > .row > .col-xs-12{
  padding:0!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 .box{
  margin:0!important;
  border:1px solid #dce7e4!important;
  border-radius:11px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 .box-body.table-responsive{
  padding:0!important;
  border:0!important;
  overflow-x:auto!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 table{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
  font-size:12px!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 table th{
  height:40px!important;
  padding:8px 10px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  vertical-align:middle!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 table td{
  padding:8px 10px!important;
  border-color:#e8efed!important;
  color:#36514d!important;
  vertical-align:middle!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 .label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:64px!important;
  min-height:22px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 .label-success{
  background:#eaf5f0!important;
  color:#2f6e59!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 .label-primary{
  background:#edf3f7!important;
  color:#47677b!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 .label-warning{
  background:#fff6df!important;
  color:#81661f!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 .label-danger{
  background:#faeeee!important;
  color:#8b4242!important;
}

body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 .alert{
  margin:0!important;
  padding:14px 16px!important;
  border:0!important;
  border-radius:0!important;
  background:#f8fbfa!important;
  color:#617672!important;
  font-size:12px!important;
}


/* ----------------------------------------------------------
   3. PROVEEDORES · aviso sin datos personales
   ---------------------------------------------------------- */

body.skin-green:has(#formulario #tab_2):has(#nueva_observacion) #tab_2 .btn.btn-danger.pull-left,
body.skin-green:has(#formulario #tab_3):has(#nueva_observacion) #tab_3 .btn.btn-danger.pull-left{
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0 0 12px!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  background:#f8ecea!important;
  border:1px solid #e2bbb6!important;
  color:#984d45!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  box-shadow:none!important;
  cursor:default!important;
}


/* ----------------------------------------------------------
   4. LISTADOS DE CLIENTES Y PROVEEDORES · densidad
   ---------------------------------------------------------- */

body.skin-green:has(#formulario_consulta a[href*="excellistadoclientes.php"]) #formulario_consulta .box-body,
body.skin-green:has(#formulario_consulta #descargarExcel) #formulario_consulta .box-body{
  padding:14px 16px!important;
}

body.skin-green:has(#formulario_consulta a[href*="excellistadoclientes.php"]) #formulario_consulta .table-responsive,
body.skin-green:has(#formulario_consulta #descargarExcel) #formulario_consulta .table-responsive{
  padding-top:8px!important;
}

body.skin-green:has(#formulario_consulta a[href*="excellistadoclientes.php"]) #formulario_consulta #tabla_seguimiento > thead > tr > th,
body.skin-green:has(#formulario_consulta #descargarExcel) #formulario_consulta #tabla_seguimiento > thead > tr > th{
  height:36px!important;
  padding:6px 7px!important;
  font-size:9px!important;
}

body.skin-green:has(#formulario_consulta a[href*="excellistadoclientes.php"]) #formulario_consulta #tabla_seguimiento > tbody > tr > td,
body.skin-green:has(#formulario_consulta #descargarExcel) #formulario_consulta #tabla_seguimiento > tbody > tr > td{
  height:36px!important;
  padding:5px 7px!important;
  font-size:11px!important;
  line-height:1.25!important;
}

body.skin-green:has(#formulario_consulta a[href*="excellistadoclientes.php"]) #formulario_consulta #tabla_seguimiento td .btn.btn-sm,
body.skin-green:has(#formulario_consulta #descargarExcel) #formulario_consulta #tabla_seguimiento td .btn.btn-sm{
  min-width:27px!important;
  width:27px!important;
  height:27px!important;
  min-height:27px!important;
  padding:3px 5px!important;
  border-radius:7px!important;
  font-size:11px!important;
}

body.skin-green:has(#formulario_consulta a[href*="excellistadoclientes.php"]) #formulario_consulta a[href*="excellistadoclientes.php"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:36px!important;
  margin:0 0 8px!important;
  padding:5px!important;
  border:1px solid #cadbd7!important;
  border-radius:9px!important;
  background:#f3f8f6!important;
  box-shadow:none!important;
}

body.skin-green:has(#formulario_consulta a[href*="excellistadoclientes.php"]) #formulario_consulta a[href*="excellistadoclientes.php"] img{
  display:block!important;
  width:auto!important;
  max-width:23px!important;
  height:auto!important;
  max-height:23px!important;
}


/* ----------------------------------------------------------
   5. CONSULTAR OTROS EJERCICIOS · alineación izquierda
   ---------------------------------------------------------- */

body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom{
  max-width:900px!important;
  margin:0!important;
}

body.skin-green:has(#sel_anio #ejercicio) .nav-tabs-custom .form-horizontal.box-body{
  text-align:left!important;
}


/* ----------------------------------------------------------
   6. CONFIGURACIÓN > MULTIEMPRESA · alineación izquierda
   ---------------------------------------------------------- */

body.skin-green:has(#formempresa) #tab_nuevaempresa{
  padding:28px 28px!important;
  text-align:left!important;
}

body.skin-green:has(#formempresa) #formnew{
  max-width:720px!important;
  margin:0!important;
  text-align:left!important;
}

body.skin-green:has(#formempresa) #formnew .login-box-msg{
  text-align:left!important;
}

body.skin-green:has(#formempresa) #formnew .form-horizontal.box-body{
  text-align:left!important;
}


/* ----------------------------------------------------------
   7. TICKETS · listado principal
   ---------------------------------------------------------- */

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) .content-wrapper{
  background:#f4f7f6!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) .content-wrapper > .content-header{
  padding:18px 22px 10px!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) .content-wrapper > .content-header h1{
  margin:0!important;
  color:#173b3b!important;
  font-size:23px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) .content{
  padding:0 22px 24px!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) .content > .row{
  margin:0!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) .content > .row > .col-md-12{
  float:none!important;
  width:100%!important;
  padding:0!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) .box-header{
  padding:18px!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #formulariofactura{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  gap:10px!important;
  margin:0!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #formulariofactura > .col-md-1,
body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #formulariofactura > .col-md-2,
body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #formulariofactura > .col-md-3{
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #formulariofactura > .col-md-3{
  min-width:220px!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #formulariofactura a[data-target="#nuevo_ticket"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 15px!important;
  border-radius:9px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #formulariofactura .reporteverifactu{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  background:#fff!important;
  border:1px solid #bfd2ce!important;
  color:#315b54!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #formulariofactura > .col-md-3 .input-group.form-group{
  margin:0!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #formulariofactura > .col-md-3 .input-group.form-group > span{
  display:block!important;
  margin-bottom:5px!important;
  color:#405c58!important;
  font-size:11px!important;
  font-weight:800!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #formulariofactura > .table-responsive{
  flex:1 1 100%!important;
  width:100%!important;
  padding:6px 0 0!important;
  border:0!important;
  overflow-x:auto!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #tabla_seguimiento2{
  width:100%!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
  font-size:11px!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #tabla_seguimiento2 thead th{
  height:38px!important;
  padding:7px 7px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  vertical-align:middle!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #tabla_seguimiento2 tbody td{
  padding:6px 7px!important;
  border-color:#e8efed!important;
  vertical-align:middle!important;
}

body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) #tabla_seguimiento2 td .btn.btn-sm{
  min-width:29px!important;
  height:29px!important;
  min-height:29px!important;
  margin:1px!important;
  padding:4px 6px!important;
  border-radius:7px!important;
  font-size:11px!important;
}


/* ----------------------------------------------------------
   8. TICKETS · modal de alta / edición
   ---------------------------------------------------------- */

#nuevo_ticket:has(#numtrt) .modal-dialog{
  width:calc(100% - 28px)!important;
  max-width:1500px!important;
  margin:12px auto!important;
}

#nuevo_ticket:has(#numtrt) .modal-content{
  overflow:hidden!important;
  border:1px solid #cbded9!important;
  border-radius:14px!important;
  background:#f4f7f6!important;
  box-shadow:0 18px 55px rgba(14,45,41,.22)!important;
}

#nuevo_ticket:has(#numtrt) .modal-header{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  min-height:78px!important;
  padding:14px 18px!important;
  background:#184a46!important;
  border:0!important;
  color:#fff!important;
}

#nuevo_ticket:has(#numtrt) .modal-header .modal-title{
  flex:1 1 100%!important;
  order:1!important;
  margin:0!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
}

#nuevo_ticket:has(#numtrt) .modal-header > .close{
  position:absolute!important;
  top:13px!important;
  right:17px!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  color:#d6e8e4!important;
  opacity:1!important;
  font-size:27px!important;
  line-height:30px!important;
  text-align:center!important;
}

#nuevo_ticket:has(#numtrt) .modal-header > .btn-default{
  order:2!important;
  min-height:36px!important;
  margin:0!important;
  padding:7px 13px!important;
  border-radius:8px!important;
  background:#fff!important;
  border:1px solid #d4e1de!important;
  color:#31514c!important;
  font-size:11px!important;
  font-weight:800!important;
}

#nuevo_ticket:has(#numtrt) .modal-header > .btn-danger{
  order:3!important;
  min-height:36px!important;
  margin:0!important;
  padding:7px 14px!important;
  border-radius:8px!important;
  background:#3f8d7b!important;
  border-color:#3f8d7b!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:850!important;
  box-shadow:none!important;
}

#nuevo_ticket:has(#numtrt) .modal-header #crear_ticket_rectificativa{
  background:#a65a4f!important;
  border-color:#a65a4f!important;
}

#nuevo_ticket:has(#numtrt) .modal-body{
  padding:14px!important;
  background:#f4f7f6!important;
}

#nuevo_ticket:has(#numtrt) .modal-body > .container-fluid{
  padding:0!important;
}

#nuevo_ticket:has(#numtrt) .modal-body > .container-fluid > .form-group > .row{
  margin:0!important;
}

#nuevo_ticket:has(#numtrt) .modal-body > .container-fluid > .form-group > .row > .col-md-7{
  padding:16px!important;
  background:#fff!important;
  border:1px solid #dce7e4!important;
  border-radius:12px!important;
  box-shadow:0 5px 15px rgba(23,59,59,.04)!important;
}

#nuevo_ticket:has(#numtrt) .modal-body > .container-fluid > .form-group > .row > .col-md-5{
  padding:0 0 0 14px!important;
}

#nuevo_ticket:has(#numtrt) .modal-body > .container-fluid > .form-group > .row > .col-md-5 > .row{
  margin:0!important;
  padding:14px!important;
  background:#fff!important;
  border:1px solid #dce7e4!important;
  border-radius:12px!important;
  box-shadow:0 5px 15px rgba(23,59,59,.04)!important;
}

#nuevo_ticket:has(#numtrt) label{
  margin-bottom:4px!important;
  color:#405c58!important;
  font-size:10px!important;
  font-weight:800!important;
}

#nuevo_ticket:has(#numtrt) .form-control{
  min-height:36px!important;
  height:36px!important;
  border:1px solid #cadbd7!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294944!important;
  font-size:11px!important;
  box-shadow:none!important;
}

#nuevo_ticket:has(#numtrt) #numtrt td{
  padding:3px 2px!important;
  border:0!important;
  vertical-align:middle!important;
}

#nuevo_ticket:has(#numtrt) #numtrt .form-control{
  min-height:33px!important;
  height:33px!important;
}

#nuevo_ticket:has(#numtrt) #numtrt i.fa-trash-o{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  margin-left:3px!important;
  border-radius:6px!important;
  color:#a45a52!important;
  font-size:11px!important;
}

#nuevo_ticket:has(#numtrt) #numtrt i.fa-trash-o:hover{
  background:#faeeee!important;
  color:#8f4039!important;
}

#nuevo_ticket:has(#numtrt) #addlineticket .btn{
  min-height:34px!important;
  padding:7px 12px!important;
  border-radius:8px!important;
  background:#fff!important;
  border:1px solid #cadbd7!important;
  color:#315852!important;
  font-size:11px!important;
  font-weight:800!important;
}

#nuevo_ticket:has(#numtrt) #tablaarticulost{
  margin-top:8px!important;
  font-size:11px!important;
}

#nuevo_ticket:has(#numtrt) #tablaarticulost th{
  padding:7px!important;
  background:#f6f9f8!important;
  color:#3b5a55!important;
  font-size:9px!important;
  text-transform:uppercase!important;
}

#nuevo_ticket:has(#numtrt) #tablaarticulost td{
  padding:6px 7px!important;
  border-color:#e8efed!important;
}

#nuevo_ticket:has(#numtrt) .modal-footer{
  min-height:18px!important;
  padding:8px 14px!important;
  background:#eef4f2!important;
  border-top:1px solid #dce7e4!important;
}


/* ----------------------------------------------------------
   9. TICKETS · familias / artículos
   ---------------------------------------------------------- */

body.skin-green:has(.opcion-maestra):has(.garnform-add) .content-wrapper{
  background:#f4f7f6!important;
}

body.skin-green:has(.opcion-maestra):has(.garnform-add) .content{
  padding:0 22px 28px!important;
}

body.skin-green:has(.opcion-maestra):has(.garnform-add) .content > .col-md-12{
  float:none!important;
  width:100%!important;
  max-width:1100px!important;
  margin:0!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
}

body.skin-green:has(.opcion-maestra):has(.garnform-add) .opcion-maestra{
  margin:0 0 14px!important;
  padding:14px 16px!important;
  border:1px solid #dce7e4!important;
  border-radius:11px!important;
  background:#f9fbfa!important;
}

body.skin-green:has(.opcion-maestra):has(.garnform-add) .opcion-maestra h3,
body.skin-green:has(.opcion-maestra):has(.garnform-add) .content h3{
  margin:0 0 10px!important;
  color:#173b3b!important;
  font-size:15px!important;
  font-weight:850!important;
}

body.skin-green:has(.opcion-maestra):has(.garnform-add) .garnelementos{
  margin-top:8px!important;
}

body.skin-green:has(.opcion-maestra):has(.garnform-add) .garnelemento{
  min-height:34px!important;
  padding:6px 4px!important;
  border-bottom:1px solid #e6eeec!important;
  color:#405c58!important;
  font-size:11px!important;
}

body.skin-green:has(.opcion-maestra):has(.garnform-add) .garnform-add{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  margin:10px 0 0!important;
}

body.skin-green:has(.opcion-maestra):has(.garnform-add) .garnform-add input{
  min-height:36px!important;
  height:36px!important;
  margin:0!important;
  border:1px solid #cadbd7!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294944!important;
  font-size:11px!important;
  box-shadow:none!important;
}

body.skin-green:has(.opcion-maestra):has(.garnform-add) .garnform-add .btn{
  min-height:36px!important;
  margin:0!important;
  padding:7px 13px!important;
  border-radius:8px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
}

body.skin-green:has(.opcion-maestra):has(.garnform-add) .garnbtn-eliminar{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border:1px solid #e4c5c1!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#a3544b!important;
  box-shadow:none!important;
}


/* ----------------------------------------------------------
   10. TICKETS · diario
   ---------------------------------------------------------- */

body.skin-green:has(#form_iva #tabla_seguimiento3) .content{
  padding:0 22px 28px!important;
}

body.skin-green:has(#form_iva #tabla_seguimiento3) .box-header{
  padding:18px!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
}

body.skin-green:has(#form_iva #tabla_seguimiento3) #form_iva > .form-group:first-of-type{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  gap:10px!important;
  margin:0 0 14px!important;
  padding:14px!important;
  border:1px solid #e1ebe8!important;
  border-radius:10px!important;
  background:#f8fbfa!important;
}

body.skin-green:has(#form_iva #tabla_seguimiento3) #form_iva > .form-group:first-of-type > [class*="col-md-"]{
  float:none!important;
  width:auto!important;
  min-width:155px!important;
  padding:0!important;
  color:#405c58!important;
  font-size:11px!important;
  font-weight:800!important;
}

body.skin-green:has(#form_iva #tabla_seguimiento3) #iva_anio,
body.skin-green:has(#form_iva #tabla_seguimiento3) #iva_mes,
body.skin-green:has(#form_iva #tabla_seguimiento3) #reservation{
  min-height:38px!important;
  height:38px!important;
  max-width:none!important;
  border:1px solid #cadbd7!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294944!important;
  font-size:11px!important;
}

body.skin-green:has(#form_iva #tabla_seguimiento3) #form_iva .btn{
  min-height:38px!important;
  padding:8px 14px!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:800!important;
}

body.skin-green:has(#form_iva #tabla_seguimiento3) #tabla_seguimiento3{
  margin:8px 0 0!important;
  border:1px solid #dce7e4!important;
  font-size:11px!important;
}

body.skin-green:has(#form_iva #tabla_seguimiento3) #tabla_seguimiento3 td{
  padding:6px 8px!important;
  border-color:#e8efed!important;
}


/* ----------------------------------------------------------
   11. TICKETS · cierres
   ---------------------------------------------------------- */

body.skin-green:has(form[name="imprimir_cierre"]) .content{
  padding:0 22px 28px!important;
}

body.skin-green:has(form[name="imprimir_cierre"]) .box-header{
  padding:18px!important;
  border:1px solid #dce7e4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
}

body.skin-green:has(form[name="imprimir_cierre"]) #formulariofactura > .form-group:first-of-type{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  gap:10px!important;
  margin:0 0 12px!important;
  padding:14px!important;
  border:1px solid #e1ebe8!important;
  border-radius:10px!important;
  background:#f8fbfa!important;
}

body.skin-green:has(form[name="imprimir_cierre"]) #formulariofactura > .form-group:first-of-type > [class*="col-md-"]{
  float:none!important;
  width:auto!important;
  min-width:155px!important;
  padding:0!important;
  color:#405c58!important;
  font-size:11px!important;
  font-weight:800!important;
}

body.skin-green:has(form[name="imprimir_cierre"]) #iva_anio,
body.skin-green:has(form[name="imprimir_cierre"]) #iva_mes,
body.skin-green:has(form[name="imprimir_cierre"]) #reservation{
  min-height:38px!important;
  height:38px!important;
  max-width:none!important;
  border:1px solid #cadbd7!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294944!important;
  font-size:11px!important;
}

body.skin-green:has(form[name="imprimir_cierre"]) #formulariofactura .btn{
  min-height:38px!important;
  padding:8px 14px!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:800!important;
}

body.skin-green:has(form[name="imprimir_cierre"]) #formulariofactura > .table-responsive{
  float:none!important;
  width:100%!important;
  max-width:760px!important;
  padding:6px 0 0!important;
}

body.skin-green:has(form[name="imprimir_cierre"]) #tabla_seguimiento2{
  margin:0!important;
  font-size:11px!important;
}

body.skin-green:has(form[name="imprimir_cierre"]) #tabla_seguimiento2 th{
  height:38px!important;
  padding:7px 8px!important;
  background:#f6f9f8!important;
  color:#3b5a55!important;
  font-size:9px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}

body.skin-green:has(form[name="imprimir_cierre"]) #tabla_seguimiento2 td{
  padding:6px 8px!important;
  vertical-align:middle!important;
}


/* ----------------------------------------------------------
   12. Responsive de los ajustes V2.8
   ---------------------------------------------------------- */

@media (max-width:991px){
  #nuevo_ticket:has(#numtrt) .modal-body > .container-fluid > .form-group > .row > .col-md-7,
  #nuevo_ticket:has(#numtrt) .modal-body > .container-fluid > .form-group > .row > .col-md-5{
    float:none!important;
    width:100%!important;
  }

  #nuevo_ticket:has(#numtrt) .modal-body > .container-fluid > .form-group > .row > .col-md-5{
    padding:12px 0 0!important;
  }

  body.skin-green:has(.opcion-maestra):has(.garnform-add) .content > .col-md-12{
    max-width:none!important;
  }
}

@media (max-width:767px){
  body.skin-green:has(#formulario #tab_5):has(#nueva_observacion) #tab_5 > .form-horizontal.box-body{
    padding:14px!important;
  }

  body.skin-green:has(#formempresa) #tab_nuevaempresa{
    padding:16px!important;
  }

  body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) .content,
  body.skin-green:has(.opcion-maestra):has(.garnform-add) .content,
  body.skin-green:has(#form_iva #tabla_seguimiento3) .content,
  body.skin-green:has(form[name="imprimir_cierre"]) .content{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  body.skin-green:has(#formulariofactura a[data-target="#nuevo_ticket"]) .box-header,
  body.skin-green:has(#form_iva #tabla_seguimiento3) .box-header,
  body.skin-green:has(form[name="imprimir_cierre"]) .box-header{
    padding:12px!important;
  }

  #nuevo_ticket:has(#numtrt) .modal-dialog{
    width:calc(100% - 10px)!important;
    margin:5px auto!important;
  }

  body.skin-green:has(.opcion-maestra):has(.garnform-add) .garnelemento{
    grid-template-columns:72px 1fr 100px!important;
  }

  body.skin-green:has(#form_iva #tabla_seguimiento3) #form_iva > .form-group:first-of-type > [class*="col-md-"],
  body.skin-green:has(form[name="imprimir_cierre"]) #formulariofactura > .form-group:first-of-type > [class*="col-md-"]{
    width:100%!important;
    min-width:0!important;
  }
}


/* ==========================================================
   V2.8.2 · TICKETS — CORRECCIÓN DE LÍNEAS DE ARTÍCULOS
   ----------------------------------------------------------
   La papelera ya no participa en el flujo de la celda Importe.
   Queda anclada a la derecha, centrada verticalmente, igual que
   en Presupuestos / Albaranes / Facturas.
   ========================================================== */

#nuevo_ticket:has(#numtrt) #numtrt tr{
  height:36px!important;
}

#nuevo_ticket:has(#numtrt) #numtrt td{
  height:36px!important;
  vertical-align:middle!important;
}

/* Celda Importe */
#nuevo_ticket:has(#numtrt) #numtrt td:last-child{
  position:relative!important;
  padding:3px 29px 3px 2px!important;
  white-space:nowrap!important;
}

/* El inline width:calc(100% - 20px) queda neutralizado */
#nuevo_ticket:has(#numtrt) #numtrt td:last-child input[id^="importet"]{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}

/* Papelera dentro de la propia fila, sin provocar salto */
#nuevo_ticket:has(#numtrt) #numtrt td:last-child > i.fa-trash-o{
  position:absolute!important;
  top:50%!important;
  right:3px!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  line-height:22px!important;
  border-radius:6px!important;
  color:#a45a52!important;
  background:transparent!important;
  cursor:pointer!important;
  z-index:2!important;
}

#nuevo_ticket:has(#numtrt) #numtrt td:last-child > i.fa-trash-o:hover{
  background:#faeeee!important;
  color:#8f4039!important;
}

/* La cabecera Importe reserva visualmente el mismo espacio */
#nuevo_ticket:has(#numtrt) table:has(#numtrt) thead th:last-child{
  padding-right:29px!important;
}

/* Compactar ligeramente la separación vertical entre líneas */
#nuevo_ticket:has(#numtrt) table:has(#numtrt){
  border-collapse:separate!important;
  border-spacing:0 4px!important;
}

@media (max-width:767px){
  #nuevo_ticket:has(#numtrt) #numtrt td:last-child{
    padding-right:27px!important;
  }

  #nuevo_ticket:has(#numtrt) #numtrt td:last-child > i.fa-trash-o{
    right:2px!important;
    width:21px!important;
    height:21px!important;
  }
}


/* ==========================================================
   V2.9 · INVITA Y GANA
   Scope: #bloque_envio + #url_referido + #form_recomendar
   EXCLUSIVAMENTE CSS.
   ========================================================== */

/* ----------------------------------------------------------
   1. Página general
   ---------------------------------------------------------- */

body.skin-green:has(#bloque_envio):has(#url_referido) .content-wrapper{
  min-height:calc(100vh - 50px)!important;
  background:#f4f7f6!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content-wrapper > .content-header{
  padding:18px 22px 10px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content-wrapper > .content-header h1{
  margin:0!important;
  color:#173b3b!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content-wrapper > .content-header h1 small{
  display:inline-block!important;
  margin-left:8px!important;
  color:#6a7e79!important;
  font-size:13px!important;
  font-weight:600!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content{
  min-height:0!important;
  padding:0 22px 28px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12{
  float:none!important;
  width:100%!important;
  padding:0!important;
}

/* Alertas */
body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .alert{
  margin:0 0 14px!important;
  padding:12px 14px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1.45!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .alert-success{
  background:#edf7f2!important;
  border:1px solid #bddcca!important;
  color:#2f6c58!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .alert-danger{
  background:#faeeee!important;
  border:1px solid #e3bfba!important;
  color:#8c4841!important;
}


/* ----------------------------------------------------------
   2. Hero / bloque principal
   ---------------------------------------------------------- */

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type{
  margin:0 0 16px!important;
  border:1px solid #dce7e4!important;
  border-top:0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(23,59,59,.055)!important;
  overflow:hidden!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type > .box-body{
  padding:24px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .row{
  display:flex!important;
  align-items:stretch!important;
  flex-wrap:wrap!important;
  margin-left:-8px!important;
  margin-right:-8px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .row > [class*="col-"]{
  padding-left:8px!important;
  padding-right:8px!important;
}

/* Píldora "Programa de recomendación" */
body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-8 > div[style*="display:inline-block"]{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 12px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#eef6f3!important;
  color:#2f6f62!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
}

/* Título hero */
body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type h2{
  max-width:850px!important;
  margin:0 0 10px!important;
  color:#173b3b!important;
  font-size:28px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-8 > p{
  max-width:850px!important;
  margin:0!important;
  color:#5b706b!important;
  font-size:14px!important;
  line-height:1.6!important;
}

/* Tres ventajas */
body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-8 > .row{
  margin-top:18px!important;
  margin-bottom:14px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-sm-4 > div{
  min-height:112px!important;
  height:100%!important;
  padding:14px!important;
  border:1px solid #e1ebe8!important;
  border-radius:10px!important;
  background:#f8fbfa!important;
  box-shadow:none!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-sm-4 i.fa{
  font-size:22px!important;
  color:#3f8174!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-sm-4 h4{
  margin:8px 0 5px!important;
  color:#254e48!important;
  font-size:12px!important;
  font-weight:850!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-sm-4 p{
  color:#647873!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* Ventaja para ti */
body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-8 > div[style*="background:#fff8e1"]{
  margin:14px 0!important;
  padding:12px 14px!important;
  border:1px solid #eadca8!important;
  border-left:4px solid #c7a13a!important;
  border-radius:8px!important;
  background:#fff9e9!important;
  color:#66541f!important;
  font-size:12px!important;
  line-height:1.5!important;
}

/* CTA hero */
body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .btn-lg{
  min-height:40px!important;
  margin:0 6px 0 0!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .btn-success{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .btn-default{
  background:#fff!important;
  border-color:#cadbd7!important;
  color:#315852!important;
}

/* Tarjeta derecha */
body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-4 > div{
  height:100%!important;
  min-height:100%!important;
  padding:24px!important;
  border:1px solid #d6e5e1!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#eef7f4 0%,#f9fbfa 100%)!important;
  text-align:left!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-4 > div > i.fa-gift{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:50px!important;
  height:50px!important;
  margin-bottom:10px!important;
  border-radius:12px!important;
  background:#dceee8!important;
  color:#347769!important;
  font-size:25px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-4 h3{
  margin:0 0 8px!important;
  color:#173b3b!important;
  font-size:18px!important;
  font-weight:850!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-4 p{
  margin:0!important;
  color:#5d716d!important;
  font-size:12px!important;
  line-height:1.55!important;
}

/* Enlace personalizado dentro de tarjeta */
body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-4 > div > div[style*="background:#fff"]{
  margin-top:18px!important;
  padding:12px!important;
  border:1px solid #dce7e4!important;
  border-radius:9px!important;
  background:#fff!important;
  text-align:left!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-4 > div > div[style*="background:#fff"] > div:first-child{
  margin-bottom:4px!important;
  color:#7a8c88!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-4 > div > div[style*="background:#fff"] > div:last-child{
  color:#2d665d!important;
  font-size:11px!important;
  font-weight:750!important;
}


/* ----------------------------------------------------------
   3. Cajas generales de la página
   ---------------------------------------------------------- */

body.skin-green:has(#bloque_envio):has(#url_referido) .content .box.box-primary,
body.skin-green:has(#bloque_envio):has(#url_referido) .content .box.box-warning,
body.skin-green:has(#bloque_envio):has(#url_referido) .content .box.box-default{
  margin:0 0 16px!important;
  border:1px solid #dce7e4!important;
  border-top:0!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(23,59,59,.045)!important;
  overflow:hidden!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content .box.box-primary > .box-header,
body.skin-green:has(#bloque_envio):has(#url_referido) .content .box.box-warning > .box-header,
body.skin-green:has(#bloque_envio):has(#url_referido) .content .box.box-default > .box-header{
  padding:12px 15px!important;
  border-bottom:1px solid #e1ebe8!important;
  background:#f8fbfa!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content .box-title{
  color:#173b3b!important;
  font-size:13px!important;
  font-weight:850!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content .box-title i{
  margin-right:5px!important;
  color:#3f8174!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content .box.box-primary > .box-body,
body.skin-green:has(#bloque_envio):has(#url_referido) .content .box.box-warning > .box-body,
body.skin-green:has(#bloque_envio):has(#url_referido) .content .box.box-default > .box-body{
  padding:16px!important;
}


/* ----------------------------------------------------------
   4. Tu enlace de recomendación
   ---------------------------------------------------------- */

body.skin-green:has(#bloque_envio):has(#url_referido) .box.box-primary .box-body > p{
  margin:0 0 10px!important;
  color:#5d716d!important;
  font-size:12px!important;
  line-height:1.5!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .box.box-primary .input-group{
  max-width:980px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #url_referido{
  height:38px!important;
  min-height:38px!important;
  border:1px solid #cadbd7!important;
  border-radius:8px 0 0 8px!important;
  background:#f8faf9!important;
  color:#35554f!important;
  font-size:11px!important;
  box-shadow:none!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .box.box-primary .input-group-btn .btn{
  height:38px!important;
  min-height:38px!important;
  padding:7px 13px!important;
  border-radius:0 8px 8px 0!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
}


/* ----------------------------------------------------------
   5. Estadísticas
   ---------------------------------------------------------- */

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .row{
  margin-left:-7px!important;
  margin-right:-7px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .row > .col-md-4{
  padding-left:7px!important;
  padding-right:7px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .small-box{
  min-height:92px!important;
  margin-bottom:16px!important;
  border:1px solid #dce7e4!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#173b3b!important;
  box-shadow:0 5px 16px rgba(23,59,59,.04)!important;
  overflow:hidden!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .small-box .inner{
  padding:14px 16px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .small-box h3{
  margin:0 0 3px!important;
  color:#173b3b!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .small-box p{
  margin:0!important;
  color:#667b77!important;
  font-size:10px!important;
  font-weight:750!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .small-box .icon{
  top:16px!important;
  right:15px!important;
  color:#d9e8e4!important;
  font-size:48px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .small-box.bg-aqua{
  border-top:3px solid #478297!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .small-box.bg-yellow{
  border-top:3px solid #c29a38!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .small-box.bg-green{
  border-top:3px solid #3f8d72!important;
}


/* ----------------------------------------------------------
   6. Envío rápido
   ---------------------------------------------------------- */

body.skin-green:has(#bloque_envio):has(#url_referido) #bloque_envio .alert-info{
  margin:0 0 12px!important;
  padding:11px 13px!important;
  border:1px solid #c8dde2!important;
  border-radius:9px!important;
  background:#eff7f8!important;
  color:#46666c!important;
  font-size:11px!important;
  line-height:1.5!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #form_recomendar > div:first-of-type{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 10px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #form_recomendar > div:first-of-type .btn{
  min-height:33px!important;
  margin:0!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  background:#fff!important;
  border:1px solid #cadbd7!important;
  color:#315852!important;
  font-size:10px!important;
  font-weight:800!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #form_recomendar > div:first-of-type > span{
  margin-left:auto!important;
  color:#59716c!important;
  font-size:11px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #total_seleccionados{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:23px!important;
  height:23px!important;
  margin-left:4px!important;
  border-radius:999px!important;
  background:#eaf4f0!important;
  color:#285e54!important;
  font-size:10px!important;
  font-weight:900!important;
}


/* ----------------------------------------------------------
   7. Tablas Clientes / Historial
   ---------------------------------------------------------- */

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial{
  width:100%!important;
  margin:0!important;
  border:1px solid #dfe8e6!important;
  font-size:11px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes thead th,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial thead th{
  height:36px!important;
  padding:7px 8px!important;
  background:#f6f9f8!important;
  border-color:#dce7e4!important;
  color:#3b5a55!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  vertical-align:middle!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes tbody td,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial tbody td{
  padding:6px 8px!important;
  border-color:#e8efed!important;
  color:#3d5752!important;
  vertical-align:middle!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes tbody tr:hover td,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial tbody tr:hover td{
  background:#f4f8f7!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes input[type="checkbox"]{
  width:15px!important;
  height:15px!important;
  margin:0!important;
  accent-color:#245148!important;
}


/* DataTables */
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes_wrapper .row,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial_wrapper .row{
  margin-left:0!important;
  margin-right:0!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes_wrapper .dataTables_length,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes_wrapper .dataTables_filter,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes_wrapper .dataTables_info,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial_wrapper .dataTables_length,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial_wrapper .dataTables_filter,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial_wrapper .dataTables_info{
  color:#657a75!important;
  font-size:10px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes_wrapper .dataTables_filter input,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial_wrapper .dataTables_filter input{
  height:34px!important;
  border:1px solid #cadbd7!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes_wrapper .pagination > .active > a,
body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial_wrapper .pagination > .active > a{
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
}


/* ----------------------------------------------------------
   8. Confirmación legal y CTA final
   ---------------------------------------------------------- */

body.skin-green:has(#bloque_envio):has(#url_referido) #form_recomendar > div[style*="background:#fafafa"]{
  margin:12px 0!important;
  padding:11px 13px!important;
  border:1px solid #dce7e4!important;
  border-radius:9px!important;
  background:#f8fbfa!important;
  color:#536c67!important;
  font-size:11px!important;
  line-height:1.5!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #form_recomendar > div[style*="background:#fafafa"] label{
  margin:0!important;
  font-size:11px!important;
  font-weight:500!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #confirmacion_legal{
  width:15px!important;
  height:15px!important;
  margin-right:7px!important;
  accent-color:#245148!important;
  vertical-align:-3px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #form_recomendar > .btn-success.btn-lg{
  min-height:40px!important;
  padding:8px 15px!important;
  border-radius:9px!important;
  background:#245148!important;
  border-color:#245148!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:0 5px 13px rgba(36,81,72,.10)!important;
}


/* ----------------------------------------------------------
   9. Labels historial
   ---------------------------------------------------------- */

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial .label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:55px!important;
  min-height:21px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial .label-success{
  background:#eaf5f0!important;
  color:#2f6e59!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial .label-danger{
  background:#faeeee!important;
  color:#8b4242!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial .label-default{
  background:#eef2f1!important;
  color:#61736f!important;
}


/* ----------------------------------------------------------
   10. SweetAlert de esta página
   ---------------------------------------------------------- */

body.skin-green:has(#bloque_envio):has(#url_referido) .swal2-popup{
  border-radius:14px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .swal2-title{
  color:#173b3b!important;
  font-size:22px!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .swal2-html-container{
  color:#536c67!important;
  font-size:14px!important;
  line-height:1.55!important;
}

body.skin-green:has(#bloque_envio):has(#url_referido) .swal2-confirm{
  background:#245148!important;
  border-radius:8px!important;
}


/* ----------------------------------------------------------
   11. Responsive
   ---------------------------------------------------------- */

@media (max-width:991px){
  body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .row{
    display:block!important;
  }

  body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-md-4{
    margin-top:14px!important;
  }
}

@media (max-width:767px){
  body.skin-green:has(#bloque_envio):has(#url_referido) .content{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type > .box-body{
    padding:16px!important;
  }

  body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type h2{
    font-size:23px!important;
  }

  body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .box.box-success:first-of-type .col-sm-4{
    margin-bottom:8px!important;
  }

  body.skin-green:has(#bloque_envio):has(#url_referido) .content > .col-md-12 > .row > .col-md-4{
    margin-bottom:8px!important;
  }

  body.skin-green:has(#bloque_envio):has(#url_referido) #form_recomendar > div:first-of-type{
    align-items:stretch!important;
  }

  body.skin-green:has(#bloque_envio):has(#url_referido) #form_recomendar > div:first-of-type .btn{
    flex:1 1 100%!important;
  }

  body.skin-green:has(#bloque_envio):has(#url_referido) #form_recomendar > div:first-of-type > span{
    width:100%!important;
    margin-left:0!important;
    text-align:left!important;
  }

  body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes_wrapper,
  body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial_wrapper{
    overflow-x:auto!important;
  }

  body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_clientes,
  body.skin-green:has(#bloque_envio):has(#url_referido) #tabla_historial{
    min-width:720px!important;
  }
}