.has-error input, .has-error .selectric {
    border: 1px solid red !important;
    background-color: #ffd8da !important;
}

.select2-selection--single {
    height: 38px !important;
}

.select2-selection__arrow {
    height: 36px !important;
}

.select2-selection {
    border: 1px solid #c5ccd2 !important;
}

.has-error .select2-container .select2-selection--single{
    border-color: red !important;
    background-color: #ffd8da !important;
}

.has-error .select2-container .select2-selection--single {
    border-color: #28a745 !important ;
}

.select2-container .select2-selection--single{
    border: 1px solid #ced4da !important ;
}

.select2-container{
    z-index: 999999999;
}

.checkbox label::before{
    margin-left: 0px;
}

.checkbox label.checked::before {
    font-family: themify;
    content: "\e64c";
    text-align: center;
    line-height: 1.2;
}

.modal.show-loader .modal-dialog {
    opacity: 0;
}

.modal.show-loader {
    background-image: url('/administrator/images/loaders/horizontal_dots.svg');
    background-position: center 35%;
    background-repeat: no-repeat;
}


.form-group.required .has-star::after, .is-required .has-star::after, .required label::after {
    content: "*";
    margin-left: 3px;
    font-weight: normal;
    color: red;
    font-size: 12px;
    top: 0px;
}

.has-error input, .has-error .selectric {
    border: 1px solid red !important;
    background-color: #ffd8da !important;
}

.select2-container.has-error{
    border-color: red !important;
}

.select2-container{
    z-index: 999999999;
}

.has-success .selectric{
    border: 1px solid #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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: center right calc(.375em + 1rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid,
.has-success .form-control,
.form-group.has-success .suggestions-input,
.form-group.is-valid .input-group input.form-control
{
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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")!important;
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.help-block{
    font-size: 80%;
    color: #ff1e00;
}

.table-responsive{
    overflow-y: hidden;
    padding-bottom: 150px;
}

tr.filters td{
    padding: .25rem;
}

tr.filters td input{
    padding: .25rem;
}

.selectric{
    height: 38px ;
}
/**
    .page-body > .container-fluid{
        height: 90vh;
    }

    .page-body > .container-fluid > div:first-child{
        height: 85%;
    }

    .page-body > .container-fluid > div:first-child > div.card{
        height: 100%;
    }

    .page-body > .container-fluid > div:first-child > div.card > .card-body > div:first-child{
        height: 100%;
        overflow-y: auto;
    }

    .page-body > .container-fluid > div:first-child > div.card > .card-body > div:first-child > .table-responsive {
        height: 100%;
    }
 */


.alert{
    border-radius: .25rem;
}

.pagination{
    margin-top: 14px;
}

.pagination > li{
    display: inline-block;
}

.pagination > li span,
.pagination > li a{
    display: inline-block;
    padding: 6px 12px;
    color: #2e3c4e;
}

.pagination > li.active a{
    background-color: #2e3c4e;
    color: white;
    font-weight: bold;
}


.new-order-counter {
    animation: pulse-animation 0.9s infinite ease-out;
}

@keyframes pulse-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    70% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

a.desc::after{
    font-family: 'IcoFont' !important;
    content: "\eb19";
}

a.asc::after{
    font-family: 'IcoFont' !important;
    content: "\eb1c";
}

a.action__btn {
    font-size: 160%;
}