.loaderWait {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/images/loader.gif') 50% 50% no-repeat rgb(250, 250, 250);
    opacity: .8;
}

body {
    font-family: 'Sarabun', sans-serif;
    color: #000000 !important;
}

.displayNone {
    display: none!important;
}

.textboxRadius {
    /* border-radius: 2.35rem !important; */
}

.correct {
    background-color: #7ff994a8 !important;
}

.wrong {
    background-color: #e74a3ba8 !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(126, 239, 104, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
    outline: 0 none;
}

select:focus {
    border-color: rgba(126, 239, 104, 0.8)!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6)!important;
    outline: 0 none !important;
}

body {
    font-family: 'Sarabun', sans-serif;
    color: #000000 !important;
}

.form-control {
    color: #000000 !important;
}