:root {
    --main-bg-color-blue: #7DD1FF;
    --main-bg-color-sky-blue: #59B6E7;
    --main-color-dark-blue: #003473;
    --main-color-gray-blue: #2C406C;
    --main-color-green: #53F5D6;
    --main-color-gray-white: #F5F5F5;
}

h2.page-title, h4.page-title{
    color: var(--main-color-gray-blue);
    font-size: 2.5rem;
    font-weight: bold;
}

h3.page-title {
    color: var(--main-color-gray-blue);
    font-size: 2rem;
    font-weight: bold;
}

.card{
    border: 1px solid var(--main-bg-color-blue);
}
.card-dashboard {
    border: none;
}

.card-dashboard-blue {
    background-color: var(--main-bg-color-blue);
}

.card-header-dashboard {
    background-color: var(--main-color-green) !important;
}

.all-labels label{
    color: var(--main-color-gray-blue);
    font-weight: normal;
}
li>div>div>a.active {
    background: white !important;
    border-radius: 4rem !important;
    padding-bottom: -13px !important;
    padding-top: -13px !important;
}

ul.menu.float-left > li:last-child {
    margin-left: 10rem;
}

@media (min-width: 1440px) {
    ul.menu.float-left > li:last-child {
        margin-left: 22rem;
    }
}

@media (min-width: 1650px) {
    ul.menu.float-left > li:last-child {
        margin-left: 34rem;
    }
}

@media (min-width: 1920px) {
    ul.menu.float-left > li:last-child {
        margin-left: 52rem;
    }
}

input.form-control{
    border: 2px solid var(--main-bg-color-blue);
}

select.form-control{
    border: 2px solid var(--main-bg-color-blue);
}

h2.title-h{
    font-weight: bold;
    color: var(--main-bg-color-sky-blue);
}
.card-body.resultados{
    border-radius: 15px;
    background: var(--main-color-gray-white);
}
li.fgray{
    background: var(--main-color-gray-white);
    color: var(--main-color-gray-blue);
}
li.font-weight-bold{
    color: var(--main-bg-color-sky-blue);
}
.btn-secondary{
    background-color: var(--main-bg-color-blue) !important;
    border: var(--main-bg-color-blue);
    color: #fff !important;
    box-shadow: 5px 5px 15px #d8d8d8;
    font-weight: 900;
}
.btn-secondary-menu{
    background-color: var(--main-bg-color-blue) !important;
    border: var(--main-bg-color-blue);
    color: #fff !important;
    font-weight: bold;
}
.notes{
    background-color: var(--main-color-gray-white);
    color: #000;
    width: auto;
    padding: 2rem;
    border-radius: 2rem;
}

.notes img{
    width: 1.5rem;
}

.img-guia{
    width: 2rem;
}
.envi-title{
    color: var(--main-bg-color-blue) !important;
}

/* -------------------- clases registro --------------------- */

/* .main-content-wrap{
    margin-top: 0px !important;
} */
/* .layout-horizontal-bar .main-content-wrap{
    margin-top: 0px !important;
} */
.right_register img{
    width: 18.5rem;
    margin: 5rem 0;
}

.right_register h1{
    color:var(--main-color-gray-blue);
}

.right_register p{
    margin: 2rem 0;
    padding-inline: 2rem;
    font-size: 16px;
}
.right_register h5{
    color: #FFFFFF !important;
    margin-top: 3rem;
}
.right_register button{
    margin-top: 6rem;
    color: var(--main-bg-color-sky-blue);
}

.btn-link:hover {
    color: var(--main-bg-color-sky-blue);
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
    }
.left_register{
    background-color: var(--main-bg-color-sky-blue);

}
.left_register .card{
    width: 80%;
    margin: 5rem 11%;
    box-shadow: none;
    border-radius: 2rem;
}
.left_register .card-body{
    padding: 1.9rem;
}
.ilustracion{
    bottom: 4rem;
}
.ilustracion img{
    width: 11rem;
}
.left_register .checkmark{
    border-radius: 2rem;
    width: 2rem;
    height: 2rem;
    top: -0.5rem;
}
.checkbox-primary input:checked ~ .checkmark {
    background-color: var(--main-bg-color-sky-blue) !important;
}
.checkbox .ml-3{
    color: var(--main-color-gray-blue);
}
.box-uno{
    position: relative;
    left: -6rem;
    top: 3rem;
}

.box-dos{
    position: relative;
    right: -2rem;
}

.box-dos img{
    width: 5rem !important;
}
@media (max-width:440px) {
    .box-uno{
        left: -10rem;
    }
    .box-dos{
        margin-left: 11rem;
        top: 1rem;
    }
    .box-dos img{
        width: 6rem !important;
    }
}

/* -------------------- clases login --------------------- */
.bg-login{
    background-color: var(--main-bg-color-sky-blue);
}
.bg{
    background-color: var(--main-bg-color-sky-blue) !important;
}
.bg-login img{
    width: 14rem;
}
.bg-login .btn-link{
    color: var(--main-bg-color-sky-blue);
}
.bg-login span{
    color: var(--main-bg-color-sky-blue);
}
.bg img{
    width: 12.5rem;
    margin: 2rem 0 2rem 0;
}
.bg h2,h5{
    color: #fff !important;
}
.bg .card{
    width: 84%;
    margin: 3.1rem 9%;
    box-shadow: none;
    border-radius: 2rem;
}

/* -------------------- clases recuperar contraseña --------------------- */

.img_recuperar{
    width: 6rem !important;
}
.exito{
    color: var(--main-bg-color-sky-blue);
}

/* -------------------- clases perfil --------------------- */

.c-perfil{
    color: var(--main-bg-color-sky-blue);
}

input.form-control:focus{
    outline: none !important;
    background-color: #E5F5FF;
}
.perfil .card-body{
    padding: 3rem 8.25rem;
}

.form-control:focus {
    color: var(--main-bg-color-sky-blue);
    background-color: #fff;
    border-color: var(--main-bg-color-blue);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(175, 216, 255, 0.712); 
}

.badge  {
    padding: 0.4rem !important;
}

.page-item.disabled .page-link, .page-item:last-child .page-link {
    border-color: white;
}

.layout-horizontal-bar .header-topnav .topnav {
    background-color: var(--main-bg-color-blue);
}

/* -------------------- clases dashboard --------------------- */
.bg-green{
    background-color: var(--main-color-green);
}

.bg-green h3{
    color: var(--main-color-gray-blue) !important;
}

p.title-card {
    color: var(--main-color-dark-blue);
    font-size: 1.5rem;
    font-weight: bold;
}
p.header-part-right-value {
    color: var(--main-color-dark-blue);
    font-weight: bold;
    margin-bottom: 0rem;
    margin-left: 3rem;
}
p.text-primary__card, p.header-part-right-value>span {
    color: var(--main-bg-color-blue);
    font-weight: bold;
}
.card-header-dashboard h3{
    color: var(--main-color-gray-blue);
}
.card-dashboard-blue .content{
    max-width: none !important;
}
.box-uno-img{
    width: 4rem !important;
}

.layout-horizontal-bar .header-topnav .topnav a, .layout-horizontal-bar .header-topnav .topnav label {
    height: 35px !important;
    margin-top: 7px;
}

.btn-gray-100, .btn-outline-gray-100 {
    color: var(--main-bg-color-blue);
    font-weight: bold;
}

.card-icon-bg .card-body .content {
    margin-left: 2rem !important;
}