@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
form{width:100%;margin:0;padding:0;}
div.logoinside_str{
 float:right;
 font-size:20px;
 line-height:25px;
}
div.subtitle{
	text-align:left:
	font-weight:bolder;
	font-size:16px;
	background-color:navy;
	color:white;
	padding:3px;
}
div.error_page{
	margin:20px;
	width:600px;
	padding:10px;
	font-size:18px;
	border:2px solid red;
	background-color:white;
}
div.ERROR_ANNOUNCE{
	font-weight: bolder;
	color: #c00;
	font-size:20px;
	padding:10px;
	width:500px;
	text-align:left;
	background-color:lightyellow;
}

div.ERROR_ANNOUNCE_oprtMNG{
	font-weight: bolder;
	color: #c00;
	font-size:20px;
	margin:20px;
	text-align:left;
	line-height:25px;
	background-color:lightyellow;
}



.oddorevn0{
	background-color:#fafafa;

}
.oddorevn1{
	background-color:#efefef;

}

div.just_info{
	margin:0px 0px 20px 0px;
	padding:15px;
	width:630px;
	border:1px solid silver;
	text-align:left;
	background-color:white;
}
input.compo_inputRight{
	text-align:right;
	padding-right:1px;
}

div.header_footerbox{
	padding: 0px;
	background-color:silver;
	position:relative;
	height:50px;
	width:477px;
}
div.qrcode{
	margin:10px;
	border:1px solid gray;
	padding:10px;
	vertical-align:middle;
	text-align:center;
}
.big_btn{
	font-size:20px;
	font-weight:bolder;
}
p.enq_intro{
	margin: 20px 0px;
	background-color: silver;
	color:black;
	width:680px;
	padding: 5px 10px;
	font-weight:bolder;
}
.hide_on_load{
/*	visibility:hidden  */
}
div.registform_logo{
	background: none; 
	margin:0;
	padding:0;
	text-align:center;
	height:112px;
}
div.registform_logo img{
	height:112px;
	margin:0px auto;
	width:700px;
}
#footerContent{
	font-family: 'Didact Gothic',sans-serif;
	font-size:14px;
	color:white;
}
#copyright{
	display:inline;
	margin-left:150px;
}
#notification{
	display:inline;
	color:white;
	margin-left:200px;
}

div.q1_user{
		font-size:14px;
	    margin: 10px 0px 10px 20px;
        background-color: rgba(255, 68, 85, 0.15);
}
div.q1_maker{
		font-size:14px;
	    margin: 10px 0px 10px 20px;
        background-color:rgba(20, 197, 237, 0.15);
}
div.q1_dealer{
		font-size:14px;
	    margin: 10px 0px 10px 20px;
        background-color: rgba(138, 43, 226, 0.15);
}
div.q1_other{
		font-size:14px;
	    margin: 10px 0px 10px 20px;
        background-color:rgba(255, 255, 255, 1);
        border: 1px solid #dbdbdb;
}
ul.q1ul{
 margin:0;
 padding:0 0 0 20px;
 width:100%;
 list-style-type:none;
}
li.q1class{
 font-size:0.9em;
 width:160px;
 margin:0;
 padding:0;
 display:inline-block;
}
tr.q2tr{
 background-color:#efefef;
}
td.q2td_l{
 padding: 2px 0px 2px 20px;
 width:30%;
 background-color:#e0e0e0;
}
td.q2td_r{
 padding: 2px 0px 2px 5px;
 width:70%;
 background-color:#fff;
}
#q2table{
	border:1px solid white;
	width:600px;
	margin: 0px 0px 0px 50px;
}
div.q3div{
 padding:0px 0px 0px 0px;
 margin:0px;
}
ul.q3ul{
 margin:0;
 padding:0 0 0 5px;
 width:100%;
 list-style-type:none;
}
li.q3class{
 width:160px;
 display:inline-block;
}
li.q3classLong{
 width:400px;
 display:inline-block;
}

div.q4div{
 padding:0px 0px 0px 0px;
 margin:0px;
}
ul.q4ul{
 margin:0;
 padding:0 0 0 5px;
 width:100%;
 list-style-type:none;
}
li.q4class{
 width:120px;
 display:inline-block;
}
div.q6_g1{
		font-weight:bold;
		font-size:14px;
	    margin: 10px 0px 10px 20px;
	    padding-left:20px;
        background-color:rgba(220, 194, 122, 0.26);
        
}
div.q6_g2{
		font-weight:bold;
		font-size:14px;
	    margin: 10px 0px 10px 20px;
	    padding-left:20px;
        background-color:rgba(191, 243, 185, 0.32);
}
div.q6_g3{
		font-weight:bold;
		font-size:14px;
	    margin: 10px 0px 10px 20px;
	    padding-left:20px;
        background-color:rgba(157, 206, 112, 0.26);
}
div.q6_g4{
		font-weight:bold;
		font-size:14px;
	    margin: 10px 0px 10px 20px;
	    padding-left:20px;
        background-color:rgba(191, 185, 243, 0.32);
}

ul.q6ul{
 margin:0;
 padding:0 0 0 20px;
 width:100%;
 list-style-type:none;
}
li.q6class{
 font-weight:normal;
 font-size:0.9em;
 width:400px;
// display:inline-block;
}
#onformloaderq1user{
 font-size:12px;
 font-wight:normal;
}


#main_div{
	width:100%;
    margin: 0 auto;
    position: relative;
    min-height: 100vh;
    padding: 0;
}
.formSize700{
	max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
#footerContent{
	background: #076191;
    border-right: 0px;
    position: absolute;
	bottom: 0;
	width: 99.9%;
	margin: 0;
	padding: 0;
}
.h1_mainTitle{
	font-size: 20px;
    padding: 1rem 10px;
    border-left: 4px solid #076191;
    margin: 40px auto 25px auto;
    text-align: left;
    line-height: 7px;
}
.disp_flex_ar{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.button_sty {
    max-width: 230px;
    width: 100%;
    font-size: large;
    padding: 10px 0;
    border-radius: 5px;
    margin-bottom: 15px;
    background: #d6e2fa;
}
.button_sty:hover{
	cursor: pointer;
    background: #2b4f9a;
    color: white;
}
.button_sty_y {
    max-width: 230px;
    width: 100%;
    font-size: large;
    padding: 10px 0;
    border-radius: 5px;
    margin-bottom: 15px;
    background: #fff272;
}
.button_sty_y:hover{
	cursor: pointer;
    background: #ff8e53;
    color: white;
}



.login_btn{
	background: #076191;
    color: white;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 1.3em;
    font-weight: bold;
}
.login_btn:hover{
	cursor: pointer;
    background: #9bc8e0;
}
.tbl_border , .tbl_border td , .tbl_border th{
	border-collapse: collapse;
    border:1px solid #333;
}
.tbl_border{
	max-width: 700px;
    width: 100%;
    margin: 0 auto;
    line-height: 25px;
}
.appInfo td{
	padding-left:10px;
}
	
@media print {
  .appInfo td:nth-of-type(1){
	min-width: 160px;
}
}	
	
	
.appInfo td:nth-of-type(1){
	width: 24%;
	background: #edf4f7;
}
.smnInfo th{
	background: #fffaca;
}
.smnInfo td:nth-of-type(1){
	width: 20%;
    text-align: center;
}
.smnInfo td:nth-of-type(2){
	width: 15%;
	text-align:center;
}
.smnInfo td:nth-of-type(3){
	padding:0 10px;
}