.top-select{
    position: relative;
    padding-top: 20px;
    margin-bottom: 5px;
    min-height: 70px;
}
.top-select select{
    padding: 0px;
    border-radius: 3px;
    color: #232222;
    border: solid 1px #d4e2f9;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    /* background-color: rgb(19, 87, 193); */
    margin-left: 3px;
    width: 100%;
    margin-bottom: 5px;
    height: 31px;
}
.top-select label{
        font-weight: bold;
    color: #007ad4;
    font-size: 0.8rem;
}
.top-select select:hover{
    /* background-color: #0d47a1; */
    /* color: #fff; */
}
.top-select option:nth-of-type(odd) {
    background-color: #edf4ff;
}

.top-select select option{
    padding: 16px!important;
    display: block;
}


.top-select .ui-selectonemenu{

    padding: 0px;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #ccc!important;
    cursor: pointer;
    /*    transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;*/
    /* background-color: rgb(19, 87, 193); */
    margin-left: 3px;
    width: 100%;
    margin-bottom: 5px;
    height: 35px;


}
.top-select .ui-selectonemenu:hover{
    /*border: 1px solid #1d6ac7!important;*/
}
.top-select .ui-selectonemenu:hover .ui-icon{
    color:#ff5b00;
}
.ui-selectonemenu-panel .ui-selectonemenu-list{
    padding: 0!important;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item{
    text-align: right!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    direction: rtl;
    border-bottom: 1px solid #ceeaff!important;
    margin: 0!important;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item:nth-of-type(odd) {
    background-color: #edf4ff;
}
.top-select .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    text-indent: 0;
    color:#717171;
}
.top-select .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before{
    text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f0d7";
}
.ui-selectonemenu .ui-selectonemenu-label{
   text-align: right!important;
    color: #000;
    font-family: main-font;
    font-size: 16px;
    padding: 5px!important;
    padding-right: 24px!important;
    cursor: text!important;
}
.top-select .ui-selectonemenu .ui-selectonemenu-trigger{
    padding-top: 7px!important;
    padding-right: 4px!important;
    width: 15px;
    right:  4px;
    left: unset;
    background-color: #fff;
    
}
.ui-selectonemenu-panel{
    background-color: #ffffff;
    color: #0d47a1;
    border: 1px solid #ceeaff;
}

.ui-selectonemenu-panel li.ui-state-hover,
.ui-selectonemenu-panel .ui-selectonemenu-list-item:focus{
    background-color: #ff5b00!important;
    color: #fff!important;
}
.ui-selectonemenu-panel li.ui-state-highlight{
    background-color: #0449bd!important;
    color: #fff!important;
}

.ui-selectonemenu-filter-container{
    border-bottom: 1px solid;
    padding: 0!important;
    width: 100%;
    height: 30px;
    position: relative;
}
.ui-selectonemenu-filter-container input{
    width: 100%!important;
    border: none;
    direction: rtl;
    padding-right: 8px!important;
    padding-top: 7px!important;
    color: #ff5b00;
    font-size: 15px;
}
.ui-selectonemenu-filter-container .ui-icon-search{
    top: 2px!important;
    left: 5px!important;
    right: unset!important;
    color: #0d47a1;
    /* background-color: red; */
    width: 25px;
    height: 25px;
    text-indent: 0;
}
.ui-selectonemenu-filter-container .ui-icon-search:before{
    background: none;
    font-family: FontAwesome;
    width: auto;
    font-size: 18px;
    content: "\f002";
    position: absolute;
    left: 0;
    top: 0;
}
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger,
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label{
    background-color: #f5f5f7;
}

.top-select .btn-refresh{
    position: absolute;
    top: 28px;
    left: 1px;
    border: none;
    background-color: #ffffff;
    outline: none;
    width: 21px;
    height: 20px;
    font-size: 14px;
    color: #ababab; 
    display: none;
}
.top-select .btn-refresh:hover{   
     color: #0240b7; 
}
.top-select:hover .btn-refresh{
    display: block;
}
.top-select .btn-refresh .ui-icon{
    text-indent: 0;
}
.top-select .icon-caret-down{
    position: absolute;
    top: 27px!important;
    left: 2px!important;
    z-index: 100;
    background: white;
    padding: 4px 8px;
    pointer-events: none!important;
    color: #c2dbe4;
    font-size: 20px;
}