
.nouislider-wrapper {
	margin-bottom: 1.25rem
}

.noUi-handle {
	padding: 0;
	display: inline-block;
	background: url('icon-kimcuong.png');
	color: #fff;
	border: none;
	vertical-align: middle;
	border-radius: 1.25rem;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: normal;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: -webkit-box-shadow 150ms;
	transition: -webkit-box-shadow 150ms;
	transition: box-shadow 150ms;
	transition: box-shadow 150ms, -webkit-box-shadow 150ms;
	outline: 0;
}

.noUi-handle:before,
.noUi-handle:after {
	display: none
}

.noUi-handle:hover,
.noUi-handle:focus,
.noUi-handle:active {
	/*-webkit-box-shadow: 0 0 0 1px rgba(52, 108, 176, .26);
	box-shadow: 0 0 0 1px rgba(52, 108, 176, .26);*/
}

.noUi-horizontal {
	height: 10px;
	border: 1px solid #74dcdc !important;
}

.noUi-horizontal .noUi-handle {
	width: 1.25rem;
	height: 1.25rem;
	left: -12px;
	top: -8px
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
	right: -.625rem;
	cursor: pointer;
}

.noUi-vertical {
	width: 4px !important
}

.noUi-vertical .noUi-handle {
	width: 1.25rem;
	height: 1.25rem;
	left: -8px;
	top: -12px
}

.noUi-target {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
}

.noUi-connect {
	background-color: #0E99A1;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.noUi-handle,
.noUi-active {
	-webkit-box-shadow: none;
	box-shadow: none
}

.noUi-pips {
	color: #686f76;
	font-size: .875rem
}

.noUi-pips-horizontal {
	padding: 6px 0;
	height: 50px;
}

.noUi-pips-vertical {
	padding: 0 6px;
	width: 55px
}

.noUi-marker {
	background-color: #e9eaeb
}

.noUi-marker-sub,
.noUi-marker-large {
	background-color: #e9eaeb
}

.noUi-value-horizontal {
	margin-top: 4px
}

.noUi-value-vertical {
	margin-left: 4px
}

.noUi-tooltip {
	font-size: .875rem;
	color: #fff;
	border-color: transparent;
	background-color: #131d28;
	opacity: .9;
	border-radius: .25rem
}

.noUi-horizontal .noUi-tooltip {
	bottom: 200%
}

.noUi-vertical .noUi-tooltip {
	right: 200%
}

.noUi-primary .noUi-connect {
	background-color: #007bff
}

.noUi-primary .noUi-handle {
	border-color: #007bff
}

.noUi-primary .noUi-handle:hover,
.noUi-primary .noUi-handle:focus,
.noUi-primary .noUi-handle:active {
	-webkit-box-shadow: 0 0 0 4px rgba(52, 108, 176, .26);
	box-shadow: 0 0 0 4px rgba(52, 108, 176, .26)
}

.noUi-success .noUi-connect {
	background-color: #28a745
}

.noUi-success .noUi-handle {
	border-color: #28a745
}

.noUi-success .noUi-handle:hover,
.noUi-success .noUi-handle:focus,
.noUi-success .noUi-handle:active {
	-webkit-box-shadow: 0 0 0 4px rgba(0, 162, 138, .26);
	box-shadow: 0 0 0 4px rgba(0, 162, 138, .26)
}

.noUi-info .noUi-connect {
	background-color: #17a2b8
}

.noUi-info .noUi-handle {
	border-color: #17a2b8
}

.noUi-info .noUi-handle:hover,
.noUi-info .noUi-handle:focus,
.noUi-info .noUi-handle:active {
	-webkit-box-shadow: 0 0 0 4px rgba(1, 121, 168, .26);
	box-shadow: 0 0 0 4px rgba(1, 121, 168, .26)
}

.noUi-warning .noUi-connect {
	background-color: #ffc107
}

.noUi-warning .noUi-handle {
	border-color: #ffc107
}

.noUi-warning .noUi-handle:hover,
.noUi-warning .noUi-handle:focus,
.noUi-warning .noUi-handle:active {
	-webkit-box-shadow: 0 0 0 4px rgba(247, 196, 108, .26);
	box-shadow: 0 0 0 4px rgba(247, 196, 108, .26)
}

.noUi-danger .noUi-connect {
	background-color: #dc3545
}

.noUi-danger .noUi-handle {
	border-color: #dc3545
}

.noUi-danger .noUi-handle:hover,
.noUi-danger .noUi-handle:focus,
.noUi-danger .noUi-handle:active {
	-webkit-box-shadow: 0 0 0 4px rgba(183, 107, 163, .26);
	box-shadow: 0 0 0 4px rgba(183, 107, 163, .26)
}

.noUi-dark .noUi-connect {
	background-color: #343a40
}

.noUi-dark .noUi-handle {
	border-color: #343a40
}

.noUi-dark .noUi-handle:hover,
.noUi-dark .noUi-handle:focus,
.noUi-dark .noUi-handle:active {
	-webkit-box-shadow: 0 0 0 4px rgba(61, 70, 79, .26);
	box-shadow: 0 0 0 4px rgba(61, 70, 79, .26)
}

.noUi-target[disabled] .noUi-connect {
	background-color: #e9eaeb
}

.noUi-target[disabled] .noUi-handle {
	border-color: #e9eaeb;
	background-color: #f5f5f5
}

.noUi-origin[disabled] .noUi-handle {
	border-color: #e9eaeb;
	background-color: #f5f5f5
}


.noUi-success .noUi-connect {
    background-color: #28a745;
}