/* -----------------------------------   Custom CSS ------------------------------------------- */
.custom-bg-olive {
	    background: #53769c !important;
}
.custom-olive-text {
	color: #53769c !important;
}
.login-logo {
	height: 100px;
	margin-bottom: 20px;
}

.student-form-search {
	position: relative;
}

.student-form-search .form-control {
	padding-left: 30px;
}

.student-form-search i {
	color: #77777760 !important;
	position: absolute;
	top: 6px;
}

.student-form-search .left-icon i {
	left: 25px;
}

.student-form-search .right-icon {
	background-color: red !important;
	height: 100%;
}

.student-form-search .right-icon i {
	right: 25px;
}

.student-form-search .right-icon i:hover {
	cursor: pointer;
}

.student-image-container {
	width: 130px;
	height: 150px;
	border: 1px solid #77777780;
	display: none;
}

.student-image-container img {
	width: 100%;
	height: 100%;
}

#last-record-row {
	display: none;
}

#div-fees-table {
	height: 120px;
	overflow-y: auto;
	margin-bottom: 10px;
	border: 1px solid #77777780;
	margin-left: 125px;
	width: 865px;
}

#div-fees-table #feesTable thead tr th,
#div-fees-table #feesTable tbody tr td {
	padding: 5px;
}

#myTab .nav-item .nav-link {
	font-weight: 600;
	font-size: 14px;
}

/* search-list-container-panel */

.search-list-container-panel {
	height: 380px;
	width: 410px;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	overflow-y: auto;
	background-color: #fff;
	border: 1px solid #77777780;
	transition: all 2s ease-in-out;
}

/* Custom Scroll */

.search-list-container-panel::-webkit-scrollbar {
	width: 5px;
	transition: all 0.3s ease-in-out;
}

.search-list-container-panel::-webkit-scrollbar-thumb {
	background-color: #7267ef;
	border-radius: 20px;
	height: 100px;
}

.search-list-container-panel:hover::-webkit-scrollbar {
	width: 8px;
	transition: 0.3s ease-in-out;
}

.search-list-container-panel::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.colorRow {
	background-color: #ffebee;
}

.myLoginButton {
	background-color: #53769c !important;
}

/* Custom header design */

.custom-pc-header {
	background-color: #53769c;
	padding: 0px !important;
}

/* Event card */

.card-margin {
	margin-bottom: 1.875rem;
}

.card.eventcard {
	border: 0;
	box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
	-ms-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
}

.card.eventcard {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #ffffff;
	background-clip: border-box;
	border: 1px solid #e6e4e9;
	border-radius: 8px;
	height: 170px;
}

.card.eventcard .card-header.no-border {
	border: 0;
}

.card .card-header {
	background: none;
	padding: 0 0.9375rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	min-height: 50px;
}

.card-header:first-child {
	border-radius: calc(8px - 1px) calc(8px - 1px) 0 0;
}

.widget-49 .widget-49-title-wrapper {
	display: flex;
	align-items: center;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #edf1fc;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-date-primary
	.widget-49-date-day {
	color: #4e73e5;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-date-primary
	.widget-49-date-month {
	color: #4e73e5;
	line-height: 1;
	font-size: 1rem;
	text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #fcfcfd;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-date-secondary
	.widget-49-date-day {
	color: #dde1e9;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-date-secondary
	.widget-49-date-month {
	color: #dde1e9;
	line-height: 1;
	font-size: 1rem;
	text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #e8faf8;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-date-success
	.widget-49-date-day {
	color: #17d1bd;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-date-success
	.widget-49-date-month {
	color: #17d1bd;
	line-height: 1;
	font-size: 1rem;
	text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #ebf7ff;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-day {
	color: #36afff;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-month {
	color: #36afff;
	line-height: 1;
	font-size: 1rem;
	text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: floralwhite;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-date-warning
	.widget-49-date-day {
	color: #ffc868;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-date-warning
	.widget-49-date-month {
	color: #ffc868;
	line-height: 1;
	font-size: 1rem;
	text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #feeeef;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-day {
	color: #f95062;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-date-danger
	.widget-49-date-month {
	color: #f95062;
	line-height: 1;
	font-size: 1rem;
	text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #fefeff;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-day {
	color: #f7f9fa;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-date-light
	.widget-49-date-month {
	color: #f7f9fa;
	line-height: 1;
	font-size: 1rem;
	text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #ebedee;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-day {
	color: #394856;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-month {
	color: #394856;
	line-height: 1;
	font-size: 1rem;
	text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #f0fafb;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-day {
	color: #68cbd7;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-month {
	color: #68cbd7;
	line-height: 1;
	font-size: 1rem;
	text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info {
	display: flex;
	flex-direction: column;
	margin-left: 1rem;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-meeting-info
	.widget-49-pro-title {
	color: #3c4142;
	font-size: 14px;
}

.widget-49
	.widget-49-title-wrapper
	.widget-49-meeting-info
	.widget-49-meeting-time {
	color: #b1bac5;
	font-size: 13px;
}

.widget-49 .widget-49-meeting-points {
	font-weight: 400;
	font-size: 13px;
	margin-top: 0.5rem;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item {
	display: list-item;
	color: #727686;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item span {
	margin-left: 0.5rem;
}

.widget-49 .widget-49-meeting-action {
	text-align: right;
}

.widget-49 .widget-49-meeting-action a {
	text-transform: uppercase;
}
.desktop-display-none {
    display: none;
}

/* Dashboard Quick Links */

.quick-links-card ul {
	list-style: none;
	margin-top: -10px;
}
.quick-links-card ul li {
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}
.quick-links-card ul li a {
	font-size: 14px;
	
}
.quick-links-card ul li a:hover {
	color: #3ec9d6 !important
}
.quick-links-card ul li a i{
	margin-right: 10px;
}
/* Notice */
.notice-card .card-body::-webkit-scrollbar {
  width: 11px;
}
.notice-card .card-body {
  scrollbar-width: thin;
  scrollbar-color: #17C666 #daf6e7;
}
.notice-card .card-body::-webkit-scrollbar-track {
  background: #daf6e7;
}
.notice-card .card-body::-webkit-scrollbar-thumb {
  background-color: #17C666  ;
  border-radius: 6px;
  border: 3px solid #daf6e7 ;
}
.notice-card .card-body {
	height: 200px;
	overflow-y: auto;
	background-color: #daf6e7;
}
.notice-card .card-body h6 {
	font-size: 14px;
	margin-top: -10px;
}
.notice-card a.card-footer{
	font-size: 13px;
	font-weight: 600;
}

.bg-card-header {
	background-color: #fafafa !important;
}
.btn-olive {
	background-color: #53769c !important;
	color: #fff;
}
.btn-olive:hover {
	color: #fff;
}
/* -----------------------------------   Media Quesries ------------------------------------------- */

/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
	/* Admission Form Responsiveness */
	.mobile-display-none {
		display: none;
	}
	.pc-mob-header {
		background: #53769c;
	}
	.student-form-search {
		margin-top: 10px;
	}
	.search-list-container-panel {
		width: 100%;
	}
	.pc-wizard .nav .nav-item .nav-link {
		font-size: 12px;
		width: 100px;
		text-align: center;
	}
	.pc-wizard .nav .nav-item .nav-link i {
		display: none;
	}
	.pc-wizard .card-body .tab-content .tab-pane .text-right {
		text-align: left !important;
		padding-left: 0px;
		font-size: 12px;
		margin-bottom: 5px;
	}

	/* Fees Form Responsiveness */
	.nav-tabs .nav-link {
		font-size: 12px !important;
	}
	.tab-content .text-right {
		text-align: left !important;
		padding-left: 0px;
		font-size: 12px;
		margin-bottom: 5px;
	}
	.fees-card .text-right {
		text-align: left !important;
		padding-left: 0px;
		font-size: 12px;
		margin-bottom: 5px;
	}
	#div-fees-table {
		overflow-x: auto !important;
		margin-left: 0px;
		width: 100%;
    }
    .desktop-display-none {
    display: block;
}

	/* ===== Custom Mobile Margins ===== */
	.mobile-margin-top-minus-10 {
		margin-top: -10px;
	}
	.mobile-margin-top-minus-15 {
		margin-top: -15px;
	}
	.mobile-margin-top-minus-20 {
		margin-top: -20px;
	}
	.mobile-margin-top-minus-30 {
		margin-top: -30px;
	}
	.mobile-margin-top-minus-40 {
		margin-top: -40px;
	}
	.mobile-margin-top-minus-50 {
		margin-top: -50px;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) {
}

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px to 1300px) */

@media only screen and (max-width: 1300px) and (min-width: 1200px) {
	.search-list-container-panel {
		width: 375px;
	}
}

/* 1920 - 1080 */

@media screen and (min-width: 1900px) {
	.search-list-container-panel {
		width: 640px;
	}
}