@import url(http://fonts.googleapis.com/css?family=Roboto);
@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;
}
@font-face {
    font-family: 'captcha';
    src: url('fonts/captcha-webfont.woff2') format('woff2'),
         url('fonts/captcha-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
    color:#000000;
    font-family: sans-serif;
    margin: 0px;
    font-size:14px;
    background:#EFEFEF !important;	
	min-width:1366px;
}
.left{float: left;}
.right{float:right;}
h1,h2,h3,h4{margin:0px; padding:0px; font-family: 'TwCenMT';}
red{color:#F00; font-weight:bold;}
green{color:#090; font-weight:bold;}
.red{color:#F00; font-weight:bold;}
.green{color:#090; font-weight:bold;}
.header{height:50px; position:fixed; background:#007AAE;  right:0px; left:0px; z-index:1; border-bottom:#007AAE inset 1px; box-sizing:border-box; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.header .logo{float:left; width:280px; height:50px; background:#fefefe; font-size:25px; color:#0070C0; line-height:50px; padding-left:5px; box-sizing:border-box;}
.header .title{font-family:'TwCenMT'; float:left;height:50px;color:#fff; font-size:20px; text-transform:uppercase; line-height:50px; padding-left:20px; overflow:hidden;}
.sticky{clear:both; height:70px;}
.qual_web{display:block;}
.qual_mob{display:none;}
.visible_true{display:block;}
.visible_false{display:none;}

/**************Table**************/
.frmtable {border-collapse: collapse; border-spacing:0; width:100%;}
.frmtable td,
.frmtable th{vertical-align:top; padding-left:5px;}
/*.frmtable tr:nth-child(even) { background-color: #f2f2f2;}*/
/**************Table**************/

/**************gridiew**********************/
.pure-table {border-collapse: collapse; border-spacing:0; empty-cells: show; border: 1px solid #cbcbcb;	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 #cbcbcb; 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;}

.grtablenav{background:none;padding:2px 3px;color:#fff !important;	font-family:'Helvetica Neue',sans-serif;font-size:17px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;	 cursor:pointer; text-decoration:none;}
.red{background:#B21016; border:1px solid #B21016;}
.green{background:#138535; border:1px solid #138535;}
.blue{background:#007AAE; border:1px solid #007AAE;}

#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**********************/

.sidenav{display:block; width:280px; background:#FFF;float:left;font-family: 'Roboto', sans-serif;position:fixed; bottom:0; left:0; top:50px; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.sidenav li{list-style: none; width:100%;}
.sidenav li a{display: block;position:relative;margin: 0;border: 0px;padding:6px 20px 6px 12px;text-decoration: none;font-size: 15px;font-weight:300;color:#272727; cursor:pointer; border-bottom: 1px solid #D9D9D9; line-height:20px;}
.sidenav li a i{color:#fff; font-size:18px; background:#00A2E8; border-radius:100%; margin-right:20px; box-sizing:border-box; width:30px; height:30px; 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;}

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

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

.active{background:#F2F2F2 !important;}
.active i{background:#A349A4 !important;}

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

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

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

/*****************panel*************************/
.panel{height:auto; width:95%; background:#fff; height:auto; overflow:hidden; margin:0 auto;-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);   -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); min-height:250px; border-bottom:#0B87E0 solid 4px; padding:10px 0px; box-sizing:border-box;}
.panel .pgtitle {font-family: 'TwCenMT'; color:#0B87E0;border-bottom:1px inset #D9D9D9;padding:3px 20px;font-size:23px; margin-bottom:10px; line-height:30px;}
.panel .pgtitle i{margin-right:10px; color:#0B87E0; font-size:20px;}
.panel .pgtitle a{float:right; padding:0 10px; display:block; background:#ccc; color:#00F; text-decoration:none; border-radius:2px;}
.panel .pgtitle a i{margin-right:5px; color:#00B9F5; text-transform:none;}
.panel .pgtitle span{color:#F00; font-weight:bold; float:right; font-size:15px;}
.panel .main{width:100%; padding:0px 20px; box-sizing:border-box;}

.panel .main label{clear:both; color:#161616 !important;font-weight:normal;}
.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:2px 5px; line-height:30px; border: solid 1px #ccc; box-sizing:border-box; margin-bottom:12px;}
.panel .main .input:focus{border:#00A2E8 solid 1px;}

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

.input3{color:#000; background:#fff; outline:none; padding:2px 5px; line-height:30px; border: solid 1px #ccc; box-sizing:border-box; margin-bottom:0px; text-align:center;}
.input3: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 #ccc; box-sizing:border-box; height:35px; 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
}

input [type="radio"]{
background:#FEFEFE;
border-radius: 1px;
box-sizing: border-box;
position: relative;
box-sizing: content-box ;
width:18px;
height:18px;
border:#000 solid 1px;
margin-right:10px;
vertical-align:text-top; margin-right:5px; line-height:12pt;
}


.small_btn{border:#000 solid 1px; padding:4px; background:none;}
.small_btn i{font-size:25px;}

.disable{cursor:not-allowed; background:#D9D9D9 !important;}

.captcha{height:auto; border:#000 solid 1px; font-family:'captcha'; background:url(captcha.png) left top repeat; line-height:50px; text-align:center; font-size:40px; color:#000;-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:10px;}
.form350{width:350px !important;}
.form_col1{margin:0px;}
.form_col2 {margin-left:40px;}
.form_700{width:700px !important; margin:0 auto;}
.form_740{width:740px !important; margin:0px;}




.valid_fail{color:#F00; margin-left:0px; float:right;}
.modalPopup{position:fixed; top:0; bottom:0; left:0; right:0; z-index:9; overflow:hidden; background:rgba(0, 0, 0, 0.7);}
.divproc{width:150px; height:150px; 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{width:100%; height:100%;}
.popup_form{width:400px; margin:15% auto; min-height:100px; background:#fff; border-radius:0 0 5px 5px;}
.popup_form .title{font-family: 'TwCenMT'; color:#0B87E0;border-bottom:1px inset #D9D9D9;padding-left:5px;font-size:23px; margin-bottom:10px; line-height:30px;}
.popup_form .main{padding:10px; box-sizing:border-box;}
.popup_form .ftoor{border-top:1px solid #D9D9D9; padding:2px 8px; text-align:right; height:auto; overflow:hidden;}
.popup_form .bttn{float:right;}
.popup_form .main .input{width:100%;color:#000; background:none; outline:none; padding:2px 5px; line-height:30px; border: solid 1px #ccc; box-sizing:border-box; margin-bottom:12px;}
.popup_form .main .input:focus{border:#00A2E8 solid 1px;}

/*****************panel*************************/


@media screen and (max-width: 768px) {
	
	body {
    color:#000000;
    font-family: sans-serif;
    margin: 0px;
    font-size:14px;
    background:#EFEFEF !important;	
	min-width:0;
}

.left{float: none;}
.right{float: none;}
.header{height:auto; overflow:hidden; position:relative; background:#FFF;border-bottom:#007AAE inset 1px; box-sizing:border-box;}
.sticky{clear:both; height:10px;}
.header .logo{float:none; display:none;}
.header .title{margin:0px; height:auto; color:#007AAE; font-size:18px; text-transform:uppercase; line-height:35px; text-align:center; float:none;}
.contet_panel{margin:0px; width:100%; height:auto; overflow:hidden;}
.qual_web{display:none;}
.qual_mob{display:block;}

.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:8px 20px 8px 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:30px; height:30px; text-align:center; line-height:35px;}
.sidenav li a:hover {background:#F2F2F2; color:#272727;}
.mobnav{display:block;width:100%; height:auto; background:#0063AF; overflow:hidden;}
.mobnav a{float:right;}
.mobnav span{color:#fff; font-size:20px; line-height:45px; padding-left:30px;}

.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_Y{background:#F2F2F2 url(done.png) 95% center no-repeat !important;}
.active i{background:#A349A4 !important;}
.active_Y i{background:#A349A4 !important;}


/*****************panel*************************/
.panel{height:auto; width:95%; background:#fff; height:auto; overflow:hidden; margin:0 auto;-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);   -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); min-height:250px; border-bottom:#0B87E0 solid 4px; padding:10px 0px; box-sizing:border-box;}
.panel .pgtitle {font-family: 'TwCenMT'; color:#0B87E0;border-bottom:1px inset #D9D9D9;padding:3px 5px;font-size:20px; margin-bottom:10px; line-height:25px; height:auto; overflow:hidden;}
.panel .pgtitle i{margin-right:5px; color:#0B87E0; font-size:20px;}
.panel .pgtitle a{float:right; padding:0 5px; display:block; background:#ccc !important; color:#00F; text-decoration:none; border-radius:2px; height:auto; overflow:hidden;}
.panel .pgtitle a i{margin-right:5px; color:#00B9F5; text-transform:none;}
.panel .pgtitle span{color:#F00; font-weight:bold; float:right; font-size:15px;}
.panel .main{width:100%; padding:0px 20px; box-sizing:border-box;}

.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;}

.modalPopup{position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999; overflow:hidden; background:rgba(0, 0, 0, 0.7);}
.divproc{width:150px; height:150px; 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{width:100%; height:100%;}
/*****************panel*************************/


}