:root{
    --color-green:#00a878;
    --color-red:#fe5e41;
    --color-button:#fdffff;
    --color-black:#000;
   /*  cambiosluz */
   /*  colores de AG */
    --primary:#03258C;
    --primary_hover: #294F9A;
    --second: #F28705;
    --second_hover: #F7BA4E;
    --third: #038C25;
    --gris: #CFD7E1;
    --gris_hover: #CFCBCF;
    --persona: #F0C087;
    --persona_sombra1: #E6AF78;
    --persona_sombra2: #D29B6E;
    --persona_sombra2: #B78766;
   /*  -------------------- */
}
.grid-5-columns{display:grid}
.grid-5-columns .card{min-height:100px}
.card-transparent{background:transparent!important;box-shadow:none!important;margin:0}
.s-icon-home{font-size:77px!important;line-height:153px!important;width:100%!important;height:6px!important;text-align:center!important}
.title-home{font-weight:700;color:#000;font-size:20px}
@media (max-width: 576px) {
.grid-5-columns{grid-template-columns:repeat(1,1fr);gap:0}
/* .row{padding:0 15px} */
}
@media only screen and (min-width: 577px) and (max-width: 991px) {
.grid-5-columns-est{grid-template-columns:repeat(3,1fr)}
}
@media only screen and (min-width: 577px) and (max-width: 1199px) {
.grid-5-columns{grid-template-columns:repeat(2,1fr);gap:1rem}
.row{padding:0 15px}
}
@media (min-width: 1200px) {
.grid-5-columns{grid-template-columns:repeat(4,1fr);gap:2rem}
}
.flota{display:flex;gap:2rem}
.btn-formulario{text-align:center}
.inline-block{display:inline-block}
.modal-dialoge{max-width:613px;margin:1.75rem auto}
.rowz{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:15px;margin-bottom:16px;gap:20px}
menu{--size:2.5rem;--radius:6rem;--padding:1rem;--bg-color:rgba(255,255,255,0.9);--fg-color:rgba(0,0,0,0.7);--hi-color:#c22eff;z-index:3;position:fixed;bottom:var(--padding);right:var(--padding)}
menu > *{position:absolute;display:grid;place-content:center;border-radius:50%;background:var(--bg-color);color:var(--fg-color);text-decoration:none;box-shadow:0 0 9px 0 rgba(0,0,0,0.6)}
menu > .action{--factor:0;width:var(--size);height:var(--size);right:calc(0.35 * var(--size));bottom:calc(0.35 * var(--size));opacity:0;transform:rotate(calc(-1 * var(--angle))) translateY(calc(-1 * var(--radius) * var(--factor))) rotate(var(--angle));transition:transform 250ms ease-in-out,opacity 250ms ease-in-out,box-shadow 250ms ease-in-out,color 250ms ease-in-out}
menu > .action:hover,menu > .trigger:hover{color:var(--hi-color);box-shadow:0 0 0 .35rem rgba(0,0,0,0.2)}
menu.open > .action{--factor:1;opacity:1}
menu > .action:nth-child(1){--angle:0;transition-delay:0}
menu > .action:nth-child(2){--angle:30deg;transition-delay:50ms}
menu > .action:nth-child(3){--angle:60deg;transition-delay:100ms}
menu > .action:nth-child(4){--angle:90deg;transition-delay:150ms}
menu > .trigger{width:calc(1.6 * var(--size));height:calc(1.6 * var(--size));bottom:0;right:0;font-size:2rem;transition:box-shadow 250ms ease-in-out,color 250ms ease-in-out}
menu > .trigger > i{transition:transform 250ms ease-in-out}
menu.open > .trigger > i{transform:rotate(-135deg)}
.home-menu-div{display:grid;grid-template-columns:1fr 2fr 1fr;text-align:center;justify-content:center;margin-top:7%}
.panel-central{grid-column:2/3;grid-row-start:1;grid-row-end:6}
.link{font-size:20px;font-weight:300;text-align:left;position:relative;height:40px;line-height:40px;margin-top:10px;overflow:hidden;width:45%;margin-left:20%;cursor:pointer}
.link:after{content:'';position:absolute;width:80%;border-bottom:3px solid rgba(156,39,176,.50);bottom:50%;left:-100%;transition-delay:all .5s;transition:all .5s}
.link:hover:after,.link.hover:after{left:100%}
.link .text{text-shadow:0 -40px 0 rgba(255,255,255,1);transition:all .75s;transform:translateY(100%) translateZ(0);transition-delay:all .25s}
.link:hover .text,.link.hover .text{text-shadow:0 -40px 0 rgba(255,255,255,0);transform:translateY(0%) translateZ(0) scale(1.1);font-weight:600}
.container-central{width:100%;height:100%;background:#fff;font-family:'Raleway',sans-serif;color:rgba(0,0,0,0.75);border:1px solid #fff;border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.card-home{border:solid;margin-bottom:5%;color:#FFF;background:#3f6f82;width:100%;height:100%;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);display:flex;justify-content:center;align-items:center}
.dropbtn{padding:16px;border:none;cursor:pointer}
.dropdown{position:relative;display:inline-block}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;z-index:1}
.dropdown-content a{padding:12px 16px;text-decoration:none;display:block}
.dropdown-content a:hover{background-color:#f1f1f1}
.dropdown:hover .dropdown-content{display:block}
.faa{display:inline-block;font:normal normal normal 56px/1 FontAwesome;font-size:30px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#btn-catalogos{display:none}
.container-cat{position:fixed;top:20px;right:20px;z-index:1}
.icon-mas{display:block;text-decoration:none;width:55px;height:55px;background:rgba(255,255,255,0.9);border-radius:50%;text-align:center;line-height:70px;box-shadow:0 0 9px 0 #000;margin-bottom:5px;transition:all 500ms ease}
.catalogos a{display:block;text-decoration:none;height:55px;background:rgba(255,255,255,0.9);text-align:center;line-height:55px;margin-bottom:5px;transition:all 500ms ease}
.catalogos a:hover{background:#3f6f82;color:#fff}
.catalogos a{margin-bottom:-15px;opacity:0;visibility:hidden}
.btn-catalogos{right:-180px;position:relative}
#btn-catalogos:checked~ .catalogos a{margin-bottom:0;opacity:1;visibility:visible}
.no-margin{margin:0!important}
.no-padding{padding:0!important}
.width-100{width:100%!important}
.width-95{width:95%}
.permissionsAndRoleFormat{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.cuerposubmenu{position:relative}
.contenidoGenerico{display:grid;grid-template-columns:1fr 7fr}
.navtopGenerico{display:flex;justify-content:end}
.tabs{display:flex;flex-wrap:wrap}
.tabs .label{order:1;display:flex;justify-content:center;align-items:center;padding:1rem;margin-right:.2rem;cursor:pointer;background-color:#3f6f82;color:#fff;transition:background ease .3s;border-radius:4px}
.tabs .tab{order:9;flex-grow:1;width:100%;height:100%;display:none;padding:1rem;background:#fff;padding:1rem;border-radius:4px;box-shadow:-10px 10px 0 0 #c5bec7}
.tabs input[type="radio"]{display:none}
.tabs input[type="radio"]:checked + label{background:#fff;color:#3f6f82}
.tabs input[type="radio"]:checked + label + .tab{display:block}
.div-prod{margin-top:20px}
.row-tab{display:flex;flex-wrap:wrap;margin-left:20px;justify-content:flex-start;margin-bottom:20px;align-items:center;gap:2rem}
.row-image{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:2rem;margin:20px -15px 20px 20px}
.tab-image{width:15%;border-radius:15px;box-shadow:0 0 9px 0 #000}
.tab-save{display:inline;right:0;position:absolute;margin-right:16px;order:1}
.nav-prin{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none;flex-direction:column}
.item-ubi{flex:1 1 0;width:0}
.card .menu{width:100%;height:5.5rem;padding:1rem;display:flex;align-items:flex-start;justify-content:flex-end;position:relative;box-sizing:border-box}
.card .menu .opener{width:2.5rem;height:2.5rem;position:relative;border-radius:50%;transition:background-color 100ms ease-in-out}
.card .menu .opener:hover{background-color:#f2f2f2}
.card .menu .opener span{background-color:#404040;width:.4rem;height:.4rem;position:absolute;top:0;left:calc(50% - 0.2rem);border-radius:50%}
.card .menu .opener span:nth-child(1){top:.45rem}
.card .menu .opener span:nth-child(2){top:1.05rem}
.card .menu .opener span:nth-child(3){top:1.65rem}
.card h2.name{text-align:center;padding:0 2rem .5rem;margin:0}
h4.title-yellow{font-weight:700;color:#ff9800;text-transform:uppercase}
.card .title{color:#a0a0a0;font-size:.85rem;text-align:center;padding:0 2rem 1.2rem}
.card .actions{padding:0 2rem 1.2rem;display:flex;flex-direction:column;order:99}
.card .actions .follow-info{padding:0 0 1rem;display:flex;justify-content:center;text-align:center}
.card .actions .follow-info h2{text-align:center;margin:0;box-sizing:border-box}
.card .actions .follow-info h2 a{text-decoration:none;padding:.8rem;display:flex;flex-direction:column;border-radius:.8rem;transition:background-color 100ms ease-in-out}
.card .actions .follow-info h2 a span{color:#1c9eff;font-weight:700;transform-origin:bottom;transform:scaleY(1.3);transition:color 100ms ease-in-out}
.card .actions .follow-info h2 a small{color:#afafaf;font-size:.85rem;font-weight:400}
.card .actions .follow-info h2 a:hover{background-color:#f2f2f2}
.card .actions .follow-info h2 a:hover span{color:#007ad6}
.card-new{background-color:#fff;max-width:360px;display:flex;flex-direction:column;overflow:hidden;border-radius:2rem;margin:0 20px;box-shadow:0 1rem 1.5rem rgba(0,0,0,0.5)}
.card .banner{background-image:url(../assets/img/logo.png);background-position:center;background-repeat:no-repeat;background-size:cover;height:11rem;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box}
.card .banner svg{background-color:#fff;width:8rem;height:8rem;box-shadow:0 .5rem 1rem rgba(0,0,0,0.3);border-radius:50%;transform:translateY(50%);transition:transform 200ms cubic-bezier(0.18,0.89,0.32,1.28)}
.card .banner svg:hover{transform:translateY(50%) scale(1.3)}
.card .desc{text-align:justify;padding:0 2rem 2.5rem;order:100}
.grid-4-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.grid-3-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.grid-3-columns a{padding:30px}
.loader{text-align:center;vertical-align:middle;position:relative;display:flex;justify-content:center;padding:0;z-index:5}
.loader span{display:block;width:20px;height:20px;background:#fff;border-radius:50%;margin:0 5px;box-shadow:0 2px 2px rgba(0,0,0,0.2)}
.loader span:nth-child(2){background:#f07e6e}
.loader span:nth-child(3){background:#84cdfa}
.loader span:nth-child(4){background:#5ad1cd}
.loader span:not(:last-child){animation:animate 1.5s linear infinite}
@keyframes animate {
0%{transform:translateX(0)}
100%{transform:translateX(30px)}
}
.loader span:last-child{animation:jump 1.5s ease-in-out infinite}
@keyframes jump {
0%{transform:translate(0,0)}
10%{transform:translate(10px,-10px)}
20%{transform:translate(20px,10px)}
30%{transform:translate(30px,-50px)}
70%{transform:translate(-150px,-50px)}
80%{transform:translate(-140px,10px)}
90%{transform:translate(-130px,-10px)}
100%{transform:translate(-120px,0)}
}
table.dataTable tr.group-start{background-color:rgba(70,155,155,0.39);font-weight:700}
.totales{font-weight:700;color:#000;font-size:18px}
.font-bold{font-weight:700}
.mayus{text-transform:uppercase}
.select2-dropdown--below{top:-2.8rem}
.disabled-select {background-color: #d5d5d5; opacity: 0.5;border-radius: 3px;
    cursor: not-allowed;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }

  select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
  }

  select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
  }

  select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
  select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
  }
  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width: 100% !important;
  }
.ec-stars-wrapper{font-size:0;display:inline-block}
.ec-stars-wrapper a{text-decoration:none;display:inline-block;font-size:32px;font-size:2rem;margin:0 2px;color:#888}
.ec-stars-wrapper:hover a{color:#DAA520}
.star-on{color:#DAA520!important}
.ec-stars-wrapper > a:hover ~ a{color:#888!important}
.entidades-principal{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.card-hom{border:solid;margin-bottom:5%;color:#FFF;background:#3f6f82;width:100%;height:100%;box-shadow:0 2px 2px 0 #000 0 3px 1px -2px #000 0 1px 5px 0 #000;display:flex;justify-content:center;align-items:center;border-radius:10px}
.row-tab-c{display:flex;flex-wrap:wrap;margin-left:20px;justify-content:space-between;margin-right:60px;margin-bottom:20px;align-items:center;gap:2rem}
.tab-flex{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2rem;margin:0 -20px;background:#3f6f82;padding:2px 25px}
.color-white{color:#fff;font-size:16px}
.color-white:hover,.color-white:focus{color:#fff0fd}
.row-modal{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:20px;align-items:center;gap:1rem}
.img-xml{width:40px;height:40px}
.row-tab-d{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:20px;align-items:center}
.switch-button{display:inline-block}
.switch-button .switch-button__checkbox{display:none}
.switch-button .switch-button__label{background-color:var(--color-red);width:2rem;height:1rem;border-radius:3rem;display:inline-block;position:relative}
.switch-button .switch-button__label:before{transition:.2s;display:block;position:absolute;width:1rem;height:1rem;background-color:var(--color-button);content:'';border-radius:50%;box-shadow:inset 0 0 0 1px var(--color-black)}
.switch-button .switch-button__checkbox:checked + .switch-button__label{background-color:var(--color-green)}
.switch-button .switch-button__checkbox:checked + .switch-button__label:before{transform:translateX(1rem)}
.tab-flex-create{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1rem;margin:0 -20px;background:#3f6f82;padding:15px 25px}
.bar-concepto::placeholder{color:#FFF}
.bar-concepto{color:#FFF}
.bar-concepto:focus{color:#FFF}
.bar-concepto,.is-focused .bar-concepto{background-image:linear-gradient(to top,#FFF 2px,rgba(156,39,176,0) 2px),linear-gradient(to top,#d2d2d2 1px,rgba(210,210,210,0) 1px)}
.flex-columnd{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start;margin:0 -20px;background:#3f6f82;padding:15px 25px;border-radius:15px}
.btns{position:relative;margin:.3125rem 1px;font-weight:400;line-height:1.428571;text-decoration:none;text-transform:uppercase;letter-spacing:0;cursor:pointer;background-color:transparent;border:0;border-radius:.2rem;outline:0;transition:box-shadow .2s cubic-bezier(0.4,0,1,1),background-color .2s cubic-bezier(0.4,0,0.2,1);will-change:box-shadow,transform}
.btns.btn-primarys{color:#3f6f82;box-shadow:0 2px 2px 0 #3f0000 0 3px 1px -2px #3f0000 0 1px 5px 0 #a10000}
.btns,.btns.btn-default{color:#3f6f82;background-color:#fff;border-color:#fff;box-shadow:0 2px 2px 0 #900 0 3px 1px -2px #900 0 1px 5px 0 red}
.hrc{margin-top:1rem;margin-bottom:1rem;border:7px;border-top:3.5px solid #a10000;border-radius:75px}
.row-desc{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:1rem}
.badgee{padding:.4em;font-size:100%;font-weight:500;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.badgee-vencida{color:#fff;background-color:#f44336}
.badgee-tiempo{color:#fff;background-color:#4caf50}
.badgee-vencer{color:#060606;background-color:#ffe81d}
.modal-dialogg{max-width:60%!important;margin:1.75rem auto}
.contenido{display:grid;grid-template-columns:repeat(3,1fr)}
.conceptos-detalles{max-width:95%}
.tabla-empresa{width:10%}
.icono-table{width:70%}
.color-white{color:#FFF!important}
.oculto{visibility:hidden}
.repeat6{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
@media (max-width: 465px) {
.tabs .tab,.tabs label{order:initial}
/* .tabs label{width:100%;margin-left:50px} */
.repeat6{display:grid;grid-template-columns:1fr;gap:8px}
}

/* -- Inicio INPUTS RANGE -- */
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  height: 6px;
  background: linear-gradient(to right, #0066ff 1%, #ccc 1%);
}
/* Bolita: webkit */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 15px;
  width: 15px;
  background-color: #0066ff;
  border-radius: 50%;
  border: none;
  transition: .2s ease-in-out;
}
/* Bolita: Firefox */
input[type="range"]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: #0066ff;
  border-radius: 50%;
  border: none;
  transition: .2s ease-in-out;
}
/* Hover, active & focus Thumb: Webkit */
input[type="range"]::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 10px rgba(0, 102, 255, .1)
}
input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(0, 102, 255, .2)
}
input[type="range"]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(0, 102, 255, .2)
}
/* Hover, active & focus Thumb: Firefox */
input[type="range"]::-moz-range-thumb:hover {
  box-shadow: 0 0 0 10px rgba(0, 102, 255, .1)
}
input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(0, 102, 255, .2)
}
input[type="range"]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(0, 102, 255, .2)
}
.range {
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 500px;
  margin: 0 auto;
  height: 4rem;
  width: 80%;
  background: #fff;
  padding: 0px 10px;
}
.progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2; /* Asegura que el texto esté encima de la barra de progreso */
}
/* -- Fin INPUTS RANGE -- */
.fol-hover {
  color: rgb(61, 63, 190);
}
.fol-hover:hover {
  color: rgb(116, 136, 224); /* Cambia al pasar el cursor */
}