:root {
    --background: #fff;
    --backgroundSecondary: #EEEDD5;
    --navbarBackground: #473e34;
    --footerBackground: #343434;
    --card: #fff;
    --tableBackground: #0B7BD7;
    --tableDivisor: #cccccc;
    --tableFont: #303030;
    --footerFont: #fff;
    --primaryFont: #000000;
    --secondaryFont: #333333;
    --buttonBackground: #0B7BD7;
    --buttonFont: #FFFFFF;
    --linkFont: #fff;
    --bannerFont: #fff;
    --primaryBlue: #1e6878;
    --primaryGreen: #26cb7e;
    --signupFont: #666666;
    --inputBorder: #cccccc;
    --inputBorderActive: #1e6878;
    --sidebarBackground: #FFC413;
    --sidebarBackgroundActive: #e8b10c;
    --sidebarDivisor: rgba(255, 255, 255, 0.3);
    --sidebarFont: #193047;
    --relatoryFont: #666666;
}

body {
    font-family: "Roboto";
}


/* FOOTER CSS */
#footer {
    width: 100%;
    padding: 27px 0px;
    background-color: var(--footerBackground);
}

.footer_container {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.footer_logo {
    text-align: center;
    width: 65px;
}

.footer_text_start,
.footer_text_start a {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: var(--footerFont);
    margin-top: 15px;
    text-decoration: none;
}

    .footer_text_start a:hover {
        color: var(--footerFont);
    }

.footer_text_middle {
    width: 300px;
    margin: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: var(--footerFont);
}

.footer_text_end {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: var(--footerFont);
}

.footer_button_content {
    display: flex;
    align-content: center;
    justify-content: center;
    margin-top: 15px;
}
.footer_button {
    width: 45px;
    height: 45px;
    border-radius: 100%;
}

    .footer_button i {
        font-size: 45px;
        color:white;
    }
    

@media (max-width: 768px) {
    .footer_logo {
        margin-top: 15px;
    }

    .footer_text_start {
        font-size: 14px;
    }

    .footer_text_middle {
        font-size: 14px;
        width: 230px;
        margin-top: 90px;
    }

    .footer_text_end {
        font-size: 14px;
        margin-top: 40px;
    }
}
/* FOOTER CSS */