@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
	font-family: 'Poppins', sans-serif, arial, Verdana, Helvetica, sans-serif;
	background-size: cover;
	font-size:12px;
}
.backlayer {
	height: 100%;
	width: 100%;
}
.backlayer .layerLeft {	
	width: 100%;
	background: rgba(58, 58, 58, 0.49); 
	padding: 8px 25px;
	position: relative;
	z-index: 99;
	display: inline-block;
}
.backlayer .layerRight {
}
.backlayer .logo {
	z-index: 1;
	text-align:center;
	width: 100%;
}
.backlayer .logo img {
	max-width: 678px;
}
.backlayer .dark-header {
	background: linear-gradient(154deg, #264173 0, #644645 100%);
    box-shadow: 0px 5px 15px #1445578f;
}
.login-page {
	color: #000;
	padding: 40px 30px;
	width: 360px;
	background:rgba(0, 0, 0, 0.54);
	border: solid 5px rgba(255, 255, 255, 0.6);
	margin: 10% auto;
}
.login-page .form-control.underline-input {
	font-size: 16px;
}
.login-page .btn.btn-greensea {
	width: auto;
}
#admin-wrapper .login-page {
	margin:20% 0;
}
.admin-login .login-page {
	margin:20% 0;
}
.mt-20 {
	margin-top: 20px !important;
}
.mp-20 {
	margin-top:20% !important;
}
.mp-10 {
	margin-top:10% !important;
}
.mp-4 {
	margin-top:4% !important;
}
.mp-6 {
	margin-top: 6% !important;
}
.mp-8 {
	margin-top: 8% !important;
}
.login-page .form-control.underline-input {
	font-size: 14px;
}
.form-control.underline-input {
	background:#ebeff8;
	box-shadow:none;
	padding: 5px 15px;
	height: 40px;
	border: 1px #d6d6d685 solid;
	border-radius: 50px;
}
.form-control {
	color: #616f77;
	outline: 0;
	vertical-align: top;
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 2px;
	border: 1px solid #dbe0e2;
}
.btn.btn-greensea {
	background-color: #3c54a5;
	color: white;
	border-color: #3c54a5;
	padding: 6px 40px;
	margin-right:20px;
	border-radius: 50px;
	border: 2px #fff solid;
}
.btn.btn-greensea:hover, .btn.btn-greensea:active, .btn.btn-greensea.active {
	background-color: transparent;
	border-color: #3c54a5;
	color: #3c54a5;
	-webkit-box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
	box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
}
.form-validation h4 {
	font-size:18px;
	margin-bottom:20px;
	font-weight:600;
}
.frgt {
	font-size:13px;
	text-decoration:underline;
	color: #fff;
}
.flt {
	float:left;
	line-height:34px;
}
.mr10 {
	margin-right:10px;
}
.dp_ful {
	display:inline-block;
	width:100%;
}
.dp_ful .captcha_txt.flt .form-control {
	width: 160px;
	border-radius: 50px;
}
.loginfooter-lgn {
	font-size: 0px;
	text-align: center;
	background: none 0% 0% repeat scroll rgb(220, 220, 220);
	padding: 8px 0px;
	position:  absolute;
	width:  100%;
	bottom: 0;
}
.error_404 {
	font-size:24px;
	font-weight:900;
	color:#000;
}
.error_p {
	font-size: 14px;
	line-height: 20px;
	color: #979797;
}
.error_p strong {
	color:#000;
}
.error_img {
	text-align:center;
	display:inline-block;
	width:100%;
	margin-bottom:30px;
}
.error_img img {
	width:100px;
}
.error_img:before {
	content:'error';
	position:absolute;
	top: 250px;
	left: 360px;
	font-weight:  600;
	color: rgba(0, 0, 0, .05);
	font-size: 13vw;
	font-family: sans-serif;
}
.form-validation .form-group {
	position:relative;
}
.form-validation .form-group .fa {
	position: absolute;
	top: 13px;
	right: 20px;
	color: #9e9e9e;
}
.form-validation .form-group label {
	font-weight:normal;
	margin-right:10px;
}
.form-validation .form-group input[type=radio] {
	position:relative;
	top:2px;
	margin-right:5px;
}
.error_page .backlayer:before {
	background:#fff;
}
.error_page .login-page {
	background:transparent;
	border:0px;
	margin: 4% auto;
}
.error_page .btn.btn-greensea, .lgt-frm .btn.btn-greensea {
	border-color:#3c54a5;
}
.error_page .btn.btn-greensea:hover, .lgt-frm .btn.btn-greensea:hover {
	color:#3c54a5;
	border-color:#3c54a5;
}
.error_page .btn-brd {
	background:#fff;
	color:#3c54a5;
	margin:15px 0 0px 0;
}
.error_page .btn-brd:hover {
	background:#3c54a5;
	color:#fff !important;
}
.lgt-frm .login-page {
	background:#fff;
	border: solid 4px rgba(60, 84, 165, 0.16);
	border-radius: 10px;
	color:#000;
	margin: 8% 0;
}
.lgt-frm .frgt {
	color:#000;
}
.ole-rst .backlayer .layerRight:before {
	background: rgba(60, 84, 165, 0.83);
	transform:rotate(34deg);
	height: 1500px;
	top: -250px;
	width: 1000px;
	left: 80px;
}
.ole-rst #wrap {
	overflow:hidden;
}
.ole-rst .form-control.underline-input, .ole-rst .dp_ful .captcha_txt.flt .form-control {
	background:#fff;
	border:0px;
	border-bottom:1px #ddd solid;
	border-radius:0px;
	box-shadow:none;
	padding: 5px 10px;
}
.ole-rst .form-control.underline-input:focus, .ole-rst .dp_ful .captcha_txt.flt .form-control:focus {
	box-shadow:none;
	border-bottom:1px #3c54a5 solid;
}
.ole-rst .form-validation .form-group .fa {
	right:10px;
}
.lgt-frm.adt-cd .login-page {
	background: #255e6f;
	border: solid 4px rgb(32, 77, 95);
	color: #fff;
	margin: 8% auto;
}
.lgt-frm.adt-cd.alu-lg .login-page {
	background: #3c54a5;
	background: -moz-linear-gradient(top, #3c54a5 0%, #2989d8 99%);
	background: -webkit-linear-gradient(top, #3c54a5 0%, #2989d8 99%);
	background: linear-gradient(to bottom, #3c54a5 0%, #2989d8 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c54a5', endColorstr='#2989d8', GradientType=0 );
	border:0px;
}
.adt-cd.alu-lg .form-control.underline-input, .adt-cd.alu-lg .dp_ful .captcha_txt.flt .form-control {
	background:rgba(0, 0, 0, 0.10);
	border: 2px rgba(234, 234, 234, 0.67) solid;
}
.adt-cd .form-control.underline-input, .adt-cd .dp_ful .captcha_txt.flt .form-control {
	background: rgba(26, 59, 77, 0.49);
	box-shadow:none;
	padding: 5px 10px 5px 30px;
	border: 2px #d6d6d64a solid;
	color: #fff;
}
.adt-cd .form-control.underline-input:focus, .adt-cd .dp_ful .captcha_txt.flt .form-control:focus {
	box-shadow:none;
	border-color:#fff;
}
.adt-cd .form-validation .form-group .fa {
	right: auto;
	left: 15px;
}
.adt-cd .dp_ful .captcha_txt.flt .form-control {
	padding: 5px 10px 5px 10px;
}
.lgt-frm.adt-cd .frgt {
	color:#fff;
}
.adt-cd .btn.btn-greensea {
	background-color: #fff;
	color: #1e4b59;
	border-color: #fcf8e3;
	margin-right:20px;
	border: 2px #fcf8e3 solid;
}
.adt-cd .btn.btn-greensea:hover, .adt-cd .btn.btn-greensea:active, .adt-cd .btn.btn-greensea.active {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
	-webkit-box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
	box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
}
/*--  Dashboard Start Here-- */
.dashboard, .dashboard .backlayer:before {
	background:#e9ebf1;
	height:100%;
}
.backlayer.result:before {
	background:transparent;
}
.item .carousel-caption {
	font-size: 20px;
	padding: 0;
	font-weight: 600;
}
.card-box {
	padding:20px;
	border-radius:5px;
	margin-bottom:20px;
	background-color:#fff;
	box-shadow:0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}
.dashboard .loginfooter-lgn {
	position: relative;
	height: 42px;
	float: left;
}
.dashboard .backlayer .logo {
	text-align:left;
	float: left;
	width:  auto;
}
.dateformatbg {
	float:right;
	color:#fff;
	text-align:right;
	margin-top: 10px;
	font-size:12px;
	line-height:24px;
}
.dateformatbg a {
	color:#fff;
}
.dateformatbg a i {
	color:#9dce9d;
}
.dateformatbg #date {
}
.wrapper {
	padding:0;
    display: inline-block;
    width: 100%;
}
.widget-title {
	position: relative;
	font-size: 16px;
	padding: 0 0 5px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}
.widget-title h4 {
	font-size: 14px;
	min-height: 15px;
	font-weight: 600;
}
.widget-title:after {
	content: "";
	background: #2c2f34;
	width: 40px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
}
.widget-title-icon {
	position: absolute;
	right: 0;
	top: 1px;
	color: #b9bec3;
}
.form_ul ul {
	padding:0px;
}
.form_ul li {
	font-size: 12px;
	list-style: none;
	padding:  5px 0;
	margin: 2px 0;
	position:  relative;
	color: #000;
}
.form_ul li span {
	width:100%;
	display:inline-block;
}
.form_ul li span em {
	display:block;
	color:#777;
}
.form_ul li span a {
	color: #000;
}
.form_ul li span img {
	margin-left:10px;
}
.form_ul.gnr_not span {
	padding-left: 40px;
}
.form_ul .dlfle {
	position:  absolute;
	left: 0px;
}
.form_ul .dlfle a {
	background: transparent;
	border: 1px #008000 solid;
	border-radius:  50px;
	padding: 8px 10px;
	width:  30px;
	height:  30px;
	float: left;
}
.form_ul .dlfle a:hover {
	box-shadow: 0 0 20px #00800080;
	border: 1px #ffffff solid;
}
.form_ul .dlfle a i {
	color: #008000;
}
.view_all {
	padding: 5px 0 0;
	border-top: 1px #ddd solid;
	text-align:  right;
	margin-top:10px;
	margin-bottom: -10px;
}
.view_all span {
}
.view_all a {
	font-size:12px;
	color: red;
}
.view_all a:hover {
	text-decoration:underline;
	color:red;
}
.blurb-custom {
	text-align:center;
	padding: 0 20px 0px;
	width: 100%;
}
.blurb-custom .icon-image-lg {
	width: 100px;
	height: 100px;
}
.blurb-custom .icon {
	display:inline-block;
	text-align:center;
}
.blurb-custom .icon-image {
	margin-top: 20px;
}
.blurb-custom .icon-image-primary {
	background: #fefefe;
	border: 1px #e5e5e5 solid;
}
.icon-image img {
	width: 50px;
}
.blurb-custom .blurb-title {
	margin-top: 20px;
	font-weight: 600;
	margin-bottom: 0;
	height: 76px;
	color: #3c54a5;
	line-height: 24px;
}
.blurb-custom .blurb-title a {
	color: #3c54a5;
	font-size: 14px;
	line-height: 24px;
}
.blurb-custom .blurb-content {
	margin-top: 0px;
	color:#555555;
	font-size: 13px;
	line-height:22px;
	height: auto;
}
.ovrflw {
	height: 432px;
}
.ovrflw .form_ul {
	height: 305px;
	overflow:auto;
}
.ovrflw .form_ul::-webkit-scrollbar {
width: 5px;
height: 8px;
background-color: #b7e0e5;
}
.ovrflw .form_ul::-webkit-scrollbar-thumb {
background: #016773;
}
.lgt-frm .result .login-page {
	padding: 20px 20px;
	width: 320px;
}
.lgt-frm .result .dp_ful .captcha_txt.flt .form-control {
	width:155px;
}
.lgt-frm .login-page.payment {
	border:0px;
	background:url(img/bg_v1.png) #fff;
	padding-bottom: 130px;
	background-position: right 0px bottom -130px;
	background-size:  100%;
	background-repeat:  no-repeat;
}
.lgt-frm .login-page.online_bg, .lgt-frm .login-page.internal {
	border:0px;
	background: url(img/bg_v2.png) #fff;
	padding-bottom: 110px;
	background-position: right 0px bottom 0px;
	background-size:  100%;
	background-repeat:  no-repeat;
	border-radius: 0px;
	margin-top: 7%;
}
.lgt-frm .login-page.internal {
	border:0px;
	background:url(img/bg_v3.png) #fff;
	padding-bottom: 130px;
	background-position: right 0px bottom 0px;
	background-size:  100%;
	background-repeat:  no-repeat;
	border-radius:10px;
	box-shadow: 0px 1px 22px #145a95a8;
}
.lgt-frm .login-page.student_bg {
	border-top-left-radius: 70px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 70px;
	border-bottom-left-radius: 0px;
	border: 0px;
	padding: 60px 40px;
}
.lgt-frm .student_bg .form-control.underline-input, .student_bg .dp_ful .captcha_txt.flt .form-control {
	border-top-left-radius: 0;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 20px;
}
.admin_bg .form-control.underline-input, .admin_bg .dp_ful .captcha_txt.flt .form-control {
	border-radius: 0px;
	background: transparent;
	color: #fff;
	border: 2px #d6d6d685 solid;
}
.admin_bg .btn.btn-greensea {
	border-radius: 0px;
	color: #fff;
	border: 2px #d6d6d685 solid;
}
/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
	position: relative;/* display: block; */
	margin: 0px 20px 0px 0px;
	color: #fff;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF !important;
	text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}
a.animated-button.victoria-one {
	border: 2px solid #3c54a5;
	border-radius:5px;
}
a.animated-button.victoria-one:after {
	background: #3c54a5;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	color: #fff;
}
a.animated-button.victoria-two {
	border: 2px solid #3c54a5;
}
a.animated-button.victoria-two:after {
	background: #F44336;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.victoria-four {
	border: 2px solid #3c54a5;
	background: transparent;
	color: #3c54a5;
}
a.animated-button.victoria-four:hover {
	color:#fff;
}
a.animated-button.victoria-four:after {
	background: #3c54a5;
	opacity: .5;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.victoria-four:hover:after {
	opacity: 1;
	height: 600% !important;
}
a.animated-button.thar-one {
	color: #fff;
	cursor: pointer;
	position: relative;
	border: 2px solid #3c54a5;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
	color: #fff;
	background-color: transparent;
	text-shadow: none;
	border: 2px solid #ff5f5f !important;
}
a.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
}
a.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 120%;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #ff5f5f;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two {
	color: #fff;
	cursor: pointer;
	position: relative;
	border: 2px solid #3c54a5;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
	color: #fff !important;
	background-color: transparent;
	text-shadow: none;
	border: 2px solid #ff5f5f;
}
a.animated-button.thar-two:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
a.animated-button.thar-two:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #3c54a5;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-three {
	color: #fff;
	cursor: pointer;
	position: relative;
	border: 2px solid #fff;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-three:hover {
	color: #fff !important;
	background-color: #3c54a5;
	text-shadow: nthree;
}
a.animated-button.thar-three:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.thar-three:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #3c54a5;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-four {
	color: #fff;
	cursor: pointer;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-four:hover {
	color: #fff !important;
	background-color: transparent;
	border:2px #F7CA18 solid !important;
}
a.animated-button.thar-four:hover:before {
	right: 0%;
	left: auto;
	width: 100%;
	background: #f7ca18;
}
a.animated-button.thar-four:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
/*--  Dashboard End Here-- */

/* new admin with content*/ 
.content_li {
	float: left;
	color: #fff;
	padding: 40px 20px;
	background:rgba(0, 0, 0, 0.54);
	border: solid 5px rgba(255, 255, 255, 0.6);
	margin: 9.5% auto;
}
.content_li h4 {
	color:#fff;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 0;
	line-height: 28px;
}
.content_li .col-md-4 {
	padding-left: 0;
}
.content_li ul {
	padding:0px;
}
.content_li ul li {
	font-size:13px;
	line-height: 22px;
	list-style:none;
	background: url(img/tick_icon.png) no-repeat;
	padding-left: 20px;
}
.admin-login .login-page {
	height: 395px;
}
.new_blue .content_li {
	background: rgba(60, 84, 165, 0.63);
	border: solid 4px rgba(255, 255, 255, 0.6);
	border-radius: 10px;
}
/* new admin with content*/


/*--  slider css start Here-- */
#admin-wrapper {
	width: 100%;
	position: fixed;
	top: 0;
}
#admin-wrapper .carousel-wrapper, #admin-carousel {
	height: 100%;
	width: 100%;
	position: absolute;
}
#admin-carousel img {
	left: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	width: 100%;
	height: auto;
}
#admin-carousel i {
	position: absolute;
	top: 50%;
}
#admin-wrapper .carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition: opacity 2s ease-in;
	-moz-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in;
	-ms-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
}
#admin-wrapper .carousel-fade .carousel-inner .active {
	opacity: 1;
}
#admin-wrapper .carousel-fade .carousel-inner .active.left, #admin-wrapper .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
#admin-wrapper .carousel-fade .carousel-inner .next.left, #admin-wrapper .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
#admin-wrapper .carousel-fade .carousel-control {
	z-index: 2;
}
.page-login.pay_sum .login-page {
	width:440px;
}
.page-login .box_sha {
	border-radius: 5px;
	box-shadow: 0 0 10px #dcdcdc;
	padding: 10px;
	margin-top: 20px;
}
.page-login .table {
	margin: 0px;
	border:0px;
	border-radius:5px;
}
.page-login .table td {
	padding: 5px;
	color: #000;
	text-align: left;
	border: 0px;
	font-size: 13px;
}
.page-login .table td:first-child {
	font-weight:600;
}

/*--  slider css end Here-- */
  
@media (max-width:1024px) and (min-width:769px) {
body {
background-size: auto;
}
.error_img:before {
left: 310px;
top: 240px;
}
.admin-login .login-page {
width: 300px;
height: auto;
}
.content_li {
width: 100%;
}
.content_li ul li {
font-size:12px;
line-height:20px;
}
#admin-carousel img {
max-width:150%;
}
.mp-4 {
margin: 10% 30% !important;
}
.lgt-frm.adt-cd .login-page, .lgt-frm .login-page, .login-page {
margin: 15% 30%;
}
.mp-6, .mp-10, .mp-8 {
margin-top: 15% !important;
}
.lgt-frm .new_blue .login-page {
margin: 15% 0%;
}
}
 @media (max-width:768px) and (min-width:641px) {
body {
background-size: auto;
}
.error_img:before {
left: 240px;
top: 280px;
}
.login-page {
}
.content_li {
width: 100%;
top: 30%;
left: 50%;
}
.admin-login .login-page {
height: 300px;
float: none !important;
margin: 0px auto 0 auto;
}
.admin-login.backlayer .layerRight {
padding: 0;
}
#admin-wrapper .login-page {
margin: 85% 0 0 30%;
}
.mp-4 {
margin: 25% !important;
}
.lgt-frm.adt-cd .login-page {
margin: 35% 25%;
}
.lgt-frm .login-page, .login-page {
margin: 35% 25%;
}
.mp-6, .mp-10, .mp-8 {
margin-top: 35% !important;
}
.mp-20 {
margin-top: 10% !important;
}
.lgt-frm .new_blue .login-page {
margin: 0% 25%;
}
}
 @media (max-width:768px) {
body {
background-size: auto;
}
.login-page {
width:100%;
padding: 40px 20px;
border-width:2px;
}
.backlayer .logo img {
max-width: 300px;
}
.dp_ful .captcha_txt.flt .form-control {
width: 120px;
}
.error_img:before {
top: 54%;
left: 50px;
font-size: 100px;
}
.dashboard .backlayer .layerLeft {
height:100px;
}
.dateformatbg a {
display:none;
}
#admin-wrapper .login-page {
margin: 40% 0;
}
#admin-wrapper .carousel-wrapper, #admin-carousel {
height: auto;
width: 100%;
position: relative;
display:none;
}
#admin-wrapper {
background: #fff;
background:url(img/login-bg.jpg)
}
.error_page .btn-brd {
margin:0px 0 0px 0;
}
 .admin-login.backlayer .layerRight {
padding:0 !important;
}
.content_li {
width: 100%;
top: 70%;
left: 50%;
padding:10px;
border-width:2px;
}
.admin-login .loginfooter-lgn {
position: relative;
margin-top: 60px;
}
.admin-login .login-page {
height:auto;
border-width:2px;
margin: 10% auto;
}
.content_li ul li {
font-size:12px;
line-height:20px;
}
.backlayer .layerRight {
padding:0px;
}
.error_page .btn.btn-greensea {
margin-bottom:10px !important;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    height: 140px !important;
}
.item .carousel-caption {
    font-size: 13px;
}
.carousel-indicators {
    bottom: 30px;
}
.module-mobile-saprate table tr td {
    display:block;
}
.dateformatbg {
    margin-top: 0px;
}
.mobile-margin-0 {
    margin:0;
}

}



 /*custom css*/
 /*Index 5 page box css */
.feature-info, .feature-info .feature-info-icon, .feature-info .feature-info-content, .feature-info .feature-info-content .feature-info-title, .feature-info .feature-info-content p{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.feature-info-style-01 {
    background: #ffffff;
    padding: 35px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
    box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    max-height: 270px;
    margin:0 5px;
}
.feature-info-style-01 .feature-info-icon {
    margin-bottom: 25px;
    position: absolute;
    top: 35px;
}
.feature-info-content .text {
	text-align:justify;
	line-height:18px;
}
.feature-info .feature-info-icon {
    color: #FF9800;
    font-size: 35px;
    line-height: 1;
    margin-bottom: 15px;
}
.feature-info-style-01 .feature-info-content {
    margin-top: 80px;
}
.feature-info-style-01 .feature-info-content .icon-btn {
    position: absolute;
    bottom: -90px;
}
.feature-info-title {
    font-size: 17px;
    font-weight: 500;
}
.feature-info-title a {
    color:#000
}
.icon-btn {
    opacity: 1;
}
.icon-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #FF9800;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
	text-decoration:none !important;
}
.mb-2 {
	margin-bottom:10px;
}
.feature-info-style-01:hover {
    background: linear-gradient(154deg, #264173 0, #644645 100%);
}
.feature-info-style-01:hover .feature-info-icon {
    top: -90px;
}
.feature-info-style-01:hover .feature-info-content {
    margin-top: 0;
    margin-bottom: 80px;
}
.feature-info-style-01:hover .feature-info-content .feature-info-title a {
    color: #ffffff;
}
.feature-info-style-01:hover .feature-info-content p {
    color: #ffffff;
}
.feature-info-style-01:hover .feature-info-content .icon-btn {
    bottom: 45px;
}
.slidermain {
    margin-top:-3px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    height: 340px;
    width:100%;
}
.carousel-indicators {
    bottom: 50px;
}
.fieldset-border {
    background-color: transparent;
    border: solid 1px #d9d9d9;
    padding: 10px;
    margin-top:15px;
    margin-bottom:15px;
    border-radius: 3px;
}
.fieldset-border legend {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    width: auto;
    padding: 5px 15px;
    border-radius: 3px;
    border: none;
    margin: 0;
}
.bodycontent {
    margin:0 auto;
    width:97%;
}
.heading {
    font-size: 19px;
    font-weight: 500;
    border-bottom: solid 1px #bacdcf;
    padding-bottom: 5px;
    color: #000;
}
/*new login 27/03/2025 start*/
.mjpru-oses-login .form-section {
    min-height: 100vh;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px; 
}
.mjpru-oses-login a {
    text-decoration: none;
    color: #535353;
    float:none;
}
.mjpru-oses-login .form-section p p{
    color: #535353;
}
.mjpru-oses-login .form-inner {
    max-width: 450px;
    width: 100%;
}
.mjpru-oses-login .bg-img {
    background: url(../../App_Themes/CCSBLUE/images/admin-bg3.jpg) top center repeat; 
    background-size: 100% 100%;
    z-index: 999;
    min-height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}
/*.mjpru-oses-login .bg-img:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(36 10 99 / 47%);
}*/
.mjpru-oses-login .form-section .extra-login {
    margin-bottom: 25px;
    position: relative;
}
.mjpru-oses-login .form-section .extra-login::before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    height: 1px;
    background: #d8dcdc;
    content: "";
}
.mjpru-oses-login .form-section .extra-login > span {
    padding: 1px 20px;
    position: relative;
    font-size: 15px;
    color: #ffffff;
    background: #151f28;
}
.mjpru-oses-login .form-section .form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 0px;
    position: absolute;
    border-radius: 2px;
    border: none;
    background-color: #fff;
    margin-left: -22px;
}
.mjpru-oses-login .form-check-input:focus {
    border-color: snow;
    outline: 0;
    box-shadow: none;
}
.mjpru-oses-login .form-check-input:checked {
    background-color: #f5c025!important;
    border: 1px solid #f5c025!important;
}
.mjpru-oses-login .form-section p {
    margin-bottom: 0;
    font-size: 16px;
}
.mjpru-oses-login .form-section h3 {
    margin: 25px 0 25px;
    font-size: 22px; color:#fff;
}
.mjpru-oses-login .form-section .form-group {
    margin-bottom: 25px;
    position:relative;
}
.mjpru-oses-login .form-section .form-control {
    padding: 11px 52px 9px;
    font-size: 16px;
    outline: none;
    height: 55px;
    color: #FFF;
    border-radius: 50px;
    font-weight: 500;
    border-bottom: 1px solid #0000002b;
    background: #ffffff4a;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
}
#username::placeholder, #upassword::placeholder, input#cpatchaTextBox::placeholder {
    color:#fff;
}
.mjpru-oses-login .form-section .form-check {
    margin-bottom: 0;
    float: left;
    padding: 0;
    margin-left: 24px;
}
.mjpru-oses-login .form-section .form-check-label {
    padding-left: 5px;
    font-size: 16px;
    color: #FFF;
}
.mjpru-oses-login .form-section a.forgot-password {
    font-size: 16px; color:#fff !important;
    /*float: right;*/
}
p.flexes {
    text-align: end;
}
.mjpru-oses-login .checkbox.form-group.clearfix {
    margin-bottom: 0px;
}
.mjpru-oses-login .form-section a.forgot-password:hover{
    color: #ffb108;
}
.mjpru-oses-login .logo img {
    /*margin-bottom: 15px;*/
    height: 140px;
    margin:0 auto;
    width: 100%;
}
.mjpru-oses-login .btn-theme {
    position: relative;
    display: inline-block;
    border: none;
    outline: none !important;
    color: #ffffff;
    text-transform: capitalize;
    transition: all 0.3s linear;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 50px;
    width: 100%;
}
.mjpru-oses-login .btn-theme:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-radius: 3px;
    transform: perspective(200px) scaleX(0.1) rotateX(90deg) translateZ(-10px);
    transform-origin: bottom center;
    transition: transform 0.4s linear, transform 0.4s linear;
    z-index: -1;
}
.mjpru-oses-login .btn-theme:hover:after {
    transform: perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);
    transition: transform 0.4s linear, transform 0.4s linear;
}
.mjpru-oses-login .btn-lg{
    padding: 0 50px;
    line-height: 55px;
}
.mjpru-oses-login .btn{
    box-shadow: none!important;
}
.mjpru-oses-login .btn-primary{
    background: #FF9800;
}
.mjpru-oses-login .btn-primary:hover {background: #ec8d00;color: #fff;}
.mjpru-oses-login .btn-primary:after {
    background: #ec8d00;
}
.mjpru-oses-login .btn-primary.cust-theme {
    border:1px solid #fff;
    background:transparent;
    color:#fff;
}
.mjpru-oses-login .btn-primary.cust-theme:hover {
    border:1px solid #ec8d00;
    background:#ec8d00;
    color:#fff;
}
.mjpru-oses-login .info{
    max-width: 650px;
}
.mjpru-oses-login .info p {
    color: #fff;
    opacity: 0.8;
    font-size: 15px;
    line-height: 25px;
}
h2.headh2 {
    line-height: 30px;
    margin-top: -10px;
    text-align: center;
    font-weight: 300;
    font-size: 25px; color:#fff;
}
p.headp {
    font-size: 12px !important;
    margin-bottom: 15px !important;
    margin-top: -5px !important;color:#fff;
}
@media (max-width: 1200px){
    .mjpru-oses-login .name_wrap h1 {
        font-size: 40px;
    }
}
@media (max-width: 992px){
    .mjpru-oses-login .bg-img {
        /*display: none;*/
    }
}
h4.headingh4 {
    color: #fff;
    margin-top: -10px;
}
ul.list-group.service-provide.prov1 {
    padding-left: 0;
    opacity: 0.9;
}
h4.headingh4.op {
    opacity: 0.9;
}
.service-provide.prov1 li {
    width: 49%;
    color: #fff;
    margin-bottom: 14px;
    font-size: 13px;
    display: inline-block;
    font-weight: 500;
}
.mjpru-oses-login .form-inner .form-box i {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 16px;
    color: #c3c3c3;
}
.home-btn {
    position: absolute;
    top: 30px;
    right: 0px;
}
.home-btn a {
    padding:10px;
    border:1px solid #ffa200;
    color:#fff;
    background:#ffa200;
    border-radius: 20px;
}
.home-btn a:hover {
    color: #ffa200;
    border:1px solid #ffa200;
    background:transparent;
}
/*15-4-25*/
.osesmain {
    margin: 0 auto;
    width: 80%;
}
.osesmaininner {
    box-shadow: 0px 0 25px #19597896;
    display: inline-block;
    width: 100%;
    background: #fff;
}
.osesheader {
    background: linear-gradient(154deg, #264173 0, #644645 100%);
    box-shadow: 0px 5px 15px #1445578f;
    padding: 5px;
    display: inline-block;
    width: 100%;
}
.middle-content {
    min-height: 550px;
    padding: 10px;
}
.loginfooter-lgn {
    font-size: 0px;
    text-align: center;
    background: #dddfed;
    padding: 8px 0px;
    width: 100%;
    bottom: 0;
    display: inline-block;
}
.loginfooter-lgn a {
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}
.form-group-sm .form-control { 
    width: 96%;
    display: inline-block;
}
/*End of 15-4-25*/
@media only screen and (min-width: 300px) and (max-width: 769px) {
    .backlayer .logo img {margin:25px 0;}
    .mjpru-oses-login .form-section {
        padding: 20px;
        background: linear-gradient(154deg, #264173 0, #644645 100%);
    }
    .mjpru-oses-login .logo img {
        height: 140px;
    }
}
/*new login 27/03/2025 end*/