@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'TwCenMT';
    src: url('fonts/TwCenMT-Regular.eot');
    src: url('fonts/TwCenMT-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/TwCenMT-Regular.woff2') format('woff2'),
        url('fonts/TwCenMT-Regular.woff') format('woff'),
        url('fonts/TwCenMT-Regular.ttf') format('truetype'),
        url('fonts/TwCenMT-Regular.svg#TwCenMT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
    color: #595959;
    font-family: sans-serif;
    margin: 0px;
    font-size:14px;
    background:#F2F2F2;
}
.watermark1{display:none;}
.watermark2{display:none;}
img{border:none;}
.centhead{text-align:center !important; line-height:15pt !important;}
a{text-decoration:none; color:#000;}
h1,h2,h3,h4,h5{letter-spacing:1px; font-family: 'TwCenMT';}
h1 {font-size:24px;font-weight:normal;color:#000; letter-spacing:-1px; margin:0px; padding:0px;}
h2 {font-size:30px;font-weight:normal;color:#F69223;}
h3 {font-size:25px;font-weight:normal;color:#0674B7;margin-bottom:12px}
h4 {font-size:40px;font-weight:normal;color:#000;letter-spacing:-1px;margin-bottom:12px}
h1 i{font-size:25px; color:#F00; margin-right:15px;}
h5 {font-size:18px;font-weight:normal;color:#000;}
.ptext{margin:0px; padding:10px; border:none; text-align:justify;}
.wrapper {height:auto; padding:10px; z-index:99999999999;}
.deny{width:704px; height:335px; overflow:hidden; margin:0 auto; background:url(denied.png) center no-repeat; box-shadow: 0 2px 3px rgba(0,0,0,0.1); text-align:center;}
.deny a{text-decoration:none; color:#FF0000;}
.cpr{text-align:center; display:none;}
.clear2{clear:both; height:10px;}
.clear{clear:both; height:20px;}
.row{width:100%; height:auto; overflow:hidden;}
required{color:#F00; font-weight:bold; font-size:20px; }
.hidden{display:none;}
.wrapper_1200{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.col70{width:70% !important;}
.col50{width:50% !important;}
.col45{width:45% !important;}
.col40{width:40% !important;}
.col35{width:35% !important;}
.col25{width:25% !important;}
.left{float:left !important;}
.right{float:right !important;}
red{color:#F00; font-weight:bold;}
green{color:#090; font-weight:bold;}
a{text-decoration:none;}
a:hover{text-decoration:none;}

/**************Out header & footer*******************/

/***********navigation bar**************/
.cp{height:auto; position:fixed; width:240px; border-right:#0070C0 solid 4px; overflow:hidden;text-align:center; padding:0px; border-radius:0px; background:#0070C0; border-bottom:#0070C0 solid 2px; height:78px; font-size:20px; background:#0070C0; color:#fff; line-height:35px;}
.cp p{margin:0px; padding:0px; border-top:#0070C0 solid 1px; font-size:15px; color:#111; line-height:35px; background:#0070C0;}
.navwrap{}
.navwrap .navar{position:fixed; width:240px; height:auto; left:0; top:78px; bottom:0; background:#FFF;}

.navwrap .user{height:auto; overflow:hidden;text-align:center; padding:10px 0px; background:#fff; border-bottom:#0070C0 solid 1px;}
.navwrap .user img{border-radius:100%; width:90px; height:auto; border:#0070C0 solid 1px; margin-top:10px; padding:5px;}
.navwrap .user  p{padding:0px; margin:0px; color:#000; font-size:17px; line-height:30px;}
.navwrap .user .set{width:100%; margin-bottom:8px;}
.navwrap .user .set a{padding:5px 10px; background:#F00; color:#fff; line-height:30px; border-radius:4px;}
.navwrap .user .set a i{font-size:15px; color:#fff; margin-right:7px;}
.navwrap .user .set a:hover{background:#A80F15;}


.otlink{line-height:50px;cursor:pointer; color:#111; padding-left:10px;  border-bottom: 1px solid #111; display:block; text-decoration:none;}
.otlink i{color:#595959; width:30px;}
.otlink:hover{background:#F2F2F2; color:#111;}

.highlink{line-height:50px;cursor:pointer; background:#00A2E8; color:#fff; padding-left:10px;  border-bottom: 1px solid #111; display:block; text-decoration:none;}
.highlink i{color:#fff; width:30px;}
.highlink:hover{background:#007AAE; color:#fff;}


.accordion { width:100%; overflow:hidden; margin:auto; background:#FFF;}
.accordion .item .heading{line-height: 50px;cursor: pointer; color:#111; padding-left:10px; background:#FFF url(right-arrow.png) no-repeat; background-position: right 20px center; border-bottom: 1px solid #111;  box-sizing: border-box; }

.accordion .item .heading i{width:30px; color:#595959;}

.accordion .item .heading:hover{background:#f2f2f2 url(right-arrow.png) no-repeat; background-position: right 20px center; color:#111;}
.accordion .item.open .heading{color:#111; background:#f2f2f2 url(down-arrow.png) no-repeat; background-position: right 20px center;}
.accordion .item:last-child .heading {border-bottom: 1px solid #3D093E;}

.accordion .item .content{display:none; background:#F6F6F6;}
.accordion .item .content a{display:block; line-height:40px; text-decoration:none; padding-left:20px; color:#111; border-bottom: 1px solid #3D093E;}
.accordion .item .content a i{margin-right:10px; color:#595959;}
.accordion .item .content a:hover{background:#f2f2f2;}
.accordion .item .content a:last-child{}

.scrollbar{width:100%;height:auto;overflow-y:scroll;}
#ex4::-webkit-scrollbar{width:4px;background-color:#0070C0;}
#ex4::-webkit-scrollbar-thumb{background-color:#DAAADB;}
#ex4::-webkit-scrollbar-track{}
/***********navigation bar**************/

/*******dashboard report***************/
.dashboard{overflow:hidden; height:90px; text-align:center;float:left; background:#fff; margin-left:10px; margin-bottom:10px;}
.dashboard p{margin:0px; padding:0px; background:#D9D9D9; line-height:30px;}
.dashboard span{font-size:40px; font-weight:bold; line-height:60px;}

.dashboard .left{float:left; width:80px; }
.dashboard .left a{color:#fff !important; padding-top:10px; line-height:35px; display:block;}
.dashboard .left a p{padding:0px; margin:0px; text-align:center; border-top:#fff solid 1px; background:none !important;}
.dashboard .left i{font-size:50px; color:#fff; margin-bottom:3px;}

.db5col{width:19% !important;}
.db4col{width:24% !important;}
.db3col{width:32% !important;}
/*******dashboard report***************/


/********input panel**************/
.panel{width:98%; background:#FFF url(panel.png) left top repeat-x; height:auto; border-bottom:#0070C0 solid 5px; padding-bottom:10px; margin:10px auto;}

.panel .title{width:100%; height:35px; font-size:18px; background:#0070C0; color:#FFF; font-weight:normal;letter-spacing:-1px; margin:0px; padding:0px; line-height:35px; letter-spacing:1px; font-family: 'TwCenMT';}
.panel .title i{margin-right:10px; margin-left:10px; color:#fff; font-size:18px;}
.panel .title a{float:right;margin-right:10px; font-size:18px; background:#fff; color:#000; display:block; height:25px; line-height:20px; padding:0 5px; letter-spacing:1px; border:#cccccc solid 1px; line-height:25px; margin-top:3px;}
.panel .title a i{font-size:16px; padding:0px; margin:0px; margin-right:5px; color:#000;}
.panel .main{width:100%; height:auto; overflow:hidden; padding:10px; min-height:100px !important;}

.panel .main label{clear:both; color:#272727 !important; line-height:30px; font-weight:normal; color:#803A0A !important;}
.panel .main label span{color:#F00; font-weight:bold; font-size:20px; vertical-align:bottom;}

.panel .main .input{width:100%;color:#000; background:none; outline:none; padding:1px 5px; line-height:30px; border: solid 1px #aaa; box-sizing:border-box; margin-bottom:12px;}
.panel .main .input:focus{border:#00A2E8 solid 1px;}

.panel .main .input2{width:100%;color:#000; background:none; outline:none; padding:1px 5px; line-height:30px; border: solid 1px #aaa; box-sizing:border-box;}
.panel .main .input2:focus{border:#00A2E8 solid 1px;}

.panel .main .select{width:100%;color:#000; background:#fff; outline:none; padding:4px 5px; line-height:40px; border:solid 1px #aaa; box-sizing:border-box; height:34px !important; margin-bottom:12px;}
.panel .main .select:focus{border:#00A2E8 solid 1px;}


input[type="checkbox"]{
background:#FEFEFE;
border-radius: 1px;
box-sizing: border-box;
position:relative;
box-sizing: content-box ;
width:18px;
height:18px;
border:#000 solid 1px;
transition: all .3s linear;
float:left;
margin-right:10px;
}

input[type="radio"]{
background:#FEFEFE;
border-radius:1px;
box-sizing: border-box;
position:relative;
box-sizing: content-box ;
width:15px;
height:15px;
border:#000 solid 1px;
transition: all .3s linear;
float:left;
margin-right:7px;
}

.disable{cursor:not-allowed; background:#D9D9D9 !important;}
.captcha{ border:#000 solid 1px; background:url(captcha.png) left top repeat; line-height:35px; text-align:center; font-size:25px; color:#fff;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; letter-spacing:3px;}

.Validators{color:#00F !important;}
.validat{list-style-type:circle;}
.modalPopup{position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999; overflow:hidden; background:rgba(0, 0, 0, 0.7);}
.modalPopup .form{margin:100px auto;}

.mesoverlay {background:rgba(5,41,99,0.7); bottom: 0; left:0; position:fixed;  right: 0;  top: 0;  z-index:2147483647;opacity:1;}
.divproc{width:100px; height:100px; background:#fff; border-radius:3px; text-align:center; overflow:hidden; overflow:hidden; position:relative; margin:20% auto; color:#000; text-transform:uppercase; padding:10px; box-sizing:border-box;}
.divproc img{margin-top:5px;}

.visible_false{display:none;}
.visible_true{display:block;}
.valid_fail{color:#F00; float:right;}

.form350{width:350px !important;}
.form_col1{margin:0px;}
.form_col2 {margin-left:40px;}
.form_col3 {margin-left:40px;}
.form_700{width:700px !important; margin:0 auto;}
.form_740{width:740px !important; margin:0px;}
.form_800{width:800px !important; margin:0px;}
/************input panel**********/

/**************Table**************/
.frmtable {border-collapse: collapse; border-spacing:0; width:100%; border-color:#000; border-width:1px;}
.frmtable td{vertical-align:middle;}
.frmtable th{vertical-align:middle;}
/**************Table**************/



/**************gridiew**********************/
.cvhead{font-size: 18.6667px;color: #0e2cec; text-transform:uppercase; font-weight:bold;}
.pure-table {border-collapse: collapse; border-spacing:0; empty-cells: show; border: 1px solid #000 !important;	width:100%;	background:#FFF url(panel.png) left top repeat-x; border-top:#052963 solid 5px; margin:0px;  }

.pure-table th{border-left:1px solid #000; background-color:#C9EBFA; border-width:1px; font-size:inherit;  padding-left:3px;  margin:0; overflow:visible; line-height:30px;}
.pure-table tr:nth-child(even){background-color: transparent; line-height:28px;}
<!--.pure-table tr:nth-child(even):hover{background:#C9EBFA; }-->
.pure-table tr:nth-child(odd){background-color:#f2f2f2; line-height:28px;}
<!--.pure-table tr:nth-child(odd):hover{background:#C9EBFA;}-->
.pure-table td .check{margin-top:7px;}
.pure-table td:first-child, .pure-table th:first-child {border-left-width: 0;}
.pure-table thead {background-color:#C9EBFA; color:#000; text-align: left; }
.pure-table tfoot {background-color:#C9EBFA;  color: #000; text-align: left; }
.lbzeero{text-align:center; font-size:20px; width:100%; text-align:center; display:block; color:#026437;}
.pure-table a{color:#00F;}

.grtablenav{background:none;padding:2px 3px;}
.grtablenav img{margin-top:0px;}

#tablePagination{background-color: #394A59; color:White;  font-size: medium; padding: 5px 10px; height: 22px;  vertical-align:text-top;}
#tablePagination_paginater{    margin-left: auto;    margin-right: auto;}
#tablePagination img{    padding: 0px 2px;}
#tablePagination_perPage{    float: left;}
#tablePagination_paginater{    float: right;}
/**************gridiew**********************/




/* Password Message box*************/
#message {display:block;  background:#F2F2F2;  color: #000;  position: relative; padding:10px;  margin-top:10px;}
#message p { padding:0px 35px;  font-size:15px;}
.valid {  color: green;}
.valid:before {  position: relative;  left: -35px;  content: "✔";}
.invalid {  color: red;}
.req { color:#06F;}
.invalid:before {  position: relative;  left: -35px;  content: "✖";}
/* Password Message box*************/



/*************denied*****************/
.denied{width:704px; height:335px; margin:0 auto; background:url(denied.png) left top no-repeat;  padding-top:300px; padding-left:40px; box-sizing:border-box;}
.denied p{padding:10 0px; margin:0px; color:#F00; font-size:15px; text-align:center; line-height:25px;}
.denied p a{color:#00F; text-decoration:underline;}

.expired{width:704px; height:379px; margin:0 auto; background:url(session-expired.jpg) left top no-repeat;  padding-top:300px; padding-left:40px; box-sizing:border-box;}
.expired p{padding:10 0px; margin:0px;text-align:right;}
.expired p a{color:#00F; text-decoration:underline;}

/*************denied*****************/






/* @group Base */
.chzn-container {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width:100%;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top:0px;
  left: 0;
  z-index: 1010;
  width:100%;
}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  padding:.4em 1em; 
  background:#ffffff url(arrdw.png) right center no-repeat;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid #aaa;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;  color:#444444;
  text-decoration: none;
  font-size:16px;
}

.chzn-container-single .chzn-default {
  color: #999;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: -42px -10px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url('chosen-sprite.png') no-repeat 0px 2px;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
	background:url(search.png) right center no-repeat;
  margin: 1px 0;
  padding: 6px 20px 6px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  width:100%;
  box-sizing:border-box;
}
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius   : 0 0 4px 4px;
  border-radius        : 0 0 4px 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  font-size:1em;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;

  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 25px;
  padding: 5px 6px;
  margin: 0;
  list-style: none; border-bottom:#ccc solid 1px;
  font-size:16px;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
	background:#ccc;
  color: #000;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url('chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url('chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {

}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -webkit-border-bottom-left-radius : 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft : 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 2px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; }
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
  background: #fff url('chosen-sprite.png') no-repeat -30px -20px;
  background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);  
  background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
.chzn-container-single.chzn-rtl .chzn-single div b {
  background-position: 6px 2px;
}
.chzn-container-single.chzn-rtl .chzn-single-with-drop div b {
  background-position: -12px 2px;
}
/* @end */

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi)  {
  .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
      background-image: url('chosen-sprite@2x.png') !important;
      background-repeat: no-repeat !important;
      background-size: 52px 37px !important;
  }
}
/* @end */


/***************site map***********/
#breadcrumb{
    font:12px Arial, Helvetica, sans-serif;
    background:#ECF0F5; 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
	margin-top:10px;
}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#breadcrumb a
{
    height:30px;
    display:block;
    background-image:url('bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
.home
{
    border:none;
    margin: 8px 0px;
}

#breadcrumb a:hover
{
	color:#35acc5;
}
/***************site map***********/


/**************Out header & footer*******************/

.header{height:120px; width:100%; border-bottom:#0070C0 solid 1px; background:#fff;}
.header .main{width:1200px; margin:0 auto; }
.header .title{width:700px; float:left; }
.header .title img{height:110px; width:auto; margin-top:5px;}
.header .help{float:right; text-align:right; font-size:18px; line-height:40px; color:#0070C0;}
.projname{width:1200px; margin:0 auto; height:auto; overflow:hidden; background:#005174; text-align:left; font-size:17px; color:#fff; line-height:35px; padding-left:10px; box-sizing:border-box;}
.projname a{float:right; margin-right:5px;}
.projname a i{color:#FFC000; font-size:25px; line-height:35px;}
.footer_fix{background:#005174; color:#fff; text-align:center; width:100%; padding-top:5px; padding-bottom:5px; position:fixed; bottom:0; left:0; right:0;}
@media screen and (max-width:768px) {
.wrapper_1200{width:98%; height:auto; margin:0 auto;}
.col70{width:100% !important;}
.col50{width:100% !important;}
.col45{width:100% !important;}
.col40{width:100% !important;}
.col35{width:100% !important;}
.col25{width:100% !important;}
.left{float:none !important;}
.right{float:none !important;}


.footer_fix{background:#005174; color:#fff; text-align:center; position:relative; line-height:28px; width:100%; margin-top:50px;}
.header{height:auto; width:100%; background:#fff;}
.header .main{width:100%; margin:0 auto; }
.header .title{height:auto; width:100%; float:none; border-bottom:#0070C0 solid 1px; text-align:center;}
.header .title img{width:98%; height:auto;}
.header .help{float:none; width:100%; text-align:center; font-size:18px; line-height:25px; color:#0070C0;}
.projname{width:100%; margin:0 auto; height:auto; overflow:hidden; background:#005174; text-align:left; font-size:17px; color:#fff; line-height:35px; padding-left:10px; box-sizing:border-box;}
.projname a{float:right; margin-right:5px;}
.projname a i{color:#FFC000; font-size:25px; line-height:35px;}
}



/***********applicant panel**************/
.header2{height:100px; width:100%; border-bottom:#0070C0 solid 1px; background:#fff; position:fixed; left:0; right:0; top:0;}
.header2 .main{width:100%; margin:0 auto; }
.header2 .title{width:700px; float:left; }
.header2 .title img{height:90px; width:auto; margin-top:5px;}
.header2 .help{float:right; text-align:right; font-size:18px; line-height:35px; color:#0070C0; padding-right:10px;}
.sticky{height:100px; width:100%;}

.sidenav{display:block; width:300px; background:#FFF;float:left;font-family: 'Roboto', sans-serif;position:fixed; bottom:0; left:0; top:100px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); overflow:auto;}
.sidenav li{list-style: none; width:100%;}
.sidenav li a{display: block;position: relative;margin: 0;border: 0px;padding:5px 20px 5px 12px;text-decoration: none;font-size: 15px;font-weight: 300;color:#272727; cursor:pointer; border-bottom: 1px solid #D9D9D9;}
.sidenav li a i{color:#fff; font-size:16px; background:#00A2E8; border-radius:100%; margin-right:20px; box-sizing:border-box; width:25px; height:25px; text-align:center; line-height:25px;}
.sidenav li a:hover {background:#F2F2F2; color:#272727;}
.mobnav{display:none;}
.sidenav .fix{position:absolute; bottom:0; left:0; text-align:center; background:#007AAE; color:#fff;}
.sidenav .fix a{display:inline-block; padding:0px 10px; line-height:30px; color:#fff; background:#007AAE;}
.sidenav .fix a:hover{color:#fff; background:#007AAE;}

.done{background:url(done.png) 95% center no-repeat !important;}
.done:hover{background:#F2F2F2 url(done.png) 95% center no-repeat !important;}

.active{background:#F2F2F2 !important;}
.active_done{background:#F2F2F2 url(done.png) 95% center no-repeat !important;}
.active i{background:#A349A4 !important;}
.active_done i{background:#A349A4 !important;}

.contet_panel{margin-left:310px; height:auto; overflow:hidden;}

.projname2{width:100%; margin:0 auto; height:auto; overflow:hidden; background:#005174; text-align:left; font-size:17px; color:#fff; line-height:35px; padding-left:10px; box-sizing:border-box;}
.projname2 a{float:right; color:#fff; line-height:35px; display:block; padding:0 10px; background:#0070C0; border-left:#f2f2f2 solid 1px;}
.projname2 a i{color:#FFC000; font-size:18px; margin-right:10px; margin-top:5px;}

/***********applicant panel**************/

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

.header2{height:auto; width:100%; background:#fff; position:relative; bottom:0; left:0; top:0px;}
.header2 .main{width:100%; margin:0 auto; }
.header2 .title{height:auto; width:100%; float:none; border-bottom:#0070C0 solid 1px; text-align:center;}
.header2 .title img{width:98%; height:auto;}
.header2 .help{float:none; width:100%; text-align:center; font-size:18px; line-height:25px; color:#0070C0;}
.sticky{height:0px; width:100%; display:none;}

.contet_panel{margin:0px; width:100%; height:auto; overflow:hidden;}

.sidenav{display:none; width:100%; background:#FFF;float:none;font-family:'Roboto', sans-serif;position:relative; bottom:0; left:0; top:0px;}
.sidenav li{list-style: none; width:100%;}
.sidenav li a{display: block;position: relative;margin: 0;border: 0px;padding: 10px 20px 10px 12px;text-decoration: none;font-size: 15px;font-weight: 300;color:#272727; cursor:pointer; border-bottom: 1px solid #D9D9D9;}
.sidenav li a i{color:#fff; font-size:18px; background:#00A2E8; border-radius:100%; margin-right:20px; box-sizing:border-box; width:25px; height:25px; text-align:center; line-height:25px;}
.sidenav li a:hover {background:#F2F2F2; color:#272727;}
.mobnav{display:block;width:100%; height:auto; background:#0063AF; overflow:hidden;}
.mobnav a{float:right;}
.mobnav a img{height:30px; width:auto;}
.mobnav span{color:#fff; font-size:20px; line-height:30px; padding-left:5px;}


.done{background:url(done.png) 95% center no-repeat !important;}
.done:hover{background:#F2F2F2 url(done.png) 95% center no-repeat !important;}

.active{background:#F2F2F2 !important;}
.active_done{background:#F2F2F2 url(done.png) 95% center no-repeat !important;}
.active i{background:#A349A4 !important;}
.active_done i{background:#A349A4 !important;}

.form350{width:100% !important; clear:both;}
.form_col1{margin: 0px;}
.form_col2 {margin: 0px;}
.form_700{width:100% !important; clear:both;}
.form_740{width:100% !important; clear:both;}
.form_800{width:100% !important; clear:both;}

}