.spinner.input-group .input-group-addon .spin-up,
.spinner.input-group .input-group-addon .spin-down {
    height: 10px;
    width: 10px;
    overflow: hidden;
    display: block;
    text-align: center;
    color: #999
}

.spinner.input-group .input-group-addon .spin-up:hover,
.spinner.input-group .input-group-addon .spin-down:hover {
    color: #555
}

.spinner.input-group .input-group-addon .spin-up .fa,
.spinner.input-group .input-group-addon .spin-down .fa {
    margin-top: -8px;
    vertical-align: middle
}

.spinner.input-group .input-group-addon .spin-up .glyphicon,
.spinner.input-group .input-group-addon .spin-down .glyphicon {
    font-size: 10px;
    top: -2px
}

.spinner.input-group .input-group-addon a.spin-up,
.spinner.input-group .input-group-addon a.spin-down {
    text-decoration: none
}

.spinner.input-group .input-group-addon button.spin-up,
.spinner.input-group .input-group-addon button.spin-down {
    background: 0;
    border: 0;
    padding: 0
}

.spinner.input-group.input-group-sm .input-group-addon .spin-up,
.spinner.input-group.input-group-sm .input-group-addon .spin-down {
    height: 8px
}

.spinner.input-group.input-group-sm .input-group-addon .spin-up .fa,
.spinner.input-group.input-group-sm .input-group-addon .spin-down .fa {
    margin-top: -12px
}

.spinner.input-group.input-group-sm .input-group-addon .spin-up .glyphicon,
.spinner.input-group.input-group-sm .input-group-addon .spin-down .glyphicon {
    font-size: 8px;
    top: -5px
}

.spinner.input-group.input-group-lg .input-group-addon .spin-up,
.spinner.input-group.input-group-lg .input-group-addon .spin-down {
    height: 12px;
    width: 12px
}

.spinner.input-group.input-group-lg .input-group-addon .spin-up .fa,
.spinner.input-group.input-group-lg .input-group-addon .spin-down .fa {
    margin-top: -16px
}

.spinner.input-group.input-group-lg .input-group-addon .spin-up .glyphicon,
.spinner.input-group.input-group-lg .input-group-addon .spin-down .glyphicon {
    font-size: 12px;
    top: -6px
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text
}

.bootstrap-tagsinput input {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777
}

.bootstrap-tagsinput input:focus {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0 2px
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

/*! nouislider - 13.1.5 - 4/24/2019 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #BBB;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #BBB
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #BBB;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #BBB
}

.noUi-active {
    -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-sub {
    background: #AAA
}

.noUi-marker-large {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.dtp {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2000;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dtp>.dtp-content {
    background: #fff;
    max-width: 300px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    max-height: 520px;
    position: relative;
    left: 50%
}

.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
    background: #689f38;
    color: #fff;
    text-align: center;
    padding: .3em
}

.dtp div.dtp-date,
.dtp div.dtp-time {
    background: #8bc34a;
    text-align: center;
    color: #fff;
    padding: 10px
}

.dtp div.dtp-date>div {
    padding: 0;
    margin: 0
}

.dtp div.dtp-actual-month {
    font-size: 1.5em
}

.dtp div.dtp-actual-num {
    font-size: 3em;
    line-height: .9
}

.dtp div.dtp-actual-maxtime {
    font-size: 3em;
    line-height: .9
}

.dtp div.dtp-actual-year {
    font-size: 1.5em;
    color: #dcedc8
}

.dtp div.dtp-picker {
    padding: 1em;
    text-align: center
}

.dtp div.dtp-picker-month,
.dtp div.dtp-actual-time {
    font-weight: 500;
    text-align: center
}

.dtp div.dtp-picker-month {
    padding-bottom: 20px !important;
    text-transform: uppercase !important
}

.dtp .dtp-close {
    position: absolute;
    top: .5em;
    right: 1em
}

.dtp .dtp-close>a {
    color: #fff
}

.dtp .dtp-close>a>i {
    font-size: 1em
}

.dtp table.dtp-picker-days {
    margin: 0;
    min-height: 251px
}

.dtp table.dtp-picker-days,
.dtp table.dtp-picker-days tr,
.dtp table.dtp-picker-days tr>td {
    border: 0
}

.dtp table.dtp-picker-days tr>td {
    font-weight: 700;
    font-size: .8em;
    text-align: center;
    padding: .5em .3em
}

.dtp table.dtp-picker-days tr>td>span.dtp-select-day {
    color: #bdbdbd !important;
    padding: .4em .5em .5em .6em
}

.dtp table.dtp-picker-days tr>td>a,
.dtp .dtp-picker-time>a {
    color: #212121;
    text-decoration: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    border-radius: 50% !important
}

.dtp table.dtp-picker-days tr>td>a.selected {
    background: #8bc34a;
    color: #fff
}

.dtp table.dtp-picker-days tr>th {
    color: #757575;
    text-align: center;
    font-weight: 700;
    padding: .4em .3em
}

.dtp .p10>a {
    color: #689f38;
    text-decoration: none
}

.dtp .p10 {
    width: 10%;
    display: inline-block
}

.dtp .p20 {
    width: 20%;
    display: inline-block
}

.dtp .p60 {
    width: 60%;
    display: inline-block
}

.dtp .p80 {
    width: 80%;
    display: inline-block
}

.dtp a.dtp-meridien-am,
.dtp a.dtp-meridien-pm {
    position: relative;
    top: 10px;
    color: #212121;
    font-weight: 500;
    padding: .7em .5em;
    border-radius: 50% !important;
    text-decoration: none;
    background: #eee;
    font-size: 1em
}

.dtp .dtp-actual-meridien a.selected {
    background: #689f38;
    color: #fff
}

.dtp .dtp-picker-time>.dtp-select-hour {
    cursor: pointer
}

.dtp .dtp-picker-time>.dtp-select-minute {
    cursor: pointer
}

.dtp .dtp-buttons {
    padding: 0 1em 1em 1em;
    text-align: right
}

.dtp.hidden,
.dtp .hidden {
    display: none
}

.dtp .invisible {
    visibility: hidden
}

.dtp .left {
    float: left
}

.dtp .right {
    float: right
}

.dtp .clearfix {
    clear: both
}

.dtp .center {
    text-align: center
}

.dtp-picker-year {
    margin-bottom: 1px
}

.year-picker-item {
    text-align: center;
    padding-top: 5px;
    font-size: large;
    cursor: pointer;
    margin: 0 auto
}

.dtp-actual-year:hover {
    cursor: pointer
}

.dtp-actual-year.disabled:hover {
    cursor: inherit
}

.year-picker-item:hover {
    color: #689f38
}

.year-picker-item.active {
    color: #689f38;
    font-weight: bold
}

.dtp-select-year-range {
    display: inline-block;
    text-align: center;
    width: 100%
}