html, body{padding: 0;margin: 0;}
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {position:relative;min-height:100%;background-color: #fff;
	font-family: 'Open Sans', sans-serif; font-size:14px;line-height:20px;color: #282828;-webkit-text-size-adjust: none;}
h1,h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif; line-height: 1;font-weight:400; padding:0;margin:0 0 10px 0;font-family: 'Roboto', sans-serif; }
h1,h2,h3,h4,h5,h6{font-size:22px; color:#393939;}
p{margin: 0 0 0 0; padding:0 0 15px 0;}
a, a:link, a:active, a:visited, a:hover,a:focus{color: #2a2a2a;text-decoration: none; outline:0;outline-offset:0;}
a:hover{ color:#000;}
img{max-width:100%; vertical-align:middle;}
ul{list-style-type: none;}
hr{
	border:0;
	border-bottom:1px solid #ccc;
	margin:10px 0 45px;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right:15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}


@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
/*------------- common css -----------------*/
.red{
	color:#f10000;
	display: inline-block;
	font-size:14px;
	margin-left:3px;
}
.form-group{
	margin-bottom:20px;
}
label,.form-label {
  margin-bottom:5px;
  display:inline-block;
}
textarea{ resize:none; max-height:80px;}


input[type=text],
input[type=password],
input[type=number],
input[type=file],
select,
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size:15px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
/*   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; */
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=file]:focus,
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly],
input:disabled, .input[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
select,
select.form-control{
  padding: 0.475rem 0.75rem;
}
.btngroup{
	border-bottom:1p
}
button,
a.btn,.btn{ 
	background-color:#005597; 
	color:#fff; 
	font-size:15px; border:0px solid #49b2d0 ;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
	min-width:120px;
	padding:15px 35px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius:50px;
	-webkit-box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 5px 6px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 5px 6px 0px rgba(50, 50, 50, 0.3);
}
button:hover,
a.btn:hover,.btn:hover{ 
	background-color:#034b83; 
	color:#fff; border:0px solid #095194 ;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
	-webkit-box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 5px 6px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 5px 6px 0px rgba(50, 50, 50, 0.3);}
button:focus,
a.btn:focus,.btn:focus{ 
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
	-webkit-box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 5px 6px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 5px 6px 0px rgba(50, 50, 50, 0.3);
}

a.btnline, .btnline{
	color:#000;
	background-color:rgba(255,255,255,0);
	border:1px solid #005597 ;
}
a.btnline:hover, .btnline:hover, a.btnline:focus, .btnline:focus{
	color:#000;
	background-color:rgba(255,255,255,0);
	border:1px solid #005597 ;
}
.btngroup{
	padding: 15px 0 0;
	border-top:1px solid #ccc;
	display: flex;
	justify-content: center;
}
.btngroup .btn{
	margin:0 15px;
}

.loader-inline{
    background-color: rgba(255,255,255,0.9);
     width:50px;
     height:50px;
     position: relative;
     top:0;
     left:0;
     z-index:9999;
     display:none;
}
.loader-inline:after {
     content:'';
    display:block;
  position:absolute; top:0;
   left:0;
  border-radius: 50%;
  width: 6em;
  height:6em;
  margin:0;
  font-size: 6px;
  text-indent: -9999em;
  border-top: 1.1em solid #0066a5;
  border-right: 1.1em solid #0066a5;
  border-bottom: 1.1em solid #0066a5;
  border-left: 1.1em solid #fff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.wrapper{
	background:#f8f8f8;
	padding:0;
	margin:0;
}
.contentbody{
	display: flex;
	margin:0;
	padding:0 0	;
	min-height:100vh;
}
.contentbody .lside{
	width:30%;
	display: flex;
	margin:0;
	padding:25px;
	 /* background-color:#02399e; */
	 background:#0066a6;
}
.contentbody .lsidewrap{	
	width:26%;
	height: 100%;
	padding:25px 0;
	position: fixed;
	top:0;
	left:0;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
}
.contentbody .rside{
	width:70%;
	display: flex;
	align-items: center;
	margin:0;
	padding:35px 25px;
	/* background-color:#d4c3c3; */
}
.formwrap{
	display: block;
	margin:0 0 0 -10%;
	padding:25px 35px;
	 background-color:#fff;
	 border-radius:10px;
	min-height:86vh;
	width:105%;	
	-webkit-box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 2px 15px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 2px 15px 0px rgba(50, 50, 50, 0.25);
}
.note{
	font-size:12px;
	color:#6a6a6a;
}
.logo {
	padding:25px 0;
}
.logo img{
	max-height:95px;
	display: block;
	margin:0 auto;
}
.makeRed{
	color: red;
}

@media (min-width:600px){
	
	
}
@media (min-width:768px){
	.rowbar-md{
	  -webkit-box-orient: horizontal !important;
	  -webkit-box-direction: reverse !important;
	  -ms-flex-direction: row-reverse !important;
	  flex-direction: row-reverse !important;
	}
}
@media (min-width: 992px) { 
	.rowbar-lg{
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: reverse;
	  -ms-flex-direction: row-reverse;
	  flex-direction: row-reverse;
	}
	
}
@media (min-width: 1020px) {	
}
@media (min-width: 1200px) { 
	.rowbar-xl{
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: reverse;
	  -ms-flex-direction: row-reverse;
	  flex-direction: row-reverse;
	}
	
}

@media (min-width: 1320px) {
	
}
@media (min-width: 1400px) {
}
@media (min-width: 1800px) {
	body {font-size:20px;line-height:28px;}
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1640px;
	}
}

@media all and (max-width:991px){
		.coverimg{ display:none;}
}

@media all and (max-width: 767px){
}

@media all and (max-width: 640px){
	.contentbody{
		display: block;
	}
	.contentbody .lside,
	.contentbody .rside{
		display: block;
		width:100%;
	}
	.contentbody .lside{
		padding:0 0 55px;
	}
	.contentbody .lsidewrap{
		display: block;
		width:100%;
		text-align: center;
		position: relative;
		top:0;
		left:0;
		padding:0;		
	}
	.formwrap{
		margin: -85px 0 0 0;
		padding:25px 35px;
		background-color: #fff;
		border-radius: 10px;
		min-height: 86vh;
		width:100%;
	}
}
@media all and (max-width: 480px){
	.formwrap{
		padding:15px 15px;
	}
}
@media all and (max-width:380px){
	
}
@media all and (max-width:360px){
}
