:root {
    /* Solid Colors */
    --color-glacial: #00b795; /* RGB(0, 183, 149) */
    --color-forest: #0c4b41; /* RGB(12, 75, 65) */
    --color-midnight: #022822; /* RGB(2, 40, 34) */
    --color-cloud: #f4f2f1; /* RGB(244, 242, 241) */
    --color-black: #000000; /* RGB(0, 0, 0) */
    --color-redwood: #e93826; /* RGB(233, 56, 38) */
    --color-sunset: #f58020; /* RGB(245, 128, 32) */
    --color-larch: #fdb71a; /* RGB(253, 183, 26) */
  
    /* Gradients */
    --gradient-glacial-forest: linear-gradient(to right, #06b795, #004d41); /* From Glacial to Forest */
    --gradient-larch-redwood: linear-gradient(to right, #fdb71a, #e93826); /* From Larch to Redwood */
  }
  

@keyframes hidePreloader {
    0% {
        width: 100%;
        height: 100%;
    }
    100% {
        width: 0;
        height: 0;
    }
}
body>div.preloader {
    position: fixed;
    background: white;
    width: 100%;
    height: 100%;
    z-index: 1071;
    opacity: 0;
    transition: opacity .5s ease;
    overflow: hidden;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
body:not(.loaded)>div.preloader {
    opacity: 1;
}
body:not(.loaded) {
    overflow: hidden;
}
body.loaded>div.preloader {
    animation: hidePreloader .5s linear .5s forwards;
}
a.white {
    color: var(--color-cloud) !important;
}
.form-control, .email-valid {
    border-color: #d2d2d6 !important;
}
.email-invalid {
    border-color: var(--color-redwood) !important;
}
code {
    color: var(--color-glacial) !important;
}
.noselect {
    cursor: default !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.text-primary, a {
    color:var(--color-glacial) !important;
}
.btn, .btn-info {
    color: var(--color-cloud) !important;
    border-color:var(--color-glacial) !important;
    background-color:var(--color-glacial) !important;
}
button[data-id="CustomLogo"] {
    color: var(--color-glacial) !important;
    border-color:var(--color-cloud) !important;
    background-color:var(--color-cloud) !important;
}
.break {
    flex-basis: 100%;
    height: 0;
}
.error {
    color:var(--color-glacial);
    font-size: 10px;
}
.email-input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

#Email {
    width: 100%;
    padding-right: 120px; /* Adjust based on the width of your domain text */
}

.domain-text {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-cloud);
    pointer-events: none;
}