@charset "UTF-8";
/* Define your custom css for tabler here */

/* ############     SISTEMA     ############ */
:root { --tblr-font-sans-serif: "Roboto"; }
:root { --tblr-primary: #3D5035; }
:root { --tblr-gray-800: #1C1C1A; }

/* ############     TABLAS DEL SISTEMA     ############ */
.data_loader{ top: 0px; z-index:10000; background-color: var(--tblr-primary-lt); }
td.dtr-control::before { content: none !important; padding-left: 5px !important; }

/* ############     LOGIN     ############ */
:root { --tblr-font-sans-serif: "Roboto"; }
.hidepwd{ letter-spacing: 0.1em; }

/* ############     INPUT DE ARCHIVOS     ############ */
.btn-file{ background-size: cover; background-position: center; background-repeat: no-repeat; transition: background-image 0.3s linear; }

/* ############     TOM SELECT     ############ */
.ts-dropdown,
.ts-control,
.ts-dropdown-content {
    background-color: var(--tblr-bg-surface) !important;
    color: var(--tblr-body-color);
}
.ts-control { padding-top: 25px; padding-left: 16px; }
.ts-dropdown {
    z-index: 99999 !important;
}
.ts-dropdown .option.active {
    background-color: var(--tblr-primary-lt);
    color: var(--tblr-primary);
}
/* Estado inválido para Tom Select */
.ts-wrapper.is-invalid {
  border: 1px solid var(--tblr-form-invalid-border-color) !important;
}
.ts-wrapper.is-invalid .ts-control {
  border: none !important;
}
.form-control.is-invalid {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/></svg>")
}