/* CSS Document */
.inner { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-touch-callout: none; -moz-user-select: none; }

.input tr:nth-child(even) { background-color: #F7F7F7 !important; }
.input tr th, .input tr td { border-top: none; border-bottom: none; }
.input tr th { background: none; padding: 25px 0; }
.input .barWrap { height: 30px; padding: 10px 0px 0px 10px; }
.input .barWrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.input .bar { position: relative; float: left; background: #DDD; width: 78%; height: 6px; border-radius: 6px; }
.input .bar .min, .input .bar .max { font-size: 10px; position: absolute; bottom: -20px; line-height: 1; width: 40px; text-align: center; }
.input .bar .min { left: 0; margin-left: -20px; }
.input .bar .max { right: 0; margin-right: -20px; }
.input .barPointer { position: absolute; width: 20px; height: 20px; border-radius: 100%; background: #333; margin: -7px 0 0 -10px; cursor: pointer; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; z-index: 2; top: 0; }
.input .barPointer.move { transition: inherit; -webkit-transition: inherit; }
.input .barPointer:hover, .input .barPointer:active { background: #666; }
.input .barReset { font-size: 10px; position: absolute; left: 50%; bottom: -20px; line-height: 1; width: 40px; text-align: center; margin-left: -20px; text-decoration: underline; cursor: pointer; color: #ABABAB; }
.input .barReset:hover { text-decoration: none; }
.input .barInputWrap { float: right; width: 18%; margin-top: -10px; font-size: 12px; }
.input .barInputWrap .barInput { display: inline-block; font-size: 12px; width: 40px; height: 30px; border: 1px solid #DDD; padding: 0 5px; margin-right: 5px; }