.methodiko-green {
    background: #adad85 !important;
    border-width: 2px !important;
}

    .methodiko-green:hover {
        background: #8a8a5c !important;
    }

.methodiko-green-nohover {
    background: #6b6b47 !important;
    color: #e6e6e6 !important;
}

.methodiko-teal {
    background: #00665c !important;
    color: #e6e6e6 !important;
    border-color: #00665c !important;
    border-width: 2px !important;
}

    .methodiko-teal:hover {
        background: #004d45 !important;
        color: #e6e6e6 !important;
        border-color: #00665c !important;
        border-width: 2px !important;
    }

.methodiko-outline-teal {
    background: #e6fffc !important;
    color: black !important;
    border-color: #00665c !important;
    border-width: 2px !important;
}

    .methodiko-outline-teal:hover {
        background: #CCCCCC !important;
        color: black !important;
        border-color: #004d45 !important;
    }

.methodiko-teal-nohover {
    background: #00665c !important;
    color: #e6e6e6 !important;
}

.methodiko-blue {
    background: #406FAE !important;
    color: #e6e6e6 !important;
    border-color: #406FAE !important;
    border-width: 2px !important;
}

    .methodiko-blue:hover {
        background: #305482 !important;
        color: #e6e6e6 !important;
        border-color: #305482 !important;
        border-width: 2px !important;
    }

.methodiko-blue-nohover {
    background: #406FAE !important;
    color: #e6e6e6 !important;
}

.methodiko-deepblue {
    background: #305482 !important;
    color: #e6e6e6 !important;
    border-color: #305482 !important;
    border-width: 2px !important;
}

    .methodiko-deepblue:hover {
        background: #294870 !important;
        color: #e6e6e6 !important;
        border-color: #294870 !important;
        border-width: 2px !important;
    }

.methodiko-deepblue-nohover {
    background: #305482 !important;
    color: #e6e6e6 !important;
}

.methodiko-outline-blue {
    background: #e6f0ff !important;
    color: black !important;
    border-color: #406FAE !important;
    border-width: 2px !important;
}

    .methodiko-outline-blue:hover {
        background: #CCCCCC !important;
        color: black !important;
        border-color: #305482 !important;
    }

.methodiko-outline-darkblue {
    background: #b3d1ff !important;
    color: black !important;
    border-color: #406FAE !important;
    border-width: 2px !important;
}

    .methodiko-outline-darkblue:hover {
        background: #CCCCCC !important;
        color: black !important;
        border-color: #305482 !important;
    }

.methodiko-grey {
    background: #646865 !important;
    color: #e6e6e6 !important;
    border-width: 2px !important;
}

    .methodiko-grey:hover {
        background: #4b4e4c !important;
        color: #e6e6e6 !important;
    }

.methodiko-grey-nohover {
    background: #646865 !important;
    color: #e6e6e6 !important;
}

.methodiko-red {
    background: #CB2C31 !important;
    color: #e6e6e6 !important;
}

    .methodiko-red:hover {
        background: #922024 !important;
        color: #e6e6e6 !important;
    }

.methodiko-red-nohover {
    background: #CB2C31 !important;
    color: #e6e6e6 !important;
}

.methodiko-deepred {
    background: #961927 !important;
    color: #e6e6e6 !important;
    border-color: #961927 !important;
    border-width: 2px !important;
}

    .methodiko-deepred:hover {
        background: #6d121d !important;
        color: #e6e6e6 !important;
        border-color: #6d121d !important;
        border-width: 2px !important;
    }

.methodiko-deepred-nohover {
    background: #961927 !important;
    color: #e6e6e6 !important;
}

.methodiko-gold {
    background: #ffb54d !important;
    border-width: 2px !important;
}

    .methodiko-gold:hover {
        background: #e68600 !important;
    }

.methodiko-gold-nohover {
    background: #cc7700 !important;
    color: #e6e6e6 !important;
}

.methodiko-lightteal {
    background-color: #95b7b7 !important;
    border-width: 2px !important;
}

    .methodiko-lightteal:hover {
        background-color: #679898 !important;
    }

.methodiko-lightteal-nohover {
    background-color: #d1e0e0 !important;
    color: #575b58 !important;
}

/* Make bold on hover (for links) */
.methodiko-bold-onhover:hover {
    font-weight: bold !important;
}

/* table borders */
table {
    border-color: #d9d9d9 !important;
    border-width: 2px !important;
}

.methodiko-navbar-button {
    background: #961927 !important;
    color: #e6e6e6 !important;
    border-color: gray !important;
    border-width: 1px !important;
}

    .methodiko-navbar-button:hover {
        background: #6d121d !important;
        color: #e6e6e6 !important;
        border-color: gray !important;
        border-width: 1px !important;
    }

.methodiko-nav-button {
    background: #fbe9eb !important;
    color: black !important;
    border-color: #961927 !important;
    border-width: 2px !important;
}

    .methodiko-nav-button:hover {
        background: #a6a6a6 !important;
        color: black !important;
        border-color: #8c8c8c !important;
    }

.methodiko-nav-button-checked {
    background: #999999 !important;
    color: black !important;
    border-color: #8c8c8c !important;
    border-width: 2px !important;
}

    .methodiko-nav-button-checked:hover {
        background: #8c8c8c !important;
        color: black !important;
        border-color: #808080 !important;
    }

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

    .custom-switch.custom-switch-md .custom-control-label::before {
        height: 1.5rem;
        width: calc(2rem + 0.75rem);
        border-radius: 3rem;
    }

    .custom-switch.custom-switch-md .custom-control-label::after {
        width: calc(1.5rem - 4px);
        height: calc(1.5rem - 4px);
        border-radius: calc(2rem - (1.5rem / 2));
    }

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

html, body {
    height: 100%;
}

body {
    background: #ffffff;
    display: flex;
    flex-flow: column;
}

footer {
    margin-top: auto;
    background-color: #222;
}