@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

.department_admin .region {
    display: flex;
    justify-content: end;
    padding-right: 1rem;
}
.department_admin .region-header{
    justify-content: start;
}

.department_admin .layout-region--secondary{
	display:none;
}

.department_admin .region-highlighted .messages-list{
    margin-bottom: 0!important;
    margin-top: 65px;
}
.department_admin .messages-list {
    position: absolute;
    right: calc(100% - 99%);
    top: calc(100% - 108%);
    z-index: 99999;
    width: 403px;
}

.department_admin .region .menu--directorates-dashboard-menu {
    width: 250px;
    min-width: 240px;
    background-color: #052f4e;
    height: calc(100vh - 0px);
    border-right: 1px solid #e0e0e0;
    overflow-y: auto;
    position: fixed;
    left: 0;
}

.department_admin nav.menu--directorates-dashboard-menu {
    /* position: fixed; */
    /* top: 54px; */
}


.department_admin .content-header + .layout-container {
    margin: 0px;
}

.department_admin header.content-header {
    width: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    top: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.department_admin .content-header {
    background-color: #ffffff;
    color: #343434;
    padding: 15px 0px;
    border-bottom: 1px solid #F4F4F4;
    position: fixed;
    top: 0;
}

.department_admin .block-page-title-block:last-child {
    margin-bottom: 0px;
}


.content-header {
    overflow: hidden;
    margin-bottom: var(--space-s);
    padding: var(--space-l) 0 0;
    background-color: var(--color-gray-050);
}


.department_admin  .region  .block-system {
    width: calc(100% - 280px);
}


/*Admin Dashboard*/
.department_admin .content-header > .layout-container{width: 100%; margin-left: 1rem !important;}
.department_admin .content-header > .layout-container h1.page-title{font-size: 1.3em;}
.department_admin .region-breadcrumb{display: none;}
.department_admin .page-content{padding-top: 3rem;  margin-top: 11px;}

.department_admin ul.menu{padding: 0; width: calc(100% - 20px); margin: 0 auto; display: flex; flex-direction: column; row-gap: 5px; padding-top: 1rem;} 
.department_admin ul.menu li{padding: 0; list-style-type: none;}
.department_admin ul.menu li.menu-item--active-trail >a, .department_admin ul.menu li a:hover{background-color: #0f4872;border-radius: 7px; transition-duration: 0.4s;}
.department_admin ul.menu li a {text-decoration: none; color: #fff; display: block; box-sizing: border-box; padding: 0.50rem; transition-duration: 0.4s; font-size: 14px; display: flex;gap: 5px;}
.department_admin ul.menu li a:focus{outline: none; box-shadow: none;}
.department_admin ul.menu li a::before{font-family: "bootstrap-icons";font-size: 15px;}
.department_admin ul.menu li:nth-child(1) a::before{content: '\F4E1';}
.department_admin ul.menu li:nth-child(2) a::before{content: '\F360';}
.department_admin ul.menu li:nth-child(3) a::before{content: '\F8A7';}
.department_admin ul.menu li:nth-child(4) a::before{content: '\F114';}

.department_admin .region-content table tr td{padding: 12px 5px; height: auto;}
.department_admin #edit-field-directorate-category-list-shs-0-0 {
    pointer-events: none;
	background: #ccc;
}