:root {
    /* ==[THEME COLOR]== */
    --color-main:#0068af;
    --color-main-v1:var(--color-main);
    --color-main-title-v1:var(--color-sub-v1);

    --color-main-text-v1:var(--bs-white);
    --color-bgmain-txtsub:var(--bs-white);

    --color-sub-v1:#708086;
    --bs-link-color:var(--color-sub-v1);
    --bs-nav-link-color:var(--color-sub-v1);
    --color-red:var(--color-sub-v1);
    --color-sub-point-v1:var(--color-main);
    --color-sub-title:var(--color-main);
    --color-sub-title-v1:var(--color-main);
    --color-sub-text-v1:var(--color-main);
    --bs-gradient: linear-gradient(180deg,rgba(0, 104, 175, 1) 0%, rgba(0, 164, 219, 1) 100%);
}

#loginHeader{background-size:70%!important;background-color:var(--bs-white);}
.logo_login{width:45%;}
.text-light{color:var(--bs-white)!important;}
footer p, footer small{color:#ffffff !important;}
footer{background: #0068AF; background: linear-gradient(180deg,rgba(0, 104, 175, 1) 0%, rgba(0, 164, 219, 1) 100%); color:var(--bs-white);}
footer .text-dark{color: #ffffff !important;}

/* ==[SMALL SIZE]== */
@media screen and (min-width: 576px) {}
/* ==[MEDIUM SIZE]== */
@media screen and (min-width: 768px) {#loginHeader{background-size:20%!important;}}
/* ==[LARGE SIZE]== */
@media screen and (min-width: 992px) {}
/* ==[EXTRA LARGE SIZE]== */
@media screen and (min-width: 1200px) {}
/* ==[DOUBLE EXTRA LARGE SIZE]== */
@media screen and (min-width: 1400px) {}