/* Utilities */
/* margin */
.margin-t-10 {
    margin-top: 10px;
}

.-margin-t-10 {
    margin-top: -10px;
}

/* display */
.d-flex {
    display: flex;
}

.d-none {
    display: none !important;
}

/* width */
.min-w-full {
    min-width: 100%;
}

/* font */
.font-orange {
    color: #f89e00;
}

.font-white {
    color: white;
}

/* align */
.text-center {
    text-align: center;
}

/* Components */
.main-content .inner-wrap {
    padding: 0;
}

.wf-label {
    width: 40%;
}

.separator {
    height: 5px;
}

.error-reg {
    height: auto;
}

.form-group {
    align-items: center;
}

.form-group .form-control {
    height: 40px;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 0px;
    font-size: 13px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.form-group .input-group-text {
    background-color: #f89e00;
    color: black;
    font-size: 13px;
}

.form-group .formInput {
    display: flex;
    flex-direction: column;
}

.form-group .note {
    font-size: 1.2rem;
    font-family: sans-serif;
    color: #f75a5a;
}

.form-group .invalid-input {
    border: 2px solid #f75a5a;
}

.form-group input.invalid-input:focus {
    border: 2px solid #f75a5a;
}

.form-group small {
    font-size: 1.2rem;
    font-family: sans-serif;
    color: #f75a5a;
}

.form-group .form-assign {
    position: absolute;
    top: 10px;
    right: 10;
    font-size: 20px;
}

.form-group.captcha .form-assign {
    top: 65px;
}

.form-group .form-assign .fa-times {
    color: #f75a5a;
}

.form-group .form-assign .fa-check {
    color: #4ddb4d;
}

.agree {
    display: grid;
    grid-template-columns: 2rem auto;
    padding: 1rem 0;
}

/* captcha  */
.wrapper-captcha {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.wrapper-captcha img {
    border: 1px solid #fff;
    border-radius: 5px;
}

.wrapper-captcha .btn-captcha-refresh {
    background: #f89e00;
    padding: 10px;
    color: white;
    border-radius: 5px;
}

.captcha-input {
    margin-top: 10px;
}

.success-message {
    background: #afff86;
    color: #177700;
    width: 100%;
    padding: 10px;
    margin: 10px 0px;
    border-radius: 7px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
}


.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:first-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3),
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.required {
    color: #ff4a43;
}