.centered-layout-header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
}

.centered-layout-header > div {
    width: 100%;
    height: 5rem;
}

.shadow-md {
    box-shadow: 0px 10px 13px 0px #0C1E5814;
}

.card {
    border: none !important;
    box-shadow: none !important;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), linear-gradient(153deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0) 100%), #dddde0;
    border-radius: 16px !important;
}

.input-group-text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    height: 100%;
    background: none;
    border: none;
}

input.form-control {
    padding-left: 38px;
    border-radius: 8px !important;
}

.form-check-input:checked {
    background-color: #19B6DD !important;
    border-color: #19B6DD !important;
}

a {
    color: #19B6DD !important;
}

button {
    border-radius: 100px !important;
    background-color: #19B6DD !important;
    color: white !important;
}

.password-valid {
    color: #149A08;
    display: flex;
    align-items: center;
}

.password-valid::before {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none;%7D %3C/style%3E%3C/defs%3E%3Cpolygon fill='%23149A08' points='13 24 4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24'/%3E%3Crect id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>' class='cls-1' width='32' height='32'/%3E%3C/svg%3E") !important;
    content: "";
    background-size: 100% 100%;
    display: inline-block;
    height: 18px;
    width: 18px;
    position: relative;
}

.password-error {
    color: #EF4036;
    display: flex;
    align-items: center;
}

.password-error::before {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' id='icon' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D %3C/style%3E%3C/defs%3E%3Cpolygon fill='%23EF4036' points='17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16'/%3E%3Cg id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>'%3E%3Crect class='cls-1' width='32' height='32'/%3E%3C/g%3E%3C/svg%3E") !important;
    content: "";
    background-size: 100% 100%;
    display: inline-block;
    height: 18px;
    width: 18px;
    position: relative;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

.font-gilroy {
    font-family: Gilroy !important;
}

.font-weight-600 {
    font-weight: 600;
}

.color-blue {
    color: #0C1E58 !important;
}

.color-gray {
    color: #4A4F55 !important;
}

.fas {
    color: #0C1E58;
}

.input-group-text img {
    height: 80%;
}

.icon-md {
    width: 1.5rem;
    height: 1.5rem;
}

.back-arrow {
    position: absolute;
    left: 2.8rem;
    top: 2rem;
}

.back-arrow img {
    width: 1.5rem;
    height: 1.5rem;
}