@charset "utf-8";

/*---------------------body.css------------------*/
 .content-wrapper{ position:relative;}
.alert a.close{text-decoration:none}
iframe{
  height: 100%;
  width: 100%;
  position: absolute;
}

/*定义颜色边框*/

.vj_unactive.btn-default{background-color:#f0f0f0;color:#444;border-color:#ddd}.vj_unactive.btn-default:hover,.vj_unactive.btn-default:active,.btn-default.hover{background-color:#e7e7e7;color:#fff}
.vj_unactive.btn-primary{background-color:#f0f0f0;color:#444;border-color:#367fa9}.vj_unactive.btn-primary:hover,.vj_unactive.btn-primary:active,.btn-primary.hover{background-color:#367fa9;color:#fff}
.vj_unactive.btn-success{background-color:#f0f0f0;color:#444;border-color:#008d4c}.vj_unactive.btn-success:hover,.vj_unactive.btn-success:active,.btn-success.hover{background-color:#008d4c;color:#fff}
.vj_unactive.btn-info{background-color:#f0f0f0;color:#444;border-color:#00acd6}.vj_unactive.btn-info:hover,.vj_unactive.btn-info:active,.btn-info.hover{background-color:#00acd6;color:#fff}
.vj_unactive.btn-danger{background-color:#f0f0f0;color:#444;border-color:#d73925}.vj_unactive.btn-danger:hover,.vj_unactive.btn-danger:active,.btn-danger.hover{background-color:#d73925;color:#fff}
.vj_unactive.btn-warning{background-color:#f0f0f0;color:#444;border-color:#e08e0b}.vj_unactive.btn-warning:hover,.vj_unactive.btn-warning:active,.btn-warning.hover{background-color:#e08e0b;color:#fff}

/*弹出对话框里的iframe*/
.modal-body iframe{left:0;top:0;}

.vjbtnlist{ padding: 3px; }
.vjbtnlist .btn{ margin:5px 2px;}
.vjbtnlist .btn-default{ background-color:transparent; border-color:#f6f6f6;}

/*去除表单标签加粗*/
.form-horizontal.thinLabel label{ font-weight:100; color:#666666}
/*表单项目值显示的样式*/
.form-horizontal .control-valuetext{padding-bottom:15px; padding-top:0;}
@media (min-width: 768px)
{
	.form-horizontal .control-valuetext{padding-top:7px; padding-bottom:0px;}
	/*必填项样式*/
	.form-horizontal .control-label.vjrequired:before{content:'*';color:red; padding:3px}
	.form-horizontal .control-label.vjrequired:after{content:'' !important; padding:0px !important;}
}

/*蒙版样式*/
.rightmask {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99;
    display: none;
    width: 100%;
    height: 100%;
}
/*无边框列表*/
.noborder_listgrop .list-group-item{ border-left:none; border-bottom:1px solid #eeeeee; border-right:none; border-color:#eeeeee}
.noborder_listgrop .list-group-item:last-child{ border-bottom:none; }
.noborder_listgrop .list-group-item:first-child{ border-top:none; }
/*对话框自定义*/
.vjmodal.modal-info .modal-body,.vjmodal.modal-default .modal-body,.vjmodal.modal-primary .modal-body,.vjmodal.modal-success .modal-body,.vjmodal.modal-danger .modal-body,.vjmodal.modal-warning .modal-body{background-color: transparent !important;}
.vjmodal .modal-header{ padding:5px 15px; font-size:18px;}
.vjmodal .modal-header h4{ margin: 2px 0;}
.vjmodal.modal-primary .modal-header .close,.vjmodal.modal-success .modal-header .close,.vjmodal.modal-danger .modal-header .close,.vjmodal.modal-warning .modal-header .close{opacity:.7; color:#fff}
.vjmodal.modal-primary .modal-footer,.vjmodal.modal-success .modal-footer,.vjmodal.modal-danger .modal-footer,.vjmodal.modal-warning .modal-footer ,.vjmodal.modal-info .modal-footer ,.vjmodal.modal-default .modal-footer{background-color:transparent !important; }
.vjmodal .modal-footer{ padding:10px 15px}

/*必填项样式*/
.form-horizontal .control-label.vjrequired:after{content:'*';color:red; padding:3px}

/*分组框*/
legend { margin-bottom:15px; font-size:16px; line-height:30px; border-color:#f3f3f3}

/*validate*/
.vj-vld-tip{position:absolute;right:0;top:100%;margin-top:5px;z-index:3;color:#a94442;font-style:normal;background:#fff;}
.vj-vld-tip:not(:empty){border:1px solid rgba(169,68,66,.7);padding:1px 6px;}
.vj-vld-tip:not(:empty)::before{
	content:"";position:absolute;border:7px solid transparent;border-bottom-color:rgba(169,68,66,.7);bottom:100%;left:10px;
}
.vj-vld-tip:not(:empty)::after {
	content:"";position:absolute;border:6px solid transparent;border-bottom-color:#fff;bottom:100%;left:11px;
}

/*修改dialog颜色的bug*/
.vjmodal.bg-red,.vjmodal.bg-yellow,.vjmodal.bg-aqua,.vjmodal.bg-blue,.vjmodal.bg-light-blue,.vjmodal.bg-green,.vjmodal.bg-navy,.vjmodal.bg-teal,.vjmodal.bg-olive,.vjmodal.bg-lime,.vjmodal.bg-orange,.vjmodal.bg-fuchsia,.vjmodal.bg-purple,.vjmodal.bg-maroon,.vjmodal.bg-black,.vjmodal.bg-red-active,.vjmodal.bg-yellow-active,.vjmodal.bg-aqua-active,.vjmodal.bg-blue-active,.vjmodal.bg-light-blue-active,.vjmodal.bg-green-active,.vjmodal.bg-navy-active,.vjmodal.bg-teal-active,.vjmodal.bg-olive-active,.vjmodal.bg-lime-active,.vjmodal.bg-orange-active,.vjmodal.bg-fuchsia-active,.vjmodal.bg-purple-active,.vjmodal.bg-maroon-active,.vjmodal.bg-black-active,.vjmodal.callout.callout-danger,.vjmodal.callout.callout-warning,.vjmodal.callout.callout-info,.vjmodal.callout.callout-success,.vjmodal.alert-success,.vjmodal.alert-danger,.vjmodal.alert-error,.vjmodal.alert-warning,.vjmodal.alert-info,.vjmodal.label-danger,.vjmodal.label-info,.vjmodal.label-warning,.vjmodal.label-primary,.vjmodal.label-success,.vjmodal.modal-primary .modal-body,.vjmodal.modal-primary .modal-footer,.vjmodal.modal-warning .modal-body,.vjmodal.modal-warning .modal-footer,.vjmodal.modal-info .modal-body,.vjmodal.modal-info .modal-footer,.vjmodal.modal-success .modal-body,.vjmodal.modal-success .modal-footer,.vjmodal.modal-danger .modal-body,.vjmodal.modal-danger .modal-footer{color:inherit !important}

/*表格边框线*/
.vjtableborder>thead>tr>th, .vjtableborder>tbody>tr>th, .vjtableborder>tfoot>tr>th, .vjtableborder>thead>tr>td, .vjtableborder>tbody>tr>td, .vjtableborder>tfoot>tr>td {
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

/*表格边框线深色*/
.vjtableborderB>thead>tr>th, .vjtableborderB>tbody>tr>th, .vjtableborderB>tfoot>tr>th, .vjtableborderB>thead>tr>td, .vjtableborderB>tbody>tr>td, .vjtableborderB>tfoot>tr>td {
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

.vjtableHeader {
	position: sticky;
	top: -1px;
	display: none;
	table-layout: fixed;
}

/* 表格模拟的数据表格 */
.vjdatatable>thead>tr>th, .vjdatatable>tbody>tr>th, .vjdatatable>tfoot>tr>th, .vjdatatable>thead>tr>td, .vjdatatable>tbody>tr>td, .vjdatatable>tfoot>tr>td {
    vertical-align:middle;
}


.vjoverflow{overflow: auto;}

/*文字大小*/
.vjfont-14{font-size:14px;}
.vjfont-16{font-size:16px;}
.vjfont-18{font-size:18px;}
.vjfont-24{font-size:24px;}
.vjfont-32{font-size:32px;}
.vjfont-48{font-size:48px;}
.vjfont-64{font-size:64px;}

/*浅色文字14*/
.vjfont-gray14{font-size:14px; color:#CCCCCC;}
/*浅色文字16*/
.vjfont-gray16{font-size:16px; color:#CCCCCC;}
/*浅色文字18*/
.vjfont-gray18{font-size:18px; color:#CCCCCC;}
/*浅色文字24*/
.vjfont-gray24{font-size:24px; color:#CCCCCC;}
/*浅色文字32*/
.vjfont-gray32{font-size:32px; color:#CCCCCC;}

/*深色文字14*/
.vjfont-black14{font-size:14px; font-weight:600;}
/*深色文字16*/
.vjfont-black16{font-size:16px; font-weight:600;}
/*深色文字18*/
.vjfont-black18{font-size:18px; font-weight:600;}
/*深色文字24*/
.vjfont-black24{font-size:24px; font-weight:600;}
/*深色文字32*/
.vjfont-black32{font-size:32px; font-weight:600;}

/*加重文字*/
.vjfont-bold{font-weight:bold;}
/* 斜体 */
.vjfont-italic{font-style:italic;}

.vjbtn-flat {
    border-radius: 0!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    border-width: 1px!important;
}


/*表格行紧凑*/
.vjcondensed>tbody>tr>td, .vjcondensed>tbody>tr>th, .vjcondensed>tfoot>tr>td, .vjcondensed>tfoot>tr>th, .vjcondensed>thead>tr>td, .vjcondensed>thead>tr>th {
    line-height: 1em;
}
/*列表紧凑*/
.vjlistcondensed{
    line-height: 2em;
}
/* 行高系列 */
.vjlineheight-1, .vjlineheight-1>tbody>tr>td, .vjlineheight-1>tbody>tr>th, .vjlineheight-1>tfoot>tr>td, .vjlineheight-1>tfoot>tr>th, .vjlineheight-1>thead>tr>td, .vjlineheight-1>thead>tr>th {line-height: 1em;}
.vjlineheight-1-2, .vjlineheight-1-2>tbody>tr>td, .vjlineheight-1—2>tbody>tr>th, .vjlineheight-1—2>tfoot>tr>td, .vjlineheight-1—2>tfoot>tr>th, .vjlineheight-1—2>thead>tr>td, .vjlineheight-1—2>thead>tr>th {line-height: 1.2em;}
.vjlineheight-1-4, .vjlineheight-1-4>tbody>tr>td, .vjlineheight-1-4>tbody>tr>th, .vjlineheight-1-4>tfoot>tr>td, .vjlineheight-1-4>tfoot>tr>th, .vjlineheight-1-4>thead>tr>td, .vjlineheight-1-4>thead>tr>th {line-height: 1.4em;}
.vjlineheight-1-5, .vjlineheight-1-5>tbody>tr>td, .vjlineheight-1-5>tbody>tr>th, .vjlineheight-1-5>tfoot>tr>td, .vjlineheight-1-5>tfoot>tr>th, .vjlineheight-1-5>thead>tr>td, .vjlineheight-1-5>thead>tr>th {line-height: 1.5em;}
.vjlineheight-1-6, .vjlineheight-1-6>tbody>tr>td, .vjlineheight-1-6>tbody>tr>th, .vjlineheight-1-6>tfoot>tr>td, .vjlineheight-1-6>tfoot>tr>th, .vjlineheight-1-6>thead>tr>td, .vjlineheight-1-6>thead>tr>th {line-height: 1.6em;}
.vjlineheight-1-8, .vjlineheight-1-8>tbody>tr>td, .vjlineheight-1-8>tbody>tr>th, .vjlineheight-1-8>tfoot>tr>td, .vjlineheight-1-8>tfoot>tr>th, .vjlineheight-1-8>thead>tr>td, .vjlineheight-1-8>thead>tr>th {line-height: 1.8em;}
.vjlineheight-2, .vjlineheight-2>tbody>tr>td, .vjlineheight-2>tbody>tr>th, .vjlineheight-2>tfoot>tr>td, .vjlineheight-2>tfoot>tr>th, .vjlineheight-2>thead>tr>td, .vjlineheight-2>thead>tr>th {line-height: 2em;}
.vjlineheight-2-4, .vjlineheight-2-4>tbody>tr>td, .vjlineheight-2-4>tbody>tr>th, .vjlineheight-2-4>tfoot>tr>td, .vjlineheight-2-4>tfoot>tr>th, .vjlineheight-2-4>thead>tr>td, .vjlineheight-2-4>thead>tr>th {line-height: 2.4em;}
.vjlineheight-2-5, .vjlineheight-2-5>tbody>tr>td, .vjlineheight-2-5>tbody>tr>th, .vjlineheight-2-5>tfoot>tr>td, .vjlineheight-2-5>tfoot>tr>th, .vjlineheight-2-5>thead>tr>td, .vjlineheight-2-5>thead>tr>th {line-height: 2.5em;}
.vjlineheight-2-8, .vjlineheight-2-8>tbody>tr>td, .vjlineheight-2-8>tbody>tr>th, .vjlineheight-2-8>tfoot>tr>td, .vjlineheight-2-8>tfoot>tr>th, .vjlineheight-2-8>thead>tr>td, .vjlineheight-2-8>thead>tr>th {line-height: 2.8em;}
.vjlineheight-3, .vjlineheight-3>tbody>tr>td, .vjlineheight-3>tbody>tr>th, .vjlineheight-3>tfoot>tr>td, .vjlineheight-3>tfoot>tr>th, .vjlineheight-3>thead>tr>td, .vjlineheight-3>thead>tr>th {line-height: 3em;}
.vjlineheight-3-6, .vjlineheight-3-6>tbody>tr>td, .vjlineheight-3-6>tbody>tr>th, .vjlineheight-3-6>tfoot>tr>td, .vjlineheight-3-6>tfoot>tr>th, .vjlineheight-3-6>thead>tr>td, .vjlineheight-3-6>thead>tr>th {line-height: 3.6em;}
.vjlineheight-4, .vjlineheight-4>tbody>tr>td, .vjlineheight-4>tbody>tr>th, .vjlineheight-4>tfoot>tr>td, .vjlineheight-4>tfoot>tr>th, .vjlineheight-4>thead>tr>td, .vjlineheight-4>thead>tr>th {line-height: 4em;}
.vjlineheight-5, .vjlineheight-5>tbody>tr>td, .vjlineheight-5>tbody>tr>th, .vjlineheight-5>tfoot>tr>td, .vjlineheight-5>tfoot>tr>th, .vjlineheight-5>thead>tr>td, .vjlineheight-5>thead>tr>th {line-height: 5em;}

/* 外边距系列 */
.vjmargin-0{margin: 0px!important;}
.vjmargin-left-0{margin-left: 0px!important;}
.vjmargin-left-3{margin-left: 3px!important;}
.vjmargin-left-5{margin-left: 5px!important;}
.vjmargin-left-8{margin-left: 8px!important;}
.vjmargin-left-10{margin-left: 10px!important;}
.vjmargin-left-15{margin-left: 15px!important;}
.vjmargin-left-20{margin-left: 20px!important;}
.vjmargin-left-25{margin-left: 25px!important;}
.vjmargin-right-0{margin-right: 0px!important;}
.vjmargin-right-3{margin-right: 3px!important;}
.vjmargin-right-5{margin-right: 5px!important;}
.vjmargin-right-8{margin-right: 8px!important;}
.vjmargin-right-10{margin-right: 10px!important;}
.vjmargin-right-15{margin-right: 15px!important;}
.vjmargin-right-20{margin-right: 20px!important;}
.vjmargin-right-25{margin-right: 25px!important;}
.vjmargin-top-0{margin-top: 0px!important;}
.vjmargin-top-3{margin-top: 3px!important;}
.vjmargin-top-5{margin-top: 5px!important;}
.vjmargin-top-8{margin-top: 8px!important;}
.vjmargin-top-10{margin-top: 10px!important;}
.vjmargin-top-12{margin-top: 12px!important;}
.vjmargin-top-15{margin-top: 15px!important;}
.vjmargin-top-20{margin-top: 20px!important;}
.vjmargin-top-25{margin-top: 25px!important;}
.vjmargin-bottom-0{margin-bottom: 0px!important;}
.vjmargin-bottom-3{margin-bottom: 3px!important;}
.vjmargin-bottom-5{margin-bottom: 5px!important;}
.vjmargin-bottom-8{margin-bottom: 8px!important;}
.vjmargin-bottom-10{margin-bottom: 10px!important;}
.vjmargin-bottom-12{margin-bottom: 12px!important;}
.vjmargin-bottom-15{margin-bottom: 15px!important;}
.vjmargin-bottom-18{margin-bottom: 18px!important;}
.vjmargin-bottom-21{margin-bottom: 21px!important;}
.vjmargin-bottom-25{margin-bottom: 25px!important;}
.vjmargin-3-0{margin: 3px 0px!important;}
.vjmargin-5-0{margin: 5px 0px!important;}
.vjmargin-8-0{margin: 8px 0px!important;}
.vjmargin-10-0{margin: 10px 0px!important;}
.vjmargin-0-3-0-3{margin: 0px 3px 0px 3px!important;}
.vjmargin-0-5-0-5{margin: 0px 5px 0px 5px!important;}
.vjmargin-0-8-0-8{margin: 0px 8px 0px 8px!important;}
.vjmargin-0-10-0-10{margin: 0px 10px 0px 10px!important;}
.vjmargin-0-15-0-15{margin: 0px 15px 0px 15px!important;}
.vjmargin-3-0-3-0{margin: 3px 0px 3px 0px!important;}
.vjmargin-5-0-5-0{margin: 5px 0px 5px 0px!important;}
.vjmargin-8-0-8-0{margin: 8px 0px 8px 0px!important;}
.vjmargin-10-0-10-0{margin: 10px 0px 10px 0px!important;}
.vjmargin-15-0-15-0{margin: 15px 0px 15px 0px!important;}
.vjmargin-3{margin: 3px!important;}
.vjmargin-5{margin: 5px!important;}
.vjmargin-8{margin: 8px!important;}
.vjmargin-10{margin: 10px!important;}
.vjmargin-12{margin: 12px!important;}
.vjmargin-15{margin: 15px!important;}

/* 内边距系列-本层 */ 
.vjpadding-0{padding: 0px!important;}
.vjpadding-3{padding: 3px!important;}
.vjpadding-5{padding: 5px!important;}
.vjpadding-8{padding: 8px!important;}
.vjpadding-10{padding: 10px!important;}
.vjpadding-12{padding: 12px!important;}
.vjpadding-15{padding: 15px!important;}
.vjpadding-20{padding: 20px!important;}
.vjpadding-25{padding: 25px!important;}
.vjpadding-0-5-0-5{padding: 0px 5px 0px 5px!important;}
.vjpadding-0-8-0-8{padding: 0px 8px 0px 8px!important;}
.vjpadding-0-10-0-10{padding: 0px 10px 0px 10px!important;}
.vjpadding-0-15-0-15{padding: 0px 15px 0px 15px!important;}
.vjpadding-5-0-5-0{padding: 5px 0px 5px 0px!important;}
.vjpadding-8-0-8-0{padding: 8px 0px 8px 0px!important;}
.vjpadding-10-0-10-0{padding: 10px 0px 10px 0px!important;}
.vjpadding-15-0-15-0{padding: 15px 0px 15px 0px!important;}
.vjpadding-0-5{padding: 0px 5px!important;}
.vjpadding-0-10{padding: 0px 10px!important;}
.vjpadding-0-15{padding: 0px 15px!important;}
.vjpadding-5-10{padding: 5px 10px!important;}
.vjpadding-5-15{padding: 5px 15px!important;}
/* 内边距系列 下层*/ 
.vjpaddingli-0>li, .vjpaddingli-0>legend, .vjpaddingli-0>tbody>tr>td, .vjpaddingli-0>tbody>tr>th, .vjpaddingli-0>tfoot>tr>td, .vjpaddingli-0>tfoot>tr>th, .vjpaddingli-0>thead>tr>td, .vjpaddingli-0>thead>tr>th{padding: 0px!important;}
.vjpaddingli-3>li, .vjpaddingli-3>legend, .vjpaddingli-3>tbody>tr>td, .vjpaddingli-3>tbody>tr>th, .vjpaddingli-3>tfoot>tr>td, .vjpaddingli-3>tfoot>tr>th, .vjpaddingli-3>thead>tr>td, .vjpaddingli-3>thead>tr>th{padding: 3px!important;}
.vjpaddingli-5>li, .vjpaddingli-5>legend, .vjpaddingli-5>tbody>tr>td, .vjpaddingli-5>tbody>tr>th, .vjpaddingli-5>tfoot>tr>td, .vjpaddingli-5>tfoot>tr>th, .vjpaddingli-5>thead>tr>td, .vjpaddingli-5>thead>tr>th{padding: 5px!important;}
.vjpaddingli-8>li, .vjpaddingli-8>legend, .vjpaddingli-8>tbody>tr>td, .vjpaddingli-8>tbody>tr>th, .vjpaddingli-8>tfoot>tr>td, .vjpaddingli-8>tfoot>tr>th, .vjpaddingli-8>thead>tr>td, .vjpaddingli-8>thead>tr>th{padding: 8px!important;}
.vjpaddingli-10>li, .vjpaddingli-10>legend, .vjpaddingli-10>tbody>tr>td, .vjpaddingli-10>tbody>tr>th, .vjpaddingli-10>tfoot>tr>td, .vjpaddingli-10>tfoot>tr>th, .vjpaddingli-10>thead>tr>td, .vjpaddingli-10>thead>tr>th{padding: 10px!important;}
.vjpaddingli-12>li, .vjpaddingli-12>legend, .vjpaddingli-12>tbody>tr>td, .vjpaddingli-12>tbody>tr>th, .vjpaddingli-12>tfoot>tr>td, .vjpaddingli-12>tfoot>tr>th, .vjpaddingli-12>thead>tr>td, .vjpaddingli-12>thead>tr>th{padding: 12px!important;}
.vjpaddingli-15>li, .vjpaddingli-15>legend, .vjpaddingli-15>tbody>tr>td, .vjpaddingli-15>tbody>tr>th, .vjpaddingli-15>tfoot>tr>td, .vjpaddingli-15>tfoot>tr>th, .vjpaddingli-15>thead>tr>td, .vjpaddingli-15>thead>tr>th{padding: 15px!important;}
.vjpaddingli-20>li, .vjpaddingli-20>legend, .vjpaddingli-20>tbody>tr>td, .vjpaddingli-20>tbody>tr>th, .vjpaddingli-20>tfoot>tr>td, .vjpaddingli-20>tfoot>tr>th, .vjpaddingli-20>thead>tr>td, .vjpaddingli-20>thead>tr>th{padding: 20px!important;}
.vjpaddingli-25>li, .vjpaddingli-25>legend, .vjpaddingli-25>tbody>tr>td, .vjpaddingli-25>tbody>tr>th, .vjpaddingli-25>tfoot>tr>td, .vjpaddingli-25>tfoot>tr>th, .vjpaddingli-25>thead>tr>td, .vjpaddingli-25>thead>tr>th{padding: 25px!important;}
.vjpaddingli-0-5-0-5>li, .vjpaddingli-0-5-0-5>legend, .vjpaddingli-0-5-0-5>tbody>tr>td, .vjpaddingli-0-5-0-5>tbody>tr>th, .vjpaddingli-0-5-0-5>tfoot>tr>td, .vjpaddingli-0-5-0-5>tfoot>tr>th, .vjpaddingli-0-5-0-5>thead>tr>td, .vjpaddingli-0-5-0-5>thead>tr>th{padding: 0px 5px 0px 5px!important;}
.vjpaddingli-0-8-0-8>li, .vjpaddingli-0-8-0-8>legend, .vjpaddingli-0-8-0-8>tbody>tr>td, .vjpaddingli-0-8-0-8>tbody>tr>th, .vjpaddingli-0-8-0-8>tfoot>tr>td, .vjpaddingli-0-8-0-8>tfoot>tr>th, .vjpaddingli-0-8-0-8>thead>tr>td, .vjpaddingli-0-8-0-8>thead>tr>th{padding: 0px 8px 0px 8px!important;}
.vjpaddingli-0-10-0-10>li, .vjpadding-0-10-0-10>legend, .vjpadding-0-10-0-10>tbody>tr>td, .vjpadding-0-10-0-10>tbody>tr>th, .vjpadding-0-10-0-10>tfoot>tr>td, .vjpadding-0-10-0-10>tfoot>tr>th, .vjpadding-0-10-0-10>thead>tr>td, .vjpadding-0-10-0-10>thead>tr>th{padding: 0px 10px 0px 10px!important;}
.vjpaddingli-0-15-0-15>li, .vjpadding-0-15-0-15>legend, .vjpadding-0-15-0-15>tbody>tr>td, .vjpadding-0-15-0-15>tbody>tr>th, .vjpadding-0-15-0-15>tfoot>tr>td, .vjpadding-0-15-0-15>tfoot>tr>th, .vjpadding-0-15-0-15>thead>tr>td, .vjpadding-0-15-0-15>thead>tr>th{padding: 0px 15px 0px 15px!important;}
.vjpaddingli-5-0-5-0>li, .vjpadding-5-0-5-0>legend, .vjpadding-5-0-5-0>tbody>tr>td, .vjpadding-5-0-5-0>tbody>tr>th, .vjpadding-5-0-5-0>tfoot>tr>td, .vjpadding-5-0-5-0>tfoot>tr>th, .vjpadding-5-0-5-0>thead>tr>td, .vjpadding-5-0-5-0>thead>tr>th{padding: 5px 0px 5px 0px!important;}
.vjpaddingli-8-0-8-0>li, .vjpadding-8-0-8-0>legend, .vjpadding-8-0-8-0>tbody>tr>td, .vjpadding-8-0-8-0>tbody>tr>th, .vjpadding-8-0-8-0>tfoot>tr>td, .vjpadding-8-0-8-0>tfoot>tr>th, .vjpadding-8-0-8-0>thead>tr>td, .vjpadding-8-0-8-0>thead>tr>th{padding: 8px 0px 8px 0px!important;}
.vjpaddingli-10-0-10-0>li, .vjpadding-10-0-10-0>legend, .vjpadding-10-0-10-0>tbody>tr>td, .vjpadding-10-0-10-0>tbody>tr>th, .vjpadding-10-0-10-0>tfoot>tr>td, .vjpadding-10-0-10-0>tfoot>tr>th, .vjpadding-10-0-10-0>thead>tr>td, .vjpadding-10-0-10-0>thead>tr>th{padding: 10px 0px 10px 0px!important;}
.vjpaddingli-15-0-15-0>li, .vjpadding-15-0-15-0>legend, .vjpadding-15-0-15-0>tbody>tr>td, .vjpadding-15-0-15-0>tbody>tr>th, .vjpadding-15-0-15-0>tfoot>tr>td, .vjpadding-15-0-15-0>tfoot>tr>th, .vjpadding-15-0-15-0>thead>tr>td, .vjpadding-15-0-15-0>thead>tr>th{padding: 15px 0px 15px 0px!important;}
.vjpaddingli-0-5>li, .vjpaddingli-0-5>legend, .vjpaddingli-0-5>tbody>tr>td, .vjpaddingli-0-5>tbody>tr>th, .vjpaddingli-0-5>tfoot>tr>td, .vjpaddingli-0-5>tfoot>tr>th, .vjpaddingli-0-5>thead>tr>td, .vjpaddingli-0-5>thead>tr>th{padding: 0px 5px!important;}
.vjpaddingli-0-10>li, .vjpaddingli-0-10>legend, .vjpaddingli-0-10>tbody>tr>td, .vjpaddingli-0-10>tbody>tr>th, .vjpaddingli-0-10>tfoot>tr>td, .vjpaddingli-0-10>tfoot>tr>th, .vjpaddingli-0-10>thead>tr>td, .vjpaddingli-0-10>thead>tr>th{padding: 0px 10px!important;}
.vjpaddingli-0-15>li, .vjpaddingli-0-15>legend, .vjpaddingli-0-15>tbody>tr>td, .vjpaddingli-0-15>tbody>tr>th, .vjpaddingli-0-15>tfoot>tr>td, .vjpaddingli-0-15>tfoot>tr>th, .vjpaddingli-0-15>thead>tr>td, .vjpaddingli-0-15>thead>tr>th{padding: 0px 15px!important;}
.vjpaddingli-5-10>li, .vjpaddingli-5-10>legend, .vjpaddingli-5-10>tbody>tr>td, .vjpaddingli-5-10>tbody>tr>th, .vjpaddingli-5-10>tfoot>tr>td, .vjpaddingli-5-10>tfoot>tr>th, .vjpaddingli-5-10>thead>tr>td, .vjpaddingli-5-10>thead>tr>th{padding: 5px 10px!important;}
.vjpaddingli-5-15>li, .vjpaddingli-5-15>legend, .vjpaddingli-5-15>tbody>tr>td, .vjpaddingli-5-15>tbody>tr>th, .vjpaddingli-5-15>tfoot>tr>td, .vjpaddingli-5-15>tfoot>tr>th, .vjpaddingli-5-15>thead>tr>td, .vjpaddingli-5-15>thead>tr>th{padding: 5px 15px!important;}

.vj-col-2 {width: 49%;}
.vj-col-3 {width: 33.33333333%;}
.vj-col-4 {width: 25%;}
.vj-col-5 {width: 20%;}
.vj-col-6 {width: 16.66666666%;}
.vj-col-7 {width: 14.28571428%;}
.vj-col-8 {width: 12.5%;}
.vj-col-9 {width: 11.11111111%;}
.vj-col-10 {width: 10%;}
.vj-col-11 {width: 9.09090909%;}
.vj-col-12 {width: 8.33333333%;}

.vjli-items-list{
    width: 100%;
	display: block;
	padding: 0px 8px 0px 8px;
    white-space: normal;
	font-size: 0; /* 必须是0，否则会导致两个50%超出*/
}
.vjli-items-list .vjli-item {
    background: #fff;
    vertical-align: top;
    display: inline-block;
	font-size: 14px;
    padding: 15px;
}

.vjli-items-list-border{
    width: 100%;
	display: block;
	padding: 0px 8px 0px 8px;
    white-space: normal;
	font-size: 0;
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
}
.vjli-items-list-border .vjli-item {
    background: #fff;
    vertical-align: top;
    display: inline-block;
	font-size: 14px;
	box-sizing: border-box;
    border: 1px solid #f2f2f2;
    border-top: none;
    border-left: none;    
	padding: 15px;
}

.vjli-items-list-trans{
    width: 100%;
	display: block;
	padding: 0px 8px 0px 8px;
    white-space: normal;
	font-size: 0;
}
.vjli-items-list-trans .vjli-item {
    background: transparent;
    vertical-align: top;
    display: inline-block;
	font-size: 14px;
	padding: 15px;
}

/* 大屏列表 */
/* .vjli-big{
    
} */
.vjli-big>li{
    background: transparent;
	border-bottom: 1px solid rgba(255,255,255,0.6);
    border-top: none;
    border-right: none;
    border-left: none; 
	color:#A6D4E8; 
}


/*面板标签*/
.vjpanelLabel{margin-top:3px;margin-bottom:0px;margin-left:0px;}

/*面板链接*/
.vjlinkpanel{color:#666666; line-height: 2em;}
/*面板链接大*/
.vjlinkpanel2{color:#666666; line-height: 2em;font-size:18px;font-weight: 500;}

/* 页签面板 */
.vj-box{  
  border-radius: 5px!important;
  /*border-top: 3px solid #00a65a!important;*/
}
.vj-box .box-header{  
  border-radius: 5px 5px 0 0!important; 
}




/* 面板标题白色 */
.vjbox-color-white{
  background-color:#FFFFFF!important;
}

.vjbox-color-gray{
  background-color:#F9F9F9!important;
}

/* 黑色链接 */
.vjlink{
  color:#666666;
}

/* 无边框 */
.vjnoborder{border:none!important;}

/*下划线*/
.vjunderline{border:none!important; border-top:0px!important; border-left:0px!important; border-right:0px!important; border-bottom: 1px solid #eee!important;}

/*表格首行文字加粗*/
.vjtable-firstbold tr:first-child{
  font-weight: bold;
}

.vjdisplay-block{
  display: block;
}
.vjdisplay-inline-block{
  display: inline-block;
}
.vjbadge{
  margin-top:-15px;
}

/* 分页 */
.vjpagination>.active>a, .vjpagination>.active>a:focus, .vjpagination>.active>a:hover, .vjpagination>.active>span, .vjpagination>.active>span:focus, .vjpagination>.active>span:hover {
    background:#f4f4f4;
    color: #666;
	border:none;
}

.vjpagination>li>a {
	background:rgba(0,0,0,0);
	border:none;
}

        /*字体图标方形-*/ 
		.vjicon-square-42{
		    display:inline-block;
			border: 1px solid #eee;
			width: 42px;
			height: 42px;
			text-align: center;
    	    border-radius: 15%;
		}
		.vjicon-square-42 i{ 
			font-size: 24px;
			line-height: 42px;
		}
        /*字体图标方形-*/
		.vjicon-square-54{
		    display:inline-block;
			border: 1px solid #eee;
			width: 54px;
			height: 54px;
			text-align: center;
    	    border-radius: 15%;
		}
		.vjicon-square-54 i{
			font-size: 32px;
			line-height: 54px;
		}
		/*字体图标方形-*/
		.vjicon-square-64{
			display:inline-block;
			border: 1px solid #eee;
			width: 64px;
			height: 64px;
			text-align: center;
    	    border-radius: 15%;
		}
		.vjicon-square-64 i{
			font-size: 48px;
			line-height: 64px;
		}
        /*字体图标方形-*/
		.vjicon-square-78{
			display:inline-block;
			border: 1px solid #eee;
			width: 78px;
			height: 78px;
			text-align: center;
    	    border-radius: 15%;
		}
		.vjicon-square-78 i{
			font-size: 54px;
			line-height: 78px;
		}


		/*字体图标圆形-*/ 
		.vjicon-circle-42{
			border: 1px solid #eee;
			width: 42px;
			height: 42px;
			text-align: center;
    	    border-radius: 50%;
		}
		.vjicon-circle-42 i{ 
			font-size: 18px;
			line-height: 42px;
		}
        /*字体图标圆形-*/
		.vjicon-circle-54{
			border: 1px solid #eee;
			width: 54px;
			height: 54px;
			text-align: center;
    	    border-radius: 50%;
		}
		.vjicon-circle-54 i{
			font-size: 24px;
			line-height: 54px;
		}
		/*字体图标圆形-*/
		.vjicon-circle-64{
			border: 1px solid #eee;
			width: 64px;
			height: 64px;
			text-align: center;
    	    border-radius: 50%;
		}
		.vjicon-circle-64 i{
			font-size: 36px;
			line-height: 64px;
		}
        /*字体图标圆形-*/
		.vjicon-circle-78{
			border: 1px solid #eee;
			width: 78px;
			height: 78px;
			text-align: center;
    	    border-radius: 50%;
		}
		.vjicon-circle-78 i{
			font-size: 36px;
			line-height: 78px;
		}

		/*无背景色表格、列表*/
		.vjli-nobackgroud>li{
			background:rgba(0,0,0,0);
			border:none;
        }
		.vjli-nobackgroud>thead>tr>th, .vjli-nobackgroud>tbody>tr>th, .vjli-nobackgroud>tfoot>tr>th, .vjli-nobackgroud>thead>tr>td, .vjli-nobackgroud>tbody>tr>td, .vjli-nobackgroud>tfoot>tr>td {
			border:none;
		}

		/* 无内外边距 */
		.vj-no-margin-padding{
		  margin:0;
		  padding:0;
		}

  
            /* 大屏 */
			.vjbig{
			  color:#A6D4E8; 
			}
		
    	    /* 大屏无边框 */
            .vjbig-box{			  
			  margin:0px 0px 20px 0px;
			  padding:2px;
			}

			/* 大屏细边框 */
			.vjbig-box-border{
  			  margin:0px 0px 20px 0px;
			  padding:0px;
			  border:1px solid rgba(3, 166, 224, .4);
			}
			
	        /* 大屏粗边框 */
			.vjbig-box-border2{
  			  margin:0px 0px 20px 0px;
			  padding:0px;
			  border:2px solid rgba(3, 166, 224, .4);
			}

			/* 大屏左右粗边框 */
			.vjbig-box-border2-lr{
  			  margin:0px 0px 20px 0px;
			  padding:0px;
			  border-left:2px solid rgba(3, 166, 224, .4);
			  border-right:2px solid rgba(3, 166, 224, .4);
			}
			 
			.vjbig .with-border{
			  border-bottom:1px solid rgba(3, 166, 224, .4);
			}

			.vjbig-box-header, .vjbig-box-footer{
			  padding: 15px 10px;
			  min-height: 10px;
			  line-height: 20px;
			}		

/* 			.vjbig-box-body{
			  padding:15px;
			  display: table;
			  background-color: #FCAB35; 
			}	
			.vjbig-box-body:before, .vjbig-box-body:after{
				content: " ";
				display: table!important;里面有浮动的也可以撑开
			} */
			
			 /* 四个角框线 */
			.vjfourcorner{
			  position: relative;
			}
			.vjfourcorner svg{
			  position:absolute;
			  display:block;
			}
			.vjfourcorner .leftTop{
			  left:0px;
			  top:0px;
			  margin-left: -2px;
			  margin-top: -2px;
			}
			.vjfourcorner .leftBottom{
			  left:0px;
			  bottom:0px;
			  margin-left: -2px;
			  margin-bottom: -2px;
			}
			.vjfourcorner .rightTop{
			  right:0px;
			  top:0px;
			  margin-right: -2px;
			  margin-top: -2px;
			}
			.vjfourcorner .rightBottom{
			  right:0px;
			  bottom:0px;
			  margin-right: -2px;
			  margin-bottom: -2px;
			}

/* 大屏表格 */
.vjtablebig>thead>tr>th, .vjtablebig>tbody>tr>th, .vjtablebig>tfoot>tr>th, .vjtablebig>thead>tr>td, .vjtablebig>tbody>tr>td, .vjtablebig>tfoot>tr>td,.vjtablebig>tr>th, .vjtablebig>tr>td{
    border-top: 1px solid rgba(255,255,255,0.6);
}
.vjtablebig>thead>tr>th, .vjtablebig>tbody>tr>th, .vjtablebig>tr>th{
    background-color: rgba(11,59,95,0.8)!important;
}
.vjtableborderbig>thead>tr>th, .vjtableborderbig>tbody>tr>th, .vjtableborderbig>tfoot>tr>th, .vjtableborderbig>thead>tr>td, .vjtableborderbig>tbody>tr>td, .vjtableborderbig>tfoot>tr>td,.vjtableborderbig>tr>th, .vjtableborderbig>tr>td{
    border-top: 1px solid rgba(255,255,255,0.6);
    border-left: 1px solid rgba(255,255,255,0.6);
    border-right: 1px solid rgba(255,255,255,0.6);
    border-bottom: 1px solid rgba(255,255,255,0.6);
}

/* 表格模拟的数据表格 行选中效果 */
.currentrow{
    background-color: #ecf5ff;
}

/* 加号文件选择 */
div.vjelectfile {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 3px;
    border: 2px solid #F8F8F8;
    /* margin: auto; */
    overflow: hidden;
}
/* 横 */
div.vjelectfile::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    margin-left: -25px;
    margin-top: -1px;
    border-top: 3px solid #E0E0E0;
}
/* 竖 */
div.vjelectfile .shu {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    margin-left: -1px;
    margin-top: -25px;
    border-left: 3px solid #E0E0E0;
}
input.uploadImg {
    display: inline-block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9999;
}


.vjnew1{
    text-indent: 2em;
	font-size: 20px;
    line-height: 28px;
    color: #333;
    word-break: break-all;
}

.vjnewtitle1{
    font-size: 38px;
    line-height: 53px;
    color: #343a40;
    font-weight: 700;
    margin-bottom: 24px;
}

.vjnew2{
    font-size: 18px;
    color: #4c4c4c;
    line-height: 36px;
}

.vjnewtitle2{
    text-align: center;
    font-size: 31px;
    color: #333;
    padding: 55px 0 45px;
}

/* 表格拖拽列宽 */
.vjdroptable{
	border-collapse: collapse;
	table-layout: fixed;
}
.vjdroptable th, td{
	position: relative;
	user-select: none;
	word-break: break-all;
}
.vjth-sisehandler {
	position: absolute;
	right: -0.5px;
	top: 0;
	z-index: 1;
	width: 5px;
	height: 100%;
	padding-left: 4px;
	cursor: col-resize;
}
.vjth-sisehandler::after {
	content: '';
	display: block;
	width: 10px;
	height: 100%;
}
.vjsiselayer {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	cursor: col-resize;
}

/*---------------------bootstrap-switch.css------------------*/
/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

/* ���� */
 .bootstrap-switch-f>div {
  border-radius: 4px;
}

.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 18px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #428bca;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.bootstrap-switch input[type='radio'].form-control,
.bootstrap-switch input[type='checkbox'].form-control {
  height: auto;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.33;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

/*---------------------textli.css------------------*/
.listbox {margin:0 0 0 0px;	padding:0 0 0 15px;  }
		ul:after{ clear: both}
		.listbox{list-style: none; padding-left: 0px; margin-left: 0px;}
		.listbox  li{ padding:10px 15px; }
		.listbox  li i{ margin-right: 15px;}
		.listbox  li .ListCl{ }
		.listbox  li .ListTitle,.listbox  li .ListCl{ color: #555;}
		.listbox  li .ListCl~.ListTitle,.listbox  li .ListCl~a{ margin-left: 5px;}
		.listbox  li a,.listbox  li a .ListCl{ text-decoration: none; color:#569; }
		.listbox  li a:hover,.listbox  li a:hover .ListCl{ text-decoration: none; color:#69f; }
		.listbox  li .ListCl~a,.listbox  li .ListTitle~a{display: block}
		.listbox  li .fa.pull-left,.listbox li .olblock{ margin-right: 2em}
		.ListTitle{ display: block}

		/*响应鼠标样式*/

		.listhavehover li:hover,.listhavehover li:nth-child(2n):hover{ background-color: #eee; cursor: pointer}
		.listhavehover li a{color: #555;}
			/*.listbox_style1	隔行变色*/


		.listbox_style1 li:nth-child(2n),.listbox_style3 li:nth-child(2n){ background-color: #f6f6f6;}
		/* .listbox_style3 	隔行变色，并第二列变小*/

		/*.listbox_style2	分割线*/
		.listbox_style2 li,.listbox_style4 li{ border-bottom: 1px solid #f0f0f0; padding-bottom: 9px;}

		/*.listbox_style4 	分割线，并第二列变小*/
		.listbox_style3  li .ListCl,.listbox_style4  li .ListCl{font-size: 13px; color: #666;}

/*---------------------textliB.css------------------*/
.listbox {margin:0 0 0 0px;padding:0 0 0 15px;  } .listhavehover li:hover,.listhavehover li:nth-child(2n):hover, .listbox_style1 li:nth-child(2n), .listbox_style3 li:nth-child(2n){ background-color: rgba(255,255,255,.01);} .listhavehover li a{color: #FFFFFF;} .listbox li .ListTitle, .listbox li .ListCl{color:#666666}




/*---------------------Panel.css------------------*/
/* CSS Document */
/* 块定义---------------------------------------------------------------------------------------------------------- */
.Panel_c{
	
}

.vjcenterpanel { margin:auto}
header .vjcenterpanel { position:absolute;left:40px; right:40px;}
.vjcenterpanel h1,.vjcenterpanel h2,.vjcenterpanel h3,.vjcenterpanel h4,.vjcenterpanel h5,.vjcenterpanel h6,.vjcenterpanel p,.vjcenterpanel { text-align:center}
.vjcenterpanel .mui-btn-block{ padding:5px; margin-top:10px;}
.mui-bar-footer{position: fixed; z-index: 10;right: 0; left: 0;height: 44px;border-bottom: 0; padding-right:0px;}
.mui-bar-footer .vjtransp_b,.mui-bar-footer .vjtransp_w{  border:none; background-color:transparent;}
.mui-bar .vjtransp_b,.mui-bar .vjtransp_w{top:0px;}

/*圆角样式*/
.vjradius_s,.vjradius_s .mui-popup-inner{ border-radius:3px}
.vjradius_no,.vjradius_no .mui-popup-inner{ border-radius:0px}
.vjradius_m,.vjradius_m .mui-popup-inner{ border-radius:10px}
.vjradius_l,.vjradius_l .mui-popup-inner{ border-radius:20px}
.vjradius_c,.vjradius_c .mui-popup-inner{border-radius:50%;text-algin:center}

/*强制圆形*/
.vj_circular,.vj_circular .mui-popup-inner{border-radius:50%; overflow:hidden;}

/*遮罩样式*/
.vjmaskbox{ height:100%; width:100%; background:rgba(0,0,0,.4); position:fixed; left:0px; top:0px; 
    right: 0; bottom: 0;z-index:999;-webkit-transition-duration: 400ms;
    transition-duration: 400ms;}

/*垂直居中*/
.vjmiddle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}

/*行块元素*/
.vjlineblock{display:inline-block;}

/*图文块*/
.vjimagetext{display:inline-block; padding: 15px; width:100%; line-height:2em; margin: 0px;}

/*图文带边框*/
.vjimagetext-boder{display:inline-block; padding: 15px; width:100%; line-height:2em; margin: 0px; border-color: #E9E9E9; box-shadow: 0 0 5px #E9E9E9; border-width: 1px; border-style: solid;}

/*图文块紧凑*/
.vjimagetext-compact{display:inline-block; padding: 5px; width:100%; line-height:2em; margin: 0px;}

/*图文块紧凑带边框*/
.vjimagetext-compact-boder{display:inline-block; padding: 5px; width:100%; line-height:2em; margin: 0px; border-color: #E9E9E9; box-shadow: 0 0 5px #E9E9E9; border-width: 1px; border-style: solid;}

/*图片列表块*/
.vjimagelist{display:inline-block; padding: 5px; margin: 0px;}

/*图片列表块带边框*/
.vjimagelist-boder{display:inline-block; padding: 5px; margin: 0px; border-color: #E9E9E9; box-shadow: 0 0 5px #E9E9E9; border-width: 1px; border-style: solid;}

/*文字信息块*/
.vjtextinfo{display:inline-block; line-height:1.5em; padding: 5px;}

/* 备选项 */
.vjimagetextTop5{display:inline-block; padding: 5px 15px; width:100%; line-height:2em; margin: 0px;}
/* 备选项紧凑 */
.vjimagetextTop5-compact{display:inline-block; padding: 5px 15px 5px 15px; width:100%; line-height:2em; margin: 0px;}

/*圆底文字*/
.vjtextcircle42{width: 42px; height: 42px; text-align: center; border-radius: 50%; font-size: 24px; color: #FFFFFF; line-height: 42px;}
.vjtextcircle54{width: 54px; height: 54px; text-align: center; border-radius: 50%; font-size: 24px; color: #FFFFFF; line-height: 54px;}
.vjtextcircle78{width: 78px; height: 78px; text-align: center; border-radius: 50%; font-size: 24px; color: #FFFFFF; line-height: 78px;}
.vjtextcircle100{width: 100px; height: 100px; text-align: center; border-radius: 50%; font-size: 24px; color: #FFFFFF; line-height: 100px;}
/*方底文字*/
.vjtextsquare42{width: 42px; height: 42px; text-align: center; border-radius: 5px; font-size: 24px; color: #FFFFFF; line-height: 42px;}
.vjtextsquare54{width: 54px; height: 54px; text-align: center; border-radius: 10px; font-size: 32px; color: #FFFFFF; line-height: 54px;}
.vjtextsquare78{width: 78px; height: 78px; text-align: center; border-radius: 15px; font-size: 48px; color: #FFFFFF; line-height: 78px;}
.vjtextsquare100{width: 100px; height: 100px; text-align: center; border-radius: 20px; font-size: 64px; color: #FFFFFF; line-height: 100px;}

/*---------------------bootstrap-dialog.css------------------*/
.vj-dialog{position: fixed;width:600px;bottom:0;top:0;background:#fff;transition: transform .2s;overflow: hidden;transform: translate(100%,0);z-index: 900;transform: translate(0,0);}
.vj-dialog-lg{width:900px;}
.vj-dialog-sm{width:400px;}
.vj-dialog-right{right:0;border-left:1px solid #B3B3B3;transform: translate(0,0);box-shadow:-2px 0 3px 3px rgba(150,150,150,.4);}
.vj-dialog-left{left:0;border-right:1px solid #B3B3B3;transform: translate(0,0);box-shadow:-2px 0 3px 3px rgba(150,150,150,.4);}
.vj-dialog-full{left:0;right:0;width:100%;transform: translate(0,0);box-shadow:-2px 0 3px 3px rgba(150,150,150,.4);}
.vj-dialog-header{padding: 0px 24px;border-bottom: 1px solid #efefef;padding:0 0 0 12px; height:60px; line-height:60px;font-size:16px;}
.vj-dialog-btnclose{color:#B3B3B3;margin-right: 10px;}
.vj-dialog-btnclose:hover{color:#808080;margin-right: 10px;}
.vj-dialog-body{position: absolute;left:4px;right:0;top:60px;bottom:64px;overflow:hidden;overflow-y: auto;top:60px;padding: 16px 24px 24px 24px;}
.vj-dialog-noheader{top:0px;}
.vj-dialog-foot{position: absolute; left:0; right:0; bottom:0px; height:64px; line-height:64px; padding: 0px 24px; border-top: 1px solid #efefef;background:#fff;}        
.vj-dialog-mask {padding: 0px; margin: 0px; border-width: 0px; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 900; background-color: rgba(55,55,55,.6);}
.dialogmodel {position: absolute;}
.dialog_level_2{z-index: 1052;}
.dialog_level_3{z-index: 1053;}
.dialog_level_4{z-index: 1054;}
.dialog_level_5{z-index: 1055;}
.dialog_level_6{z-index: 1056;}
.dialog_level_7{z-index: 1057;}
.dialog_level_8{z-index: 1058;}

/*---------------------bootstrap-listH.css------------------*/
		.vjli{
			list-style: none;
			text-decoration: none;	
            margin: 0px;
		}
		.vjli>li:first-child{
		    padding-left:0px!important;
		}
		.vjli>li:last-child{
		    padding-right:0px!important;
		}

        /* Ĭ��*/
		.vjli-default>li{
			display:inline;
			float: left;
/* 			line-height:30px; */
			min-height:1px;
			padding-left: 8px; 
			padding-right: 8px;
		}

        /* ƽ���ֲ�*/
		.vjli-average{
			padding: 0px;
			width: 100%;
			display: table;
			table-layout: fixed;
			min-height:1px;
		}		
		.vjli-average>li {
			display: table-cell;
			padding-top: 0px;
			padding-bottom: 0px;
			padding-left: 8px; 
			padding-right: 8px;
		}

		/* ѡ����*/
		.vjli-select{
			line-height:45px;
		}
		.vjli-select>button{
			border-radius:0 0 0 0!important;
			/* margin-left:12px; */
		}
		.vjli-select>a{
			color: #666666; 
			/* margin-left:18px; */
		}
		.vjchecked{
			background-color: #FF9B00!important;
			border-color: #FF9B00!important;
			color: #FFFFFF!important;
		}

		/*����ָ���*/
		.vjli-splitline>li:first-child{
			border-left: none;
        }
 		.vjli-splitline>li{
		    border-left: 2px solid #eee;
		}
		.vjli-splitline2>li:first-child{
			border-left: none;
        }
		.vjli-splitline2>li{
		    border-left: 1px solid #999;
		}

		/*����ָ���*/
		.vjli-splitline-big>li:first-child{
			border-left: none;
        }
 		.vjli-splitline-big>li{
		    border-left: 2px solid rgba(166,212,232,0.8);
		}

/*---------------------bootstrap-tabControl.css------------------*/
/*!
 * ѡ��߿��ڵײ�
 */
.nav-tabs-custom.tab-default>.vjnavtabs>li.active {
	border-top-color: #FFFFFF;
	border-bottom: 2px solid;
	border-bottom-color: #d2d6de;
}
.nav-tabs-custom>.vjnavtabs>li.active>a {
	border-top-color: transparent;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
} 

.nav-tabs-custom.tab-primary>.vjnavtabs>li.active {
	border-top-color: #FFFFFF;
	border-bottom: 2px solid;
	border-bottom-color: #3c8dbc;
}
.nav-tabs-custom>.vjnavtabs>li.active>a {
	border-top-color: transparent;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
} 

.nav-tabs-custom.tab-success>.vjnavtabs>li.active {
	border-top-color: #FFFFFF;
	border-bottom: 2px solid;
	border-bottom-color: #00a65a;
}
.nav-tabs-custom>.vjnavtabs>li.active>a {
	border-top-color: transparent;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
} 

.nav-tabs-custom.tab-info>.vjnavtabs>li.active {
	border-top-color: #FFFFFF;
	border-bottom: 2px solid;
	border-bottom-color: #00c0ef;
}
.nav-tabs-custom>.vjnavtabs>li.active>a {
	border-top-color: transparent;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
} 

.nav-tabs-custom.tab-warning>.vjnavtabs>li.active {
	border-top-color: #FFFFFF;
	border-bottom: 2px solid;
	border-bottom-color: #f39c12;
}
.nav-tabs-custom>.vjnavtabs>li.active>a {
	border-top-color: transparent;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
} 

.nav-tabs-custom.tab-danger>.vjnavtabs>li.active {
	border-top-color: #FFFFFF;
	border-bottom: 2px solid;
	border-bottom-color: #dd4b39;
}
.nav-tabs-custom>.vjnavtabs>li.active>a {
	border-top-color: transparent;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
} 

/*---------------------bootstrap-menu.css------------------*/
/* Base Styles */
.vjmenu1,.vjmenu1 ul,.vjmenu1 li,.vjmenu1 a {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  position: relative;
}
.vjmenu1 a {
  line-height: 1.3;
}
.vjmenu1 > ul > li {
  background: #FFFFFF; 
}
.vjmenu1 > ul > li > a {
  background: #FFFFFF;
  display: block;
  color: #666;
  font-size: 13px;
}
.vjmenu1 > ul > li> a:hover {
  background: #f5f7fd;
  text-decoration: none;
}
.vjmenu1 > ul > li > a > span {
  display: block;
  padding: 12px 10px;
}
.vjmenu1 > ul > li.active > a span {
  background: #f5f7fd; 
}
.vjmenu1 > ul > li.treeview > a span {
	background-position: 96% center;
}
.vjmenu1 > ul > li.treeview.active > a span {
  background: #f5f7fd; 
}
/* Sub menu */
.vjmenu1 ul ul {
  display: none;
  background: #fff;
}
.vjmenu1 ul ul li {
  padding: 0;
  background: #ffffff;
}
.vjmenu1 ul ul li:hover {
  padding: 0;
  background: #f5f7fd;
}
.vjmenu1 ul ul li.active > a {
  background: #f5f7fd; 
}
.vjmenu1 ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #666;
  font-size: 13px;
  font-weight: normal;
}
.vjmenu1 ul ul a:before {
  content: '';
  position: absolute;
  left: 10px;
  color: #666;
}
.vjmenu1 ul ul a:hover {
  color: #0022aa;
}

/*---------------------bodyStyle.css------------------*/

/*@function: ��ʽ���ӿ�ʼ
@author: ���� 15801598650@qq.com
��1rem=16px����
���ģ�0.875rem | 14px
�иߣ�1.75rem | 28px
���⣺1rem | 16px
����ߣ�3.125rem | 50px
�����⣺0.875rem | 14px
���padding: .875rem | 14px
 */
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .main-header .logo, code, kbd, pre, samp{
  font-family:Helvetica Neue, PingFang SC, Helvetica, Arial, Hiragino Sans GB, Microsoft Yahei Regular, \\5FAE\8F6F\96C5\9ED1, STHeiti, \\534E\6587\7EC6\9ED1, sans-serif;
  text-rendering:optimizeLegibility;
  font-feature-settings:"kern";
  font-kerning:normal;
  }
.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success{
  background:transparent;
  }
/*�������忪ʼ*/
a, a > *, input, select, button, button > *, .btn, .btn > *, .ui-pg-button span{
  transition-duration:300ms;
  transition-property:color, background-color, opacity;
  }
a{
  transition-duration:300ms !important;
  }
input:focus, select:focus{
  transition-property:border, color, background-color;
  }
/*�����������*/
@media (min-width:768px){
  /*�Զ���������ȣ�Ĭ��230px*/
  .main-header .logo, .main-sidebar{
    width:180px;
    }
  
  .content-wrapper, .main-footer{
    margin-left:180px;
    }
  
  /*�Զ���logo�߶�*/
  .bigLogo .main-header .logo{
    height:100px;
    }
  
  .bigLogo .main-sidebar{
    padding-top:100px;
    }
  
  /*�Զ���logo*/
  body[data-curpagename=home] .main-header .logo, body:not(.bigLogo) .main-header .logo:hover{
    border-right:none;
    background-color:transparent;
    }
  
  .bigLogo .main-header .logo{
    line-height:16px;
    font-size:16px !important;
    font-weight:500 !important;
    text-align:center;
    word-break:keep-all;
    text-overflow:ellipsis;
    overflow:hidden;
    }
  
  .bigLogo .main-header .logo:before{
    content:"VJ";
    white-space:nowrap;
    font-weight:lighter;
    font-size:32px;
    font-family:fantasy, serif;
    display:block;
    margin:15px auto 10px auto;
    width:48px;
    height:48px;
    line-height:46px;
    border-radius:0.2em;
    }
  
  .bigLogo.sidebar-collapse .main-header .logo:before{
    width:34px;
    height:34px;
    line-height:32px;
    margin-left:-7px;
    text-overflow:ellipsis;
    overflow:hidden;
    }
  
  /*��������*/
  .skin-black .main-header .navbar .nav > li > a{
    border-right:none;
    }
  
  /*������������ڱ߾�*/
  .content{
    padding:25px 25px 25px 25px;
    }
  
  /*�������ڹ�Сʱҳͷ������λ�����⣬������Ԫ�ز�Ҫ����6��*/
  .navbar-collapse.collapse{
    overflow-x:auto !important;
    }
  
  body.padding .wrapper{
    margin:24px;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.25);
    border-radius:10px;
    background-color:transparent;
    }
  }
option{
  padding:10px 2px;
  }
button{
  outline:none !important;
  box-shadow:none;
  border-radius:5px !important;
  }
.modal-content{
  border-radius:5px;
  overflow:hidden;
  background-color:transparent;
  }
.modal-header .close{
  margin-top:4px;
  font-family:serif;
  display:inline-block;
  font-weight:75;
  transform:scale(1.5);
  text-shadow:none;
  }
button.close:focus, button.close:hover{
  opacity:1 !important;
  }
input, textarea, select, .form-control, .form-group-sm .form-control{
  border-radius:5px;
  border:1px solid;
  outline:none;
  }
.input-group .input-group-addon{
/*   border-top-right-radius:5px;
  border-bottom-right-radius:5px; �������߶�������*/
  }
.main-header{
  border-bottom:none !important;
  box-shadow:0 1px 1px #0000010D;
  user-select:none;
  }
.main-header .navbar{
  height:50px;
  position:relative;
  z-index:1999;
  margin-left:auto;
  }
.main-header .navbar > a.sidebar-toggle, .main-header .navbar-nav > li > a{
  border-left:0 solid transparent !important;
  border-right:0 solid transparent !important;
  }
.sidebar-menu li > a > .pull-right-container{
  right:10%;
  }
.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left{
  margin-right:auto;
  }
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  padding:15px 25px;
  margin-left:0;
  text-overflow:ellipsis;
  overflow:hidden;
  top:0;
  }
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu{
  top:50px;
  overflow:hidden;
  text-overflow:ellipsis;
  }
.main-header .logo{
  font-size:16px;
  font-weight:700;
  position:relative;
  z-index:2000;
  }
.main-sidebar ul.sidebar-menu{
  border-top-width:0;
  }
.bigLogo .main-sidebar ul.sidebar-menu{
  border-top-width:1px;
  }
.sidebar-menu{
  user-select:none;
  }
.sidebar-menu > li > a{
  padding:14px;
  text-overflow:ellipsis;
  border-left:0 solid transparent !important;
  }
.sidebar-menu > li > a *{
  font-weight:normal;
  }
.sidebar-menu li a i.iconfont{
  display:inline-block;
  width:20px;
  }
.sidebar-menu .treeview-menu{
  margin:0 !important;
  padding:0 !important;
  border-left:0 solid transparent !important;
  }
.sidebar-menu .treeview-menu > li > a{
  padding:15px 5px 15px 25%;
  text-overflow:ellipsis;
  overflow:hidden;
  }
.sidebar-menu .treeview-menu > li.active > a *{
  font-weight:normal;
  }
.box:not([class*=priority_]){
  border:none;
  box-shadow:none;
  }
.box.box-default{
  border-width:initial;
  }
.box.box-default:not([class*=priority_]){
  border-width:1px;
  border-style:solid;
  border-radius:10px;
  }
.box.box-default .box-header{
  border:0 !important;
  border-radius:10px 10px 0 0;
  }
.box-body{
  padding:15px;
  }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
  padding:15px 8px;
  }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
  border:none;
  }
.tags-area dd, .tags-area dt, .vj-pop-tags-area dd, .vj-pop-tags-area dt{
  border-radius:15px !important;
  padding:4px 15px !important;
  }
.box-header{
  padding:15px 10px;
  font-weight:700;
  min-height:50px;
  }
.box-header > .box-tools{
  top:10px;
  }
.vjmodal .modal-header{
  font-size:14px !important;
  font-weight:700;
  line-height:29px;
  }
.vj-pop-tags-area dl{
  text-align:justify;
  overflow:hidden;
  }
.tags-area dd, .tags-area dt, .vj-pop-tags-area dd, .vj-pop-tags-area dt{
  margin:2px 2px 8px 2px;
  }
.vjframebox_left .sidebar-menu > li.active > a[href]{
  border-left:3px solid transparent;
  }
.content-wrapper{
  user-select:none;
  }
.dropdown-menu{
  padding:0;
  box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
  overflow:hidden;
  }
.dropdown-menu > li > a{
  padding:10px;
  }
.vjframebox_left ul.sidebar-menu > li, .vjframebox_left ul.sidebar-menu > li.active{
  background-color:transparent;
  }
.vjframebox_left ul.sidebar-menu > li.active:before{
  z-index:1;
  }
.vjframebox_left ul.sidebar-menu{
  border-top:none;
  }
.ui-jqgrid{
  border-radius:5px;
  overflow:hidden;
  }
.ui-jqgrid .ui-jqgrid-pager, .ui-jqgrid .ui-jqgrid-toppager{
  border-radius:0 0 5px 5px;
  max-width:100%;
  }
.ui-jqgrid .ui-pg-table td, .ui-jqgrid .ui-jqgrid-pager .navtable td{
  padding:0;
  }
.ui-jqgrid .ui-pg-button{
  padding:0;
  }
.ui-jqgrid .ui-pg-button span{
  margin:0;
  padding:18px;
  top:0;
  }
.ui-jqgrid .ui-pg-button span.ui-separator{
  padding:0;
  border:none;
  border-left:1px solid;
  margin:0 5px;
  }
.ui-jqgrid-pager .ui-pg-table .ui-pg-button:hover, .ui-jqgrid-toppager .ui-pg-table .ui-pg-button:hover{
  background:transparent;
  }
.vjframebox_left .sidebar-menu > li.active:before{
  left:0;
  right:auto !important;
  }
.close{
  text-shadow:none;
  }
/*@function: ��ʽ���ӽ���*/
/*
===================== �� ɫ �� �� =====================
@function: ��ɫ���ӿ�ʼ
@author: ���� 15801598650@qq.com
*/
/*skin-black
  ��ɫ:#262626
  ��ҳ������#F0F2F5
  ���ı���������������ɫ: #FFFFFE
  ���ⱳ����#F9F9F9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #262626
  dzɫ���򾭹�����ɫ #DFDFDF
  dzɫ������ѡ����ɫ #F1F1F1
  ��������ɫ: #3D3D3D
  �����Ӳ˵���̬������ɫ��#262626
  �����Ӳ˵���꾭��������ɫ��#0D0D0D
  �������ӳ�̬��ɫ��#D1D1D1
  �������Ӿ�����ɫ��#FFFFFE
  �������ӱ�����ǰ��ɫ��#0D0D0D
  �����߿�#FFFFFE0D
  ��ť������#FFFFFE
  �����߿�,��ť�߿�,�����߿���Ӱ��#E9E9E9
*/
body.skin-black{
  color:#666666;
  }
body.skin-black *::selection{
  color:#D1D1D1;
  background-color:#262626;
  }
body.skin-black .main-header .logo{
  color:#262626;
  }
body.skin-black.sidebar-collapse .main-header .logo, body.skin-black.sidebar-collapse .main-header .logo:hover{
  background-color:#FFFFFE;
  }
body.skin-black.bigLogo .main-header .logo, body.skin-black.bigLogo .main-header .logo:hover{
  color:#D1D1D1;
  background-color:#3D3D3D;
  }
body.skin-black.bigLogo .main-header .logo:before{
  color:#D1D1D1;
  border:2px solid #D1D1D1;
  background-color:#3D3D3D;
  }
body.skin-black:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-black .content-wrapper, .skin-black .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-black .box.box-default:not([class*=priority_]){
  border-color:#E9E9E9;
  box-shadow:0 0 5px #E9E9E9;
  }
.skin-black .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #E9E9E9;
  }
.skin-black button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  box-shadow:none !important;
  }
.skin-black button.btn-default:hover, .skin-black button.btn-default:focus, .skin-black button.btn-default:active{
  color:#262626;
  background-color:#FFFFFE;
  border-color:#E9E9E9;
  }
.skin-black button.btn-primary{
  color:#262626;
  background-color:#FFFFFE;
  border-color:#262626;
  }
.skin-black input, .skin-black textarea, .skin-black select, .skin-black .form-control, .skin-black .form-group-sm .form-control, .skin-black .vjframebox_left .sidebar-form{
  border-color:#E4E4E4;
  }
.skin-black input:focus, .skin-black textarea:focus, .skin-black select:focus, .skin-black .form-control:focus, .skin-black .form-group-sm .form-control:focus, .skin-black .vjframebox_left .sidebar-form:focus{
  border-color:#262626;
  }
.skin-black .btn-primary.active.focus, .skin-black .btn-primary.active:focus, .skin-black .btn-primary.active:hover, .skin-black .btn-primary:active.focus, .skin-black .btn-primary:active:focus, .skin-black .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-black .open > .dropdown-toggle.btn-primary:focus, .skin-black .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#262626;
  border-color:#262626;
  }
.skin-black .main-header .navbar{
  background-color:#FFFFFE;
  }
.skin-black .main-header .navbar .sidebar-toggle, .skin-black .main-header .navbar .nav > li > a{
  color:#999999;
  }
.skin-black .main-header .navbar .sidebar-toggle:hover, .skin-black .main-header .navbar .nav > li > a:active, .skin-black .main-header .navbar .nav .open > a:focus, .skin-black .main-header .navbar .nav > li > a:focus, .skin-black .main-header .navbar .nav > li > a:hover, .skin-black .main-header .navbar .nav .open > a, .skin-black .main-header .navbar .nav .open > a:hover, .skin-black .vjframebox_left .sidebar-menu > li:hover > a[href]{
  color:#262626;
  background:#DFDFDF;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DFDFDF), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DFDFDF), color-stop(.75, #DFDFDF), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-black .vjframebox_left .sidebar-menu > li.active > a[href], .skin-black .vjframebox_left .sidebar-menu > li.active:hover > a[href]{
  background:#F1F1F1;
  background:linear-gradient(90deg, #262626 3px, #F1F1F1 3px);
  }
.skin-black .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#262626;
  display:none;
  }
.skin-black .vjframebox_left .sidebar-menu{
  border-top:none;
  }
.skin-black .vjframebox_left .sidebar-menu > li > a{
  border-bottom:1px solid #0000010D;
  }
.skin-black .main-header .navbar .nav > li.active > a, .skin-black .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background:#262626;
  }
.skin-black .main-sidebar, .skin-black .left-side{
  background-color:#3D3D3D;
  }
.skin-black .main-sidebar{
  border-right-color:#3D3D3D;
  }
.skin-black .sidebar a{
  color:#D1D1D1;
  }
.skin-black .sidebar-menu{
  border-top:1px solid #FFFFFE0D
  }
.skin-black .sidebar-menu > li > a{
  border-bottom:1px solid #FFFFFE0D;
  }
.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a, .skin-black .sidebar-menu > li.menu-open > a{
  color:#FFFFFE;
  background:#262626;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #262626), color-stop(.25, #3D3D3D), color-stop(.5, #3D3D3D), color-stop(.5, #262626), color-stop(.75, #262626), color-stop(.75, #3D3D3D), color-stop(1, #3D3D3D));
  background-size:.3rem .3rem;
  }
.skin-black .sidebar-menu > li > .treeview-menu{
  background-color:#262626;
  }
.skin-black .sidebar-menu .treeview-menu > li > a{
  color:#D1D1D1;
  }
.skin-black .sidebar-menu .treeview-menu > li.active > a, .skin-black .sidebar-menu .treeview-menu > li > a:hover{
  color:#FFFFFE;
  }
.skin-black .sidebar-menu .treeview-menu > li.active > a:focus, .skin-black .sidebar-menu .treeview-menu > li.active > a{
  background:#0D0D0D;
  background:linear-gradient(90deg, #CC3334 3px, #0D0D0D99 3px)
  }
.skin-black .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#0D0D0D;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #0D0D0D), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #0D0D0D), color-stop(.75, #0D0D0D), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-black.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  color:#FFFFFE;
  background:#262626;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #262626), color-stop(.25, #3D3D3D), color-stop(.5, #3D3D3D), color-stop(.5, #262626), color-stop(.75, #262626), color-stop(.75, #3D3D3D), color-stop(1, #3D3D3D));
  background-size:.3rem .3rem;
  border:1px solid #FFFFFE0D;
  border-left:none;
  top:0;
  }
@media (min-width:768px){
  .skin-black.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #FFFFFE0D !important;
    }
  }
.skin-black .ui-jqgrid{
  border-color:#E9E9E9;
  }
.skin-black .ui-jqgrid .ui-jqgrid-pager, .skin-black .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#E9E9E9;
  }
.skin-black .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-black .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#262626;
  background:#DFDFDF;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DFDFDF), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DFDFDF), color-stop(.75, #DFDFDF), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-black .table > tbody > tr > th, .skin-black .table > tbody > tr > th, .skin-black .table > tfoot > tr > th, .skin-black .table > tfoot > tr > th, .skin-black .table > thead > tr > th, .skin-black .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-black .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-black .tags-area dd, .skin-black .tags-area dt, .skin-black .vj-pop-tags-area dd, .skin-black .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E4E4E4;
  }
.skin-black .tags-area dd.active, .skin-black .vj-pop-tags-area dd.active{
  color:#262626;
  background-color:#26262611 !important;
  border-color:#26262699;
  }
.skin-black .bg-light-blue-active, .skin-black .modal-header{
  color:#FFFFFE !important;
  background-color:#3D3D3D !important;
  }
.skin-black .modal-header{
  border-color:#3D3D3D !important;
  }
.skin-black .vjmodal.modal-info .modal-body, .skin-black .vjmodal.modal-default .modal-body, .skin-black .vjmodal.modal-primary .modal-body, .skin-black .vjmodal.modal-success .modal-body, .skin-black .vjmodal.modal-danger .modal-body, .skin-black .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-black .vjmodal.modal-info .modal-footer, .skin-black .vjmodal.modal-default .modal-footer, .skin-black .vjmodal.modal-primary .modal-footer, .skin-black .vjmodal.modal-success .modal-footer, .skin-black .vjmodal.modal-danger .modal-footer, .skin-black .vjmodal.modal-warning .modal-footer{
  background-color:#E9E9E9 !important;
  border-top:none;
  }
.skin-black .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-black .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-black .modal-footer{
  border-color:#E4E4E4 !important;
  }
.skin-black .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-black .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-black .text-primary{
  color:#262626;
  }
.skin-black .daterangepicker td.active, .skin-black .daterangepicker td.active:hover{
  background-color:#262626;
  }
.skin-black .table > tr.active, .skin-black .table > tbody > tr.active{
  background:#DFDFDF;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DFDFDF), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DFDFDF), color-stop(.75, #DFDFDF), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-black .table > tr.success, .skin-black .table > tbody > tr.success{
  color:#262626;
  background:linear-gradient(90deg, #262626 3px, #F1F1F1 3px)
  }
.skin-black .dropdown-menu > li > a{
  color:#999999;
  }
.skin-black .dropdown-menu > li > a:hover, .skin-black .dropdown-menu > li > a:hover{
  color:#0D0D0D !important;
  background:#DFDFDF;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DFDFDF), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #DFDFDF), color-stop(.75, #DFDFDF), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-black .dropdown-menu > li.active > a, .skin-black .dropdown-menu > li.active > a:focus, .skin-black .dropdown-menu > li.active > a:hover{
  background:#262626;
  }
.skin-black .dropdown-menu > li.active > a > .glyphicon:before, .skin-black .dropdown-menu > li.active > a > .fa:before, .skin-black .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }

/*skin-black-light
  ��ɫ:#262626
  ��������ǰ����ɫ����������꾭������ɫ:#545456
  ��ҳ������#F0F2F5
  ���ı���: #FFFFFE
  ���ⱳ����#F9F9F9
  ���ı߿�#E9E9E9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #262626
  dzɫ���򾭹�����ɫ #DFDFDF
  dzɫ������ѡ����ɫ #F1F1F1
  ��������ɫ: #FFFFFE
  �����Ӳ˵���̬������ɫ������ҳ�ţ�#EFEFEE
  �����Ӳ˵���꾭��������ɫ��#DFDFDE
  �������ӳ�̬��ɫ��#666666
  �������Ӿ�����ɫ��#262626
  �������ӱ�����ǰ��ɫ��#DFDFDE
  �����߿�#0000020D
  ��ť������#FFFFFE;
  ��ť�߿�,�����߿�#E4E4E4
  �����߿���Ӱ��#0000021A
*/
body.skin-black-light{
  color:#666666;
  }
body.skin-black-light *::selection{
  color:#FFFFFE;
  background-color:#262626;
  }
body.skin-black-light:not(.bigLogo) .main-header .logo{
  color:#FFFFFE;
  }
body.skin-black-light.sidebar-collapse .main-header .logo, body.skin-black-light.sidebar-collapse .main-header .logo:hover{
  background-color:#262626;
  }
body.skin-black-light.bigLogo .main-header .logo, body.skin-black-light.bigLogo .main-header .logo:hover{
  color:#262626;
  background-color:#FFFFFE;
  }
body.skin-black-light.bigLogo .main-header .logo:before{
  color:#262626;
  border:2px solid #262626;
  }
body.skin-black-light:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-black-light .content-wrapper, .skin-black-light .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-black-light .box.box-default:not([class*=priority_]){
  border-color:#E4E4E4;
  box-shadow:0 0 5px #0000021A;
  }
.skin-black-light .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #0000021A;
  }
.skin-black-light button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  box-shadow:none !important;
  }
.skin-black-light button.btn-default:hover, .skin-black-light button.btn-default:focus, .skin-black-light button.btn-default:active{
  color:#262626;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  }
.skin-black-light button.btn-primary{
  color:#262626;
  background-color:#FFFFFE;
  border-color:#262626;
  }
.skin-black-light input, .skin-black-light textarea, .skin-black-light select, .skin-black-light .form-control, .skin-black-light .form-group-sm .form-control, .skin-black-light .vjframebox_left .sidebar-form{
  border-color:#E4E4E4;
  }
.skin-black-light input:focus, .skin-black-light textarea:focus, .skin-black-light select:focus, .skin-black-light .form-control:focus, .skin-black-light .form-group-sm .form-control:focus, .skin-black-light .vjframebox_left .sidebar-form:focus{
  border-color:#262626;
  }
.skin-black-light .btn-primary.active.focus, .skin-black-light .btn-primary.active:focus, .skin-black-light .btn-primary.active:hover, .skin-black-light .btn-primary:active.focus, .skin-black-light .btn-primary:active:focus, .skin-black-light .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-black-light .open > .dropdown-toggle.btn-primary:focus, .skin-black-light .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#262626;
  border-color:#262626;
  }
.skin-black-light .main-header .navbar{
  background-color:#262626;
  border-bottom:1px solid #262626;
  }
.skin-black-light .main-header .navbar .sidebar-toggle, .skin-black-light .main-header .navbar .nav > li > a{
  color:#FFFFFEBB;
  }
.skin-black-light .main-header .navbar .sidebar-toggle:hover, .skin-black-light .main-header .navbar .nav > li > a:hover, .skin-black-light .main-header .navbar .nav .open > a, .skin-black-light .main-header .navbar .nav .open > a:hover{
  color:#FFFFFE;
  background:#545456;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #545456), color-stop(.25, #262626), color-stop(.5, #262626), color-stop(.5, #545456), color-stop(.75, #545456), color-stop(.75, #262626), color-stop(1, #262626));
  background-size:.3rem .3rem;
  }
.skin-black-light .main-header .navbar .nav > li.active > a, .skin-black-light .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background-color:#545456;
  }
.skin-black-light .main-sidebar, .skin-black-light .left-side{
  border-right:none;
  background-color:#FFFFFE;
  box-shadow:0 5px 10px #0000021A;
  }
.skin-black-light .sidebar a{
  color:#666666;
  }
.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a, .skin-black-light .sidebar-menu > li.menu-open > a{
  color:#262626;
  background:#DFDFDE;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DFDFDE), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DFDFDE), color-stop(.75, #DFDFDE), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));;
  background-size:.3rem .3rem;
  }
.skin-black-light .vjframebox_left .sidebar-menu > li.active a{
  background:#DFDFDF;
  background:linear-gradient(90deg, #262626 3px, #F1F1F1 3px);
  }
.skin-black-light .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#262626;
  display:none;
  }
.skin-black-light .sidebar-menu{
  border-top:1px solid #0000020D;
  }
.skin-black-light .sidebar-menu > li > a{
  border-bottom:1px solid #0000020D;
  }
.skin-black-light .sidebar-menu > li > .treeview-menu{
  background-color:#EFEFEE;
  }
.skin-black-light .sidebar-menu .treeview-menu > li > a{
  color:#666666;
  }
.skin-black-light .sidebar-menu .treeview-menu > li.active > a, .skin-black-light .sidebar-menu .treeview-menu > li > a:hover{
  color:#262626;
  }
.skin-black-light .sidebar-menu .treeview-menu > li.active > a:focus, .skin-black-light .sidebar-menu .treeview-menu > li.active > a{
  background:#DFDFDE;
  background:linear-gradient(90deg, #262626 3px, #DFDFDE 3px)
  }
.skin-black-light .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#DFDFDE;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DFDFDE), color-stop(.25, #EFEFEE), color-stop(.5, #EFEFEE), color-stop(.5, #DFDFDE), color-stop(.75, #DFDFDE), color-stop(.75, #EFEFEE), color-stop(1, #EFEFEE));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-black-light.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  background:#DFDFDE;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DFDFDE), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DFDFDE), color-stop(.75, #DFDFDE), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  border:1px solid #0000020D;
  border-left:none;
  }
@media (min-width:768px){
  .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #0000020D !important;
    }
  }
.skin-black-light .ui-jqgrid{
  border-color:#E4E4E4;
  }
.skin-black-light .ui-jqgrid .ui-jqgrid-pager, .skin-black-light .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#E4E4E4;
  }
.skin-black-light .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-black-light .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#262626;
  background:#DFDFDE;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DFDFDE), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DFDFDE), color-stop(.75, #DFDFDE), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-black-light .table > tbody > tr > th, .skin-black-light .table > tbody > tr > th, .skin-black-light .table > tfoot > tr > th, .skin-black-light .table > tfoot > tr > th, .skin-black-light .table > thead > tr > th, .skin-black-light .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-black-light .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-black-light .tags-area dd, .skin-black-light .tags-area dt, .skin-black-light .vj-pop-tags-area dd, .skin-black-light .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E4E4E4;
  }
.skin-black-light .tags-area dd.active, .skin-black-light .vj-pop-tags-area dd.active{
  color:#262626;
  background-color:#26262611 !important;
  border-color:#26262699;
  }
.skin-black-light .bg-light-blue-active, .skin-black-light .modal-header{
  color:#FFFFFE !important;
  background-color:#262626 !important;
  }
.skin-black-light .modal-body, .skin-black-light .vjmodal.modal-info .modal-body, .skin-black-light .vjmodal.modal-default .modal-body, .skin-black-light .vjmodal.modal-primary .modal-body, .skin-black-light .vjmodal.modal-success .modal-body, .skin-black-light .vjmodal.modal-danger .modal-body, .skin-black-light .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-black-light .modal-footer, .skin-black-light .vjmodal.modal-info .modal-footer, .skin-black-light .vjmodal.modal-default .modal-footer, .skin-black-light .vjmodal.modal-primary .modal-footer, .skin-black-light .vjmodal.modal-success .modal-footer, .skin-black-light .vjmodal.modal-danger .modal-footer, .skin-black-light .vjmodal.modal-warning .modal-footer{
  background-color:#EFEFEE !important;
  border-color:#E4E4E4 !important;
  border-top:none;
  }
.skin-black-light .modal-header{
  border-color:#262626 !important;
  }
.skin-black-light .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-black-light .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-black-light .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-black-light .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-black-light .text-primary{
  color:#262626;
  }
.skin-black-light .daterangepicker td.active, .skin-black-light .daterangepicker td.active:hover{
  background-color:#262626;
  }
.skin-black-light .table > tr.active, .skin-black-light .table > tbody > tr.active{
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DFDFDF), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #DFDFDF), color-stop(.75, #DFDFDF), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-black-light .table > tr.success, .skin-black-light .table > tbody > tr.success{
  color:#262626;
  background:linear-gradient(90deg, #262626 3px, #F1F1F1 3px)
  }
.skin-black-light .dropdown-menu > li > a{
  color:#999999;
  }
.skin-black-light .dropdown-menu > li > a:hover, .skin-black-light .dropdown-menu > li > a:hover{
  color:#262626 !important;
  background:#DFDFDF;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DFDFDF), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DFDFDF), color-stop(.75, #DFDFDF), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-black-light .dropdown-menu > li.active > a, .skin-black-light .dropdown-menu > li.active > a:focus, .skin-black-light .dropdown-menu > li.active > a:hover{
  background:#262626;
  }
.skin-black-light .dropdown-menu > li.active > a > .glyphicon:before, .skin-black-light .dropdown-menu > li.active > a > .fa:before, .skin-black-light .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }

/*skin-blue
  ��ɫ:#409EFF
  ��ҳ������#F0F2F5
  ���ı���: #FFFFFE
  ���ⱳ����#F9F9F9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #409EFF
  dzɫ���򾭹�����ɫ #D2EAFD
  dzɫ������ѡ����ɫ #E7F4FD
  ��������ɫ: #333744
  �����Ӳ˵���̬������ɫ��#409EFF
  �����Ӳ˵���꾭��������ɫ��#111522
  �������ӳ�̬��ɫ��#D1D1D1
  �������Ӿ�����ɫ��#FFFFFE
  �������ӱ�����ǰ��ɫ��#409EFF
  �����߿�#FFFFFE0D
  ��ť������#FFFFFE
  �����߿�,��ť�߿�,�����߿���Ӱ��#E9E9E9
*/
body.skin-blue{
  color:#666666;
  }
body.skin-blue *::selection{
  color:#FFFFFE;
  background-color:#409EFF;
  }
body.skin-blue .main-header .logo{
  color:#409EFF;
  }
body.skin-blue.sidebar-collapse .main-header .logo, body.skin-blue.sidebar-collapse .main-header .logo:hover{
  background-color:#FFFFFE;
  }
body.skin-blue.bigLogo .main-header .logo, body.skin-blue.bigLogo .main-header .logo:hover{
  color:#FFFFFE;
  background-color:#333744;
  }
body.skin-blue.bigLogo .main-header .logo:before{
  color:#FFFFFE;
  border:2px solid #409EFF;
  background-color:#409EFF99;
  }
body.skin-blue:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-blue .content-wrapper, .skin-blue .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-blue .box.box-default:not([class*=priority_]){
  border-color:#E9E9E9;
  box-shadow:0 0 5px #E9E9E9;
  }
.skin-blue .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #E9E9E9;
  }
.skin-blue button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E9E9E9;
  box-shadow:none !important;
  }
.skin-blue button.btn-default:hover, .skin-blue button.btn-default:focus, .skin-blue button.btn-default:active{
  color:#409EFF;
  background-color:#FFFFFE;
  border-color:#E9E9E9;
  }
.skin-blue button.btn-primary{
  color:#409EFF;
  background-color:#FFFFFE;
  border-color:#409EFF;
  }
.skin-blue input, .skin-blue textarea, .skin-blue select, .skin-blue .form-control, .skin-blue .form-group-sm .form-control, .skin-blue .vjframebox_left .sidebar-form{
  border-color:#E9E9E9;
  }
.skin-blue input:focus, .skin-blue textarea:focus, .skin-blue select:focus, .skin-blue .form-control:focus, .skin-blue .form-group-sm .form-control:focus, .skin-blue .vjframebox_left .sidebar-form:focus{
  border-color:#409EFF;
  }
.skin-blue .btn-primary.active.focus, .skin-blue .btn-primary.active:focus, .skin-blue .btn-primary.active:hover, .skin-blue .btn-primary:active.focus, .skin-blue .btn-primary:active:focus, .skin-blue .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-blue .open > .dropdown-toggle.btn-primary:focus, .skin-blue .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#409EFF;
  border-color:#409EFF;
  }
.skin-blue .main-header .navbar{
  background-color:#FFFFFE;
  }
.skin-blue .main-header .navbar .sidebar-toggle, .skin-blue .main-header .navbar .nav > li > a{
  color:#999999;
  }
.skin-blue .vjframebox_left .sidebar-menu > li.active > a[href]{
  background:#D2EAFD;
  background:linear-gradient(90deg, #409EFF 3px, #E7F4FD 3px);
  }
.skin-blue .main-header .navbar .sidebar-toggle:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .vjframebox_left .sidebar-menu > li:hover > a[href]{
  color:#409EFF;
  background:#D2EAFD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #D2EAFD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #D2EAFD), color-stop(.75, #D2EAFD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-blue .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#409EFF;
  display:none;
  }
.skin-blue .vjframebox_left .sidebar-menu{
  border-top:none;
  }
.skin-blue .vjframebox_left .sidebar-menu > li > a{
  border-bottom:1px solid #0000010D;
  }
.skin-blue .main-header .navbar .nav > li.active > a, .skin-blue .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background:#409EFF;
  }
.skin-blue .main-sidebar, .skin-blue .left-side{
  background-color:#333744;
  }
.skin-blue .main-sidebar{
  border-right-color:#333744;
  }
.skin-blue .sidebar a{
  color:#D1D1D1;
  }
.skin-blue .sidebar-menu{
  border-top:1px solid #FFFFFE0D
  }
.skin-blue .sidebar-menu > li > a{
  border-bottom:1px solid #FFFFFE0D;
  }
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a{
  color:#FFFFFE;
  background:#1A1C23;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #1A1C23), color-stop(.25, #333744), color-stop(.5, #333744), color-stop(.5, #1A1C23), color-stop(.75, #1A1C23), color-stop(.75, #333744), color-stop(1, #333744));
  background-size:.3rem .3rem;
  }
.skin-blue .sidebar-menu > li > .treeview-menu{
  background-color:#1A1C23;
  }
.skin-blue .sidebar-menu .treeview-menu > li > a{
  color:#D1D1D1;
  }
.skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover{
  color:#FFFFFE;
  }
.skin-blue .sidebar-menu .treeview-menu > li.active > a:focus, .skin-blue .sidebar-menu .treeview-menu > li.active > a{
  background:#409EFF;
  background:linear-gradient(90deg, #A8D4FF 3px, #409EFF 3px);
  }
.skin-blue .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#111522;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #111522), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #111522), color-stop(.75, #111522), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-blue.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  color:#FFFFFE;
  background:#1A1C23;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #1A1C23), color-stop(.25, #333744), color-stop(.5, #333744), color-stop(.5, #1A1C23), color-stop(.75, #1A1C23), color-stop(.75, #333744), color-stop(1, #333744));
  background-size:.3rem .3rem;
  border:1px solid #FFFFFE0D;
  border-left:none;
  top:0;
  }
@media (min-width:768px){
  .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #FFFFFE0D !important;
    }
  }
.skin-blue .ui-jqgrid{
  border-color:#E9E9E9;
  }
.skin-blue .ui-jqgrid .ui-jqgrid-pager, .skin-blue .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#E9E9E9;
  }
.skin-blue .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-blue .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#409EFF;
  background:#D2EAFD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #D2EAFD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #D2EAFD), color-stop(.75, #D2EAFD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-blue .table > tbody > tr > th, .skin-blue .table > tbody > tr > th, .skin-blue .table > tfoot > tr > th, .skin-blue .table > tfoot > tr > th, .skin-blue .table > thead > tr > th, .skin-blue .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-blue .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-blue .tags-area dd, .skin-blue .tags-area dt, .skin-blue .vj-pop-tags-area dd, .skin-blue .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E9E9E9;
  }
.skin-blue .tags-area dd.active, .skin-blue .vj-pop-tags-area dd.active{
  color:#409EFF;
  background-color:#409EFF11 !important;
  border-color:#409EFF99;
  }
.skin-blue .bg-light-blue-active, .skin-blue .modal-header{
  color:#FFFFFE !important;
  background-color:#409EFF !important;
  }
.skin-blue .modal-header{
  border-color:#409EFF !important;
  }
.skin-blue .modal-body, .skin-blue .vjmodal.modal-info .modal-body, .skin-blue .vjmodal.modal-default .modal-body, .skin-blue .vjmodal.modal-primary .modal-body, .skin-blue .vjmodal.modal-success .modal-body, .skin-blue .vjmodal.modal-danger .modal-body, .skin-blue .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-blue .modal-footer, .skin-blue .vjmodal.modal-info .modal-footer, .skin-blue .vjmodal.modal-default .modal-footer, .skin-blue .vjmodal.modal-primary .modal-footer, .skin-blue .vjmodal.modal-success .modal-footer, .skin-blue .vjmodal.modal-danger .modal-footer, .skin-blue .vjmodal.modal-warning .modal-footer{
  background-color:#E9E9E9 !important;
  border-color:#E9E9E9 !important;
  border-top:none;
  }
.skin-blue .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-blue .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-blue .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-blue .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-blue .text-primary{
  color:#409EFF;
  }
.skin-blue .daterangepicker td.active, .skin-blue .daterangepicker td.active:hover{
  background-color:#409EFF;
  }
.skin-blue .table > tr.active, .skin-blue .table > tbody > tr.active{
  background:#D2EAFD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #D2EAFD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #D2EAFD), color-stop(.75, #D2EAFD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-blue .table > tr.success, .skin-blue .table > tbody > tr.success{
  color:#409EFF;
  background:linear-gradient(90deg, #409EFF 3px, #E7F4FD 3px)
  }
.skin-blue .dropdown-menu > li > a{
  color:#999999;
  }
.skin-blue .dropdown-menu > li > a:hover, .skin-blue .dropdown-menu > li > a:hover{
  color:#409EFF !important;
  background:#D2EAFD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #D2EAFD), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #D2EAFD), color-stop(.75, #D2EAFD), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-blue .dropdown-menu > li.active > a, .skin-blue .dropdown-menu > li.active > a:focus, .skin-blue .dropdown-menu > li.active > a:hover{
  background:#409EFF;
  }
.skin-blue .dropdown-menu > li.active > a > .glyphicon:before, .skin-blue .dropdown-menu > li.active > a > .fa:before, .skin-blue .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }

/*skin-blue-light
  ��ɫ:#409EFF
  ��������ǰ����ɫ����������ǰ��ѡ����ɫ��#1682E5
  ��ҳ������#F0F2F5
  ���ı���: #FFFFFE
  ���ⱳ����#F9F9F9
  ���ı߿�#E9E9E9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #409EFF
  dzɫ���򾭹�����ɫ #D2EAFD
  dzɫ������ѡ����ɫ #E7F4FD
  ��������ɫ: #FFFFFE
  �����Ӳ˵���̬������ɫ������ҳ�ű���ɫ��#E7F4FD
  �����Ӳ˵���꾭��������ɫ��#D2EAFD
  �������ӳ�̬��ɫ��#666666
  �������Ӿ�����ɫ��#409EFF
  �������ӵ�ǰ������ɫ��#D2EAFD
  �����߿�#0000020D
  ��ť������#FFFFFE;
  ��ť�߿�,�����߿�#E4E4E4
  �����߿���Ӱ��#0000021A
*/
body.skin-blue-light{
  color:#666666;
  }
body.skin-blue-light *::selection{
  color:#FFFFFE;
  background-color:#409EFF;
  }
body.skin-blue-light:not(.bigLogo) .main-header .logo{
  color:#FFFFFE;
  }
body.skin-blue-light.sidebar-collapse .main-header .logo, body.skin-blue-light.sidebar-collapse .main-header .logo:hover{
  background-color:#409EFF;
  }
body.skin-blue-light.bigLogo .main-header .logo, body.skin-blue-light.bigLogo .main-header .logo:hover{
  color:#1682E5;
  background-color:#FFFFFE;
  }
body.skin-blue-light.bigLogo .main-header .logo:before{
  color:#1682E5;
  border:2px solid #1682E5;
  }
body.skin-blue-light:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-blue-light .content-wrapper, .skin-blue-light .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-blue-light .box.box-default:not([class*=priority_]){
  border-color:#E4E4E4;
  box-shadow:0 0 5px #0000021A;
  }
.skin-blue-light .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #0000021A;
  }
.skin-blue-light button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  box-shadow:none !important;
  }
.skin-blue-light button.btn-default:hover, .skin-blue-light button.btn-default:focus, .skin-blue-light button.btn-default:active{
  color:#409EFF;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  }
.skin-blue-light button.btn-primary{
  color:#409EFF;
  background-color:#FFFFFE;
  border-color:#409EFF;
  }
.skin-blue-light input, .skin-blue-light textarea, .skin-blue-light select, .skin-blue-light .form-control, .skin-blue-light .form-group-sm .form-control, .skin-blue-light .vjframebox_left .sidebar-form{
  border-color:#E4E4E4;
  }
.skin-blue-light input:focus, .skin-blue-light textarea:focus, .skin-blue-light select:focus, .skin-blue-light .form-control:focus, .skin-blue-light .form-group-sm .form-control:focus, .skin-blue-light .vjframebox_left .sidebar-form:focus{
  border-color:#409EFF;
  }
.skin-blue-light .btn-primary.active.focus, .skin-blue-light .btn-primary.active:focus, .skin-blue-light .btn-primary.active:hover, .skin-blue-light .btn-primary:active.focus, .skin-blue-light .btn-primary:active:focus, .skin-blue-light .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-blue-light .open > .dropdown-toggle.btn-primary:focus, .skin-blue-light .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#409EFF;
  border-color:#409EFF;
  }
.skin-blue-light .main-header .navbar{
  background-color:#409EFF;
  border-bottom:1px solid #409EFF;
  }
.skin-blue-light .main-header .navbar .sidebar-toggle, .skin-blue-light .main-header .navbar .nav > li > a{
  color:#FFFFFEBB;
  }
.skin-blue-light .main-header .navbar .sidebar-toggle:hover, .skin-blue-light .main-header .navbar .nav > li > a:hover, .skin-blue-light .main-header .navbar .nav .open > a, .skin-blue-light .main-header .navbar .nav .open > a:hover{
  color:#FFFFFE;
  background:#1682E5;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #1682E5), color-stop(.25, #409EFF), color-stop(.5, #409EFF), color-stop(.5, #1682E5), color-stop(.75, #1682E5), color-stop(.75, #409EFF), color-stop(1, #409EFF));
  background-size:.3rem .3rem;
  }
.skin-blue-light .main-header .navbar .nav > li.active > a, .skin-blue-light .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background-color:#1682E5;
  }
.skin-blue-light .main-sidebar, .skin-blue-light .left-side{
  border-right:none;
  background-color:#FFFFFE;
  box-shadow:0 5px 10px #0000021A;
  }
.skin-blue-light .sidebar a{
  color:#666666;
  }
.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a, .skin-blue-light .sidebar-menu > li.menu-open > a{
  color:#409EFF;
  background:#D2EAFD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #D2EAFD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #D2EAFD), color-stop(.75, #D2EAFD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-blue-light .vjframebox_left .sidebar-menu > li.active a{
  color:#409EFF;
  background:#D2EAFD;
  background:linear-gradient(90deg, #409EFF 3px, #E7F4FD 3px);
  }
.skin-blue-light .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#409EFF;
  display:none;
  }
.skin-blue-light .sidebar-menu{
  border-top:1px solid #0000020D;
  }
.skin-blue-light .sidebar-menu > li > a{
  border-bottom:1px solid #0000020D;
  }
.skin-blue-light .sidebar-menu > li > .treeview-menu{
  background-color:#E7F4FD;
  }
.skin-blue-light .sidebar-menu .treeview-menu > li > a{
  color:#666666;
  }
.skin-blue-light .sidebar-menu .treeview-menu > li.active > a, .skin-blue-light .sidebar-menu .treeview-menu > li > a:hover{
  color:#409EFF;
  }
.skin-blue-light .sidebar-menu .treeview-menu > li.active > a:focus, .skin-blue-light .sidebar-menu .treeview-menu > li.active > a{
  background:#D2EAFD;
  background:linear-gradient(90deg, #409EFF 3px, #D2EAFD 3px)
  }
.skin-blue-light .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#D2EAFD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #D2EAFD), color-stop(.25, #E7F4FD), color-stop(.5, #E7F4FD), color-stop(.5, #D2EAFD), color-stop(.75, #D2EAFD), color-stop(.75, #E7F4FD), color-stop(1, #E7F4FD));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-blue-light.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  background:#D2EAFD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #D2EAFD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #D2EAFD), color-stop(.75, #D2EAFD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  border:1px solid #0000020D;
  border-left:none;
  }
@media (min-width:768px){
  .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #0000020D !important;
    }
  }
.skin-blue-light .ui-jqgrid{
  border-color:#E4E4E4;
  }
.skin-blue-light .ui-jqgrid .ui-jqgrid-pager, .skin-blue-light .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#0000021A;
  }
.skin-blue-light .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-blue-light .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#409EFF;
  background:#D2EAFD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #D2EAFD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #D2EAFD), color-stop(.75, #D2EAFD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-blue-light .table > tbody > tr > th, .skin-blue-light .table > tbody > tr > th, .skin-blue-light .table > tfoot > tr > th, .skin-blue-light .table > tfoot > tr > th, .skin-blue-light .table > thead > tr > th, .skin-blue-light .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-blue-light .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-blue-light .tags-area dd, .skin-blue-light .tags-area dt, .skin-blue-light .vj-pop-tags-area dd, .skin-blue-light .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E4E4E4;
  }
.skin-blue-light .tags-area dd.active, .skin-blue-light .vj-pop-tags-area dd.active{
  color:#409EFF;
  background-color:#409EFF11 !important;
  border-color:#409EFF99;
  }
.skin-blue-light .bg-light-blue-active, .skin-blue-light .modal-header{
  color:#FFFFFE !important;
  background-color:#409EFF !important;
  }
.skin-blue-light .modal-body, .skin-blue-light .vjmodal.modal-info .modal-body, .skin-blue-light .vjmodal.modal-default .modal-body, .skin-blue-light .vjmodal.modal-primary .modal-body, .skin-blue-light .vjmodal.modal-success .modal-body, .skin-blue-light .vjmodal.modal-danger .modal-body, .skin-blue-light .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-blue-light .modal-footer, .skin-blue-light .vjmodal.modal-info .modal-footer, .skin-blue-light .vjmodal.modal-default .modal-footer, .skin-blue-light .vjmodal.modal-primary .modal-footer, .skin-blue-light .vjmodal.modal-success .modal-footer, .skin-blue-light .vjmodal.modal-danger .modal-footer, .skin-blue-light .vjmodal.modal-warning .modal-footer{
  background-color:#E7F4FD !important;
  border-color:#E4E4E4 !important;
  border-top:none;
  }
.skin-blue-light .modal-header{
  border-color:#409EFF !important;
  }
.skin-blue-light .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-blue-light .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-blue-light .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-blue-light .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-blue-light .text-primary{
  color:#409EFF;
  }
.skin-blue-light .daterangepicker td.active, .skin-blue-light .daterangepicker td.active:hover{
  background-color:#409EFF;
  }
.skin-blue-light .table > tr.active, .skin-blue-light .table > tbody > tr.active{
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #D2EAFD), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #D2EAFD), color-stop(.75, #D2EAFD), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-blue-light .table > tr.success, .skin-blue-light .table > tbody > tr.success{
  color:#409EFF;
  background:linear-gradient(90deg, #409EFF 3px, #E7F4FD 3px)
  }
.skin-blue-light .dropdown-menu > li > a{
  color:#999999;
  }
.skin-blue-light .dropdown-menu > li > a:hover, .skin-blue-light .dropdown-menu > li > a:hover{
  color:#409EFF !important;
  background:#D2EAFD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #D2EAFD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #D2EAFD), color-stop(.75, #D2EAFD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-blue-light .dropdown-menu > li.active > a, .skin-blue-light .dropdown-menu > li.active > a:focus, .skin-blue-light .dropdown-menu > li.active > a:hover{
  background:#409EFF;
  }
.skin-blue-light .dropdown-menu > li.active > a > .glyphicon:before, .skin-blue-light .dropdown-menu > li.active > a > .fa:before, .skin-blue-light .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }

/*skin-purple
  ��ɫ:#6633CC
  ��ҳ������#F0F2F5
  ���ı���: #FFFFFE
  ���ⱳ����#F9F9F9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #6633CC
  dzɫ���򾭹�����ɫ #E0D5F9
  dzɫ������ѡ����ɫ #F6F0FF
  ��������ɫ: #2A243E
  �����Ӳ˵���̬������ɫ��#1A102D
  �����Ӳ˵���꾭��������ɫ��#48258D
  �������ӳ�̬��ɫ��#D1D1D1
  �������Ӿ�����ɫ��#FFFFFE
  �������ӱ�����ǰ��ɫ��#6633CC
  �����߿�#FFFFFE0D
  ��ť������#FFFFFE
  �����߿�,��ť�߿�,�����߿���Ӱ��#E9E9E9
*/
body.skin-purple{
  color:#666666;
  }
body.skin-purple *::selection{
  color:#FFFFFE;
  background-color:#6633CC;
  }
body.skin-purple .main-header .logo{
  color:#6633CC;
  }
body.skin-purple.sidebar-collapse .main-header .logo, body.skin-purple.sidebar-collapse .main-header .logo:hover{
  background-color:#FFFFFE;
  }
body.skin-purple.bigLogo .main-header .logo, body.skin-purple.bigLogo .main-header .logo:hover{
  color:#FFFFFE;
  background-color:#2A243E;
  }
body.skin-purple.bigLogo .main-header .logo:before{
  color:#FFFFFE;
  border:2px solid #6633CC;
  background-color:#6633CC99;
  }
body.skin-purple:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-purple .content-wrapper, .skin-purple .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-purple .box.box-default:not([class*=priority_]){
  border-color:#E9E9E9;
  box-shadow:0 0 5px #E9E9E9;
  }
.skin-purple .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #E9E9E9;
  }
.skin-purple button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E9E9E9;
  box-shadow:none !important;
  }
.skin-purple button.btn-default:hover, .skin-purple button.btn-default:focus, .skin-purple button.btn-default:active{
  color:#6633CC;
  background-color:#FFFFFE;
  border-color:#E9E9E9;
  }
.skin-purple button.btn-primary{
  color:#6633CC;
  background-color:#FFFFFE;
  border-color:#6633CC;
  }
.skin-purple input, .skin-purple textarea, .skin-purple select, .skin-purple .form-control, .skin-purple .form-group-sm .form-control, .skin-purple .vjframebox_left .sidebar-form{
  border-color:#E9E9E9;
  }
.skin-purple input:focus, .skin-purple textarea:focus, .skin-purple select:focus, .skin-purple .form-control:focus, .skin-purple .form-group-sm .form-control:focus, .skin-purple .vjframebox_left .sidebar-form:focus{
  border-color:#6633CC;
  }
.skin-purple .btn-primary.active.focus, .skin-purple .btn-primary.active:focus, .skin-purple .btn-primary.active:hover, .skin-purple .btn-primary:active.focus, .skin-purple .btn-primary:active:focus, .skin-purple .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-purple .open > .dropdown-toggle.btn-primary:focus, .skin-purple .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#6633CC;
  border-color:#6633CC;
  }
.skin-purple .main-header .navbar{
  background-color:#FFFFFE;
  }
.skin-purple .main-header .navbar .sidebar-toggle, .skin-purple .main-header .navbar .nav > li > a{
  color:#999999;
  }
.skin-purple .vjframebox_left .sidebar-menu > li.active > a[href]{
  background:#E0D5F9;
  background:linear-gradient(90deg, #6633CC 3px, #F6F0FF 3px);
  }
.skin-purple .main-header .navbar .sidebar-toggle:hover, .skin-purple .main-header .navbar .nav > li > a:active, .skin-purple .main-header .navbar .nav .open > a:focus, .skin-purple .main-header .navbar .nav > li > a:focus, .skin-purple .main-header .navbar .nav > li > a:hover, .skin-purple .main-header .navbar .nav .open > a, .skin-purple .main-header .navbar .nav .open > a:hover, .skin-purple .vjframebox_left .sidebar-menu > li:hover > a[href]{
  color:#6633CC;
  background:#E0D5F9;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #E0D5F9), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #E0D5F9), color-stop(.75, #E0D5F9), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-purple .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#6633CC;
  display:none;
  }
.skin-purple .vjframebox_left .sidebar-menu{
  border-top:none;
  }
.skin-purple .vjframebox_left .sidebar-menu > li > a{
  border-bottom:1px solid #0000010D;
  }
.skin-purple .main-header .navbar .nav > li.active > a, .skin-purple .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background:#6633CC;
  }
.skin-purple .main-sidebar, .skin-purple .left-side{
  background-color:#2A243E;
  }
.skin-purple .main-sidebar{
  border-right-color:#2A243E;
  }
.skin-purple .sidebar a{
  color:#D1D1D1;
  }
.skin-purple .sidebar-menu{
  border-top:1px solid #FFFFFE0D
  }
.skin-purple .sidebar-menu > li > a{
  border-bottom:1px solid #FFFFFE0D;
  }
.skin-purple .sidebar-menu > li:hover > a, .skin-purple .sidebar-menu > li.active > a, .skin-purple .sidebar-menu > li.menu-open > a{
  color:#FFFFFE;
  background:#1A102D;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #1A102D), color-stop(.25, #2A243E), color-stop(.5, #2A243E), color-stop(.5, #1A102D), color-stop(.75, #1A102D), color-stop(.75, #2A243E), color-stop(1, #2A243E));
  background-size:.3rem .3rem;
  }
.skin-purple .sidebar-menu > li > .treeview-menu{
  background-color:#1A102D;
  }
.skin-purple .sidebar-menu .treeview-menu > li > a{
  color:#D1D1D1;
  }
.skin-purple .sidebar-menu .treeview-menu > li.active > a, .skin-purple .sidebar-menu .treeview-menu > li > a:hover{
  color:#FFFFFE;
  }
.skin-purple .sidebar-menu .treeview-menu > li.active > a:focus, .skin-purple .sidebar-menu .treeview-menu > li.active > a{
  background:#6633CC;
  background:linear-gradient(90deg, #F17EFF 3px, #6633CC 3px);
  }
.skin-purple .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#48258D;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #48258D), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #48258D), color-stop(.75, #48258D), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-purple.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  color:#FFFFFE;
  background:#1A102D;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #1A102D), color-stop(.25, #2A243E), color-stop(.5, #2A243E), color-stop(.5, #1A102D), color-stop(.75, #1A102D), color-stop(.75, #2A243E), color-stop(1, #2A243E));
  background-size:.3rem .3rem;
  border:1px solid #FFFFFE0D;
  border-left:none;
  top:0;
  }
@media (min-width:768px){
  .skin-purple.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #FFFFFE0D !important;
    }
  }
.skin-purple .ui-jqgrid{
  border-color:#E9E9E9;
  }
.skin-purple .ui-jqgrid .ui-jqgrid-pager, .skin-purple .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#E9E9E9;
  }
.skin-purple .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-purple .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#6633CC;
  background:#E0D5F9;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #E0D5F9), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #E0D5F9), color-stop(.75, #E0D5F9), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-purple .table > tbody > tr > th, .skin-purple .table > tbody > tr > th, .skin-purple .table > tfoot > tr > th, .skin-purple .table > tfoot > tr > th, .skin-purple .table > thead > tr > th, .skin-purple .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-purple .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-purple .tags-area dd, .skin-purple .tags-area dt, .skin-purple .vj-pop-tags-area dd, .skin-purple .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E9E9E9;
  }
.skin-purple .tags-area dd.active, .skin-purple .vj-pop-tags-area dd.active{
  color:#6633CC;
  background-color:#6633CC11 !important;
  border-color:#6633CC99;
  }
.skin-purple .bg-light-blue-active, .skin-purple .modal-header{
  color:#FFFFFE !important;
  background-color:#6633CC !important;
  }
.skin-purple .modal-header{
  border-color:#6633CC !important;
  }
.skin-purple .modal-body, .skin-purple .vjmodal.modal-info .modal-body, .skin-purple .vjmodal.modal-default .modal-body, .skin-purple .vjmodal.modal-primary .modal-body, .skin-purple .vjmodal.modal-success .modal-body, .skin-purple .vjmodal.modal-danger .modal-body, .skin-purple .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-purple .modal-footer, .skin-purple .vjmodal.modal-info .modal-footer, .skin-purple .vjmodal.modal-default .modal-footer, .skin-purple .vjmodal.modal-primary .modal-footer, .skin-purple .vjmodal.modal-success .modal-footer, .skin-purple .vjmodal.modal-danger .modal-footer, .skin-purple .vjmodal.modal-warning .modal-footer{
  background-color:#E9E9E9 !important;
  border-color:#E9E9E9 !important;
  border-top:none;
  }
.skin-purple .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-purple .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-purple .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-purple .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-purple .text-primary{
  color:#6633CC;
  }
.skin-purple .daterangepicker td.active, .skin-purple .daterangepicker td.active:hover{
  background-color:#6633CC;
  }
.skin-purple .table > tr.active, .skin-purple .table > tbody > tr.active{
  background:#E0D5F9;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #E0D5F9), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #E0D5F9), color-stop(.75, #E0D5F9), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-purple .table > tr.success, .skin-purple .table > tbody > tr.success{
  color:#6633CC;
  background:linear-gradient(90deg, #6633CC 3px, #F6F0FF 3px)
  }
.skin-purple .dropdown-menu > li > a{
  color:#999999;
  }
.skin-purple .dropdown-menu > li > a:hover, .skin-purple .dropdown-menu > li > a:hover{
  color:#6633CC !important;
  background:#E0D5F9;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #E0D5F9), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #E0D5F9), color-stop(.75, #E0D5F9), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-purple .dropdown-menu > li.active > a, .skin-purple .dropdown-menu > li.active > a:focus, .skin-purple .dropdown-menu > li.active > a:hover{
  background:#6633CC;
  }
.skin-purple .dropdown-menu > li.active > a > .glyphicon:before, .skin-purple .dropdown-menu > li.active > a > .fa:before, .skin-purple .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }

/*skin-purple-light
  ��ɫ:#6633CC
  ��������ǰ����ɫ����������ǰ��ѡ����ɫ��#330099
  ��ҳ������#F0F2F5
  ���ı���: #FFFFFE
  ���ⱳ����#F9F9F9
  ���ı߿�#E9E9E9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #6633CC
  dzɫ���򾭹�����ɫ #e0d5f9
  dzɫ������ѡ����ɫ #F6F0FF
  ��������ɫ: #FFFFFE
  �����Ӳ˵���̬������ɫ������ҳ�ű���ɫ��#F6F0FF
  �����Ӳ˵���꾭��������ɫ��#e0d5f9
  �������ӳ�̬��ɫ��#666666
  �������Ӿ�����ɫ��#6633CC
  �������ӵ�ǰ������ɫ��#e0d5f9
  �����߿�#0000020D
  ��ť������#FFFFFE;
  ��ť�߿�,�����߿�#E4E4E4
  �����߿���Ӱ��#0000021A
*/
body.skin-purple-light{
  color:#666666;
  }
body.skin-purple-light *::selection{
  color:#FFFFFE;
  background-color:#6633CC;
  }
body.skin-purple-light:not(.bigLogo) .main-header .logo{
  color:#FFFFFE;
  }
body.skin-purple-light.sidebar-collapse .main-header .logo, body.skin-purple-light.sidebar-collapse .main-header .logo:hover{
  background-color:#6633CC;
  }
body.skin-purple-light.bigLogo .main-header .logo, body.skin-purple-light.bigLogo .main-header .logo:hover{
  color:#330099;
  background-color:#FFFFFE;
  }
body.skin-purple-light.bigLogo .main-header .logo:before{
  color:#330099;
  border:2px solid #330099;
  }
body.skin-purple-light:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-purple-light .content-wrapper, .skin-purple-light .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-purple-light .box.box-default:not([class*=priority_]){
  border-color:#E4E4E4;
  box-shadow:0 0 5px #0000021A;
  }
.skin-purple-light .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #0000021A;
  }
.skin-purple-light button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  box-shadow:none !important;
  }
.skin-purple-light button.btn-default:hover, .skin-purple-light button.btn-default:focus, .skin-purple-light button.btn-default:active{
  color:#6633CC;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  }
.skin-purple-light button.btn-primary{
  color:#6633CC;
  background-color:#FFFFFE;
  border-color:#6633CC;
  }
.skin-purple-light input, .skin-purple-light textarea, .skin-purple-light select, .skin-purple-light .form-control, .skin-purple-light .form-group-sm .form-control, .skin-purple-light .vjframebox_left .sidebar-form{
  border-color:#E4E4E4;
  }
.skin-purple-light input:focus, .skin-purple-light textarea:focus, .skin-purple-light select:focus, .skin-purple-light .form-control:focus, .skin-purple-light .form-group-sm .form-control:focus, .skin-purple-light .vjframebox_left .sidebar-form:focus{
  border-color:#6633CC;
  }
.skin-purple-light .btn-primary.active.focus, .skin-purple-light .btn-primary.active:focus, .skin-purple-light .btn-primary.active:hover, .skin-purple-light .btn-primary:active.focus, .skin-purple-light .btn-primary:active:focus, .skin-purple-light .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-purple-light .open > .dropdown-toggle.btn-primary:focus, .skin-purple-light .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#6633CC;
  border-color:#6633CC;
  }
.skin-purple-light .main-header .navbar{
  background-color:#6633CC;
  border-bottom:1px solid #6633CC;
  }
.skin-purple-light .main-header .navbar .sidebar-toggle, .skin-purple-light .main-header .navbar .nav > li > a{
  color:#FFFFFEBB;
  }
.skin-purple-light .main-header .navbar .sidebar-toggle:hover, .skin-purple-light .main-header .navbar .nav > li > a:hover, .skin-purple-light .main-header .navbar .nav .open > a, .skin-purple-light .main-header .navbar .nav .open > a:hover{
  color:#FFFFFE;
  background:#330099;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #330099), color-stop(.25, #6633CC), color-stop(.5, #6633CC), color-stop(.5, #330099), color-stop(.75, #330099), color-stop(.75, #6633CC), color-stop(1, #6633CC));
  background-size:.3rem .3rem;
  }
.skin-purple-light .main-header .navbar .nav > li.active > a, .skin-purple-light .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background-color:#330099;
  }
.skin-purple-light .main-sidebar, .skin-purple-light .left-side{
  border-right:none;
  background-color:#FFFFFE;
  box-shadow:0 5px 10px #0000021A;
  }
.skin-purple-light .sidebar a{
  color:#666666;
  }
.skin-purple-light .sidebar-menu > li:hover > a, .skin-purple-light .sidebar-menu > li.active > a, .skin-purple-light .sidebar-menu > li.menu-open > a{
  color:#6633CC;
  background:#E0D5F9;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #E0D5F9), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #E0D5F9), color-stop(.75, #E0D5F9), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-purple-light .vjframebox_left .sidebar-menu > li.active a{
  color:#6633CC;
  background:#E0D5F9;
  background:linear-gradient(90deg, #6633CC 3px, #F6F0FF 3px);
  }
.skin-purple-light .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#6633CC;
  display:none;
  }
.skin-purple-light .sidebar-menu{
  border-top:1px solid #0000020D;
  }
.skin-purple-light .sidebar-menu > li > a{
  border-bottom:1px solid #0000020D;
  }
.skin-purple-light .sidebar-menu > li > .treeview-menu{
  background-color:#F6F0FF;
  }
.skin-purple-light .sidebar-menu .treeview-menu > li > a{
  color:#666666;
  }
.skin-purple-light .sidebar-menu .treeview-menu > li.active > a, .skin-purple-light .sidebar-menu .treeview-menu > li > a:hover{
  color:#6633CC;
  }
.skin-purple-light .sidebar-menu .treeview-menu > li.active > a:focus, .skin-purple-light .sidebar-menu .treeview-menu > li.active > a{
  background:#E0D5F9;
  background:linear-gradient(90deg, #6633CC 3px, #E0D5F9 3px)
  }
.skin-purple-light .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#E0D5F9;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #E0D5F9), color-stop(.25, #F6F0FF), color-stop(.5, #F6F0FF), color-stop(.5, #E0D5F9), color-stop(.75, #E0D5F9), color-stop(.75, #F6F0FF), color-stop(1, #F6F0FF));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-purple-light.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  background:#E0D5F9;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #E0D5F9), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #E0D5F9), color-stop(.75, #E0D5F9), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  border:1px solid #0000020D;
  border-left:none;
  }
@media (min-width:768px){
  .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #0000020D !important;
    }
  }
.skin-purple-light .ui-jqgrid{
  border-color:#E4E4E4;
  }
.skin-purple-light .ui-jqgrid .ui-jqgrid-pager, .skin-purple-light .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#0000021A;
  }
.skin-purple-light .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-purple-light .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#6633CC;
  background:#E0D5F9;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #E0D5F9), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #E0D5F9), color-stop(.75, #E0D5F9), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-purple-light .table > tbody > tr > th, .skin-purple-light .table > tbody > tr > th, .skin-purple-light .table > tfoot > tr > th, .skin-purple-light .table > tfoot > tr > th, .skin-purple-light .table > thead > tr > th, .skin-purple-light .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-purple-light .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-purple-light .tags-area dd, .skin-purple-light .tags-area dt, .skin-purple-light .vj-pop-tags-area dd, .skin-purple-light .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E4E4E4;
  }
.skin-purple-light .tags-area dd.active, .skin-purple-light .vj-pop-tags-area dd.active{
  color:#6633CC;
  background-color:#6633CC11 !important;
  border-color:#6633CC99;
  }
.skin-purple-light .bg-light-blue-active, .skin-purple-light .modal-header{
  color:#FFFFFE !important;
  background-color:#6633CC !important;
  }
.skin-purple-light .modal-body, .skin-purple-light .vjmodal.modal-info .modal-body, .skin-purple-light .vjmodal.modal-default .modal-body, .skin-purple-light .vjmodal.modal-primary .modal-body, .skin-purple-light .vjmodal.modal-success .modal-body, .skin-purple-light .vjmodal.modal-danger .modal-body, .skin-purple-light .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-purple-light .modal-footer, .skin-purple-light .vjmodal.modal-info .modal-footer, .skin-purple-light .vjmodal.modal-default .modal-footer, .skin-purple-light .vjmodal.modal-primary .modal-footer, .skin-purple-light .vjmodal.modal-success .modal-footer, .skin-purple-light .vjmodal.modal-danger .modal-footer, .skin-purple-light .vjmodal.modal-warning .modal-footer{
  background-color:#F6F0FF !important;
  border-color:#E4E4E4 !important;
  border-top:none;
  }
.skin-purple-light .modal-header{
  border-color:#6633CC !important;
  }
.skin-purple-light .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-purple-light .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-purple-light .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-purple-light .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-purple-light .text-primary{
  color:#6633CC;
  }
.skin-purple-light .daterangepicker td.active, .skin-purple-light .daterangepicker td.active:hover{
  background-color:#6633CC;
  }
.skin-purple-light .table > tr.active, .skin-purple-light .table > tbody > tr.active{
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #E0D5F9), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #E0D5F9), color-stop(.75, #E0D5F9), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-purple-light .table > tr.success, .skin-purple-light .table > tbody > tr.success{
  color:#6633CC;
  background:linear-gradient(90deg, #6633CC 3px, #F6F0FF 3px)
  }
.skin-purple-light .dropdown-menu > li > a{
  color:#999999;
  }
.skin-purple-light .dropdown-menu > li > a:hover, .skin-purple-light .dropdown-menu > li > a:hover{
  color:#6633CC !important;
  background:#E0D5F9;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #E0D5F9), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #E0D5F9), color-stop(.75, #E0D5F9), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-purple-light .dropdown-menu > li.active > a, .skin-purple-light .dropdown-menu > li.active > a:focus, .skin-purple-light .dropdown-menu > li.active > a:hover{
  background:#6633CC;
  }
.skin-purple-light .dropdown-menu > li.active > a > .glyphicon:before, .skin-purple-light .dropdown-menu > li.active > a > .fa:before, .skin-purple-light .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }

/*skin-green
  ��ɫ:#009966
  ��ҳ������#F0F2F5
  ���ı���: #FFFFFE
  ���ⱳ����#F9F9F9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #009966
  dzɫ���򾭹�����ɫ #DAE6C4
  dzɫ������ѡ����ɫ #EBF3DC
  ��������ɫ: #1E2422
  �����Ӳ˵���̬������ɫ��#151918
  �����Ӳ˵���꾭��������ɫ��#2C3C33
  �������ӳ�̬��ɫ��#D1D1D1
  �������Ӿ�����ɫ��#FFFFFE
  �������ӱ�����ǰ��ɫ��#009966
  �����߿�#FFFFFE0D
  ��ť������#FFFFFE
  �����߿�,��ť�߿�,�����߿���Ӱ��#E9E9E9
*/
body.skin-green{
  color:#666666;
  }
body.skin-green *::selection{
  color:#FFFFFE;
  background-color:#009966;
  }
body.skin-green .main-header .logo{
  color:#009966;
  }
body.skin-green.sidebar-collapse .main-header .logo, body.skin-green.sidebar-collapse .main-header .logo:hover{
  background-color:#FFFFFE;
  }
body.skin-green.bigLogo .main-header .logo, body.skin-green.bigLogo .main-header .logo:hover{
  color:#FFFFFE;
  background-color:#1E2422;
  }
body.skin-green.bigLogo .main-header .logo:before{
  color:#FFFFFE;
  border:2px solid #009966;
  background-color:#00996699;
  }
body.skin-green:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-green .content-wrapper, .skin-green .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-green .box.box-default:not([class*=priority_]){
  border-color:#E9E9E9;
  box-shadow:0 0 5px #E9E9E9;
  }
.skin-green .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #E9E9E9;
  }
.skin-green button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E9E9E9;
  box-shadow:none !important;
  }
.skin-green button.btn-default:hover, .skin-green button.btn-default:focus, .skin-green button.btn-default:active{
  color:#009966;
  background-color:#FFFFFE;
  border-color:#E9E9E9;
  }
.skin-green button.btn-primary{
  color:#009966;
  background-color:#FFFFFE;
  border-color:#009966;
  }
.skin-green input, .skin-green textarea, .skin-green select, .skin-green .form-control, .skin-green .form-group-sm .form-control, .skin-green .vjframebox_left .sidebar-form{
  border-color:#E9E9E9;
  }
.skin-green input:focus, .skin-green textarea:focus, .skin-green select:focus, .skin-green .form-control:focus, .skin-green .form-group-sm .form-control:focus, .skin-green .vjframebox_left .sidebar-form:focus{
  border-color:#009966;
  }
.skin-green .btn-primary.active.focus, .skin-green .btn-primary.active:focus, .skin-green .btn-primary.active:hover, .skin-green .btn-primary:active.focus, .skin-green .btn-primary:active:focus, .skin-green .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-green .open > .dropdown-toggle.btn-primary:focus, .skin-green .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#009966;
  border-color:#009966;
  }
.skin-green .main-header .navbar{
  background-color:#FFFFFE;
  }
.skin-green .main-header .navbar .sidebar-toggle, .skin-green .main-header .navbar .nav > li > a{
  color:#999999;
  }
.skin-green .vjframebox_left .sidebar-menu > li.active > a[href]{
  background:#DAE6C4;
  background:linear-gradient(90deg, #009966 3px, #EBF3DC 3px);
  }
.skin-green .main-header .navbar .sidebar-toggle:hover, .skin-green .main-header .navbar .nav > li > a:active, .skin-green .main-header .navbar .nav .open > a:focus, .skin-green .main-header .navbar .nav > li > a:focus, .skin-green .main-header .navbar .nav > li > a:hover, .skin-green .main-header .navbar .nav .open > a, .skin-green .main-header .navbar .nav .open > a:hover, .skin-green .vjframebox_left .sidebar-menu > li:hover > a[href]{
  color:#009966;
  background:#DAE6C4;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DAE6C4), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DAE6C4), color-stop(.75, #DAE6C4), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-green .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#009966;
  display:none;
  }
.skin-green .vjframebox_left .sidebar-menu{
  border-top:none;
  }
.skin-green .vjframebox_left .sidebar-menu > li > a{
  border-bottom:1px solid #0000010D;
  }
.skin-green .main-header .navbar .nav > li.active > a, .skin-green .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background:#009966;
  }
.skin-green .main-sidebar, .skin-green .left-side{
  background-color:#1E2422;
  }
.skin-green .main-sidebar{
  border-right-color:#1E2422;
  }
.skin-green .sidebar a{
  color:#D1D1D1;
  }
.skin-green .sidebar-menu{
  border-top:1px solid #FFFFFE0D
  }
.skin-green .sidebar-menu > li > a{
  border-bottom:1px solid #FFFFFE0D;
  }
.skin-green .sidebar-menu > li:hover > a, .skin-green .sidebar-menu > li.active > a, .skin-green .sidebar-menu > li.menu-open > a{
  color:#FFFFFE;
  background:#151918;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #151918), color-stop(.25, #1E2422), color-stop(.5, #1E2422), color-stop(.5, #151918), color-stop(.75, #151918), color-stop(.75, #1E2422), color-stop(1, #1E2422));
  background-size:.3rem .3rem;
  }
.skin-green .sidebar-menu > li > .treeview-menu{
  background-color:#151918;
  }
.skin-green .sidebar-menu .treeview-menu > li > a{
  color:#D1D1D1;
  }
.skin-green .sidebar-menu .treeview-menu > li.active > a, .skin-green .sidebar-menu .treeview-menu > li > a:hover{
  color:#FFFFFE;
  }
.skin-green .sidebar-menu .treeview-menu > li.active > a:focus, .skin-green .sidebar-menu .treeview-menu > li.active > a{
  background:#009966;
  background:linear-gradient(90deg, #BECA7A 3px, #009966 3px);
  }
.skin-green .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#2C3C33;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #2C3C33), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #2C3C33), color-stop(.75, #2C3C33), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-green.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  color:#FFFFFE;
  background:#151918;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #151918), color-stop(.25, #1E2422), color-stop(.5, #1E2422), color-stop(.5, #151918), color-stop(.75, #151918), color-stop(.75, #1E2422), color-stop(1, #1E2422));
  background-size:.3rem .3rem;
  border:1px solid #FFFFFE0D;
  border-left:none;
  top:0;
  }
@media (min-width:768px){
  .skin-green.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #FFFFFE0D !important;
    }
  }
.skin-green .ui-jqgrid{
  border-color:#E9E9E9;
  }
.skin-green .ui-jqgrid .ui-jqgrid-pager, .skin-green .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#E9E9E9;
  }
.skin-green .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-green .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#009966;
  background:#DAE6C4;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DAE6C4), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DAE6C4), color-stop(.75, #DAE6C4), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-green .table > tbody > tr > th, .skin-green .table > tbody > tr > th, .skin-green .table > tfoot > tr > th, .skin-green .table > tfoot > tr > th, .skin-green .table > thead > tr > th, .skin-green .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-green .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-green .tags-area dd, .skin-green .tags-area dt, .skin-green .vj-pop-tags-area dd, .skin-green .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E9E9E9;
  }
.skin-green .tags-area dd.active, .skin-green .vj-pop-tags-area dd.active{
  color:#009966;
  background-color:#00996611 !important;
  border-color:#00996699;
  }
.skin-green .bg-light-blue-active, .skin-green .modal-header{
  color:#FFFFFE !important;
  background-color:#009966 !important;
  }
.skin-green .modal-header{
  border-color:#009966 !important;
  }
.skin-green .modal-body, .skin-green .vjmodal.modal-info .modal-body, .skin-green .vjmodal.modal-default .modal-body, .skin-green .vjmodal.modal-primary .modal-body, .skin-green .vjmodal.modal-success .modal-body, .skin-green .vjmodal.modal-danger .modal-body, .skin-green .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-green .modal-footer, .skin-green .vjmodal.modal-info .modal-footer, .skin-green .vjmodal.modal-default .modal-footer, .skin-green .vjmodal.modal-primary .modal-footer, .skin-green .vjmodal.modal-success .modal-footer, .skin-green .vjmodal.modal-danger .modal-footer, .skin-green .vjmodal.modal-warning .modal-footer{
  background-color:#E9E9E9 !important;
  border-color:#E9E9E9 !important;
  border-top:none;
  }
.skin-green .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-green .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-green .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-green .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-green .text-primary{
  color:#009966;
  }
.skin-green .daterangepicker td.active, .skin-green .daterangepicker td.active:hover{
  background-color:#009966;
  }
.skin-green .table > tr.active, .skin-green .table > tbody > tr.active{
  background:#DAE6C4;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DAE6C4), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DAE6C4), color-stop(.75, #DAE6C4), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-green .table > tr.success, .skin-green .table > tbody > tr.success{
  color:#009966;
  background:linear-gradient(90deg, #009966 3px, #EBF3DC 3px)
  }
.skin-green .dropdown-menu > li > a{
  color:#999999;
  }
.skin-green .dropdown-menu > li > a:hover, .skin-green .dropdown-menu > li > a:hover{
  color:#009966 !important;
  background:#DAE6C4;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DAE6C4), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #DAE6C4), color-stop(.75, #DAE6C4), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-green .dropdown-menu > li.active > a, .skin-green .dropdown-menu > li.active > a:focus, .skin-green .dropdown-menu > li.active > a:hover{
  background:#009966;
  }
.skin-green .dropdown-menu > li.active > a > .glyphicon:before, .skin-green .dropdown-menu > li.active > a > .fa:before, .skin-green .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }

/*skin-green-light
  ��ɫ:#009966
  ��������ǰ����ɫ����������ǰ��ѡ����ɫ��#006644
  ��ҳ������#F0F2F5
  ���ı���: #FFFFFE
  ���ⱳ����#F9F9F9
  ���ı߿�#E9E9E9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #009966
  dzɫ���򾭹�����ɫ #DAE6C4
  dzɫ������ѡ����ɫ #EBF3DC
  ��������ɫ: #FFFFFE
  �����Ӳ˵���̬������ɫ������ҳ�ű���ɫ��#EBF3DC
  �����Ӳ˵���꾭��������ɫ��#DAE6C4
  �������ӳ�̬��ɫ��#666666
  �������Ӿ�����ɫ��#009966
  �������ӵ�ǰ������ɫ��#DAE6C4
  �����߿�#0000020D
  ��ť������#FFFFFE;
  ��ť�߿�,�����߿�#E4E4E4
  �����߿���Ӱ��#0000021A
*/
body.skin-green-light{
  color:#666666;
  }
body.skin-green-light *::selection{
  color:#FFFFFE;
  background-color:#009966;
  }
body.skin-green-light:not(.bigLogo) .main-header .logo{
  color:#FFFFFE;
  }
body.skin-green-light.sidebar-collapse .main-header .logo, body.skin-green-light.sidebar-collapse .main-header .logo:hover{
  background-color:#009966;
  }
body.skin-green-light.bigLogo .main-header .logo, body.skin-green-light.bigLogo .main-header .logo:hover{
  color:#006644;
  background-color:#FFFFFE;
  }
body.skin-green-light.bigLogo .main-header .logo:before{
  color:#006644;
  border:2px solid #006644;
  }
body.skin-green-light:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-green-light .content-wrapper, .skin-green-light .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-green-light .box.box-default:not([class*=priority_]){
  border-color:#E4E4E4;
  box-shadow:0 0 5px #0000021A;
  }
.skin-green-light .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #0000021A;
  }
.skin-green-light button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  box-shadow:none !important;
  }
.skin-green-light button.btn-default:hover, .skin-green-light button.btn-default:focus, .skin-green-light button.btn-default:active{
  color:#009966;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  }
.skin-green-light button.btn-primary{
  color:#009966;
  background-color:#FFFFFE;
  border-color:#009966;
  }
.skin-green-light input, .skin-green-light textarea, .skin-green-light select, .skin-green-light .form-control, .skin-green-light .form-group-sm .form-control, .skin-green-light .vjframebox_left .sidebar-form{
  border-color:#E4E4E4;
  }
.skin-green-light input:focus, .skin-green-light textarea:focus, .skin-green-light select:focus, .skin-green-light .form-control:focus, .skin-green-light .form-group-sm .form-control:focus, .skin-green-light .vjframebox_left .sidebar-form:focus{
  border-color:#009966;
  }
.skin-green-light .btn-primary.active.focus, .skin-green-light .btn-primary.active:focus, .skin-green-light .btn-primary.active:hover, .skin-green-light .btn-primary:active.focus, .skin-green-light .btn-primary:active:focus, .skin-green-light .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-green-light .open > .dropdown-toggle.btn-primary:focus, .skin-green-light .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#009966;
  border-color:#009966;
  }
.skin-green-light .main-header .navbar{
  background-color:#009966;
  border-bottom:1px solid #009966;
  }
.skin-green-light .main-header .navbar .sidebar-toggle, .skin-green-light .main-header .navbar .nav > li > a{
  color:#FFFFFEBB;
  }
.skin-green-light .main-header .navbar .sidebar-toggle:hover, .skin-green-light .main-header .navbar .nav > li > a:hover, .skin-green-light .main-header .navbar .nav .open > a, .skin-green-light .main-header .navbar .nav .open > a:hover{
  color:#FFFFFE;
  background:#006644;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #006644), color-stop(.25, #009966), color-stop(.5, #009966), color-stop(.5, #006644), color-stop(.75, #006644), color-stop(.75, #009966), color-stop(1, #009966));
  background-size:.3rem .3rem;
  }
.skin-green-light .main-header .navbar .nav > li.active > a, .skin-green-light .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background-color:#006644;
  }
.skin-green-light .main-sidebar, .skin-green-light .left-side{
  border-right:none;
  background-color:#FFFFFE;
  box-shadow:0 5px 10px #0000021A;
  }
.skin-green-light .sidebar a{
  color:#666666;
  }
.skin-green-light .sidebar-menu > li:hover > a, .skin-green-light .sidebar-menu > li.active > a, .skin-green-light .sidebar-menu > li.menu-open > a{
  color:#009966;
  background:#DAE6C4;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DAE6C4), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DAE6C4), color-stop(.75, #DAE6C4), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-green-light .vjframebox_left .sidebar-menu > li.active a{
  color:#009966;
  background:#DAE6C4;
  background:linear-gradient(90deg, #009966 3px, #EBF3DC 3px);
  }
.skin-green-light .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#009966;
  display:none;
  }
.skin-green-light .sidebar-menu{
  border-top:1px solid #0000020D;
  }
.skin-green-light .sidebar-menu > li > a{
  border-bottom:1px solid #0000020D;
  }
.skin-green-light .sidebar-menu > li > .treeview-menu{
  background-color:#EBF3DC;
  }
.skin-green-light .sidebar-menu .treeview-menu > li > a{
  color:#666666;
  }
.skin-green-light .sidebar-menu .treeview-menu > li.active > a, .skin-green-light .sidebar-menu .treeview-menu > li > a:hover{
  color:#009966;
  }
.skin-green-light .sidebar-menu .treeview-menu > li.active > a:focus, .skin-green-light .sidebar-menu .treeview-menu > li.active > a{
  background:#DAE6C4;
  background:linear-gradient(90deg, #009966 3px, #DAE6C4 3px)
  }
.skin-green-light .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#DAE6C4;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DAE6C4), color-stop(.25, #EBF3DC), color-stop(.5, #EBF3DC), color-stop(.5, #DAE6C4), color-stop(.75, #DAE6C4), color-stop(.75, #EBF3DC), color-stop(1, #EBF3DC));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-green-light.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  background:#DAE6C4;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DAE6C4), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DAE6C4), color-stop(.75, #DAE6C4), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  border:1px solid #0000020D;
  border-left:none;
  }
@media (min-width:768px){
  .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #0000020D !important;
    }
  }
.skin-green-light .ui-jqgrid{
  border-color:#E4E4E4;
  }
.skin-green-light .ui-jqgrid .ui-jqgrid-pager, .skin-green-light .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#0000021A;
  }
.skin-green-light .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-green-light .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#009966;
  background:#DAE6C4;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DAE6C4), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DAE6C4), color-stop(.75, #DAE6C4), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-green-light .table > tbody > tr > th, .skin-green-light .table > tbody > tr > th, .skin-green-light .table > tfoot > tr > th, .skin-green-light .table > tfoot > tr > th, .skin-green-light .table > thead > tr > th, .skin-green-light .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-green-light .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-green-light .tags-area dd, .skin-green-light .tags-area dt, .skin-green-light .vj-pop-tags-area dd, .skin-green-light .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E4E4E4;
  }
.skin-green-light .tags-area dd.active, .skin-green-light .vj-pop-tags-area dd.active{
  color:#009966;
  background-color:#00996611 !important;
  border-color:#00996699;
  }
.skin-green-light .bg-light-blue-active, .skin-green-light .modal-header{
  color:#FFFFFE !important;
  background-color:#009966 !important;
  }
.skin-green-light .modal-body, .skin-green-light .vjmodal.modal-info .modal-body, .skin-green-light .vjmodal.modal-default .modal-body, .skin-green-light .vjmodal.modal-primary .modal-body, .skin-green-light .vjmodal.modal-success .modal-body, .skin-green-light .vjmodal.modal-danger .modal-body, .skin-green-light .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-green-light .modal-footer, .skin-green-light .vjmodal.modal-info .modal-footer, .skin-green-light .vjmodal.modal-default .modal-footer, .skin-green-light .vjmodal.modal-primary .modal-footer, .skin-green-light .vjmodal.modal-success .modal-footer, .skin-green-light .vjmodal.modal-danger .modal-footer, .skin-green-light .vjmodal.modal-warning .modal-footer{
  background-color:#EBF3DC !important;
  border-color:#E4E4E4 !important;
  border-top:none;
  }
.skin-green-light .modal-header{
  border-color:#009966 !important;
  }
.skin-green-light .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-green-light .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-green-light .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-green-light .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-green-light .text-primary{
  color:#009966;
  }
.skin-green-light .daterangepicker td.active, .skin-green-light .daterangepicker td.active:hover{
  background-color:#009966;
  }
.skin-green-light .table > tr.active, .skin-green-light .table > tbody > tr.active{
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DAE6C4), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #DAE6C4), color-stop(.75, #DAE6C4), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-green-light .table > tr.success, .skin-green-light .table > tbody > tr.success{
  color:#009966;
  background:linear-gradient(90deg, #009966 3px, #EBF3DC 3px)
  }
.skin-green-light .dropdown-menu > li > a{
  color:#999999;
  }
.skin-green-light .dropdown-menu > li > a:hover, .skin-green-light .dropdown-menu > li > a:hover{
  color:#009966 !important;
  background:#DAE6C4;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #DAE6C4), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #DAE6C4), color-stop(.75, #DAE6C4), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-green-light .dropdown-menu > li.active > a, .skin-green-light .dropdown-menu > li.active > a:focus, .skin-green-light .dropdown-menu > li.active > a:hover{
  background:#009966;
  }
.skin-green-light .dropdown-menu > li.active > a > .glyphicon:before, .skin-green-light .dropdown-menu > li.active > a > .fa:before, .skin-green-light .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }

/*skin-red
  ��ɫ:#CC3333
  ��ҳ������#F0F2F5
  ���ı���: #FFFFFE
  ���ⱳ����#F9F9F9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #CC3333
  dzɫ���򾭹�����ɫ #FFDDDD
  dzɫ������ѡ����ɫ #F8F1F1
  ��������ɫ: #343232
  �����Ӳ˵���̬������ɫ��#F8F1F1
  �����Ӳ˵���꾭��������ɫ��#000002
  �������ӳ�̬��ɫ��#D1D1D1
  �������Ӿ�����ɫ��#FFFFFE
  �������ӱ�����ǰ��ɫ��#CC3333
  �����߿�#FFFFFE0D
  ��ť������#FFFFFE
  �����߿�,��ť�߿�,�����߿���Ӱ��#E9E9E9
*/
body.skin-red{
  color:#666666;
  }
body.skin-red *::selection{
  color:#FFFFFE;
  background-color:#CC3333;
  }
body.skin-red .main-header .logo{
  color:#CC3333;
  }
body.skin-red.sidebar-collapse .main-header .logo, body.skin-red.sidebar-collapse .main-header .logo:hover{
  background-color:#FFFFFE;
  }
body.skin-red.bigLogo .main-header .logo, body.skin-red.bigLogo .main-header .logo:hover{
  color:#FFFFFE;
  background-color:#343232;
  }
body.skin-red.bigLogo .main-header .logo:before{
  color:#FFFFFE;
  border:2px solid #CC3333;
  background-color:#CC333399;
  }
body.skin-red:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-red .content-wrapper, .skin-red .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-red .box.box-default:not([class*=priority_]){
  border-color:#E9E9E9;
  box-shadow:0 0 5px #E9E9E9;
  }
.skin-red .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #E9E9E9;
  }
.skin-red button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E9E9E9;
  box-shadow:none !important;
  }
.skin-red button.btn-default:hover, .skin-red button.btn-default:focus, .skin-red button.btn-default:active{
  color:#CC3333;
  background-color:#FFFFFE;
  border-color:#E9E9E9;
  }
.skin-red button.btn-primary{
  color:#CC3333;
  background-color:#FFFFFE;
  border-color:#CC3333;
  }
.skin-red input, .skin-red textarea, .skin-red select, .skin-red .form-control, .skin-red .form-group-sm .form-control, .skin-red .vjframebox_left .sidebar-form{
  border-color:#E9E9E9;
  }
.skin-red input:focus, .skin-red textarea:focus, .skin-red select:focus, .skin-red .form-control:focus, .skin-red .form-group-sm .form-control:focus, .skin-red .vjframebox_left .sidebar-form:focus{
  border-color:#CC3333;
  }
.skin-red .btn-primary.active.focus, .skin-red .btn-primary.active:focus, .skin-red .btn-primary.active:hover, .skin-red .btn-primary:active.focus, .skin-red .btn-primary:active:focus, .skin-red .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-red .open > .dropdown-toggle.btn-primary:focus, .skin-red .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#CC3333;
  border-color:#CC3333;
  }
.skin-red .main-header .navbar{
  background-color:#FFFFFE;
  }
.skin-red .main-header .navbar .sidebar-toggle, .skin-red .main-header .navbar .nav > li > a{
  color:#999999;
  }
.skin-red .vjframebox_left .sidebar-menu > li.active > a[href]{
  background:#FFDDDD;
  background:linear-gradient(90deg, #CC3333 3px, #F8F1F1 3px);
  }
.skin-red .main-header .navbar .sidebar-toggle:hover, .skin-red .main-header .navbar .nav > li > a:active, .skin-red .main-header .navbar .nav .open > a:focus, .skin-red .main-header .navbar .nav > li > a:focus, .skin-red .main-header .navbar .nav > li > a:hover, .skin-red .main-header .navbar .nav .open > a, .skin-red .main-header .navbar .nav .open > a:hover, .skin-red .vjframebox_left .sidebar-menu > li:hover > a[href]{
  color:#CC3333;
  background:#FFDDDD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFDDDD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFDDDD), color-stop(.75, #FFDDDD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-red .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#CC3333;
  display:none;
  }
.skin-red .vjframebox_left .sidebar-menu{
  border-top:none;
  }
.skin-red .vjframebox_left .sidebar-menu > li > a{
  border-bottom:1px solid #0000010D;
  }
.skin-red .main-header .navbar .nav > li.active > a, .skin-red .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background:#CC3333;
  }
.skin-red .main-sidebar, .skin-red .left-side{
  background-color:#343232;
  }
.skin-red .main-sidebar{
  border-right-color:#343232;
  }
.skin-red .sidebar a{
  color:#D1D1D1;
  }
.skin-red .sidebar-menu{
  border-top:1px solid #FFFFFE0D
  }
.skin-red .sidebar-menu > li > a{
  border-bottom:1px solid #FFFFFE0D;
  }
.skin-red .sidebar-menu > li:hover > a, .skin-red .sidebar-menu > li.active > a, .skin-red .sidebar-menu > li.menu-open > a{
  color:#FFFFFE;
  background:#1F1E1E;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #1F1E1E), color-stop(.25, #343232), color-stop(.5, #343232), color-stop(.5, #1F1E1E), color-stop(.75, #1F1E1E), color-stop(.75, #343232), color-stop(1, #343232));
  background-size:.3rem .3rem;
  }
.skin-red .sidebar-menu > li > .treeview-menu{
  background-color:#1F1E1E;
  }
.skin-red .sidebar-menu .treeview-menu > li > a{
  color:#D1D1D1;
  }
.skin-red .sidebar-menu .treeview-menu > li.active > a, .skin-red .sidebar-menu .treeview-menu > li > a:hover{
  color:#FFFFFE;
  }
.skin-red .sidebar-menu .treeview-menu > li.active > a:focus, .skin-red .sidebar-menu .treeview-menu > li.active > a{
  background:#CC3333;
  background:linear-gradient(90deg, #FF7C7C 3px, #CC3333 3px);
  }
.skin-red .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#000002;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #000002), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #000002), color-stop(.75, #000002), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-red.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  color:#FFFFFE;
  background:#1F1E1E;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #1F1E1E), color-stop(.25, #343232), color-stop(.5, #343232), color-stop(.5, #1F1E1E), color-stop(.75, #1F1E1E), color-stop(.75, #343232), color-stop(1, #343232));
  background-size:.3rem .3rem;
  border:1px solid #FFFFFE0D;
  border-left:none;
  top:0;
  }
@media (min-width:768px){
  .skin-red.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #FFFFFE0D !important;
    }
  }
.skin-red .ui-jqgrid{
  border-color:#E9E9E9;
  }
.skin-red .ui-jqgrid .ui-jqgrid-pager, .skin-red .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#E9E9E9;
  }
.skin-red .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-red .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#CC3333;
  background:#FFDDDD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFDDDD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFDDDD), color-stop(.75, #FFDDDD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-red .table > tbody > tr > th, .skin-red .table > tbody > tr > th, .skin-red .table > tfoot > tr > th, .skin-red .table > tfoot > tr > th, .skin-red .table > thead > tr > th, .skin-red .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-red .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-red .tags-area dd, .skin-red .tags-area dt, .skin-red .vj-pop-tags-area dd, .skin-red .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E9E9E9;
  }
.skin-red .tags-area dd.active, .skin-red .vj-pop-tags-area dd.active{
  color:#CC3333;
  background-color:#CC333311 !important;
  border-color:#CC333399;
  }
.skin-red .bg-light-blue-active, .skin-red .modal-header{
  color:#FFFFFE !important;
  background-color:#CC3333 !important;
  }
.skin-red .modal-header{
  border-color:#CC3333 !important;
  }
.skin-red .modal-body, .skin-red .vjmodal.modal-info .modal-body, .skin-red .vjmodal.modal-default .modal-body, .skin-red .vjmodal.modal-primary .modal-body, .skin-red .vjmodal.modal-success .modal-body, .skin-red .vjmodal.modal-danger .modal-body, .skin-red .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-red .modal-footer, .skin-red .vjmodal.modal-info .modal-footer, .skin-red .vjmodal.modal-default .modal-footer, .skin-red .vjmodal.modal-primary .modal-footer, .skin-red .vjmodal.modal-success .modal-footer, .skin-red .vjmodal.modal-danger .modal-footer, .skin-red .vjmodal.modal-warning .modal-footer{
  background-color:#E9E9E9 !important;
  border-color:#E9E9E9 !important;
  border-top:none;
  }
.skin-red .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-red .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-red .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-red .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-red .text-primary{
  color:#CC3333;
  }
.skin-red .daterangepicker td.active, .skin-red .daterangepicker td.active:hover{
  background-color:#CC3333;
  }
.skin-red .table > tr.active, .skin-red .table > tbody > tr.active{
  background:#FFDDDD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFDDDD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFDDDD), color-stop(.75, #FFDDDD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-red .table > tr.success, .skin-red .table > tbody > tr.success{
  color:#CC3333;
  background:linear-gradient(90deg, #CC3333 3px, #F8F1F1 3px)
  }
.skin-red .dropdown-menu > li > a{
  color:#999999;
  }
.skin-red .dropdown-menu > li > a:hover, .skin-red .dropdown-menu > li > a:hover{
  color:#CC3333 !important;
  background:#FFDDDD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFDDDD), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #FFDDDD), color-stop(.75, #FFDDDD), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-red .dropdown-menu > li.active > a, .skin-red .dropdown-menu > li.active > a:focus, .skin-red .dropdown-menu > li.active > a:hover{
  background:#CC3333;
  }
.skin-red .dropdown-menu > li.active > a > .glyphicon:before, .skin-red .dropdown-menu > li.active > a > .fa:before, .skin-red .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }

/*skin-red-light
  ��ɫ:#CC3333
  ��������ǰ����ɫ����������ǰ��ѡ����ɫ��#8F2424
  ��ҳ������#F0F2F5
  ���ı���: #FFFFFE
  ���ⱳ����#F9F9F9
  ���ı߿�#E9E9E9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #CC3333
  dzɫ���򾭹�����ɫ #FFDDDD
  dzɫ������ѡ����ɫ #F8F1F1
  ��������ɫ: #FFFFFE
  �����Ӳ˵���̬������ɫ������ҳ�ű���ɫ��#F8F1F1
  �����Ӳ˵���꾭��������ɫ��#FFDDDD
  �������ӳ�̬��ɫ��#666666
  �������Ӿ�����ɫ��#CC3333
  �������ӵ�ǰ������ɫ��#FFDDDD
  �����߿�#0000020D
  ��ť������#FFFFFE;
  ��ť�߿�,�����߿�#E4E4E4
  �����߿���Ӱ��#0000021A
*/
body.skin-red-light{
  color:#666666;
  }
body.skin-red-light *::selection{
  color:#FFFFFE;
  background-color:#CC3333;
  }
body.skin-red-light:not(.bigLogo) .main-header .logo{
  color:#FFFFFE;
  }
body.skin-red-light.sidebar-collapse .main-header .logo, body.skin-red-light.sidebar-collapse .main-header .logo:hover{
  background-color:#CC3333;
  }
body.skin-red-light.bigLogo .main-header .logo, body.skin-red-light.bigLogo .main-header .logo:hover{
  color:#CC3333;
  background-color:#FFFFFE;
  }
body.skin-red-light.bigLogo .main-header .logo:before{
  color:#CC3333;
  border:2px solid #CC3333;
  }
body.skin-red-light:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-red-light .content-wrapper, .skin-red-light .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-red-light .box.box-default:not([class*=priority_]){
  border-color:#E4E4E4;
  box-shadow:0 0 5px #0000021A;
  }
.skin-red-light .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #0000021A;
  }
.skin-red-light button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  box-shadow:none !important;
  }
.skin-red-light button.btn-default:hover, .skin-red-light button.btn-default:focus, .skin-red-light button.btn-default:active{
  color:#CC3333;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  }
.skin-red-light button.btn-primary{
  color:#CC3333;
  background-color:#FFFFFE;
  border-color:#CC3333;
  }
.skin-red-light input, .skin-red-light textarea, .skin-red-light select, .skin-red-light .form-control, .skin-red-light .form-group-sm .form-control, .skin-red-light .vjframebox_left .sidebar-form{
  border-color:#E4E4E4;
  }
.skin-red-light input:focus, .skin-red-light textarea:focus, .skin-red-light select:focus, .skin-red-light .form-control:focus, .skin-red-light .form-group-sm .form-control:focus, .skin-red-light .vjframebox_left .sidebar-form:focus{
  border-color:#CC3333;
  }
.skin-red-light .btn-primary.active.focus, .skin-red-light .btn-primary.active:focus, .skin-red-light .btn-primary.active:hover, .skin-red-light .btn-primary:active.focus, .skin-red-light .btn-primary:active:focus, .skin-red-light .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-red-light .open > .dropdown-toggle.btn-primary:focus, .skin-red-light .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#CC3333;
  border-color:#CC3333;
  }
.skin-red-light .main-header .navbar{
  background-color:#CC3333;
  border-bottom:1px solid #CC3333;
  }
.skin-red-light .main-header .navbar .sidebar-toggle, .skin-red-light .main-header .navbar .nav > li > a{
  color:#FFFFFEBB;
  }
.skin-red-light .main-header .navbar .sidebar-toggle:hover, .skin-red-light .main-header .navbar .nav > li > a:hover, .skin-red-light .main-header .navbar .nav .open > a, .skin-red-light .main-header .navbar .nav .open > a:hover{
  color:#FFFFFE;
  background:#8F2424;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #8F2424), color-stop(.25, #CC3333), color-stop(.5, #CC3333), color-stop(.5, #8F2424), color-stop(.75, #8F2424), color-stop(.75, #CC3333), color-stop(1, #CC3333));
  background-size:.3rem .3rem;
  }
.skin-red-light .main-header .navbar .nav > li.active > a, .skin-red-light .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background-color:#8F2424;
  }
.skin-red-light .main-sidebar, .skin-red-light .left-side{
  border-right:none;
  background-color:#FFFFFE;
  box-shadow:0 5px 10px #0000021A;
  }
.skin-red-light .sidebar a{
  color:#666666;
  }
.skin-red-light .sidebar-menu > li:hover > a, .skin-red-light .sidebar-menu > li.active > a, .skin-red-light .sidebar-menu > li.menu-open > a{
  color:#CC3333;
  background:#FFDDDD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFDDDD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFDDDD), color-stop(.75, #FFDDDD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-red-light .vjframebox_left .sidebar-menu > li.active a{
  color:#CC3333;
  background:#FFDDDD;
  background:linear-gradient(90deg, #CC3333 3px, #F8F1F1 3px);
  }
.skin-red-light .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#CC3333;
  display:none;
  }
.skin-red-light .sidebar-menu{
  border-top:1px solid #0000020D;
  }
.skin-red-light .sidebar-menu > li > a{
  border-bottom:1px solid #0000020D;
  }
.skin-red-light .sidebar-menu > li > .treeview-menu{
  background-color:#F8F1F1;
  }
.skin-red-light .sidebar-menu .treeview-menu > li > a{
  color:#666666;
  }
.skin-red-light .sidebar-menu .treeview-menu > li.active > a, .skin-red-light .sidebar-menu .treeview-menu > li > a:hover{
  color:#CC3333;
  }
.skin-red-light .sidebar-menu .treeview-menu > li.active > a:focus, .skin-red-light .sidebar-menu .treeview-menu > li.active > a{
  background:#FFDDDD;
  background:linear-gradient(90deg, #CC3333 3px, #FFDDDD 3px)
  }
.skin-red-light .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#FFDDDD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFDDDD), color-stop(.25, #F8F1F1), color-stop(.5, #F8F1F1), color-stop(.5, #FFDDDD), color-stop(.75, #FFDDDD), color-stop(.75, #F8F1F1), color-stop(1, #F8F1F1));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-red-light.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  background:#FFDDDD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFDDDD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFDDDD), color-stop(.75, #FFDDDD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  border:1px solid #0000020D;
  border-left:none;
  }
@media (min-width:768px){
  .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #0000020D !important;
    }
  }
.skin-red-light .ui-jqgrid{
  border-color:#E4E4E4;
  }
.skin-red-light .ui-jqgrid .ui-jqgrid-pager, .skin-red-light .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#0000021A;
  }
.skin-red-light .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-red-light .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#CC3333;
  background:#FFDDDD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFDDDD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFDDDD), color-stop(.75, #FFDDDD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-red-light .table > tbody > tr > th, .skin-red-light .table > tbody > tr > th, .skin-red-light .table > tfoot > tr > th, .skin-red-light .table > tfoot > tr > th, .skin-red-light .table > thead > tr > th, .skin-red-light .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-red-light .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-red-light .tags-area dd, .skin-red-light .tags-area dt, .skin-red-light .vj-pop-tags-area dd, .skin-red-light .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E4E4E4;
  }
.skin-red-light .tags-area dd.active, .skin-red-light .vj-pop-tags-area dd.active{
  color:#CC3333;
  background-color:#CC333311 !important;
  border-color:#CC333399;
  }
.skin-red-light .bg-light-blue-active, .skin-red-light .modal-header{
  color:#FFFFFE !important;
  background-color:#CC3333 !important;
  }
.skin-red-light .modal-body, .skin-red-light .vjmodal.modal-info .modal-body, .skin-red-light .vjmodal.modal-default .modal-body, .skin-red-light .vjmodal.modal-primary .modal-body, .skin-red-light .vjmodal.modal-success .modal-body, .skin-red-light .vjmodal.modal-danger .modal-body, .skin-red-light .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-red-light .modal-footer, .skin-red-light .vjmodal.modal-info .modal-footer, .skin-red-light .vjmodal.modal-default .modal-footer, .skin-red-light .vjmodal.modal-primary .modal-footer, .skin-red-light .vjmodal.modal-success .modal-footer, .skin-red-light .vjmodal.modal-danger .modal-footer, .skin-red-light .vjmodal.modal-warning .modal-footer{
  background-color:#F8F1F1 !important;
  border-color:#E4E4E4 !important;
  border-top:none;
  }
.skin-red-light .modal-header{
  border-color:#CC3333 !important;
  }
.skin-red-light .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-red-light .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-red-light .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-red-light .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-red-light .text-primary{
  color:#CC3333;
  }
.skin-red-light .daterangepicker td.active, .skin-red-light .daterangepicker td.active:hover{
  background-color:#CC3333;
  }
.skin-red-light .table > tr.active, .skin-red-light .table > tbody > tr.active{
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFDDDD), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #FFDDDD), color-stop(.75, #FFDDDD), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-red-light .table > tr.success, .skin-red-light .table > tbody > tr.success{
  color:#CC3333;
  background:linear-gradient(90deg, #CC3333 3px, #F8F1F1 3px)
  }
.skin-red-light .dropdown-menu > li > a{
  color:#999999;
  }
.skin-red-light .dropdown-menu > li > a:hover, .skin-red-light .dropdown-menu > li > a:hover{
  color:#CC3333 !important;
  background:#FFDDDD;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFDDDD), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFDDDD), color-stop(.75, #FFDDDD), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-red-light .dropdown-menu > li.active > a, .skin-red-light .dropdown-menu > li.active > a:focus, .skin-red-light .dropdown-menu > li.active > a:hover{
  background:#CC3333;
  }
.skin-red-light .dropdown-menu > li.active > a > .glyphicon:before, .skin-red-light .dropdown-menu > li.active > a > .fa:before, .skin-red-light .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }

/*skin-yellow
  ��ɫ:#CC9933
  ��ҳ������#F0F2F5
  ���ı���: #FFFFFE
  ���ⱳ����#F9F9F9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #CC9933
  dzɫ���򾭹�����ɫ #FFE9A8
  dzɫ������ѡ����ɫ #FFF5DC
  ��������ɫ: #38352E
  �����Ӳ˵���̬������ɫ��#272520
  �����Ӳ˵���꾭��������ɫ��#524836
  �������ӳ�̬��ɫ��#D1D1D1
  �������Ӿ�����ɫ��#FFFFFE
  �������ӱ�����ǰ��ɫ��#CC9933
  �����߿�#FFFFFE0D
  ��ť������#FFFFFE
  �����߿�,��ť�߿�,�����߿���Ӱ��#E9E9E9
*/
body.skin-yellow{
  color:#666666;
  }
body.skin-yellow *::selection{
  color:#FFFFFE;
  background-color:#CC9933;
  }
body.skin-yellow .main-header .logo{
  color:#CC9933;
  }
body.skin-yellow.sidebar-collapse .main-header .logo, body.skin-yellow.sidebar-collapse .main-header .logo:hover{
  background-color:#FFFFFE;
  }
body.skin-yellow.bigLogo .main-header .logo, body.skin-yellow.bigLogo .main-header .logo:hover{
  color:#FFFFFE;
  background-color:#38352E;
  }
body.skin-yellow.bigLogo .main-header .logo:before{
  color:#FFFFFE;
  border:2px solid #CC9933;
  background-color:#CC993399;
  }
body.skin-yellow:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-yellow .content-wrapper, .skin-yellow .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-yellow .box.box-default:not([class*=priority_]){
  border-color:#E9E9E9;
  box-shadow:0 0 5px #E9E9E9;
  }
.skin-yellow .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #E9E9E9;
  }
.skin-yellow button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E9E9E9;
  box-shadow:none !important;
  }
.skin-yellow button.btn-default:hover, .skin-yellow button.btn-default:focus, .skin-yellow button.btn-default:active{
  color:#CC9933;
  background-color:#FFFFFE;
  border-color:#E9E9E9;
  }
.skin-yellow button.btn-primary{
  color:#CC9933;
  background-color:#FFFFFE;
  border-color:#CC9933;
  }
.skin-yellow input, .skin-yellow textarea, .skin-yellow select, .skin-yellow .form-control, .skin-yellow .form-group-sm .form-control, .skin-yellow .vjframebox_left .sidebar-form{
  border-color:#E9E9E9;
  }
.skin-yellow input:focus, .skin-yellow textarea:focus, .skin-yellow select:focus, .skin-yellow .form-control:focus, .skin-yellow .form-group-sm .form-control:focus, .skin-yellow .vjframebox_left .sidebar-form:focus{
  border-color:#CC9933;
  }
.skin-yellow .btn-primary.active.focus, .skin-yellow .btn-primary.active:focus, .skin-yellow .btn-primary.active:hover, .skin-yellow .btn-primary:active.focus, .skin-yellow .btn-primary:active:focus, .skin-yellow .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-yellow .open > .dropdown-toggle.btn-primary:focus, .skin-yellow .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#CC9933;
  border-color:#CC9933;
  }
.skin-yellow .main-header .navbar{
  background-color:#FFFFFE;
  }
.skin-yellow .main-header .navbar .sidebar-toggle, .skin-yellow .main-header .navbar .nav > li > a{
  color:#999999;
  }
.skin-yellow .vjframebox_left .sidebar-menu > li.active > a[href]{
  background:#FFE9A8;
  background:linear-gradient(90deg, #CC9933 3px, #FFF5DC  3px);
  }
.skin-yellow .main-header .navbar .sidebar-toggle:hover, .skin-yellow .main-header .navbar .nav > li > a:active, .skin-yellow .main-header .navbar .nav .open > a:focus, .skin-yellow .main-header .navbar .nav > li > a:focus, .skin-yellow .main-header .navbar .nav > li > a:hover, .skin-yellow .main-header .navbar .nav .open > a, .skin-yellow .main-header .navbar .nav .open > a:hover, .skin-yellow .vjframebox_left .sidebar-menu > li:hover > a[href]{
  color:#9B7427;
  background:#FFE9A8;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFE9A8), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFE9A8), color-stop(.75, #FFE9A8), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-yellow .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#CC9933;
  display:none;
  }
.skin-yellow .vjframebox_left .sidebar-menu{
  border-top:none;
  }
.skin-yellow .vjframebox_left .sidebar-menu > li > a{
  border-bottom:1px solid #0000010D;
  }
.skin-yellow .main-header .navbar .nav > li.active > a, .skin-yellow .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background:#CC9933;
  }
.skin-yellow .main-sidebar, .skin-yellow .left-side{
  background-color:#38352E;
  }
.skin-yellow .main-sidebar{
  border-right-color:#38352E;
  }
.skin-yellow .sidebar a{
  color:#D1D1D1;
  }
.skin-yellow .sidebar-menu{
  border-top:1px solid #FFFFFE0D
  }
.skin-yellow .sidebar-menu > li > a{
  border-bottom:1px solid #FFFFFE0D;
  }
.skin-yellow .sidebar-menu > li:hover > a, .skin-yellow .sidebar-menu > li.active > a, .skin-yellow .sidebar-menu > li.menu-open > a{
  color:#FFFFFE;
  background:#272520;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #272520), color-stop(.25, #38352E), color-stop(.5, #38352E), color-stop(.5, #272520), color-stop(.75, #272520), color-stop(.75, #38352E), color-stop(1, #38352E));
  background-size:.3rem .3rem;
  }
.skin-yellow .sidebar-menu > li > .treeview-menu{
  background-color:#272520;
  }
.skin-yellow .sidebar-menu .treeview-menu > li > a{
  color:#D1D1D1;
  }
.skin-yellow .sidebar-menu .treeview-menu > li.active > a, .skin-yellow .sidebar-menu .treeview-menu > li > a:hover{
  color:#FFFFFE;
  }
.skin-yellow .sidebar-menu .treeview-menu > li.active > a:focus, .skin-yellow .sidebar-menu .treeview-menu > li.active > a{
  background:#CC9933;
  background:linear-gradient(90deg, #FFCC00 3px, #CC9933 3px);
  }
.skin-yellow .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#524836;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #524836), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #524836), color-stop(.75, #524836), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-yellow.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  color:#FFFFFE;
  background:#272520;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #272520), color-stop(.25, #38352E), color-stop(.5, #38352E), color-stop(.5, #272520), color-stop(.75, #272520), color-stop(.75, #38352E), color-stop(1, #38352E));
  background-size:.3rem .3rem;
  border:1px solid #FFFFFE0D;
  border-left:none;
  top:0;
  }
@media (min-width:768px){
  .skin-yellow.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #FFFFFE0D !important;
    }
  }
.skin-yellow .ui-jqgrid{
  border-color:#E9E9E9;
  }
.skin-yellow .ui-jqgrid .ui-jqgrid-pager, .skin-yellow .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#E9E9E9;
  }
.skin-yellow .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-yellow .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#CC9933;
  background:#FFE9A8;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFE9A8), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFE9A8), color-stop(.75, #FFE9A8), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-yellow .table > tbody > tr > th, .skin-yellow .table > tbody > tr > th, .skin-yellow .table > tfoot > tr > th, .skin-yellow .table > tfoot > tr > th, .skin-yellow .table > thead > tr > th, .skin-yellow .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-yellow .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-yellow .tags-area dd, .skin-yellow .tags-area dt, .skin-yellow .vj-pop-tags-area dd, .skin-yellow .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E9E9E9;
  }
.skin-yellow .tags-area dd.active, .skin-yellow .vj-pop-tags-area dd.active{
  color:#CC9933;
  background-color:#CC993311 !important;
  border-color:#CC993399;
  }
.skin-yellow .bg-light-blue-active, .skin-yellow .modal-header{
  color:#FFFFFE !important;
  background-color:#CC9933 !important;
  }
.skin-yellow .modal-header{
  border-color:#CC9933 !important;
  }
.skin-yellow .modal-body, .skin-yellow .vjmodal.modal-info .modal-body, .skin-yellow .vjmodal.modal-default .modal-body, .skin-yellow .vjmodal.modal-primary .modal-body, .skin-yellow .vjmodal.modal-success .modal-body, .skin-yellow .vjmodal.modal-danger .modal-body, .skin-yellow .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-yellow .modal-footer, .skin-yellow .vjmodal.modal-info .modal-footer, .skin-yellow .vjmodal.modal-default .modal-footer, .skin-yellow .vjmodal.modal-primary .modal-footer, .skin-yellow .vjmodal.modal-success .modal-footer, .skin-yellow .vjmodal.modal-danger .modal-footer, .skin-yellow .vjmodal.modal-warning .modal-footer{
  background-color:#E9E9E9 !important;
  border-color:#E9E9E9 !important;
  border-top:none;
  }
.skin-yellow .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-yellow .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-yellow .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-yellow .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-yellow .text-primary{
  color:#CC9933;
  }
.skin-yellow .daterangepicker td.active, .skin-yellow .daterangepicker td.active:hover{
  background-color:#CC9933;
  }
.skin-yellow .table > tr.active, .skin-yellow .table > tbody > tr.active{
  background:#FFE9A8;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFE9A8), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFE9A8), color-stop(.75, #FFE9A8), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-yellow .table > tr.success, .skin-yellow .table > tbody > tr.success{
  color:#9B7427;
  background:linear-gradient(90deg, #CC9933 3px, #FFF5DC  3px)
  }
.skin-yellow .dropdown-menu > li > a{
  color:#999999;
  }
.skin-yellow .dropdown-menu > li > a:hover, .skin-yellow .dropdown-menu > li > a:hover{
  color:#CC9933 !important;
  background:#FFE9A8;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFE9A8), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #FFE9A8), color-stop(.75, #FFE9A8), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-yellow .dropdown-menu > li.active > a, .skin-yellow .dropdown-menu > li.active > a:focus, .skin-yellow .dropdown-menu > li.active > a:hover{
  background:#CC9933;
  }
.skin-yellow .dropdown-menu > li.active > a > .glyphicon:before, .skin-yellow .dropdown-menu > li.active > a > .fa:before, .skin-yellow .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }

/*skin-yellow-light
  ��ɫ:#CC9933
  ��������ǰ����ɫ����������ǰ��ѡ����ɫ��#9B7427
  ��ҳ������#F0F2F5
  ���ı���: #FFFFFE
  ���ⱳ����#F9F9F9
  ���ı߿�#E9E9E9
  ��ͨ���峣̬: #666666
  ��ͨ����dzɫ��#999999
  ��ʾ������ɫ��#FF9900
  ���ӳ�̬ #999999
  ���Ӿ��� #CC9933
  dzɫ���򾭹�����ɫ #FFE9A8
  dzɫ������ѡ����ɫ #FFF5DC
  ��������ɫ: #FFFFFE
  �����Ӳ˵���̬������ɫ������ҳ�ű���ɫ��#FFF5DC
  �����Ӳ˵���꾭��������ɫ��#FFE9A8
  �������ӳ�̬��ɫ��#666666
  �������Ӿ�����ɫ��#CC9933
  �������ӵ�ǰ������ɫ��#FFE9A8
  �����߿�#5248360D
  ��ť������#FFFFFE;
  ��ť�߿�,�����߿�#E4E4E4
  �����߿���Ӱ��#5248361A
*/
body.skin-yellow-light{
  color:#666666;
  }
body.skin-yellow-light *::selection{
  color:#FFFFFE;
  background-color:#CC9933;
  }
body.skin-yellow-light:not(.bigLogo) .main-header .logo{
  color:#FFFFFE;
  }
body.skin-yellow-light.sidebar-collapse .main-header .logo, body.skin-yellow-light.sidebar-collapse .main-header .logo:hover{
  background-color:#CC9933;
  }
body.skin-yellow-light.bigLogo .main-header .logo, body.skin-yellow-light.bigLogo .main-header .logo:hover{
  color:#CC9933;
  background-color:#FFFFFE;
  }
body.skin-yellow-light.bigLogo .main-header .logo:before{
  color:#CC9933;
  border:2px solid #CC9933;
  }
body.skin-yellow-light:not([data-curpagename=home]){
  background-color:transparent;
  }
.skin-yellow-light .content-wrapper, .skin-yellow-light .vjframebox_right{
  background-color:#F0F2F5;
  }
.skin-yellow-light .box.box-default:not([class*=priority_]){
  border-color:#E4E4E4;
  box-shadow:0 0 5px #5248361A;
  }
.skin-yellow-light .box.box-default .box-header{
  color:#666666;
  background-color:#F9F9F9;
  box-shadow:0 1px 1px #5248361A;
  }
.skin-yellow-light button.btn-default{
  color:#999999;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  box-shadow:none !important;
  }
.skin-yellow-light button.btn-default:hover, .skin-yellow-light button.btn-default:focus, .skin-yellow-light button.btn-default:active{
  color:#CC9933;
  background-color:#FFFFFE;
  border-color:#E4E4E4;
  }
.skin-yellow-light button.btn-primary{
  color:#CC9933;
  background-color:#FFFFFE;
  border-color:#CC9933;
  }
.skin-yellow-light input, .skin-yellow-light textarea, .skin-yellow-light select, .skin-yellow-light .form-control, .skin-yellow-light .form-group-sm .form-control, .skin-yellow-light .vjframebox_left .sidebar-form{
  border-color:#E4E4E4;
  }
.skin-yellow-light input:focus, .skin-yellow-light textarea:focus, .skin-yellow-light select:focus, .skin-yellow-light .form-control:focus, .skin-yellow-light .form-group-sm .form-control:focus, .skin-yellow-light .vjframebox_left .sidebar-form:focus{
  border-color:#CC9933;
  }
.skin-yellow-light .btn-primary.active.focus, .skin-yellow-light .btn-primary.active:focus, .skin-yellow-light .btn-primary.active:hover, .skin-yellow-light .btn-primary:active.focus, .skin-yellow-light .btn-primary:active:focus, .skin-yellow-light .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .skin-yellow-light .open > .dropdown-toggle.btn-primary:focus, .skin-yellow-light .open > .dropdown-toggle.btn-primary:hover{
  color:#FFFFFE;
  background-color:#CC9933;
  border-color:#CC9933;
  }
.skin-yellow-light .main-header .navbar{
  background-color:#CC9933;
  border-bottom:1px solid #CC9933;
  }
.skin-yellow-light .main-header .navbar .sidebar-toggle, .skin-yellow-light .main-header .navbar .nav > li > a{
  color:#FFFFFEBB;
  }
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover, .skin-yellow-light .main-header .navbar .nav > li > a:hover, .skin-yellow-light .main-header .navbar .nav .open > a, .skin-yellow-light .main-header .navbar .nav .open > a:hover{
  color:#FFFFFE;
  background:#9B7427;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #9B7427), color-stop(.25, #CC9933), color-stop(.5, #CC9933), color-stop(.5, #9B7427), color-stop(.75, #9B7427), color-stop(.75, #CC9933), color-stop(1, #CC9933));
  background-size:.3rem .3rem;
  }
.skin-yellow-light .main-header .navbar .nav > li.active > a, .skin-yellow-light .main-header .navbar .nav > li.active > a:hover{
  color:#FFFFFE;
  background-color:#9B7427;
  }
.skin-yellow-light .main-sidebar, .skin-yellow-light .left-side{
  border-right:none;
  background-color:#FFFFFE;
  box-shadow:0 5px 10px #5248361A;
  }
.skin-yellow-light .sidebar a{
  color:#666666;
  }
.skin-yellow-light .sidebar-menu > li:hover > a, .skin-yellow-light .sidebar-menu > li.active > a, .skin-yellow-light .sidebar-menu > li.menu-open > a{
  color:#9B7427;
  background:#FFE9A8;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFE9A8), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFE9A8), color-stop(.75, #FFE9A8), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-yellow-light .vjframebox_left .sidebar-menu > li.active a{
  color:#CC9933;
  background:#FFE9A8;
  background:linear-gradient(90deg, #CC9933 3px, #FFF5DC  3px);
  }
.skin-yellow-light .vjframebox_left .sidebar-menu > li.active:before{
  border-right-color:#CC9933;
  display:none;
  }
.skin-yellow-light .sidebar-menu{
  border-top:1px solid #5248360D;
  }
.skin-yellow-light .sidebar-menu > li > a{
  border-bottom:1px solid #5248360D;
  }
.skin-yellow-light .sidebar-menu > li > .treeview-menu{
  background-color:#FFF5DC ;
  }
.skin-yellow-light .sidebar-menu .treeview-menu > li > a{
  color:#666666;
  }
.skin-yellow-light .sidebar-menu .treeview-menu > li.active > a, .skin-yellow-light .sidebar-menu .treeview-menu > li > a:hover{
  color:#9B7427;
  }
.skin-yellow-light .sidebar-menu .treeview-menu > li.active > a:focus, .skin-yellow-light .sidebar-menu .treeview-menu > li.active > a{
  background:#FFE9A8;
  background:linear-gradient(90deg, #CC9933 3px, #FFE9A8 3px)
  }
.skin-yellow-light .sidebar-menu .treeview-menu > li:not(.active) > a:hover{
  background:#FFE9A8;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFE9A8), color-stop(.25, #FFF5DC ), color-stop(.5, #FFF5DC ), color-stop(.5, #FFE9A8), color-stop(.75, #FFE9A8), color-stop(.75, #FFF5DC ), color-stop(1, #FFF5DC ));
  background-size:.3rem .3rem;
  /*background-color:#00000090;*/
  }
.skin-yellow-light.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right-container){
  background:#FFE9A8;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFE9A8), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFE9A8), color-stop(.75, #FFE9A8), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  border:1px solid #5248360D;
  border-left:none;
  }
@media (min-width:768px){
  .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
    border:1px solid #5248360D !important;
    }
  }
.skin-yellow-light .ui-jqgrid{
  border-color:#E4E4E4;
  }
.skin-yellow-light .ui-jqgrid .ui-jqgrid-pager, .skin-yellow-light .ui-jqgrid .ui-jqgrid-toppager{
  background:#F9F9F9;
  border-top-color:#5248361A;
  }
.skin-yellow-light .ui-jqgrid .ui-pg-button span{
  color:#999999;
  }
.skin-yellow-light .ui-jqgrid .ui-pg-button:not(.ui-disabled):hover span{
  color:#CC9933;
  background:#FFE9A8;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFE9A8), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFE9A8), color-stop(.75, #FFE9A8), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-yellow-light .table > tbody > tr > th, .skin-yellow-light .table > tbody > tr > th, .skin-yellow-light .table > tfoot > tr > th, .skin-yellow-light .table > tfoot > tr > th, .skin-yellow-light .table > thead > tr > th, .skin-yellow-light .table > thead > tr > th{
  background-color:#F9F9F9;
  }
.skin-yellow-light .table-striped > tbody > tr:nth-of-type(odd){
  background-color:#F9F9F9;
  }
.skin-yellow-light .tags-area dd, .skin-yellow-light .tags-area dt, .skin-yellow-light .vj-pop-tags-area dd, .skin-yellow-light .vj-pop-tags-area dt{
  color:#999999;
  border-color:#E4E4E4;
  }
.skin-yellow-light .tags-area dd.active, .skin-yellow-light .vj-pop-tags-area dd.active{
  color:#CC9933;
  background-color:#CC993311 !important;
  border-color:#CC993399;
  }
.skin-yellow-light .bg-light-blue-active, .skin-yellow-light .modal-header{
  color:#FFFFFE !important;
  background-color:#CC9933 !important;
  }
.skin-yellow-light .modal-body, .skin-yellow-light .vjmodal.modal-info .modal-body, .skin-yellow-light .vjmodal.modal-default .modal-body, .skin-yellow-light .vjmodal.modal-primary .modal-body, .skin-yellow-light .vjmodal.modal-success .modal-body, .skin-yellow-light .vjmodal.modal-danger .modal-body, .skin-yellow-light .vjmodal.modal-warning .modal-body{
  background-color:#FFFFFE !important;
  }
.skin-yellow-light .modal-footer, .skin-yellow-light .vjmodal.modal-info .modal-footer, .skin-yellow-light .vjmodal.modal-default .modal-footer, .skin-yellow-light .vjmodal.modal-primary .modal-footer, .skin-yellow-light .vjmodal.modal-success .modal-footer, .skin-yellow-light .vjmodal.modal-danger .modal-footer, .skin-yellow-light .vjmodal.modal-warning .modal-footer{
  background-color:#FFF5DC  !important;
  border-color:#E4E4E4 !important;
  border-top:none;
  }
.skin-yellow-light .modal-header{
  border-color:#CC9933 !important;
  }
.skin-yellow-light .modal-header .close{
  opacity:.7 !important;
  color:#FFFFFE;
  }
.skin-yellow-light .modal-header .close:hover{
  opacity:1 !important;
  }
.skin-yellow-light .vj-vld-tip:not(:empty){
  border-color:#FF9900;
  color:#FF9900;
  }
.skin-yellow-light .vj-vld-tip:not(:empty)::before{
  border-bottom-color:#FF9900;
  }
.skin-yellow-light .text-primary{
  color:#CC9933;
  }
.skin-yellow-light .daterangepicker td.active, .skin-yellow-light .daterangepicker td.active:hover{
  background-color:#CC9933;
  }
.skin-yellow-light .table > tr.active, .skin-yellow-light .table > tbody > tr.active{
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFE9A8), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #FFE9A8), color-stop(.75, #FFE9A8), color-stop(.75, transparent), color-stop(1, transparent));
  background-size:.3rem .3rem;
  }
.skin-yellow-light .table > tr.success, .skin-yellow-light .table > tbody > tr.success{
  color:#9B7427;
  background:linear-gradient(90deg, #CC9933 3px, #FFF5DC  3px)
  }
.skin-yellow-light .dropdown-menu > li > a{
  color:#999999;
  }
.skin-yellow-light .dropdown-menu > li > a:hover, .skin-yellow-light .dropdown-menu > li > a:hover{
  color:#CC9933 !important;
  background:#FFE9A8;
  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFE9A8), color-stop(.25, #FFFFFE), color-stop(.5, #FFFFFE), color-stop(.5, #FFE9A8), color-stop(.75, #FFE9A8), color-stop(.75, #FFFFFE), color-stop(1, #FFFFFE));
  background-size:.3rem .3rem;
  }
.skin-yellow-light .dropdown-menu > li.active > a, .skin-yellow-light .dropdown-menu > li.active > a:focus, .skin-yellow-light .dropdown-menu > li.active > a:hover{
  background:#CC9933;
  }
.skin-yellow-light .dropdown-menu > li.active > a > .glyphicon:before, .skin-yellow-light .dropdown-menu > li.active > a > .fa:before, .skin-yellow-light .dropdown-menu > li.active > a > .ion:before{
  color:#FFFFFE;
  text-shadow:0 0 10px #FFFFFE;
  }
/*@function: ��ɫ���ӽ���*/