body {
    font-family: DM Sans,sans-serif;
    color: #091421;
}

.logo {
    height: 3rem;
}

.logo-small {
    height: 64px;
}

.z-index-10 {
    z-index: 10;
}

.bg-dark {
    background-color: #FFFFFF !important;
}

.container-fluid {
    height: max-content;
    padding: 0;
}

.navbar-panel, .navbar-nav {
  background: #091421!important;
}

.nav-link {
    color: #A0A1B5;
}

.nav-link:hover{
     color: #0679FC;
 }

.active {
    color: #FAFCFF;
}

.form-control, .form-select {
    background: #EAEAEA;
    border: none;
    font-size: .85rem!important;
}

.form-control::placeholder{
    font-size: .75rem;
}

.form-control:hover {
    background: #EAEAEA 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #0F7EF880;
    border-radius: 6px;
 }

.form-control:focus{
    background: #EAEAEA 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #0F7EF880;
    border: 2px solid #2680EB;
    border-radius: 6px;
    opacity: 1;
}

.form-control:disabled {
    background: #b6b6b6;
    pointer-events: none;
}

.form-floating label {
    color: #6B6B79;
    font-size: .75rem!important;
    top: 3px!important;
}

.form-control.is-invalid{
    background: #EAEAEA 0% 0% no-repeat padding-box;
    border: 2px solid #E02B33;
    border-radius: 6px;
    opacity: 1;
}

.is-invalid .form-control {
    color: #E02B33!important;
}

.is-invalid label {
    color: #E02B33;
}

.input-group-icon {
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    cursor: pointer;
}

.form-floating label, .btn-select, .dropdown-menu, .btn-primary, .btn-secondary {
    font-family: 'Inter', sans-serif;
}

a {
    text-decoration: none;
}


.btn-primary{
    background-color: #0679FC;
    border:none;
}

.btn-outline-primary {
    border: 3px solid #0679FC;
    height: 3.5rem;
    padding: 0 3rem;
}

.btn-secondary {
    background: #A0B0BE!important;
    border: none;
}

.btn-secondary:hover {
    background: #879eb9!important;
}

.btn-outline-secondary {
    border: 2px solid #E0E0E0;
}

.btn-outline-secondary:hover{
    background: #E0E0E0!important;
    border: 2px solid #E0E0E0!important;
    color: #091421;
}

.btn-sm {
    height: 2rem;
    width: 8rem;
    padding: 0 .75rem;
}

.btn-lg {
    font-size: 1rem !important;
    height: 3.5rem;
    margin-bottom: .5rem;
    padding: 1rem 3rem;
}

.btn-outline {
    text-decoration: none;
}

.btn-outline.btn-lg {
    padding: .8rem 1.5rem;
    font-size: .8rem !important;
}

.btn-outline i {
    font-size: .5rem !important;
}

.btn-login {
    position: absolute !important;
    top: 2rem;
    right: 2rem;
    border-radius: 50%;
    z-index: 10;
}
.btn {
    color: #FAFCFF;
    font-size: .75rem;
}

.btn-link {
    color: #0679FC;
}

.fs-7 {
    font-size: .8rem;
}

.form-check-input[type=radio][disabled]:checked {
    background-color: transparent!important;
}

.dropdown-menu {
      width: 100%;
}

.dropdown-menu .dropdown-item {
    padding: 1rem .75rem;
    border-radius: .25rem;
    color: #A0A1B5;
    font-size: .7rem;
}

.dropdown-menu .dropdown-item:hover{
    background-color: #0679FC;
    color: #FFFFFF;
}

.btn-rounded {
    border-radius: 3.5rem;
}

.card {
    border: 3px solid #0679FC;
    background-color: #0679fc;
}
.card-secondary {
    border: 3px solid #7b90a8;
    background-color: #7b90a8;
}
.card .card-header {
    padding: 1.25rem;
    background-color: #FFFFFF;
    color: #0679fc !important;
    text-transform: uppercase;
    font-weight: lighter;
    border-bottom: 2px solid #a0a1b520;
    font-size: .9rem;
    border-radius: 0 !important;
}
.card .card-body {
    display: flex;
    align-items: center;
    background-color: #ffffff !important;
    font-size: .9rem;
}
.card .card-footer {
    background: transparent !important;
    border-color: inherit;
}
.card .card-footer .btn {
    font-size: .9rem;
    border: none;
    background-color: transparent !important;
}
.arrow-enter {
    padding-left: 1.5rem !important;
    position: relative;
}
.arrow-enter::before {
    content: url("/img/v2/arrow-circle-right.svg");
    position: absolute;
    left: -.25rem;
}

.card:hover .card-header,
.card:hover .card-body {
    background-color: transparent !important;
    color: #ffffff !important;
    transition: all .25s ease-in-out;
    pointer-events: none !important;
}
.card:hover .card-body .text-muted {
    color: #ffffff !important;
    transition: all .25s ease-in-out;
}
.card .card-footer:hover .btn:not(:hover) {
    opacity: .5 !important;
    transition: all .25s ease-in-out;
}
.card .card-footer .btn:hover {
    color: #ffffff !important;
    transition: all .25s ease-in-out;
}

.text-danger {
    color: #ff4032 !important;
}

@media only screen and (min-width: 576px) {
    .btn-login {
        border-radius: 3.5rem;
    }
}