/* source-sans-pro-300 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/source-sans-pro-v13-latin-300.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
	url('fonts/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-300.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 100;
	src: url('fonts/Mukta-Light.ttf');
}
@font-face {
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 200;
	src: url('fonts/Mukta-Regular.ttf');
}
@font-face {
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/Mukta-Medium.ttf');
}
/* source-sans-pro-300italic - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 300;
	src: url('fonts/source-sans-pro-v13-latin-300italic.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
	url('fonts/source-sans-pro-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v13-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-300italic.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v13-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
	url('fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 400;
	src: url('fonts/source-sans-pro-v13-latin-italic.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
	url('fonts/source-sans-pro-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v13-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 600;
	src: url('fonts/source-sans-pro-v13-latin-600italic.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
	url('fonts/source-sans-pro-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v13-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-600italic.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v13-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/source-sans-pro-v13-latin-600.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
	url('fonts/source-sans-pro-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-600.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v13-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/source-sans-pro-v13-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
	url('fonts/source-sans-pro-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-700.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v13-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


body{
	/*word-break: break-all;*/
	/*word-wrap: break-word;*/
	font-family: 'Source Sans Pro', 'Khula', sans-serif;
	font-size: 16px !important;
}
.btn-margin-rt-bt {
	margin-bottom: 5px !important;
}
.pagination-link {
	cursor: pointer;
}
.padding-left-right-30 {
	padding: 0 30px !important;
}
.marathi-font {
	font-family: 'Mukta', sans-serif !important;
}
/* Footer language switcher labels.
   A locale label can be in any script — "मराठी" for mr_IN — and neither Inter
   (homepage) nor Source Sans Pro (inner pages) carries Devanagari glyphs, so the
   label falls through to whatever the visitor's OS happens to provide, and to
   empty boxes where it provides nothing. Mukta ships with the app (@font-face
   above) and covers Devanagari; listing it after the Latin faces leaves English
   labels rendering exactly as before. */
.hn-locale-label {
	font-family: 'Inter', 'Source Sans Pro', 'Mukta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.hide-text-overflow {
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: inherit !important;
}
.brand-logo {
	height: 50px;
	padding: 0px 0px 0px 0px !important;
    margin: 3px 0px 0px 0px !important;
	border-radius: 5px;
}
.body-container {
	min-height: 82vh;
}
.btn-space {
	margin: 3px 3px 3px 0px !important;
}
.text-white {
	color: #fff !important;
}
.jqplot-table-legend-label {
	padding-left: 5px;
}
#id_Nav_menu > li.active > a {
	border-right: 2px solid #ec0d0d;
	background-color: antiquewhite;
}

#id_Nav_menu > li.treeview > a {
	border-right: 0px solid #ec0d0d;
	background-color: #f9f9f9;
}

.div-disabled {
	pointer-events: none;
	opacity: 0.4;
}
.border-bottom {

	border-bottom: 1px solid #f3eeee;

}
.invoice {
	width: 100%;
	padding-left: 20px;
}
.small-box .icon {
	position: absolute;
	top: auto;
	bottom: 12px;
	right: 5px;
	z-index: 0;
	font-size: 80px;
	color: rgba(0, 0, 0, 0.15);
}
/* ─── Modern Box Component Override ─── */
.box {
	position: relative;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-top: none;
	border-radius: 10px !important;
	margin-bottom: 24px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	overflow: hidden;
}
.box:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
}

/* Colored top accent border */
.box.box-primary {
	border-top: 3px solid #3b82f6;
}
.box.box-success {
	border-top: 3px solid #10b981;
}
.box.box-warning {
	border-top: 3px solid #f59e0b;
}
.box.box-danger {
	border-top: 3px solid #ef4444;
}
.box.box-info {
	border-top: 3px solid #06b6d4;
}

/* Box Header */
.box .box-header {
	padding: 16px 20px;
	border-bottom: 1px solid #f1f5f9;
	background: #f8fafc;
	border-radius: 10px 10px 0 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.box .box-header:before,
.box .box-header:after {
	display: none;
}
.box .box-header.with-border {
	border-bottom: 1px solid #e2e8f0;
}
.box .box-header > .fa,
.box .box-header > .glyphicon,
.box .box-header > .ion,
.box .box-header .box-title {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #1e293b;
	float: none;
	text-align: left;
	line-height: 1.4;
	letter-spacing: -0.01em;
}
.box .box-header > .box-tools {
	padding: 0;
	margin-left: auto;
	position: static;
	transform: none;
}

/* Box Body */
.box .box-body {
	padding: 20px;
	border-radius: 0 0 10px 10px;
}

/* Box Footer */
.box .box-footer {
	padding: 14px 20px;
	background-color: #f8fafc;
	border-top: 1px solid #e2e8f0;
	border-radius: 0 0 10px 10px;
}

/* Solid box variants */
.box.box-solid {
	border-top: none;
}
.box.box-solid > .box-header {
	border-radius: 10px 10px 0 0;
	padding: 14px 20px;
}
.box.box-solid.box-primary > .box-header {
	background: linear-gradient(135deg, #3b82f6, #2563eb);
	color: #fff;
}
.box.box-solid.box-success > .box-header {
	background: linear-gradient(135deg, #10b981, #059669);
	color: #fff;
}
.box.box-solid.box-warning > .box-header {
	background: linear-gradient(135deg, #f59e0b, #d97706);
	color: #fff;
}
.box.box-solid.box-danger > .box-header {
	background: linear-gradient(135deg, #ef4444, #dc2626);
	color: #fff;
}
.box.box-solid.box-info > .box-header {
	background: linear-gradient(135deg, #06b6d4, #0891b2);
	color: #fff;
}
.box.box-solid > .box-header .box-title {
	color: #fff;
}
.box.box-solid > .box-header a {
	color: rgba(255, 255, 255, 0.85);
}

/* Form controls inside box */
.box .form-control {
	border-radius: 6px;
	border: 1px solid #d1d5db;
	padding: 8px 12px;
	font-size: 14px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.box .form-control:focus {
	border-color: #3b82f6;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Buttons inside box footer */
.box .box-footer .btn {
	border-radius: 6px;
	padding: 8px 20px;
	font-weight: 500;
	font-size: 14px;
	transition: all 0.2s ease;
}
.box .box-footer .btn + .btn {
	margin-left: 8px;
}

/* Content header alignment */
.content-header h1 {
	font-size: 22px;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 16px;
}

/* Answer Options — spacing between character and radio/checkbox, keep inline */
.input-group-addon.classHideControlRadio,
.input-group-addon.classHideControlChkbx {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}
.input-group-addon.classHideControlRadio input[type="radio"],
.input-group-addon.classHideControlChkbx input[type="checkbox"] {
	margin: 0;
	vertical-align: middle;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-5 {
	margin-top: 5px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.align-to-header {
	margin-top: -5px;
}
.btn-top-margin-5 button {
	margin-top: 5px;
}

.btn-top-margin-5 a {
	margin-top: 5px;
}

.padding-right-0 {
	padding-right: 0;
}

.padding-5 {
	padding: 5px;
}

.no-pad-left {
	padding-left: 0;
}

#id_Nav_menu > li.treeview > ul > li.active {
	border-right: 2px solid #ec0d0d;
	background-color: antiquewhite;
}
.question-highlighter {
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 1px 1px 5px #eee;
	margin-bottom: 10px;
}
.carousel-caption {
	background: rgba(31, 29, 27, 0.31);
	padding-top: 20px;
	padding-bottom: 20px;
	bottom: 60px;
	border-radius: 5px;
	font-size: 20px;
	text-transform: uppercase;
}
.highlight-user-role{
	border: 1px solid #519a65;
	border-radius: 7px;
	padding: 5px;
	background: #def1e5;
}
.MathJax span {
	font-size: 20px;
}
/* id_footer_wrapper */
#id_footer {
	color: #fff;
}
.slider-image{
	width: 100%;
}
#id_footer a {
	text-decoration: none;
	color: #fff;
}
.classDivFooterCopyR {
	margin-right: 40px;
}
.section_w180 {
	width: 160px;
	padding: 0 20px 0 0;
}
.section_w180_content {
	padding: 0 0 0 20px;
}
#id_footer .footer_menu_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#id_footer .footer_menu_list li {
	margin: 0 0 5px 0;
	padding: 0px;
}
#id_footer .footer_menu_list li a {
	color: #928b85;
	font-weight: normal;
	text-decoration: none;
}
.classDivHorizBarFooter {
	height: 3px;
	margin: 0 auto;
	background-image: linear-gradient(to bottom, rgb(0, 136, 204), rgb(0, 68, 204));
	background-repeat: repeat-x;
	background-color: rgb(0, 68, 204);
}
.classSpanDispBold {
	font-weight: bold;
}
/* end of footer */
.classFullWidthHeader {
	background-image: linear-gradient(to bottom, rgb(0, 136, 204), rgb(0, 68, 204));
	background-repeat: repeat-x;
	background-color: rgb(0, 68, 204);
}
/*--------------------------------------------------------------------------------------------------------*/
.classDivWelcUser {
	text-align: right;
	color: #fff;
}
.classWlcUserImg {
	border-radius: 50%;
	width: 40px;
}
.classSpanWlcUser {
	display: inline-block;
	padding: 2px 0px 2px 10px;
	margin: 0px 5px 0px 0px;
}
.classSpanWlcUser a:hover,
.classSpanWlcUser a:visited,
.classSpanWlcUser a:active,
.classSpanWlcUser a {
	text-decoration: none;
}
.classDivTestBlockMain {
	width: 100%;
	vertical-align: top;
	display: inline-block;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	margin-bottom: 10px;
}
.classMarginRightGroup {
	margin: 0px 10px 0px 0px;
}
.odd {
	margin-right: 15px;
}
.classTestNameH3 {
	font-weight: normal;
	margin: 0px;
	padding: 0px 5px;
}
.classDivh3Outer {
	cursor: pointer;
}
.classDivTestDate {
	padding: 5px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
.classDivSubGrp {
	margin: 0px 0px 5px;
	padding: 5px;
	font-size: 13px;
}
.classTestDescShort {
	padding: 0px 5px;
	font-size: 15px;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
}
.classTestDescShort p {
	margin: 0px;
}
.classSpanTestName_head {
	display: inline-table;
	margin: 10px 0px 10px 5px;
	width: 79%;
}
.classSpanShow_hide {
	display: inline-table;
	float: right;
}
.classDivTestDetails {
	display: none;
	border-top: 1px solid orangered;
	padding-top: 10px;
}
.classShowDivTD {
	display: block !important;
}
.classDivTestDevid_odd {
	display: inline-block;
	width: 50%;
	padding-left: 5px;
	vertical-align: top;
}
.classDivTestDevid_even {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	padding-right: 5px;
}
.classArrowImage {
	cursor: pointer;
	margin: 1px 10px 0px 0px;
}
.classSpanTVal {
	display: inline-block;
}
.classSpanTAttr {
	display: inline-block;
	float: right;
	margin: -7px 5px 0px 0px;
}
.spanDisplayTable {
	display: inline-table;
}
.classDisplayBlock {
	display: block;
}
.spanDisplayTable p {
	font-size: 14px;
}
.classTestNameH3 a {
	cursor: pointer;
	text-decoration: none !important;
}
.classDivAddButton {
	margin: 20px 20px 0px 0px;
}
.classDivGroupProcess {
	display: inline-block;
	margin-right: 10px;
}
.classLogOutBt {
	font-size: 11px;
	color: rgb(170, 170, 170);
	cursor: pointer;
}
#idDivModalHdOut {
	border-bottom: 2px solid #F89406 !important;
}
.classRemTxt {
	color: rgb(255, 255, 255);
	font-weight: normal;
	cursor: pointer;
}
.classFileInputForImg {

}
.classSearchMain {
	width: 100%;
	display: block;
	position: absolute !important;
	margin-left: -15px;
}
.classSearchProcess {
	position: absolute;
	margin: -30px 0px 0px -29px;
	z-index: 99;
	display: none;
	right: 19px;
}
.class_searchRow {
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	border-radius: 4px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	box-shadow: 1px 3px 15px #ececec;
}
.classDivImage {
	display: inline-block;
	width: 50px;
	vertical-align: top;
}
.classDivSearchName {
	display: inline-block;
	width: 64%;
	vertical-align: top;
}
.classDivBtn {
	display: inline-block;
	width: 70px;
	text-align: center;
	vertical-align: top;
}
.classCtySt {
	margin: 0px !important;
	font-size: 12px;
}
.classNameSt {
	margin: 0px !important;
}
#idDivAdNav .nav > li > a:hover {
	background-color: #428BCA !important;
	color: #fff !important;
}
.classFontSz-18 {
	font-size: 18px;
}
.ui-datepicker-buttonpane {
	display: none;
}
.classCantrolDisplay {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.classCantrolDisplay:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.classCheckboxRow {
	width: 25px !important;
}
.classUlCustom li {
	list-style: none;
	margin: 5px;
	display: inline-block;
	width: 48%;
}
.classCheckBk {
	margin-right: 10px !important;
	display: inline-block;
}
.classHideTop {
	border-top: 0px none;
	margin-top: -2px;
	z-index: 0;

}
.classTabMinHt {
	min-height: 300px;
}
.classFileUploadCantrolCustom {
	opacity: 0;
	width: 200px;
	/*height: 200px;
	margin-top: -154px;*/
	z-index: 9999;
	position: relative;
	cursor: pointer;
}
.classProfilePicSize {
	width: 200px;
}
.classImageLoadDiv {
	width: 200px;
}
#idShowHoh {
	width: 200px;
	display: block;
	position: relative;
	cursor: pointer;

}
#output {
	margin-top: -26px;
}
.classDivShoHovImg {
	background-color: rgba(6, 6, 6, 0.5);
	color: #fff;
	font-size: 17px;
	position: absolute;
	width: 200px;
	height: 40px;
	opacity: 0.6;
	padding: 10px;
	cursor: pointer;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.page-header {
	margin-top: -26px !important;
}
.classSpanDisplayQueTxt {
	font-size: 16px;
}
.questionFont {
	font-size: 20px;
	word-break: break-all;
}
.classQuestionDiv {
	cursor: pointer;
}
.classSpanDisplayAnsTA {
	margin-top: 15px;
}
.classAjaxProcessShow {
	position: fixed;
	z-index: 999;
	/*left: 45%;*/
	/*right: 45%;*/
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 5px;
	top: 49px;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 5px 3px 6px #CCC;
}
.topSearchBtn {
	padding: 10px 5px !important;
	line-height: 0 !important;
	margin: -2px 2px !important;
	background: none repeat scroll 0% 0% rgba(230, 63, 27, 1) !important;
	color: rgb(255, 255, 255) !important;
	border-color: rgba(230, 63, 27, 1) !important;
	cursor: pointer;
}
.topSearchAddon {
	cursor: pointer;
	background: none repeat scroll 0% 0% rgba(230, 63, 27, 1) !important;
	color: rgb(255, 255, 255) !important;
	border-color: rgba(230, 63, 27, 1) !important;
}
.logoInner {
	height: 35px;
	margin: 7px 0px 0px 0px;
}
.logoInnerS {
	height: 35px;
	margin: 7px 0px 0px -15px;
}
.logoNav {
	height: 35px;
	margin-top: 8px;
}
.classQuestionCountCircle {
	display: inline-table;
	width: 35px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #000;
	border-radius: 50%;
	text-align: center;
	height: 35px;
	cursor: pointer;
}
.classTimertextarea {
	font-size: 25px;
}
.classDivDisplayTime {
	display: inline-block;
	border-radius: 5px;
	padding: 5px 10px;
	border: 1px solid #000;
}
.fa-8x {
    font-size: 8em;
}
.fa-17 {
	font-size: 17px;
}
.terminate-exam {
	margin-top: 10px;
}
.progress-message {
	background-color: #d7efcd;
	padding: 12px 5px 5px 5px;
	border: 1px solid aliceblue;
	border-radius: 5px;
	font-weight: bold;
}
/*.navbar-inverse {
	background-image: linear-gradient(to bottom, #0088B1, #004474) !important;
	background-repeat: repeat-x;
}*/
/*.navbar-inverse {
	border-bottom: 2px solid rgba(228, 102, 21, 1) !important;
	background-color: rgba(3, 30, 105, 0.92) !important;
}
.panel-primary > .panel-heading {
	color: #FFF;
	background-color: rgba(3, 30, 105, 0.92) !important;
	border-color: rgba(3, 30, 105, 0.92) !important;
}
.panel-primary {
	border-color: rgba(3, 30, 105, 0.92) !important;
}/
.navbar-inverse {
	background-image: linear-gradient(to bottom, #0088B1, #004474);
	background-repeat: repeat-x;
}
/*.panel-info > .panel-heading {
	background-image: none !important;
	background-color: rgba(3, 30, 105, 0.92) !important;
	color: #fff !important;
	background-repeat: repeat-x;
}
.panel-info {
	border-color: rgba(3, 30, 105, 0.92) !important;
}*/
/*
.nav > li > a {
	position: relative;
	display: block;
	padding: 15px 5px !important;
}*/
.logWindow{
	background-color: #fff;
	color: #001f3f;
	display: block;
	z-index: 999;
	position: relative;
}
.list-custom-width{
	width:49%;
	display: inline-block;
	margin: 0 0.5%;
}
.list-h3{
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
}
.navbar-inverse {
	background-image: none !important;
	background-repeat: repeat-x;
}
.nav-sidebar > .active > a {
	color: #FFF;
	background-color: rgba(230, 63, 27, 1) !important;
}
#idDivAdNav .nav > li > a:hover {
	background-color: rgba(230, 63, 27, 1) !important;
	color: #FFF !important;
}
.navbar-brand:hover,
.navbar-brand {
	font-size: 25px !important;
	margin-left: -10px;
	color: #fff !important;
	padding: 15px 15px 15px 15px !important;
}

@media (min-width: 768px) {
	.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		padding-right: 5px !important; 
	}
}

body > .header .logo {
	font-size: 25px;
	padding: 0;
}

.textarea-resize-vertical {
	resize: vertical;
}
.custom-box-for-passage{
	border-top: 0 !important;
	padding: 5px;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/spinner.gif') 50% 50% no-repeat rgb(249, 249, 249);
}
.classSubjectDiv {
	border: 1px solid #008200;
	border-radius: 3px;
	margin: 10px;
	padding: 10px;
}
.classQuestionSuccess {
	background-color: green !important;
	color: #fff;
	border-color: green;
}
.classQuestionVisited {
	background-color: orange !important;
	color: #fff;
	border-color: orange;
}
.classReviewLater {
	background-color: #285FFF !important;
	color: #fff;
	border-color: #1118FF;
}
.classSpanDiaplayMarks {
	font-size: 12px;
}
.classBPPHEAD {
	height: 36px;
	font-size: 30px !important;
}
.panelPBDHD {
	border-radius: 0 !important;
	border-color: blue !important;
}
.panelPBDHD_W {
	border-radius: 0 !important;
	border-color: orange !important;
}
.panelPBDHD_S {
	border-radius: 0px !important;
	border-color: green !important;
}
.panelHEAD_S {
	border-radius: 0 !important;
	background-image: linear-gradient(to bottom, #109B1C 0px, #09800E 100%) !important;
	color: #fff !important;
}
.panelHEAD_D {
	border-radius: 0 !important;
	background-image: linear-gradient(to bottom, #2E4957 0px, #19709E 100%) !important;
	color: #fff !important;
}
.panelHEAD_DLP {
	border-radius: 0 !important;
	background-image: linear-gradient(to bottom, #DA950B 0px, #EA8819 100%) !important;
	color: #fff !important;
}
.classPSB_1 {
	border-radius: 0px !important;
}
.ui-widget-header {
	background: none !important;
	border-color: #E9E9E9 !important;
	background-color: #eee !important;
}
.ui-state-default {
	background: none !important;
}
.dataTable thead tr {
}
.glyphicon-remove:before {
	content: '' !important;
}
.glyphicon-ok:before {
	content: '' !important;
}
.classTableCellPad {
	padding: 5px 10px;
}
.classTableCellPadHead {
	padding: 5px 2px 5px 4px;
}
.classPanelTDShow {
	margin-top: 30px;
	border-left: 3px solid #008200;
	padding: 0 0 15px 30px !important;
}
.classPaneSingleTestDesc {
	margin-top: 30px;
	border-left: 3px solid #008200;
	padding: 10px 0 15px 30px !important;
}
body > .header .logo {
	font-family: inherit !important;
}
.margin_right_10 {
	margin-right: 10px;
}
.margin-right-0 {
	margin-right: 0px !important;
}
.timeline > li > .timeline-item {
	margin-top: 40px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.timeline-item > .timeline-header {
	border-bottom: 0px !important;
	cursor: pointer;
}
.timeline > li > .timeline-item > .timeline-body {
	border-top: 1px solid #F4F4F4;
}
.classCorrectCircle {
	padding: 0px;
	margin-left: 20px;
	margin-top: -1px;
	font-size: 17px;
}
.classRDLabel label {
	padding-left: 5px !important;
}

.fixed {
	position: fixed !important;
}
.classNotificationSpan {
	white-space: normal;
	display: inline-block;
	vertical-align: top;
	width: 76%;
	padding: 0 5px;
}
.cursor-pionter {
	cursor: pointer;
}
.classNotificationLiDiv {
	display: inline-block;
	vertical-align: top;
}
.classNotificationTime {
	padding: 0 5px;
	border-top: 1px solid #eeeeee;
}
.classActiveNotification {
	background: none repeat scroll 0% 0% #DBDADA;
}
.classBadgeAdjust {
	margin-left: 14px;
	margin-top: -4px !important;
	top: -4px;
	position: relative;
}
.table-responsive {
	border: 0;
}
.custom-list-group-li-menu .list-group-item:first-child, .list-group-item:last-child {
	border-radius: 0px !important;

}
.question-count-box {
	display: inline-block;
	vertical-align: top;
	min-width: 3%;
}
.question-text-box {
	display: inline-block;
	vertical-align: top;
	width: 92%;
}
.question-mark-box {
	display: inline-block;
	vertical-align: top;
	width: 70%;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}
.user-thumb-main{
	padding: 2px;
}
.modal-thumb-img{
	width: 50px;
	display: inline-block;
	vertical-align: top;
}
.thumb-user-name{
	width: 75%;
	display: inline-block;
	vertical-align: top;
	margin-left: 8px;
}
.thumb-user-name p{
	margin: 0 0 3px 0px;
}
.panel-footer-custom{
	padding: 8px;
	background-color: #fff;
	text-align: right;
	min-height: 42px;
	overflow: visible;
}
.panel-body-fix-height{
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}
.panel-background-gray {
	background-color: #e0e0e0;
}
.questions-panel-body-fix-height{
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
}
.show-progress-image-cennter{
	text-align: center;
}
.model-test-name-heading{
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.show-error-msg-model{
	padding-top: 5px;
}
#blog-landing {
	position: relative;
	max-width: 100%;
	width: 100%;
}
#blog-landing img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.white-panel {
	position: absolute;
}
.white-panel h1 {
	font-size: 1em;
}
.white-panel h1 a {
	color: #A92733;
}
.white-panel:hover {

}
.fa-4 {
	font-size: 7em;
}
.login-screen{
	margin-top: 80px;
}
.search-criteria{
	cursor: pointer;
}
.classCustomTile{
	font-size: 2.5em;
	margin-bottom: 1px;
	font-weight: normal;
}
.timer-head-h3{
	color: #fff;
    font-size: 25px;
    margin-top: 10px !important;
}
.sign-up-btn{
	margin: 5px 5px 5px 5px;
	font-weight: normal;
}
.class-removal-danger {
    border-radius: 3px;
    padding: 3px;
}
.p-heighlighter{
    padding: 3px;
    border-radius: 3px;
    background: #c9c9c9;
    color: #000000;
}

.div-blur-first {
	position: relative;
	background-color: rgba(0, 188, 212, 0);
	opacity: 0.2;
}

.redirect-to-curt {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding-top: 25px;
}
.navbar-toggle{
	margin-right: 0px !important;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.login-screen{
		margin-top: 0px;
	}
	.btn {
		margin: 5px 0 0 0;
	}
	.modal-lg {
		width: 95%;
	}
	.classCustomTile{
		font-size: 2.5em !important;
		margin-bottom: 0px !important;
	}
	.no-pad-sm {
		padding: 0px !important;
	}
	.no-pad-no-mar-sm {
		padding: 0px !important;
		margin: 0px !important;
	}
	.SearchInputBx{
		margin-top: 5px;
	}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 990px) {
	.classCustomTile{
		font-size: 2.4em !important;
		margin-bottom: 3px !important;
	}
	.no-pad-sm {
		padding: 0px !important;
	}
	.no-pad-no-mar-sm {
		padding: 0px !important;
		margin: 0px !important;
	}
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) and (max-device-width: 560px) {
	/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) and (max-device-width: 560px) {
	/* Styles */

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.class-custom-login-panel {
		margin-top: 70px;
	}
	.modal-lg {
		width: 95%;
	}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.class-custom-login-panel {
		margin-top: 70px;
	}
	.modal-lg {
		width: 95%;
	}
}
.btn-small-header{
	padding: 2px 9px !important;
	margin-top: -3px !important;
}
.box-header-bottom-border{
	border-bottom: 1px solid #f3eeee !important;
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.class-custom-login-panel {
		margin-top: 50px;
	}
	.modal-lg {
		width: 95%;
	}
}
/* iPad 3 (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.class-custom-login-panel {
		margin-top: 70px;
	}
}
/* iPad 3 (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.class-custom-login-panel {
		margin-top: 70px;
	}
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width: 1224px) {
	.class-custom-login-panel {
		margin-top: 70px;
	}
}
/* Large screens ----------- */
@media only screen  and (min-width: 1824px) {
	.class-custom-login-panel {
		margin-top: 70px;
	}
}
/* iPhone 4 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	/* Styles */
}

/* iPhone 4 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	/* Styles */
}

/* iPhone 5 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

/* iPhone 5 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

/* iPhone 6 (landscape) ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

/* iPhone 6 (portrait) ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

/* iPhone 6+ (landscape) ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

/* iPhone 6+ (portrait) ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

/* Samsung Galaxy S3 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

/* Samsung Galaxy S3 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

/* Samsung Galaxy S4 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

/* Samsung Galaxy S4 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

/* Samsung Galaxy S5 (landscape) ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

/* Samsung Galaxy S5 (portrait) ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

table.dataTable thead th, table.dataTable thead td {
	padding: 5px 10px !important;
}
table.dataTable tbody th, table.dataTable tbody td {
	padding: 5px 5px !important;
}

.box-title-p {
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0px !important;
	font-weight: bold;
	font-size: 2.5em !important;
	line-height: 1.1em !important;
}

.tag-cloud li {
	margin: 3px;
	padding: 5px;
	font-size: 1em;
	font-weight: normal;
	cursor: pointer;
}

.tag { background-color: #eee; color: #0d0d0d }

.tag-active { background-color: green; color: #EEEEEE; }

.tag-undo {
	color: #fff;
	margin-left: 10px
}

.tag-undo:hover { color: #fff }

.difficulty-level label {
	margin: 0px 5px 5px 0px;
	font-weight: normal;
}

.difficulty-level {
	display: inline-flex;
}

@media (max-width: 979px) {
	.navbar {
		position: fixed !important;
		padding: 0 20px;
	}
	.login-screen {
		margin-top: 60px;
	}
}

.story-box-question {
	max-height: 200px;
    overflow-x: auto;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 10px 0;
}

.callout-success-new {
    background-color: #6fbf4e !important;
    border-color: #56ab7b !important;
    color: #fff;
}

.font-weight-light {
	font-weight: 400 !important;
}
/* New mobile app css  started */
.box {
	box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),
  0 2px 4px -2px rgba(0,0,0,.1);
	transition: all 0.5s ease;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.box:hover {
	/* box-shadow: 0 0 20px rgba(191, 218, 249, 0.8);
	border-color: #8cbcf3;
	border: 1px solid #8cbcf3 !important; */
}

.section-title {
	display: flex;
	flex-direction: column;
	isolation: isolate;
	position: relative;
	width: 100%;
	border: 1px solid #e3e4e3;
	border-radius: 5px;
	margin: 15px 0;
	overflow: hidden;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-size: 20px;
	--gradient: linear-gradient(to bottom, #242627, #2e4366, #7e61ff);
	--color: #2e4366
  }
  
  .section-title:before {
	position: absolute;
	content: "";
	inset: 0.0625rem;
	border-radius: 5px;
	background: #fff;
	z-index: 2
  }
  
  .section-title:after {
	position: absolute;
	content: "";
	width: 0.25rem;
	inset: 0.65rem auto 0.65rem 0.5rem;
	border-radius: 5px;
	background: var(--gradient);
	transition: transform 300ms ease;
	z-index: 4;
  }
  
  .section-title:hover:after {
	transform: translateX(0.15rem)
  }
  
  .section-title .notititle {
	color: var(--color);
	padding: 0.65rem 0.25rem 0.4rem 1.25rem;
	/* font-weight: 700; */
	font-size: 20px;
	transition: transform 300ms ease;
	z-index: 5;
  }
  
  .section-title:hover .notititle {
	transform: translateX(0.15rem)
  }
  
  .section-title .notibody {
	color: #99999d;
	padding: 0 1.25rem;
	transition: transform 300ms ease;
	z-index: 5;
  }
  
  .section-title:hover .notibody {
	transform: translateX(0.25rem)
  }
  
  .section-title .notiglow,
  .section-title .notiborderglow {
	position: absolute;
	width: 20rem;
	height: 20rem;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle closest-side at center, white, transparent);
	opacity: 0;
	transition: opacity 300ms ease;
  }
  
  .section-title .notiglow {
	z-index: 3;
  }
  
  .section-title .notiborderglow {
	z-index: 1;
  }
  
  .section-title:hover .notiglow {
	opacity: 0.1
  }
  
  .section-title:hover .notiborderglow {
	opacity: 0.1
  }

  .box-border-top-grey {
	border-top: 1px solid #e8e8e8 !important;
  }

  .box-fixed-footer-bottom {
	position: absolute;
    bottom: 0px;
    width: 100%;
  }

/* Removed: a Bootstrap 3 leftover that set
       @media (min-width: 1200px) { .row { margin-left: -15px !important; zoom: 1 } }
   on EVERY row on the site.

   Three things were wrong with it. It set only margin-LEFT, so above 1200px every row
   was pulled 15px left while its right edge stayed put — the card grid on the dashboard
   sat 1px inside the page on the left and 8px inside it on the right, which is the
   "cards do not line up with the page" this fixes. It ignored the gutter it was supposed
   to cancel: Bootstrap 5 pulls a row by half its own --bs-gutter-x, so -15px is only
   right for the 1.5rem default and wrong for every `g-*` row. And with !important it
   also hit `.row.g-0`, which is explicitly asking for no negative margin at all.

   `zoom: 1` was an IE hasLayout trigger and does nothing in any browser this ships to. */

input[type=radio], input[type=checkbox] {
    margin-top: 5px !important;
}
/* Mobile css end */

#idDivAnswerDescription .nav-tabs-custom > .nav-tabs > li.header {
    font-weight: 700 !important;
    font-size: 16px !important;
}

/* ─── Modern Tabs Override ─── */
.nav-tabs-custom {
    margin-bottom: 24px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}
.nav-tabs-custom > .nav-tabs {
    margin: 0;
    padding: 0 16px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
}
.nav-tabs-custom > .nav-tabs > li {
    border-top: none;
    margin-bottom: 0;
    margin-right: 4px;
    float: none !important;
}
.nav-tabs-custom > .nav-tabs > li > a {
    display: block;
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    border: none !important;
    border-radius: 0;
    transition: color 0.2s ease, background-color 0.2s ease;
    border-bottom: 2px solid transparent !important;
    text-decoration: none;
}
.nav-tabs-custom > .nav-tabs > li > a:hover {
    color: #3b82f6;
    background: transparent;
    border-bottom-color: #cbd5e1 !important;
}
.nav-tabs-custom > .nav-tabs > li.active {
    border-top: none;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a,
.nav-tabs-custom > .nav-tabs > li.active > a:focus {
    color: #3b82f6;
    font-weight: 600;
    background-color: #ffffff;
    border: none !important;
    border-bottom: 2px solid #3b82f6 !important;
}
.nav-tabs-custom > .nav-tabs > li.header {
    padding: 0 12px 0 0;
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    line-height: 42px;
    margin-right: auto;
    border-bottom: none !important;
}
.nav-tabs-custom > .nav-tabs.pull-right {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
    float: none !important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li.header,
.nav-tabs-custom > .nav-tabs.pull-right > li.pull-left {
    float: none !important;
    order: -1;
    margin-right: auto;
}
.nav-tabs-custom > .tab-content {
    background: #ffffff;
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Tab pane visibility — ensure only active pane shows */
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .tab-pane.active {
    display: block;
}
/* BS3 'fade in' compatibility */
.tab-content > .tab-pane.fade.in {
    opacity: 1;
    display: block;
}
/* Override hidden class when tab is active */
.tab-content > .tab-pane.active.hidden {
    display: none;
}

/* Tabs inside a box (nested) — no extra border/shadow */
.box .nav-tabs-custom {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}
.box .nav-tabs-custom > .nav-tabs {
    border-radius: 0;
    padding: 0 12px;
    background: #f8fafc;
}
.box .nav-tabs-custom > .tab-content {
    border-radius: 0;
    padding: 16px;
}

.grecaptcha-badge {
    visibility: hidden;
}

/* Add this to your existing CSS */
/* Mobile only */
@media (max-width: 767px) {

  /* When sidebar is open */
  .row-offcanvas.active + .main .site-footer,
  .row-offcanvas.active ~ .site-footer,
  .row-offcanvas.active ~ div .site-footer {
    display: none !important;
  }

}


@media (max-width: 767px) {
  .site-footer {
    transition: opacity 0.2s ease;
  }

  body.sidebar-open .site-footer {
    opacity: 0;
    pointer-events: none;
  }
}