/* ui-slider スタイル */
.form-range .range-slider {
    margin: 0 10px;
}
.ui-slider-horizontal {
    height: 0px;
    border-bottom: 1px solid #000000 !important;
    margin-top: 30px;
    margin-bottom: 30px;
}
.ui-slider .ui-slider-handle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -10px;
    border: 1px solid #000000;
    background-color: white;
}
.ui-widget-header {
    background-color: #ddd;
}
.ui-state-active {
    border-color: #ddd;
    background-color: #000;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #ddd;
	background: #ddd;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #ddd;
	background-color: #fff;
}
/* テキスト入力 */
.form-range .range-text {
    display: flex;
    justify-content: space-between;
}
.form-range .range-text-center,
.form-range .range-text-from,
.form-range .range-text-to {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 5px;
}
.form-range .range-text-from span,
.form-range .range-text-to span {
    margin-left: 3px;
}
/* ボタン */
.form-range .btn-group {
    margin-top:  15px;
    width: 100%;
}
.form-range .btn-search,
.form-range .btn-clear {
    float: right;
    margin-left: 5px;
    width: 50%;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    border-radius: 5px;
}
.form-range .btn-search {
    background-color:  #525252;
    color:  #FFF;
    border: none;
}
.form-range .btn-clear {
    background-color: #FFF;
    color: #000;
    border: 1px solid #cdcdcd;
}