.w-48p{width:48% !important}
.margin-center{margin:0 auto}
.w-90{width:90px  !important}
.w-170{width:170px  !important}
.padding-tb-10{padding-top:10px  !important;padding-bottom:10px !important}
.tbl1 .t{font-weight:normal}
.tbl1 .select1{display:inline-block;vertical-align:middle;width:33%;padding:5px;border:solid 1px #dddddd;height:27px}
.tbl1 .sel-f{-moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;
-moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;border-right:none}
 .tbl1 .sel-l{-moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;-moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;border-left:none}
.tbl1 .t{padding-top:10px}
.tbl1 .i .input,.tbl1 .i .select{height:45px}
.tbl1 .i .input,.tbl1 .i .select,.tbl1 .i .txtarea{padding:10px 15px}
.tbl1 .tbl_list .input{min-width:100px !Important}

.show-text-search{padding:10px ;color:#525252;text-align:left;background-color:#e6edf1}

.h-small{font-size:18px;font-weight:normal;padding:0 10px 10px 10px}

.hpl-globe{background:#66ccff;padding:3px 10px;display:inline-block;margin-top:5px}
.hpl-globe:hover{color:#fff;background:#003399}
.hpl-globe-td{margin:0;padding:8px 8px;width:15px;text-align:center}
.hpl-link{background:#008080;color:#fff;padding:5px 10px}
.hpl-link:hover{color:#fff;background:#6c6c6c}

.hpl-s{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.hpl-s2{border:solid 1px #006600;color:#006600}
.hpl-s2:hover{background:#006600}
.hpl2-manage{background:#34a243;color:#fff;padding:5px 10px;display:inline-block}
.hpl2-manage:hover{color:#fff;background:#116e1e}
.hpl2-danger{background:#cc0000}
.hpl2-danger:hover{background:#990000}

.btn-list{background:#cecece !important;padding:3px 5px !important;color:#787878 !important;margin-bottom:5px}
.btn-list.active,.btn-list:hover{background:#008080 !important;color:#fff !important}

.div-warning{border:solid 1px #fff;background:#cff1fc;padding:10px;}
.div-warning a{color:#ff3300;text-decoration:underline}
.div-status{border:solid 1px #eeeeee;padding:5px;}
.elm-queue{background:#5050a0;color:#fff;padding:1px 3px;font-size:10px;
-moz-border-radius: 3px ; -webkit-border-radius: 3px; border-radius: 3px
}
.checkbox-none{background:#efefef;width:12px;height:12px;display:inline-block;font-size:1;vertical-align:middle}
.elm-queue.s1{background:#009900}
.elm-queue.s2{background:#ff9900}
.elm-queue.s3{background:#cc0000}
.w-30{width:30px !important}
.div-warning-s{font-size:13px;background:#fbfbff;padding:5px}
.div-warning-s .d{padding-left:10px}

.div-data_status{background:#f5f5f5;padding:10px;font-weight:700}
.div-data_status-inner{border:solid 1px  #f5f5f5;padding:10px}
.dpm{border-bottom:dotted 1px #a2a2a2;padding:5px;margin-bottom:5px;}

.div-data_status-inner .dpm:last-child{border:none}
.dpm .p1{font-weight:700}
.dpmi{background:#5454a9;color:#fff;padding:3px}
.dpmi2{background:#ffffcc;padding:3px}
.dpmi3{padding:5px;background:#f4faff}
.dpm-mn{padding:10px}
.hpl-dpm-other{background:#d6d6eb;color:#4a4a95;display:block;padding:3px 5px}
.hpl-dpm-other:hover{background:#003366;color:#fff}
.dpm-other{display:none}
.status_danger{color:#ff0000}
.status_success{color:#009900}
.status_date{color:#6e6e6e;padding-left:20px}
.department_status1_0,
.department_status2_1,
.department_status3_2,
.department_status4_3
{color:#ff9900}

.department_status-1,.data_status-1,
.department_status1_-1,
.department_status1_-1,
.department_status2_-1,
.department_status3_-1,
.department_status4_-1,
.department_status5_-1
{color:#cc0000}
.department_status-2,.department_status1_-2{color:#ff3300}
.department_status-3,.department_status1_-3{color:#b2b2b2}
.department_status5,.data_status4,
.department_status1_1,
.department_status1_2,
.department_status2_3,
.department_status3_4,
.department_status1_5,
.department_status2_5,
.department_status3_5,
.department_status4_5,
.department_status5_5,
.department_status6_5
{color:#009900}

.status1{color:#009900}
.status-1{color:#cc0000}
/*
.dstatus-1,.dstatus2-1,.dstatus3-1,.data_status-1,.dstatus4-1,.dstatus5-1,
.dstatus-2{color:#ff3300}
.dstatus-3{color:#b2b2b2}
.dstatus0,.dstatus21,.dstatus32,.dstatus43{color:#ff9900}
.dstatus1,.dstatus22,.dstatus33,.dstatus44,.data_status4{color:#009900}
*/

a.hpl-manage{color:#fff !important}
.tbl_list th a.hpl-order2{background-position: right center;display:block;width:auto}

.div-star{color:#d1d1d1}
.div-star .checked{color:#009900}

.div-danger{color:red;font-weight:700;font-size:17px;border:solid 1px red;padding:5px;margin-bottom:5px}
.div-danger p{font-size:15px}


.div-bbstep{text-align:center;margin:10px 0 20px 0}
.bbstep{position:relative;width:100px;display:inline-block;vertical-align:top}
.bbstep .n{width:50px;height:22px;display:block;background:#b2b2b2;position:relative;z-index:2;border-radius:50%;text-align:center;padding:14px 0;color:#fff;margin:0 auto}
.bbstep .d{text-align:center;color:#b2b2b2;padding-top:5px;font-size:14px}
.bbstep .bbstep-line{background:#b2b2b2;position:absolute;width:100%;height:4px;z-index:1;top:21px;left:-50%}
.bbstep.active .n{background:#0099ff}
.bbstep.active .bbstep-line{background:#0099ff}
.bbstep.active .d{color:#000}
.bbstep .n.link{cursor:pointer}

.hpl-link{background:#008080;color:#fff;padding:5px 10px}
.hpl-link:hover{color:#fff;background:#6c6c6c}
.hpl-link-add{background:#009933}
.hpl-link-add:hover{color:#fff;background:#003300}
.hpl-link-remove{background:#ff0000}
.hpl-link-remove:hover{background:#cc0000}

.btn-s-cancel{padding:3px 5px;border:solid 1px #737373;;cursor:pointer;background:#fbfbfb;color:#333333}
.btn-s-cancel:hover{background:#b6b6b6;color:#fff}
.btn-s-submit{padding:3px 5px;border:solid 1px #006600;cursor:pointer;background:#ddffdd;color:#004a00}
.btn-s-submit:hover{background:#006600;color:#fff}



.div-ps{position:relative}
.div-ps .td1{float:left;width:50%;text-align:right;font-weight:700}
.div-ps .td3{float:left;width:50%;}
.div-ps:after{clear:both;content:'';display:block}
.div-ps .td1 > div{padding:10px 20px 10px 0 }
.div-ps .td3 > div{padding:10px 0 10px 20px}
.div-ps .circle{display:inline-block;width:30px;height:24px;background:#aaaaaa;border-radius:50%;text-align:center;padding:3px 0;color:#fff;position:absolute;top:10px;left:calc(50% - 15px);z-index:2}
 .div-ps .ln{height:100%;width:4px;position:absolute;background:#aaaaaa;top:10px;left:calc(50% - 2px);z-index:1}


.div-ps.c1 .circle,.div-ps.c1 .ln{background:#339966}
.div-ps.c0  .circle{background:#ff0000}
.div-ps.c01 .circle,.div-ps.c01 .ln{background:#ff0000}
.div-ps.c2  .circle{background:#ff6600}
.div-ps.c11  .circle,.div-ps.c11 .ln{background:#ffcc00}
.div-ps.c12  .circle{background:#ffcc00}
.div-ps .x1{float:left;width:20px;}
.div-ps .x2{float:left;width: calc(100% - 35px);}
.div-ps .p1{}
.div-ps .p2{font-size:13px;color:#858585}
.div-ps .success .x1,.div-ps .success .p1{color:#339966}
.div-ps .warning .x1,.div-ps .warning .p1{color:#ff0000}
.div-ps .waiting .x1,.div-ps .waiting .p1{color:#d8d8d8}
.div-ps  .note{background:#f2f2f2;padding:5px;margin-top:5px}
.div-ps  .address{background:#005cb9;color:#fff;padding:5px;margin-top:5px}
.div-ps .p2  span{background:#6c6c6c;color:#fff;padding:0 5px;margin-right:5px;border-radius:5px;font-size:13px}
.div-ps .warning .p2 span{background:#ff0000;color:#fff;}
.div-ps .edit .p2 span{background:#ff6600;color:#fff;}
.div-ps .edit .x1,.div-ps .edit .p1{color:#ff6600}
.div-ps .fa{vertical-align:middle}
.div-ps .fa-hourglass-o{font-size:13px;padding-top:-3px;}
.div-ps .fa-calendar-o{font-size:15px;padding-top:-3px;}


.hpl_date,.hpl_date2{padding:3px;color:#9e9e9e}
.hpl_date.active,.hpl_date2.active{color:#0066ff}
.sec-filter{padding:20px 10px}
.sec-filter .left{padding-top:7px}
.sec-filter input,.sec-filter select{border:solid 1px #efefef;color:#515151;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;height:30px;font: inherit;vertical-align:middle}
.sec-data-process{text-align:center;}
.sec-data-process a{display:inline-block;text-align:center;padding:10px 20px;color:#003366;position:relative;margin:0 0 10px 0;vertical-align:top;}
.sec-data-process a:last-child{border:none}
.sec-data-process a:hover{color:#0033cc}
/*.sec-data-process a .l{position:absolute;width:1px;background:#b6b6b6;height:50px;top:10px;right:-1px}*/
.sec-data-process a i{display:block;font-size:35px;margin-bottom:5px}
.sec-data-process a span{position:absolute;right:12px;top:1px;display:block;background:#ff0000;color:#fff;padding:1px 7px 3px 7px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 15px;font-size:11px;min-width:5px}

.sec-data-process a.sdp-unsuccess{color:#ff6600}
.sec-data-process a.sdp-unsuccess:hover{color:#ff0000}
.sec-data-process a.sdp-unsuccess span{background:#ff6600;}

.sec-data-process a.sdp-success{color:#009966}
.sec-data-process a.sdp-success:hover{color:#006600}
.sec-data-process a.sdp-success span{background:#009966;}

.sec-data-process a.sdp-cancle{color:#ff6464}
.sec-data-process a.sdp-cancle:hover{color:#ff0000}
.sec-data-process a.inactive,.sec-data-process a.inactive:hover{cursor:default;color:#b6b6b6}

.box-process{display:inline-block;border:solid 1px #f8f8f8;vertical-align:top;padding:10px;margin:0 5px 10px 5px;
moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.box-process a{margin:0}
.sec-data-process .p0{position:absolute;left:0;width:100%;font-size:12px}



.card{background:#fff;border:1px solid #dddddd;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;margin-bottom:10px}
.card-header{background:#d5eaff;color:#006ad5;padding:10px 0}
.card .card-header h2{padding:0 10px}
.card-body{padding:10px;height:auto }
.div-chart1-mn{padding:5px 10px;}
.div-chart1-mn input,.div-chart1-mn select{border:solid 1px #efefef;color:#515151}
.dashboard-loading{position:absolute;top:50%;display:block;text-align:center;z-index:2;width:100%;display:none;left:0}
.dashboard-warning{position:absolute;top:50%;text-align:center;width:100%;display:none;left:0}

.sec-chart2{}
.sec-chart2:after{clear:both;content:'';display:block}
.sec-chart2 .sec-chart2-content{float:left;margin:10px 5px;height:100%;width: -moz-calc(33.33% - 10px);width: -webkit-calc(33.33% - 10px);width: calc(33.33% - 10px);}
.sec-chart2 .sec-chart2-content:first-child{margin-left:0;margin-right:10px}
.sec-chart2 > div.sec-chart2-content:last-child {margin-left:10px;margin-right:0}

.sec-chart2 .div-vote i{font-size:30px}
.sec-chart2 .sec-chart2-content2{height:230px}
.sec-chart2  .percent{height:40px;width:80px;background:#0066ff;color:#fff;text-align:center;font-size:20px;margin:20px auto;padding:20px 0;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}

 .fa-half{position:relative;}
 .fa-half i{position:absolute;left:0;top:0;}
.div-vote .fa{color:#999999}
.div-vote .fa1{color:#009900}
.div-vote .fa-half{color:#999999}
.div-vote .fa-half i{color:#009900}
.sec-chart2-content3 .card{min-height:510px;}

.sec-chart3{}
.sec-chart3:after{content:'';display:block;clear:both}
.sec-chart3-content{float:left;width: -moz-calc(50% - 10px);width: -webkit-calc(50% - 10px);width: calc(50% - 10px);margin-top:10px}
.sec-chart3 div.sec-chart3-content:first-child{margin-right:10px}
.sec-chart3 div.sec-chart3-content:last-child{margin-left:10px}
.sec-chart4{margin:10px 0}



.progress {width:100%;height:15px;border:1px solid #8ad9ff;position:relative;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.progress:after {content:'';position:absolute;background:#8ad9ff;top:0; bottom:0;left:0; width:50%;}
.progress span{position:absolute;right:8px;top:0px;font-size:10px;color:#242424}
.progress1{border-color:#009900}
.progress1:after{background:#009900}
.progress2{border-color:#ff9900}
.progress2:after{background:#ff9900}
.progress3{border-color:#ffcc00}
.progress3:after{background:#ffcc00}
.progress_list{padding:5px 0}
.progress_list .right{font-weight:700}

.tbl_listc{border-collapse:collapse;width:100%}
.tbl_listc th,.tbl_listc td{border-bottom:solid 1px #c9c9c9;padding:10px 5px;text-align:left}
.tbl_listc tbody tr:nth-child(even){background:#fcfcfc}

.frm_search input,.frm_search select{margin:5px 0;}
.frm_search input[type=text],.frm_search select{width:150px}
#hpl-search-advance{display:inline-block}

.min-h-200{min-height:200px}
.data_date{color:#9e9e9e;font-size:11px;font-weight:normal}

.div-inner-tbl h3{font-size:20px}


.div-dashboard-mod h2{color:#3d0079}
.div-dashboard-mod .card-header{background:#ebd7ff}


.div-dashboard-total{}
.div-dashboard-total .inner{display:block;padding:13px 10px;margin-bottom:10px;background:#efefef}
.div-dashboard-total div.inner:last-child{margin-bottom:0}
/*
.div-dashboard-total div.inner:nth-child(1){background:#009900;color:#fff}
*/
.div-dashboard-total .icon{display:inline-block;
vertical-align:top;margin-right:10px;background:#fff;width:40px;height:40px;border-radius:50%;text-align:center}
.div-dashboard-total .icon i{text-align:center;font-size:20px;padding-top:10px;color:#939393}
.div-dashboard-total .d{display:inline-block}
.div-dashboard-total .d p{padding:0}
.div-dashboard-total .d{color:#939393;font-size:17px}
.div-dashboard-total .d .n{color:#1f1f1f;font-size:30px;font-weight:700;line-height:30px;text-align:left}
.div-dashboard-total .d .t{}
.div-dashboard-total.div-dashboard-total4{}
.div-dashboard-total4 .inner{padding:6px 7px}
.div-dashboard-total4 .icon{width:30px;height:30px}
.div-dashboard-total4 .icon i{font-size:18px;padding-top:6px}
.div-dashboard-total4 .d{font-size:15px}
.div-dashboard-total4 .d .n{font-size:28px;line-height:25px}
@media(max-width:1280px){
	.bbstep8 .bbstep{width:60px}
	.bbstep8 .bbstep  .n{width:30px;height:20px;padding:5px 0;font-size:14px}
	.bbstep8 .bbstep  .d{font-size:12px}
	.bbstep8 .bbstep .bbstep-line{top:15px}
	.col-50 .input-fullname .w-20p,.col-50 .input-fullname .w-40p{width:100% !important;border:solid 1px #dddddd;-moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;margin-bottom:5px}
	/*.sec-chart2 .sec-chart2-content{width: -moz-calc(50% - 10px);width: -webkit-calc(50% - 10px);width: calc(50% - 10px);}
	.sec-chart2 .sec-chart2-content:first-child{margin-left:0;margin-right:0}
	.sec-chart2 > div.sec-chart2-content:last-child{margin-left:0;margin-right:0}
	.sec-chart2 > div.sec-chart2-content:nth-child(odd){margin-left:0;margin-right:10px}
	.sec-chart2 > div.sec-chart2-content:nth-child(even){margin-left:10px;margin-right:0}*/

}
@media(max-width:1190px){

	
	
}
@media(max-width:960px){
	

	.bbstep8 .bbstep{width:80px}
	.bbstep8 .bbstep  .n{width:50px;height:22px;padding:14px 0;font-size:14px}
	.bbstep8 .bbstep  .d{font-size:14px}
	.bbstep8 .bbstep .bbstep-line{top:22px}

	.bbstep6 .bbstep{width:60px}
	.bbstep6 .bbstep  .n{width:30px;height:20px;padding:5px 0;font-size:14px}
	.bbstep6 .bbstep  .d{font-size:12px}
	.bbstep6 .bbstep .bbstep-line{top:15px}
	.col-50 .input-fullname  .input-1{-moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
	-moz-border-top-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0;-moz-border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0;
	border-right:none}
	.col-50 .input-fullname  .input-2{-moz-border-radius: 5px; -webkit-left-radius: 5px;border-radius:0}
	.col-50 .input-fullname  .input-3{
	-moz-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0;
	-moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
	-moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;-moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;border-left:none}
	.col-right{margin-left:0}
	.col-50 .input-fullname .w-20p{width:20% !important}
	.col-50 .input-fullname .w-40p{width:40% !important}
	

	.parent-half2 .div-half {float:none;width:100% !important;}
	.parent-half2 .div-half:nth-child(even){float:none;width:100% !important;}

	
}
@media(max-width:842px){
	.bbstep8 .bbstep{width:70px}

}
@media(max-width:820px){
	.bbstep8 .bbstep{width:70px}
	.col-50 .input-fullname .w-20p,.col-50 .input-fullname .w-40p{width:100% !important;border:solid 1px #dddddd;-moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;margin-bottom:5px}
	.div-tbl .div-tbl-content{float:none;width:100% !important;padding-bottom:10px}
	.div-tbl .div-tbl-manage{float:none;width:100% !important}
	.div-tbl-manage .div-tbl-m2{width:100% !important;}
		.div-half {float:none;width:100% !important;}
	.parent-half .div-half:nth-child(even){float:none;width:100% !important;}

	.sec-chart2 .sec-chart2-content{width:100%;padding:0;}
	.sec-chart2 > div.sec-chart2-content:nth-child(odd){margin-left:0;margin-right:0}
	.sec-chart2 > div.sec-chart2-content:nth-child(even){margin-left:0;margin-right:0}
	.sec-chart2-content3 .card{min-height:auto}
}
@media(max-width:720px){
	.bbstep8 .bbstep{width:60px}
	
	.sec-chart3-content{float:none;width:100%}
	.sec-chart3 div.sec-chart3-content:first-child{margin-right:0}
	.sec-chart3 div.sec-chart3-content:last-child{margin-left:0}

	
}
@media(max-width:600px){
	
	.bbstep8 .bbstep{width:30px}
	.bbstep8 .bbstep  .n{width:30px;height:20px;padding:5px 0;font-size:14px}
	.bbstep8 .bbstep .d{display:none}
	.bbstep8 .bbstep .bbstep-line{top:15px}

	.bbstep6 .bbstep{width:30px}
	.bbstep6 .bbstep .d{display:none}
	.btn-l{padding:10px 30px;font-size:16px}
	.input-fullname .w-20p, .input-fullname .w-40p{width:100% !important;border:solid 1px #dddddd;-moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;margin-bottom:5px}
	

}