/* CSS Document */

*{ padding: 0px; margin:0px;}

body, u, i, b, ul, li, ol, tr, td, th, dd, dt, strong{ padding: 0px; margin:0px; font-family:calibri;}
p, h1, h2, h3, h4, h5, h6, span,{ padding: 0px; margin:0px;}
 
input, button, textarea, select{ outline:none;}
 
.clear{ clear:both;}

.main{ width:100%; background-color:#c4e3ff;}
.hdr-main{ width: 100%;}
.hdr{ width: 1040px; margin: auto; background-color:#fff;}
.hdr-left{ width:50%; float:left;}
.logo-main{ width:350px;}
.logo{ width:96%; padding: 2% 0% 2% 2%;}
.logo-left{ float:left; width:75px;}
.logo-left img{ width: 100%;}
.logo-right{ float:left; width:240px; margin-left:10px;}
.logo-right h2{ font-size:25px; color: #ff9932; padding:3px 0px; line-height:22px;}
.logo-right span{ color:#118706;}
.logo-right p{ color:#404040;}

.hdr-right{ width: 50%; float:right;}
.hdr-right ul{ list-style:none; text-align:right; padding:2% 2% 0% 0%;}
.hdr-right ul li{ display:block; padding: 0.3% 0%;}
.hdr-flg{ width: 28px; height: 16px;}
.hdr-whats{ width: 20px; height: 20px;}
.company-id{ font-size: 15px;}

/*breadcrumb*/
.breadcrumb-main{ margin: auto; display:block; background-color:#50b0e8; color:#FFFFFF; padding: 0% 2%;}
.breadcrumb-left{ width:90%; float:left; display:block;text-align:center;}
.breadcrumb-left a{ text-decoration:none; color:#FFFFFF; vertical-align:middle;}
.breadcrumb-left a:hover{ color:#ff9831;}
.homebox{ font-size:25px !important; padding:0px; float:right; margin-right:35px;}
.breadcrumb-right{ width:10%; float:left; text-align:right;}
.breadcrumb-right a{ text-decoration:none; color:#FFFFFF; vertical-align:middle;}
.breadcrumb-right a:hover{ color:#ff9831;}
/*.homebox{ font-size:25px !important; padding:0px; float:right;}*/
/*breadcrumb end*/

.container-main{ width:100%;}
.container{ width:1040px; margin:auto; background-color:#fff;}
.container-top{}
.container-top-one{ background-color:#75A7D6;}
.container-top-one h3{ font-size:20px; text-align: center; color:#FFFFFF; padding: 5px 0px;}

.container-top-two{}
.container-top-two p{ font-size:16px; font-weight:600; color:#000; padding: 5px 0px 5px 0px;}
.container-top-two span{ color:#990000;}

.form-main{ width:100%; margin: 1% 0%; background-color:#FFFFFF;}
.form-main h4{ background-color:#5c5c5d; color:#fff; font-size:18px; display:block; padding: 2px 5px; font-weight:500; margin:0% !important;}

.form-one{ padding:3px 0px;}
.lbl{ width:31%; float:left; text-align:right; padding-right:2%; font-size:14px;}
.surname{ width:25%; float:left; background-color:#e2e2e2; text-align:left; margin:0% 2%; border:none; border:solid 1px #ccc; padding: 2px 0px; border-radius: 3px;}
.text{ width:30% !important; float:right; text-align:left; font-weight:normal !important; font-size:14px !important; padding:0% 3% 0% 0% !important;}

.str-clr{ color:#FF0000 !important; font-size:18px !important;}

.check-box-main{ width:96%; margin:0% 0% 0% 4%;}
.check-box{ width:67%; float:left;  padding:1% 0%;}
.chkbx{ vertical-align:middle;}
.chech-text{ width:30% !important; float:right; text-align:left; font-weight:normal !important; font-size:14px !important; padding:0% 2% 0% 0% !important;}

.dob-main{ width:96%; margin: 0% 2%;}
.lbl{ width:33%; float:left; text-align:right; padding-right:2%; font-size:14px;}
.dob-date{ width:25%; float:left; text-align:left; margin:0% 2%; font-size:15px; font-weight:normal; border:none; padding: 0px 0px;}
.text{ width:30% !important; float:right; text-align:left; font-weight:normal !important; font-size:14px !important; padding:0% 3% 0% 0% !important;}

.radio{ vertical-align:middle;}

.down-button{ display:block; background-color:#ef8922; text-align: center; padding: 5px 0px;}
.sbmt1{ padding: 7px 15px; background-color:#128706; color:#FFFFFF; font-size:16px; font-weight: 500; text-align:center; display:inline-block; border:none; border: solid 1px #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; cursor:pointer;}

/*applicant address details start*/
.adrs-text{ text-align:center; font-size:17px; color:#333333;}
.top-det{ width:70% !important; text-align:center; font-size:18px; padding: 5px 0px; color:#ff9932;}
.std-main{ display:block;}
.std-code{ width:8%; float:left; margin:0% 1.7% 0% 2%; border-radius: 3px; background-color:#e2e2e2; border: solid 1px #ccc; padding:2px 0px;}
.std-bumber{ width:15%; float:left; background-color:#e2e2e2; border: solid 1px #ccc; padding:2px 0px; border-radius: 3px;}
.emale{ width:auto; margin:0% 2%;}
.same-adrs{ width:24%; float:left; text-align:left !important; vertical-align:middle; margin:0% 2%; font-size:15px; font-weight:normal; border:none; padding: 0px 0px;}

.other{ vertical-align:middle;}

.other-text{ width:32% !important; margin-top:-15px; vertical-align:middle; float:right; text-align:left; font-weight:normal !important; font-size:14px !important; padding:0% 2% 0% 0% !important;}

.details-top{ border:none; background-color:transparent; font-weight:400 !important; font-size:14px !important; padding: 5px 0px !important;}
.main-lbl{ width:67%; float:left;}
.radios-box{ width: 33%; float:left;}
.top-details{ width:34% !important; float:left; margin-left:2%; padding: 0px 4px !important;}

.sec-cls{ margin-top:-5px;}

.home-button-down{ background-color:transparent !important;}
.home-down-btn{}

.footer-down{ width: 100%;}

.form-under-main{ padding: 10px;}

.captcha-main{ width:30%; margin: 1% auto;}
/*applicant address details end*/


/*home page etv types start*/
.input-space{ padding: 5px 0px !important;}
.paragraph{ font-size:12px; font-family: sans-serif; margin:2% 0% 2% 2%;}
.paragraph:input{ margin: 10px 0px;}
div.accordion {
    color: #666666;
    cursor: pointer;
    padding: 3% 0%;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 12px;
	font-weight:600;
    transition: 0.4s;
	background-color:#fff;
	line-height:0px;
	letter-spacing:0.6px;
}

.input-space-one{ width:3%; text-align:left;}
.main-radioboxes{ width:60%;}
.chkd-btms{ background-color:#FFFFFF; border:none; vertical-align:middle;}

div.accordion.active, div.accordion:hover {
 
}

.capcode{ width: 300px; height: 80px;}

/*button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
	position: relative;
    top: -15px;
}

button.accordion.active:after {
    content: "\2212";
}*/

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/*home page etv types end*/

.accordian-ones{ width:50% !important; padding:1.5% 0% !important;}


.check-box-main{ width: 96%;}
.check-box-left{ width:65%; float:left;}
.input-space{ padding: 5px 0px !important;}
.paragraph{ width:100%; font-size:12px; font-family: sans-serif; margin: 0%; line-height: 15px; padding-top: 10px;}
.paragraph:input{ margin: 10px 0px;}
div.accordion {
    color: #666666;
    cursor: pointer;
    padding: 0%;
    width: 34%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 12px;
	font-weight:600;
    transition: 0.4s;
	background-color:#fff;
	line-height:0px;
	letter-spacing:0.6px;
	vertical-align:middle;
}

div.accordion.active, div.accordion:hover {
 
}

/*button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
	position: relative;
    top: -15px;
}

button.accordion.active:after {
    content: "\2212";
}*/

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.check-box-right{ width:35%; float:left;}
.box-name{ width:40%; margin: 0% 3% 0% 7%; padding: 2px 1px; border-radius: 3px; border: none; border: solid 1px #ccc; background-color: #e2e2e2;}
.lbl-one{ width:47%; float:left; text-align:right;}
.open-left{ width:100%; float:left; margin: 0.5% 0%;}

.open-right{ width:35%; float:left;}
.open-right p{ vertical-align:middle; margin:2px 0px;}
.check-box-text{ width:100%; float:left; font-weight:normal !important; font-size: 14px !important;}

.nationality-metnod{ width:97%; text-align:left; padding-left:3%;}
.nationality-metnod p{ font-size:14px; font-weight:normal;}
.nationality-left-one{ width:75%; float:left;}

.onces{ width:100%; margin: 0.5% 0%; clear:both;}
.nationality-checkbox{ vertical-align:middle;}
.issue-contry{ width:25%; float: left; background-color: #e2e2e2; text-align: left; margin: 0.4% 2%; border: none; border: solid 1px #ccc; padding: 2px 0px; border-radius: 3px;}
.nationality-right-two{ width:25%; float:left;}

.saarc-country{ width:200px; padding: 3px; margin: 5px; border-radius: 3px; border: none; border: solid 1px #ccc; background-color: #e2e2e2;}
.saarc-btn{ padding: 1px 10px; font-size:15px; font-weight:700; color:#FFFFFF; background-color:#118706; border-radius: 5px; cursor: pointer;}

/*photo upload area*/

.upload-main{ width:1040px; margin:3% auto; border-top: solid 5px #5c5c5d; padding: 1% 0% 0% 0%;}
.update-top{ width:67%; margin: auto;}
.update-top p{ text-align: center; font-size:17px; line-height:22px; margin:0px; color:#77a53d; font-weight:bold;}
.update-top-left{ width: 42%; height:290px; float:left;  margin: 4%;}	
.update-top-left img{ width:99%; overflow:hidden; height:100%; border: solid 0px #ccc;}

.update-top-right{ width: 42%; height:290px; float:left; margin: 4%;}
.update-top-right img{ width:99%; overflow:hidden; height:100%; border: solid 1px #ccc;}

.upload-form-main{ background-color:#77a53d; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; padding: 5px;}

.update-bottom{ width:100%; text-align:center;}
.image-upload{ padding: 5px; background-color:#da9c5f; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; color:#fff; font-size:16px; margin: 1% 0%;}

.breadcrumb-left strong: :before{ content:" "; height:10px; position:absolute; top:5px;}
/*photo upload area end*/


/*upload main*/
.upload-page-main{ width:100%; margin: auto; padding: 2% 0%;}
.upload-page-main h2{ font-size:16px; text-align: center; color:#128807;}
.document-description-main{ width:100%; padding: 2% 0%;}
.document-description-main-left{ width:50%; float:left;}
.document-description-main-left p{ font-size:14px; font-weight:bold; text-align:center;}

.document-description-main-right{ width:50%; float:left;}
.document-description-main-right p{ font-size:14px; font-weight:bold; text-align:center;}

.photo-upld{ width:100%; text-align:center;}
.photo-upld-left{ width:33.3333%; float:left; vertical-align:middle; padding-top: 5px;}
.photo-upld-left p{ font-size:13px;}
.photo-upld-center{ width:33.3333%; float:left; vertical-align:middle;}
.photo-uplod{ width:250px; padding: 5px; background-color: #da9c5f; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;  color: #fff; font-size: 16px; cursor:pointer; margin: auto;}

.photo-upld-right{ width:33.3333%; float:left; vertical-align:middle; margin:6px 0px 2px 0px;}
.photo-upld-right a{ background-color:#da9c5f; color:#fff; font-size:14px; font-weight:600; text-align: center; text-decoration:none; padding: 5px; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;}
.photo-upld-right a:hover{ background-color:#009966;}

.upload-photo-down{ padding:3% 2% 2% 2%;}
.upload-photo-down p{ font-weight:bold; font-size:14px;}
.upload-photo-down ul{ list-style:none; padding-left:1.5%;}
.upload-photo-down ul li{ padding: 0.3% 0%; list-style-type: lower-roman; font-weight: bold; font-size:14px;}

.last-btn-main{ text-align:center;}
.last-btn{ padding: 10px 20px; background-color:#da9c5f; color:#FFFFFF; font-size:16px; font-weight:500; text-align:center; margin:auto; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border:none; margin:2% 0%; cursor: pointer;}
/*upload main end*/

.upd-photo{ width:290px !important; height: 290px !important; text-align:center;}
.upde-photo{ width:290px !important; height: 290px !important; text-align:center;}
.phto{ border-top: 0px; margin:0% auto;}

.chktextes{ font-size:14px; text-align: center; display: inline-block;}

.medical-main{ width:96%; margin: 1% 2%;}
.medical-left{ width:50%; float:left;}
.medical-left p{ font-size:13px;}

.medical-center{ width:50%; float:left;}
.medical-bottom{ width:100%; text-align:center;}
.medical-form-main{ margin-top: -10px;}
.medical-image-upload{ padding: 5px; background-color: #da9c5f; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; color: #fff; font-size: 16px; margin: 1% 0%; width: 75%;}


/*.error_input {
    border-color: #F4ADAD !important;
    box-shadow: 0px 0px 5px #F4ADAD !important;*/
	
/*verification page*/
.verification-top{ width:84%; padding:2% 8% 1% 8%;}
.verification-top h4{ font-size:16px; color:#128807; text-align: center; font-weight:600;}
.verification-top p{ font-size:14px; color:#333; text-align:center; padding: 10px 30px 5px 30px; line-height:22px;}
.verification-top p span{ color:#990000; font-size:16px;}

.verification-bottom{ width:100%; clear:both;}
.verification-bottom-one{ width:98%; padding: 0% 1%;}
.verification-bottom-one-top{ width:100%; background-color:#128807 !important;}
.verification-bottom-one-top h2{ font-size:18px; font-weight:bold; color:#fff; padding:1px 5px;}

.verification-bottom-one-bottom{ width:100%; background-color:transparent;}
.verification-bottom-one-bottom table{ width:100%;}
.verification-bottom-one-bottom table tr{ width:100%;}
.one{ width:27%; font-size: 14px; padding:2px 5px;}
.two{ width:38%; font-size: 14px; letter-spacing:0.4px; padding:2px 5px;}
.three{ width:35%; font-size: 14px; letter-spacing:0.4px; padding:2px 5px;}
.hover-paragraph:hover{ background-color:#72bb6b; color:#fff;}
.fix-header{ background-color:#128807; color:#fff; padding: 3px 5px;}

ul,li{ list-style:none;}
.buttom-main{ width:290px; margin:3% auto;}
.buttom-main2 li{ display:inline; }
.buttom-main2{ margin-top:-20px !important;}
.btn-sbmt{ padding:8px 10px; font-size:14px; font-weight:600; float:left; margin:5px; border:none; outline:none; background-color:#128807; color:#fff; border-radius: 3px; transition: 0.8s; cursor:pointer;}
.btn-sbmt-two{ padding:8px 10px; font-size:14px; font-weight:600; float:left; margin:5px; border:none; outline:none; background-color:#128807; color:#fff; border-radius: 3px; transition: 0.8s; cursor:pointer;}
.btn-sbmt:hover{ background-color: #ff9933; color:#111; transition: 0.8s;}
.btn-sbmt-two:hover{ background-color: #ff9933; color:#111; transition: 0.8s;}
/*verification page end*/	


/*fee payment*/
.fee-payment-main{ width:100%;}
.fee-payment{ width:100%;}
.fee-payment-top{ width:98%; padding: 0.2% 1%; background-color:#c0b7ac;}
.fee-payment-top h2{ font-size:20px; font-weight:700; text-transform: capitalize; text-align:center; color:#fff;}

.fee-payment-bottom{ width:96%; padding: 1% 2%; text-align:center;}
.fee-payment-bottom h3{ font-size:14px; font-weight:bold; text-transform:uppercase; padding: 0px 10px 10px 10px;}
.fee-payment-bottom h3 span{ color:#990000;}
.fee-payment-bottom h4{ font-size:15px; font-weight:600; text-align: justify; color:#333333; padding:2px 0px; line-height:20px;}
.fee-payment-bottom h5{ font-size: 15px; padding: 15px 0px; text-align:left; color:#990000;}
.fee-payment-bottom p{ font-size:14px; line-height:20px; text-align:justify; padding:5px 0px;}
.fee-payment-bottom h6{ font-size:13px; color:#333; line-height:20px; text-align:justify;}
.fee-payment-bottom h6 span{ text-transform:uppercase; color:#FF0000;}
.fee-payment-bottom h1{ text-align:center; font-size: 15px; padding: 15px 0px; color:#990000; display:block;  border-bottom: none !important;}
.fee-payment-bottom h1 span{ color:#009933;}
.fee-btn{ margin: 1% auto !important;}
.status-enquirey{ font-size:11px !important;}
.etv-status{ padding:3% 6% 1% 6% !important;}
.fee-payment-bottom ul{ list-style:lower-roman; padding:0.2% 10% 2% 10%;}
.fee-payment-bottom ul li{ padding:5px; font-size:15px; color:#333; text-align:left;}

.radiomain li{ display:inline; margin-right:30px;}
.submitnow{ background:#fb9205 !important; padding:5px 20px !important; color:#fff; border:none;}
.conten1{ margin-top:10px;}

/*fee payment end*/