body {
    overflow: auto;
    /*background-color: #EEEEEE;*/
    /*background-color: #fafafa;*/
}

:root {
    --indigo-50: #f7f7fb;
    --indigo-200: #d9dcf0;
    --indigo-alpha-10: rgba(63, 81, 181, 0.1);
    --indigo-shadow-lg: rgba(49, 46, 129, 0.18);
    --white-alpha-8: rgba(255, 255, 255, 0.08);
    --white-alpha-14: rgba(255, 255, 255, 0.14);
}

.bg-indigo-50 {
    background-color: var(--indigo-50) !important;
}

.bg-indigo-200 {
    background-color: var(--indigo-200) !important;
}

.bg-indigo-alpha-10 {
    background-color: var(--indigo-alpha-10) !important;
}

.text-grey-700 {
    color: var(--gray-dark) !important;
}

.bg-white-alpha-8 {
    background-color: var(--white-alpha-8) !important;
}

.border-white-alpha-14 {
    border-color: var(--white-alpha-14) !important;
}

.shadow-indigo-lg {
    box-shadow: 0 1.5rem 3.5rem var(--indigo-shadow-lg) !important;
}

.card {
    transition: box-shadow 100ms ease-in-out;
}
.card.cursor-pointer:hover {
    box-shadow: 0 5px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}

.btn-indigo-100 {
    background-color: #D9DCF0;
    border-color: #D9DCF0;
}

.text-purple-800 {
    color: #4527A0;
}

.text-purple-800[href]:hover,
.text-purple-800[href]:focus {
    color: #382081;
}

.bg-purple-800 {
    background-color: #4527A0;
}

.join-tabs {
    border-width: 2px;
}

.join-tabs.nav-tabs-bottom .nav-link:before {
    height: 2px;
}

.join-tabs.nav-tabs-bottom .nav-link.active:before {
    background-color: #3F51B5;
}

@media (min-width: 576px) {
    .login-form {
        width: 25rem;
    }
}