input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"]),
textarea, select {
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    padding: 8px 10px;
    color: #222;
    background-color: #fff;
}

input[readonly], textarea[readonly], select[readonly] {
    cursor: not-allowed;
    background: #eee !important;
}

input:not(#LoginForm_username, #LoginForm_password, #LoginForm_verifyCode, [type="checkbox"], [type="radio"], [type="button"]):focus:focus-visible,
textarea:focus:focus-visible,
.form-control:focus:focus-visible {
    border-color: var(--primary-color);
    outline: none;
    box-shadow: 0px 0px 1px var(--primary-color) !important;
}



.file_upload {
    position: relative;
    background: #fff;
}
.basic_block .form-group label{
    height: 40px;
}

.file_upload::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: bottom;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.2 18"%3E%3Cpath d="M71.7-770.742l-1.6,1.581a.831.831,0,0,1-.616.249.871.871,0,0,1-.637-.268.819.819,0,0,1-.255-.632.878.878,0,0,1,.255-.632l2.993-2.993a1.041,1.041,0,0,1,.759-.326,1.041,1.041,0,0,1,.759.326l2.993,2.993a.9.9,0,0,1,.264.622.818.818,0,0,1-.264.643.858.858,0,0,1-.623.252.9.9,0,0,1-.642-.246L73.5-770.742v6.572a.352.352,0,0,0,.116.254.352.352,0,0,0,.254.116H80.4a2.9,2.9,0,0,0,2.13-.87,2.9,2.9,0,0,0,.87-2.13,2.9,2.9,0,0,0-.87-2.13,2.9,2.9,0,0,0-2.13-.87H78.6v-2.4a5.783,5.783,0,0,0-1.755-4.245A5.783,5.783,0,0,0,72.6-778.2a5.783,5.783,0,0,0-4.245,1.755A5.783,5.783,0,0,0,66.6-772.2h-.623a4.026,4.026,0,0,0-2.941,1.23A4.037,4.037,0,0,0,61.8-768a4.047,4.047,0,0,0,1.23,2.97A4.047,4.047,0,0,0,66-763.8h2.1a.871.871,0,0,1,.641.259A.872.872,0,0,1,69-762.9a.87.87,0,0,1-.259.641A.871.871,0,0,1,68.1-762H66a5.833,5.833,0,0,1-4.244-1.726A5.688,5.688,0,0,1,60-767.945a5.9,5.9,0,0,1,1.439-3.934,5.625,5.625,0,0,1,3.569-2.011,7.5,7.5,0,0,1,2.706-4.4A7.584,7.584,0,0,1,72.6-780a7.526,7.526,0,0,1,5.53,2.27,7.526,7.526,0,0,1,2.27,5.53v.6h.369a4.637,4.637,0,0,1,3.164,1.526A4.674,4.674,0,0,1,85.2-766.8a4.652,4.652,0,0,1-1.384,3.4,4.594,4.594,0,0,1-3.392,1.4H73.869a2.094,2.094,0,0,1-1.539-.63,2.094,2.094,0,0,1-.63-1.539ZM72.6-770.1Z" transform="translate(-60 780)"/%3E%3C/svg%3E');
    z-index: 1;
}

.file_upload input[type="file"] {
    position: relative;
    background: transparent;
    cursor: pointer;
    padding-left: 30px !important;
    border: 1px dashed #aaa !important;
    z-index: 2;
}

.file_upload input::file-selector-button {
    display: none;
}

.fullwidth input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"]),
.fullwidth .select2-container.select2,
.fullwidth textarea {
    width: 100% !important;
    max-width: 100% !important;
}

/* SELECT2 */

.select2-search--dropdown {
    padding: 0;
}

.select2 {
    min-width: 150px !important;
}

.bottom_tab .select2{
    max-width: 250px !important;
}

.select2-container--open .select2-dropdown--below {
    padding: 6px;
}

.select2-results__option {
    margin: 3px 0;
    border-radius: 4px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    padding: 8px 10px;
}

.select2-dropdown {
    border: 1px solid #E4E4E4;
}

.select2-container .select2-selection--single {
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: normal;
}

a {
    cursor: pointer;
}

a:active,
a:hover,
a:focus {
    outline: 0 !important;
    text-decoration: none !important;
}


.form-group.required .control-label:after {
    content: "*";
    color: red;
}

.form-group label {
    padding-right: 7px;
    text-align: left !important;
    margin-bottom: 5px;
}

.fa.fa-calendar-days::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: bottom;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.787 20">%3Cpath fill="%23fff" d="M141.891-844.61a1.826,1.826,0,0,1-1.342-.549A1.826,1.826,0,0,1,140-846.5v-14a1.825,1.825,0,0,1,.549-1.342,1.826,1.826,0,0,1,1.342-.549h1.449v-1.409a.78.78,0,0,1,.23-.574.78.78,0,0,1,.574-.23.779.779,0,0,1,.574.23.78.78,0,0,1,.23.574v1.409h7.928v-1.429a.76.76,0,0,1,.225-.559.76.76,0,0,1,.559-.225.759.759,0,0,1,.559.225.76.76,0,0,1,.225.559v1.429H155.9a1.826,1.826,0,0,1,1.342.549,1.825,1.825,0,0,1,.549,1.342v14a1.826,1.826,0,0,1-.549,1.342,1.826,1.826,0,0,1-1.342.549Zm0-1.569h14a.307.307,0,0,0,.221-.1.307.307,0,0,0,.1-.221v-9.819H141.569v9.819a.307.307,0,0,0,.1.221A.307.307,0,0,0,141.891-846.179Zm-.322-11.71h14.648v-2.616a.307.307,0,0,0-.1-.221.307.307,0,0,0-.221-.1h-14a.307.307,0,0,0-.221.1.307.307,0,0,0-.1.221Zm0,0v0Zm7.324,5.513a.892.892,0,0,1-.655-.271.892.892,0,0,1-.27-.655.892.892,0,0,1,.27-.655.893.893,0,0,1,.655-.271.893.893,0,0,1,.655.271.893.893,0,0,1,.27.655.892.892,0,0,1-.27.655A.892.892,0,0,1,148.893-852.377Zm-4.185,0a.892.892,0,0,1-.655-.271.892.892,0,0,1-.27-.655.892.892,0,0,1,.27-.655.893.893,0,0,1,.655-.271.893.893,0,0,1,.655.271.893.893,0,0,1,.27.655.892.892,0,0,1-.27.655A.893.893,0,0,1,144.708-852.377Zm8.37,0a.892.892,0,0,1-.655-.271.892.892,0,0,1-.27-.655.892.892,0,0,1,.27-.655.893.893,0,0,1,.655-.271.893.893,0,0,1,.655.271.892.892,0,0,1,.27.655.892.892,0,0,1-.27.655A.892.892,0,0,1,153.079-852.377Zm-4.185,4.1a.892.892,0,0,1-.655-.271.892.892,0,0,1-.27-.655.892.892,0,0,1,.27-.655.892.892,0,0,1,.655-.271.892.892,0,0,1,.655.271.892.892,0,0,1,.27.655.892.892,0,0,1-.27.655A.892.892,0,0,1,148.893-848.272Zm-4.185,0a.892.892,0,0,1-.655-.271.891.891,0,0,1-.27-.655.892.892,0,0,1,.27-.655.892.892,0,0,1,.655-.271.892.892,0,0,1,.655.271.892.892,0,0,1,.27.655.892.892,0,0,1-.27.655A.892.892,0,0,1,144.708-848.272Zm8.37,0a.892.892,0,0,1-.655-.271.892.892,0,0,1-.27-.655.892.892,0,0,1,.27-.655.892.892,0,0,1,.655-.271.892.892,0,0,1,.655.271.892.892,0,0,1,.27.655.892.892,0,0,1-.27.655A.892.892,0,0,1,153.079-848.272Z" transform="translate(-140 864.61)"/%3E%3C/svg%3E');
}

.input-group-addon {
    background: var(--primary-color);
    color: #fff;
    font-size: 16px;
    border-color: var(--primary-color);
    padding-left: 8px;
    padding-right: 7px;
}

.input-group .form-control {
    z-index: 0 !important
}

.form-control {
    box-shadow: none !important;
}


/* CHECKBOX AND RADIO BUTTONS */

label.select_button {
    padding: 5px 10px;
    border: 1px solid #eee;
    margin-right: 5px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
}

label.select_button:hover {
    background: #eee;
}

label.select_button:has(input[type="radio"]:checked)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 17px;
    transform: translate(-50%, -50%);
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 3px solid #fff;
}

label.select_button:has(input[type="checkbox"]:checked)::after {
    content: '';
    position: absolute;
    top: 47.7%;
    left: 18px;
    transform: translate(-50%, -64%) rotate(45deg);
    width: 7px;
    height: 12px;
    border: solid #fff;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
}

label.select_button input {
    margin: 0;
    margin-right: 5px !important;
    accent-color: var(--primary-color);
}

label.select_button:has(input:checked) {
    color: #fff !important;
    border: 1px solid transparent;
    background: var(--primary-color)
}


@media screen and (min-width: 992px) {
    .input-group-addon~input {
        max-width: 130px;
    }   
}