html, body { height: 100%; }

body {
    /* font-family: 'Roboto', sans-serif; */
    /* font-size: 16px; */
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    color: #eee;
    background-color: #373737;
    font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif !important;
}

h1, h2, h3, h4 { font-weight: 100; }

.onecurb {
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: 600;
    font-size: 100%;
    color: #fff;
}
.onecurb .darker { color: #777; }

.error, .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: orange; /* #f9aaaa; */
}


.btn-link { color: lightgrey; /* rgb(246, 131, 32); */ }
.btn-link:hover { color: rgb(246, 131, 32); }


.btn-orange {
    color: rgb(255, 255, 255);
    background-color: rgb(246, 131, 32);
    border-color: transparent;
    min-width: 140px;
}

hr {
    background-color: white;
}

.validation-message {
    font-style: normal;
    font-size: 12px;
    color: #FF1C19;
}

.bg-one-dark { background-color: #343a40!important; }

.password-toggle-icon {
    position: absolute;
    top: 72%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

.password-toggle-icon i {
    font-size: 18px;
    line-height: 1;
    color: #333;
    transition: color 0.3s ease-in-out;
    margin-bottom: 20px;
}

.password-toggle-icon i:hover {
    color: #000;
}