@import url('https://fonts.googleapis.com/css2?family=Itim&family=Raleway:wght@100;500;600;700;900&display=swap');
:root{

	--colorclaro: #fff;
	--colorobscuro: #181818;
	--avlablue: #181818;
    --rojo: #ec5e76;
    --morado: #51009d;
    --gris1: #c3c3c3;
    --azul: #0066ff;
    --gris:#f4f4fc;
    --text-footer:#b7b7b7;
    --form-back: #f4f2fd;

}
/* Menú*/
*{
    font-family: 'Raleway', sans-serif;
  }

  a {
    color: inherit !important;
    text-decoration: none !important;
    }
/*
.loader_wraper{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: rgb(255, 255, 255, 0.97);
	display: flex;
	justify-content: center;
	align-items: center;
}
*/

body{        
    background-color: var(--gris);
    min-height: 100vh;
}

/* Menú*/
#avla_logo{
    width: 125px;
   }

.navbar{
    background-color: var(--colorclaro);
}
.backmenu{
    height: 80px;
}
.title_Principal{
    color:var(--morado);
    font-weight: 900;
    font-weight: bold;

}
.title_secondary{
    font-weight: 900;
    font-weight: bold;
    font-size: 1.1rem;
}
.title_gray{
    color: var(--text-footer);
    font-size: calc(1.3rem + .6vw);
    font-weight: 900;
}

.subtitle_gray{
    color: var(--text-footer);
    font-size: calc(0.8rem + .6vw);
    font-weight: 600;
}
.border-box{
    /*
    border: 1px solid #dee2e6!important;
    */
    background-color: var(--colorclaro);
    border-radius: 25px;
    min-height: 100px;
}

.border-pdf{
    border-bottom: 4px solid var(--rojo);
}

.box-pdf{
    background-color: var(--rojo);
    color: var(--colorclaro);
    border-radius: 0px 0px 20px;
}
.box-height{
        height:150px;
}
.shadow_box{
        box-shadow: 1px 10px 9px -1px rgba(87,87,87,0.51);
        -webkit-box-shadow: 1px 10px 9px -1px rgba(87,87,87,0.51);
        -moz-box-shadow: 1px 10px 9px -1px rgba(87,87,87,0.51);
}

.text-footer{
    font-size: calc(6px + 5 * ((100vw - 420px)/860));
    text-rendering: optimizeLegibility;
    color: var(--text-footer);
}

.avla_muteFooter{
    font-size: 0.76rem;
    font-weight: 500;
}

.far{
    font-size: 25px;
}
.form_question{
    font-weight: 700;
}

.form-control{
    background-color: var(--form-back);
    border: 1px solid var(--form-back);
}
   
.blue-button{
    color: var(--azul);
    border-color: var(--azul);
    border-radius: 2rem;
    min-width: 16rem;
}
.blue-button:hover{
    color: var(--colorclaro);
    background-color: var(--azul);
    border-radius: 2rem;
    min-width: 16rem;
}   

.blue-button2:hover{
    color: var(--azul);
    border-color: var(--azul);
    background-color: var(--colorclaro);
    border-radius: 2rem;
    min-width: 16rem;
}

.blue-button2{
    color: var(--colorclaro);
    background-color: var(--azul);
    border-radius: 2rem;
    min-width: 16rem;
} 


.purple-button{
    color: var(--colorclaro);
    background-color: var(--morado);
    border-radius: 2rem;
    min-width: 16rem;
}

.purple-button:hover{
    color: var(--morado);
    border-color: var(--morado);
    background-color: var(--colorclaro);
    border-radius: 2rem;
    min-width: 16rem;
}

.clickHover{ 
    cursor: pointer; 
}

.swal2-icon.swal2-warning {
    border-color: #0031e2 !important;
    color: #0031e2 !important;
}
.swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel {
    border-radius: 2em !important;
}

	/* TelÃ©fono Movil Vertical*/
	@media (max-width: 576px){	
        .text-footer{
            font-size: calc(11px + 5 * ((100vw - 420px)/860));
            text-rendering: optimizeLegibility;
        }

	}
	/* movil horizontal*/
	@media (max-width: 768px) { 


	}
	/* Tablet vertical*/
	@media (max-width: 992px) { 
			

	}