body{
	margin:0;
	padding:0;
}
.test{
	width: 100%;
	height:500px;
	background: red;
}
.category-list{
	width:100%;
	height:auto;
	padding:40px 0;
}
.content-subcat{
	width: 100%;
	height:auto;
}
.content-subcat label{
	margin-bottom:0;
	margin-top: 10px;
}
.edit-image-box{
	width:100%;
	height:auto;
	border:1px solid #ccc;
	margin-top: 10px;
	text-align: center;
	padding:4px;
}
.payment-success{
	width:100%;
	height:auto;
	padding: 80px 0;
}
.payment-success-box{
	width:40%;
	height:auto;
	background: #fff;
	border:1px solid #ccc;
	border-radius: 8px;
	padding: 20px;
	margin: 0 auto;
	box-shadow: 2px 3px 6px 2px #6ea743;
	text-align: center;
}
.payment-success-box img{
	width: 25%;
}
.payment-success-box h3{
	margin:20px 0;
	color:green;
	text-shadow: 1px 2px 1px #68b700;
}
.payment-page{
	width: 100%;
	height:auto;
}
@media(max-width: 768px){
	.payment-form{
		width: 65%;
	}
	.payment-success-box{
		width:65%;
	}
}
@media(max-width:576px){
	.payment-success-box{
		width:100%;
	}
	.payment-form{
		width: 100%;
	}
	.payment-success-box h3{
		font-size: 24px;
	}
}

/* ——— AdminLTE sidebar: wider than default 250px; avoid clipped labels + chevrons ——— */
:root {
	--mz-sidebar-width: 330px;
}

.main-sidebar,
.main-sidebar::before {
	width: var(--mz-sidebar-width);
}

.layout-fixed .brand-link {
	width: var(--mz-sidebar-width);
}

/* Expanded sidebar only — when .sidebar-collapse is present, AdminLTE handles margins (mini strip / overlay) */
@media (min-width: 992px) {
	body:not(.sidebar-collapse) .content-wrapper,
	body:not(.sidebar-collapse) .main-footer,
	body:not(.sidebar-collapse) .main-header {
		margin-left: var(--mz-sidebar-width) !important;
	}
}

body.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md) .main-sidebar,
body.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md) .main-sidebar::before {
	margin-left: calc(-1 * var(--mz-sidebar-width)) !important;
}

@media (max-width: 767.98px) {
	.main-sidebar,
	.main-sidebar::before {
		margin-left: calc(-1 * var(--mz-sidebar-width)) !important;
	}

	.sidebar-open .main-sidebar,
	.sidebar-open .main-sidebar::before {
		margin-left: 0 !important;
	}
}

@media (min-width: 992px) {
	.sidebar-mini.sidebar-collapse .main-sidebar:hover,
	.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused {
		width: var(--mz-sidebar-width) !important;
	}

	.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link,
	.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
		width: var(--mz-sidebar-width) !important;
	}

	.sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
		width: var(--mz-sidebar-width) !important;
	}

	.sidebar-mini-md.sidebar-collapse .main-sidebar:hover,
	.sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused {
		width: var(--mz-sidebar-width) !important;
	}

	.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-link,
	.sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
		width: var(--mz-sidebar-width) !important;
	}

	.sidebar-mini-md.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
		width: var(--mz-sidebar-width) !important;
	}
}

/* Sidebar labels — expanded mode */
.nav-sidebar .nav-link {
	align-items: center;
}

.nav-sidebar > .nav-item > .nav-link > p {
	white-space: nowrap !important;
	line-height: 1.3;
	margin-bottom: 0;
	flex: 1 1 auto;
	min-width: 0;
}

body:not(.sidebar-mini.sidebar-collapse) .nav-sidebar.nav-child-indent .nav-treeview .nav-link > p {
	white-space: normal !important;
	line-height: 1.35;
	overflow: visible;
}

.nav-sidebar .nav-link .right {
	flex-shrink: 0;
	margin-left: 0.25rem;
	align-self: center;
}

/*
 * Mini collapsed sidebar: AdminLTE only shows top-level icons in the strip.
 * Open submenus must stay hidden until hover — otherwise every nested item stacks
 * in the narrow column and labels overlap when the sidebar expands on hover.
 */
@media (min-width: 992px) {
	body.sidebar-mini.sidebar-collapse .main-sidebar:not(:hover):not(.sidebar-focused) .nav-sidebar .nav-treeview {
		display: none !important;
	}

	body.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link {
		overflow: hidden;
		white-space: nowrap;
	}

	body.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview,
	body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview {
		padding-left: 1rem !important;
	}

	body.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview .nav-treeview,
	body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview .nav-treeview {
		padding-left: 2rem !important;
		margin-left: -1rem !important;
	}

	body.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link > p,
	body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link > p {
		white-space: nowrap !important;
		width: auto !important;
		margin-left: 0 !important;
		overflow: hidden;
		text-overflow: ellipsis;
		visibility: visible !important;
	}
}