.inputerror {
	border: 2px solid red;
}

.isActive {
	margin-right: 25px;
}

.switch-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #d3d7d7;
	border: 1px solid #ccc;
	border-color: #d3d7d7;
	width: -1%;
	white-space: nowrap;
	vertical-align: middle;
}

.fullWidth {
	width: 100% !important;
}

.rowbg {
	background: #D1E5F8;
	padding-top: 10px;
	padding-bottom: 10px;
}

.thwidth1 {
	width: 65%;
}
.thwidth2 {
	width: 18%;
}

.thwidth3 {
	width: 30%;
}
.thwidth4 {
	width: 8%;
}
.thwidth5 {
	width: 10%;
}
.thwidth6 {
	width: 20%;
}

td {
	vertical-align: middle !important;
}


td button, td a {
	width: 40px;
	display: inline-block !important;
	margin: auto;
}

/* modal styling */
.model-contentwrapper {width: 640px; margin: auto; background-color: #ffffff; margin-top: 10%; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }
.model-contentwrapper .modal-header {padding: 9px 15px; border-bottom: 1px solid #eee;}
.model-contentwrapper .modal-header * {margin: 0; line-height: 22px; font-size: 18.5px; margin: 0px !important;}

/* student image styling */
.studentImageWrap {width: auto; height: 123px; margin: auto; }
.studentImageWrap img{margin: auto; display: block; background-size: cover; width: auto; height: 100%; }

/* custom wraper */
.container-wrap {background: rgba(231, 227, 227, 0.5); padding: 20px; border: 1px solid #E4D8D8;}

/* table footer */
table tbody .footer > td {background: #91ADBD !important; color: #fff !important; }

/* cus-group-addon */
.cus-group-addon {background: rgb(95, 69, 69) !important; color: #fff !important; }
.cus-group-addon2 {background: rgb(241, 17, 17) !important; color: #fff !important; }

/* table cell input */
.tableInputCell {background: transparent; padding: 5px; border: 0px;width: 100%;}

/* table rows */
.level1row { background: #0769bf !important; color: #fff !important; text-transform: capitalize; }
.level2row { background: #3fa1f7 !important; color: #fff !important; text-transform: capitalize; }
.level3row { background: #8EC7FA !important; color: #fff !important; text-transform: capitalize; }
.level4row { background: #D2E9FD !important; color: #333 !important; text-transform: capitalize; }
.txtcenter {vertical-align: middle !important; text-align: center; border: 1px solid #BBB5B5 !important; }
.txtbold { font-weight: bold; }

/* login page */
#loginpagelogo {
	margin: auto;
	display: block;
	width: 250px;
	padding-bottom: 10px;
}

.id-addon {
	background:#f0a930 !important;
	color: #fff !important;
}

.txt-addon {
	background-color: #368EE0 !important;
	color: #fff !important;
}

.amnt-addon {
	background-color: rgb(255, 0, 0) !important;
	color: #fff !important;
}

.other-addon {
	background-color: #56A356 !important;
	color: #fff !important;
}

.fancy-addon {
	background: #FAFFBD !important;
	color: #000 !important;
}

.radio:hover{
	cursor: pointer;
}

.duplicate {
	background: rgb(247, 48, 48) !important;
	color: #fff;
}

.content-head{
	display: inline-block;
	width: 120px;
}

.content-detail {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	text-transform: capitalize;
}

.time {
	color: red !important;
	font-size: 55px !important;
}

.sub-heading {
	margin-left: 55px !important;
	display: block;
	margin-top: 8px;
}

.sub-heading-line {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	margin-left: 51px !important;
}

.priviligeBlocks {
	margin-left: 51px;
	background: rgb(206, 198, 198);
	box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.52);
}

ul.priviligeBlock {
	margin-left: -31px;
}

ul.rpt {
	margin-left: 14px !important;
}

ul.priviligeBlock li.li-head {
	display: inline-block;
	min-width: 100px;
	padding-right: 14px !important;
}

ul.priviligeBlock li.li-head label {
	min-height: 0px !important;
	margin-top: 0px !important;
}

.select {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox{
	cursor: pointer;
}

.columns {color: #000; padding-top: 15px; padding-bottom: 15px;}
.col1 {background: #E9E2FF; } .col2 {background: #E8F0FD; } .col3 {background: #79FFBE; }

.txtshadow {text-shadow: 0px 1px 1px #333;}

.cancelpointer {
	pointer-events: none;
}


.items {
	max-height: 376px;
	position: relative;
	overflow: auto;
}

.items .item {
	width: 90px;
	height: 90px;
	background: #4358EC;
	box-shadow: 1px 1px 1px #6D6A6A;
	position: relative;
	cursor: pointer;
	border-radius: 4px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

.items .item .item_desc {
	position: absolute;
	top: 6px;
	left: 8px;
	color: #fff;
	text-shadow: 0px 1px 1px #333;
	font-size: 10px;
	text-transform: uppercase;
}

.items .item .item_price {
	position: absolute;
	bottom: 6px;
	right: 8px;
	color: #fff;
	text-shadow: 0px 1px 1px #333;
	font-size: 12px;
}

.kotbtns {
	background: #5A5F83;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none !important;
	color: #fff;
	margin-right: 4px;
	font-size: 12px;
	width: auto !important;
}

.kotbtns:hover {
	color: #fff;
	background: rgba(90, 95, 131, 0.77);
}

table.table th {
	background: rgb(118, 191, 69) !important;
	color: #fff;
	font-weight: normal;
}

.ucase {
	text-transform: uppercase;
}
.text-right {
	text-align: right;
}

.stats {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

.stats li {
	float: left;
	padding: 10px;
	margin-right: 15px;
}

li.red {
	background: #e51400;
}

li.green {
	background: #393;
}

li.brown {
	background: #a05000;
}

.stats>li i {
	font-size: 30px;
	color: #fff;
	float: left;
	margin: 5px 0;
}

.stats>li .details {
	/*margin-left: 50px;*/
}

ul>li.blue {
	background: #368ee0;
}

.stats>li .details span.big {
	font-size: 16px;
}

.stats>li .details span {
	color: #fff;
	display: block;
	font-size: 11px;
}

.stats>li .details span {
	color: #fff;
	display: block;
	font-size: 11px;
}

.stats>li {
	float: left;
	padding: 10px;
}

.dont-show {
	display: none !important;
}

.finalsum { background: #f3c791 !important; }

.subsum_tr { background: #ece7e7f2 !important; }
.subsum_tr td { background: #ece7e7f2 !important;  border-top: 0.5px solid !important; font-weight: bold !important;}

.subsum_tr2 { background: #428bca !important; }
.subsum_tr2 td { background: #428bca !important;  border-top: 0.5px solid !important; font-weight: bold !important;}

.finalsumg1 td { background: rgb(79, 156, 98) !important;  border-top: 0.5px solid !important; font-weight: bold !important;}
.finalsumg2 td { background: #428bca !important;  border-top: 0.5px solid !important; font-weight: bold !important;}



.hightlight_tr td { border-top: 0.5px solid !important;  background: rgb(79, 156, 98) !important; color: white; font-weight: bold; }
.hightlight_tr2 td { border-top: 0.5px solid !important;  background: #428bca !important; color: white; font-weight: bold; }



.finalsum td { background: #f3c791 !important;  border-top: 0.5px solid !important; font-weight: bold !important;}



.readonly {
	background: #fff;
	border: 1px solid #BDB4B4;
}

/* Blue palette + sidebar refresh */
:root {
	--brand-blue-100: #d6e9ff;
	--brand-blue-300: #6db5ff;
	--brand-blue-500: #2f86d4;
	--brand-blue-700: #1f6cb8;
	--sidebar-bg-start: #0f4f86;
	--sidebar-bg-end: #1b79c4;
	--sidebar-text: #eaf4ff;
}

table.table th {
	background: var(--brand-blue-500) !important;
}

#left {
	background: linear-gradient(180deg, var(--sidebar-bg-start) 0%, var(--sidebar-bg-end) 100%) !important;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 4px 0 24px rgba(10, 34, 57, 0.25);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

#left .subnav {
	margin-top: 10px;
}

#left .subnav .subnav-title .toggle-subnav {
	color: var(--sidebar-text) !important;
	font-weight: 600;
	border-radius: 10px !important;
	padding: 9px 10px 9px 30px !important;
	transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

#left .subnav .subnav-title .toggle-subnav:hover {
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff !important;
	transform: translateX(2px);
}

#left .subnav .subnav-title .toggle-subnav i {
	display: block;
	color: #d9ecff;
}

#left .subnav .subnav-menu > li > a {
	color: #edf6ff !important;
	border-left: 3px solid transparent;
	border-radius: 8px !important;
	margin: 2px 8px;
	padding: 8px 10px 8px 26px !important;
	transition: background-color 0.25s ease, border-color 0.25s ease, padding-left 0.25s ease;
}

#left .subnav .subnav-menu > li > a:hover {
	background: rgba(255, 255, 255, 0.16) !important;
	border-left-color: var(--brand-blue-100);
	color: #ffffff !important;
	padding-left: 30px !important;
}

#left .subnav .subnav-menu > li.active > a {
	background: rgba(255, 255, 255, 0.2) !important;
	border-left-color: #ffffff;
	color: #ffffff !important;
	font-weight: 700;
}

#left .subnav .subnav-menu > li.dropdown.open > a,
#left .subnav .subnav-menu > li.dropdown.open .dropdown-menu .dropdown-submenu:hover > a,
#left .subnav .subnav-menu > li.dropdown.open .dropdown-menu .dropdown-submenu:focus > a {
	background: rgba(255, 255, 255, 0.18) !important;
	color: #ffffff !important;
}

#left .subnav .subnav-menu > li.dropdown.open .dropdown-menu {
	border-color: var(--brand-blue-700) !important;
	box-shadow: 0 10px 22px rgba(9, 37, 64, 0.3);
}

.mobile-sidebar-toggle,
.toggle-mobile {
	background: var(--brand-blue-500) !important;
	border-radius: 8px !important;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.mobile-sidebar-toggle:hover,
.toggle-mobile:hover {
	background: var(--brand-blue-700) !important;
	transform: translateY(-1px);
}

@media (max-width: 840px) {
	#left {
		position: fixed !important;
		top: 43px !important;
		left: 0 !important;
		width: 280px !important;
		max-width: 84vw;
		height: calc(100vh - 43px) !important;
		transform: translateX(-105%);
		z-index: 1100;
		overflow-y: auto;
	}

	#left.mobile-show {
		display: block !important;
		transform: translateX(0) !important;
		box-shadow: 0 0 0 100vmax rgba(9, 24, 40, 0.45), 6px 0 24px rgba(10, 34, 57, 0.35);
	}

	#main {
		margin-left: 0 !important;
	}
}

/* Force remove legacy green accents in voucher screens */
.btn-success,
.btn.btn-success,
.open .dropdown-toggle.btn-success,
.btn-group.open .dropdown-toggle.btn-success,
.label-success,
.badge-success,
ul > li.green,
.satgreen,
.light-greenn,
.hightlight_tr td,
.finalsumg1 td {
	background: var(--brand-blue-500) !important;
	border-color: var(--brand-blue-500) !important;
	color: #fff !important;
}

.btn-success:hover,
.btn.btn-success:hover,
.btn-success:focus,
.btn.btn-success:focus {
	background: var(--brand-blue-700) !important;
	border-color: var(--brand-blue-700) !important;
}

/* Keep icon + text visible in the sidebar title rows */
#left .subnav .subnav-title .toggle-subnav {
	display: flex !important;
	align-items: center;
	gap: 8px;
}

#left .subnav .subnav-title .toggle-subnav i {
	position: static !important;
	left: auto !important;
	top: auto !important;
	margin-right: 0;
	flex: 0 0 auto;
}

#left .subnav .subnav-title span {
	margin-left: 0 !important;
	display: inline !important;
}

/* Modern blue theme for legacy fixed sidebar */
#side_nav,
#side_nav > ul {
	background: linear-gradient(180deg, #0f4c8a 0%, #123f72 55%, #0b3057 100%) !important;
	border-right: 1px solid rgba(255, 255, 255, 0.16);
	box-shadow: 4px 0 20px rgba(7, 35, 67, 0.28);
}

#side_nav > ul > li {
	margin: 4px 0;
}

#side_nav > ul > li > a {
	color: #eaf5ff !important;
	font-size: 30px !important;
	font-weight: 700 !important;
	padding: 10px 0 12px !important;
	margin: 0 7px;
	border-radius: 12px;
	border: 1px solid transparent;
	transition: all 0.2s ease;
}

#side_nav > ul > li > a:hover,
#side_nav > ul > li > a:focus {
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.14) !important;
	border-color: rgba(255, 255, 255, 0.28);
	transform: translateY(-1px);
}

#side_nav > ul > li.nav_open > a {
	color: #ffffff !important;
	background: linear-gradient(135deg, rgba(89, 177, 255, 0.55), rgba(44, 138, 224, 0.65)) !important;
	border-color: rgba(255, 255, 255, 0.36);
	box-shadow: 0 8px 16px rgba(8, 32, 65, 0.25);
}

#side_nav > ul > li > a:before {
	border-right-color: #f4faff !important;
}

#side_nav .nav_title {
	margin-top: 4px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.3px;
	color: #e6f3ff;
}

#side_nav .sub_panel {
	border: 0 !important;
	background: linear-gradient(180deg, #0f548f 0%, #0b4172 100%) !important;
	border-radius: 0 14px 14px 0;
	box-shadow: 8px 8px 26px rgba(7, 35, 67, 0.28) !important;
	overflow-y: auto;
	overflow-x: hidden;
}

#side_nav .sub_panel .panel,
#side_nav .sub_panel .panel-heading,
#side_nav .sub_panel .panel-body {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

#side_nav .sub_panel ul {
	background: transparent !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
}

#side_nav .sub_panel .panel_heading {
	color: #dff0ff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

#side_nav .sub_panel ul a {
	color: #eef7ff !important;
	border-radius: 9px;
	margin: 2px 8px;
	padding: 9px 12px !important;
	border-left: 3px solid transparent;
	transition: all 0.2s ease;
}

#side_nav .sub_panel ul a:hover,
#side_nav .sub_panel ul a:focus {
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.16) !important;
	border-left-color: #9dd3ff;
	padding-left: 16px !important;
}

#side_nav .sub_panel ul li + li a {
	border-top: 0;
}

#side_nav .sub_panel .side_icon {
	color: #cfe8ff;
}

#side_nav .sub_panel::-webkit-scrollbar {
	width: 8px;
}

#side_nav .sub_panel::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.15);
}

#side_nav .sub_panel::-webkit-scrollbar-thumb {
	background: rgba(184, 222, 255, 0.55);
	border-radius: 10px;
}

@media (max-width: 992px) {
	#side_nav > ul > li > a {
		font-size: 22px !important;
		margin: 0 4px;
		border-radius: 9px;
	}

	#side_nav .nav_title {
		font-size: 10px !important;
	}

	#side_nav .sub_panel {
		width: 230px;
	}
}

/* Modern blue topbar theme */
header.navbar.navbar-fixed-top {
	background: linear-gradient(110deg, #0b3c70 0%, #165a99 52%, #0f4d86 100%) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
	box-shadow: 0 6px 20px rgba(8, 36, 67, 0.32);
}

header.navbar.navbar-fixed-top .container-fluid {
	padding-left: 14px;
	padding-right: 14px;
}

header.navbar.navbar-fixed-top .wall_btn {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	margin-top: 5px !important;
	margin-bottom: 0;
	padding-left: 0;
}

header.navbar.navbar-fixed-top .wall_btn > li {
	list-style: none;
}

header.navbar.navbar-fixed-top .wall_btn > li > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 32px;
	padding: 0 13px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #f4faff !important;
	font-size: 13px;
	font-weight: 600;
	transition: all 0.2s ease;
	text-decoration: none !important;
}

header.navbar.navbar-fixed-top .wall_btn > li > a:hover,
header.navbar.navbar-fixed-top .wall_btn > li > a:focus {
	background: rgba(255, 255, 255, 0.26);
	border-color: rgba(255, 255, 255, 0.45);
	color: #ffffff !important;
	transform: translateY(-1px);
}

header.navbar.navbar-fixed-top .wall_btn > li.active > a {
	background: rgba(255, 255, 255, 0.3);
	border-color: rgba(255, 255, 255, 0.55);
	color: #ffffff !important;
}

header.navbar.navbar-fixed-top .wall_btn .login_info > a {
	max-width: 560px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

header.navbar.navbar-fixed-top .log_out {
	margin-top: 5px !important;
	margin-left: 8px !important;
}

header.navbar.navbar-fixed-top .log_out > li > a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 32px;
	padding: 0 12px !important;
	margin-top: 0 !important;
	border-radius: 10px;
	background: rgba(9, 28, 52, 0.32);
	border: 1px solid rgba(255, 255, 255, 0.28);
	color: #f3f9ff !important;
	font-size: 12px;
	font-weight: 600;
	transition: all 0.2s ease;
}

header.navbar.navbar-fixed-top .log_out > li > a:hover,
header.navbar.navbar-fixed-top .log_out > li > a:focus {
	background: rgba(255, 255, 255, 0.24) !important;
	border-color: rgba(255, 255, 255, 0.5);
	color: #ffffff !important;
}

header.navbar.navbar-fixed-top .navbar_el_icon,
header.navbar.navbar-fixed-top .fa {
	opacity: 0.95;
}

@media (max-width: 1200px) {
	header.navbar.navbar-fixed-top .wall_btn .login_info > a {
		max-width: 320px;
	}
}