/* UI Slider */
.duration-slider-wrapper {
    width: calc(100% - 44px);
    margin: 0 auto;
    padding: 0;
}
 /* From Inputes */
.from-inputs-wrapper,
.to-inputs-wrapper{
    float: left;
}

.from-inputs-wrapper{
}
.to-inputs-wrapper{}
    
.from-inputs-wrapper .no-ui-slide-inputes input,
.to-inputs-wrapper .no-ui-slide-inputes input {
    float: left;
    width: 35px;
    height: 22px;
    font-size: 12px;
    text-align: center;
    border:  1px solid rgb(163, 175, 251);
    
}

.from-inputs-wrapper .no-ui-slide-inputes input:focus,
.to-inputs-wrapper .no-ui-slide-inputes input:focus{
    border: 1px solid #0099e5 !important; 
    outline: none !important;
    box-shadow: none !important;
}

.from-inputs-wrapper .no-ui-slide-inputes input:first-child{border-right:0 solid #fff}
.from-inputs-wrapper .no-ui-slide-inputes input:first-child:focus{border-right:0 solid #fff !important}

.from-inputs-wrapper .no-ui-slide-inputes input:last-child{border-left:0 solid #fff}
.from-inputs-wrapper .no-ui-slide-inputes input:last-child:focus{border-left:0 solid #fff !important}

.to-inputs-wrapper .no-ui-slide-inputes input:first-child{border-right:0 solid #fff}
.to-inputs-wrapper .no-ui-slide-inputes input:first-child:focus{border-right:0 solid #fff !important}

.to-inputs-wrapper .no-ui-slide-inputes input:last-child{border-left:0 solid #fff !important}
.to-inputs-wrapper .no-ui-slide-inputes input:last-child:focus{border-left:0 solid #fff !important}




.from-inputs-wrapper .no-ui-labels,
.to-inputs-wrapper .no-ui-labels{
    margin-bottom: 0;
    font-size: 12px;
    line-height: 10px;
}



#slider-wrapper{
    margin-top: 0 !important;
}

.noUi-target{
   height: 0;
   margin: 0;
}

.noUi-base {
   height: 4px;
}

.noUi-origin{

}

.noUi-handle{
   
    /* display: none; */
}

.noUi-touch-area{
    height: 10px !important;
    width: 8px !important;
}

.noUi-connect {
    background: #0099e5; /* Tailwind indigo-600 */
}

.noUi-handle {
    /* border-radius: 100%; */
    height: 20px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    background-color: burlywood;


    width: 15px !important;
    height: 28px !important;
    right: -15px !important;
    top: -11px !important;




}