:root {
    /* ==[THEME COLOR]== */
    --color-main: #eb4fa3;
    --bs-modal-width:80%;
    --color-main-v1:var(--color-main);
    --color-main-title-v1:var(--color-main);

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

    --color-sub-v1:#F3DBBB!important;
    --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);
}
#loginHeader {height: 40vh !important;}
.logo_login{width:60%; border-radius: 200px;}
.text-light{color:var(--bs-white)!important;}
footer{color:var(--bs-white);}
header .navbar-brand img{
    max-width: 200px!important;
    height: auto;
    max-height: 90px;
}
.modal-dialog {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}
/* ==[SMALL SIZE]== */
@media screen and (min-width: 576px) {}
/* ==[MEDIUM SIZE]== */
@media screen and (min-width: 768px) {}
/* ==[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) {}