.jcf-radio{
    vertical-align:middle;
    display:inline-block;
    position:relative;
    overflow:hidden;
    cursor:default;
    background:#fff;
    border:1px solid #cfcfcf;
    border-radius:10px;
    margin:0 2px 0 0;
    height:20px;
    width:20px;
    background:#fff;
    background:-moz-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0,#fff),color-stop(30%,#fff),color-stop(100%,#f2f2f2));
    background:-webkit-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:-o-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:-ms-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:linear-gradient(to bottom,#fff 0,#fff 30%,#f2f2f2 100%)
}
.jcf-radio span{
    visibility:hidden;
    opacity:0;
    position:absolute;
    top:4px;
    left:4px;
    right:4px;
    bottom:4px;
    background:#ffc511;
    ;
    border-radius:100%
}
.jcf-radio input[type=radio]{
    position:absolute;
    height:100%;
    width:100%;
    border:0;
    margin:0;
    left:0;
    top:0
}
.jcf-radio.jcf-checked span{
    visibility:visible;
    opacity:1
}
.jcf-checkbox{
    vertical-align:middle;
    display:inline-block;
    position:relative;
    overflow:hidden;
    cursor:default;
    background:#fff;
    border:1px solid #cfcfcf;
    margin:0 2px 0 0;
    height:20px;
    width:20px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#fff;
    background:-moz-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0,#fff),color-stop(30%,#fff),color-stop(100%,#f2f2f2));
    background:-webkit-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:-o-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:-ms-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:linear-gradient(to bottom,#fff 0,#fff 30%,#f2f2f2 100%)
}
.jcf-checkbox span{
    visibility:hidden;
    opacity:0;
    position:absolute;
    height:8px;
    width:8px;
    top:50%;
    left:50%;
    margin:-4px 0 0 -4px;
    background:#ffc511;
    ;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px
}
:root .jcf-checkbox span{
    margin:-4px 0 0 -4px
}
.jcf-checkbox input[type=checkbox]{
    position:absolute;
    width:100%;
    height:100%;
    border:0;
    margin:0;
    left:0;
    top:0
}
.jcf-checkbox.jcf-checked span{
    visibility:visible;
    opacity:1
}
.jcf-button{
    display:inline-block;
    vertical-align:top;
    position:relative;
    overflow:hidden;
    border:1px solid #777;
    background:#fff;
    margin:0 10px 10px 0;
    padding:5px 10px
}
.jcf-button .jcf-real-element{
    position:absolute;
    min-height:100%;
    min-width:100%;
    outline:0;
    opacity:0;
    padding:0;
    margin:0;
    border:0;
    bottom:0;
    right:0;
    left:0;
    top:0
}
.jcf-file{
    display:inline-block;
    white-space:nowrap;
    position:relative;
    overflow:hidden;
    background:#fff
}
.jcf-file .jcf-real-element{
    position:absolute;
    font-size:200px;
    height:200px;
    margin:0;
    right:0;
    top:0
}
.jcf-file .jcf-fake-input{
    display:inline-block;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:top;
    overflow:hidden;
    border:1px solid #777;
    padding:0 8px;
    font-size:13px;
    line-height:28px;
    height:28px;
    width:125px
}
.jcf-file .jcf-upload-button{
    display:inline-block;
    vertical-align:top;
    white-space:nowrap;
    overflow:hidden;
    border:1px solid #777;
    margin:0 0 0 -1px;
    padding:0 10px;
    line-height:28px;
    height:28px
}
.jcf-scrollable-wrapper{
    box-sizing:content-box;
    position:relative
}
.jcf-scrollbar-vertical{
    position:absolute;
    cursor:default;
    background:#e3e3e3;
    width:14px;
    bottom:0;
    right:0;
    top:0
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,.jcf-scrollbar-vertical .jcf-scrollbar-inc{
    background:#bbb;
    height:14px;
    width:14px;
    left:0;
    top:0
}
.jcf-scrollbar-vertical .jcf-scrollbar-inc{
    top:auto;
    bottom:0
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle{
    background:#888;
    height:1px;
    width:14px
}
.jcf-scrollbar-horizontal{
    position:absolute;
    background:#e3e3e3;
    right:auto;
    top:auto;
    left:0;
    bottom:0;
    width:1px;
    height:14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-dec,.jcf-scrollbar-horizontal .jcf-scrollbar-inc{
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
    background:#bbb;
    height:14px;
    width:14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-inc{
    left:auto;
    right:0
}
.jcf-scrollbar-horizontal .jcf-scrollbar-slider{
    display:inline-block;
    position:relative;
    height:14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-handle{
    position:absolute;
    background:#888;
    height:14px
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle{
    visibility:hidden
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc{
    background:#e3e3e3
}
.jcf-select{
    display:inline-block;
    vertical-align:top;
    position:relative;
    border:1px solid #cfcfcf;
    min-width:100%;
    height:50px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#fff;
    background:-moz-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0,#fff),color-stop(30%,#fff),color-stop(100%,#f2f2f2));
    background:-webkit-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:-o-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:-ms-linear-gradient(top,#fff 0,#fff 30%,#f2f2f2 100%);
    background:linear-gradient(to bottom,#fff 0,#fff 30%,#f2f2f2 100%)
}
.jcf-select:before{
    content:"";
    position:absolute;
    top:22px;
    right:20px;
    width:8px;
    height:6px;
    background-image:url(../img/select-arrow-down.png);
    background-repeat:no-repeat;
    background-size:8px
}
.jcf-select select{
    z-index:1;
    left:0;
    top:0
}
.jcf-select .jcf-select-text{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    cursor:default;
    display:block;
    font-size:13px;
    line-height:50px;
    margin:0 35px 0 10px
}
.jcf-select .jcf-select-opener{
    position:absolute;
    text-align:center;
    width:35px;
    bottom:0;
    right:0;
    top:0
}
.jcf-select.jcf-drop-active,.jcf-select.jcf-focus{
    background:#fcfcfc;
    -webkit-box-shadow:inset 0 4px 0 0 rgba(0,0,0,.05);
    -moz-box-shadow:inset 0 4px 0 0 rgba(0,0,0,.05);
    box-shadow:inset 0 4px 0 0 rgba(0,0,0,.05);
    -webkit-border-bottom-right-radius:0;
    -webkit-border-bottom-left-radius:0;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-bottomleft:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.jcf-select.jcf-drop-active:before,.jcf-select.jcf-focus:before{
    background-image:url(../img/select-arrow-up.png)
}
body>.jcf-select-drop{
    position:absolute;
    margin:-1px 0 0;
    z-index:9999
}
body>.jcf-select-drop.jcf-drop-flipped{
    margin:1px 0 0
}
.jcf-select .jcf-select-drop{
    position:absolute;
    margin-top:0;
    z-index:9999;
    top:100%;
    left:-1px;
    right:-1px
}
.jcf-select .jcf-drop-flipped{
    bottom:100%;
    top:auto
}
.jcf-select.jcf-compact-multiple{
    max-width:220px
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before{
    display:inline-block;
    padding-top:2px;
    content:"..."
}
.jcf-select-drop .jcf-select-drop-content{
    border:1px solid #cfcfcf;
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-bottomleft:3px;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover{
    background:0 0
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected{
    background:#e6e6e6;
    color:#000
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected:before{
    display:inline-block;
    content:"";
    height:4px;
    width:8px;
    margin:-7px 5px 0 -3px;
    border:3px solid #777;
    border-width:0 0 3px 3px;
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.jcf-list-box{
    overflow:hidden;
    display:inline-block;
    border:1px solid #b8c3c9;
    min-width:200px;
    margin:0 15px
}
.jcf-list{
    display:inline-block;
    vertical-align:top;
    position:relative;
    background:#fcfcfc;
    width:100%;
    -webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 2px 3px 0 rgba(0,0,0,.2)
}
.jcf-list .jcf-list-content{
    vertical-align:top;
    display:inline-block;
    overflow:auto;
    width:100%
}
.jcf-list ul{
    list-style:none;
    padding:0;
    margin:0
}
.jcf-list ul li{
    overflow:hidden;
    display:block;
    margin:0
}
.jcf-list ul>li{
    border-bottom:1px #e1e1e3 solid
}
.jcf-list ul>li:last-child{
    border-bottom:0
}
.jcf-list .jcf-overflow{
    overflow:auto
}
.jcf-list .jcf-option{
    white-space:nowrap;
    overflow:hidden;
    cursor:default;
    display:block;
    padding:10px 10px;
    color:#4c505b;
    min-height:14px;
    height:1%
}
.jcf-list .jcf-disabled{
    background:#fff!important;
    color:#aaa!important
}
.jcf-list .jcf-optgroup-caption{
    white-space:nowrap;
    font-weight:400;
    display:block;
    padding:7px 20px;
    cursor:default;
    color:#878a95
}
.jcf-list .jcf-optgroup .jcf-option{
    padding:5px 15px 5px 40px
}
.jcf-list .jcf-optgroup li{
    border-bottom:0
}
.jcf-list-box .jcf-selected,.jcf-select-drop .jcf-hover{
    background:#f0f0f0;
    color:#4c505b
}
.jcf-textarea{
    border:1px solid #b8c3c9;
    box-sizing:content-box;
    display:inline-block;
    position:relative
}
.jcf-textarea .jcf-scrollbar-horizontal{
    display:none;
    height:0
}
.jcf-textarea textarea{
    padding:8px 10px;
    border:none;
    margin:0
}
.jcf-textarea .jcf-resize{
    position:absolute;
    text-align:center;
    cursor:se-resize;
    background:#e3e3e3;
    font-weight:700;
    line-height:15px;
    text-indent:1px;
    font-size:12px;
    height:15px;
    width:14px;
    bottom:0;
    right:0
}
.jcf-textarea .jcf-resize:before{
    border:1px solid #000;
    border-width:0 1px 1px 0;
    display:block;
    margin:4px 0 0 3px;
    width:6px;
    height:6px;
    content:""
}
.jcf-number{
    display:inline-block;
    position:relative;
    height:32px
}
.jcf-number input{
    -moz-appearance:textfield
}
.jcf-number input::-webkit-inner-spin-button,.jcf-number input::-webkit-outer-spin-button{
    -webkit-appearance:none
}
.jcf-number input{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #777;
    padding:3px 27px 3px 7px;
    margin:0;
    height:100%
}
.jcf-number .jcf-btn-dec,.jcf-number .jcf-btn-inc{
    position:absolute;
    background:#aaa;
    width:20px;
    height:15px;
    right:1px;
    top:1px
}
.jcf-number .jcf-btn-dec{
    top:auto;
    bottom:1px
}
.jcf-number .jcf-btn-dec:hover,.jcf-number .jcf-btn-inc:hover{
    background:#e6e6e6
}
.jcf-number.jcf-disabled .jcf-btn-dec:hover,.jcf-number.jcf-disabled .jcf-btn-inc:hover{
    background:#aaa
}
.jcf-number .jcf-btn-dec:before,.jcf-number .jcf-btn-inc:before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    top:50%;
    left:50%;
    margin:-6px 0 0 -4px;
    border:4px solid #aaa;
    border-color:transparent transparent #000 transparent
}
.jcf-number .jcf-btn-dec:before{
    margin:-1px 0 0 -4px;
    border-color:#000 transparent transparent transparent
}
.jcf-number .jcf-btn-dec.jcf-disabled:before,.jcf-number .jcf-btn-inc.jcf-disabled:before,.jcf-number.jcf-disabled .jcf-btn-dec:before,.jcf-number.jcf-disabled .jcf-btn-inc:before{
    opacity:.3
}
.jcf-number.jcf-disabled input{
    background:#ddd
}
.jcf-range{
    display:inline-block;
    min-width:200px;
    margin:0 10px;
    width:130px
}
.jcf-range .jcf-range-track{
    margin:0 20px 0 0;
    position:relative;
    display:block;
    height:10px
}
.jcf-range .jcf-range-wrapper{
    position:relative;
    background:#e5e5e5;
    border-radius:5px;
    display:block;
    margin:5px 0
}
.jcf-range.jcf-vertical{
    min-width:0;
    width:auto
}
.jcf-range.jcf-vertical .jcf-range-wrapper{
    margin:0;
    width:10px;
    height:auto;
    padding:20px 0 0
}
.jcf-range.jcf-vertical .jcf-range-track{
    height:180px;
    width:10px
}
.jcf-range.jcf-vertical .jcf-range-handle{
    left:-5px;
    top:auto
}
.jcf-range .jcf-range-display-wrapper{
    position:absolute;
    min-height:10px;
    min-width:10px;
    left:10px;
    right:10px
}
.jcf-range .jcf-range-display{
    border-radius:5px;
    position:absolute;
    background:#888;
    width:10px;
    height:10px
}
.jcf-range .jcf-range-display.jcf-range-min{
    margin:0 0 0 -10px;
    padding:0 0 0 10px
}
.jcf-range .jcf-range-display.jcf-range-max{
    margin:0 -10px 0 0;
    padding:0 10px 0 0
}
.jcf-range.jcf-vertical .jcf-range-display-wrapper{
    left:auto;
    right:auto;
    top:10px;
    bottom:10px
}
.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min{
    margin:0 0 -10px;
    padding:0 0 10px
}
.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max{
    margin:-10px 0 0;
    padding:10px 0 0
}
.jcf-range .jcf-range-handle{
    position:absolute;
    background:#aaa;
    border-radius:19px;
    width:19px;
    height:19px;
    margin:-4px 0 0;
    z-index:1;
    top:0;
    left:0
}
.jcf-range .jcf-range-mark{
    position:absolute;
    overflow:hidden;
    background:#000;
    width:1px;
    height:3px;
    top:-7px;
    margin:0 0 0 9px
}
.jcf-range.jcf-vertical .jcf-range-mark{
    margin:0 0 9px;
    left:14px;
    top:auto;
    width:3px;
    height:1px
}
.jcf-range .jcf-active-handle{
    z-index:2
}
.jcf-range.jcf-focus .jcf-active-handle{
    border:1px solid red;
    margin:-5px 0 0 -1px
}
.jcf-range.jcf-disabled{
    background:0 0!important;
    opacity:.3
}
.jcf-disabled{
    background:#ddd!important
}
.jcf-focus{
    -webkit-box-shadow:inset 0 4px 0 0 rgba(0,0,0,.05);
    -moz-box-shadow:inset 0 4px 0 0 rgba(0,0,0,.05);
    box-shadow:inset 0 4px 0 0 rgba(0,0,0,.05)
}
.jcf-select-drop .jcf-option-hideme{
    display:none
}