.accordinIcon {
	text-align: right;
	position: absolute;
	right: 485px;
}

.modelprehead {
	display: flex;
	flex-direction: row;
}

.modelprehead h3 {
	width: 82%;
}

.modelprehead button {
	text-align: right;
	padding: 0px;
	text-align: center;
	height: 40px;
	width: 18% !important;

}

.colapHead {
	--bs-table-accent-bg: var(--bs-table-active-bg);
	color: var(--bs-table-active-color);

}

.colapHead a {
	font-size: .875rem;
	text-transform: uppercase;
	letter-spacing: .0625em;
	transition: color .12s ease-out;
	color: #4c78dd;
	text-decoration: none;
	font-weight: 600;
	line-height: 16px;
}

.btnminwidth {
	min-width: 205px;
}

.bg-grayed {
	background: #ccc !important;
}

.front-grayed {
	color: #999 !important;
}

.font-grayed {
	color: #999 !important;
}

.btn-grayed {
    background-color: #ccc !important;
    border-color: #ccc !important;
    cursor: not-allowed !important;
}

.verticalnum {
	display: flex;
	flex-direction: row;
}

.verticalnum .milvnum {
	width: 10%;
}

.verticalnum .milvnum span {
	font-size: 20px;
	border-radius: 100%;
	padding: 12px 18px;
	text-decoration: none;
	position: relative;
	top: 37%;
	left: 16px;
}

.verticalnum .modvnum {
	width: 10%;
}

.verticalnum .modvnum span {
	font-size: 20px;
	border-radius: 100%;
	padding: 12px 18px;
	text-decoration: none;
	position: relative;
	top: 34%;
	left: 16px;
}

.verticalnum .secvnum {
	width: 10%;
}

.verticalnum .secvnum span {
	font-size: 20px;
	border-radius: 100%;
	padding: 12px 18px;
	text-decoration: none;
	position: relative;
	top: 37%;
	left: 16px;
}

.verticalnum .taskvnum {
	width: 10%;
}

.verticalnum .taskvnum span {
	font-size: 20px;
	border-radius: 100%;
	padding: 12px 18px;
	text-decoration: none;
	position: relative;
	top: 22%;
	left: 16px;
}

.verticalnum .vcontent {
	width: 90%;
}

.coursedesc {
	display: block !important;
}

.vnumbgcolorgray {
	background: #E2E2E2;
	color: #000;
}

.vnumbgcolorgreen {
	background: #008000;
	color: #fff;
}

@media(max-width: 767px) {
    /* Avoid fixed offsets on small screens */
    .accordinIcon { right: 1rem; }

	.verticalnum .modvnum span,
	.verticalnum .secvnum span {
		top: 18%;
		padding: 7px 14px;
		left: 3px;
	}

	.verticalnum .milvnum span {
		top: 6%;
		padding: 7px 14px;
		left: 3px;
	}
}

.addchild {
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 0.25rem;
	margin: 10px 0px;

}

.tileHead {
	line-height: 29px;
}

.unpaidtileHead {
	line-height: 29px;
}

.tileHead i {
	width: 20px;
}

.unpaidtileHead i {
	width: 20px;
}

.nav-main-link.nav-main-link-submenu::before {
	position: absolute;
	top: 50%;
	right: 0.625rem;
	display: block;
	margin-top: -0.5rem;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: .75rem;
	transition: opacity .25s ease-out, transform .25s ease-out;
}

.nav-main-submenu {
	padding-left: 47px;
}

.nav-main-submenu .nav-main-submenu {
	padding-left: 25px;
}

.nav-main-dark .nav-main-item.open>.nav-main-submenu,
.page-header-dark #page-header .nav-main-item.open>.nav-main-submenu,
.sidebar-dark #sidebar .nav-main-item.open>.nav-main-submenu {
	background-color: transparent;
}

.nav-main-link .nav-main-link-icon {
	font-size: 20px;
	color: #fff;
}

.nav-main-link .nav-main-link-name {
	font-size: 14px;
}

.fa-2x {
	font-size: 14px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.nav-main-link {
	align-items: flex-start;
}

#page-container.side-scroll #sidebar .content-side {
	width: 280px !important;
}

#sidebar {
	width: 290px;
}

#page-container.side-scroll #sidebar .content-header,
#page-container.side-scroll #sidebar .content-side {
	width: 290px !important;
}

#page-container.page-header-fixed.sidebar-o #page-header {
	padding-left: 274px;
}

#page-container.sidebar-o {
	padding-left: 290px;
}



/*===== sidebar css ====*/


#page-header .content-header {
    padding-left: 2.875rem;
    padding-right: 1.875rem;
}

#page-container.sidebar-mini.sidebar-o .content-header {
    padding-left: 22px;
    padding-right: 1.875rem;
}

#page-container.sidebar-mini.sidebar-o #sidebar {
    width: 247px;
}

#page-container.sidebar-mini.sidebar-o {
    padding-left: 67px;
}

.sidebar-mini.sidebar-o #sidebar:hover {
    width: 290px !important;
}

@media(max-width: 992px) {
	#page-container.page-header-fixed.sidebar-o #page-header{
		padding-left: 0px;
	}
	#page-container.sidebar-o{
		padding-left: 0px;
	}
	
	/* On mobile: reset any content padding that came from desktop sidebar layout.
	   Ensure content is centered and uses only safe-area padding. */
	#page-container,
	#page-container.sidebar-o,
	#page-container.sidebar-mini.sidebar-o {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	#main-container .content,
	.content {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 100% !important;
	}
	
	/* Quick Access Cards responsive grid */
	.quick-access-card {
		margin-bottom: 1rem;
	}
	
	/* Dashboard & Calendar responsive fixes */
	.block-rounded,
	.droplet-card {
		border-radius: 12px !important;
		overflow: hidden;
	}
	
	/* Calendar toolbar responsive */
	.fc-toolbar {
		display: flex !important;
		flex-direction: column !important;
		gap: 0.75rem !important;
	}
	
	.fc-toolbar-chunk {
		display: flex !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		gap: 0.5rem !important;
	}
	
	.fc-button {
		font-size: 0.75rem !important;
		padding: 0.4rem 0.7rem !important;
	}
	
	.fc-toolbar-title {
		font-size: 1.1rem !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	/* Table responsive wrapper */
	.table-responsive {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		margin-bottom: 1rem !important;
	}
	
	.table-responsive table {
		min-width: 600px !important;
	}
	
	/* Event list mobile */
	.list-events {
		padding: 0 !important;
	}
	
	.list-events .js-event {
		font-size: 0.85rem !important;
		padding: 0.5rem !important;
		margin-bottom: 0.4rem !important;
	}
	
	/* Video container responsive */
	.video_div {
		min-height: 200px !important;
		height: auto !important;
	}
	
	.video_div iframe {
		width: 100% !important;
		min-height: 200px !important;
	}
}
.super-category-div, .category-div{
    display: inline-block;
    padding: 3px;
}
.toast-error{
    background-color:#BD362F !important
}