@font-face {
  font-family: 'iconfont';  /* project id 417701 */
  src: url('//at.alicdn.com/t/font_417701_iy90eoa77fyfogvi.eot');
  src: url('//at.alicdn.com/t/font_417701_iy90eoa77fyfogvi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_417701_iy90eoa77fyfogvi.woff') format('woff'),
  url('//at.alicdn.com/t/font_417701_iy90eoa77fyfogvi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_417701_iy90eoa77fyfogvi.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:20px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,body{width: 100%;height: 100%;}
html *{font-size: 14px;font-family: "Consolas";}
body,div,p,ul,li,input,h1,h2,h3,h4,h5{margin: 0;padding: 0;}
section > .table{background-color: #fff;}
.htmleaf-header h1 {
	font-weight: 100;
	text-align: center;
}
.htmleaf-memu{position: fixed;width: 100%;top: 0;z-index: 999;padding: 0 7px;background-color: #F0F4F7;}
.htmleaf-memu .buttom_model{display: inline-block;width: 93%;padding: 8px 0;}
.htmleaf-memu .select_toggle{display: inline-block;width: 40px;text-align: center;}
.select_toggle img{height: 40px;}
.htmleaf-memu .btn-default{ margin:0 -1px;background: #6EBBE5;color: #fff;border-radius: 0;border: 1px solid #6EBBE5;border-radius: 3px;}
.htmleaf-memu .btn-default:hover{font-weight: 600;background-color: #89d5fd;}

/*自设表格样式*/
.table-star>tbody>tr>th, .table-star>tfoot>tr>th, .table-star>thead>tr>th
{background-color: #70e1ff; box-shadow: inset 0 0 1px #fff;vertical-align: middle;border: 1px solid #70e1ff;}
.table-star>tbody>tr>td, .table-star>tfoot>tr>td, .table-star>thead>tr>td
{vertical-align: middle;}
.btn-star{background: #269CE9;color: #fff;border: 1px solid #269CE9;height: auto;padding: 2px 5px;display: inline-block;
    cursor: pointer;text-align: center;text-shadow: 0 1px 0 rgba(0,0,0,.2);
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    }
.btn-star:hover{background-color: #70B9E8;}
.btn-star:disabled{background: #ccc;color: #eee;cursor: no-drop;border-color: #bbb;}
.btn-star:disabled:hover{background: #ccc;color: #eee;cursor: no-drop;border-color: #bbb;}
input ,select{
	border: 1px solid #c7d5e3;
	height: 23px;
    font-size: 14px;
}
input[type=checkbox]{height: auto; margin: 0;}
button{
	
}
ul{
	list-style: none;
}
.table_style th, .table_style td{font-size: 14px;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
.btn{
	font-size: 12px !important;
	line-height: 0px;
	padding: 0 !important;
}
textarea{resize:none;}
/*列表翻页样式*/
.page_change{list-style: none; float: right;width:99%;margin-bottom: 20px;}
.page_change a , .page_change .current{border: 1px solid #337ab7;margin: 0 2px;padding: 2px 6px;}
.page_change .current , .page_change a:hover{ background: #2F71A9;color: #fff;text-decoration:none;}
/*隐藏输入框*/
.hiddenInput{width: 0px !important;height: 0px; border: none;}

.container { width: 800px; margin: 0 auto; }
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden;  font-size:12px}
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

/*查询模块*/
#select_main{position: relative;}
.select_bg{background-color: rgba(255,255,255,.5); box-shadow: 0px 0px 1px rgba(0,0,0,0.3) inset;}
.selectMenban{height: 100%;width: 100%;position: fixed;top: 0;z-index: 990;}
#select_main .clear_all{height: 30px;position: absolute;right: 8px;bottom: 18px;cursor: pointer;}
.button_list img{height: 18px;}
.select_panel{width: 100%;padding: 10px 10px 5px; position: relative;background-color: #f1f4f6;display: none;}

.page_run{width: 100%;height: 20px;text-align: center;border-top: 2px solid #fff;}
.page_run > div{display: inline-block;height: 100%;width: 100px;    overflow: hidden;}
.page_run > div > div{
	width:0;
	height:0;
	border-left:50px solid transparent;
	border-right:50px solid transparent;
	border-top:100px solid #fff;
	position: relative;
	cursor: pointer;
}
.page_run > div > div .down {
  	transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
  	border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    top: -96px;
	left: -2px;
}
/*.select_panel{
	background: -moz-linear-gradient(top, #70e1ff 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #70e1ff 0%,#ffffff 100%); 
	background: -o-linear-gradient(top, #70e1ff 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #70e1ff 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #70e1ff 0%,#ffffff 100%);*/
}
.select_panel table{display: inline-block;float: left;}
.select_panel .button_list{display: inline-block;padding: 0 40px;}
.select_panel .button_list p{padding: 1.5px 0;margin: 0;}
.select_panel table td{padding: 1px 0;}
.select_panel .button_list p .btn_style{width: 93px;}
.button_div{text-align: center;margin-top: 5px;}
.button_div .select_btn{background: #2F71A9;color: #fff;border: 1px solid #065fb9;padding: 0 15px !important;border-radius: 5px;}
.button_div .clear_btn{background: #eee;color: #000;border: 1px solid #eee;padding: 0 15px !important;border-radius: 5px;}
.button_div > .hide_btn{display: inline-block;position: absolute;bottom: 0px;right: 10px;}
.button_div > .hide_btn > input{position: relative;top: 2px;}
.select_panel .button_list p .pages{width: 20px;height: 20px; margin: 0 5px;}
.select_panel .button_list p span{font-weight: 600;}
.select_panel table td b{ text-align: right; padding: 1px 3px;display: inline-block;width: 100%;}
.select_panel .w40{width: 40px;}
.select_panel .w60{width: 60px;}
.select_panel .w65{width: 65px;}
.select_panel .w70{width: 70px;}
.select_panel .w80{width: 80px;}
.select_panel .w90{width: 90px;}
.select_panel .w100{width: 100px;}
.select_panel .w110{width: 110px;}
.select_panel .w120{width: 120px;}
.select_panel .w130{width: 130px;}
.select_panel .w140{width: 140px;}
.select_panel .w150{width: 150px;}
.select_panel .w200{width: 200px;}
.select_panel .w205{width: 205px;}
.select_panel .w269{width: 269px;}

/*进度条*/
.progress-parent{padding: 4px;border-radius: 4px;background-color: #eee;}
.progress-img{height:60px;text-align: center;}
.progress-tip{text-align: center;}
.progress-img > img{height: 100%;}
.progress{margin-bottom: 0 !important;}
#jdName{margin-left: 10px;}


.table_style,.table_style th{text-align: center;}
.date_selector{width: 240px !important;}.date_selector .month_nav{width: 42% !important;}.date_selector .year_nav{margin-right: 28px !important;}

/*获得焦点的input和select的边框样式*/
.isb-color{box-shadow: 0px 0px 7px rgba(4,159,241,0.3);border-color: #049ff1;}

/*自动下拉生成框选中项背景色*/
.autocomplete-selected{ background-color: #049ff1 !important; color: #fff;}

.web_div_main{width: 100%;position: relative;padding: 0 10px;}
@media only screen and (max-width: 1224px){
	html *{font-size: 12px;}
	.table_style th, .table_style td{font-size: 12px;}
}
@media only screen and (max-width: 900px){
	html *{font-size: 12px;}
	#table_top *{font-size: 12px !important;}
	.web_div_main{width: 800px;}
}
.jojo_div{display: none;
	width: 100%;
	height: 100%;
	border:margin:0 auto;
	position:absolute;
	top: 0px;left: 0px;
}
.background_div{
	background-color: #7e7e7e;
	width: 100%;
	height: 100%;
	opacity: 0;
	position: fixed;
	top:0px;
	left: 0px;
}
.zi_div{
	width: 0px;
	height: 0px;
	margin: 0 auto;
	border:2px #7e7e7e;
	background-color: #fff;
	opacity: 1;
	border-radius:10px 10px 10px 10px;
	z-index: 1000;
	position: relative;
	box-shadow:  0px 0px 6px rgba(0,0,0,0.8);
}
.dialog_table{
	background-color: rgb(190, 240, 224);
	border-radius:10px 10px 0px 0px;
	width:100%;
}
.dialog_table_tr{
	height: 30px;
}
.frame{
	width: 100%;
	height:100%;
	display: none;
	border-radius:0px 0px 10px 10px;
	background-color: #fff;
	opacity: 1;
}
.c{text-align: center}
.h{height: 30px}
.r{text-align: right;padding-right: 10px}
.l{text-align: left;padding-left: 10px}

#messageFrame{width: 200px;height: 200px;
		position: fixed;
    bottom: 0px;
    right: 4px;
    border: none;
}

/*客户登录table样式*/
.table-web-star {border-radius: 3px;box-shadow: 0px 1px 5px rgba(0,0,0,.3); background-color: #1a1a1a; }
.table-web-star thead{color: #fff;}
.table-web-star tbody{background-color: #fff;}
.table-web-star td,.table-web-star th{vertical-align: middle !important;text-align: center;}
/*#table_cent{background-color: #fff;}*/
.model-star{
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
/*客户登录中弹窗样式*/
.model-star{
	cursor: default;background: none;
	display: inline-block;
	position: absolute;
	z-index:999;
	margin-left:auto;
	margin-right:auto; 
	box-shadow: 0px 1px 5px rgba(0,0,0,.3);
	/*display: none;*/
}
.model-star-top{z-index:1000;}
.model-star .model-star-title{position: fixed;text-shadow: 0 1px 0 #000;width: 100%;padding: 5px;background: #707070;color: #fff;font-size: 16px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.model-star-top .model-star-title{background: #2d2d2d;}
.model-star .model-star-title .close{color: #fff;text-shadow: 0 1px 0 #000;font-weight: 100;opacity:1}
.model-star .model-star-title .close:hover{opacity: .5;}
.model-star .model-star-body{width: 100%;height: 100%;padding-top: 32px; background-color: #fff;border: 1px solid #707070;
border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;overflow-y: auto;}
.model-star input{float: left;border: none;}

/*鼠标点击行变色*/
.service_tr{background-color: #FFFF00 !important;}

/*时间轴*/
.time-axis {padding: 0 30px;margin-top: 80px;background-color: #fff;height: 22px;border-radius: 20px;}
#sop{position: relative;top: -2px;}
#sop td , #sop th{text-align: center;padding: 0 !important;border: none;}
#sop .sop-name{width: 17px;position: relative;border: none;}
/*#sop .sop-name:before{position: absolute; content: "aaa";top: 20px;left: -3px;z-index: 0;}*/
#sop .sop-name > img{cursor: default;}
#sop .sop-line > span{position: relative;top: -2px;width: 100%; display: inline-block; }
#sop .sop-line .sop-line-span{border: 1px solid #ddd;}
#sop .sop-line .sop-line-span-red{border: 1px solid #7ab63f;}
.sop-name-title{position: absolute;width: 60px; top: 20px; left: -21px;color: g;}
.sop-name-time{position: absolute; width: 85px;top: -33px; left: -32px;}
.sop-name-time-up{position: absolute;width: 85px;top: -33px;left: -32px;}
.sop-name-time-down{position: absolute;width: 85px;top: 37px;left: -32px;}
.dropdown-menu{
	    box-shadow: 3px 3px 6px #7e7e7e;
}
.dropdown-submenu .dropdown-menu {
    left: 110% !important;
    margin-top: -11px !important;
    border-radius: 15px !important;
}

.table-hover>tbody>tr:hover{background-color:#ddd !important;}
.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-color:#6EBBE5 !important;*/	
	background-color:#CCC !important;	
	/*color: #000 !important;*/
}
#mytitle {
    position: absolute;
    color: #ffffff;
    font-size: 14px;
    padding: 4px;
    background: rgba(40, 40, 40, 0.8);
    border-radius:5px;
    z-index:9999999;
}

.star-select-multiple{position: relative;}
.star-select-multiple>.star-select-multiple-text{width: 100%;background-color: #fff;}
.star-select-multiple>.star-select-multiple-option{position: absolute;border: 1px solid #333;border-radius: 3px;top: 70px;
width: 100%;background-color: #fff;user-select:none;max-height: 300px;overflow-y: auto;display: none;z-index: 999;}
.star-select-multiple>.star-select-multiple-option>p{cursor: default;padding: 3px 15px 3px 3px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;}
.star-select-multiple>.star-select-multiple-option>p:hover{background-color: #049ff1;color: #fff;}
.star-select-multiple>.star-select-multiple-option>.star-select-multiple-selected{background-color: #1E90FF;color: #fff;}

.star-select-ai{position: relative;}
.star-select-ai>.star-select-ai-text{width: 100%;background-color: #fff;}
.star-select-ai>.star-select-ai-option{position: absolute;border: 1px solid #333;border-radius: 3px;top: 70px;
width: 100%;background-color: #fff;user-select:none;max-height: 300px;overflow-y: auto;display: none;z-index: 999;}
.star-select-ai>.star-select-ai-option>.star-select-ai-par>p{cursor: default;padding: 3px 15px 3px 3px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;}
.star-select-ai>.star-select-ai-option>p:first-child{cursor: default;padding: 3px 3px 3px 3px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;}
.star-select-ai>.star-select-ai-option>.star-select-ai-par>p:hover{background-color: #049ff1;color: #fff;}
.input-group{width: 100%;}
.input-group>.star-select-ai-text{width: 100% !important;height: 18px;}
.input-group>.star-select-ai-option>p>.star-select-ai-input{width: 100% !important;}
.input-group>.star-select-ai-option{top: 0px !important;}
.star-select-ai-option>.star-select-ai-par>.star-select-ai-list-act{color: #eee;background-color: #049ff1;}
.star-select-ai-option>.star-select-ai-par>.keySelect{color: #eee;background-color: #049ff1;}
.star-select-ai-text>.star-select-span{position: relative;overflow: hidden; display: inline-block;padding: 0 10px;border: 1px solid #eee;margin-right: 5px;border-radius: 3px;background-color: #eee;cursor: default;}
.star-select-ai-text>.star-select-span>a{position: absolute;top: 0;left: 0;z-index: 99;background: rgba(0,0,0,0.5);text-align: center;color: #FFF;width: 100%;border-radius: 3px;display: none;}
.star-select-ai-text>.star-select-span>a:hover{color: #fff;}
/*.star-select-form-sm>.form-control{
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}*/
.star-select-ai-text{
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}