.login-input:-webkit-autofill:not(:focus){
    -webkit-box-shadow: 0 0 0 30px var(--primary-alpha) inset !important;
}

.login-input {
    border-radius: 10px;
    padding: 1rem;
    line-height: 1.25rem;
    border: 0.1rem solid var(--inactive) !important;
    color: var(--grey) !important;
    background-color: white;
    outline: none !important;
}

.login-input:not(:placeholder-shown), .login-input:-webkit-autofill:active{
    border-color: var(--og-primary) !important;
    color: var(--og-primary) !important;
    background-color: var(--primary-alpha) !important;
}

.login-input:focus, .login-input:-webkit-autofill:focus{
    border-color: var(--second) !important;
    color: var(--og-primary) !important;
    background-color: var(--second-alpha) !important;
    border-width: 2px !important;
    padding: calc(1rem - 1px);
    box-shadow: 0 0 0 1000px var(--second-alpha) inset !important;
}


.select-show-row {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    min-height: auto;
    padding: 0.5rem;
    transition: all .2s linear;
    color: #4f4f4f;
    border-radius: 0.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    width: 68px;
    appearance: none;
    background-position: 100%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-color: white;
    border: 1px solid grey;
}

.switch input[type=checkbox]:checked + label:after {
    margin-left: 1.25em;
    border: 1px solid var(--second) !important;
    background: var(--second) !important;
}

.switch input[type=checkbox]:checked + label:before {
    background: var(--third) !important;
    opacity: 1 !important;
}

input[type="radio"] {
    accent-color: var(--third) !important;
}

input[type="checkbox"] {
    accent-color: var(--third) !important;
}

.switch label {
    cursor: pointer;
}

.text-ellipsis {
    text-overflow: ellipsis !important;
}

.otp-input {
    width: 44px;
    height: 47px;
    font-size: 24px;
    text-align: center;
    border-radius: 0.35rem;
}

@font-face {
    font-family: passwd-mask;
    src: url('../../mdb/og/fonts/text-security-disc.woff');
}

input.passwd-mask {
    font-family: passwd-mask;
}

input.passwd-mask::placeholder {
    font-family: Arial, sans-serif !important; /* or your site’s main font */
    font-weight: 400;
    font-style: normal;
    opacity: 1;
    -webkit-text-security: none !important;
    text-security: none !important;
}

input.passwd-mask:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 4px rgba(0, 123, 255, 0.25);
}