/* body{
    background:#f3f3f3;
} */
:root {
	--navy: #1a3a6b;
	--orange: #e85d04;
	--orange-light: #fff3e6;
	--blue: #1d4ed8;
	--light: #f4f6fb;
	--border: #e2e8f2;
	--text: #1a2a3a;
	--muted: #5a7a99;
	--sidebar-w: 240px;
}

/* Navigation Box */
.custom-nav {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
}

.nav-header {
	background: #213555 !important;
	/* background: #2c5aa8 !important; */
	color: #fff !important;
	font-size: 1.4rem;
	font-weight: 600;
	padding: 14px 16px;
}

/* Menu */
.custom-nav .list-group-item {
	padding: 0;
	border-color: #d6d6d6;
}

.custom-nav .list-group-item a {
	display: block;
	padding: 14px 16px;
	text-decoration: none;
	color: #000;
	font-weight: 500;
	transition: .3s;
}

/* Active */
.active-menu {
	background: #f27b21 !important;
	/* background: #ffc400 !important; */
}

.active-menu a {
	color: #000 !important;
}

/* Hover */
.custom-nav .list-group-item:hover {
	background: #f7f7f7;
}

/* .custom-nav .list-group-item:hover a {
	padding-left: 12px;
} */

/* Content */
.content-box {
	background: transparent;
	padding: 0;
}

.content-box p {
	line-height: 1.5;
	margin-bottom: 15px;
	color: #222;
}

.section-board {
	background: #fff;
	border: 1px solid #dde6f0;
	border-radius: 14px;
	padding: 20px 20px;
	margin-bottom: 0px;
	position: relative;
	box-shadow: 0 2px 12px rgba(26, 58, 107, .07);
}

/* Page title bar */
.page-title-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 28px;
	padding-bottom: 16px;
	border-bottom: 2px solid var(--border);
}

.page-title {
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--navy);
	display: flex;
	align-items: center;
	gap: 10px
}

.page-title::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 24px;
	background: var(--orange);
	border-radius: 3px
}
.accordion {
    margin: 0px !important;
}

/* Update submenu */
/*==============================
    PNGRB Sidebar Navigation
==============================*/

/* .custom-nav{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
} */

.nav-header{
    padding:18px 22px;
    font-size:18px;
    font-weight:600;
    color:#1f3f72;
    /* border-bottom:1px solid #edf2f8; */
}

/* Reset */

.custom-nav ul{
    list-style:none;
    margin:0;
    padding:0;
}

/* .custom-nav .list-group-item{
    border:0;
    padding:0;
    background:none;
} */

/* Parent Link */

.custom-nav .list-group-item>a{

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:14px 10px;

    color:#4d6480;
    text-decoration:none;

    font-size:15px;
    font-weight:500;

    transition:.35s;

    position:relative;

}

/* Left Border */

.custom-nav .list-group-item>a::before{

    content:"";

    position:absolute;

    left:0;
    top:5px;
    bottom:5px;

    width:4px;

    border-radius:4px;

    background:transparent;

    transition:.3s;

}

/* Hover */

.custom-nav .list-group-item>a:hover{

    /* background:#f5f9ff; */
    color:#000;

}

.custom-nav .list-group-item>a:hover::before{

    background:#0d6efd;

}

/* Active */

.custom-nav .active-menu{

    /* color:#0d6efd; */
    color:#000;
    /* font-weight:600; */
    /* background:#f5f9ff; */
    background:#f27b21;

}

.custom-nav .active-menu>a::before{

    background:#0d6efd;

}

/* Rounded Icon */

.custom-nav .submenu-toggle .menu-icon{

    width:34px;
    height:34px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#eef5ff;

    color:#2d6cdf;

    margin-right:12px;

    flex-shrink:0;

    transition:.3s;

}

.custom-nav .submenu-toggle:hover .menu-icon{

    background:#2d6cdf;
    color:#fff;

}

/* Text */

.custom-nav .menu-title{

    flex:1;

}

/* Chevron */

.custom-nav .arrow{

    transition:.35s;

    color:#7d92ad;

    font-size:12px;

}

.custom-nav .open>.submenu-toggle>.arrow{

    transform:rotate(180deg);

    color:#0d6efd;

}

/* Submenu */

.custom-nav .list-group-item>ul{

    max-height:0;
    overflow:hidden;

    transition:max-height .45s ease;

    margin-left:0px;
    /* margin-left:32px; */

    border-left:1px solid #dbe6f5;

}

.custom-nav .open>ul{

    max-height:1200px;

}

/* Submenu Links */

.custom-nav ul ul .list-group-item>a{

    padding:11px 18px;

    font-size:14px;

    color:#60748d;

}
/* Submenu */
    .sb-sub {
      display: none;
      background: #f8fafd;
      border-top: 1px solid #f0f4f9;
      padding: 4px 0;
    }

    .sb-row.open .sb-sub {
      display: block
    }

    .sb-sub-link {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 9px 16px 9px 50px;
      font-size: .7rem;
      color: var(--muted);
      text-decoration: none;
      transition: all .13s;
      border-left: 2px solid transparent;
    }

    .sb-sub-link:hover {
      background: #fff;
      color: var(--navy);
      border-left-color: var(--blue);
      padding-left: 54px
    }

    .sb-sub-link.active-sub {
      color: var(--blue);
      border-left-color: var(--blue);
      font-weight: 600;
      background: #fff
    }

    .sb-sub-link svg {
      flex-shrink: 0;
      opacity: .6
    }

    .sb-badge {
      margin-left: auto;
      font-size: .58rem;
      font-weight: 700;
      background: var(--blue);
      color: #fff;
      padding: 1px 7px;
      border-radius: 20px;
      flex-shrink: 0;
    }
/* Circular Bullet */

.custom-nav ul ul .list-group-item>a::after{

    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    border:2px solid #9fb4d4;
    background:#fff;
    position:absolute;
    left:-5px;
    top:50%;
    transform:translateY(-50%);

}

/* Active Bullet */

.custom-nav ul ul .active-menu>a::after{

    background:#0d6efd;
    border-color:#0d6efd;

}

/* Nested Menu */

.custom-nav ul ul ul{

    margin-left:22px;

    border-left:1px dashed #d5e0ef;

}
/* Update submenu end*/


/* ---------- Mobile ---------- */
@media (max-width: 991px) {
	.section-board {
		padding: 10px;
	}
	.accordion {
        margin: 0;
    }
}

@media (max-width: 767.98px) {

	.nav-header {
		font-size: 1.2rem;
		text-align: center;
	}

	.custom-nav .list-group-item a {
		text-align: center;
		padding: 12px;
	}

	/* .content-box {
		margin-top: 10px;
	} */
}

/* ---------- Tablet ---------- */
@media (min-width:768px) and (max-width:991px) {

	.nav-header {
		font-size: 1.25rem;
	}

	.custom-nav .list-group-item a {
		font-size: .95rem;
	}
}

/* ---------- Large Desktop ---------- */
@media (min-width:1200px) {

	/* .content-box {
				padding-right: 40px;
			} */
}