@import url('https://fonts.googleapis.com/css2?family=Muli:wght@500&display=swap');

* {   
   font-family: 'Muli', sans-serif;
}

html{
   scrollbar-color: #525965 #525965;
   scrollbar-width: thin;
}

#header {
    background-color: #771139  !important;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    min-height: 50px;
    margin: 0;
    padding: 0;
}
.fondo-rojo {
   background-color: #771139  !important;
}


.fa-refresh {
   transform: scaleX(-1);
   animation: spin-reverse 2s infinite linear;
}
@keyframes spin-reverse {
   0% {
      transform: scaleX(-1) rotate(-360deg);
   }
   100% {
      transform: scaleX(-1) rotate(0deg);
   }
}

/*Blindaje Electoral*/
#loader {
   position: fixed;
   z-index: 100;
   display: block;
   overflow: show;
   margin: auto;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-color: #333;
   opacity: 0.8;
}

#radio-loader {
   /* Posición */
   position: fixed;
   z-index: 999;
   /* Ajuste y tamaño */   
   overflow: show;
   margin: auto;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;   
   width: 120px;
   height: 120px;
   /* Color y estilo */
   border: 16px solid #f3f3f3; /* Gris */
   border-top: 16px solid #9c2448; /* Rojo SETAB */
   border-radius: 50%;
   animation: spin 2s linear infinite;
}

@keyframes spin {
   /* Rotar */
   0%    { transform: rotate(0deg); }
   100%  { transform: rotate(360deg); }
}

.img-fluid{
   min-width: 100%;
}

.is-invalid + .select2-container--bootstrap .select2-selection--single{
   border-color: #dc3545 !important;
   padding-right: calc(1.5em + 0.75rem) !important;
   background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E);
   background-repeat: no-repeat;
   background-position: center right calc(0.375em + 0.1875rem);
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.is-isvalid + .select2-container--bootstrap .select2-selection--single{
   border-color: #28a745 !important;
   padding-right: calc(1.5em + 0.75rem) !important;
   background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);
   background-repeat: no-repeat;
   background-position: center right calc(0.375em + 0.1875rem);
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.select2-container--default .select2-selection--single{
   font-family: inherit;
   display: block !important;
   width: 100% !important;
   height: calc(1.5em + 0.75rem + 2px) !important;
   padding: 0.375rem 0.75rem !important;
   font-size: 1rem !important;
   font-weight: 400 !important;
   line-height: 1.5 !important;
   color: #495057 !important;
   background-color: #fff !important;
   background-clip: padding-box !important;
   border: 1px solid #ced4da !important;
   border-radius: 0.25rem !important;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
   top: 5px;
}

/* Para veda electoral */
/* html {
   filter: grayscale(100) !important;
} */