:root {
--color-primario: #0a2c46;
--color-secundario: #ed7615;
--color-terciario: #cccccc;
--color-blanco: #ffffff;
}

/*------- login --------*/
.size-pantalla {
min-height: 90vh;
}

.texto-azul {
color: var(--color-primario);
}

.texto-naranja {
color: var(--color-secundario);
}

.contenedor-login {
display: flex;
flex-flow: row nowrap;
justify-content: center;
}

.div-contraseña {
display: initial;
flex-flow: initial;
justify-content: initial;
}

.bg-login, .formumario-login {
width: 50%;
height: 100vh;
}

.bg-login {
background: url(../img/bg-login-FM.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

.btn-azul, .btn-naranja {
color: var(--color-blanco) !important;
transition: all .3s ease;
}

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

.btn-naranja {
background: var(--color-secundario);
}

.btn-azul:hover {
background: #005b81 !important;
}
.btn-excel{
background: #1d6f42 !important;
color: #fff !important;
transition: all .3s ease !important;
}
.btn-excel:hover{
background: #175935 !important;
}

/*------- layout --------*/
.bg-primario {
background: var(--color-primario)!important;
display: block;
}

.table-responsive {
    min-height: 120px !important;
    overflow-x: visible;
}



/*------ Reportes ------*/
.bg-azul{
background: var(--color-primario)!important;
}

/*Dashboard*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}

body {
min-height: 100vh;
padding-bottom: 0px;
/* display: flex;
align-items: center;
justify-content: center; */
}

.contenedor-progress {
display: flex;
width: 100%;
/* padding: 50px 0; */
border-radius: 8px;
background: #fff;
row-gap: 6px;
flex-direction: column;
align-items: center;
}

.circular-progress {
position: relative;
height: 65px;
width: 65px;
border-radius: 50%;
background: conic-gradient(var(--bs-teal) 3.6deg, #ededed 0deg);
display: flex;
align-items: center;
justify-content: center;
}

.circular-progress::before {
content: "";
position: absolute;
height: 55px;
width: 55px;
border-radius: 50%;
background-color: #fff;
}

.progress-value,
.progress-value2,
.progress-value3,
.progress-value4,
.progress-value5 {
position: relative;
font-size: 25px;
font-weight: 600;
}

.text {
font-size: 30px;
font-weight: 500;
color: #606060;
}


.text-teal {
color: var(--bs-teal);
}

.text-cyan {
color: var(--bs-cyan);
}

.text-orange {
color: var(--bs-orange);
}

.text-red {
color: var(--bs-red);
}

.text-purple {
color: var(--bs-purple);
}

.bg-data {
background-color: #005b81;
}

@media (max-width: 991.98px) {
.circular-progress {
position: relative;
height: 65px;
width: 65px;
border-radius: 50%;
background: conic-gradient(var(--bs-teal) 3.6deg, #ededed 0deg);
display: flex;
align-items: center;
justify-content: center;
}

.circular-progress::before {
    content: "";
    position: absolute;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    background-color: #fff;
}
}