span.select2-selection.select2-selection--single {outline: none;}
	.affix {position: unset;}
	a:hover, a:focus {text-decoration: none;}
	.login-wrapper {padding:20px 0; background-color: #f1f5f6; min-height: 73vh;}
	.login-wrapper .row {margin: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.login-wrapper .left-md-login {padding: 80px 0; background-size: cover; background-position: center; display: none;}
	.login-wrapper .left-md-login:before {position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background-color:rgba(45, 218, 133, 0.6);}
	.login-wrapper .right-md-login {padding: 40px 35px 40px; margin: auto; background-color: #fff;}
	.login-wrapper .input-wrapper {margin: 15px 0;}

	.login-wrapper input, .login-wrapper select {border:1.3px solid #dae1e3; border-radius:8px; width: 100%; background-color: #fff; font-size: 14px; padding: .810rem .96rem; height: inherit;     transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; color: #495057;     font-weight: 400; line-height: 1.5;}
	::-webkit-input-placeholder {color: #b1b4b6;}
	:-moz-placeholder {color: #b1b4b6;}
	::-moz-placeholder {color: #b1b4b6;}
	.login-wrapper .input-wrapper:nth-child(even) .error{ left: 20px }
	:-ms-input-placeholder, ::-ms-input-placeholder {color: #b1b4b6;}
	.select2-container--default .select2-selection--single {border:1.3px solid #dae1e3; padding: .810rem .96rem; height: inherit; color: #495057; border-radius: 8px; height: 38px;}
	.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: inherit; color: #495057; padding: 0;}
	.select2-container--default .select2-selection--single .select2-selection__arrow {top: 6px;}
	.login-wrapper .btn { background-color: #c1282b; border-color: #c1282b; padding: .8rem 2rem; font-weight: 500; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-align: center; vertical-align: middle; border-radius: 8px; font-weight: 600; letter-spacing: 1px; font-size: 14px;}
	.login-wrapper .btn:hover, .login-wrapper .btn:focus {background-color: #c1282b;}
	.login-wrapper .col-md-12 {padding: 0; margin-top: 20px;}
	h5 {margin: 0; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 5px; padding-left: 15px;}
	h1 {margin-bottom: 10px; margin-top: 0;}

	.page-indication {margin-top: 20px; margin-bottom: 20px;}
	.page-indication  ul {margin: 0; padding: 0; list-style: none; width: 100%; display: flex; background-color: #d6d6d6;}
	.page-indication li {width: 33.33%; position: relative; margin: 0 ; display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; padding: 8px 17px; background-color: #d6d6d6}
	.page-indication li:nth-child(2) {left: -4px;}
	.page-indication li:nth-child(3) {left: -8px;}
	.page-indication li .tr {width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid #d6d6d6; border-bottom: 10px solid transparent; position: absolute; top: 9px; right: -6px; z-index: 1;}
	.tr-red { border-left-color:#c1282b !important;}
	.select2-container {width: 100% !important;}
	.password-character {padding: 0; float: left; margin-bottom: 0;}
	.password-character li { margin-left: 35px; float: left; list-style: none;}
	.password-character li:before {content: '✓'; color:#008c43;}
	.password-character li:nth-child(1) {margin-left: 10px;}
	.password-character li span {position: relative; left:8px;}
	span.error {font-size: 11px; color:#c1282b; position: absolute; top: -15px; left: 20px; display: none;}
	.field_icon {position: absolute; top: 14px; right: 22px; color: #b1b4b6;}
	.required {position: absolute;top: 5px;}
	.required:after {content: '*';  color: #b90000;position: absolute; z-index: 99; font-size: 17px; top: -10px;}


	.input-wrapper{ position: relative;}
		.palceholder{position: absolute; top: 9px; left: 20px; color: #B1B1B1; display: none; z-index: 99;}
		.palceholder label {font-weight: normal; color: #b1b4b6;}
		.star{color: red}
		.input-outer{
			position: relative;
			width: 100%;
			height: auto;
			float: left;
		}
		span.error.error-msg-lg{
			position: initial;
			margin-top: -15px;
		}




	@media screen and (min-width:320px) and (max-width:479px) {
		footer {position: unset;}
		h5 {font-size: 12px; margin-bottom: 0px;}
		.login-wrapper .left-md-login {display: none;}
		.login-wrapper .right-md-login {padding: 20px;}
		.login-wrapper .input-wrapper {padding: 0;}
		.page-indication {margin-bottom: 15px;}
		.login-wrapper .row {display: block;}
		.page-indication li {font-size: 10px; padding: 4px 5px;}
		.page-indication li:nth-child(2), .page-indication li:nth-child(3) {padding-left: 12px;}
		.page-indication li .tr {border-top: 6px solid transparent; border-left: 8px solid #d6d6d6; border-bottom: 6px solid transparent;}
		.page-indication li .tr {top: 6px; right: -4px;}
		.login-wrapper input, .login-wrapper select {padding: 7px 10px; font-size: 14px; border-radius: 5px;}
		.select2-container--default .select2-selection--single {padding: 7px 10px; font-size: 14px; border-radius: 5px;}
		.login-wrapper .btn {padding: 7px 10px; font-size: 12px; border-radius: 5px;}
		.password-character li {margin-left: 10px; width: 100%;}
		.required:after {font-size: 15px; top: -5px}
		.modal-dialog {width: 95% !important;}
	}

	@media screen and (min-width:480px) and (max-width:574px) {
		body {padding-bottom:0px;}
		footer {position: unset;}
		h5 {font-size: 14px; margin-bottom: 0px;}
		.login-wrapper .left-md-login {display: none;}
		.login-wrapper .right-md-login {padding: 20px 40px;}
		.login-wrapper .input-wrapper {padding: 0;}
		.page-indication {margin-bottom: 15px;}
		.login-wrapper .row {display: block;}
		.page-indication li {font-size: 11px; padding: 4px 13px;}
		.page-indication li .tr {border-top: 6px solid transparent; border-left: 8px solid #d6d6d6; border-bottom: 6px solid transparent;}
		.page-indication li .tr {top: 6px; right: -4px;}
		.login-wrapper input, .login-wrapper select {padding: 7px 10px; font-size: 12px; border-radius: 5px;}
		.login-wrapper .btn {padding: 7px 10px; font-size: 12px; border-radius: 5px;}
		.password-character li {margin-left: 10px; width: 47%}
		.required:after {font-size: 15px; top: -5px;}
		.modal-dialog {width: 95% !important;}
	}

	@media screen and (min-width:575px) and (max-width:767px) {
		body {padding-bottom:0px;}
		footer {position: unset;}
		h5 {font-size: 14px; margin-bottom: 10px; margin-top: 15px;}
		.login-wrapper .left-md-login {display: none;}
		.login-wrapper .right-md-login {padding: 30px 40px; padding-right: 65px; padding-bottom: 80px;}
		.login-wrapper .input-wrapper {width: 50%; float: left; margin: 10px 0;}
		.page-indication {margin-bottom: 0;}
		.login-wrapper .row {display: block;}
		.page-indication li {font-size: 13px; padding: 4px 13px;}
		.page-indication li .tr {border-top: 6px solid transparent; border-left: 8px solid #d6d6d6; border-bottom: 6px solid transparent;}
		.page-indication li .tr {top: 6px; right: -4px;}
		.login-wrapper input, .login-wrapper select {padding: 7px 10px; font-size: 12px; border-radius: 5px;}
		.select2-container--default .select2-selection--single {padding: 7px 10px; font-size: 12px; border-radius: 5px; margin-bottom: 1px;}
		.login-wrapper .btn {padding: 7px 10px; font-size: 12px; border-radius: 5px;}

		.password-character li:nth-child(1), .password-character li {margin-left: 10px; width: 31%;}
		.modal-dialog {width: 95% !important;}

	}

	@media screen and (min-width:768px) and (max-width:1023px) {
		.login-wrapper .left-md-login {display: none;}
		.login-wrapper .right-md-login {width: 100%; padding-bottom: 80px;}
	}

	@media screen and (min-width:1024px) and (max-width:1365px) {
		.login-wrapper input, .login-wrapper select {font-size: 12px;}
		.login-wrapper .input-wrapper {margin: 10px 0;}

		.page-indication {margin-bottom: 5px;}
		h5 {margin-top: 15px;}
		.select2-container--default .select2-selection--single {font-size: 12px;}
		.password-character li {margin-left: 10px; width: 30%;}
	}

	@media screen and (min-width:1600px) {
		.login-wrapper .right-md-login {padding: 40px 55px 50px; padding-right: 90px;}
		.page-indication li {font-size: 16px;}
		h5 {font-size: 16px;}
		.login-wrapper input, .login-wrapper select, .login-wrapper .btn {font-size: 16px;}
	}

	@media screen and (min-width:1700px) {
		.login-wrapper .right-md-login {padding: 40px 90px 50px; padding-right: 120px;}
	}


	.button-loading {margin: auto; width: 20px;display: none;}

	@media screen and (min-width:320px) and (max-width:479px) {
		.button-loading {top: 3px;}
	}

	@media screen and (min-width:480px) and (max-width:574px) {
		.button-loading {top: 5px; left: 45%;}
	}

	@media screen and (min-width:575px) and (max-width:767px) {
		.button-loading {top: 5px; left: 45%;}
	}

	img.select-loading {width: 22px; right: 35px; top: 8px; position: absolute;display: none;}

	.social{display: none !important;}

	.valid {
		color: green; display: inline-block; padding-right: 5px;
	}

	.valid:before {
		position: relative;
		content: url(../images/tick-icon-2.png);
	}
	#id_issuer_by_div{display: none;}

	#bs-example-navbar-collapse-1 .navbar-right{display: none !important;}
	#header_phno{display: none !important;}

	@media screen and (min-width:0px) and (max-width:767px) {
	#register_attachment .modal-dialog { width: 95% !important;}
	h5 {padding-left: 0;}
	}
	.collapsed {display: none !important;}