/* ==========================================
   Firouze Design System
   Modal v1.1
========================================== */

.modal-dialog{
    max-width:100%;
    margin:var(--space-3xl);
}
.modal{
    z-index:20000 !important;
}

.modal-dialog{
    z-index:20001 !important;
}

.modal-content{
    z-index:20002 !important;
}

.modal-body{
    position:relative;
    z-index:20003 !important;
}
/* ==========================================
   SEARCH MODAL
========================================== */

.modal-dialog{
    max-width:800px;
    margin:140px auto 0;
}

.modal-content{
    border:none;
    border-radius:8px;
}

.modal-body{
    padding:20px;
}

/* فرم */

.search-form{

    position:relative;

}

.search-form input{

    width:100%;
    height:48px;

    padding:0 50px 0 16px;

    background:var(--color-white);

    border:1px solid var(--color-primary);

    border-radius:var(--radius-sm);

    color:var(--color-text);

    box-shadow:0 2px 10px rgba(0,162,157,.08);

    transition:.25s;

}

.search-form input:focus{

    outline:none;

    border-color:var(--color-primary);

    box-shadow:
        0 0 0 3px rgba(0,162,157,.08),
        0 6px 18px rgba(0,162,157,.12);

}

.search-submit{

    position:absolute;

    left:10px;

    top:50%;

    transform:translateY(-50%);

    width:30px;
    height:30px;

    border:none;

    background:transparent;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

}

.search-submit i{

    color:var(--color-primary);

    font-size:20px;

    transition:.25s;

}
.search-submit i,
.search-submit svg{
    color:var(--color-primary) !important;
    fill:var(--color-primary) !important;
}

.search-submit:hover i{

    color:var(--color-primary-dark);

}