:root {
    --main: #25CBD6;
    --transmain: #e1f8fa;
    --maindark: #1EA9B3;
    --white: #FFFFFF;
    --neutraldark: #474D66;
}

.bg-main {
    background-color: var(--main);
    color: var(--white);
}

.text-main {
    color: var(--main);
}

.text-neutral {
    color: var(--neutraldark)
}

.btn-main {
    background-color: var(--main);
    color: var(--white);
    padding: 6px 12px;
}

.btn-main:hover {
    background-color: var(--maindark);
}

.btn-out-main {
    border: 1px solid var(--main);
    background-color: var(--white);
    padding: 6px 12px;
}

.btn-out-main:hover {
    background-color: var(--main);
    color: var(--white);
}

.c-sidenav {
    border-bottom: 0!important;
}

.c-sidenav li {
    width: 100%!important;
}

.c-sidenav li a {
    padding: 7px 10px!important;
    border-radius: 5px!important;
    border-bottom: 0px!important;
}

.c-sidenav li a.nav-link.active {
    color: var(--neutraldark)!important;
    background-color: var(--transmain)!important;
}