@tailwind base;
@tailwind components;
@tailwind utilities;


:root {
--primary: ;
--secondary: ;
--tertiary: ;
--warning: #FAB862;
--error: RED;
--font-family: ;
--hovercolor:;
}

.no-border {
border: 0 !important;
}

.loader-animarion {
display: flex;
justify-content: center;
align-self: center;
margin: 0 auto;
background: white;
width: 100vw;
height: 100vh;
z-index: 100;
position: fixed;
}

.loader-animarion>div {
width: 1.6rem;
height: 1.6rem;
margin: 400px 0.5rem;
background: #29a7df;
border-radius: 50%;
-webkit-animation: loader-animarion 0.6s infinite alternate;
animation: loader-animarion 0.6s infinite alternate;
}

@-webkit-keyframes loader-animarion {
to {
opacity: 0.1;
transform: translate3d(0, -1rem, 0);
}
}

@keyframes loader-animarion {
to {
opacity: 0.1;
transform: translate3d(0, -1rem, 0);
}
}

.loader-animarion>div:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}

.loader-animarion>div:nth-child(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}


/* No borrar */
.app {
font-weight: bold;
}

.app::after {
content: "Administrador";
}

.app_name::after {
content: " ";
}

/* ************** */

.text_color_primary {
color: var(--primary) !important;
}

.text_color_secondary {
color: var(--secondary) !important;
}

.text_color_tertiary {
color: var(--secondary) !important;
}

.text_color_primary:hover {
color: var(--hovercolor) !important;
}

.text_color_error {
color: var(--error) !important;
}

.bg-primary {
background-color: var(--primary) !important;
}

.bg-secondary {
background-color: var(--secondary) !important;
}

.bg-tertiary {
background-color: var(--tertiary) !important;
}

.bg-error {
background-color: var(--error) !important;
}

.border-color {
border-color: var(--primary) !important;
}

.border-error {
border-color: var(--error) !important;
}

input[type="checkbox"]:checked {
accent-color: var(--primary) !important;
}

input[type="radio"]:checked {
accent-color: var(--primary) !important;
}

.fill_primary {
fill: var(--primary) !important;
}

.fill_secondary {
fill: var(--secondary) !important;
}

.contenedor::-webkit-scrollbar {
-webkit-appearance: none;
}

.contenedor::-webkit-scrollbar:vertical {
width: 5px;
}

.contenedor::-webkit-scrollbar-button:increment,
.contenedor::-webkit-scrollbar-button {
display: none;
}

.contenedor::-webkit-scrollbar:horizontal {
height: 0px;
}

.contenedor::-webkit-scrollbar-thumb {
background-color: #dedede;
border-radius: 20px;

}

.contenedor::-webkit-scrollbar-track {
border-radius: 10px;
}

.img_style {
background-image: url('../assets/img/');
background-size: cover;
background-position: center;
}