/* 后台管理所有的jquery 插件样式 */


/* 模拟单选按钮组件 */
.select-radio > .input-radio,
.select-radio-ext > .input-radio,
.select-radio .input-radio > .input-radio-inner,
.select-radio-ext .input-radio > .input-radio-inner {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.select-radio,
.select-radio-ext
 {
    line-height: 1;
    font-size: 0;
}
.select-radio > .input-radio,
.select-radio-ext > .input-radio,
.select-radio .input-radio > .input-radio-inner, 
.select-radio-ext .input-radio > .input-radio-inner {
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: top;
}
.select-radio > .input-radio,
.select-radio-ext > .input-radio {
    position: relative;
    top: auto;
    height: 16px;
    width: 16px;
    text-align: center;
    border: 1px solid #b8b8b8;
}
.select-radio > .input-radio-label, 
.select-radio-ext > .input-radio-label{
   margin-left: .5em;
   color: #666;
   font-weight: normal;
   font-size: 16px;
}
.input-radio > .input-radio-inner {
    width: 10px;
    height: 10px;
    margin-top: 3px;
    vertical-align: top;
    -webkit-transition: background-color .24s,color .14s;
    -moz-transition: background-color .24s,color .14s;
    -ms-transition: background-color .24s,color .14s;
    -o-transition: background-color .24s,color .14s;
    transition: background-color .24s,color .14s;
    transition: background-color 0.24s, color 0.14s;
}
.select-radio-ext .input-radio.active:hover > .input-radio-inner,
.input-radio.active > .input-radio-inner,
.input-radio:hover > .input-radio-inner {
    background-color: #00c1ff;
}
.select-radio-ext .input-radio.active:hover > .input-radio-inner,
.input-radio.active > .input-radio-inner,
.input-radio:hover > .input-radio-inner.green {
    background-color: #009c81;
}
.select-radio-ext .input-radio:hover > .input-radio-inner{
    background-color: #fff;
}


.input-radio.active + .input-radio-label,
.input-radio:hover + .input-radio-label {
    color: #666;
}

.select-radio-block{ font-size: 16px; text-align: center;line-height: 34px; text-align: left;}
.select-radio-block .input-radio-label{ margin:0px; font-size: 0px; display: none;}
.select-radio-block > .input-radio{ height: 34px;border-radius: 4px; border:#eaeaea solid 1px; width: auto;}
.select-radio-block > .input-radio .input-radio-inner{height: 34px; min-width: 60px; border-radius: 4px; margin-top: 0px; padding:0px 20px; width: auto;}
.select-radio-block .input-radio.active,
.select-radio-block .input-radio:hover{color: #fff;}

/* 自定义的active类，不要覆盖原来的active类，请在下面定义一个新的类*/
/*
.input-radio.selected > .input-radio-inner,
.input-radio:hover > .input-radio-inner {
    background-color: #089;
}

.input-radio.selected + .input-radio-label,
.input-radio:hover + .input-radio-label {
    color: #089;
}*/




/* 多选 */
.select-checkbox-style > .input-checkbox-label {
    margin-right: 5px;
    margin-bottom: 5px; }
.select-checkbox-style .input-checkbox-label > .input-checkbox {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #a0a0a0;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 3px; }

.select-checkbox-style .input-checkbox-label > .input-checkbox.active {
    background: url(../images/vidonmis_plugin/right_icon.png) no-repeat center; }




/* 块状多选 */
.select-checkbox-square{
    position: relative;
}
.select-checkbox-square > .input-checkbox-label {
    margin-right: 5px;
    margin-bottom: 5px; }
.select-checkbox-square .input-checkbox-label > .input-checkbox {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    color: #666;
    font-weight: normal;
    border: 1px solid #eaeaea; padding:0px 15px; border-radius: 5px;}

.select-checkbox-square .input-checkbox-label > .input-checkbox.active {
 color: #13c4a5;
 border-color: #13c4a5;
}
/*控制颜色,默认绿色*/
.select-checkbox-square.blue .input-checkbox-label > .input-checkbox.active {
    color: #00c1ff;
 border-color: #00c1ff;
    
}
/* 侧边栏 配合jTemplates  */
.siderbar {position:fixed; top:110px; bottom:0px; color: #000; background: #293541 url(../img/siderbar_bg.jpg) no-repeat center bottom; width:280px;  z-index:10; padding-top: 15px;}
.library-list{list-style-type: none; padding-left: 0; margin:0px 10px; width: 260px;}
.library-list > li{color: #757c82; transition: background-color .24s,color .2s;height: 50px; margin:10px 0px; padding-left: 20px;}
.library-list > li span{ display: inline-block; float: left; margin-top: 20px;}
.library-list > li:hover{color: #fff; background-color: #25303a; border-radius: 5px}
.library-list > li.selected{color: #fff; background: #25303a url(../img/icon/arrow_right.png) no-repeat 220px 20px; border-radius: 5px}
.library-list li > a{display:inline-block;color: inherit; height: 50px;line-height: 50px; padding-left: 20px;}
.library-list li > a:hover,.library-list li > a:focus{ text-decoration: none;}


.disc{width: 8px;height:8px;border-radius: 50%;}
.disc-lg{width: 12px;height:12px;}
.disc-white{background:white; }
.disc-yellow{background:#ffd200; }
.disc-green{background: #03e51d;}
.disc-blue{background: #00fffc;}
.disc-purple{background: #fd46ff;}
.disc-light-blue{background: #5e80ff;}
.disc-red{background: #ff4848;}
.disc-light-purple{background: #ff66b2;}
/*下拉菜单*/
.select-block{background: #f2f6f7; border-radius: 4px;color: #666666;display: inline-block; font-size: 16px; height: 34px;  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%;  position: relative; cursor: pointer; }
.select-block-180{ width: 180px;}
.select-block-360{ width: 360px; }
.select-block-180 .select-pick span{ width: 125px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.select-block-360 .select-pick span{ width: 305px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.select-block .select-pick{ height: 34px; line-height: 34px; width: 100%; position: relative; padding-left: 12px;border-top-left-radius:4px; border-top-right-radius:4px; padding-left:12px;border-left:#f2f6f7 solid 1px;border-top:#f2f6f7 solid 1px;}
.select-block .select-pick span{ display: block;float: left;}
.select-block .select-pick i{ width: 40px;  height: 34px; display: block; float: right;border-top-right-radius:4px; border-bottom-right-radius:4px; background:#dadada url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyN0RENjJGNjE4MkYxMUU2ODJFOEY5QUM0Q0Y2NjhDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyN0RENjJGNzE4MkYxMUU2ODJFOEY5QUM0Q0Y2NjhDNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3REQ2MkY0MTgyRjExRTY4MkU4RjlBQzRDRjY2OEM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI3REQ2MkY1MTgyRjExRTY4MkU4RjlBQzRDRjY2OEM3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YPf7FwAAAF9JREFUeNpi+P//f/J/CAgAYgY8GKYuGSbQDxVQIaQBxIcJMgLxCiB+AMSc+DQgawJhFqimB1BDsGpA18QAteU/1FasGrBpYoD66z8uDSAMdgYWIAnEEkB8HpskQIABAP8vAO1KqL98AAAAAElFTkSuQmCC') no-repeat center center;}
.select-block .select-list{ position: absolute; top:34px; left: 0px; right:0px; background: #fff; border:#d0d0d0 solid 1px; border-top:none;border-bottom-left-radius:4px; border-bottom-right-radius:4px;  width: 100%; display: none; z-index: 2; max-height: 171px; overflow: hidden;}
.select-block .select-list ul{ padding-left:0px;}
.select-block .select-list li{ list-style: none; height: 34px; line-height: 34px; padding-left: 12px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.select-block .select-list li:hover{ background: #f2f6f7;}
.select-block.selected .select-pick{ border-left:#d0d0d0 solid 1px; border-top:#d0d0d0 solid 1px;}
.select-block.selected,.select-block.selected .select-pick i{border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
.select-block.selected .select-list{ display: block;}
.select-block input.select-pick-input{ border:none; height: 34px;line-height: 34px; background: none;  color: #666; display: inline-block; width:125px;}
.select-block-180 input.select-pick-input{ width:125px }

/*数量加减控件*/
.num-control{ width: 63px; margin:0px auto;font-size: 14px; }
.num-control a{ border:#eeeeee solid 1px; width: 16px; height: 16px; line-height: 14px; text-align: center; color: #666; display: block; float: left; border-radius: 50%;}
.num-control a:hover{color: #0acfff;}
.num-control span{ width: 30px; height: 16px;  display: block; float: left; line-height: 16px;}