/* body{
    background-color: #151132;
    padding: 50px 0;
    direction: rtl;
} */

ul {
    padding: 0;
}
.widget-filetr{
    margin-top:20px !important;
    z-index:1050 !important;
}

.container {
    max-width: 85% !important;
}
.head-filter-widget{
    display:flex;
    justify-content: space-between;
    margin-bottom:20px;


}
.head-filter-widget .title-widget span{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.head-filter-widget #filter-none{
    color:#E8083E;
    font-size: 16px;
    cursor: pointer;
}
.btn-dropdown {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    border: 2px solid #151132;
    /* padding: 17px 11px; */
    margin-bottom: 0;
    color: #fff;
    border-bottom: 1px solid rgba(251, 251, 251, 0.2);
    flex-direction: column;
    cursor: pointer;


}

.btn-dropdown .btn-area {
    padding: 17px 11px 0 11px;
}

.btn-area.active {
    padding-bottom: 0;
}

/*.list-filter {*/
/*    display: none;*/
/*    !* padding-bottom: 17px; *!*/
/*}*/

.checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child {
    background: #2389C9;
    border-color: #2389C9;
}

.btn-dropdown {
    padding-bottom: 17px;
}

.text-dropdown {

    position: relative;
}

/* .btn-area.active{
  padding-bottom: 0;
} */
.btn-area.active .text-dropdown:after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: -10px;
    top: 5px;
    z-index: 12222222;
    background: #FF008D;
    border-radius: 50%;

}

.btn-dropdown .btn-area {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.list-filter {
    color: #A7A5BB;
    font-size: 13px;
    font-weight: 400;
    text-align: right;
    width: 80%;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 11px;
    padding-left: 11px;

}

.btn-dropdown:hover {
    border: 2px solid #2293FE;
    border-radius: 5px 5px 0 0;
    background: rgba(34, 147, 254, 0.20);
}

.list-dropdown {
    color: #fff;
}

.checkbox-wrapper-4 label {
    width: 100%;
    display: flex !important;
    justify-content: space-between !important;
    flex-direction: row-reverse;
    padding: 26px 37px 26px 28px !important;
}

.list-dropdown {
    max-height: 0px;
    width: 100%;
    margin: 0;
    overflow: hidden;
    /* transition: 0.5s ease-out; */
    /* box-shadow:5px 5px 6px rgba(0, 0, 0, .221); */
    transition: max-height 0.5s;
}

.list-dropdown.active {
    max-height: 1000px;
    transition: max-height 1s;
}

.btn-dropdown.open {
    background-color: #2293FE33;
    border-radius: 5px 5px 0 0;
}

.btn-dropdown.open .icon-dropdown svg {
    transform: rotate(-90deg);
}

.checkbox-area {
    border-bottom: 1px solid rgba(251, 251, 251, 0.2);

}

.btn-dropdown.active {
    background: rgba(34, 147, 254, 0.20);
    border-radius: 5px 5px 0 0;
}

/* ------------------------------switch-------------------- */
.switch-area {
    padding: 17px 11px;
    border-bottom: 1px solid rgba(251, 251, 251, 0.2);
}

.switch-area .toggle {
    cursor: pointer;
    display: inline-block;
    width: 100%;
}

.switch-area .toggle-switch {
    display: inline-block;
    background: transparent;
    border-radius: 16px;
    width: 52px;
    height: 26px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
    border: 3px solid #2389C9;
    float:left !important;

}

.switch-area .toggle-switch:before, .toggle-switch:after {
    content: "";
}

.switch-area .toggle-switch:before {
    display: block;
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 3px;
    transition: left 0.25s;
}

.switch-area .toggle-switch:hover::after {
    background-color: red;
}

.switch-area .toggle-switch:hover::before {
    background-color: red;
}

.switch-area .toggle:hover .toggle-switch:before {
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
    box-shadow: 0 0 0 10px rgba(79, 161, 212, .35);
}

.switch-area .toggle-checkbox:checked + .toggle-switch {
    background: #2389C9;
}

.switch-area .toggle-checkbox:checked + .toggle-switch:before {
    left: 27px;
}

.switch-area .toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.switch-area .toggle-label {
    margin-left: 5px;
    position: relative;
    top: 2px;
    color: #FBFBFB;
    font-size: 16px;
    font-weight: 500;
    float: right;
}

/* .toggle-switch:hover{

} */
/* ---------------------input------------------- */
.input-filter-area {
    margin: 3px 2px 0 2px;
    position: relative;
}

.input-filter-area input {
    width: 100%;
    background-color: transparent !important;
    color: #A7A5BB !important;
    border: 1px solid rgba(167, 165, 187, .6) !important;
    border-radius: 5px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-right: 37px !important;
    padding-left: 37px !important;
    height: 40px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    position: relative !important;
    z-index: 9;

}

.input-filter-area input::placeholder {
    color: #A7A5BB !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 100% !important;

}

.input-filter-area::before {
    content: "";
    width: 24px;
    height: 24px;
    /*background-image: url(../images/MagnifyingGlass.png);*/
    position: absolute;
    right: 10px;
    top: 6px;
    z-index: 10;
}

.cbx span:nth-child(2) {
    color: #fff;
}

.input-filter-area .empty-input {
    /* content: ""; */
    width: 24px !important;
    height: 24px !important;
    /* background-image: url(./images/X.png); */
    position: absolute !important;
    left: 10px !important;
    top: 5px !important;
    cursor: pointer !important;
    z-index: 10 !important;
}

.input-filter-area input:focus {
    outline: none !important;
    border-color: #7BB8DF !important;
    background-color: #0E3750 !important;
    color: #fff !important;
}

.input-filter-area input:focus::placeholder {
    color: #FBFBFB !important;
    z-index: 12 !important;
}

/* .input-filter-area input[placeholder]:focus{
  color: red;
} */


/* -----------------single selwct checkbox----------------------- */
/* .checkbox-wrapper-31:hover .check {
  stroke-dashoffset: 0;
} */
.checkbox-wrapper-31 label{
    color:#fff;
}

.checkbox-wrapper-31 svg {
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    float: left !important;
}

.checkbox-wrapper-31:hover svg {
    box-shadow: 0 0 0 5px rgba(79, 161, 212, .35);
    background-color: rgba(79, 161, 212, .35);
}

.checkbox-wrapper-31 label {
    float: right;
}


.checkbox-wrapper-31 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 26px 37px 26px 21px !important;
    /* height: 40px; */
}

.checkbox-wrapper-31 .background {
    fill: transparent;
    transition: ease all 0.6s;
    -webkit-transition: ease all 0.6s;
    border: 2px solid #fff;
}

.checkbox-wrapper-31 .stroke {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 3px;
    stroke-dashoffset: 100;
    stroke-dasharray: 100;
    transition: ease all 0.6s;
    -webkit-transition: ease all 0.4s;
}

.checkbox-wrapper-31 .check {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3px;
    stroke-dashoffset: 22;
    stroke-dasharray: 22;
    transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
}

.checkbox-wrapper-31 input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    opacity: 0;
    -appearance: none;
    -webkit-appearance: none;
}

.checkbox-wrapper-31 input[type=checkbox]:hover {
    cursor: pointer;
}

.checkbox-wrapper-31 input[type=checkbox]:checked + svg .background {
    fill: #2389C9;
}

.checkbox-wrapper-31 input[type=checkbox]:checked + svg .stroke {
    stroke-dashoffset: 0;
}

.checkbox-wrapper-31 input[type=checkbox]:checked + svg .check {
    stroke-dashoffset: 0;
}

.checkbox-wrapper-31 input[type=checkbox]:checked + svg {
    border: 2px solid #2389C9;
}

/*--------------dropdown css------------*/
.btn:focus {
      outline: none;
      box-shadow: none;
    }
    select.btn.dropdown-toggle{
            appearance: none;
    background-image: url(https://geekbazi.com/wp-content/uploads/2023/12/chevron-down-icon-1.svg);
    background-repeat: no-repeat;
    background-position: left 15px top 52%;
    background-size: 0.65rem auto;
    padding-right:15px;
    padding-left:45px;
    }
 
    .custom-dropdown,.dropdown-menu {
      box-shadow: 0px 2px 5px #0000001A;
      border: 1px solid #2389c9;
      border-radius: 8px;
    }
    select.btn.dropdown-toggle{
        color:#fff !important;
        text-align:right;
        font-family: IranSans !important;
    }
    select.btn.dropdown-toggle option{
        color:#000 !important;
         font-family: IranSans !important;
    }
    select.btn.dropdown-toggle option:nth-child(1){
        display:none;
    }
    

    .custom-dropdown .dropdown-item {
      color: #414D55;
      font-size: 14px;
    }
    .custom-dropdown .dropdown-item:active {
      background-color: red;
      color: #fff;
    }

    .status_dropdown {
      min-width: 150px;
    }

    .status_dropdown {
      background-color: transparent;
      border: 1px solid #43405A;
      color:#fff !important;
    }
      .title-desc h1{
            color:#fbfbfb;
            font-size:24px;
            font-family: kalame !important;
        }
        .text-desc ul{
            color:#e9e9e9;
            font-size:17px;
            font-weight:800;
        }
        .text-desc{
           color:#e9e9e9; 
        }
/*----------------------------------------*/