/**
 * 通用css样式布局处理
 */

/** 用户管理 样式布局 */
.box {position: relative;border-radius: 3px;background: #ffffff;border-top: 3px solid #d2d6de;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0,0,0,0.1)}
.box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after {content: " ";display: table}
.box-header:after,.box-body:after,.box-footer:after {clear: both}
.btn-box-tool {padding: 5px;font-size: 12px;background: transparent;color: #b5b5b5;}
.open .btn-box-tool,
.btn-box-tool:hover {color: #606c84;}
.box-main {margin: 0;border: 0;padding-top: 2px;border-radius: 0;box-shadow: none}
.box-main>.box-header {border-bottom: 1px solid #eee;padding: 12px 10px 2px 15px}
.box-header .box-title {display: inline-block;font-size: 18px;margin: 0;line-height: 1;}
.box-main>.box-header .box-title {font-size: 16px;margin-bottom: 13px;float: left}
.box-main>.box-header .box-title .fa {font-size: 14px;padding-right: 3px;margin-top: -2px}
.box-main>.box-header .box-title .check-box{padding-top:0px;font-size: 12px;margin-bottom:0px;}
.box-main>.box-header .box-title .icheckbox-blue{top:0;    left:8px;width:13px; height: 13px;}
.box-main>.box-header .box-title .icheckbox-blue{background-size: 140px;}
.box-main>.box-header .box-title .icheckbox-blue:hover,.box-main>.box-header .box-title .icheckbox-blue.hover{background-position:-1.38rem 0;}
.box-main>.box-header .box-title .icheckbox-blue.checked {background-position: -28px 0;}
.box-main>.box-header .box-tools {position: relative;top: -5px;right: 0}
.box-main>.box-header .box-tools .btn {padding: 3px 10px 5px 10px;font-size: 14px;margin-bottom: 2px}
.box-main>.box-header .box-tools .btn-box-tool {padding: 4px 2px}
.box-main form>.box-footer,.nav-main form>.box-footer {background: #fafafa}
.box-main form>.box-footer .row,.nav-main form>.box-footer .row {margin: 5px 0 5px -25px}
/** select2 样式修改 */
.input-group-readonly .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color:#999;border-color:#999;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color:#4b99fd;border-color:#4b99fd;padding: 1px 6px;color: #fff}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {margin-right: 5px;color: rgba(255,255,255,0.7)}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {color: #fff}
.select2-container .select2-selection--single .select2-selection__rendered {padding-right:20px}
.select2-container--default .select2-selection--single .select2-selection__clear{line-height: 24px;}
/** 表单验证 样式布局 */
label.error {/*position: absolute;*/top: 7px;color: #ef392b;font-size: 12px}
.Validform_error,input.error,select.error {background-color: #fbe2e2;border-color: #c66161;color: #c00}
.Validform_wrong,.Validform_right,.Validform_warning {display: inline-block;height: 20px;font-size: 12px;vertical-align: middle;padding-left: 25px}
.i-checks label.error, .check-box label.error, .radio-box label.error {right: auto;width: 150px;left: 210px;top: 1px;max-width: none;}

/** 复选框&单选框  */
.check-box,.radio-box {display: inline-block;box-sizing: border-box;cursor: pointer;position: relative;padding-left: 25px;padding-right: 15px;padding-top: 8px;}
.icheckbox, .icheckbox-blue, .iradio, .iradio-blue, .iradio-purple {position: absolute;top: 8px;left: 0}/* iCheck */
.icheckbox-blue,.iradio-blue {display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../img/blue-a.png) no-repeat;border: none;cursor: pointer}
.icheckbox-blue,.icheckbox-blue.static:hover {background-position: 0 0}
.icheckbox-blue.hover,.icheckbox-blue:hover {background-position: -20px 0}
.icheckbox-blue.checked {background-position: -40px 0}
.icheckbox-blue.disabled {background-position: -60px 0;cursor: default}
.icheckbox-blue.checked.disabled {background-position: -80px 0}
.iradio-blue,.iradio-blue.static:hover {background-position: -100px 0}
.iradio-blue.hover,.iradio-blue:hover {background-position: -120px 0}
.iradio-blue.checked {background-position: -140px 0}
.iradio-blue.disabled {background-position: -160px 0;cursor: default}
.iradio-blue.checked.disabled {background-position: -180px 0}/** 遮罩层 */
.loaderbox {display: inline-block;min-width: 125px;padding: 10px;margin: 0 auto;color: #000 !important;font-size: 13px;font-weight: 400;text-align: center;vertical-align: middle;border: 1px solid #ddd;background-color: #eee;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);}
.loaderbox .loading-activity {float: left;width: 18px;height: 18px;border: solid 2px transparent;border-top-color: #000;border-left-color: #000;border-radius: 10px;-webkit-animation: pace-spinner 400ms linear infinite;-moz-animation: pace-spinner 400ms linear infinite;-ms-animation: pace-spinner 400ms linear infinite;-o-animation: pace-spinner 400ms linear infinite;animation: pace-spinner 400ms linear infinite;}

/*.max-box .check-box,.max-box .radio-box{padding:6px 5px 4px 0px;min-width: 130px;margin-bottom: 0;line-height: 18px;}
.max-box .check-box input,.max-box .radio-box input{vertical-align: middle;margin: 3px 4px 0 0;float: left;}*/

@media (max-width: 767px) {.loading-activity {width: 18px;height: 18px;}}@-ms-keyframes pace-spinner {0% {-ms-transform: rotate(0deg);transform: rotate(0deg);}

	100% {-ms-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes pace-spinner {0% {transform: rotate(0deg);}

	100% {transform: rotate(360deg);}}/** 表单查询条件 */
ul {margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}

li {list-style: none;}
.time-input {display: block;width: 100%;padding-left: 10px;}

label {font-weight: normal;}
.container-div {padding: 10px 35px;height: 100%;}
.container-div .row {height: 100%;}
.search-collapse,.select-table {width: 100%;background: #fff;border-radius: 6px;margin-top: 10px;padding-top: 5px;padding-bottom: 13px;box-shadow: 1px 1px 3px rgba(0,0,0,.2);}
.search-collapse {position: relative;}
.search-collapse .col-sm-6 .control-label {color: #333;}

@media ( max-width : 768px) {
	/*.search-collapse {display: none;}*/
}
@media ( min-width : 768px) {
	.select-list li {float: left;}
}
.select-list li {color: #333;margin: 5px 15px 5px 0px;}
.select-list li input {border: 1px solid #ddd;border-radius: 4px;background: transparent;outline: none;height: 30px;width: 200px;padding-left: 5px;}
.select-list li .submit-btn {border: 0px;border-radius: 4px;background: transparent;outline: none;width: 40px;height: 23px;}
.select-list li select {border: 1px solid #ddd;border-radius: 4px;background: transparent;outline: none;height: 30px;width: 200px;}
.select-list .select-time input {width: 133px;}
.select-time label,.select-time samp,.select-time input {float: left;}
.select-time label {margin-top: 5px;}
.select-time samp {display: block;margin:0px 5px;}
.search-btn {background-color: #1ab394;border-color: #1ab394;color: #FFF;margin-bottom: 5px;display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;border-radius: 3px;vertical-align: middle;cursor: pointer;}

/** 表格查询数据 */
.table-striped {min-height: 75%;}
.table-striped .bootstrap-table {border: 0px!important;}
.table-bordered td,.table-bordered th {border: 1px solid #ddd!important}
.navbar-right > .user-menu .user-image {float:left;width:27px;height:27px;border-radius:50%;margin-right:8px;margin-top:-3px;box-shadow: 0px 0px 3px #b5b5df;overflow: hidden;}
.navbar-right > .user-menu .user-image img{width:100%;}
@media (max-width:767px) {
	.navbar-right > .user-menu .user-image {float:none;margin-right:0;margin-top:-8px;line-height:10px;}
}
.dropdown-menu > li > a > .glyphicon,.dropdown-menu > li > a > .fa,.dropdown-menu > li > a > .ion {margin-right:10px;}
.dropdown-menu > li > a:hover {background-color:#f5f5f5;color:#1494ff;}
.dropdown-menu > .divider {background-color:#eee;}
/*表格 公共*/
table {word-break:break-all;  word-wrap:break-word;}
.table-striped .table>thead:first-child>tr:first-child>th {color: #333;}
.panel-body .fixed-table-header-columns{z-index: 11;}
.table-striped .table, table, .table-striped .table, .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {background-color: transparent!important;outline:0}

/* 表格A样式一 */
.table-striped .table, table, .table-striped .table, .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {border: 0px;}
.table-striped .table>thead>tr>th, .table-striped .table>tbody>tr>th {border-bottom:1px solid #ccc!important;border-top: 0px!important;}

.table-striped .fixed-table-body .table>thead>tr>th{border-bottom:0px solid #ccc!important;}

/*表格A样式二*/
/* .table-striped .table, table, .table-striped .table, .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {border-bottom:1px solid #e7eaec!important;}
.table-striped .table>thead>tr>th, .table-striped .table>tbody>tr>th {border-bottom:1px solid #ccc!important;border-top: 0px!important;border: 0px;}
.fixed-table-header-columns table{border-bottom:0!important;}
.fixed-table-header-columns .table, .fixed-table-body-columns .table{border-right: 0px !important}
.panel-body .select-table.table-striped{ padding:0px 0px}
.panel-body .select-table.table-striped .fixed-table-pagination{ padding:0px 10px}
.panel-body .select-table.table-striped .fixed-table-toolbar{ padding:0px 10px}
.panel-body .fixed-table-container .fixed-table-header-columns  input[type=checkbox]{margin-top: 8px !important;}
.panel-body .fixed-table-header{background-color: #a1a2ef;}
.panel-body .table-striped .table>thead:first-child>tr:first-child>th {color: #fff;} 

.panel-body .fixed-table-body tbody>tr>td,.panel-body .fixed-table-body-columns tbody>tr>td,.panel-body .fixed-table-footer tbody>tr>td{border-left:0px solid  #fff !important;}
.panel-body .fixed-table-header-columns{background-color: #a1a2ef;}*/
/*表格B样式二*/
 .panel-body .table-striped.layui_kn7 .table>thead:first-child>tr:first-child>th {color: #333;}
 .panel-body .table-striped.layui_kn7 .fixed-table-header{background-color:transparent }

/** 下拉树-搜索 */
.select-ztree .form-control[readonly]{background-color:#fff}
.select-ztree .form-control.org-select{cursor: default;z-index: -1;}
.select-ztree.select-ztree-open .org-select-open{ border-radius:4px 4px 0 0;border: 1px solid #1494ff; /*border-bottom:1px solid #eee*/ }
.select-ztree.select-ztree-open .org-select-open:focus{/*border-bottom:1px solid #eee!important*/}
.select-ztree .ztree-trg{width: 0;height: 0;border-color: #888 transparent transparent transparent;border-width:5px 4px 0 4px;border-style: solid;position: absolute;right:8px;top:12px;}
.select-ztree.select-ztree-open .ztree-trg{border-color: transparent transparent #888 transparent;border-width: 0 4px 5px 4px;}
.select-ztree .ztree-clear{ display:none; width:16px; height:28px;     font-size: 14px; line-height:26px; text-align:center;position: absolute;right:20px;top:0px; font-style:normal;cursor: pointer;font-weight: bold;}
.select-ztree .ztree-clear:hover{ color:#FF0004}
.select-ztree.select-ztree-open .ztree{ /*border-color:#1494ff*/}
.select-ztree .ztree{display:none;border:1px solid #eee;  border-top:0;position: absolute;padding:5px 0;width:calc(100% - 5px); z-index:9; background-color:#fff; border-radius:0 0 4px 4px}
.select-ztree .ztree li span{ color:#333}
.select-ztree .select-ztree-ss{width:calc(100% - 20px); padding:0 5px; margin:5px auto 10px;}
.select-ztree .ztree .check-box{width:calc(100% - 20px); margin:0 10px;padding-top:4px;padding-bottom:4px;}
.select-ztree .ztree .check-box .icheckbox-blue{ top:4px}

/** 审核水印 **/
.sp-state{position: absolute;right:35px;opacity:0.7;top:20px;width:100px;height:100px;text-align:center;border-radius:100px;display:none;z-index: 1;background:#fff no-repeat center;background-size:100%;font-size:1.6rem; font-weight:bold; }
.sp-state-deg{transform:rotate(30deg);-ms-transform:rotate(30deg); /* Internet Explorer */-moz-transform:rotate(30deg); /* Firefox */-webkit-transform:rotate(30deg);/* Safari 和 Chrome */}
.sp-state:after{content:'';display: inline-block;height: 100%;vertical-align: middle;}
.sp-statetitle{padding:5% 20% 0; display: inline-block;vertical-align: middle;font-family:sans-serif;}
/*请假：(0:待提交;1:审批中;2:已驳回;3:已作废;8:审批通过;9:审批不通过)*/
/*合同调整审批：(0:待提交;1:待审批;2:已驳回;3:审批通过;4:审批不通过;5:已作废;) */
.sp-state-adopt,.sp-state-8,.sp-htsp-3{ background-image:url(../img/sp_adopt.png);display:block}
.sp-state-refuse{ background-image:url(../img/sp_refuse.png);display:block}
.sp-state-2,.sp-htsp-2{background-image:url(../img/sp_2.png);display:block}
.sp-state-9,.sp-htsp-4{background-image:url(../img/sp_9.png);display:block}
.sp-state-3,.sp-htsp-5{background-image:url(../img/sp_zuofei.png);display:block}
/*开票：(-1:待提交;0:待业务提交;1:待审批;2:待开票;3:已开票;4:已驳回;8:已冲红;9:已作废)*/
.sp-kaipiao-3{ background-image:url(../img/sp_kp3.png);display:block}
.sp-kaipiao-4{background-image:url(../img/sp_2.png);display:block}
.sp-kaipiao-8{background-image:url(../img/sp_chonghong.png);display:block}
.sp-kaipiao-9{background-image:url(../img/sp_zuofei.png);display:block}
/*商机 */
.sp-oppstatus-3{background-image:url(../img/sp_13.png);display:block}
.sp-oppstatus-4{background-image:url(../img/sp_34.png);display:block}
.sp-oppstatus-5{background-image:url(../img/sp_35.png);display:block}
.sp-oppstatus-6{background-image:url(../img/sp_36.png);display:block}
.sp-oppstatus-8{background-image:url(../img/sp_11.png);display:block}
.sp-oppstatus-9{background-image:url(../img/sp_12.png);display:block}
.sp-oppstatus-2{background-image:url(../img/sp_2.png);display:block}
.sp-isover-1{background-image:url(../img/sp_banjie.png);display:block}
.sp-isover-18{background-image:url(../img/sp_14.png);display:block}
.sp-isover-19{background-image:url(../img/sp_15.png);display:block}
/*收款：(0:待提交确认;1:待出纳审批;2:出纳驳回;3:待财务确认;4:财务驳回;5:最终确认;6:无效;)*/
.sp-sk-2{background-image:url(../img/sp_17.png);display:block}
.sp-sk-4{background-image:url(../img/sp_18.png);display:block}
.sp-sk-6{background-image:url(../img/sp_zuofei.png);display:block}
.sp-sk-5{ background-image:url(../img/sp_16.png);display:block}
/*付款fk：(0:待提交;10:待经理审批;1:待财务审批;2:待出纳发放;3:已驳回;4:已付款发放;5:已收发票;6:财务确认已收发票;09:已作废)*/
/*报销jz：(00:待提交 10:待经理审批 01:待财务审批 02:待出纳报销 03:已驳回 04:已报销结清 09:已作废;) 背景 */
/*借支jz：(00:待提交 10:待经理审批 01:待财务审批 02:待出纳报销 03:已驳回 04:已借支发放 09:已作废;) 背景*/
.sp-jz-00,.sp-jz-01,.sp-jz-02,.sp-jz-10,.sp-fk-00,.sp-fk-01,.sp-fk-02,.sp-fk-10,.sp-orange{background-image:url(../img/sp_bj11.png);display:block;color:#f39b13;}
.sp-jz-03,.sp-jz-09,.sp-fk-03,.sp-fk-09,.sp-red{background-image:url(../img/sp_bj12.png);display:block;color:#eb3a30; }
.sp-jz-04,.sp-fk-06,.sp-gree{background-image:url(../img/sp_bj14.png);display:block;color:#3ccc11;}
.sp-fk-04,.sp-fk-05,.sp-fk-07,.sp-blue{background-image:url(../img/sp_bj13.png);display:block;color:#46abff; }

.sp-jz-00,.sp-jz-03,.sp-jz-09,.sp-fk-00,.sp-fk-03,.sp-fk-09{font-size:1.8rem;}
.sp-fk-06 .sp-statetitle{padding:4% 15% 0; font-size:1.4rem;}



