/*---Dropdown----*/
.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 10px 0px 10px 1px;
    font-size: 15px;
    background: none;
    border: none;
    background-image: url('../../assets/img/icons/icon-arrow-down.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    cursor: pointer;
    position: relative;
    user-select: none;
}

.select-wrapper {
    height: 40px;
    position: relative;
    display: flex;
    /*text-align: center;*/
    justify-items: center;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #DBDADE;
    border-radius: 5px;
}

.select-icon{
    padding: 10px 1px 10px 10px;
}


.custom-select-container {
    width: 100%;
    position: relative;
}

.custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border-radius: 8px;
    margin-top: 1px;
    display: none;
    z-index: 999;
}

.custom-options div {
    padding: 7px;
    cursor: pointer;
    /*border-bottom: 1px solid #eee;*/
    transition: background 0.3s;
    margin: 5px;
    font-size: 15px;
    border-radius: 8px;
}

.custom-options div:hover {
    background-color: #f0f0f0;
    color: #AA3050;
    border-radius: 8px;
    margin: 5px;

}

.custom-options .item.active {
    background-color: #AA3050;
    color: white;
    border-radius: 8px;
    margin: 5px;
}

.custom-options.show {
    display: block;
}

/*---Dropdown----*/


.dropdownMenuButton:hover {
    /*background-color: #0056b3;*/
    height: 37px;
    width: 100%;
    position: relative;
    display: flex;
    text-align: left;
    justify-items: center;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #DBDADE;
    border-radius: 5px;
}

.dropdownMenuButton {
    height: 37px;
    width: 100%;
    position: relative;
    display: flex;
    padding-right: 10px;
    text-align: left;
    justify-items: center;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #DBDADE;
    border-radius: 5px;
}

/*.dropdown-item, .dropdown-menu{*/
    /*width: 100%;*/
    /*position: absolute;*/
/*}*/

.dropdown-title{
    width: 100%;
    position: relative;
}

.dropdown-item:hover{
    color:  #AA3050;
}


.custom-select1 {
    appearance: none; /* Remove default styles (Chrome/Safari) */
    -webkit-appearance: none; /* Safari */
    -moz-appearance: none; /* Firefox */
    width: 100%;
    color: #4B465C;
    padding: 10px 30px 10px 1px;
    font-size: 15px;
    background: none;
    border: none;
    background-image: url('../../assets/img/icons/icon-arrow-down.svg'); /* Custom dropdown arrow */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px;
    cursor: pointer;
    position: relative;
    user-select: none;
}


.custom-select1:focus {
    /*border-color: #0056b3;*/
    outline: none;
}

.dropdown-label:focus {
    border-color: #0056b3;
    outline: none;
}


.dropdown-label {
    appearance: none; /* Remove default styles (Chrome/Safari) */
    -webkit-appearance: none; /* Safari */
    -moz-appearance: none; /* Firefox */
    color: #4B465C;
    font-size: 15px;
    font-weight: initial;
    background: white;
    cursor: pointer;
    position: relative;
    user-select: none;
}

.custom-options-item {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    color: black;
    background-color: red;
    background: white;
    padding-left: 50px;
    border-radius: 8px;
    margin-top: 5px;
    /*display: none;*/
    z-index: 999;
}


/*----------Remove border--------------*/

/*---------Icons Search-------*/

.select2-container--default .select2-selection--single {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent; /* Optional: match background */
    height: auto; /* Optional: adjust height if needed */
}

/* Remove border from Bootstrap selectpicker dropdown button */
.bootstrap-select .dropdown-toggle {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent; /* optional */
}

/*.form-select {*/
    /*border: none!important;*/
    /*background-color: transparent;*/
    /*box-shadow: none;*/
    /*outline: none!important;*/
/*}*/

/*-------Remove Drop down arrow--------*/
/*.bootstrap-select .dropdown-toggle::after {*/
    /*display: none;*/
/*}*/

/* Yacoob */
.repeater-wrapper .form-select { width: 160px !important; }