/*Search*/
.form-control:not([type=checkbox]):not([type=radio]) {
    border-width: 1px;
    border-color: var(--metal);
    border-radius: 5px;
    font-size: 13px;
    line-height: 17px;
    height: auto;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 14px;
    padding-right: 14px;
}

    .form-control:not([type=checkbox]):not([type=radio]):focus {
        border-color: var(--dark-space);
    }
/*Group*/
.form-group.form-material {
    height: auto;
    line-height: 1rem;
}

    .form-group.form-material:has(input:disabled) {
        /*cursor: not-allowed;*/
    }

    .form-group.form-material .input-group .twitter-typeahead:first-child .tt-input,
    .form-group.form-material .input-group .twitter-typeahead:first-child .tt-hint
    .form-group.form-material .input-group .twitter-typeahead:last-child .tt-input,
    .form-group.form-material .input-group .twitter-typeahead:last-child .tt-hint {
        border-radius: 0;
    }
/*Label*/
.form-group .form-control-label {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
    color: var(--onix);
    -webkit-transition: color 200ms ease, color 200ms ease;
    -moz-transition: color 200ms ease, color 200ms ease;
    transition: color 200ms ease, color 200ms ease;
    margin: 0;
    cursor: inherit;
}

.form-material.has-danger .form-control-label {
    color: var(--onix);
}
.form-material.has-success .form-control-label {
    color: var(--onix);
}


.form-group:has(input:disabled) label.form-control-label {
    color: var(--onix);
}
/*Input*/
.form-group.form-material .form-control:not([type=checkbox]):not([type=radio]) {
    border: 1px solid var(--metal);
    border-width: 0;
    border-bottom-width: 1px;
    cursor: inherit;
    line-height: 18px;
    padding-bottom: 4px;
    padding-top: 2px;
    background-image: none;
    -webkit-transition: border-color 200ms ease, border-color 200ms ease;
    -moz-transition: border-color 200ms ease, border-color 200ms ease;
    transition: border-color 200ms ease, border-color 200ms ease;
    height: auto;
    font-weight: 400;
    font-size: 14px;
    color: var(--carbon);
    width: 100%;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.form-group.form-material .form-control:focus:not(:disabled),
.form-group.form-material .form-control:focus-visible:not(:disabled),
.form-group.form-material .form-control:focus-within:not(:disabled) {
    border-color: var(--space);
}

.form-group.form-material.has-success .form-control:not(:disabled),
.form-group.form-material.is-valid .form-control:not(:disabled) {
    background-image: none;
    border-color: var(--space);
}

.form-group.form-material.has-danger .form-control:not(:disabled),
.form-group.form-material.is-invalid .form-control:not(:disabled) {
    background-image: none;
    border-color: var(--crimson);
}

.form-group.form-material .form-control:not([type=checkbox]):not([type=radio]):disabled {
    color: var(--steel);
    border-color: var(--metal);
    border-style: dashed;
}

.form-group.form-material.has-success .twitter-typeahead .tt-input,
.form-group.form-material.has-success .twitter-typeahead .tt-hint {
    box-shadow: none;
}
/*Input group*/
.form-group.form-material .input-group {
    position: relative;
}

    .form-group.form-material .input-group:has(.input-group-prepend) .form-control {
        padding-left: 16px;
    }

    .form-group.form-material .input-group:has(.input-group-append) .form-control {
        padding-right: 16px;
    }

    .form-group.form-material .input-group .input-group-prepend,
    .form-group.form-material .input-group .input-group-append {
        padding: 0;
        position: absolute;
        line-height: 18px;
        height: 18px;
        display: flex;
        width: 14px;
        justify-content: start;
        align-items: center;
        text-align: center;
        bottom: 4px;
        z-index: 3;
    }

    .form-group.form-material .input-group .input-group-prepend,
    .form-group.form-material .input-group .input-group-append {
        color: var(--space);
    }

    .form-group.form-material .input-group .input-group-prepend {
        left: 0;
    }

    .form-group.form-material .input-group .input-group-append {
        right: 0;
    }
/*Select*/
.form-group.form-material select.form-control:not([size]):not([multiple]) {
    padding-left: 14px;
    height: auto;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==) no-repeat center right;
}
/*Radio checkbox input*/


.input-group input.form-control[type=checkbox],
.input-group input.form-control[type=radio] {
    flex-grow: unset;
}

.form-group.form-material input.form-control[type=checkbox],
.form-group.form-material input.form-control[type=radio] {
    opacity: 0;
    height: 24px;
    width: 34px;
    padding-right: 10px;
    display: block;
    margin-top: 1px;
    position: absolute;
}

    .form-group.form-material input.form-control[type=radio]:not(:disabled):hover,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):hover,
    .form-group.form-material input.form-control[type=radio]:not(:disabled) + label:hover,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled) + label:hover {
        cursor: pointer;
    }

    .form-group.form-material input.form-control[type=radio] + label,
    .form-group.form-material input.form-control[type=checkbox] + label {
        margin-bottom: 0;
        line-height: 24px;
        color: var(--carbon);
        font-weight: 400;
        position: relative;
        display: block;
        height: auto;
        margin-top: 1px;
        margin-left: 34px;
        min-height: 24px;
    }

        .form-group.form-material input.form-control[type=radio] + label::before,
        .form-group.form-material input.form-control[type=checkbox] + label::before {
            height: 24px;
            width: 24px;
            border: 1px solid var(--metal);
            content: "";
            position: absolute;
            z-index: 3;
            left: -34px;
            -webkit-transition: background-color 200ms ease;
            -ms-transition: background-color 200ms ease;
            transition: background-color 200ms ease;
        }

        .form-group.form-material input.form-control[type=radio] + label::before {
            border-radius: 50%;
        }

        .form-group.form-material input.form-control[type=checkbox] + label::before {
            border-radius: 5px;
        }

    .form-group.form-material input.form-control[type=radio]:not(:disabled):active + label::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled) + label:active::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):focus + label::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled) + label:focus::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):focus-visible + label::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled) + label:focus-visible::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):focus-within + label::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled) + label:focus-within::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):hover + label::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled) + label:hover::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):active + label::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled) + label:active::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):focus + label::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled) + label:focus::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):focus-visible + label::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled) + label:focus-visible::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):focus-within + label::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled) + label:focus-within::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):hover + label::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled) + label:hover::before {
        border-color: var(--space);
        background-color: var(--sky);
        cursor: pointer;
    }

    .form-group.form-material input.form-control[type=radio]:disabled + label,
    .form-group.form-material input.form-control[type=checkbox]:disabled + label {
        color: var(--steel);
    }

        .form-group.form-material input.form-control[type=radio]:disabled + label::before,
        .form-group.form-material input.form-control[type=checkbox]:disabled + label::before {
            background-color: var(--silver);
            border-color: var(--metal);
        }

    .form-group.form-material input.form-control[type=radio]:checked + label::before,
    .form-group.form-material input.form-control[type=checkbox]:checked + label::before {
        border-color: var(--citric);
        background-color: var(--citric);
    }

    .form-group.form-material input.form-control[type=radio]:not(:disabled):checked:active + label::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):checked + label:active::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):checked:focus + label::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):checked + label:focus::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):checked:focus-visible + label::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):checked + label:focus-visible::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):checked:focus-within + label::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):checked + label:focus-within::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):checked:hover + label::before,
    .form-group.form-material input.form-control[type=radio]:not(:disabled):checked + label:hover::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):checked:active + label::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):checked + label:active::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):checked:focus + label::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):checked + label:focus::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):checked:focus-visible + label::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):checked + label:focus-visible::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):checked:focus-within + label::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):checked + label:focus-within::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):checked:hover + label::before,
    .form-group.form-material input.form-control[type=checkbox]:not(:disabled):checked + label:hover::before {
        border-color: var(--dark-space);
        background-color: var(--citric-hover);
    }


    .form-group.form-material input.form-control[type=radio]:disabled:checked + label::before,
    .form-group.form-material input.form-control[type=checkbox]:disabled:checked + label::before {
        border-color: var(--citric-disabled);
        background-color: var(--citric-disabled);
    }

    .form-group.form-material input.form-control[type=checkbox]:checked + label::after {
        font-family: "Font Awesome 5 Pro";
        content: "\f00c";
        font-weight: 400;
        color: var(--dark-space);
        height: 24px;
        width: 24px;
        position: absolute;
        z-index: 3;
        left: -34px;
        text-align: center;
        top: 0;
    }

    .form-group.form-material input.form-control[type=checkbox]:checked:disabled + label::after {
        color: var(--carbon);
    }

    .form-group.form-material input.form-control[type=radio]:checked + label::after {
        background-color: transparent;
        content: "";
        border: 3px solid white;
        height: 10px;
        width: 10px;
        position: absolute;
        z-index: 3;
        left: -27px;
        top: 7px;
        text-align: center;
        border-radius: 50%;
    }

    .form-group.form-material input.form-control[type=radio]:checked:disabled + label::after {
        color: var(--pale-grey);
    }
/*Customs*/
/*Radio*/
.radio-primary input[type=radio]:checked + input[type=hidden] + label::before,
.radio-primary input[type=radio]:checked + label::before {
    border-color: var(--citric);
}

.radio-primary input[type=radio]:checked:disabled + input[type=hidden] + label::before,
.radio-primary input[type=radio]:checked:disabled + label::before {
    border-color: var(--citric-disabled);
}

.radio-custom {
    padding-left: 24px;
}

    .radio-custom input[type=radio]:checked + input[type=hidden] + label::before,
    .radio-custom input[type=radio]:checked + label::before {
        border-width: 12px;
    }

    .radio-custom label::before {
        width: 24px;
        height: 24px;
        margin-left: -24px;
        border-color: var(--metal);
    }

    .radio-custom:has(input[type=radio]:not(:disabled)):hover label::before,
    .radio-custom:has(input[type=radio]:not(:disabled)):focus label::before,
    .radio-custom:has(input[type=radio]:not(:disabled)):focus-within label::before,
    .radio-custom:has(input[type=radio]:not(:disabled)):focus-visible label::before,
    .radio-custom:has(input[type=radio]:not(:disabled)):active label::before {
        border-color: var(--space);
        background-color: var(--sky);
    }

    .radio-custom:has(input[type=radio]:checked:not(:disabled)):hover label::before,
    .radio-custom:has(input[type=radio]:checked:not(:disabled)):focus label::before,
    .radio-custom:has(input[type=radio]:checked:not(:disabled)):focus-within label::before,
    .radio-custom:has(input[type=radio]:checked:not(:disabled)):focus-visible label::before,
    .radio-custom:has(input[type=radio]:checked:not(:disabled)):active label::before {
        border-color: var(--citric-hover);
        background-color: var(--space);
    }

    .radio-custom label::after {
        width: 10px;
        height: 10px;
        border-width: 3px;
        margin-left: -24px;
    }

    .radio-custom:has(input[type=radio]:disabled) label::before {
        color: var(--steel);
    }

    .radio-custom:has(input[type=radio]:disabled) label::before {
        background-color: var(--silver);
        border-color: var(--metal);
    }

    .checkbox-custom input[type=checkbox], .radio-custom input[type=radio] {
        margin-left: -24px;
    }

    .radio-custom input[type=radio] {
        width: 24px;
        height: 24px;
    }

    .radio-custom label {
        line-height: 24px;
    }

    .radio-custom input[type=radio]:disabled + input[type=hidden] + label, .radio-custom input[type=radio]:disabled + label {
        opacity: 1;
        color: var(--steel);
    }
    /*Checkbox*/
    .checkbox-custom label, .radio-custom label {
        min-height: 24px;
        font-weight: 400;
        line-height: 24px;
    }

        .checkbox-custom label::before {
            width: 24px;
            height: 24px;
            margin-left: -24px;
            border-color: var(--metal);
            border-radius: 5px;
        }

.checkbox-custom:has(input[type=checkbox]:not(:disabled)):hover label::before,
.checkbox-custom:has(input[type=checkbox]:not(:disabled)):active label::before,
.checkbox-custom:has(input[type=checkbox]:not(:disabled)):focus label::before,
.checkbox-custom:has(input[type=checkbox]:not(:disabled)):focus-visible label::before,
.checkbox-custom:has(input[type=checkbox]:not(:disabled)):focus-within label::before {
    border-color: var(--space);
    background-color: var(--sky);
}

.checkbox-primary input[type=checkbox]:checked + input[type=hidden] + label::before,
.checkbox-primary input[type=checkbox]:checked + label::before,
.checkbox-primary input[type=radio]:checked + input[type=hidden] + label::before,
.checkbox-primary input[type=radio]:checked + label::before {
    background-color: var(--citric);
    border-color: var(--citric);
}

.checkbox-custom label::after {
    width: 24px;
    height: 24px;
    padding-top: 1px;
    margin-left: -24px;
    font-size: 12px;
    line-height: 24px;
}

.checkbox-primary input[type=checkbox]:checked + input[type=hidden] + label::after,
.checkbox-primary input[type=checkbox]:checked + label::after,
.checkbox-primary input[type=radio]:checked + input[type=hidden] + label::after,
.checkbox-primary input[type=radio]:checked + label::after {
    color: var(--dark-space);
}

.checkbox-primary:has(input[type=checkbox]:checked:not(:disabled)):hover label::before,
.checkbox-primary:has(input[type=checkbox]:checked:not(:disabled)):focus label::before,
.checkbox-primary:has(input[type=checkbox]:checked:not(:disabled)):focus-within label::before,
.checkbox-primary:has(input[type=checkbox]:checked:not(:disabled)):focus-visible label::before,
.checkbox-primary:has(input[type=checkbox]:checked:not(:disabled)):active label::before {
    border-color: var(--space);
    background-color: var(--citric-hover);
}

.checkbox-custom input[type=checkbox]:disabled + input[type=hidden] + label,
.checkbox-custom input[type=checkbox]:disabled + label,
.checkbox-custom input[type=radio]:disabled + input[type=hidden] + label,
.checkbox-custom input[type=radio]:disabled + label {
    opacity: 1;
    color: var(--steel);
}

    .checkbox-custom input[type=checkbox]:disabled + input[type=hidden] + label::before,
    .checkbox-custom input[type=checkbox]:disabled + label::before,
    .checkbox-custom input[type=radio]:disabled + input[type=hidden] + label::before,
    .checkbox-custom input[type=radio]:disabled + label::before {
        background-color: var(--silver);
        border-color: var(--metal);
    }

    .checkbox-custom input[type=checkbox]:disabled + input[type=hidden] + label::after,
    .checkbox-custom input[type=checkbox]:disabled + label::after,
    .checkbox-custom input[type=radio]:disabled + input[type=hidden] + label::after,
    .checkbox-custom input[type=radio]:disabled + label::after {
        color: var(--carbon);
    }

.checkbox-custom input[type=checkbox]:checked:disabled + input[type=hidden] + label::before,
.checkbox-custom input[type=checkbox]:checked:disabled + label::before {
    border-color: var(--citric-disabled);
    background-color: var(--citric-disabled);
}

/*typeahead*/
.form-group.form-material .twitter-typeahead {
    /* float: none;*/
}

.required-symbol {
    color: var(--caramel);
}
/*Text area*/

.form-group.form-material textarea.form-control:not([type=checkbox]):not([type=radio]) {
    border-width: 1px;
    border-radius: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 8px;
}

/*Table search*/
.custom-table-search-input {
    text-align: right;
}

    .custom-table-search-input input.form-control:not([type=checkbox]):not([type=radio]) {
        padding-left: 40px;
    }

    .custom-table-search-input label {
        position: relative;
    }

        .custom-table-search-input label::before {
            font-family: 'Custom-icons-Radar';
            content: "\e956";
            font-size: 22px;
            position: absolute;
            left: 8px;
            color: var(--carbon);
        }


.custom-table-search-input-left {
    text-align: left;
}

.custom-table-search-input-left input.form-control:not([type=checkbox]):not([type=radio]) {
    padding-left: 40px;
}

.custom-table-search-input-left label {
    position: relative;
}

    .custom-table-search-input-left label::before {
        font-family: 'Custom-icons-Radar';
        content: "\e956";
        font-size: 22px;
        position: absolute;
        left: 8px;
        color: var(--carbon);
    }

.invalid-feedback {
    color: var(--crimson);
    font-size: 13px;
}

.form-control .has-not-interface {
    background: var(--space) !important;
}