*, ::before, ::after {
	box-sizing: border-box !important;
}

:root {
	--sx-color-primary: #000 !important;
}

.sx__calendar {
	overflow-y: unset !important;
	overflow-x: unset !important;
}

.sx__view-container {
	overflow-y: unset !important;
	overflow-x: unset !important;
}

/* ********** Sx Calendar ********** 
 * Do not scroll the header content
 * ********** */
.sx__week-header {
	position: sticky;
	top: 0;
	background: white;
	z-index: 1000;
}

.sx__time-picker-popup {
	z-index: 10000 !important;
}

.sx__calendar-toggles {
	overflow-y: auto !important;
	max-height: 600px !important;
}



details summary svg {
	transition: transform 0.2s ease-in-out; /* Adjust duration and easing as needed */
}

details[open] summary svg {
	transform: rotate(45deg);
}

details {
	cursor: pointer;
	background-color: #e0e0e0;
	border-radius: 15px;
}

details[open] {
	background-color: white;
	border: 1px solid #000;
}

.menuitem {
	background-color: black;
}

.chartseparator {
	width: 2px;
	height: 20px;
	background-color: #D9D9D9;
	margin-right: 25px;
}

.orgchartarrow {
	width: 16px;
	height: 16px;
	transform: rotate(180deg);
	cursor: pointer;
}

.orgchartarrow.down {
	width: 16px;
	height: 16px;
	transform: rotate(-90deg);
}

.orgchartinput {
	padding: 10px 12px;
}

.orgchartselect {
  height: 38px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

/*
 * Mobile Styles
 */

@media (max-width: 600px) {
	.defaulttablink {
		display: none;
	}
	.defaultnavlink {
		display: none;
	}
	.projecttitle {
	}
}

/* For WebKit browsers (Chrome, Safari) */


/* Change color to red when full */

/* WebKit browsers */
meter[value='100']::-webkit-meter-optimum-value {
	background: red;
}

/* Firefox */
meter[value='100']::-moz-meter-bar {
	background: red;
}