@charset "utf-8";

/* modal_layer */
.modal_layer > .head{position:relative; background:#515b75; min-height:44px; border-radius:2px 2px 0 0;}
.modal_layer.info > .head{background:#0095da;}
.modal_layer.success > .head{background:#000000;}
.modal_layer.warning > .head{background:#ef8821;}
.modal_layer.danger > .head{background:#f44336;}
.modal_layer > .head .pop_tit{display:inline-block; color:#fff; font-size:14px; line-height:44px; font-weight:300; padding-left:15px;}
.modal_layer > .head .pop_close{position:absolute; right:0; top:0px; width:44px; height:100%; cursor:pointer; text-align:center; border-left:1px solid rgba(0,0,0,.1);}
.modal_layer > .head .pop_close i{font-size:20px; color:#fff; line-height:44px;}

.modal_layer > .body{position:relative; background:#fff; overflow-y:auto; max-height:500px; overflow-x:hidden;}
.modal_layer > .body .pop_cont{position:relative; padding-top:38px; box-sizing:border-box;}
.modal_layer > .body .pop_cont.crud_none{padding-top:0px; margin-top:-1px;}
.modal_layer > .body .crud_btn{position:absolute; top:6px; right:15px;}
.modal_layer > .body .pop_cont .dev_cont{position:relative; padding:10px 15px; border-top:1px solid #ddd; box-sizing:border-box; overflow:auto;}
.modal_layer > .foot{padding:0px 15px; text-align:center; border-radius:0 0 2px 2px; }


/* dialog */
.ui-widget-content .body{position:relative; background:#fff; padding-top:38px;}
.ui-widget-content .body.crud_none{padding-top:0}
.ui-widget-content .body .pop_cont{position:relative; max-height:500px; border-top:1px solid #dadada; overflow-y:auto; overflow-x:hidden; box-sizing:border-box;}
.ui-widget-content .body.crud_none .pop_cont{border-top:none}
.ui-widget-content .body .crud_btn{position:absolute; top:6px; right:15px}
.ui-widget-content .body .pop_cont .dev_cont{position:relative; padding:15px; box-sizing:border-box}
.ui-widget-content .foot{position:relative; padding:8px 15px; background:#f2f3f7; text-align:center; border-radius:0 0 2px 2px; border-top:1px solid #ebebeb; box-sizing:border-box}


/* window_pop */
.window_pop{position:relative; height:100%;}
.window_pop > .head{position:absolute; top:0; left:0; right:0; background:#515b75; height:44px; z-index:9;}
.window_pop.primary > .head{background:#515b75;}
.window_pop.success > .head{background:#019863;}
.window_pop.warning > .head{background:#ef8821;}
.window_pop.danger > .head{background:#f44336;}
.window_pop.sereni > .head{background:#777b88;}
.window_pop > .head .pop_tit{display:inline-block; color:#fff; font-size:16px; line-height:44px; font-weight:normal; padding-left:15px;}
.window_pop > .head .pop_close{position:absolute; right:0; top:0px; width:44px; height:100%; cursor:pointer; text-align:center; border-left:1px solid #41495e;}
.window_pop > .head .pop_close i{font-size:20px; color:#fff; line-height:44px;}

.window_pop > .body{position:relative; height:100%; padding:44px 0 0; background:#fff; box-sizing:border-box;}
.window_pop > .body .pop_cont{position:relative; height:100%; padding-top:38px; box-sizing:border-box;}
.window_pop > .body .pop_cont.crud_none{padding-top:0px; margin-top:-1px;}
.window_pop > .body .pop_cont.crud_set2{padding-top:74px;}
.window_pop > .body .crud_btn{position:absolute; top:6px; right:15px;}
.window_pop > .body .crud_btn.l_crud{left:15px;}
.window_pop > .body .crud_btn.lb_crud{left:15px; top:42px;}
.window_pop > .body .crud_btn.rb_crud{top:42px;}
.window_pop > .body .crud_btn .form_in{display:inline-block; vertical-align:middle;}

.window_pop > .body .pop_search{position:absolute; top:6px; left:15px;}
.window_pop > .body .pop_cont .dev_cont{position:relative; height:100%; padding:10px 15px; border-top:1px solid #ddd; box-sizing:border-box; overflow:auto;}
.window_pop > .body .flexing{padding:0 15px;}


/* organization */
.organization{position:relative; height:100%; padding-left:350px; border-top:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.organization .tree_nav{position:absolute; left:0; top:0; width:350px; height:100%; background:#f2f3f7; border-right:1px solid #ddd; overflow-y:auto; box-sizing:border-box;}
.organization .tree_nav .inner{height:100%; padding:10px 15px; box-sizing:border-box;}
.organization .result_view{position:relative; height:100%; box-sizing:border-box; margin-top:-1px;}
.organization .select_move{position:relative; height:168px; overflow-y:auto;}
.organization .select_move ul{padding:1px;}
.organization .select_move ul li{border-bottom:1px solid #fff; overflow:hidden; padding:0 15px; background:#ebf6fb; cursor:pointer;}
.organization .select_move ul li:last-child{border-bottom:none;}
.organization .select_move ul li span{position:relative; float:left; line-height:150%; color:#303030; text-align:center; letter-spacing:-0.5px; font-size:12px; padding:7px 0;}
.organization .select_move ul li .depart{width:50%; text-align:left;}
.organization .select_move ul li .position{width:25%;}
.organization .select_move ul li .name{width:25%;}
.organization .select_move ul li .name:after{display:none;}
.organization .select_move ul.ui-sortable li .index{width:10%; text-align:left;}
.organization .select_move ul.ui-sortable li .depart{width:40%; text-align:left;}
.organization .select_move ul.ui-sortable li .position{width:25%;}
.organization .select_move ul.ui-sortable li .name{width:25%;}
.organization .select_move ul.ui-sortable li .name:after{display:none;}
.organization .select_move .no_data{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; text-align:center; line-height:150%; color:#808080; padding-top:75px; box-sizing:border-box;}
.organization .select_move .no_data i{margin-right:3px; font-size:16px; vertical-align:middle;}
.organization .select_move .no_data.active{display:block;}


/* addressbook */
.addressbook{position:relative; height:100%; padding-left:350px; border-top:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.addressbook .tree_nav{position:absolute; left:0; top:0; width:350px; height:100%; background:#f2f3f7; border-right:1px solid #ddd; overflow-y:auto; box-sizing:border-box;}
.addressbook .tree_nav .inner{height:100%; padding:10px 15px; box-sizing:border-box;}
.addressbook .result_view{position:relative; height:100%; box-sizing:border-box; margin-top:-1px;}

.addressbook .selected_box{position:relative;}
.addressbook .selected_box:after{content:''; display:block; clear:both;}
.addressbook .selected_box .inner_box{position:relative; float:left; width:33.33333%; padding-top:8px; border:1px solid #ddd; background:#f2f3f7; box-sizing:border-box;}
.addressbook .selected_box .inner_box .stit_area{margin-bottom:8px;}
.addressbook .selected_box .inner_box .stit_area .stit{font-size:13px;}
.addressbook .selected_box .inner_box .move_btn{position:absolute; top:-44px; left:50%; margin-left:-28px;}
.addressbook .selected_box .inner_box:nth-child(1){border-left:none; border-right:none;}
.addressbook .selected_box .inner_box:nth-child(3){border-left:none; border-right:none;}

.addressbook .select_move{position:relative; height:168px; overflow-y:auto; border-top:1px solid #ddd; background:#fff;}
.addressbook .select_move ul{padding:1px;}
.addressbook .select_move ul li{position:relative; border-bottom:1px solid #ebebeb; overflow:hidden; padding:0 15px; padding-left:30px;}
.addressbook .select_move ul li:last-child{border-bottom:none;}
.addressbook .select_move ul li > span{position:relative; float:left; line-height:150%; color:#303030; text-align:center; letter-spacing:-0.5px; font-size:12px; padding:7px 0;}
.addressbook .select_move ul li .btn_check, .addressbook .select_move ul li .btn_radio{position:absolute; left:15px; top:5px;}
.addressbook .select_move ul li .name{width:35%;}
.addressbook .select_move ul li .mail{width:65%; text-align:left;}
.addressbook .select_move ul li .name:after{display:none;}
.addressbook .select_move .no_data{display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; line-height:150%; color:#808080; padding-top:75px; box-sizing:border-box;}
.addressbook .select_move .no_data i{margin-right:3px; font-size:16px; vertical-align:middle;}
.addressbook .select_move .no_data.active{display:block;}


/* approvaline */
.approvaline{position:relative; height:100%; padding-left:350px; border-top:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.approvaline .tree_nav{position:absolute; left:0; top:0; width:350px; height:100%; background:#f2f3f7; border-right:1px solid #ddd; overflow-y:auto; box-sizing:border-box;}
.approvaline .tree_nav .inner{height:100%; padding:10px 15px; box-sizing:border-box;}
.approvaline .result_view{position:relative; height:100%; box-sizing:border-box; margin-top:-1px;}

.approvaline .selected_box{position:relative;}
.approvaline .selected_box:after{content:''; display:block; clear:both;}
.approvaline .selected_box .inner_box{position:relative; float:left; width:50%; padding-top:8px; border:1px solid #ddd; background:#f2f3f7; box-sizing:border-box;}
.approvaline .selected_box .inner_box .stit_area{margin-bottom:8px;}
.approvaline .selected_box .inner_box .stit_area .stit{font-size:13px;}
.approvaline .selected_box .inner_box .move_btn{display:none;}
.approvaline .selected_box .inner_box:nth-child(1){border-left:none; border-right:none;}
.approvaline .selected_box .inner_box:nth-child(3){border-left:none; border-right:none;}
.approvaline .selected_box .inner_box .stit_area{padding-left:15px;}
.approvaline .selected_box .inner_box .stit_area .row_btn{position:absolute; right:15px; bottom:0;}

.approvaline .select_move{position:relative; height:168px; overflow-y:auto; border-top:1px solid #ddd; background:#fff;}
.approvaline .select_move ul{padding:1px;}
.approvaline .select_move ul li{position:relative; border-bottom:1px solid #ebebeb; overflow:hidden; padding:0 15px; padding-left:40px;}
.approvaline .select_move ul li:last-child{border-bottom:none;}
.approvaline .select_move ul li > span{position:relative; float:left; line-height:150%; color:#303030; text-align:center; letter-spacing:-0.5px; font-size:12px; padding:7px 0;}
.approvaline .select_move ul li .btn_check, .approvaline .select_move ul li .btn_radio{position:absolute; left:15px; top:5px;}
.approvaline .select_move ul li .name{width:33.333333%;}
.approvaline .select_move ul li .mail{width:65%; text-align:left;}
.approvaline .select_move ul li .comp{width:33.333333%;}
.approvaline .select_move ul li .depa{width:33.333333%;}
.approvaline .select_move ul li .name:after{display:none;}
.approvaline .select_move .no_data{display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; line-height:150%; color:#808080; padding-top:75px; box-sizing:border-box;}
.approvaline .select_move .no_data i{margin-right:3px; font-size:16px; vertical-align:middle;}
.approvaline .select_move .no_data.active{display:block;}


.approvaline .result_list{position:relative; height:115px; background:#fff;}
.approvaline .result_list .no_data{display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; line-height:150%; color:#808080; padding-top:50px; box-sizing:border-box;}
.approvaline .result_list .no_data i{margin-right:3px; font-size:16px; vertical-align:middle;}


/* department */
.department{position:relative; height:100%; padding:10px 15px; border-top:1px solid #ddd; background:#f2f3f7; box-sizing:border-box; overflow:auto;}