@font-face{font-family:montserrat;font-style:normal;font-weight:400;src:local('Montserrat'),url(../fonts/Montserrat-Regular.woff) format('woff')}@font-face{font-family:montserrat;font-style:italic;font-weight:400;src:local('Montserrat'),url(../fonts/Montserrat-Italic.woff) format('woff')}@font-face{font-family:montserrat;font-style:normal;font-weight:250;src:local('Montserrat'),url(../fonts/Montserrat-Thin.woff) format('woff')}@font-face{font-family:montserrat;font-style:italic;font-weight:250;src:local('Montserrat'),url(../fonts/Montserrat-ThinItalic.woff) format('woff')}@font-face{font-family:montserrat;font-style:normal;font-weight:275;src:local('Montserrat'),url(../fonts/Montserrat-ExtraLight.woff) format('woff')}@font-face{font-family:montserrat;font-style:italic;font-weight:275;src:local('Montserrat'),url(../fonts/Montserrat-ExtraLightItalic.woff) format('woff')}@font-face{font-family:montserrat;font-style:normal;font-weight:300;src:local('Montserrat'),url(../fonts/Montserrat-Light.woff) format('woff')}@font-face{font-family:montserrat;font-style:italic;font-weight:300;src:local('Montserrat'),url(../fonts/Montserrat-LightItalic.woff) format('woff')}@font-face{font-family:montserrat;font-style:normal;font-weight:500;src:local('Montserrat'),url(../fonts/Montserrat-Medium.woff) format('woff')}@font-face{font-family:montserrat;font-style:italic;font-weight:500;src:local('Montserrat'),url(../fonts/Montserrat-MediumItalic.woff) format('woff')}@font-face{font-family:montserrat;font-style:normal;font-weight:600;src:local('Montserrat'),url(../fonts/Montserrat-SemiBold.woff) format('woff')}@font-face{font-family:montserrat;font-style:italic;font-weight:600;src:local('Montserrat'),url(../fonts/Montserrat-SemiBoldItalic.woff) format('woff')}@font-face{font-family:montserrat;font-style:normal;font-weight:700;src:local('Montserrat'),url(../fonts/Montserrat-Bold.woff) format('woff')}@font-face{font-family:montserrat;font-style:italic;font-weight:700;src:local('Montserrat'),url(../fonts/Montserrat-BoldItalic.woff) format('woff')}@font-face{font-family:montserrat;font-style:normal;font-weight:800;src:local('Montserrat'),url(../fonts/Montserrat-ExtraBold.woff) format('woff')}@font-face{font-family:montserrat;font-style:italic;font-weight:800;src:local('Montserrat'),url(../fonts/Montserrat-ExtraBoldItalic.woff) format('woff')}@font-face{font-family:montserrat;font-style:normal;font-weight:900;src:local('Montserrat'),url(../fonts/Montserrat-Black.woff) format('woff')}@font-face{font-family:montserrat;font-style:italic;font-weight:900;src:local('Montserrat'),url(../fonts/Montserrat-BlackItalic.woff) format('woff')}

body
{
    font-family: 'Montserrat';
}

#hunterloading
{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:9999;
    top:0;
    left:0;
    right:0;
    bottom: 0;
}

#collapse
{
    cursor: pointer;
}

.ring{
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ring::before{
    content: '';
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    animation: ring 2s linear infinite;
}

@keyframes ring {
    0%{
        transform: rotate(0deg);
        box-shadow: 0px 5px 5px #ff2121;
    }
    25%{
        transform: rotate(90deg);
        /* box-shadow: 0px 5px 5px #33882a; */
        box-shadow: 0px 5px 5px #ff5050;
    }
    50%{
        transform: rotate(180deg);
        box-shadow: 0px 5px 5px #f17676;
    }
    75% {
        transform: rotate(270deg);
        box-shadow: 0px 5px 5px #ff5050;
	/* box-shadow: 0px 5px 5px #33882a; */
    }
    100% {
        transform: rotate(360deg);
        box-shadow: 0px 5px 5px #ff2121;
    }
}

.ring2{
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ring2::before{
    content: '';
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    animation: ring2 2s linear infinite;
}
@keyframes ring2 {
    0%{
        transform: rotate(0deg);
        box-shadow: 0px 5px 5px #7011e3;
    }
    25%{
        transform: rotate(90deg);
        box-shadow: 0px 5px 5px #7c2cdf;
        /* box-shadow: 0px 5px 5px #33882a; */
    }
    50%{
        transform: rotate(180deg);
        box-shadow: 0px 5px 5px #9b5fe5;
    }
    75% {
        transform: rotate(270deg);
        box-shadow: 0px 5px 5px #7c2cdf;
        /* box-shadow: 0px 5px 5px #33882a; */
    }
    100% {
        transform: rotate(360deg);
        box-shadow: 0px 5px 5px #7011e3;
    }
}

.ring3{
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ring3::before{
    content: '';
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    animation: ring3 2s linear infinite;
}

@keyframes ring3 {
    0%{
        transform: rotate(0deg);
        box-shadow: 0px 5px 5px #003F4A;
    }
    25%{
        transform: rotate(90deg);
        box-shadow: 0px 5px 5px #00515F;
    }
    50%{
        transform: rotate(180deg);
        box-shadow: 0px 5px 5px #007C92;
    }
    75% {
        transform: rotate(270deg);
        box-shadow: 0px 5px 5px #00515F;
    }
    100% {
        transform: rotate(360deg);
        box-shadow: 0px 5px 5px #003F4A;
    }
}

.ring_rentandes{
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ring_rentandes::before{
    content: '';
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    animation: ring_rentandes 2s linear infinite;
}
@keyframes ring_rentandes {
    0%{
        transform: rotate(0deg);
        box-shadow: 0px 5px 5px #1a6b1a;
    }
    25%{
        transform: rotate(90deg);
        box-shadow: 0px 5px 5px #27a327;
    }
    50%{
        transform: rotate(180deg);
        box-shadow: 0px 5px 5px #4dcc4d;
    }
    75% {
        transform: rotate(270deg);
        box-shadow: 0px 5px 5px #27a327;
    }
    100% {
        transform: rotate(360deg);
        box-shadow: 0px 5px 5px #1a6b1a;
    }
}

.titulo_modales_eliminar
{
    color: #6b6868;
    /* word-break: break-all; */
}

.botones_tabla:hover
{
    background: #dadad2;
}

/* sombrear los grupos al poner el mouse */
.seleccionada {
    color: white !important;
    background: #f52617 !important;
}

#grupos a
{
    font-size: 0.8rem;
}

#grupos tbody tr:hover
{
    /* background: rgb(219, 64, 64) !important; */
    cursor: pointer;
    /* color: white; */
}

.img-rotate
{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.imag-icon
{
    height: 17px;
    width: 17px;
}

.fondo_card
{
    background: #f2f1f0;
    border: none;
}

.titulos
{
    color: #6a6868;
}

.fondo_cabecera
{
    background: #a9a8a8;
    color:white;
}

.fondo_tbody
{
    background: #f2f1f0;
}

.disabled
{
    opacity: calc(0.5);
}

/* Estilos scroll */
::-webkit-scrollbar {
    width: 7px;     /* Tamaño del scroll en vertical */
    height: 7px;    /* Tamaño del scroll en horizontal */
    display: block;  /* Ocultar scroll */
}

::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}

::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}
/* Fin estilos scroll */

.cursor-pointer
{
    cursor: pointer;
}

/* .form-control:focus
{
    box-shadow:0 0 0 .2rem rgba(180, 33, 13, 0.25);
    border-color: rgb(245, 242, 242);
} */

.estilos_input
{
    border-top:none;
    border-left:none;
    border-right:none;
    margin-top: 3px;
    margin-bottom: 3px;
    border-bottom: 1px solid #a9a8a8;
}

.estilos_input:focus
{
    border-color: red !important;
    /* border-bottom: 1px solid red; */
}

.subrayado
{
    text-decoration-line:underline;
    text-decoration-color:#DB0632;
    text-decoration-style:solid;
}

/* .body-dark
{
    background: #454d55;
} */

/* .fondo_card_dark
{
    background: #343a40;
    color:white;
}
 */

/* .estilos_label_input_dark
{
    color:white;
} */

.dropzone
{
    min-height: 230px;
    border: 2px dashed #ced4da !important;
    background: #fff;
    border-radius: 6px;
}

.dz-default.dz-message:hover {
    filter: opacity(.7);

}

.dz-progress
{
    display: none !important;
}

.dz-error-mark
{
    display: none !important;
}

.dz-preview[title] {
    pointer-events: none !important;/* evita hover */
}