html {
    font-size: 16px;
}

body {
    height: 100vh;
}

.landing-body input:not([type="checkbox"]):not([type="radio"]) {
    background: white;
}
.landing-body input:not([type="checkbox"]):not([type="radio"]):focus {
    background: white;
}

.landing-body #app {
    height: 100vh;
}

.bg-login {
    background-image: url('../images/auth/login.jpg');
    background-position: center;
    background-size: cover;
}

.bg-forgot-password {
    background-image: url('../images/auth/forgot-password.jpg');
    background-position: center;
    background-size: cover;
}

.bg-reset-password {
    background-image: url('../images/auth/reset-password.jpg');
    background-position: center;
    background-size: cover;
}

.bg-2fa {
    background-image: url('../images/auth/2fa.jpg');
    background-position: center;
    background-size: cover;
}

.bg-green-gradient {
    background-image: linear-gradient(270deg, #00DB00 0%, #7FFF7F 100%);
}

.h-1px {
    height: 1px;
}

.p-v-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}

.p-l-4 {
    padding-left: 1rem;
}

.p-v-4 {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.left-2 {
    left: 0.5rem;
}

.-top-2 {
    top: -0.5rem;
}

.p-h-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.uppercase {
    text-transform: uppercase;
}

.b-700 {
    font-weight: 700;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: 0.875rem;
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}

.text-base {
    font-size: 1.0rem;
    line-height: 1.5rem;
}

.font-mont {
    font-family: "Montserrat", "ui-sans-serif", "system-ui", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.font-sans {
    font-family: "Open Sans", "ui-sans-serif", "system-ui", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}


.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.leading-6 {
    line-height: 1.5rem;
}

.bg-white {
    background-color: white;
}

.focus-green:focus {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border-width: 1px !important;
    border-color: rgb(0, 219, 0) !important;
    outline: none;
}

.border-2px {
    border-width: 2px;
}

.m-t-6 {
    margin-top: 1.5rem;
}

input::placeholder {
    color: rgba(0,0,0,0.5) !important;

}

input:checked {
    background-color: rgb(0,219,0) !important;
    border-color: rgb(0,219,0) !important;
}

.underline {
    text-decoration: underline;
}

.text-gray {
    color: rgb(75,85,99);
}

a:hover {
    color: rgb(0,219,0);
}

.m-l-1 {
    margin-left: 0.25rem;
}

.btn-green-gradient {
    background: linear-gradient(270deg, #00DB00 0%, #7FFF7F 100%);
    transition: background 0.3s ease;
}
.btn-green-gradient:hover {
    background: linear-gradient(270deg, #05FF05 0%, #A8FFA8 100%);
}
.btn-green-gradient:active {
    background: linear-gradient(270deg, #02B002 0%, #56FF56 100%);
    box-shadow: none;
}
.btn-green-gradient:focus {
    border: none!important;
    outline: none!important;
    box-shadow: 0 0 0 0.2rem rgba(0, 255, 0, 0.25);   
}
.letter-spacing-widest {
    letter-spacing: .1em;
}