:root {
    --auth-card-bg: rgba(255, 255, 255, 0.72);
    --auth-radius-lg: 40px;
    --auth-radius-md: 28px;
    --auth-radius-sm: 20px;
    --auth-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* =========================
   WRAPPER
========================= */
.auth-wrapper {
    display: flex;
    flex-basis: 100%;
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}

.auth-wrapper.auth-cover {
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.auth-wrapper.auth-basic {
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.auth-wrapper.auth-basic .auth-inner {
    position: relative;
    max-width: 400px;
}

/* Decorative blobs */
.auth-wrapper.auth-basic .auth-inner:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAADzCAMAAACG9Mt0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAA9KADAAQAAAABAAAA8wAAAADhQHfUAAAAyVBMVEUAAAD///+AgP+AgP9mZv+AgNWAgP9tbf9gYP+AgP9xcf9mZv+AZuaAgP9dXf90dOhiYv92dv9mZu5mZv93d+53d/9paf94afCAcfFrXvJra/9mZvJzZvJzc/JoaP96b/Rqav91aupsYvV2bOt2bPVxaPZ7cfZqavZyau1waPd4aO9xafBxafh4afB1bfh4avFuZ/F2afJzZvJzZ/N0aPN0bvN3bPR0ae5yZ/R3be93bfR1au9zafBxbPVzavV0a/F0a/ZyafFwaPKZm3nTAAAAQ3RSTlMAAQIEBQYGBwgICQoKCgsLDQ0PDw8PERESExMUFBQWFxgYGhoaGxsdHSAgIiIiIyQlJygqLCwtLi8vLzAzNDU3Nzg7h9vbHgAAA9RJREFUeNrt3ftS2kAUx/Fc1gSyWsErtuJdRDQiiteolb7/QzUoTm07k4AzObuu3/MCez45yWbzT36eZ6b8erO1e1B97baadd+zocJWmg0HaXe/+uqmg2GWtkLT5Lle1m9LdhG2+1lvzuiUO1knEF81yFc1N+35m15kZOGodz1vyLx+v2Lseq/erxtZd/NuweCTtfiwaWLOD5FnsqI7+VnP3y8afnEs3Es/1+H1qvETwuq18B7e6VlwLup1ZM8kWWQBOsrmHL7GVtxvYRZYgQ4ywae61ffsqH5Lbq20bQm6ncp9P2ehJegwE/u+rl95ttSwLrVSc2ANetAU28dSa9Cp2E623bUG3d2VWmn/wBq0XCugQYMGLdVKoOJaoiuok1NdXSW1WAUfRPtRUllflaJf5ZE/O9pXVbZUPTov5c+IDqvtRwStdTgLutoxy6GnGfYb2o+1I2gd+1OiqzfLocvVE7TSDqG1mgodaqfQZbvZC9rXjqG1X45WzqFVKVpk0LLo4lGP0ZGD6KgMnTiITkrQgXYQrYNitHISrYrRsZPouBhdcxJdK0YnTqKTYrR2Eq1BgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRoh9DH59ag86ACoSYOL61B55EUQk1s3VqDzsNHhJpYe7QGncfMSHUxaliCHgcKSXVxeWQJehwdJdXF4dAS9DgkTKqLxuibFeiXODixNi7OrEC/BP+JtbE0WrYA/RrxKNfH2YUF6NegSbk+Gk87xtErN6EsWm88fzeMXpwE9EruLns/l42io4dJFLPo2/Po1w+D6IW7t9Bt2SPx3vOOMfS7eHVZtN54ulg2go56138Ct4XRunE2Ovsmjg46WeddUoUWr6WL0fCoIYgO2/2s91fstDZQjcPL0ePt5flpdXUwqW46uMrS1j95JNpQrW0dHp9UV/uT2m416/8HVGg3qzhpBjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KC/FDpx0pwUo2tOomvF6NhJdFyMVk6iVTE6cBIdeF9vJyvZx/I/AzuIjsrQvoNovwzt4FamSs0Ojrp80PmvoB0zh940pb7azf1yg7t0LIt978uppzbnalfucDW92ZndLPRmKweGPduYJ+zoM5/Dk+gD5NdvLhXXPp88qcUqmEH5G5JZRs6cuxwIAAAAAElFTkSuQmCC");
    content: "";
    height: 243px;
    width: 244px;
    position: absolute;
    top: -54px;
    left: -46px;
}

.auth-wrapper.auth-basic .auth-inner:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAAEQCAMAAABP1NsnAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABEKADAAQAAAABAAABEAAAAAAQWxS2AAAAwFBMVEUAAAD///+AgICAgP9VVaqqVf+qqv+AgL+AgP9mZsxmZv+ZZv+AgNWAgP9tbdttbf+Sbf+AYN+AgN+AgP9xceNmZv+AZuaAZv90dOh0dP9qav+AauqAav+AgP92dv9tbf+Abe2Abf93Zu53d+6AcO94afCAcfF5a+R5a/JzZuaAZvKAc/J5bed5bfOAaPN6b/R1auqAavR6ZvV6cPV2bOuAbPV7aPZ2be2AbfZ7au17avZ3Zu53b+57a+97a/d4aO9J6CoeAAAAQHRSTlMAAQICAwMDBAQFBQUGBgcHBwgICAkKCgoLCwwMDAwNDg4ODw8QERITExQUFBUVFhcYGBkZGhobHBwdHR4eHx8gJ5uMWwAAA/FJREFUeNrt2G1XEkEYxvHZNk2xHGzdbKFl0cTwgdSkCKzu7/+t4pw6sAjtjIueE/f8r3fMO35nZnbuy5gVGcvfzJe0rnTfGI+MggGJRUZnbpPIhJKt88nU53JnFULvyISY6KAv8vPj0vr2rYwiE2Z2B9J+uNYcyyQxwWZvaeGH3G4bMjsvI/kcwTC/V+7kLoahlITzQojP3ZFgsJCh7IJQzpX0QFj4uMiY18eDMZ9bZCF9OQahnK6cm/Y7js0sh/LF3Auv1PlQd3MxbdXYIQspV44EEEAAAWTNDAYYkKdJbNMsLzYueZbaZ2iM46RVbHBaiZ9Js+nHEdli42N9XuSen5hGp1CQTuOJQDRsD99N4gMSpYWapNH6IJo83CIeILZQFesEaber79NCWRoukOpNEnW0gXQqD81w6ACxhbrYde7VuFCYeA2QRCNIsgZISyNIqz6IyhPjOjNVIFYniK3dmKU6QdLaJUimEySrDZLrBMlrgxRKU7sxCw/EMe0CAggggADySJCqxixIkKpNEh6IozELD8RxjQACCCCAAPJIkKrGLEgQXqqAAEJjxrQLCCCAAEJjRmNGY8a0CwgggABCYwYIfQgggNCYMe0CAggggNCY0ZjRmDHtAgIIIIAAQmNGHwIIIDRmTLuAAAIIIDRmNGY0Zky7gAACCCCA0JjRhwACCI0Z0y4ggAACCI0ZjRmNGdMuIIAAAgggNGb0IYAAQmPGtAsIIIAAQmNGY0ZjxrQLCCCAAAIIjRl9CCCA0Jgx7QICCCCA0JjRmNGYMe0CAggggABCY0YfAgggNGZMu4AAAgggNGY0ZjRmTLuAAAIIIIDQmNGHAAIIjRnTLiCAAAIIjRmNGY0ZIEy7gAACCCA0ZvQhgABCY8a0CwgggABCY0ZjBgiNGdMuIIAAAgiN2f/Sh+Q6PfLaIJlOkKw2SKoTJK3dmFmdILb2tBvrBIlrg5iWRo+WqQ+SaARJ1gCJAzsxThCN16p1vNurGjNjoo42j07kAHFskoY2kEbl33U0ZgoPjXW+Rl0gkarnahqtDaJKxMPDDWIiNafGenh4gExvVhXfmk7Da6L1AVGxSby2h6MxK79Zk42ea1pJbJ48sU2zDezQ8iy1z6BBwoyjMQsvXp8YQAAhgADilRfyy+wf8WqZZUfGZihvgZiB3FybC+kCUU5XLkAo50C+gbBQdUzkAIVyejIAYfFTI1solHP2HgNCnHn5AYNy4jvpoVB6fVzL91cwzLJ9Lfd7S0jhehxO5H5/yePr1W6gHonI7fJ5ORSR/n6Q2yQanq763zuXU5LJZRKiyD/W9/pjkdPZz0/yJ8fqVyry+qQZDMjJKoDfy8bRVhHhQTwAAAAASUVORK5CYII=");
    content: "";
    height: 272px;
    width: 272px;
    position: absolute;
    bottom: -55px;
    right: -75px;
    z-index: -1;
}

/* =========================
   BRAND / INNER
========================= */
.auth-bg {
    width: 90%;
}

.auth-wrapper .brand-logo {
    display: flex;
    justify-content: center;
    margin: 1rem 0 2rem;
}

.auth-wrapper .brand-logo .brand-text {
    font-weight: 600;
}

.auth-wrapper.auth-cover .brand-logo {
    justify-content: unset;
    position: absolute;
    top: 2rem;
    left: 2rem;
    margin: 0;
    z-index: 2;
}

.auth-wrapper.auth-cover .brand-logo img {
    width: 100px !important;
}

.auth-wrapper .log-inner,
.auth-wrapper .reg-inner {
    background: var(--auth-card-bg);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    box-shadow: var(--auth-shadow);
}

.auth-wrapper .log-inner {
    width: min(45rem, 100%);
    min-height: 20rem;
    border-radius: var(--auth-radius-lg);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 25px;
}

.auth-wrapper .reg-inner {
    width: min(900px, 75%);
    height: auto;
    border-radius: var(--auth-radius-lg);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 25px;
}

.auth-wrapper .auth-footer-btn .btn {
    padding: 0.6rem !important;
}

.auth-wrapper .auth-footer-btn .btn:not(:last-child) {
    margin-right: 1rem;
}

.auth-wrapper .auth-footer-btn .btn:focus {
    box-shadow: none;
}

.auth-wrapper .auth-input {
    max-width: 50px;
    padding-left: 0.571rem;
    padding-right: 0.571rem;
}

.auth-wrapper .custom-options-checkable .plan-price .pricing-value {
    font-size: 3rem;
}

.auth-wrapper .custom-options-checkable .plan-price sup {
    left: 0.2rem;
    top: -1.5rem;
}

.auth-wrapper .custom-options-checkable .plan-price sub {
    bottom: 0;
    right: 0.14rem;
}

/* =========================
   BACKGROUND
========================= */
.auth-body {
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
}

.auth-body::after {
    content: "";
    background: url(../img/hosp_bg.jpg) no-repeat center center fixed;
    background-size: cover;
    opacity: 0.8;
    position: absolute;
    inset: 0;
    z-index: -1;
}

/* =========================
   IMAGE / FORM SIDE
========================= */
.login100-pic {
    width: 45%;
    text-align: center;
    flex-shrink: 0;
}

.login100-pic img {
    max-width: 100%;
    padding: 5px;
    margin: 0 auto;
}

.auth-login-form,
.auth-register-form,
.login100-form {
    width: 100%;
}

.frntlogo {
    color: var(--mesblue);
    font-size: 40px;
    font-family: plantin;
    font-weight: bold;
}

.login100-form-title {
    display: block;
    width: 100%;
    padding-bottom: 5px;
    text-align: center;
    font-family: Poppins-Medium;
    font-size: 24px;
    line-height: 1.2;
    color: var(--mesblue) !important;
}

/* =========================
   INPUTS
========================= */
.wrap-input100 {
    position: relative;
    width: 100%;
    z-index: 1;
    margin-bottom: 10px;
}

.input100 {
    display: block;
    width: 100%;
    height: 45px !important;
    padding: 0.5rem 10px 0.5rem 50px !important;
    border-radius: 25px !important;
    background: #fff;
    font-family: Poppins-Medium !important;
    font-size: 17px !important;
    line-height: 1.5;
    color: #666666;
}

.input100:focus {
    z-index: 0 !important;
}

.focus-input100 {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    box-shadow: 0 0 0 0;
    color: rgba(87, 184, 70, 0.8);
}

.input100:focus + .focus-input100 {
    animation: anim-shadow 0.5s ease-in-out forwards;
}

.symbol-input100 {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    border-radius: 25px;
    pointer-events: none;
    color: #666666;
    font-size: 15px;
    transition: all 0.4s;
}

.input100:focus + .focus-input100 + .symbol-input100 {
    color: #57b846;
    padding-left: 28px;
}

.vwpass {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15%;
    height: 100%;
    border: none;
    border-radius: 0.357rem;
    background-color: transparent !important;
    color: #6e6b7b !important;
    display: flex;
    align-items: center !important;
    justify-content: center;
}

/* =========================
   BUTTONS
========================= */
.login100-form-btn,
.reg100-form-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    border-radius: 25px !important;
    background: var(--mesblue) !important;
    transition: all 0.4s;
}

.login100-form-btn {
    width: 100%;
    height: 50px;
    padding: 0 25px !important;
    font-family: Poppins-Bold !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    color: #fff;
}

.reg100-form-btn {
    width: 40%;
    min-width: 180px;
    height: 50px;
    padding: 0 15px;
    font-family: Poppins-Bold;
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
}

.login100-form-btn:hover {
    box-shadow: 0 8px 25px -8px var(--mesblue);
}

/* =========================
   CHECKBOX / GENERIC INPUT
========================= */
input[type="checkbox"] + i {
    position: absolute;
    top: 15px;
    z-index: 1;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    background-color: #fff;
}

input[type="checkbox"]:checked + i {
    background: var(--mesblue);
    border-color: transparent;
}

input[type="checkbox"]:checked + i::after {
    content: "\f00c";
    position: absolute;
    top: -15px;
    left: 1px;
    z-index: 2;
    display: block;
    color: #fff;
    font-family: "fontAwesome";
}

input[type="checkbox"]:checked ~ span {
    position: relative;
    text-decoration: line-through;
}

input[type="text"] {
    height: 50px;
    margin-top: 29px;
    border-radius: 3px;
    background-color: #fff;
}

input[type="text"]::placeholder {
    color: #454545;
}

.form-check-input {
    margin-top: 5px !important;
}

/* =========================
   STEPPER / FOOTER
========================= */
.register-multi-steps-wizard {
    background: inherit !important;
}

.register-multi-steps-wizard .bs-stepper-header,
.register-multi-steps-wizard .bs-stepper-content {
    padding: 0 !important;
}

.auth-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background: rgba(88, 115, 254, 0.04);
}

/* =========================
   ANIMATIONS
========================= */
@keyframes anim-shadow {
    to {
        box-shadow: 0 0 70px 25px;
        opacity: 0;
    }
}

@keyframes rotate-circle {
    0%, 5% {
        transform: rotate(-45deg);
    }
    12%, 100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0%, 54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0%, 65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

/* =========================
   SUCCESS CHECKMARK
   Converted from nested SCSS into valid CSS
========================= */
.success-checkmark {
    width: 100px;
    height: 115px;
    margin: 0 auto 20px auto;
}

.success-checkmark .check-icon {
    position: relative;
    width: 100px;
    height: 100px;
    box-sizing: content-box;
    border: 4px solid #4CAF50;
    border-radius: 50%;
}

.success-checkmark .check-icon::before,
.success-checkmark .check-icon::after {
    content: "";
    position: absolute;
    height: 100px;
    background: transparent;
    transform: rotate(-45deg);
}

.success-checkmark .check-icon::before {
    top: 3px;
    left: -2px;
    width: 30px;
    border-radius: 100px 0 0 100px;
    transform-origin: 100% 50%;
}

.success-checkmark .check-icon::after {
    top: 0;
    left: 30px;
    width: 60px;
    border-radius: 0 100px 100px 0;
    transform-origin: 0 50%;
    animation: rotate-circle 4.25s ease-in;
}

.success-checkmark .check-icon .icon-line {
    position: absolute;
    z-index: 10;
    display: block;
    height: 5px;
    background-color: #4CAF50;
    border-radius: 2px;
}

.success-checkmark .check-icon .icon-line.line-tip {
    top: 55px;
    left: 20px;
    width: 30px;
    transform: rotate(45deg);
    animation: icon-line-tip 0.75s;
}

.success-checkmark .check-icon .icon-line.line-long {
    top: 45px;
    right: 5px;
    width: 60px;
    transform: rotate(-45deg);
    animation: icon-line-long 0.75s;
}

.success-checkmark .check-icon .icon-circle {
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: 10;
    width: 100px;
    height: 100px;
    box-sizing: content-box;
    border: 4px solid rgba(76, 175, 80, 0.5);
    border-radius: 50%;
}

.success-checkmark .check-icon .icon-fix {
    position: absolute;
    top: 8px;
    left: 26px;
    z-index: 1;
    width: 5px;
    height: 85px;
    transform: rotate(-45deg);
    background-color: transparent;
}

/* =========================
   LARGE DESKTOP
========================= */
@media (min-width: 1200px) {
    .auth-wrapper.auth-cover .auth-card {
        width: 400px;
    }
}

/* =========================
   LAPTOP
========================= */
@media (max-width: 1199.98px) {
    .auth-wrapper .log-inner {
        width: min(32rem, 100%);
    }

    .auth-wrapper .reg-inner {
        width: min(900px, 85%);
    }

    .frntlogo {
        font-size: 34px;
    }
}

/* =========================
   TABLET
========================= */
@media (max-width: 991.98px) {
    .auth-wrapper.auth-cover {
        padding: 20px 16px;
    }

    .auth-wrapper .log-inner,
    .auth-wrapper .reg-inner {
        width: 100%;
        max-width: 760px;
        min-height: auto;
        padding: 24px 20px;
        gap: 20px;
        flex-direction: column;
        border-radius: var(--auth-radius-md);
    }

    .login100-pic {
        width: 100%;
        max-width: 260px;
    }

    .frntlogo {
        font-size: 30px;
        text-align: center;
    }

    .login100-form-title {
        font-size: 21px;
    }

    .reg100-form-btn {
        width: 100%;
        min-width: 0;
    }

    .auth-wrapper.auth-cover .brand-logo {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        justify-content: center;
        margin-bottom: 10px;
    }

    .auth-footer {
        position: relative;
        height: auto;
        min-height: 36px;
        padding: 8px 12px;
    }
}

/* =========================
   MOBILE LANDSCAPE
========================= */
@media (max-width: 767.98px) {
    .auth-wrapper.auth-cover {
        padding: 16px 12px;
    }

    .auth-wrapper .log-inner,
    .auth-wrapper .reg-inner {
        padding: 20px 16px;
        border-radius: var(--auth-radius-sm);
    }

    .auth-wrapper.auth-cover .brand-logo img {
        width: 85px !important;
    }

    .frntlogo {
        font-size: 26px;
        line-height: 1.2;
    }

    .login100-form-title {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .input100 {
        height: 44px !important;
        padding: 0.5rem 10px 0.5rem 46px !important;
        font-size: 16px !important;
    }

    .vwpass {
        width: 48px;
    }

    .login100-form-btn,
    .reg100-form-btn {
        height: 46px;
        font-size: 15px !important;
    }
}

/* =========================
   MOBILE
========================= */
@media (max-width: 575.98px) {
    .auth-wrapper {
        min-height: 100dvh;
    }

    .auth-wrapper.auth-basic .auth-inner:before,
    .auth-wrapper.auth-basic .auth-inner:after {
        display: none;
    }

    .auth-wrapper.auth-cover {
        padding: 12px;
    }

    .auth-wrapper .log-inner,
    .auth-wrapper .reg-inner {
        padding: 18px 14px;
        border-radius: 18px;
    }

    .auth-wrapper.auth-cover .brand-logo img {
        width: 75px !important;
    }

    .login100-pic {
        max-width: 180px;
    }

    .login100-pic img {
        padding: 0;
    }

    .frntlogo {
        font-size: 22px;
    }

    .login100-form-title {
        font-size: 18px;
    }

    .input100 {
        height: 42px !important;
        padding: 0.5rem 10px 0.5rem 42px !important;
        border-radius: 20px !important;
        font-size: 15px !important;
    }

    .symbol-input100 {
        padding-left: 16px;
        font-size: 14px;
    }

    .input100:focus + .focus-input100 + .symbol-input100 {
        padding-left: 20px;
    }

    .login100-form-btn,
    .reg100-form-btn {
        height: 44px;
        padding: 0 15px !important;
        border-radius: 20px !important;
        font-size: 14px !important;
    }

    .register-multi-steps-wizard .bs-stepper-header {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .register-multi-steps-wizard .step {
        min-width: max-content;
    }

    .auth-footer {
        text-align: center;
        font-size: 12px;
    }
}

/* =========================
   VERY SMALL PHONES
========================= */
@media (max-width: 399.98px) {
    .auth-wrapper .log-inner,
    .auth-wrapper .reg-inner {
        padding: 15px 12px;
        border-radius: 15px;
    }

    .frntlogo {
        font-size: 20px;
    }

    .login100-form-title {
        font-size: 16px;
    }

    .input100 {
        font-size: 14px !important;
    }

    .symbol-input100 {
        font-size: 13px;
        padding-left: 14px;
    }

    .login100-form-btn,
    .reg100-form-btn {
        height: 42px;
        font-size: 13px !important;
    }
}

/* =========================
   SHORT HEIGHT DEVICES
========================= */
@media (max-height: 825px) and (max-width: 991.98px) {
    .dark-layout .auth-wrapper .auth-inner {
        background-color: #283046;
    }

    .auth-wrapper .auth-bg {
        margin: auto 0;
        padding-top: 3rem;
    }

    .auth-wrapper .auth-inner {
        background-color: #fff;
    }

    .auth-wrapper.auth-cover .auth-inner {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
    }
}

.dark-layout .auth-wrapper .auth-bg {
    background-color: #283046;
}