html {
  font-size: 14px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    height: fit-content;
    min-height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    margin-bottom: 60px;
}

@font-face {
    font-family: Inter;
    src: url('/fonts/Inter.ttf');
}

.form-portion {
    border: 1px solid #f8fdf9;
    border-radius: 2rem 0;
    background-color: #f8fdf9;
    padding: 2rem;
    margin-bottom: 3rem;
    margin-top: 0.1em;
    box-shadow: rgba(50, 50, 93, 0.25) 8px 7px 12px -8px, rgba(0, 0, 0, 0.3) 7px 10px 16px -11px;
}

.form-portion-header {
    font-size: 1.4rem;
    color: var(--bs-gray-600);
}

.nav-item-custom {
    margin: 0 0.5rem;
    padding: 0.1rem;
}

.nav-item-custom a:hover {
    color: #29954b !important;
}


::-webkit-scrollbar {
    width: 10px;
    height: 12px;
    transition: 0.3s ease;
}


::-webkit-scrollbar-track {
    background: #f1f1f1;
}


::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(116,207,113,1) 0%, rgba(96,196,233,1) 100%);    
}


::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(270deg, rgba(116,207,113,1) 0%, rgba(96,196,233,1) 100%);
}

.btn-red {
    color: #fff;
    background-color: #a54750;
    border-color: #a7424c;
}

.btn-red:hover {
    color: #fff;
    background-color: #af3642;
    border-color: #af3642;
}

.btn-blue {
    color: #fff;
    background-color: #356ec2;
    border-color: #356ec2;
}

.btn-blue:hover {
    color: #ffffff;
    background-color: #1058c3;
    border-color: #1058c3;
}

.btn-green {
    color: #fff;
    background-color: #2c8f61;
    border-color: #2c8f61;
}

.btn-green:hover {
    color: #fff;
    background-color: #1ea365;
    border-color: #1ea365;
}

.btn-gray {
    color: #fff;
    background-color: #607D8B;
    border-color: #607D8B;
}


.btn-gray:hover {
    color: #fff;
    background-color: #799bab;
    border-color: #799bab;
}

.btn-violet {
    color: #fff;
    background-color: #674e93;
    border-color: #674e93;
}

.btn-violet:hover {
    color: #fff;
    background-color: #704cb1;
    border-color: #704cb1;
}

.btn-tamarind {
    color: #fff;
    background-color: #b97e25;
    border-color: #b97e25;
}

.btn-tamarind:hover {
    color: #fff;
    background-color: #b77107;
    border-color: #b77107;
}

.btn-cyan {
    color: #fff;
    background-color: #008080;
    border-color: #008080;
}

.btn-cyan:hover {
    color: #fff;
    background-color: #008B8B;
    border-color: #008B8B;
}

.btn-orange {
    color: #fff;
    background-color: #bd5d3f;
    border-color: #ad7f71;
}

.btn-orange:hover {
    color: #fff;
    background-color: #d37c35;
    border-color: #d37c35;
}


.btn-red.invert {
    color: #a54750 !important;
    background-color: #fff !important;
    border-color: #a7424c !important;
}

.btn-blue.invert {
    color: #356ec2 !important;
    background-color: #fff !important;
    border-color: #356ec2 !important;
}

.btn-green.invert {
    color: #2c8f61 !important;
    background-color: #fff !important;
    border-color: #2c8f61 !important;
}

.btn-gray.invert {
    color: #607D8B !important;
    background-color: #fff !important;
    border-color: #607D8B !important;
}

.btn-violet.invert {
    color: #674e93 !important;
    background-color: #fff;
    border-color: #674e93;
}


.btn-tamarind.invert {
    color: #b97e25 !important;
    background-color: #fff;
    border-color: #b97e25;
}


.btn-cyan.invert {
    color: #008080 !important;
    background-color: #fff !important;
    border-color: #008080 !important;
}


.btn-orange.invert {
    color: #bd5d3f !important;
    background-color: #fff !important;
    border-color: #ad7f71 !important;
}


.btn-red.invert:hover {
    color: #fff !important;
    background-color: #a54750 !important;
    border-color: #a54750 !important;
}

.btn-blue.invert:hover {
    color: #fff !important;
    background-color: #356ec2 !important;
    border-color: #356ec2 !important;
}

.btn-green.invert:hover {
    color: #fff !important;
    background-color: #2c8f61 !important;
    border-color: #2c8f61 !important;
}

.btn-gray.invert:hover {
    color: #fff !important;
    background-color: #607D8B !important;
    border-color: #607D8B !important;
}

.btn-violet.invert:hover {
    color: #fff !important;
    background-color: #674e93 !important;
    border-color: #674e93 !important;
}

.btn-tamarind.invert:hover {
    color: #fff !important;
    background-color: #b97e25 !important;
    border-color: #b97e25 !important;
}

.btn-cyan.invert:hover {
    color: #fff !important;
    background-color: #008080 !important;
    border-color: #008080 !important;
}

.btn-orange.invert:hover {
    color: #fff !important;
    background-color: #bd5d3f !important;
    border-color: #ad7f71 !important;
}