/* --- CSS for Eve theme -- */

/* Variables */
:root {
	--eve-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
	--eve-radius-s: 10px;
	--eve-radius-m: 20px;
	--eve-translucent: 0.7;
}

body {
	overflow-x: hidden;
}


/* -- Block Styling --*/
.widget-card {
	background-color: var(--wp--preset--color--white);
	border: none;
	border-radius: var(--eve-radius-m);
  	box-shadow: var(--eve-shadow);
	height: 100%;
}
.advgb-tab-body-wrapper {
	background-color: var(--wp--preset--color--white);
	border: none;
	border-radius: var(--eve-radius-m);
  box-shadow: var(--eve-shadow);
}
ul.advgb-tabs-panel {
	align-self: center;
}

/* -- Navigation --*/
/* Header section */
#notif-icon {
	cursor: pointer;
}
#notif-icon i {
	font-size: 1.5rem;
	opacity: var(--eve-translucent);
}
#notif-count {
	position: relative;
  	top: 10px;
 	left: -5px;
	font-size: 0.8rem;
	background-color: var(--wp--preset--color--vivid-red);
	padding: 3px 6px;
	border-radius: 100px;
}
#profile-icon {
	opacity: var(--eve-translucent);;
}
#profile-icon a {
	color: var(--wp--preset--color--white);
}

/* Body section */
#sidemenu-inner nav.is-vertical.sidemenu {
	margin-block-start: 0;
}
.sidemenu.wp-block-navigation .wp-block-page-list {
	width: 100% !important;
}
.sidemenu.wp-block-navigation .wp-block-navigation-item {
  flex-wrap: wrap;
}
.sidemenu .wp-block-navigation-item a {
	padding: 10px 20px;
	border-radius: 6px;
	opacity: var(--eve-translucent);
	transition: all 0.3s;
}
.sidemenu .current-menu-item {
	background-color: rgba(255,255,255,0.1);
	opacity: 1;
}
.sidemenu .wp-block-navigation-item a:hover {
	background-color: rgba(255,255,255,0.1);
	color: var(--wp--preset--color--white);
	opacity: 1;
}
.sidemenu.wp-block-navigation ul, .wp-block-navigation ul li {
	width: 100%;
}
.sidemenu.wp-block-navigation .wp-block-navigation-item__content {
	width: 100%;
	color: var(--wp--preset--color--white);
	display: flex;
}
.sidemenu.wp-block-navigation .wp-block-navigation__submenu-icon {
	position: absolute;
	right: 20px;
	top: 18px;
}
.sidemenu.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	top: 0;
  position: relative;
}
.sidemenu.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	border: transparent;
	background-color: transparent;
}
.sidemenu .wp-block-navigation__submenu-container a:hover {
	background-color: rgba(255,255,255,0.1);
}
.sidemenu .submenu-container {
	background-color: transparent !important;
}
.sidemenu.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
	padding-top: 4px;
}
.sidemenu.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	border: transparent;
	background-color: transparent;
}
.sidemenu .wp-block-navigation__container,
.sidemenu.wp-block-navigation .has-child .wp-block-navigation__submenu-container,
.sidemenu .wp-block-navigation-item__content {
	transition: all 0.6s !important;
}

/* Navigation Icons */
/* set up general style */
.sidemenu .wp-block-navigation-item__content::before {
	content: '\f005';
	color: white;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.5rem;
	opacity: 0.6;
}
/* add specific icons */
.sidemenu .dashboard-link .wp-block-navigation-item__content::before {
	content: '\f009';
}
.sidemenu .staff-admin-link .wp-block-navigation-item__content::before {
	content: '\f5ae';
}
.sidemenu .news-link .wp-block-navigation-item__content::before {
	content: '\f1ea';
}
.sidemenu .projects-link .wp-block-navigation-item__content::before {
	content: '\f828';
}
.sidemenu .documents-link .wp-block-navigation-item__content::before {
	content: '\f15c';
}
.sidemenu .user-profile-link .wp-block-navigation-item__content::before {
	content: '\f2bb';
}
.sidemenu .email-link .wp-block-navigation-item__content::before {
	content: '\f01c';
}
.sidemenu .files-link .wp-block-navigation-item__content::before {
	content: '\f07c';
}
.sidemenu .crm-link .wp-block-navigation-item__content::before {
	content: '\f509';
}
.sidemenu .sales-crm-link .wp-block-navigation-item__content::before {
	content: '\f0f0';
}
.sidemenu .vri-link .wp-block-navigation-item__content::before {
	content: '\f0ae';
}
.sidemenu .chat-link .wp-block-navigation-item__content::before {
	content: '\f4ad';
}
.sidemenu .horizon-link .wp-block-navigation-item__content::before {
	content: '\f095';
}
.sidemenu .phone-recordings-link .wp-block-navigation-item__content::before {
	content: '\f095';
}
.sidemenu .ask-link .wp-block-navigation-item__content::before {
	content: '\e4e3';
}
.sidemenu .whiteboard-link .wp-block-navigation-item__content::before {
	content: '\f51c';
}
.sidemenu .sms-link .wp-block-navigation-item__content::before {
	content: '\f27a';
}
.sidemenu .analytics-link .wp-block-navigation-item__content::before {
	content: '\f201';
}
.sidemenu .contacts-link .wp-block-navigation-item__content::before {
	content: '\f2b9';
}
.sidemenu .e-marketing-link .wp-block-navigation-item__content::before {
	content: '\f0a1';
}
.sidemenu .marketing-news-monitor-link .wp-block-navigation-item__content::before {
	content: '\f46d';
}
.sidemenu .human-resources-link .wp-block-navigation-item__content::before {
	content: '\e533';
}
.sidemenu .monthly-reports-link .wp-block-navigation-item__content::before {
	content: '\e0e3';
}
.sidemenu .support-desk-link .wp-block-navigation-item__content::before {
	content: '\f590';
}
.sidemenu .training-library-link .wp-block-navigation-item__content::before {
	content: '\f549';
}
.sidemenu .self-dev-link .wp-block-navigation-item__content::before {
	content: '\f19d';
}
.sidemenu .bitesize-link .wp-block-navigation-item__content::before {
	content: '\e53d';
}
.sidemenu .subscriber-stats-link .wp-block-navigation-item__content::before {
	content: '\e4e8';
}
.sidemenu .marketing-report-link .wp-block-navigation-item__content::before {
	content: '\e473';
}
.sidemenu .calendar-link .wp-block-navigation-item__content::before {
	content: '\f133';
}


/* -- Theme overrides --*/
.wp-site-blocks {
	padding-bottom: 0 !important;
}
footer {
  margin-block-start: 0 !important;
}
#main {
	transition: all 0.5s;
}
#header-columns {
	transition: all 0.5s;
	height: 75px !important;
}
#header-right .wp-block-group {
	margin-top: auto;
	margin-bottom: auto;
}
#content-area {
  position: relative;
  gap: 0;
}
#sidemenu {
	position: relative;
	transition: all 0.5s;
	min-height: 100%;

}
#sidemenu > .is-layout-flex.wp-block-columns {
	height: calc(100% - 24px);
}
#sidemenu-head {
  position: relative;
	transition: all 0.5s;
}
#sidemenu-inner {
  position: relative;
  height: 100%;
}
#sidemenu-btncol {
	transition: all 0.5s;
	width: 32px !important;
}
#sidemenu-btn {
	width: 20px;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	transition: all 0.3s;
	transform-origin: 0 0;
}
#sidemenu-btn:hover {
	transform: scaleX(1.25);
}

#sidemenu .art-leftmenu-user-pic {
	height: 96px;
	object-fit: cover;
}

#right-user-menu {
	box-shadow: var(--eve-shadow);
	transition: all 0.5s;
}
#right-user-menu > .wp-block-columns {
	height: calc(100% - var(--wp--preset--spacing--30) - var(--wp--preset--spacing--30));
}

#message-panel {
	height: 100%;
	position: relative;
}

#messages-area .wp-block-group.has-tertiary-background-color {
	margin-left: 20%;
}
#message-input {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 320px !important;
	padding: 1rem;
}
#message-input .wp-block-group {
	width: 100%;
}

/* Forms */
.page input, .page select, .page textarea, .single textarea {
	padding: 0.6rem;
	border: 1px solid var(--wp--preset--color--secondary);
	border-radius: 10px;
	font-size: var(--wp--preset--font-size--medium);
	font-family: var(--wp--preset--font-family--system-font);
	width: calc(100% - 1.2rem);
}
.page select {
	width: 100%;
}
.page input[type="checkbox"] {
	width: 2rem;
	transform: scale(1.4);
}
fieldset {
	border: none;
}

/* reset wp-forms stuff */
.widget-card .div.wpforms-container-full .wpforms-field-label,
.widget-card .wp-core-ui div.wpforms-container-full .wpforms-field-label {
	margin: inherit !important;
	padding: inherit !important;
    font-size: var(--wp--preset--font-size--medium) !important;
    line-height: inherit !important;
    color: var(--wp--preset--color--contrast) !important;
}


/* Notifications */
#notifications-btn strong {
	background-color: var(--wp--preset--color--vivid-red);
	padding: 5px 11px;
	border-radius: 100px;
}
#notifications-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height:100vh;
	background-color: rgba(0,0,0,0.1);
	z-index: 99;
}
#notifications-window {
	position: absolute;
	left: 75px;
	top: 75px;
	width: 400px;
	border-radius: var(--eve-radius-m);
	padding: 10px;
	z-index: 100;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
}
#notifications-window .notification-grp {
	margin-top: 0;
}
#notifications-window .read-btn {
	margin-top: 5px;
	border-radius: var(--eve-radius-s);
	cursor: pointer;
}
#notif-close, #notif-markallread {
	padding: 0 0.5rem;
	border-radius: var(--eve-radius-s);
	cursor: pointer;
	transition: all 0.3s;
}
#notif-close:hover, #notif-markallread:hover {
	color: var(--wp--preset--color--white);
	transform: scale(1.25);
}
.notification-grp p {
	margin-top:0 !important;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	font-size:0.875rem;
}
.notification-grp.notif-read p, .notification-grp.notif-read h5 {
	color: var(--wp--preset--color--secondary) !important;
}
#notif-scrollable {
	max-height: 80vh;
	overflow-y: scroll;
}


/* Notifications for PODS templates */
.Normal-notif {
	color: var(--wp--preset--color--primary) !important;
}
.High-notif {
	color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.Urgent-notif {
	color: var(--wp--preset--color--vivid-red) !important;
}



/* Profile Window */
#profile-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height:100vh;
	background-color: rgba(0,0,0,0.1);
	z-index: 99;
}
#profile-window {
	position: absolute;
	left: 175px;
	top: 75px;
	width: 250px;
	border-radius: var(--eve-radius-m);
	padding: 10px;
	z-index: 100;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
}
#profile-window p a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
#profile-window i {
	margin-right: 0.5rem;
}
#profile-icon {
	cursor: pointer;
}
#profile-close {
	padding: 0 0.5rem;
	border-radius: var(--eve-radius-s);
	cursor: pointer;
	transition: all 0.3s;
}
#profile-close:hover {
	color: var(--wp--preset--color--white);
	transform: scale(1.25);
}


/* Dashboard Styles */
.app-buttons.wp-block-buttons>.wp-block-button {
	width: calc(50% - 0.75rem);
}
.app-buttons .wp-block-button__link {
	width: 100%;
}
.app-buttons .wp-block-button__link:visited {
	color: var(--wp--preset--color--base);
}
.app-buttons i {
	font-size: 2.5rem;
	margin-bottom: 0.5rem;
	display: block;
}
#crm-data-yesterday.crm-data-group,
#crm-data-lastmonth.crm-data-group {
	margin-block-start: 0;
}
.crm-data-group .wp-block-group {
	height: 100%;
}

.single-stat-description {
	min-height: 56px;
}
.latest-news .news-widget-category-buttons .wp-block-button__link {
	padding: 0.5rem 1rem;
}

.latest-news .wp-block-group {
	background-color: var(--wp--preset--color--base);
	border-radius: var(--eve-radius-m);
	padding: 5px;
	flex-grow: 1;
}

.latest-news .wp-block-group p.has-background {
	border-radius: var(--eve-radius-m);;
}

.latest-news .wp-block-post-featured-image a {
	width: 100px;
}

.latest-news .wp-block-query h4 a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.latest-news .wp-block-query .taxonomy-category {
	margin-top: 0.5rem;
}
.latest-news .news-widget-title {
	flex-grow: 1;
}
.latest-news .taxonomy-category {
	min-width: fit-content;
	width: 150px !important;
}


/* Tabs */
.advgb-tabs-wrapper[class*='advgb-tab-vert'] {
    align-items: center;
}
.advgb-tabs-panel li {
	border-radius: 100px !important;
}
.advgb-tab-body-wrapper {
    border: none;
    width: 100%;
}

/* STAFF ADMIN */
/* USER LIST */
.user-list-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch !important;
}
.user-list-container .user-list-card {
	background-color: var(--wp--preset--color--white);
	border: none;
	border-radius: var(--eve-radius-m);
  	box-shadow: var(--eve-shadow);
	width: clamp(250px - 1rem, 25% - 1rem, 350px - 1rem);
	margin: 0.5rem;
}
.user-list-card .online-status-button {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	padding: 0.25rem 0.35rem;
    border-radius: 10rem;
}
.user-list-card .online-status-button.offline {
	background-color: var(--wp--preset--color--secondary);
}
#search-users {
	width: calc(100% - 13rem);
	border-radius: 10px 0 0 10px;
}
#search-users-clear {
	font-size: var(--wp--preset--font-size--medium);
    cursor: pointer;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: 0.7rem;
    margin-left: -1.6rem;
    border-radius: 0 10px 10px 0;
    border: 1px solid var(--wp--preset--color--secondary);
}

.art-send-notification .notif-send-checkboxes {
	align-items: flex-start;
	gap: var(--wp--preset--spacing--30);
}

.new-admin-table td, .new-admin-table th {
	padding: 0.15rem 0.5rem 0.1rem;
}
.new-admin-table th:first-of-type {
	border-radius: 10px 0 0 0;
}
.new-admin-table th:last-of-type {
	border-radius: 0 10px 0 0;
}
.new-admin-table tr:nth-child(even) {
	background-color: var(--wp--preset--color--base);
}

.new-admin-table .status {
	padding: 0.25rem 0.5rem;
	border-radius: 10rem;
	cursor: pointer;
	color: var(--wp--preset--color--base);
}
.new-admin-table .status.publish {
	background-color: var(--wp--preset--color--primary);
}
.new-admin-table .status.draft {
	background-color: var(--wp--preset--color--secondary);
}
.new-admin-table .status.draft:hover, .new-admin-table .status.publish:hover {
	background-color: var(--wp--preset--color--contrast);
}
.new-admin-table .delete-post {
	cursor: pointer;
}
.new-admin-table .delete-post:hover {
	color: var(--wp--preset--color--contrast);
}

/* User-profile */
#profile-settings-col {
	gap: 0;
}
#profile-settings-menu .wp-block-columns {
	gap: 0.25rem;
}
.profile-settings-active {
	background-color: var(--wp--preset--color--white);
}
.new-uploader #save-warning {
	display: none;
} 
#profile-settings-account, #profile-settings-security, #profile-settings-notifications {
	cursor: pointer;
}
#security-tab {
	display: none;
	margin-top: 0;
}
#notifications-tab {
	display: none;
	margin-top: 0;
}

/* Other user profile (author template) */
.author-details-table td {
	border: 0px solid white !important;
}
.author-details-table td:first-child {
	color: var(--wp--preset--color--secondary) !important;
}


/* USER ROLE EDIT MODAL */
#user-role-modal-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height:100vh;
	background-color: rgba(0,0,0,0.1);
	margin: 0 !important;
	z-index: 99;
}
#user-role-modal {
	position: fixed;
	width: 700px;
	height: auto;
	top: 50vh;
	left: 50vw;
	transform: translate(-50%, -50%);
	overflow-y: scroll;
	z-index: 100;
}
.user-role-edit-button {
	cursor: pointer;
}
.user-role-edit-button:hover {
	color: var(--wp--preset--color--primary);
}

/* Messages */
.messages-group h3 {
	border-radius: var(--eve-radius-s);;
}

/* Calendar */
.calendar tbody td {
	background-color: var(--wp--preset--color--base);
	border-radius: var(--eve-radius-s);
}
.calendar thead th {
	border-radius: var(--eve-radius-s);
}
.calendar table {
	border-spacing: 5px;
}
#new-event-bg {
	position: absolute;
	margin: 0 !important;
	top: 0;
	left: 0;
	min-width: 100vw;
	min-height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
	display: none;
}
#new-event-modal {
    position: fixed;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    width: 1000px;
    height: auto;
    display: block;
}

/* CRM Dashboard */

#cm-dash-vri h3 {
	border-radius: var(--eve-radius-s);;
	margin-bottom: 0.5rem !important;
}
#cm-dash-vri table {
	width: 100%;
	border-spacing: 0;
	margin-bottom: 1rem !important;
}
#cm-dash-vri thead tr {
	background-color: var(--wp--preset--color--base);
}

/* V2 CRM Dash */
.cm-dash-v2 h3 {
	border-radius: 5rem;
}
.cm-dash-v2 .date-btns {
	display: flex;
}
.cm-dash-v2 .date-btns .wp-block-button {
	flex-grow: 1;
}
.cm-dash-v2 .date-btns .wp-block-button__link {
	width: auto;
    display: block;
    text-align: center;
}

/* PROJECTS */
.project-users-row.is-layout-flex figure:not(:first-of-type) {
	margin-left: -0.75rem;
}
.kanban-list .widget-card {
	height: auto;
}

#task-modal-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height:100vh;
	background-color: rgba(0,0,0,0.1);
	margin: 0 !important;
	z-index: 99;
}
#task-modal {
	position: fixed;
	width: 90vw;
	height: auto;
	top: 50vh;
	left: 50vw;
	transform: translate(-50%, -50%);
	overflow-y: scroll;
	z-index: 100;
}
#task-modal select {
	width: auto;
}

/* ANALYTICS DASH */
#analytics-chart {
	padding-bottom: 0 !important;
	overflow: hidden;
	height: 547px;
}
#analytics-chart .wp-container-25 {
	position: relative;
	width: calc(100% + 5rem);
	height: calc(100% + 2.5rem);
	left: -2.5rem;
}

/* TASKS */
.task-list-item {
	transition: all 0.3s;
}
.task-list-item:hover {
	background-color: var(--wp--preset--color--base);
}
.task-list-item.active:hover {
	background-color: var(--wp--preset--color--contrast);
}

/* BIRTHDAY WIDGET */
.eve-birthday-list .wp-block-group {
	margin: 0.75rem 0 0 0;
	background-color: var(--wp--preset--color--base);
	padding: 0.25rem;
	border-radius: 10rem;
	flex-wrap: nowrap;
}
.cake-icon {
	padding-left: 1.5rem;
}

/* NEWS */
/* NEWS ARCHIVE */
.category-buttons-label {
	min-width: 94px;
	align-self: flex-start;
}
#archive-category-btns a {
	padding: 0.4rem 0.8rem;
}
.news-grid .widget-card {
	position: relative;
}
.news-grid .taxonomy-category {
	position: absolute;
    top: 0;
    left: 1rem;
    border: 1px solid white;
    padding: 0.1rem 0.25rem;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
	margin-block-start: 1rem;
}
.news-grid .taxonomy-category:hover {
	background-color: var(--wp--preset--color--contrast);
}
.news-grid .taxonomy-category a {
	color: var(--wp--preset--color--base);
}
.news-grid .wp-block-post-featured-image img {
	aspect-ratio: 4/3;
    object-fit: cover;
}
.news-grid.wp-block-post-template.is-flex-container li {
	display: flex;
}
.news-grid .wp-block-post-excerpt__more-link {
    margin-bottom: 1rem;
}

/* COLLAPSE GROUPS */
/* Don't need a lot in here, mostly just a class to flip the arrow icon */
.collapse-group-header:hover {
	background-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--white) !important;
	cursor: pointer;
}
.collapse-group-header i {
	transition: all 0.5s;
}
.collapse-group-header.flip i {
	transform: rotate(180deg);
}

/* UTILITIES */
.circular {
	background-color: var(--wp--preset--color--base);
	border-radius: 1000px;
	padding: 0.75rem 1rem;
}
.eve-rounded-s {
	border-radius: var(--eve-radius-s);
}
.center-icon {
	margin-left: auto;
	margin-right: auto;
}
.center-following-cells tr td:not(:first-child) {
	text-align: center;
}

.contact-list-email {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wp-block-table.contact-list .has-fixed-layout {
	table-layout: auto !important;
}
.contact-list table th, .contact-list table td {
	border: 0;
}
.contact-list th {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
}
.contact-list tr:nth-child(even) {
	background-color: var(--wp--preset--color--tertiary);
}
.contact-list a {
	color: var(--wp--preset--color--contrast);
}

#crm-update-list .wp-block-group.is-content-justification-space-between {
	justify-content: space-between;
	margin-top: 0.25rem;
}
#crm-update-list .crm-update-type .Major {
	color: var(--wp--preset--color--primary);
}
#crm-update-list .crm-update-type .Minor {
	color: var(--wp--preset--color--secondary);
}

.contact-table table {
	border-collapse: separate !important;
	border-spacing: 0 0.25rem;
}
.contact-table table tr td:first-child {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--white);
	border-radius: 0.5rem 0 0 0.5rem;
}
.contact-table table tr td:last-child {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--white);
	border-radius: 0 0.5rem 0.5rem 0;
}



/* we need to disable media library tabs on the profile page */
/* this not working either for some reason!! */
.page-id-11 .media-router #menu-item-browse {
	display: none;
}

/* Media Queries */
@media screen and (max-width: 1250px) {
	.latest-news .list-grid-outer {
		flex-wrap: wrap !important;
		gap: 0.5rem;
	}
	.latest-news .list-grid-inner {
		gap: 0.5rem;
	}
	.latest-news .taxonomy-category {
		width: 100% !important;
		margin: 0.5rem !important;
	}

	.widget-card .app-buttons {
		gap: 0.5rem;
	}
	.widget-card .app-buttons .wp-block-button__link {
		font-size: 0.8rem;
		padding: calc(0.667em + 2px) calc(1em + 2px);
	}
}


@media screen and (max-width: 1000px) {
	#sidemenu {
		/* position: absolute; */
		margin-left: -224px;
	}
	  #sidemenu-head {
		position: absolute;
		margin-left: -224px;
		min-width: 200px;
		height: 100%;
	}
	.dash-widget-columns {
		flex-direction: column;
	}

}

@media screen and (max-width: 781px) {
	.eve-grid-standard.is-layout-grid {
		grid-template-columns: 1fr !important;
	}
	#main-content-area {
		flex-basis: calc(100% - 32px) !important;
	}
	#header-right>div {
		padding-right: 0 !important;
	}
	#sidemenu {
        position: absolute;
		z-index: 90;
        margin-left: -224px;
		flex-basis: 256px !important;
		height: 100%;
	}
}