@charset "utf-8";
@font-face {
font-family:'NotoSansCJKkr Regular'; 
src:url('../fonts/NotoSansCJKkr-Regular.eot');
src:local('*'), url('../fonts/NotoSansCJKkr-Regular.eot') format('embedded-opentype'), url('../fonts/NotoSansCJKkr-Regular.otf') format('truetype');
}
@font-face {
font-family:"Roboto Regular"; 
src:url('../fonts/Roboto-Regular.eot');
src:local('*'),url('../fonts/Roboto-Regular.eot') format('embedded-opentype'), url('../fonts/Roboto-Regular.ttf') format('truetype'),
}

html, body {height:100%;margin:0;padding:0;font-family:'NotoSansCJKkr Regular'; font-size: 13px; color:#404b5e;  overflow-y:hidden;}
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
button,.cursor {cursor:pointer;}
ul, ol, li {list-style-type:none;}
a,input[type="button"] {text-decoration:none;cursor: pointer;}
textarea{resize:none !important; font-family:'NotoSansCJKkr Regular'; }

/* change border colour to suit your needs */
input, select {vertical-align:middle;font-family:'NotoSansCJKkr Regular';}
legend, caption, summary,.show_mar ,.Content_show, temp_menu_show {
    display: none;
	z-index: 1000;
}

.temp_menu_show input[type="button"] { width: 100% !important; margin: 0 !important; border:none }
.Content_btn{  cursor: pointer;}
table{border-collapse: collapse; table-layout: fixed;}
b{ font-weight:bold !important;}
i{font-style: normal;}


textarea{color:rgba(64, 75, 94, 0.6) !important;}
textarea:disabled{ background: #ffffff !important; border:none !important;}
textarea:focus{ color:rgba(64, 75, 94, 1.0) !important;}

input[type="text"] {color:rgba(64, 75, 94, 0.6) !important;background-color: #ffffff;}
input[type="text"]:focus {color:rgba(64, 75, 94, 1.0) !important;}
input[type="text"]::placeholder { border: solid 1px rgba(64, 75, 94, 0.4);color:rgba(64, 75, 94, 0.6);}
input[type="text"]:disabled {  border: solid 1px rgba(64, 75, 94, 0.2); background:ffffff !important; color:rgba(64, 75, 94, 0.4);}
input[type="text"]:disabled::placeholder {color:#b1b1b1;}
input.number {border:1px solid #cbcbcb;box-sizing:border-box;}
input.number:focus {border:1px solid #5160b5;}
.Inputbox-wrap {display:inline-block;vertical-align: middle;}


.table_td_padding tr td,.table_td_padding tr th{ padding:0 20px !important; }
.fontsize12{ font-size:12px !important;}
.border_td{ border:1px solid  rgba(0, 0, 0, 0.08);}
.border_top{ border-top:1px solid  rgba(0, 0, 0, 0.08) !important;}
.border_LR{border-left: 1px solid rgba(0, 0, 0, 0.08);border-right: 1px solid rgba(0, 0, 0, 0.08);}
.border_bottom{border-bottom: 1px solid rgba(0, 0, 0, 1) !important;}
.border_bottom_no{ border-bottom: none !important;}
.border_top_black{border-top: 1px solid rgba(0, 0, 0, 0.8) !important;}
.border_R_no{ border-right: none !important;}
.border_L_no{ border-left: none !important;}
.red_color{ color:#eb3338 !important; font-style: normal;}
.blue_color{ color:blue !important; font-style: normal;}
.blcak_color{ color:#000000 !important;}
.text_hidden{  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}
.mar_left10{ margin-left: 10px !important;}
.mar_left5{ margin-left: 5px !important;}
.mar_left20{ margin-left: 20px !important;}
.mar_right10{ margin-right: 10px !important;}
.mar_right5{ margin-right: 5px !important;}
.mar_right20{ margin-right: 20px !important;}
.mar_top30{ margin-top: 30px !important;}
.mar_top20{ margin-top: 20px !important;}
.mar_top15{ margin-top: 15px !important;}
.mar_top10{ margin-top: 10px !important;}
.mar_top5{ margin-top: 5px !important;}
.mar_r5{margin-right: 5px !important;}
.mar_l5{margin-left: 5px !important;}
.mar_lf2{margin:0 2px !important;}
.mar_t{ margin-top: -1px !important;}
.padding_left20{ padding-left:20px !important;}
.padding_left40{ padding-left:40px !important;}
.padding_5_30{ padding: 5px 30px !important;}
.padding_lf20{ padding:0 20px !important;}
.padding_r5{ padding-right:5px !important;}
.display_inline_block{display: inline-block !important}
.nobor_text{ border:none !important; width: 100%; font-size: 13px; color:rgba(64, 75, 94, 0.6) !important; vertical-align: middle;}
.kong{  float: left; display: inline-block; margin: 4px 10px;}
.clear{ clear: both;}
.text_left{ text-align: left !important;}
.text_center{ text-align: center !important;}
.text_right{ text-align: right !important;}
.vt{ vertical-align: top !important;}
.fr{ float:right !important;}
.fl{ float:left !important;}
.height300{ height: 300px !important}
.widthfull{  width: 100% !important}
.pd{box-sizing: border-box !important;}
/************************/
.violet_circle{ background: #cb6dbc;}
.Green_circle{background: #81b50c; }
.yellow_circle{ background: #f5bb17; }
.red_circle{ background: #d91831; }
.hui_circle{ background: #84878f; }
.red_dateBG{ background: #d92036;  }
.hui_dateBG{ background: rgba(64, 75, 94, 0.3);}
.S-hui_dateBG{background:rgba(64, 75, 94, 0.6); }

.blue_circle{ background-color:#03b1c5;}
.yellow_circle{ background-color:#ffb141}
.black_circle{ background-color:#535966}
.gray_circle{ background-color: #acb7c7;}
.mazarine_circle{ background-color:#5867c3;}


.under_line{ text-decoration: underline !important;}
.h26{ height: 26px !important; box-sizing: border-box;}
.h30{ height: 30px !important; box-sizing: border-box;}
.w80{ width: 80px !important; box-sizing: border-box;}
.w100{ width: 100px !important; box-sizing: border-box;}

.yellow2{background-color:#f59322 !important;}

/*********************************/
/*
::-ms-clear{
 z-index: 999;
 background:#ffffff url(../images/surf.png) no-repeat right center;	
}
*/
.clearfix:after{
    content: '';
    display: block;
    clear: both;
}
/*****************************input-button*******************************/
.btn_h{font-size:13px;border: solid 1px rgba(64, 75, 94, 0.4);background:#fff;text-align:center;color:#404b5e;font-weight:bold; cursor: pointer;margin-bottom: 5px;}
.btn_h:hover {background-color: rgba(64, 75, 94, 0.1);border: solid 1px rgba(64, 75, 94, 0.4);color:#404b5e; font-weight:bold;}
.btn_h[disabled] {border: solid 1px rgba(64, 75, 94, 0.2);background:none; color:rgba(64, 75, 94, 0.3);font-weight:bold;cursor:default !important; }
/**/
.btn_blue{font-size:13px;border:  solid 1px #255ad4;background:#fff;text-align:center;color:#255ad4;font-weight:bold; cursor: pointer;}
.btn_blue:hover {background-color:  rgba(37, 90, 212, 0.1);border:  solid 1px #255ad4;color:#255ad4;font-weight:bold;}
.btn_blue[disabled] {border:  solid 1px rgba(37, 90, 212, 0.2);background-color:#ffffff; color:rgba(37, 90, 212, 0.3) ; font-weight:bold;cursor:default !important;}
/**/
.btn_blueBg{font-size:13px;border:1px solid #255ad4;background:#255ad4;text-align:center;color:#ffffff;font-weight:bold; cursor: pointer;}
.btn_blueBg:hover {border:1px solid #255ad4;background:#255ad4;color:#ffffff;font-weight:bold;}
.btn_blueBg[disabled] {border: solid 1px rgba(37, 90, 212, 0.2);background-color: rgba(37, 90, 212, 0.2); color:#ffffff !important;font-weight:bold; cursor:default !important;}

/**************弹框底部button*******************/
.btn_foot_box{ position: absolute; bottom: 30px; right: 0; height:30px; margin: 0; padding: 0;}
.btn_foot_box input{width: 100px; height: 30px; margin: 0  0 0 10px; float:left;}
.footBtn_box{ height:89px; margin: 0; padding: 0; width: 100%}
.footBtn_box input[type="button"]{width: 100px; height: 30px; margin: 30px  0 0 10px; float:right;}

/********************************over***************************************/
/*******************************checkbox*radio*style************************************/

.form_list *, .form_list *::after, .form_list *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form_list li {
position: relative;
}
.form_list input[type=radio],
.form_list input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
	
}
.form_list input[type="radio"] + label,
.form_list input[type="checkbox"] + label {
  padding-left: 24px;
	cursor: pointer;
}
.form_list input[type="radio"] + label::before,
.form_list input[type="radio"] + label::after,
.form_list input[type="checkbox"] + label::before,
.form_list input[type="checkbox"] + label::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
	cursor: pointer;
	
}
.form_list input[type="radio"] + label::before,
.form_list input[type="checkbox"] + label::before {
  border: 1px solid #cfd9db;
  background: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
	
}
.form_list input[type="radio"] + label::before,
.form_list input[type="radio"] + label::after {
  border-radius: 50%;
}

.form_list input[type="radio"] + label::after,
.form_list input[type="checkbox"] + label::after {
  background-color: #2c97de;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
  display: none;
}
.form_list input[type="radio"]:disabled + label::after,
.form_list input[type="checkbox"]:disabled + label::after {
  background-color:rgba(64,75,94,0.2);
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
  display: none;
}

.form_list input[type="radio"] + label::after {
  background-image: url("../images/cd_icon_radio.png");
}
.form_list input[type="checkbox"] + label::after {
  background-image: url("../images/cd_icon_check.png");
}
.form_list input[type="radio"]:checked + label::after,
.form_list input[type="checkbox"]:checked + label::after {
  display: block;
}
.form_list input[type="radio"]:checked + label::before,
.form_list input[type="radio"]:checked + label::after,
.form_list input[type="checkbox"]:checked + label::before,
.form_list input[type="checkbox"]:checked + label::after {
  animation: cd-bounce 0.3s;
}

[class^="checkbox_8_"] {
	display: none;
}

[class^="checkbox_8_"]  + label {
	cursor: pointer;
}
[class^="checkbox_8_"] + label {
	background-color: #FFF;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
	width: 46px;
	height: 22px;
}

[class^="checkbox_8_"] + label:after {
	content: ' ';
	position: absolute;
	background: #C5C9CE;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
}

[class^="checkbox_8_"] + label:before {
	content: ' ';
	position: absolute;
	background: white;
	top: 2px;
	left: 2px;
	z-index: 99999;
	width: 26px;
	height: 26px;
	border-radius: 100px;
	box-shadow: 0 0 2px rgba(0,0,0,0.5), inset 0 -18px 15px -10px rgba(0,0,0,0.05);
}


[class^="checkbox_8_"] + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

[class^="checkbox_8_"]:checked + label:before {
	content: ' ';
	position: absolute;
	left: 23px;
	border-radius: 100px;
}

[class^="checkbox_8_"]:checked + label:after {
	content: ' ';
	font-size: 1.5em;
	position: absolute;
	background: #255ad4 ;
}

[class^="checkbox_8_"] + label:after, [class^="checkbox_8_"] + label:before{
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}

[class^="checkbox_8_"] + label:before{
	top: -2px;
	left: 0px;
}
[class^="checkbox_8_"]  + label:after{
	top: 0px;
	left: 0px;
}
[class^="checkbox_8_"]:checked + label:before{
	left: 23px;
}



	.label_div{ display: block; height: 16px; margin: 8px 0 0 0; cursor: pointer;}
	.label_div > div{ width: 16px; height: 16px; display: inline-block; float: left;}
	.label_div span{line-height: 16px; margin: 2px 0 0 5px; display: inline-block; float: left; color: rgba(64, 75, 94, 0.4); font-size: 13px;}
/******************************************************************************************/
/****************************************search**common_style************************************************/

.search_div{display:inline-block;position: relative; height: 26px; box-sizing: border-box; vertical-align: middle;}
.search_div input[type="search"]{width: 100%; height: 100%; box-sizing: border-box; border:solid 1px rgba(64, 75, 94, 0.4); vertical-align: top; padding: 0 24px 0 10px; color: rgba(64, 75, 94, 0.6);}
.search_div input[type="button"]{ width:24px; height: 26px; cursor: pointer; position: absolute; right: 6px; top: 0;box-sizing: border-box; background: url(../images/search.png) 3px center no-repeat; border: none;}

.search_box{display:inline-block;position: relative; height:30px; box-sizing: border-box; vertical-align: middle;}
.search_box input[type="search"]{width: 100%; height: 100%; box-sizing: border-box; border:solid 1px rgba(64, 75, 94, 0.4); vertical-align: top; padding: 0 24px 0 10px;color:rgba(64, 75, 94, 0.6);}
.search_box input[type="button"]{ width:24px; height: 30px; cursor: pointer; position: absolute; right: 6px; top: 0;box-sizing: border-box; background: url(../images/search.png) 5px center no-repeat; border: none;}

.date_input26,.selet_input26{ width: 100%; height: 26px; box-sizing: border-box;  border:solid 1px rgba(64, 75, 94, 0.4);color:rgba(64, 75, 94, 0.6);}
.date_input30,.selet_input30{ width: 100%; height: 30px; box-sizing: border-box;  border:solid 1px rgba(64, 75, 94, 0.4);color:rgba(64, 75, 94, 0.6);}

.text_input26{
    width: 100%;height: 26px;background-color: #ffffff;border: solid 1px rgba(64, 75, 94, 0.4);box-sizing: border-box;
    padding: 0 8px; line-height: 26px;}
.text_input30{  width: 100%;height: 30px;background-color: #ffffff;border: solid 1px rgba(64, 75, 94, 0.4);box-sizing: border-box; padding: 0 10px; line-height: 30px;}
.search_dropdown{position: relative;display: inline-block;vertical-align: middle; width: 100% !important;}

/*****************下拉美化***********************/

.sewv{position: relative;display: inline-block;vertical-align: middle; width: 80%;}
.sewvtop{width:100%;height:30px;border: solid 1px rgba(64, 75, 94, 0.4);cursor:pointer;overflow: hidden; box-sizing: border-box;}
.sewvtop:hover{border:1px #5181db solid;}
.sewvtop>span{float:left;width:70%;height:30px;white-space:pre;text-overflow:ellipsis;overflow: hidden;font-size: 13px;line-height:28px;color:rgba(64, 75, 94, 0.6);padding:0 5px;vertical-align: middle;box-sizing: border-box;}
.sewvtop>em{float:right;width: 28px;height:28px; vertical-align: middle}
.sewvtop>em{ background: url(../images/surfxia.png) center center no-repeat;}
.sewvbm{width: 100%;position: absolute;left: 0; margin: 0;  top: 29px;display: none;border: solid 1px rgba(64, 75, 94, 0.4); background: #ffffff; padding: 3px 0; z-index: 999; overflow: hidden;}
.sewvbm>li{cursor:pointer;height:26px;line-height:26px;font-size: 12px;color: #666;padding-left:5px;}
.sewvbm>li span{ position: relative;}
.sewvbm>li:hover{background: #e9eefa;color: #404b5e;}
.lbaxztop{animation: rotatete 0.3s linear forwards;}
.lbaxztop2{animation: rotatete2 0.3s linear forwards;}
			@keyframes rotatete{
				from{transform: rotate(0deg);}
				to{transform: rotate(180deg);}
			}
			
			@keyframes rotatete{
				from{transform: rotate(0deg);}
				to{transform: rotate(180deg);}
			}
			
			@-moz-keyframes rotatete2{
				from{transform: rotate(180deg);}
				to{transform: rotate(0deg);}
			}
			@keyframes rotatete2{
				from{transform: rotate(180deg);}
				to{transform: rotate(0deg);}
			}


/*********************************/
.table_nomal{ width: 100%; }
.table_nomal tr th{ font-size:14px; color: #000000; height: 50px; box-sizing: border-box; text-align: center !important; border:1px solid rgba(0, 0, 0, 0.08);}
.table_nomal tr strong{ color: #000000; font-weight: bold;}
.table_nomal tr td{ font-size:14px;  color: #404b5e;  box-sizing: border-box;  border:1px solid rgba(0, 0, 0, 0.08); padding: 9px 20px; font-size: 13px;text-align: center;}
.table_nomal tr:last-child td,.table_nomal tr:last-child th{ border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.table_nomal tr:first-child td,.table_nomal tr:first-child th{  border-top: 1px solid rgba(0,0,0,0.8);}
.table_nomal tr th:first-child,.table_nomal tr td:first-child{ border-left:none !important;}
.table_nomal tr th:last-child,.table_nomal tr td:last-child{border-right:none !important;}
.table_nomal tr td > font{ font-size: 13px; float: left; text-align: left !important;}
.table_nomal tr td input[type="text"]{width: 100%;}
.table_nomal tr td select{width: 100%; height: 26px;}
.table_nomal  textarea{display: block;width: 100%;background-color: #ffffff;border: solid 1px rgba(64, 75, 94, 0.4); overflow: auto;color:rgba(64, 75, 94, 0.6);  box-sizing: border-box; padding: 5px 10px; font-size: 13px; height: 100%; }
.state_box{ width:12px; height: 12px; display: block; border-radius: 50%; }
.input_text26 input[type="text"]{ height: 24px;  padding: 0 10px;}
.hover_tr tr:hover{ background: rgba(52,108,234,0.05)}
.table_left td{ text-align: left !important;}

/************loading*******************/

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
.loader{
position: fixed;
z-index: 9999999999;
width: 100%;
height: 100%;
 top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;
}
.loader_bg{
position:absolute;
width: 160px;
height:120px;
background: rgba(0,0,0,0.4);
left: 50%;
top: 50%;
margin: -60px 0 0 -80px;
text-align: center;
border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-mz-border-radius: 10px;
}
.ball-spin-fade-loader {
position: relative;
margin: 50px 0 0 70px;
}
  .ball-spin-fade-loader > div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
            animation: ball-spin-fade-loader 1s 0s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(2) {
    top: 17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;
            animation: ball-spin-fade-loader 1s 0.12s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;
            animation: ball-spin-fade-loader 1s 0.24s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(4) {
    top: -17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;
            animation: ball-spin-fade-loader 1s 0.36s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;
            animation: ball-spin-fade-loader 1s 0.48s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(6) {
    top: -17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;
            animation: ball-spin-fade-loader 1s 0.6s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;
            animation: ball-spin-fade-loader 1s 0.72s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(8) {
    top: 17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;
            animation: ball-spin-fade-loader 1s 0.84s infinite linear; }
  .ball-spin-fade-loader > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute; }

@-webkit-keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }

  100% {
    opacity: 1; } }

@keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }

  100% {
    opacity: 1; } }

.ball-spin-loader {
  position: relative; }
  .ball-spin-loader > span:nth-child(1) {
    top: 45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
            animation: ball-spin-loader 2s 0.9s infinite linear; }
  .ball-spin-loader > span:nth-child(2) {
    top: 30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
            animation: ball-spin-loader 2s 1.8s infinite linear; }
  .ball-spin-loader > span:nth-child(3) {
    top: 0;
    left: 45px;
    -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
            animation: ball-spin-loader 2s 2.7s infinite linear; }
  .ball-spin-loader > span:nth-child(4) {
    top: -30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
            animation: ball-spin-loader 2s 3.6s infinite linear; }
  .ball-spin-loader > span:nth-child(5) {
    top: -45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
            animation: ball-spin-loader 2s 4.5s infinite linear; }
  .ball-spin-loader > span:nth-child(6) {
    top: -30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
            animation: ball-spin-loader 2s 5.4s infinite linear; }
  .ball-spin-loader > span:nth-child(7) {
    top: 0;
    left: -45px;
    -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
            animation: ball-spin-loader 2s 6.3s infinite linear; }
  .ball-spin-loader > span:nth-child(8) {
    top: 30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
            animation: ball-spin-loader 2s 7.2s infinite linear; }
  .ball-spin-loader > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: green; }

.warning_icon em{background:url(../images/Warning_icon.png) center center no-repeat; width:36px; height:33px; display: inline-block; margin-right:15px;  vertical-align: middle;}
.error_icon em{background:url(../images/Error_icon.png) center center no-repeat; width:30px; height:30px; display: inline-block; margin-right:15px; vertical-align: middle; }
.right_icon em{background:url(../images/Check_icon.png) center center no-repeat; width:23px; height:24px; display: inline-block; margin-right:15px; vertical-align: middle; }
.questions_icon em{background:url(../images/Info_icon.png) center center no-repeat; width:30px; height:30px; display: inline-block; margin-right:15px; vertical-align: middle; }
.warning_icon span{ width:240px !important;}
.error_icon span, .warning_icon span, .right_icon span, .questions_icon span, .warning_icon span { width:240px !important;}


.drop_box{ width: 160px; height: 24px;  border: solid 1px rgba(64, 75, 94, 0.4); background: url(../images/surfxia.png) 134px center no-repeat; text-align: left; box-sizing: border-box; padding-left: 10px; color: rgba(64, 75, 94, 0.6); font-size: 13px;}
.yuan{ display: inline-block;width: 10px;height: 10px;border-radius: 5px;}

@media screen and (min-width:1440px){
   
}

@media only screen and (max-width:1439px) {

}

.table_3f{ width: 100%; }
.table_3f tr th{ font-size:14px; color: #000000; height: 30px; box-sizing: border-box; text-align: center !important; border:1px solid rgba(0, 0, 0, 0.08);}
.table_3f tr strong{ color: #000000; font-weight: bold;}
.table_3f tr td{ font-size:14px;  color: #404b5e;  box-sizing: border-box;  border:1px solid rgba(0, 0, 0, 0.08); padding: 10px 20px; font-size: 13px;text-align: center;}
.table_3f tr:last-child td,.table_3f tr:last-child th{ border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.table_3f tr:first-child td,.table_3f tr:first-child th{  border-top: 1px solid #000000;}
.table_3f tr th:first-child,.table_3f tr td:first-child{ border-left:none !important;}
.table_3f tr th:last-child,.table_3f tr td:last-child{border-right:none !important;}
.table_3f tr td > font{ font-size: 13px; float: left; text-align: left !important;}
.table_3f tr td input[type="text"]{width: 100%;}
.table_3f tr td select{width: 100%; height: 26px;}
.table_3f  textarea{display: block;width: 100%;background-color: #ffffff;border: solid 1px rgba(64, 75, 94, 0.4); overflow: auto;color:rgba(64, 75, 94, 0.6);  box-sizing: border-box; padding: 5px 10px; font-size: 13px; height: 100%; }
.th_bottom{ border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;}
.table_td39 tr td{ height:39px !important;}

.border-right-no .jqx-grid-header >div >div:first-child,  .border-right-no .jqx-grid-content >div >div >div:first-child{border-right:none !important;}

.grid_radio{ width: 16px; height: 16px; position: absolute;top: 50%;left: 50%;margin: -8px 0 0 -8px; }
.grid_createwidget_dropDown{margin: 3.5px 0 0 5% !important;}
.grid_createwidget_date{ margin:3.5px 10px; width:calc(100% - 20px) !important;}
.grid_createwidget_date > div > div{left:auto !important; right:5px; top:1px;}





 .data-picker .urgent-date-history-search{
    	background:url(/static/image/calendar-icon.svg) no-repeat scroll 80px 6px;
    	
    }
.urgent-date-history-search-selected{
		background:url(/static/image/calendar-over-pressed-icon.svg) no-repeat scroll 80px 6px!important;
	
}