body{margin: 10px; padding: 10px; list-style: none;}
ul{margin: 0px; padding: 0px; list-style: none;}
li{margin: 0px; padding: 0px; list-style: none;}

.appwrapper{width: 1200px; margin: 10px auto; padding: 15px 15px 35px 15px; border: 1px #09155c solid;}

.disp{display: block !important;}
.dispn{display: none !important;}
.fl{float: left !important;}
.fr{float: right !important;}
.fn{float: none !important;}
.clr{clear: both !important;}
.text-center{text-align: center !important;}


.headersec{text-align: center;}
.headersec h1 { color:#09155c; text-transform: uppercase; line-height: 40px; font-size: 24px;}
.headersec h3{font-size: 16px; font-weight: 600; color:#09155c; line-height: 20px; margin: 5px auto;}
.headersec p{font-size: 14px; font-weight: 600; color:#09155c; line-height: 20px; margin: 5px auto;}
.headersec .sp{padding:10px;}
.text-upper{text-transform: uppercase;}

hr{background: transparent; border-top: 1px #09155c solid !important; width: 100%;}

.mt30{margin-top: 30px !important;}
.afnum{width: 3%; float: left; line-height: 49px;}
.afsec{width: 3%; float: left; line-height: 49px;}
.afname{width: 38%; float: left; line-height: 49px;}
.afname2{width: 27.5%; float: left; line-height: 49px;}
.afname span{float: right;}
.afname2 span{float: right;}
.afinput{width: 54%; float: left; line-height: 49px;}
.afname3{width: 80%; float: left; line-height: 49px !important; display: flex;}



.profilephoto{text-align: center;}
.profilephoto img{width: 50%; box-shadow: 0 0 50px rgba(47, 67, 90, 0.08);}

.profilpicdiv{margin-bottom: 20px !important; border: 1px #ddd solid; 
	font-size: 14px !important; border-radius: 10px; width: 100% !important; float: left; height: 40px !important;}
.profilpicdiv .custom-file-label {
	transform: none !important;
	padding: 11px 20px 0 !important;
	margin-left: 4px;
	color: #b9b9b9;
	font-size: 12px; background: transparent;
}

.profilimg {text-align: center; border:1px #ddd solid; width:auto; height:200px;}
.profilimg img{width: 50%; text-align: center;}
.custom-file {
	position: relative;
	display: inline-block;
	width: 100%;
	height: calc(2.25rem + 2px);
	margin-bottom: 0;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
	content: "Browse";
}
.custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: calc(calc(2.25rem + 2px) - 1px * 2);
	padding: 0.375rem 0.75rem;
	line-height: 1.5;
	color: #495057;
	content: "Browse";
	background-color: #e9ecef;
	border-left: 1px solid #ced4da;
	border-radius: 0 0.25rem 0.25rem 0;
}
.custom-file-label::after {
	padding: 10px 20px 28px !important;
	font-size: 14px;
	transform: none !important;
}


.frmlabel{font-size: 16px; font-weight: 600; color:#09155c;}
input[type='text']{width: 100%; border: 0px; border-bottom: 1px #09155c dashed !important; line-height: 30px; 
	font-size: 16px;color:#09155c; margin-bottom: 10px;}
input[type='number']{width: 100%; border: 0px; border-bottom: 1px #09155c dashed !important; line-height: 30px; 
	font-size: 16px;color:#09155c; margin-bottom: 10px;}
textarea{width: 100%; border: 0px; border-bottom: 1px #09155c dashed !important; line-height: 24px; 
	font-size: 16px;color:#09155c; margin-bottom: 10px;}
input[type='date']{border: 0px;}


.radiobtn{display: flex; margin-left: 20px;}


.tabpr{padding-right: 15px;}
input[type='radio']{margin: 0px !important;}
.radio{padding-right: 15px; padding-left: 10px; float: left; margin: 0px !important;}
.radio2{padding-right: 15px;  float: left; margin: 0px !important; margin-left: 10px !important;}
#male, #female:focus {
  outline: 0;
}
input[type='radio']:focus{outline: none;}

table tr td{font-size: 16px; font-weight: 600; color:#09155c;}
.txta{text-align: right; padding-right: 5px;}
.labenc{font-size: 12px; line-height:20px; font-weight: 400;}
.labenc3{font-size: 12px; line-height:49px; font-weight: 400; display: flex; float: left; margin-left: 10px;}

.declhead{font-size: 20px !important; text-align: center; font-weight: 600; text-transform: uppercase; 
	color: #09155c; line-height: 40px; padding-bottom: 20px; margin-top: 20px;}
.declarationsec p{font-size: 14px; line-height: 24px;}

.chkbox{float: left; margin-right: 15px !important; width: 30px; height: 30px;}

.submitbtn{width: 150px; height: 50px; text-align: center; background:#09155c; color:#fff; border:0; font-size:18px;
 border-radius:5px; transition: all ease 0.8s; margin: 30px 30px 20px 0px;}
.submitbtn:hover{box-shadow: inset 200px 0 0 0 #f9ac00;}
.cancelbtn{width: 150px; height: 50px; text-align: center; background:#5f5f5f; color:#fff; border:0; font-size:18px;
 border-radius:5px; transition: all ease 0.8s; margin: 30px 30px 20px 0px;}
.cancelbtn:hover{box-shadow: inset 200px 0 0 0 #3c3c3c;}



@media only screen and (min-width:320px) and (max-width:767px){
	.appwrapper{width: auto !important;}

.afnum{width: auto; float: left; line-height: 49px; margin-right: 3px;}
.afsec{width: auto; float: left; line-height: 49px; padding-right: 3px;}
.afname{width: auto; float: none;}
.afinput{width: 100%;}
.afname2{width: auto;}

.radiobtn {
    display: inline-block;
    margin-left: 20px;
    float: left;
    position: relative;
}
.radiobtn input {
    float: left !important;
}
.radio {
    padding-right: 10px;
    padding-left: 5px !important;
    float: left;
    margin: 0px !important;
    line-height: 15px;
    padding-bottom: 10px !important;
}


.afname3 {
    width: 84%;
    float: none;
    line-height: 21px !important;
    display: block;
    font-size: 14px !important;
}
.labenc3 {
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;
    display: block;
    float: none;
    margin-left: 1px;
    margin-bottom: 10px;
}
.submitbtn{display: block; margin:10px auto;}
.cancelbtn{display: block; margin:10px auto;}


}


@media only screen and (min-width:768px) and (max-width:1200px){
	.appwrapper{width: auto !important;}
}