/**
	modal
**/
.ml_150 {margin-left: 150px !important;}
.clear {clear:both;}

/* close-btn style */
.layui-layer-page .layui-layer-setwin {top: 8px;}
.layui-layer-page .layui-layer-ico {display: inline-block;}
.layui-layer-page .layui-layer-setwin .layui-layer-close1 {background-position: -9px -420px; background-repeat: no-repeat;}
.layui-layer-page .layui-layer-setwin a {width: 26px; height: 26px; margin-left: 0px;}

/* msg */
.layui-layer-msg .layui-layer-btn {text-align: center;}
.layui-layer-msg div.layui-layer-content {padding: 20px 50px;}

/* org & department */
.popup-info{display: block; content: ""; clear: both;}
.popup-info>.popup-list{ width: 980px; text-align: center;margin: 0 auto;  display: none;}
.popup-info>.popup-list>li { float:left; width:196px; height: 35px; box-sizing:border-box; border: 1px solid #eee; margin: 0 -1px -1px 0;line-height: 35px;}
.popup-info>.popup-list>li:hover { background:#eee ;}
.popup-info>.popup-list>li>a { display:inline-block; font-size: 12px; color: #333333; text-decoration: none;}

/* confirm dialog */
.confirm-modal {border-radius: 4px !important;}
.confirm-modal div.layui-layer-content {padding: 30px 30px 0 30px; text-align: center;}
.confirm-modal .layui-layer-content span.content {display: block; width: 305px; text-align: left;}
.confirm-modal .layui-layer-content span.isSure {padding: 20px 0 0px 0px;width: 305px;display: block;text-align: center;}
.confirm-modal .layui-layer-btn {padding: 27px 30px 30px 30px;}
.confirm-modal .layui-layer-btn a {height: 26px; line-height: 26px; margin: 0px 43px;}
.confirm-modal .layui-layer-btn .layui-layer-btn0{background-color: #fff; border-radius: 4px;}
.confirm-modal .layui-layer-btn .layui-layer-btn1{color: #fff; border-radius: 4px;}

/*open-modal content*/
.open-modal .layui-layer-content {padding: 20px;}
/*open-modal  table*/
.open-modal .search-table {margin-bottom: 10px;}
.open-modal div.table-div {overflow: auto; height: 294px;}
.open-modal .table-4-list tr, .open-modal .table-4-list td {height: 30px;}
/*open-modal  tr*/
.open-modal .tbl-hover tr:hover td {cursor: pointer;}
/*open-modal  button */
.open-modal .btn-modal-div {height: 28px;margin: 20px 0 0;text-align: center;}
.open-modal .btn-modal-div .btn {height: 28px;display: inline-block;}
.open-modal .btn-modal-div .btn button:nth-of-type(2){margin-left:0;}
/*open-modal page */
.open-modal .page-bar {margin: 5px 0 0 0;}

/* purchase order modal */
.purchase_modal .table-list .header {text-align: left;}
.purchase_modal .table-list td {text-align: center;}
.purchase_modal .table-list tr td span {margin: 0 5px;}
.purchase_modal .table-list tr td span:hover {cursor: pointer;}
.purchase_modal .table-list tr td.header .tBlue {margin: 0px 12px 0px 0px;}
.purchase_modal div.normalTitle {display: inline-block;width: 100%;margin-bottom: 10px;}
.purchase_modal .nav a.findOrder {height: 36px; line-height: 36px;}
.purchase_modal a.findOrder {float: right;}
.purchase_modal a.findOrder:hover {text-decoration: none;}
.purchase_modal div.nav {height: 40px;}
.purchase_modal div.nav span {display: inline-block;background-color: #EBEDF3;width: 100px;height: 40px;line-height: 40px;text-align: center;}
.purchase_modal div.nav span.active, .purchase_modal div.nav span:hover {color: #fff;background-color: #6BC3F7;cursor: pointer;}
.purchase_modal .order-search {background-color: #FBFBFB;height: 40px;line-height: 40px;border: 1px solid #EBEDF3;border-bottom: 0px;display: block;}
.purchase_modal .order-search .search-name {text-align: right;padding-right: 10px;font-size: 12px;color: #666666;width: 100px;}
.purchase_modal .order-search input {width: 100%;height: 28px;padding-left: 10px;line-height: 28px;box-sizing: border-box;border-radius: 4px;border: 1px solid #EBEDF3;background-color: white;font-size: 14px;}

/* approver-div */
.gray-bar {background-color: #F7F7F7; margin-bottom: 5px; width: 100%; height:40px; line-height: 40px;}
.gray-bar span {color: #666666; display: inline-block; margin: 0 10px;}
.approver-div .approver-title {background-color: #DFEBF7; width: 100%; height: 50px; line-height: 50px; text-align: center;}
.approver-div .approver-title>div {display: inline-block;margin-right: 40px; cursor: pointer;}
.approver-div i.unSelected-icon.selected-icon, .approver-div i.unSelected-icon {height: 14px;width: 14px;margin: 18px 8px 18px 0px;float: left;}
.approver-div i.unSelected-icon.selected-icon {background-position: -58px -190px;}
.approver-div i.unSelected-icon {background-position: -251px -190px;}
.approver-div .approver-content {height: 270px;}
.approver-div .approver-content>div {width: 47%; border: 1px solid #DFEBF7; border-top: 0px; height: 270px;box-sizing: border-box;}
.approver-div .approver-content .user-title {background-color: #F7FBFF;height: 40px;line-height: 40px;padding-left: 10px;}
.approver-div .approver-content .user {height: 230px;overflow-y: scroll;}
.approver-div .approver-content .user p {height: 40px;line-height: 40px;cursor: pointer;padding-left: 10px;}
.approver-div .approver-content .user p:hover {background-color: #fffbca;}
.approver-div .approver-content .user p.active {background-color: #fffbca;}
.approver-div .approver-content select {width: 45%; height: 200px;}
.approver-div .approver-content div span {display: block; border: 1px solid #ccc; background-color: #F6F7F9; margin: 10px 15px; font-size: 16px; cursor: pointer;}

/* layui page */
.layui-laypage.layui-laypage-modal a, .layui-laypage.layui-laypage-modal span.layui-laypage-curr {width: 28px; padding: 0px;border-radius: 4px;margin-left: 5px;}
.layui-laypage.layui-laypage-modal span input {width: 30px;}
.layui-laypage.layui-laypage-modal span button {width: 40px; padding: 0px; border-radius: 4px;}
.layui-laypage.layui-laypage-modal a, .layui-laypage.layui-laypage-modal a:hover, .layui-laypage.layui-laypage-modal input, .layui-laypage.layui-laypage-modal span.layui-laypage-count {color: #999;}
.layui-laypage.layui-laypage-modal input:focus {border-color: #EBEDF3 !important;}
.layui-laypage-modal a.layui-laypage-prev {background-size: 30px;}
.layui-laypage-modal a.layui-laypage-prev.layui-disabled {background-size: 30px;}
.layui-laypage-modal a.layui-laypage-next {background-size: 30px;}
.layui-laypage-modal a.layui-laypage-next.layui-disabled {background-size: 30px;}

/*layer.open  confirm-cancle*/
.open-cc .layui-layer-btn0,.open-cc .layui-layer-btn1{width: auto; margin:0;min-width: 58px; height: 28px;line-height: 28px; border-radius: 4px; color: #fff; cursor: pointer; padding: 0 15px;border: 0px;text-align:center;box-sizing: border-box;}
.open-cc a.layui-layer-btn0{background-color: #fff;padding: 0 13px;margin-right:150px;}
.open-cc a.layui-layer-btn0:hover{background-color: #fff; padding: 0 13px;}
.open-cc .layui-layer-title{color:#fff }
.open-cc .layui-layer-content{margin:20px;margin-bottom:0;}
.open-cc .tbl-hover:hover {cursor: pointer;}
.open-cc .tbl-hover:hover td {background-color: #F3F6FD;}
.open-cc.layui-layer-page .layui-layer-btn{padding:10px 0 40px;}
.open-cc .table-4-form tr,.open-cc .table-4-form  tr td{height:26px;line-height:26px;}
.open-cc .tbhead{height:30px;line-height:30px;}
.open-cc .table-4-form  tr td{padding:2px;}
.open-cc .table-4-form .textOnly{padding-left:14px;}
.open-cc .table-4-form .label{padding-right:13px;}
.open-cc .tbhead .tBlue{height:30px; margin:0;margin-right:12px;}
.open-cc .table-4-form input[type='text'],.open-cc .table-4-form select,.open-cc .table-4-form textarea{height:24px;line-height:20px;}
.open-cc .table-4-form select{padding:2px 6px}
.open-cc .radioBtn label{line-height:16px;}
.open-cc .search-table{margin-bottom:10px}
.open-cc .fileContainer{margin:0px 20px 0px 0;}