.form-control.input-validation-error {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd397a' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd397a' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.valid {
/*    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);*/
}


.field-validation-error ,.field-validation-no-valid {
    color: #dc3545;
    font-size: 11px;
}

.dataTables_length{
    display: none !important ;
}

.dataTables_filter{
    text-align:end !important;
}

.select2 {
    width: 100% !important;
}

.select2-dropdown {
    border: 1px solid #ced4da !important;
    border-radius: 0 !important;
}

.select2-container--default .select2-selection--multiple {
    background-color: #F0F6FC !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 11px;
    min-height: 50px;
    padding-left: 1px;
    padding-right: 1px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4299F8 !important;
    color: white !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #4299F8 !important;
    color: white !important;
    border: none !important;
    border-radius: 0 !important;
}

.select2-results {
    font-size: 11px;
    border: none !important;
    border-radius: 0 !important;
    background-color: #F0F6FC !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgb(118, 118, 118) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white !important;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
    float: right !important;
    margin-left: 2px !important;
    margin-right: 0px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    float: right !important;
}


body::-webkit-scrollbar {
    width: .5em;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #5d78ff;
    outline: 1px solid slategrey;
}

textarea::-webkit-scrollbar {
    width: .5em;
}

textarea::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

textarea::-webkit-scrollbar-thumb {
    background-color: #5d78ff;
    outline: 1px solid slategrey;
}

.nice_dev::-webkit-scrollbar {
    width: .2em;
}

.nice_dev::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.nice_dev::-webkit-scrollbar-thumb {
    background-color: #5d78ff;
    outline: 1px solid slategrey;
}

.xloader {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    perspective: 800px;
}

.inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

    .inner.one {
        left: 0%;
        top: 0%;
        animation: rotate-one 1s linear infinite;
        border-bottom: 5px solid #3962dc;
    }

    .inner.two {
        right: 0%;
        top: 0%;
        animation: rotate-two 1s linear infinite;
        border-right: 5px solid #3962dc;
    }

    .inner.three {
        right: 0%;
        bottom: 0%;
        animation: rotate-three 1s linear infinite;
        border-top: 5px solid #3962dc;
    }

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

.inspectorJoinFormContainer {
    max-width: unset !important;
}

.inspectorJoinFormWrap {
    width: 85% !important;
}