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



/* body.department_admin{
	overflow-y: hidden;
} */
.department_admin .region{
	display: flex;
	justify-content: space-between;
}

.department_admin .region .dashboard-block {
    width: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-image: url(/themes/custom/unee/img/side-bg.png) !important; */
    background-position-y: 42%;
    min-width: 240px;
    /* background-color: #052f4e; */
    /* background-color: #2d5d71; */
    background-color: #2d4571;
    height: calc(100vh - 78px);
    border-right: 1px solid #e0e0e0;
    overflow-y: auto;
    margin-top: 17px;
    position: fixed;
    top: 54px;
}
.department_admin .region .dashboard-block::-webkit-scrollbar {
	width: 6px;
  }
  .department_admin .region .dashboard-block::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #999; 
	border-radius: 10px;
  }
  .department_admin .region .dashboard-block::-webkit-scrollbar-thumb {
	background: #aaa; 
	border-radius: 10px;
  }
  .department_admin .region .dashboard-block::-webkit-scrollbar-thumb:hover {
	background: #ccc; 
  }
.department_admin .region .dashboard-block ul{
	margin: auto;
	padding: 5% 5% 0;
    box-sizing: border-box;
}

/*Icon*/
.department_admin .region .dashboard-block ul li a::before{
	font-family: "bootstrap-icons";
	font-size: 15px;
}
.department_admin .region .dashboard-block> ul.menu li:nth-child(1) a::before{
	content: '\F425';
}
.department_admin .region .dashboard-block  ul li.menu-item--expanded  ul.menu li:nth-child(1) a::before{
	content: none;
}

.department_admin .region .dashboard-block ul li a[title="Logout"]::before{
	content: '\F114'; 
}


.department_admin .region .dashboard-block ul li{
	list-style:none;
	padding:0;
	margin-bottom: 5px;
}
.department_admin .region .dashboard-block ul li:last-child{margin-bottom: 0;}
.department_admin .region .dashboard-block ul li a{
	display: block;
	color: #fff;
	font-size: 13px;
	text-align: left;
	padding: 10px 10px 10px 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	/* background-color: #ffffff14; */
	/* border-radius: 6px; */
	/* padding: 10px 10px 10px 16px; */
	/* display: block; */
}
/* .department_admin .region .dashboard-block ul li a:hover,
.department_admin .region .dashboard-block ul li.menu-item--active-trail a{
	background-color: #13476e;
    border-radius: 6px;
} */
.department_admin .region .dashboard-block ul li a:hover,
.department_admin .region .dashboard-block ul li a.is-active
{
	/* background-color: #13476e; */
	background-color: #1282d1;
    border-radius: 6px;
}

.department_admin .region .department-content{
	/*/* width: 77%;	 
	height: calc(100vh - 0px);
    overflow-y: auto;
	flex: 1 1 auto !important;*/
}
.department_admin .region .department-content::-webkit-scrollbar {
	width: 6px;
  }
  .department_admin .region .department-content::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #999; 
	border-radius: 10px;
  }
  .department_admin .region .department-content::-webkit-scrollbar-thumb {
	background: #aaa; 
	border-radius: 10px;
  }
  .department_admin .region .department-content::-webkit-scrollbar-thumb:hover {
	background: #ccc; 
  }
.department_admin .local-actions{display:none;}

.department_admin .content-header {
    margin: 0px;
    background-color: #f1f1f1;
    color: #343434;
    padding: 15px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    min-height: 70px;
    position: fixed;
    width: 100%;
    align-items: center;
    display: flex;
    z-index: 99999;
}
.department_admin .page-content{
	margin: 0px;
	/* display: flex; */
	/* flex-wrap: wrap; */
}
.department_admin h1.page-title{
	font-size: 20px;
}
.department_admin .block-page-title-block:last-child{
	margin-bottom: 0px;
}
.department_admin .content-header + .layout-container{
	margin:0px;
}
.page-wrapper *:focus, .ui-dialog *:focus{
	box-shadow: none!important;
	outline: none!important;
}

.department_admin .admin-list{
	display: table;
    border-spacing: 10px;
}
.department_admin .admin-item{
    padding: 10px;
    border: 1px solid #eee;
	display: table-cell;
    width: 1%;
	vertical-align: middle;
	height: 110px;
	text-align: center;
    border-radius: 6px;
    background-color: #f1f4fa;
    color: #444;
	cursor: pointer;
	box-shadow: 1px 1px 6px -2px #ddd;
}
.department_admin .admin-item__link::before{
	content: none;
}
.department_admin .admin-item__link{
	padding: 0px;
	color: #444;
}
.department_admin .admin-item__title{
	font-weight: 600;
}
.department_admin .breadcrumb__item, 
.department_admin .breadcrumb__link{
	color: #fff;
}
.department_admin .breadcrumb__item + .breadcrumb__item::before{
	filter: invert(1);
}
.department_admin .form-element{
	display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	min-height: 37px;
}
.department_admin .form-actions .button{
	display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 14px;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.department_admin .form-submit{
	background-color: #26a769 !important;
    color: #fff !important;
    border: none !important;
    margin: 0;
}
.department-profile .row{
	margin: 0px;
}
.user-profile .department-profile .user-image {
    background-color: #f1f1f1;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 29px;
    left: 50%;
    transform: translate(-50px, 0);
}
.user-profile .department-profile{
    position: relative;
    background-image: url(/themes/custom/unee/img/dasboard-top-profile.svg) !important;
    background-repeat: no-repeat;
    z-index: 9999;
    overflow: hidden;
    background-size: 100%;
}
.user-profile .profile-view{
    padding-top: 65px;
    z-index: 99999;
}
.user-profile .department-profile::before {
    content:'';
    background-size: cover;
    background-image: url(/themes/custom/unee/img/bg-badshboard-profile.svg) !important;
    background-repeat: no-repeat;
    height: 190px;
    width: 180px;
    position: absolute;
    right: -2px;
    z-index: 1;
    top: 72px;
    }
 
.user-profile .user-state{
    font-size: 18px;
    font-weight: 700;
    color: #141414cf;
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    justify-content: center;
}
.user-profile .username{
    font-size: 18px;
    font-weight: 700;
    color: #141414;
    padding-bottom: 6px;
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    justify-content: center;
}
.user-profile .username span{font-weight: 600;}
.user-profile .user-state span{/* margin-right: 17px; */ font-weight: 600;}

.department-profile{
	max-width: 448px;
	min-width: 350px;
	padding: 10px;
	margin: 0px auto;
	text-align: center;
	margin-top: 80px;
	border-radius: 25px;
	background-color: #fff;
	min-height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 240px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.department-profile img{
	width: 80px;
	height: 80px;
	border-radius: 100%;
	border: 2px solid #00659e;
	padding: 3px;
	flex-shrink: 0;
	flex-grow: 0;
}
.department-profile .views-field-field-user-image{
	margin: 0px auto;
	width: 100%;
	margin-top: -70px;
}
.department-profile .views-field-field-user-image .field-content{
	margin: 0px auto;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	border: 1px solid #ddd;
	overflow: hidden;
}
.department-profile .views-field-field-user-image .field-content img{
	width: 120px;
}
.department-profile .views-field-nothing{
	width: 100%;
}
.department-profile .user-profile .col-xs-12{
	width: 100%!important;
	max-width: 100%!important;
}
.department-profile .user-profile{
	padding-top: 20px;
}
.department-profile .user-profile .user-name{
	display: flex;
}
.department-profile .user-profile .user-name h4, 
.department-profile .user-profile .user-name a,
.department-profile .user-profile .user-id h4,
.department-profile .user-profile .user-id a{
	font-size: 15px;
	margin: 0px;
	margin-bottom: 20px;
}
.department-profile .user-profile .user-id{
	display: flex;
}

.department-profile .user-profile .user-name h4,
.department-profile .user-profile .user-id h4{
	font-weight: 600;
	color: #888;
	min-width: 100px;
	text-align: left;
} 
.department-profile .user-profile .user-name a,
.department-profile .user-profile .user-id a{
	font-weight: 600;
	color: #444;
	padding-left: 10px;
	margin-bottom: 0;
	text-align: left;
}
.department-profile .user-profile .user-name h4{margin-bottom: 0;}
.department_admin .views-exposed-form{
	margin: 0px!important;
	margin-bottom: 20px!important;
	border-radius: 6px!important;
	border: 1px solid #eee!important;
	padding:16px!important;
	display: flex !important;
    align-items: center;
}
/* .department_admin .views-exposed-form__item--preceding-actions.views-exposed-form__item--preceding-actions{
	margin: 0px;
} */
.department_admin .form-item__label{
	font-size: 14px;
    font-weight: 600;
    /* margin: 0px; */
    margin-bottom: 8px;
}
/* .department_admin .views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions{
	margin: 0px;
} */
.department_admin .view-quiz-competition .views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions{
	margin-top: 27px;
    margin-left: 20px;
}
table th{
	font-size: 14px;
	text-transform: none;
	font-weight: 600;
	letter-spacing: normal;
	
}
.department_admin .department-content table th{
	background-color: #052f4e;
    color: #fff;
	font-weight: normal;
    font-size: 13px;
}
.department_admin .department-content table td{
	font-weight: 600;
}
.department_admin table .views-empty{
	text-align: center;
}
.department_admin .form-item{
	margin-top: 0px;
}
.department_admin .views-table h4{
	margin-top: 0px;
	font-size: 18px;
}

.department_admin .views-exposed-form .js-form-item{
	margin-top: 0!important;
	min-width: 250px;
}
.department_admin .views-exposed-form .form-actions{
	margin-top: 0 !important;
}
.department_admin .views-exposed-form .form-actions input{ 
	padding: 9px 20px !important;
}
.department_admin .views-exposed-form .js-form-item input, .views-exposed-form .js-form-item select {
    padding: 9px 12px !important;
}

.department_admin .quizaddquestions-form{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.department_admin .quizaddquestions-form h4{
	width: 100%;
}
.department_admin .quizaddquestions-form .js-form-item{
	width: 100%;
	margin: 0;
}
.department_admin .fieldset.js-form-item{
	width: 100%;
}
.department_admin .fieldset.js-form-item .form-radios{
	display: flex;
}
.department_admin .fieldset.js-form-item .form-radios .js-form-item input{
	margin-inline-start: auto;
	margin-right: 10px;
}
.department_admin .form-submit#edit-submit-delete {
    background-color: #f24141 !important;
}

/* .tabs-wrapper .tabs{display: none;}
.department_admin .layout-region--secondary {display:none;} */

.department_admin .layout-form {
	display: grid !important;
	grid-template-rows: 1fr !important;
	/* grid-template-columns: 1fr minmax(2.5rem, 0fr) !important; */
	grid-template-columns: auto !important;
	/* padding-left: 35px !important; */
	row-gap: 12px !important;
}
#node-filmic-facilities-form .layout-region.layout-region--secondary {
    display: none !important;
}
.layout-region--secondary{margin-block-start: 0px !important}
 
.department_admin .layout-region.layout-region--main  {    width: 100%; }

.department_admin .stateadmin_block {
    margin-left: 270px;
    background: #fff;
    width: calc(99% - 268px);
    border-radius: 8px;
    margin-top: 75px !important;
}
.department_admin  #edit-delete { display:none;}
.department_admin .layout-region--footer {
    margin-inline: inherit;
    margin-left: 25px;
}

.department_admin .layout-region.layout-region--footer{
    margin-inline: inherit;
    margin-left: 25px;
}
.department_admin .layout-region.layout-region--footer .form-actions {
    margin: 12px 0 0 0;
}
.department_admin .menu-item.menu-item--expanded span {
    /* background-color: #ffffff40; */
    border-radius: 1px;
    padding: 10px 10px 10px 16px;
    display: block;
    color:#fff;
    }

.department_admin .menu-item.menu-item--expanded span {
  text-decoration: none; /* Remove default underline */
  border-bottom: 2px solid gold; /* Golden underline */
  padding-bottom: 2px; /* Space between text and underline */
}

.department_admin .guide-text{display:none;}
.department_admin .block-views-blockduplicate-of-tat-tat-state-admin-block-1{
    margin-left: 280px;
    width: calc(100% - 340px);
    margin-top: 40px;
}
.department_admin  .Select-Sub-categories-ffo span.fieldset__label {display: none; }
.department_admin #node-filmic-facilities-form .field--name-field-faculty-type {padding-top:10px}
.department_admin #node-filmic-facilities-form #miscellaneous span.fieldset__label {display: none; }
.department_admin .block-views-blockduplicate-of-tat-tat-state-admin-block-1 .view-header {text-align: center;}


.department_admin #node-location-form .shs-addnew-container {
    display: none;
}
.department_admin #node-location-form input#edit-field-location-categories {
    display: none;
}

.department_admin #node-location-form select#edit-field-location-categories-shs-0-1 {
    display:none;
}

.department_admin.extra-class.filmic-user .entity-content-form-footer {display:none;}
.department_admin.extra-class #edit-field-address-f-0-value {
    height: 110px; }
.department_admin.extra-class.filmic-user .field--name-field-states #edit_field_states_chosen {    pointer-events: none; }
.department_admin.extra-class .field--type-link.field--name-field-state-website-link .form-item__description { display: none;}
.department_admin.extra-class .field--type-link.field--name-field-state-website-link .js-form-item-field-state-website-link-0-title {display: none;}
/* .department_admin.extra-class .field--name-field-google-map-link #edit-field-google-map-link-0-value .fieldset__wrapper{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 43px;
} */
.department_admin.extra-class .field--name-field-google-map-link #edit-field-google-map-link-0-value .fieldset__wrapper .js-form-item-field-google-map-link-0-value-lat,
.department_admin.extra-class .js-form-item-field-nearest-airport-address-0-value-lat,
.department_admin.extra-class .js-form-item-field-nearest-railway-station-ad-0-value-lat,
.department_admin.extra-class .js-form-item-field-nearest-bus-station-addres-0-value-lat,
.department_admin.extra-class .js-form-item-field-location-map-0-value-lat 
{
    width: 45%;
    float: left;
    margin-right: 22px;
}

.department_admin.extra-class .field--name-field-google-map-link #edit-field-google-map-link-0-value .fieldset__wrapper .js-form-item-field-google-map-link-0-value-lon,
.department_admin .js-form-item-field-nearest-bus-station-addres-0-value-lon,
.department_admin .js-form-item-field-nearest-railway-station-ad-0-value-lon,
.department_admin .js-form-item-field-nearest-airport-address-0-value-lon,
.department_admin.extra-class .js-form-item-field-location-map-0-value-lon
{
    float: left;
    width: 45%;
}


.department_admin .region-highlighted .messages-list{
    margin-bottom: 0!important;
    margin-top: 65px;
}
.department_admin .form-actions .button {padding: 0.375rem 1.75rem !important;}
.department_admin #node-filmic-user-information-edit-form .layout-region.layout-region--footer {     margin-left:0px!important;}

.department_admin #node-filmic-user-information-edit-form .layout-region.layout-region--footer .layout-region__content {     margin-left:0px!important;}
.departemnt_admin #node-filmic-user-information-edit-form .layout-region.layout-region--footer .form-actions.js-form-wrapper  {     margin-left:0px!important;}

.department_admin .messages-list {
    position: absolute;
    right: calc(100% - 99%);
    top: calc(100% - 108%);
    z-index: 99999;
    width: 403px;
}

.department_admin.extra-class .messages-list__item {
  position: relative;
  opacity: 0;
  transform: translateY(-50px); /* Start off-screen */
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

.department_admin.extra-class .messages-list__item.message-incoming {
  opacity: 1;
  transform: translateY(0); /* Moves to the original position smoothly */
}

.department_admin.extra-class .messages-list__item.message-outgoing {
  opacity: 0; /* This will transition the opacity */
  transform: translateY(-20px); /* Slight upward movement on fade out */
}

/* Bounce in effect */
.department_admin.extra-class .messages-list__item.message-incoming {
  animation: bounceIn 1s ease forwards;
}

/* Keyframes for bounce in */
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  50% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}

    
.fieldset__label {
    font-size: 1.3rem !important;
}  
.department_admin #node-filmic-facilities-form .field--name-field-broacher-help-text,
.department_admin #node-filmic-acilities-edift-form .field--name-field-broacher-help-text  {display: none;}
.department_admin #node-filmic-facilities-form .tabledrag-toggle-weight,
.department_admin #node-filmic-facilities-edit-form .tabledrag-toggle-weight  {display: none;}
.department_admin #node-filmic-facilities-edit-form .tabledrag-toggle-weight  {display: none;}
.department_admin #node-location-form .form-item--editor-format,
.department_admin #node-location-edit-form .form-item--editor-format{display: none;}
.department_admin #edit-body-0-format-help {display: none;}
.department_admin .field-group-fieldset.Select-Sub-categories-ffo {
    background: #f3f9ff;
    padding: 14px 20px;
    margin-top: 13px;
    border-radius: 10px;
}
.department_admin .google_map_link, .department_admin .website_link_class, .department_admin .miscellaneous {
    padding: 12px;
    background-color: #edf1f3;
    border-bottom: solid 5px #e8e8e8;  border-radius: 10px;
}
.department_admin  .field--name-field-miscellaneous  h5{
    color: #55565b;
    font-weight: bold;
    font-size: 1.3rem;
	display: none;
}

/* .department_admin  #webiste-details-form .fieldset__label{ */
	/* display: none; */
/* } */
.department_admin .webiste-details-form fieldset {background: #f3f9ff;border-radius: 10px;}
.department_admin .webiste-details-form {background-color: #edf1f3;
    padding: 14px 20px;
    margin-top: 13px;
    border-radius: 10px;}
    .department_admin fieldset #edit-field-location-map-0-value .fieldset__label {
        display:none;
    }
     
    .department_admin fieldset fieldset#edit-field-location-map-0-value-map {
        margin-top: 22px;
    }
    .department_admin.extra-class .layout-region--footer .layout-region__content  { margin: 0;
        padding: 0!important;}
        .department_admin.extra-class .layout-region--footer{margin: 0 !important;}
    .department_admin.extra-class .layout-region.layout-region--footer .form-actions{
        margin: 0 !important;
        padding: 0!important;
    }
.department_admin.extra-class .general_information_section,
.department_admin.extra-class .location_details_section,
.department_admin.extra-class #edit-field-nearest-airport-address-0-value,
.department_admin.extra-class #edit-field-nearest-railway-station-ad-0-value,
.department_admin.extra-class #edit-field-nearest-bus-station-addres-0-value
  {    background: #f3f9ff;
    padding: 14px 20px;
    margin-top: 13px;
    border-radius: 10px;}

.department_admin.extra-class .weather_details_section,.department_admin.extra-class .transportation_details_section {    background: #f3f9ff;
        padding: 12px;
        background-color: #edf1f3;
        border-bottom: solid 5px #e8e8e8;  border-radius: 10px;}
        .department_admin.extra-class  #edit-field-google-map-link-0-value-map { margin-top: 25px;}
		
.department_admin .node-location-edit-form a.button.add-another {
    display: none;
}
.department_admin input#edit-field-location-categories {
    display: none;
}

.filmic-user-state .layout-region.layout-region--secondary {
    display:none;
}

/* .user-logged-in .layout-region.layout-region--secondary {
    display: none;
} */

.filmic-user-state.path-non-filmic-all-facilities-statewise .views-exposed-form .js-form-item.js-form-item-field-states-target-id .chosen-container,
.filmic-user-state.path-filmic-all-facilities-statewise .views-exposed-form .js-form-item.js-form-item-field-states-target-id .chosen-container {
    margin-top: 0 !important;
    min-width: 250px;
    pointer-events: none;
    background-color: #e9ecef;
    cursor: not-allowed;
}

/* new effects on crowd sourced menu in state admin dashboards */
.department_admin .dashboard-block ul.menu li a[href*="filmic-all-facilities-statewise"],
.department_admin .dashboard-block ul.menu li a[href*="non-filmic-all-facilities-statewise"] {
    display: inline-block;
    font-weight: 600;
    color: #333333; /* Default text color */
    text-decoration: none;
    padding: 12px 18px;
    background-color: #f8f9fa; /* Light background */
    border: 1px solid #ddd; /* Light border for structure */
    border-radius: 4px; /* Rounded corners */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); /* Lighter shadow for default */
    transition: all 0.2s ease-in-out; /* Smooth transition */
}

.department_admin .dashboard-block ul.menu li a[href*="filmic-all-facilities-statewise"]:hover,
.department_admin .dashboard-block ul.menu li a[href*="non-filmic-all-facilities-statewise"]:hover {
    background-color: #e9ecef; /* Hover background */
    color: #212529; /* Slightly darker text */
    border-color: #212529; /* Border matches text */
    transform: translateY(-2px) scale(1.02); /* Subtle lift and zoom effect */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Crisp hover shadow */
}

/* Active State Styling */
.department_admin .dashboard-block ul.menu li.menu-item--active-trail > a {
    font-weight: 700; /* Bold font for emphasis */
    color: #ffffff; /* White text for contrast */
    background-color: #007bff; /* Primary blue background */
    border-color: #007bff; /* Matching border */
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2); /* Subtle glow around active item */
    text-decoration: none; /* No underline */
}

/* Active State Hover (optional, for more interactivity) */
.department_admin .dashboard-block ul.menu li.menu-item--active-trail > a:hover {
    background-color: #0056b3; /* Slightly darker blue on hover */
    box-shadow: 0 6px 16px rgba(0, 123, 255, 0.3); /* Stronger glow */
    transform: translateY(-2px); /* Lift effect */
}

click disable on node add filmic form and location form 
.department_admin #node-location-form select#edit-moderation-state-0-state ,
.department_admin #node-filmic-facilities-form select#edit-moderation-state-0-state {
    pointer-events: none;
    opacity: 0.9;
}