/*-----------------------------------------------SIDEBAR------------------------------------------*/
/*=====================
SIDEBAR
=====================*/
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold {padding: 15px 0!important;}
.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a.open {color: #14988a;
	background: #bba8d438!important;}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active{color: #14988a;
	background: #d8cce530!important;}
.nav-item a:active{color: #14988a;background: #d8cce530!important;}
/*=====================
Tabs : Common
=====================*/
.nav-tabs .nav-item .nav-link.active {background: #3fb39d!important;color: #fff;}
.tab-pane .card-body {padding: 0.25rem;}
.tab-content {padding: 0.1rem;}
.table .checkbox, .table .radio {display: inline-block!important;}
.pull-right{float: right;}
/*-----------------------------------------------DASHBOARD------------------------------------------*/
/*=====================
TOP BOXES
=====================*/
.card-icon-bg .card-body .content { max-width: fit-content;}
/*-----------------------------------------------ADD PG------------------------------------------*/
/*===========================
Tab_PaymentGatewayIn : Cards
===========================*/
.Tab_PaymentGatewayInfo .card {box-shadow: none!important;}
.Tab_PaymentGatewayInfo .card-body {padding: 0;}
.Tab_PaymentGatewayInfo .card-header {/*width: 30%!important;*/ padding: 0.25rem 1rem!important;
	margin-bottom: 0!important;background-color: #3fb39d24!important;
	border-bottom: 1px solid rgba(0, 0, 0, .125)!important;}

.Tab_Details.card {box-shadow: none!important;}
.Tab_Details .card-body {padding: 0;}
.Tab_Details .card-header {/*width: 30%!important;*/ padding: 0.25rem 1rem!important;
	margin-bottom: 0!important;background-color: #3fb39d24!important;
	border-bottom: 1px solid rgba(0, 0, 0, .125)!important;}
.Tab_Details .table {width: 100%;margin-bottom: 0rem;}

/*========================= Style by Anjor ======================*/

/*----- Class wise summary report ----------*/
.class-summary-page .card-body .row {
	align-items: flex-end;
}

select.form-control {
	-webkit-appearance: listbox;
}

/* -------------- Unpaid Student Report --------------*/
.toggle-items .text-default.collapsed:before {
	content: "\ECDC";
	font-family: iconsmind!important;
	font-weight: 400;
	background-color: #4caf50;
	color: #fff;
	position: relative;
	left: -5px;
	border-radius: 50%;
}

.toggle-items .text-default:before {
	content: "\ECE2";
	font-family: iconsmind!important;
	font-weight: 400;
	background-color: #f44336;
	color: #fff;
	position: relative;
	left: -5px;
	border-radius: 50%;
}

.highlighted-columns thead tr th:nth-child(8),
.highlighted-columns thead tr th:nth-child(11),
.highlighted-columns thead tr th:nth-child(12) {
	background-color: #ffc107;
}

.highlighted-columns tbody tr td:nth-child(8),
.highlighted-columns tbody tr td:nth-child(11),
.highlighted-columns tbody tr td:nth-child(12) {
	background-color: #ffdf80;
}

/*------------------ Custom Breadcrumb ---------------*/
.separator-breadcrumb {
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.custom-breadcrumb {
	list-style-type: none;
	padding-left: 0;
}

.custom-breadcrumb  li{
	display: inline-block;
}

.custom-breadcrumb  li a:after{
	content: "\F073";
	font-family: iconsmind!important;
	margin-left: 3px;
	font-size: 11px;
	color: #000;
}

/*--------------- Warning Button text color change --------*/
.btn-warning {
	color: #fff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
	color: #fff;
}

/* ------------- Page Title Alignment ---------------------*/
.page-title-wrapper {
	padding-left: 1rem;
	padding-right: 1.25rem;
	align-items: center;
}

.page-title-wrapper > .col {
	padding-left: 0;
	padding-right: 0;
}

.breadcrumb {
	margin-bottom: 0;
}

/* ------------- Form control focus color -----------------*/
.form-control:focus {
	border-color: #14988a !important;
	box-shadow: 0 0 0 .2rem rgba(20,152,138,.25) !important;
}

/*-------------- btn-primary focus and active color --------*/
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background-color: #14988a !important;
	border-color: #14988a !important;
	box-shadow: 0 0 0 .2rem rgba(20,152,138,.25) !important;
}

/*-------------- btn-warning focus and active color --------*/
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
	color: #fff;
}

/*-------------- Background for collapse -------------------*/
.light-collapse {
	background-color: rgba(232, 252, 250,0.5);
	border-radius: 5px;
}

/*-------------- Sign In Page ------------------------------*/

.hero-banner-text h1{
	color: #fff;
	font-size: 50px;
	font-weight: bolder;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.hero-banner-text h3 {
	color: #fff;
	margin-top: 20px;
}

.auth-content {
	right: 0;
	top: 0;
	height: 100%;
	background-color: #fff;
	padding: 3rem;
}

.sign-in-page .content-wrapper  {
	padding-top: 5rem;
}

.sign-in-page .step-title {
	font-size: 36px;
	display: block;
	width: 100%;
	position: relative;
	padding-left: 5.5rem;
	margin-bottom: 3rem;
}

.sign-in-page {
	counter-reset: my-sec-counter;
}

.sign-in-page .step-title:before {
  counter-increment: my-sec-counter;
  content: "STEP " counter(my-sec-counter);
  font-size: 15px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  width: 60px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: -18px; 
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #14988a;
  color: #fff;
}

#viewPass1,
#viewPass2 {
	border: none;
	background-color: transparent;
	color: #14988a;
	line-height: 10px;
	position: absolute;
	right: 0;
	top: 70%;
	transform: translate(-50%, -50%);
	padding: 0;
	z-index: 5;
}

#viewPass2 {
	top: 50%;
}

.form-group-wrapper {
	border-radius: 3px;
	background-color: transparent;
	color: #fff;
	width: 100%;
}

.form-group-wrapper .input-group {
	background-color: #f8f9fa;
}

.form-group-wrapper .input-group .icon-regular {
	line-height: 32px;
	padding: 0 5px;
	color: #47404f;
	border: 1px solid #ced4da;
	border-right: 0;
	border-top-left-radius: 0.25rem;
  	border-bottom-left-radius: 0.25rem;	
}

.picker--opened .picker__holder {
	top: 35px;
}

.slideInRight {
	font-size: 18px;
}

.field-label {
	display: block;
	width: 100%;
}

.form-control.form-control-rounded, .form-control.rounded {
	border-radius: 20px !important;
}

.footer-bottom {
	position: relative;
	z-index: 1;
}

.layout-sidebar-large .main-header {
	top: 0;
}

.customizer-body #accordionCustomizer #collapseOne {
	display: none;
}

/*-----------------------------------------------MEDIA QUERIES----------------------------------*/

@media (max-width:812px){
	/*=====================
	Tabs : Common
	=====================*/
	.nav-tabs .nav-item {margin-bottom: -1px;width: 50%;border-right: 1px solid #3fb39d45;
    background: #3fb39d0a;text-align: center;}
	.nav-tabs .nav-item .nav-link {padding: 0.30rem;font-size: small;}
	.nav-tabs .nav-item .nav-link.active {padding: 0.30rem;font-size: small;border:0;}
}


@media (min-width: 992px) {

	.sign-in-page .content-wrapper  {
		border-left: 5px solid #14988a;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.sign-in-page .step-title {
		font-size: 30px;
		padding-left: 2rem;
	}

	.sign-in-page .step-title:before {
		height: 55px;
		width: 55px;
		line-height: 55px;
		font-size: 11px;
		left: -19px;
		font-weight: bolder;
	}

	.sign-in-page .content-wrapper {
		border-left: 10px solid #14988a;
	}
}

@media (min-width: 1024px) {
	.auth-layout-wrap .auth-content {min-width: 460px!important;}
}


@media (min-width: 768px) {
/*-------------------- Full Paid Student Report ---------------*/
	.export-excel {
		margin-right: 15px;
	}

	.intellipay-logo {
		margin-bottom: 6rem;
	}

	.login-title {
		margin-bottom: 6rem;
	}

	.auth-content {
		width: 45%;
		position: fixed;
	}
}

@media (max-width: 767px) {
/*-------------------- Full Paid Student Report ---------------*/

	#multicolumn_ordering_table_filter {
		text-align: right;
	}

	.hero-banner-text {
		text-align: center;
		padding: 2rem;
	}

	.sign-in-page .step-title:before {
		height: 60px;
		width: 60px;
		line-height: 60px;
		left: 30px;
		font-size: 12px;
	}

	.sign-in-page .step-title {
		font-size: 32px;
		padding-left: 5.5rem;
	}
	.text-content {
		text-align: center;
	}

	.intellipay_logo {
		margin: 0 auto;
	}

	.auth-layout-wrap {
		border-bottom: 5px solid #14988a;
	}
}

/*--------------- Sidebar Menu -------------*/
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text {
	margin-left: 0.5rem;
	font-weight: 700;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .feather, .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon {
	font-size: 26px;
	float: left;
	margin: 0; 
	/*font-weight: 600;*/
	margin-left: 10px;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold {
	display: flex;
	width: 100%;
	padding: 15px;
	align-items: center;
}

.layout-sidebar-large .sidebar-left .navigation-left {
	width: 200px;
}

.layout-sidebar-large .sidebar-left {
	left: -200px;
}

.layout-sidebar-large .sidebar-left-secondary.open {
	left: 200px;
}

.main-content-wrap.sidenav-open {
	width: calc(100% - 180px);
}

.layout-sidebar-large .sidebar-overlay {
	width: calc(100% - 425px);
}

.layout-sidebar-large .main-header .menu-toggle	{
	width: 80px;
	margin-right: 0;
	align-items: flex-end;
}

.custom-file-input:lang(en)~.custom-file-label:after {
	content: 'Upload';
}

.services-tabs .nav-link {
	border: 1px solid;
}