@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --white: #ffffff;
    --blue: #003760;
    --green: #3DA1A2;
}

html {
    background: var(--blue);
    background: linear-gradient(90deg, var(--blue) 35%, var(--green) 100%);
}

._index {
    font-family: "Open Sans", serif;
}

.login_page {
    font-family: "Open Sans", serif;
}

.col-md.center-me > strong {
    color: var(--white);
}

.login_page > .login-page .row {
    background-color: var(--white);
}

._forgotten_pass > a {
    color: var(--blue);
}

.page_scroll,
.page_scroll > a {

    color: var(--blue) !important;
}

.page_scroll.with-icon:not(:first-child)  {
    margin-right: 5px;
}

.nav_menu {
    display: flex;
    align-items: center;
}

.navbar_container.in_auth {
    height: 140px;
}

.welcome_admin {
    position: relative;
    top: 100px;
    float: right;
    margin-right: 200px;
}

.main-panel .row {
    background-color: transparent;
}

label,
small,
.text-white,
.fa_custom,
.boxsubtitle,
.main-panel .row h1 {
    color: var(--white) !important;
}

#minyear-for,
#minyear-id,
#maxyear-for,
#maxyear-id,
.d-none {
    display: none !important;
}

#nav-toggleable-sm  #minyear-for,
#nav-toggleable-sm  #minyear-id,
#nav-toggleable-sm  #maxyear-for,
#nav-toggleable-sm  #maxyear-id,
#nav-toggleable-sm  .d-none {
    display: block !important;
}

.table-striped > tbody > tr,
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: unset !important;
    color: white;
}

#tabular h2 {
    color: white;
}

#clear.btn-primary,
#clear.btn-primary:focus {
    background-color: #f58227;
    border-color: #f58227;
    padding: 5px 15px;
}

.chart_btns {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.charts-page .row {
    background-color: transparent;
}

._footer small,
._footer {
    color: var(--blue) !important;
}

._footer p {
    margin-bottom: 0;
}
._footer a {
    color: var(--green) !important;
    text-decoration: underline;
}

footer {
    height: auto;
}

/*=============== For medium devices ===============*/
/* xxl */
@media screen and (max-width: 1400px) {
}

/* xl */
@media screen and (max-width: 1200px) {
    /*.navbar_container {*/
        /*height: 150px;*/
    /*}*/

    .welcome_admin {
        top: 150px;
    }
}

/* lg */
@media screen and (max-width: 992px) {
    .nav_menu {
        display: grid;
    }

    .navbar_container {
        height: 90px;
    }

    .welcome_admin {
        top: 90px;
    }
}

/* md */
@media screen and (max-width: 768px) {

}

/* md */
@media screen and (max-width: 576px) {
}