/*  BASE COLOR FOR PROJECTS */
/* @color-texto: #4a4a4a; */
/*  ELEMENTOS PARA VUE */
/*  Evitar que se vean las llaves de vue al cargar los elementos */
[v-cloak] {
  display: none !important;
}
/* DEFINIMOS CLASSES PARA MARGENES ARRIBA */
a {
  color: #004983;
}
a:hover {
  color: #003f7a;
}
.fuera-margen-top {
  margin-top: 0 !important;
}
.margen-top-pequeño {
  margin-top: 8px;
}
.margen-top-mediano {
  margin-top: 20px;
}
.margen-top-grande {
  margin-top: 35px;
}
/* DEFINIMOS CLASSES PARA MARGENES ABAJO */
.fuera-margen-bottom {
  margin-bottom: 0 !important;
}
.margen-bottom-pequeño {
  margin-bottom: 8px;
}
.margen-bottom-mediano {
  margin-bottom: 20px;
}
.margen-bottom-grande {
  margin-bottom: 35px;
}
/* DEFINIMOS CLASSES PARA MARGENES IZQUIERDA */
.fuera-margen-left {
  margin-left: 0 !important;
}
.margen-left-pequeño {
  margin-left: 8px;
}
.margen-left-mediano {
  margin-left: 20px;
}
.margen-left-grande {
  margin-left: 35px;
}
/* DEFINIMOS CLASSES PARA MARGENES DERECHA */
.fuera-margen-right {
  margin-right: 0 !important;
}
.margen-right-pequeño {
  margin-right: 8px;
}
.margen-right-mediano {
  margin-right: 20px;
}
.margen-right-grande {
  margin-right: 35px;
}
/* QUITAMOS EL MARGEN FULL*/
.fuera-margen {
  margin: 0 !important;
}
/* DEFINIMOS CLASSES PARA PADDING A LA IZQUIERDA */
.fuera-padding-left {
  padding-left: 0 !important;
}
.padding-left-pequeño {
  padding-left: 8px;
}
.padding-left-mediano {
  padding-left: 20px;
}
.padding-left-grande {
  padding-left: 35px;
}
/* DEFINIMOS CLASSES PARA PADDING A LA DERECHA */
.fuera-padding-right {
  padding-right: 0 !important;
}
.padding-right-pequeño {
  padding-right: 8px;
}
.padding-right-mediano {
  padding-right: 20px;
}
.padding-right-grande {
  padding-right: 35px;
}
/* DEFINIMOS CLASSES PARA PADDING ARRIBA */
.fuera-padding-top {
  padding-top: 0 !important;
}
.padding-top-pequeño {
  padding-top: 8px;
}
.padding-top-mediano {
  padding-top: 20px;
}
.padding-top-grande {
  padding-top: 35px;
}
/* DEFINIMOS CLASSES PARA PADDING ABAJO */
.fuera-padding-bottom {
  padding-bottom: 0 !important;
}
.padding-bottom-pequeño {
  padding-bottom: 8px;
}
.padding-bottom-mediano {
  padding-bottom: 20px;
}
.padding-bottom-grande {
  padding-bottom: 35px;
}
/* QUITAMOS EL PADDING FULL*/
.fuera-padding {
  padding: 0 !important;
}
/*  CLASE OCULTAR   */
/* DEFINIMOS CLASE PARA OCULTAR ELEMENTOS */
.ocultar {
  display: none;
}
/*  MODIFICACIÓN FOOTER SEGUN MATERIALIZE */
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
}
/*  START CLASES PARA EL LOADING DE PRECARGA */
#precarga {
  position: relative;
  top: 5px;
  display: none;
}
.precarga {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1000;
  text-align: center;
}
.sk-cube-grid {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.sk-cube-small {
  width: 15px;
  height: 15px;
}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #2a77a2;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
/*  END CLASES PARA EL LOADING DE PRECARGA */
/* DEFINIMOS COLOR Y ESTADOS DEL BOTÓN EDITAR */
.color-btn-tabla-editar {
  background-color: #a8c855;
  color: white;
}
.color-btn-tabla-editar:hover {
  background-color: #7c9b2f;
  color: white;
}
.color-btn-tabla-editar:active {
  background-color: #a8c855;
}
.color-btn-tabla-editar:visited {
  background-color: #a8c855;
}
.color-btn-tabla-editar:focus {
  background-color: #a8c855;
  color: white;
}
/* DEFINIMOS BOTON ELIMINAR PARA TABLA */
.color-btn-tabla-eliminar {
  color: #ffffff;
  background-color: #c9282d;
}
.color-btn-tabla-eliminar:active {
  color: #ffffff;
  background-color: #c9282d;
}
.color-btn-tabla-eliminar:visited {
  color: #ffffff;
  background-color: #c9282d;
}
.color-btn-tabla-eliminar:focus {
  color: #ffffff;
  background-color: #c9282d;
}
.color-btn-tabla-eliminar:hover {
  color: #ffffff;
  background-color: #8e1c1f;
}
/* DEFINIMOS COLOR Y ESTADOS BOTÓN CANCELAR */
.color-btn-cancelar {
  color: #ffffff;
  background-color: #c0c0c0;
}
.color-btn-cancelar:hover {
  color: #ffffff;
  background-color: #7e7e7e;
}
.color-btn-cancelar:active {
  color: #ffffff;
  background-color: #c0c0c0;
}
.color-btn-cancelar:visited {
  color: #ffffff;
  background-color: #c0c0c0;
}
.color-btn-cancelar:focus {
  color: #ffffff;
  background-color: #c0c0c0;
}
.color-btn-guardar {
  color: #ffffff;
  background-color: #a8c855;
}
.color-btn-guardar:hover {
  color: #ffffff;
  background-color: #7c9b2f;
}
.color-btn-guardar:active {
  color: #ffffff;
  background-color: #a8c855;
}
.color-btn-guardar:visited {
  color: #ffffff;
  background-color: #a8c855;
}
.color-btn-guardar:focus {
  color: #ffffff;
  background-color: #a8c855;
}
.color-btn-volver {
  color: #ffffff;
  background-color: #c0c0c0;
}
.color-btn-volver:hover {
  color: #ffffff;
  background-color: #7e7e7e;
}
.color-btn-volver:focus {
  color: #ffffff;
  background-color: #c0c0c0;
}
.color-btn-cerrar {
  color: #ffffff;
  background-color: #f0ad4e;
}
.color-btn-cerrar:hover {
  color: #ffffff;
  background-color: #ab7a34;
}
.color-btn-cerrar:active {
  color: #ffffff;
  background-color: #f0ad4e;
}
.color-btn-cerrar:visited {
  color: #ffffff;
  background-color: #f0ad4e;
}
.color-btn-cerrar:focus {
  color: #ffffff;
  background-color: #f0ad4e;
}
.estilo-btn {
  font-family: 'Roboto', arial, sans-serif !important;
  padding: 6px 20px !important;
  font-weight: 300;
  height: 32.4px;
  line-height: unset;
  letter-spacing: 1px;
  transition: all 0.5s ease 0s;
  font-size: 0.92em;
}
.estilo-btn-tabla {
  font-family: 'Roboto', arial, sans-serif !important;
  padding: 2px 10px;
  font-weight: 300;
  letter-spacing: 1px;
  transition: all 0.5s ease 0s;
  font-size: 0.85em;
}
/* DEFINIMOS ESTILO DE LOS BOTONES */
.estilo-btn-tabla {
  text-transform: none;
  height: 26px;
  line-height: 26px;
  padding: 0 20px;
  letter-spacing: 1px;
  transition: all 0.5s ease 0s;
  font-size: 0.85em;
}
/* DEFINIMOS % DE TAMAÑO PARA CELDAS DE UNA TABLA*/
.tamaño-porcentaje-5 {
  width: 5%;
  height: 50px;
}
.tamaño-porcentaje-10 {
  width: 10%;
  height: 50px;
}
.tamaño-porcentaje-15 {
  width: 15%;
  height: 50px;
}
.tamaño-porcentaje-20 {
  width: 20%;
  height: 50px;
}
.tamaño-porcentaje-25 {
  width: 25%;
  height: 50px;
}
.tamaño-porcentaje-30 {
  width: 30%;
  height: 50px;
}
.tamaño-porcentaje-35 {
  width: 35%;
  height: 50px;
}
.tamaño-porcentaje-40 {
  width: 40%;
  height: 50px;
}
.tamaño-porcentaje-50 {
  width: 50%;
  height: 50px;
}
.tamaño-porcentaje-75 {
  width: 75%;
  height: 50px;
}
.tamaño-porcentaje-85 {
  width: 85%;
  height: 50px;
}
.tamaño-porcentaje-100 {
  width: 100%;
  height: 50px;
}
/* ACORTARMOS EL TEXTO DE UNA CELDA */
.texto-corto {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 98%;
  display: block;
}
.texto-corto-120 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 125px;
}
.texto-corto-200 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
}
table > tbody > tr > td {
  padding: 0.5rem;
}
/* ALERTS DE MATERIALIZE */
#toast-container {
  top: 64px !important;
  right: 20px;
  /* right: auto !important; */
  /* left: 15%; */
}
#toast-container > div {
  background-color: #a8c855;
}
/* BOTÓN AÑADIR */
.fixed-action-btn {
  bottom: 80px;
  right: 40px;
}
/* NAVBAR */
nav {
  background-color: #ffffff;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.nav-wrapper > ul > li > a {
  color: #004983;
}
.nav-wrapper > ul > li > a:hover {
  color: #000000;
  background-color: transparent;
}
ul.dropdown-content {
  width: auto !important;
  margin-top: 60px;
  border-radius: 4px;
}
header ul.dropdown-content {
  min-width: 200px !important;
}
main ul.dropdown-content {
  max-height: 300px;
}
ul.dropdown-content > li {
  cursor: auto;
}
ul#menu_usuario > li {
  width: 233px !important;
  text-align: right;
  /*  min-height: auto; /* La propiedad min-height no permite el valor auto */
}
ul.dropdown-content > li:not(.divider) {
  padding: 4px 0px;
  color: #000000;
}
ul.dropdown-content#menu_usuario > li:not(.divider) {
  padding: 4px 12px;
}
ul.dropdown-content > li:hover {
  background-color: #ffffff;
}
ul.dropdown-content:not(#menu_usuario) > li > a {
  color: #000000;
}
ul.dropdown-content:not(#menu_usuario) > li > a:hover {
  background-color: #a8c855;
  color: #ffffff;
}
ul#menu_usuario > li > a {
  color: #c9282d;
}
ul#menu_usuario > li > a:hover {
  background-color: #ffffff;
}
/* FOOTER */
footer.page-footer {
  background-color: #ffffff;
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
footer.page-footer > div.footer-copyright {
  background-color: #ffffff;
  color: #333333;
  font-size: 12px;
}
.selperiodo {
  margin-top: 1.2rem;
}
.foto-ticket {
  /*  border: 1px solid @color-borde; */
  height: 780px;
  padding: 0 !important;
  /*    margin-right: 35px; */
}
/*  FORMULARIO FOTO */
.btn-cerrar {
  width: 15px;
  height: 15px;
  border-radius: 100px;
  font-size: 10px;
  position: absolute;
  z-index: 1000;
  color: #ffffff;
  background-color: #c9282d;
  margin-left: -1px;
  padding: 12px;
}
.btn-cerrar:hover,
.btn-cerrar:active,
.btn-cerrar:visited {
  color: #ffffff;
}
.descargar-foto {
  position: absolute;
  right: 0;
  top: 0;
}
.descargar-foto:hover {
  background-color: black;
  opacity: 0.4;
}
.descargar-foto:hover > i {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.desc-circle {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: black;
  opacity: 0.4;
}
.desc-circle:hover {
  background-color: #a8c855;
  opacity: 1;
}
.desc-circle > i {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.desc-rect {
  width: 100%;
  height: 85%;
  border-radius: 5%;
}
.desc-rect > i {
  display: none;
}
.desc-rect:hover > i {
  display: inline-block;
  font-size: 40px;
}
.circle-avatar {
  width: 85px;
  height: 85px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 20px;
  float: left;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-image: url('../img/fotoperfil.png');
}
.color-btn-confirmar {
  color: white;
  background-color: #4A90E2;
}
.color-btn-confirmar:hover {
  color: white;
  background-color: #4180c7;
}
.color-btn-confirmar:active {
  color: white;
  background-color: #4A90E2;
}
.color-btn-confirmar:visited {
  color: white;
  background-color: #4A90E2;
}
.color-btn-confirmar:focus {
  color: white;
  background-color: #4A90E2;
}
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.inputfile + label[for=filestyle-gestionimagen] {
  cursor: pointer;
}
.form-foto {
  position: relative;
  margin: 15px;
  padding-bottom: 20px;
}
/*  FOTO PERFIL */
.foto-perfil {
  width: 38px;
  height: 38px;
  margin-top: 15px;
}
.alto-nav-fijo {
  height: 64px !important;
}
#eliminar-foto > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
/*  ARREGLO DEL BUG DE SELECCIONAR IMAGEN EN FIREFOX */
@-moz-document url-prefix() {
  .btn-cerrar,
  .descargar-foto {
    left: 0px;
  }
}
/*  OCULTAR FLECHAS DEL INPUT TYPE NUMBER */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.form-ticket {
  position: relative;
  height: 100%;
}
.btn-foto-ticket {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.btn-foto-ticket > label {
  display: none;
}
.img-ticket {
  width: 100%;
  height: 85%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center 30px;
  background-image: url('../img/campos.jpg');
}
.img-ticket.no-ticket-foto {
  background-size: 70px !important;
  background-position: center !important;
}
.img-ticket.no-ticket-foto .title-ticket-no-foto {
  color: #777;
  position: absolute;
  place-self: center;
  align-self: anchor-center;
  margin-top: 40px;
  text-align: center;
}
.fix-left {
  left: 0% !important;
}
.fix-top {
  margin-top: -14px;
}
.datepicker-controls .select-month input {
  width: 80px !important;
}
div.toast > strong {
  padding-right: 5px;
}
ul.pagination {
  text-align: center;
}
nav .input-field label.active i {
  color: #cccccc;
}
nav a {
  outline: none;
}
nav .btn-floating {
  background-color: #004983;
}
nav .btn-floating:hover {
  background-color: #003f7a;
}
.pagination li.active {
  background-color: #a8c855;
}
/* COLOR INPUTS MATERIALIZE */
/*input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]),
input[type=text]:not(.browser-default).select-dropdown.dropdown-trigger:focus
{
    border-bottom: 1px solid @color-azul-trigo;
    -webkit-box-shadow: 0 1px 0 0 @color-azul-trigo;
    box-shadow: 0 1px 0 0 @color-azul-trigo;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: @color-azul-trigo;
}*/
#selected-empresa .selectize-input {
  position: relative !important;
  max-height: none !important;
}
#selected-empresa .selectize-input .div-item .item-span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  padding-right: 10px !important;
}
#selected-empresa .selectize-input:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  /* Ajusta la posición de la flecha */
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #999;
  /* Color de la flecha */
  transform: translateY(-50%);
  pointer-events: none;
  /* Evita que la flecha interfiera con los clics */
}
#selected-empresa .selectize-control.plugin-remove_button [data-value] .remove {
  top: 3px !important;
  right: 5px !important;
  width: 10px !important;
  padding: 0 !important;
}
#selected-empresa .selectize-control.multi .selectize-input.has-items {
  padding: 3px 12px 2px !important;
}
.select-forms-empleados .selectpicker-form {
  width: 271px !important;
}
.select-forms-empleados .selectpicker-form .selectize-input {
  background-color: white !important;
  background-image: none !important;
  height: 34px !important;
  max-height: 34px !important;
}
.select-forms-empleados .selectpicker-form .selectize-input .item {
  position: relative;
  top: 0px;
}
.select-forms-empleados .selectpicker-form .selectize-input:after {
  display: inline-block !important;
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
  content: "" !important;
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  margin: 0 !important;
}
.select-forms-empleados .selectpicker-form .selectize-dropdown {
  top: 38px !important;
  border: 1px solid #cccccc !important;
}
.select-forms-empleados .selectpicker-form .option.active {
  color: white !important;
}
/*.selectize-input {
    border-radius: 0 !important;
    border-color: #9e9e9e !important;

    input {
        font-size: 16px !important;
    }

    input::placeholder {
        color: rgba(0,0,0,0.87)
    }
}

.selectize-dropdown-content {
    max-height: 232px !important;
}

.selectize-input.items {
    position: relative;
    cursor: pointer;
    background-color: transparent !important;
    background-image: none !important;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    line-height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 2px 0;
    padding: 0;
    user-select: none;
    z-index: 1;
    max-height: 45px;
}

.selectize-dropdown-content .selected.active,
.selectize-dropdown .selected,
.selectize-dropdown .active:not(.selected) {
    background-color: rgba(0,0,0,0.03) !important;
    color: @color-azul-trigo !important;

}

.selectize-dropdown-content .option:hover {
    background-color: @color-azul-trigo !important;
    color: white !important;
}

.selectize-dropdown-content .option {
    font-size: 16px;
    color: @color-azul-trigo;
    display: block;
    line-height: 22px;
    padding: 18px 16px !important;
}

.selectize-control.single .selectize-input:after {
    right: 5px !important;
}*/
#reportrange span {
  width: 90%;
}
/* TABS DE MATERIALIZE */
ul.tabs {
  border-bottom: 1px solid #cccccc;
}
ul.tabs > li:hover a {
  color: black;
  background-color: #ffffff !important;
}
.tabs .tab {
  padding: 0 20px 0 0;
}
.tabs .tab a {
  color: #004983;
  font-size: 12px;
  background-color: #ffffff !important;
  padding: 0;
}
.tabs .tab a:hover,
.tabs .tab a.active {
  color: #000000;
  font-size: 12px;
  border-bottom: solid 1px #000000;
}
.tabs .indicator {
  background-color: #000000;
}
/* SELECTS MATERIALIZE */
.dropdown-content li {
  min-height: auto;
}
.dropdown-content li > a,
.dropdown-content li > span {
  color: #004983;
}
ul.dropdown-content.select-dropdown > li:hover {
  background-color: #004983;
}
ul.dropdown-content.select-dropdown > li:hover > span {
  color: #ffffff;
}
ul.dropdown-content.select-dropdown {
  margin-top: 46px;
  width: 100% !important;
}
/* CHECKBOX Y RADIOBUTTON MATERIALIZE */
[type="checkbox"].filled-in:checked + span:not(.lever)::after {
  border: 2px solid #004983;
  background-color: #004983;
}
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:after {
  background-color: #004983;
}
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after {
  border: 2px solid #004983;
}
.importe-ticket {
  font-size: 1.8em;
  font-weight: 600;
}
.titulo-ticket {
  border-bottom: 1px solid #cccccc;
}
.titulo-ticket > span {
  font-weight: 600;
}
.label-ticket {
  margin-top: 14px;
  margin-bottom: 6px;
  font-weight: bolder;
}
.datos-ticket {
  font-size: 1.1em;
  color: #7e7e7e;
}
.link-validar {
  color: #004983;
}
.datepicker-date-display,
.datepicker-table td.is-selected {
  background-color: #004983;
}
.datepicker-today,
.datepicker-done,
.datepicker-table td.is-today {
  color: #004983;
}
.container-validar {
  position: absolute;
  width: 100%;
  height: 20%;
  bottom: 0;
}
.container-validar > div {
  visibility: visible;
}
.validar-ticket {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 15px;
  visibility: collapse;
}
.btn-circulo {
  height: 45px;
  width: 45px;
  border-radius: 100%;
  margin: 10px;
}
.link-modificar {
  color: #039be5;
  cursor: pointer;
}
.borde-aceptado {
  border: 3px solid #a8c855;
}
.borde-rechazado {
  border: 3px solid #c9282d;
}
.icono-validar {
  margin-top: 8px;
  border-radius: 100%;
  color: #ffffff;
  font-size: 15px;
  margin-left: 20px;
  height: 25px;
  width: 25px;
  text-align: center;
  padding: 3px;
  line-height: 1.6 !important;
}
.color-aceptado {
  background-color: #a8c855;
}
.color-rechazado {
  background-color: #c9282d;
}
.color-texto-aceptado {
  color: #a8c855;
}
.color-texto-rechazado {
  color: #c9282d;
}
.label-kilometraje {
  margin-bottom: 5px;
}
.valor-kilometraje {
  margin-top: 5px;
}
.mensaje-exito {
  color: #7c9b2f;
}
.no-mostrar {
  display: none !important;
}
.img-validar {
  height: 100% !important;
  width: 100% !important;
}
.foto-ticket-validar {
  height: 500px;
}
.foto-ticket-validar .img-validar {
  background-size: contain;
  background-position: center top;
}
.foto-ticket-validar .container-validar {
  position: absolute;
  width: 100%;
  height: 20%;
  bottom: -120px;
  right: 3%;
}
.btn-revisar-disabled {
  cursor: not-allowed;
}
.fix-fab-btn {
  position: relative !important;
  display: inline-block !important;
  bottom: 0 !important;
  right: 0 !important;
  padding: 0 !important;
}
.container-rel-fab {
  display: inline-block;
  width: 65px;
  height: 65px;
}
.BtnDeshacer {
  cursor: pointer;
  color: #7e7e7e;
  margin-left: 8px;
}
.BtnDeshacer i {
  padding-top: 5px;
  margin-left: -2px;
}
.close-busqueda {
  position: absolute;
  right: 0;
  top: 0;
}
.close-busqueda:hover {
  color: #7e7e7e;
}
.puntero-mano {
  cursor: pointer;
}
/* MENU */
.color-menu {
  color: #004983;
}
.text-danger {
  color: #c9282d;
}
/* DEFINIMOS BOTÓN PARA GENERAR E IMPRIMIR INFORMES */
.boton-circle-informe {
  text-align: center;
  width: 35px;
  height: 35px;
  border-radius: 100px;
  font-size: 15px;
  border: 1px solid #c2c2c2;
  padding-top: 5px;
  display: block;
  background-color: #e2dfdf;
  margin-left: 10px;
}
/* ESTILOS DE BOTONES PARA DESCARGAR E IMPRIMIR INFORMES */
.btn-imprimir {
  background-color: #004983 !important;
  border: 1px solid #004983;
  color: #ffffff;
}
.btn-imprimir:hover {
  color: #eeeeee;
}
.btn-pdf {
  background-color: #c32626 !important;
  border: 1px solid #c32626;
  color: #ffffff;
  outline: none;
}
.btn-xls {
  background-color: #3c7f20 !important;
  border: 1px solid #3c7f20;
  color: #ffffff;
  outline: none;
}
.btn-csv {
  background-color: #833c1a !important;
  border: 1px solid #833c1a;
  color: #ffffff;
  outline: none;
}
.btn-grafico {
  background-color: #ae6a00 !important;
  border: 1px solid #9d6101;
  color: #ffffff;
  outline: none;
}
.btn-imprimir:hover,
.btn-grafico:hover,
.btn-xls:hover,
.btn-csv:hover,
.btn-pdf:hover {
  color: #eeeeee;
}
.btn-imprimir:link,
.btn-grafico:link,
.btn-xls:link,
.btn-csv:link,
.btn-pdf:link {
  color: #ffffff;
}
.btn-imprimir:active,
.btn-grafico:active,
.btn-xls:active,
.btn-csv:active,
.btn-pdf:active {
  color: #ffffff;
}
#block-grafico {
  margin: 30px auto 30px auto !important;
  width: 80%;
}
#block-grafico .titulo-grafico {
  color: #212529;
  margin-bottom: 30px !important;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
}
.grafico-wrap {
  position: relative;
  width: 100%;
  height: 350px;
}
#grafico {
  display: block;
}
.logo-imprimir,
.sello-validacion-imprimir {
  display: none;
}
.titulo-informe {
  display: none;
}
.ticket_aceptado {
  margin-left: 10px;
  margin-top: 10px;
  color: #a8c855;
}
.ticket_rechazado {
  margin-left: 10px;
  margin-top: 10px;
  color: #c9282d;
}
.brand-logo {
  left: 0;
  width: 180px;
}
.daterangepicker .ranges ul {
  width: 100% !important;
  max-height: 361px;
  overflow-y: auto;
}
.estilo-select-materialize {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  padding-left: 5px;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}
.estilo-select-materialize .fa-caret-down {
  position: absolute;
  right: 5px;
  bottom: 14px;
}
.daterangepicker .ranges li {
  color: #004983;
  font-size: 16px !important;
  display: block;
  line-height: 22px;
  padding: 14px 16px !important;
}
.daterangepicker .ranges li.active {
  color: #004983 !important;
  background-color: rgba(0, 0, 0, 0.03) !important;
}
.daterangepicker .ranges li:hover {
  background-color: #004983 !important;
  color: #ffffff !important;
}
.strong {
  font-weight: 700;
}
.tabla-consultas th {
  font-size: 14px;
}
.tabla-consultas td {
  font-size: 12px;
}
.km-data-container {
  display: flex;
  align-items: center;
}
.disabled-checkbox {
  display: block;
  margin-top: 15px;
  pointer-events: none;
}
.disabled-checkbox label {
  pointer-events: none;
}
.select-no-style input,
.select-no-style .select-wrapper,
.select-no-style label,
.select-no-style textarea,
.select-no-style .selectized {
  pointer-events: none;
}
.select-no-style input:not([type='checkbox']),
.select-no-style textarea {
  border: 0 !important;
}
#Selcustomers-selectized {
  border: none !important;
}
#Selcustomers-selectized:focus {
  position: relative !important;
  top: 5px;
  height: 140px;
  outline: none !important;
  background-color: transparent;
}
.Selcustomers.selectize-control.single {
  position: relative;
  border-color: #b8b8b8;
}
.Selcustomers.selectize-control.single .selectize-input {
  display: flex;
  align-items: center;
}
.Selcustomers.selectize-control.single .selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
}
.Selcustomers.selectize-control.single .selectize-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.Selcustomers.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent grey transparent;
}
.Selcustomers.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: grey transparent transparent transparent;
}
.d-none {
  display: none !important;
}
/*  START SOLUCIONA EL PROBLEMA CON LOS SELECTS EN MATERIALIZE AL VALIDAR EL FORM */
select[required]:focus {
  outline: none !important;
}
select[required] {
  display: block;
  padding: 0;
  position: absolute;
  background: transparent;
  color: transparent;
  border: none;
  top: 0;
}
.no_border {
  border: none;
}
.disable-click {
  pointer-events: none;
}
.tabla-gastos td {
  vertical-align: top;
}
.lista-tarjetas thead,
.lista-tarjetas tbody {
  text-align: left !important;
}
.botones-tarjetas {
  color: white !important;
}
.show-table-by-user:hover {
  background-color: transparent !important;
}
.table-gastos-usarios tbody tr:hover,
.table-gastos-usarios thead tr:hover {
  background-color: transparent !important;
}
.btn-pending-documents {
  background-color: #004983;
  color: #ffffff;
  border-radius: 0;
  margin-top: -5px;
  margin-bottom: 10px;
  display: flex;
  vertical-align: text-top;
}
.btn-pending-documents:hover,
.btn-pending-documents:active,
.btn-pending-documents:focus {
  color: #ffffff;
  background-color: #004983;
}
.gastos-border-top {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.gastos-border-bottom {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.gastos-border-individual {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
#toast-container > div.color-toast-rechazado {
  background-color: #c9282d !important;
}
.input-no-styles input,
.input-no-styles .select-wrapper,
.input-no-styles label,
.input-no-styles textarea {
  pointer-events: none;
  padding: 0;
  color: black !important;
  font-size: 14px !important;
}
.input-no-styles input:not([type='checkbox']),
.input-no-styles textarea {
  border: 0 !important;
}
.input-no-styles .select-wrapper .caret {
  display: none;
}
.input-no-styles input[type='submit'] {
  background-color: #a8c855a6;
  color: white !important;
}
.input-no-styles .campo_requerido:before {
  color: transparent;
}
.input-no-styles .bootstrap-select {
  width: 100% !important;
  pointer-events: none !important;
}
.input-no-styles .bootstrap-select button {
  border: 0 !important;
  padding: 0 !important;
  color: black !important;
  font-size: 14px !important;
}
.input-no-styles .bootstrap-select button .filter-option {
  padding: 0;
}
.input-no-styles .bootstrap-select button:after {
  border: 0 !important;
}
.select-wrapper .caret,
.fa-caret-down {
  fill: grey;
  color: grey;
}
.delete-disabled {
  background-color: #c9282d52 !important;
  pointer-events: none;
}
.text-azul-trigo {
  color: #004983;
}
.options-list-user:hover .text-azul-trigo {
  color: white !important;
}
.fixed-action-btn ul {
  display: none;
  list-style: none;
  padding: 0;
  flex-direction: column;
  margin-bottom: 0;
}
.fixed-action-btn ul li {
  margin-bottom: 10px;
}
.fixed-action-btn:hover ul {
  display: flex;
}
.fixed-action-btn .btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  vertical-align: middle;
}
.fixed-action-btn .blue {
  background-color: #2196F3 !important;
}
/*  END SOLUCIONA EL PROBLEMA CON LOS SELECTS EN MATERIALIZE AL VALIDAR EL FORM */
#search {
  border-bottom: 1px solid #9e9e9e;
}
.image-not-found {
  font-weight: bold;
  color: slategray;
  text-align: center;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
/*************************************
ESTILOS PARA ERRORES DE PÁGINA
**************************************/
.error h1 {
  color: #004983;
}
.error h2,
.error h3,
.error p {
  color: #7e7e7e;
}
.error h3 {
  width: 50%;
  font-size: 2em;
  margin: 50px auto;
}
.error p.ico {
  color: #004983;
  font-size: 6em;
  margin: 0;
}
#filtrarPeriodo .select-wrapper input.select-dropdown {
  height: 44px;
}
/*************************************
Mover personalizado date range picker
**************************************/
.ranges ul {
  display: flex;
  flex-direction: column;
}
.ranges ul li:nth-child(1) {
  order: -1;
}
.ranges ul li:last-child {
  order: -1;
}
#collection-datos {
  width: 100%;
  border: none !important;
}
#collection-datos li {
  display: flex;
  border: none !important;
}
#collection-datos li i {
  color: #c9282d;
}
#collection-datos li i:hover {
  cursor: pointer;
  color: #8e1c1f;
}
#remove-all-user {
  display: flex;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #c9282d;
  width: 20%;
}
#remove-all-user:hover {
  cursor: pointer;
  color: #8e1c1f;
}
#select_tipo_empresa .dropdown {
  width: 100% !important;
}
#no-users-site {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #c9282d;
  font-style: italic;
}
.position-relative {
  position: relative;
}
[type="checkbox"] + span:not(.lever):before,
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  position: absolute;
  left: 10px;
}
.disabled {
  pointer-events: none;
  opacity: 0.5;
}
#btn-filtros-usuarios {
  display: flex;
}
#btn-filtros-usuarios button {
  background-color: #004983;
  color: #ffffff;
  border-radius: 0;
  margin-top: -5px;
  margin-bottom: 10px;
  box-shadow: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  font-weight: normal !important;
}
#mostrar_solo_tarjetas {
  background-color: #004983;
  color: #ffffff;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 10px;
  box-shadow: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  font-weight: normal !important;
}
.user-image-nav {
  height: auto !important;
  width: 100% !important;
  object-fit: contain;
}
.estilo-btn-tabla {
  height: 26px;
  width: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  padding: 14px;
  font-size: 12px;
}
.grey-lighten-2 {
  background-color: #e0e0e0 !important;
}
.tamaño-porcentaje-3 {
  width: 3%;
  height: 50px;
}
.select-forms .dropdown-toggle {
  background-color: white !important;
}
.selectpicker-style {
  width: 220px;
  display: flex;
  background-color: white;
  margin-left: 10px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  border: 1px solid #cccc;
  min-width: 150px;
}
.selectpicker-style span {
  color: #888888 !important;
  font-size: 12px;
  font-family: 'Noto Sans', arial, sans-serif !important;
}
.selectpicker-style i {
  font-size: 8px;
}
.btn-download-pdf {
  background-color: #004983;
}
.btn-download-pdf:hover {
  background-color: #013866;
}
.btn-download-pdf:active {
  background-color: #004983;
  outline: none;
  /* Quita el borde de enfoque */
}
.btn-download-pdf:focus {
  background-color: #004983;
  outline: none;
  /* Quita el borde de enfoque */
}
#editar-gasto .dropdown.bootstrap-select {
  width: 100%;
}
.select-no-style .bootstrap-select {
  opacity: 1;
}
.lista-gastos-adjustement {
  height: calc(100vh - 280px) !important;
  margin-top: -5px;
}
.file_label {
  color: #888888;
}
.form-tarea .bootstrap-filestyle {
  margin-top: 15px;
  margin-bottom: 12px;
}
.form-tarea .bootstrap-filestyle .form-control {
  background-color: #ffffff;
}
.disabled-fake {
  background-color: #e9ecef;
  /* Color de fondo gris claro */
  cursor: not-allowed;
  /* Cursor de "no permitido" */
  pointer-events: none;
  /* Evita interacciones */
}
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
#select-filter-company-type .dropdown button {
  height: 34px;
}
.table-observations {
  word-break: break-word;
  white-space: normal;
  max-width: 250px;
}
.contador-texto {
  margin-top: 3px;
  font-size: 0.8em;
  color: #777;
}
.contador-texto.limit {
  color: #c9282d;
}
.card-body.travel {
  padding-top: 2rem;
  cursor: pointer;
}
.card-body.travel:hover {
  background-color: #00000013;
}
.estado {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: normal;
  padding: 0.3rem 0.8rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  width: 100%;
  border-radius: 0.25rem 0.25rem 0 0;
}
.nuevasolicitud {
  background-color: #e8e8e8;
  color: #454545;
}
.activa {
  background-color: #dff6f9;
  color: #00BAD1;
}
.enproceso {
  background-color: #fff3e7;
  color: #FF9F43;
}
.preparada {
  background-color: #f0e7fe;
  color: #8540f5;
}
.cerrada {
  background-color: #454545;
  color: #fff;
}
.cancelada {
  background-color: #fbe6e8;
  color: #dc3545;
}
.rechazada {
  background-color: #dc3545;
  color: #fbe6e8;
}
.liberada {
  background-color: #e4f8ed;
  color: #28C76F;
}
.modal-btn-accept-no-hover:hover.nuevasolicitud {
  background-color: #b6b2b2;
  color: #454545;
}
.modal-btn-accept-no-hover:hover.activa {
  background-color: #a7c9cc;
  color: #00BAD1;
}
.modal-btn-accept-no-hover:hover.enproceso {
  background-color: #c7b39f;
  color: #FF9F43;
}
.modal-btn-accept-no-hover:hover.preparada {
  background-color: #beb0d3;
  color: #8540f5;
}
.modal-btn-accept-no-hover:hover.cerrada {
  background-color: #242424;
  color: #fff;
}
.modal-btn-accept-no-hover:hover.cancelada {
  background-color: #d4b5b8;
  color: #dc3545;
}
.modal-btn-accept-no-hover:hover.rechazada {
  background-color: #b42231;
  color: #fbe6e8;
}
.modal-btn-accept-no-hover:hover.liberada {
  background-color: #b8dbc8;
  color: #28C76F;
}
.custom-chip-state {
  font-size: 0.8em;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
}
.custom-label-travel {
  font-size: 0.9em;
}
.custom-btn-travel {
  background-color: #a8c855;
  border: none;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px !important;
  height: 30px !important;
  max-width: 30px !important;
  border-radius: 5px;
}
.custom-btn-travel:focus {
  box-shadow: none !important;
}
.custom-btn-travel:hover {
  background-color: #7c9b2f !important;
}
.custom-btn-travel:active {
  transition: 0ms !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
  background-color: #829b42;
}
.custom-clip {
  color: #a8c855;
}
.custom-message-file {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px;
  font-weight: bolder;
}
.custom-open-modal {
  font-size: 0.8em;
  cursor: pointer;
  color: #004983;
}
.custom-open-modal:hover {
  text-decoration: underline;
}
.custom-document-link {
  font-size: 0.8em;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  text-align: center;
}
.tab-link {
  cursor: pointer;
  user-select: none;
}
.hover-delete-custom:hover .custom-delete-icon {
  opacity: 1 !important;
}
.custom-delete-icon {
  opacity: 0 !important;
  cursor: pointer;
  display: flex !important;
  opacity: 0;
  background-color: #C9282D;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  color: white;
  transition: 200ms;
}
.doc-delete-container {
  position: absolute;
  display: flex;
  justify-content: end;
  width: 100%;
  padding-right: 20px;
}
.link-list-travel {
  text-decoration: none !important;
}
.btn-delete-travel-list-hover:hover .btn-delete-travel-list {
  opacity: 1;
  transition: 400ms;
}
.btn-delete-travel-list-hover .btn-delete-travel-list {
  text-decoration: none !important;
  cursor: pointer;
  display: flex;
  opacity: 0;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background-color: #c9282d;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  color: white;
}
.select-none {
  user-select: none;
}
#estado_id + button {
  height: 30px;
}
.flatpickr-calendar span,
.flatpickr-calendar input {
  color: #004983 !important;
  fill: #004983 !important;
}
.flatpickr-calendar input {
  font-size: 16px !important;
  padding-top: 5px !important;
  padding-left: 15px !important;
}
.flatpickr-calendar span {
  font-size: 12px !important;
}
.flatpickr-calendar .flatpickr-monthSelect-month {
  text-transform: uppercase;
}
.flatpickr-calendar .flatpickr-next-month:hover svg,
.flatpickr-calendar .flatpickr-prev-month:hover svg {
  fill: #004983 !important;
}
.flatpickr-calendar .flatpickr-monthSelect-month:hover,
.flatpickr-calendar .flatpickr-monthSelect-month.selected {
  color: white !important;
  background-color: #004983 !important;
}
.flatpickr-calendar .flatpickr-monthSelect-month.today {
  border: 0 !important;
}
.disable-xlsx-btn {
  background-color: #999 !important;
  cursor: not-allowed !important;
  border: 1px solid #999 !important;
  pointer-events: none;
}
.enlaces-editar-gasto {
  text-align: center;
  margin-left: 0;
}
#edit-user [data-id="SelCentro"] {
  height: 100%;
}
#edit-user [data-id="SelCentro"] .filter-option {
  height: 100%;
}
#edit-user [data-id="SelCentro"] .filter-option .filter-option-inner {
  line-height: 22px;
}
/* BTN CHARTS */
.btn-chart-gropu {
  font-weight: normal !important;
  height: fit-content;
  padding: 3px !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  border: 1px solid #004983;
  color: #004983;
}
.chart-btn-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.container-validar-gasto-title {
  display: flex;
  position: absolute !important;
  height: auto !important;
  color: white !important;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.container-validar-gasto-title .btn-circulo-table {
  height: 24px !important;
  width: 24px !important;
}
.container-validar-gasto-title .btn-circulo-table .fas {
  margin: 0 !important;
}
#modal_manager_bulk .table-container {
  max-height: 70vh;
  overflow: auto;
}
#modal_manager_bulk .table-container thead {
  position: sticky;
  top: 0;
  background-color: white;
  height: 40px;
  z-index: 1;
}
#modal_mostrar_gasto_usuario .modal-body {
  max-height: 70vh;
  overflow: auto;
}
.user-btn.btn.color-btn-tabla-editar:visited {
  background-color: inherit !important;
}
.table .badge {
  font-size: 0.8em;
  padding: 3px 10px;
  font-weight: normal;
  border-radius: 0.25rem;
}
.badge-aceptado {
  background-color: #a8c855 !important;
}
.badge-rechazado {
  background-color: #c9282d !important;
}
.badge-pendiente-validar {
  background-color: #004983 !important;
}
.badge-pendiente-enviar {
  background-color: #808080 !important;
}
.badge-pendiente-revisar {
  background-color: #f0ad4e !important;
}
#selected-centroCoste .selectize-control.multi .selectize-input div .remove {
  padding: 2px 0 0 0 !important;
}
/*************************************
Media Query
**************************************/
@media screen and (max-width: 992px) {
  table.responsive-table td {
    width: 100%;
  }
  .daterangepicker .ranges ul {
    width: 260px !important;
  }
}
@media screen and (max-width: 568px) {
  .daterangepicker {
    width: 87% !important;
  }
  .daterangepicker .ranges ul {
    width: 100% !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 900px) and (orientation: portrait) {
  .background-body-login {
    background-position: center center !important;
  }
}