.row1{ outline: none; padding: 5px 20px; overflow: auto; height: 157px; } .sky-form h4{ color: #555; font-size: 1.1em; padding: 5px 10px; background: #F7F7F7; border: 1px solid #E6E6E6; text-transform: uppercase; } .sky-form .input, .sky-form .select, .sky-form .textarea, .sky-form .radio, .sky-form .checkbox, .sky-form .toggle, .sky-form .button { position: relative; display: block; } /* radios and checkboxes */ .sky-form .radio,.sky-form .checkbox { outline:none; border:none; margin-bottom: 4px; padding-left: 27px; font-size: 13px; line-height: 27px; color: #555555; cursor: pointer; text-transform: capitalize; margin-top: 0; } .sky-form .radio:last-child, .sky-form .checkbox:last-child { margin-bottom: 0; } .sky-form .radio input, .sky-form .checkbox input { position: absolute; left: -9999px; } .sky-form .radio i, .sky-form .checkbox i { position: absolute; top: 5px; left: 0; display: block; width: 16px; height: 16px; outline: none; border-width: 2px; border-style: solid; background: #fff; } .sky-form .radio i { border-radius: 50%; } .sky-form .radio input + i:after, .sky-form .checkbox input + i:after { position: absolute; opacity: 0; transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; } .sky-form .radio input:checked + i:after, .sky-form .checkbox input:checked + i:after { opacity: 1; } .sky-form .inline-group .radio, .sky-form .inline-group .checkbox { float: left; margin-right: 30px; } .sky-form .inline-group .radio:last-child, .sky-form .inline-group .checkbox:last-child { margin-bottom: 4px; } .sky-form .checkbox input + i:after { content:''; top: 0px; left:-3px; width: 15px; height: 15px; background: url(../images/b-arrow.png); text-align: center; } .sky-form .checkbox input + i:after { color:#fff; } .sky-form .checkbox i{ border-color:#E5E5E5; } .sky-form .radio input:checked + i, .sky-form .checkbox input:checked + i, .sky-form .toggle input:checked + i { border-color:#888; } /*-- start scrollpane --*/ .jspContainer{ overflow: hidden; position: relative; } .jspPane{ position: absolute; outline: none; } .jspVerticalBar{ position: absolute; top: 0; right:40px; width:3px; height: 100%; } .jspHorizontalBar{ position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspCap{ display: none; } .jspHorizontalBar .jspCap{ float: left; } .jspTrack{ background: #f0f0f0; position: relative; } .jspDrag{ background: #777777; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{ float: left; height: 100%; } .jspArrow{ background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled{ cursor: default; background: #80808d; } .jspVerticalBar .jspArrow{ height: 16px; } .jspHorizontalBar .jspArrow{ width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus{ outline: none; } .jspCorner{ background: #eeeef4; float: left; height: 100%; }