﻿.form-loading {
    background: url(/images/loading.gif) no-repeat center 100px;
    min-height: 150px;
}

.mbd-search-default {
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.mbd-search-default .sd-fields {
    position: relative;
}

.mbd-search-default .sd-fields .sd-field {
    margin-bottom: 25px;
    min-height: 60px;
}

.mbd-search-default .sd-fields .sd-field .sd-field-text {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}

.mbd-search-default .sd-fields .sd-field .sd-field-required {
    font-weight: 700;
    color: red;
}

svg#iranmap {
    max-width: unset !important;
    max-height: unset !important;
}

.SalesDepartment label {
    margin: unset !important;
    color: var(--text-bg-dark-0);
}

.SalesDepartment .mbd-field-list-selective {
    display: flex;
    column-gap: 0.71em;
    align-items: center;
}

.SalesDepartment .mbd-field-list-selective>div {
    background: var(--Secendry-Subtle);
    cursor: pointer;
    padding: 0.57em;
    border-radius: var(--radius-8);
    transition: all 0.3s ease-in-out;
    color: var(--Secendry-Darker);
}

.SalesDepartment .mbd-field-list-selective>div.is-selected {
    background: var(--Primary-Main-Color);
    color: var(--bg-ff);
}

.SalesDepartment .mbd-field-list-selective .clearfix {
    background: unset !important;
    pointer-events: none;
}

.RemoveBTN {
    background: var(--system-red-2);
    color: var(--text-bg-light-4);
    cursor: pointer;
    padding: 0.571em;
    border-radius: var(--radius-8);
}

.FilterBTN button {
    background: var(--system-green-0) !important;
    height: 3.2rem !important;
}

@media screen and (max-width:920px) {
    .SalesDepartment {
        flex-wrap: wrap;
    }

    .SalesDepartment label {
        flex: 1 0 100%;
    }

    .SalesDepartment .mbd-field-list-selective {
        overflow: scroll;
    }

    .SalesDepartment .mbd-field-list-selective>div {
        flex: 1 0 auto;
    }
}

.ServicesInput .input {
    position: relative;
}

.ServicesInput .input:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.25 11.5C20.25 16.3325 16.3325 20.25 11.5 20.25C6.66751 20.25 2.75 16.3325 2.75 11.5C2.75 6.66751 6.66751 2.75 11.5 2.75C16.3325 2.75 20.25 6.66751 20.25 11.5ZM11.5 21.75C17.1609 21.75 21.75 17.1609 21.75 11.5C21.75 5.83908 17.1609 1.25 11.5 1.25C5.83908 1.25 1.25 5.83908 1.25 11.5C1.25 17.1609 5.83908 21.75 11.5 21.75ZM20.5303 19.4697C20.2374 19.1768 19.7626 19.1768 19.4697 19.4697C19.1768 19.7626 19.1768 20.2374 19.4697 20.5303L21.4696 22.5303C21.7625 22.8232 22.2374 22.8232 22.5303 22.5303C22.8232 22.2374 22.8232 21.7625 22.5303 21.4696L20.5303 19.4697Z' fill='%23A4A4A4'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0.5em;
    top: 50%;
    transform: translate(0, -40%);
}