@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root {
	--primary: #111B54;
	--light: #ffffff;
	--grey: #efefef;
	--azul: #31c5ac;
	--morado: #5b03ad;
	--guinda:#ad0352;
	--ocre: #e36600;
	--marino: #08428d;
}


/*    */
@media (max-width: 480px) {
    #sidebar-container {
        width: 60px;
    }

    #sidebar-container .descripcion {
        display: none;
    }

    #sidebar-container .nav-link{
        justify-content: center;
    }

    #content {
        margin-left: 60px;
    }

	#sidebar-container .logo{
		display: none;
	}

	#sliderPrincipal{
		display: none;
	}

}



@keyframes pulse_01{
    0%{
        transform: scale(0.70);
        box-shadow: 0 0 0 0 rgba(255, 0,0, 0.7);
    }
    50%{
        transform: scale(1);
        box-shadow: 0 0 0 12px rgba(255, 0, 0, 0.1);
    }
    100%{
       transform: scale(0.70);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
    }
}


@keyframes bounceTop_01{
    0%,100%{
        transform:translateY(-30px);
    }
    50%{
        transform:translateY(0px);
    }
}


@keyframes pulse{
25%  {transform: scale(0.9);}
75%  {transform: scale(1.1);}
}

@keyframes pulsoTexto{
25%  {transform: scale(0.9);}
75%  {transform: scale(1);}
}

body{
	overflow:hidden;

}
a:hover{
	text-decoration: none;

}


.bg-panel{
	/*background-color: #19324f;*/
	/*background: rgb(13,22,101); */
	/*background: linear-gradient(180deg, rgb(89, 201, 238) 58%, rgb(17, 137, 61) 90%);*/

	background: linear-gradient(180deg, rgb(1, 1, 172) 58%, rgb(89, 201, 238) 90%);
}

.stat{
	border-right: 1px solid #b0b0b0;
}

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


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

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

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

.btn-ocre{
	background-color: var(--ocre) !important;
}
.btn-azul{
	background-color: var(--azul) !important;
}
.btn-morado{
	background-color: var(--morado) !important;
}

.text-guinda{
	color: var(--guinda) !important;
}

.text-morado{
	color: var(--morado) !important;
}

.text-ocre{
	color: var(--ocre) !important;
}

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

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

#sidebar-container{
	min-height:100vh;
}

#sidebar-container .logo{
	padding: .875rem 1.25rem;
}

#sidebar-container .menu{
	width: 16rem;
	
}

#sidebar-container .nav-link:hover{
    background-color: #d8a602;
}





.btn-search{
	right: 10px;
}

.avatar{
	max-height: 35px;
}

.avatar2{
	max-height: 45px;
}

#content{
	overflow-y: auto;
	height: 100vh;
	padding-bottom: 5rem;
}

	.letra1{
		font-weight: lighter !important;
		font-size: 1.1rem;
	}
	.letra2{
		font-weight: 550 !important;
		font-size: 1.2rem;
	}
	.letra3{
		font-weight: 450 !important;
		font-size: 1.3rem;
	}
	.letra4{
		font-weight: 450 !important;
		font-size: 1.2rem;
	}
	.grande{
		font-weight: bold !important;
		font-size: 1.5rem;
	}
	.extragrande{
		font-weight: bold !important;
		font-size: 2.5rem;
	}
	.letra5{
		font-weight: bold !important;
		font-size: 1rem;
	}

.pulso{
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
    animation: pulsoTexto 1.7s ease-in infinite;	
}

.pulsoRapido{
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
    animation: pulsoTexto .3s ease-in infinite;	
}