.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: linear-gradient(135deg, #26386c 0%, #1e98b1 58%, #9a4ca6 100%) !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: linear-gradient(135deg, #26386c 0%, #1e98b1 58%, #9a4ca6 100%);
}

.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: linear-gradient(135deg, rgba(38,56,108,0.95) 0%, rgba(30,152,177,0.9) 58%, rgba(154,76,166,0.88) 100%) !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: linear-gradient(135deg, rgba(38,56,108,0.95) 0%, rgba(30,152,177,0.9) 58%, rgba(154,76,166,0.88) 100%) !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;
}

/* Modern shared palette + sidebar refresh */
:root {
	--brand-blue-100: rgba(30, 152, 177, 0.16);
	--brand-blue-300: #79b8d6;
	--brand-blue-500: #1e98b1;
	--brand-blue-700: #26386c;
	--sidebar-bg-start: #ffffff;
	--sidebar-bg-end: #f6f9ff;
	--sidebar-text: #26386c;
	--brand-purple-500: #9a4ca6;
}

table.table th {
	background: linear-gradient(135deg, var(--brand-blue-700) 0%, var(--brand-blue-500) 58%, var(--brand-purple-500) 100%) !important;
}

#left {
	background: linear-gradient(180deg, var(--sidebar-bg-start) 0%, var(--sidebar-bg-end) 70%, #f7f2ff 100%) !important;
	border-right: 1px solid rgba(38, 56, 108, 0.08);
	box-shadow: none;
	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(30, 152, 177, 0.08);
	color: var(--brand-blue-700) !important;
	transform: translateX(2px);
}

#left .subnav .subnav-title .toggle-subnav i {
	display: block;
	color: var(--brand-blue-500);
}

#left .subnav .subnav-menu > li > a {
	color: var(--brand-blue-700) !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(30, 152, 177, 0.08) !important;
	border-left-color: var(--brand-blue-500);
	color: var(--brand-blue-700) !important;
	padding-left: 30px !important;
}

#left .subnav .subnav-menu > li.active > a {
	background: linear-gradient(135deg, rgba(38,56,108,0.08) 0%, rgba(30,152,177,0.12) 58%, rgba(154,76,166,0.12) 100%) !important;
	border-left-color: var(--brand-purple-500);
	color: var(--brand-blue-700) !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(30, 152, 177, 0.1) !important;
	color: var(--brand-blue-700) !important;
}

#left .subnav .subnav-menu > li.dropdown.open .dropdown-menu {
	border-color: rgba(38, 56, 108, 0.16) !important;
	box-shadow: 0 14px 28px rgba(38, 56, 108, 0.12);
}

.mobile-sidebar-toggle,
.toggle-mobile {
	background: linear-gradient(135deg, var(--brand-blue-700) 0%, var(--brand-blue-500) 58%, var(--brand-purple-500) 100%) !important;
	border-radius: 8px !important;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.mobile-sidebar-toggle:hover,
.toggle-mobile:hover {
	background: linear-gradient(135deg, #1f2c57 0%, var(--brand-blue-700) 45%, var(--brand-purple-500) 100%) !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: linear-gradient(135deg, var(--brand-blue-700) 0%, var(--brand-blue-500) 58%, var(--brand-purple-500) 100%) !important;
	border-color: transparent !important;
	color: #fff !important;
}

.btn-success:hover,
.btn.btn-success:hover,
.btn-success:focus,
.btn.btn-success:focus {
	background: linear-gradient(135deg, #1f2c57 0%, var(--brand-blue-700) 45%, var(--brand-purple-500) 100%) !important;
	border-color: transparent !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;
}