body {
	background-color: #ffffff;
	color: #50632A;
}

.al-wrapper {
	overflow-x: hidden;
}

/* Sidebar (menu) */
.al-sidebar {
	position: fixed;
	box-sizing: border-box;
	border-right: 3px solid #C4D6A0;
	left: 0;
	top: 0;
	width: 256px;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	transform: translateX(-100%);
	transition: all 0.3s;
	display: flex;
	flex-direction: column;
}

.menu-open .al-sidebar {
	transform: translateX(0);
}

.al-sidebar .main-menu {
	border-bottom-width: 40px;
}

.al-sidebar .main-menu > li > a {
	margin-left: 4px;
	border-left: 44px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #50632A;
	font-weight: bold;
}

.al-sidebar .main-menu > li a.active {
	background-image: linear-gradient(to right, #FFFFFF, #C4D6A0, #C4D6A0 );
	color: #50632A;
	font-size: larger;
}

.al-sidebar .main-menu > li a:hover {
	border: 1px solid #50632A;
	border-left: 44px solid #FFFFFF;
}

.al-sidebar .main-menu > .nav a {
	outline: 0;
}

/* Top Logo */
.al-logo {
	margin: 10px 0px 0px 0px;
	text-align: center;
}

/* Menu and Content */
.al-open-menu {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 100001;
	transition: all 0.3s;
}

.menu-open .al-open-menu {
	left: 256px;
}

.al-contents {
	margin-top: 40px;
	box-sizing: border-box;
	padding: 20px 20px 20px 20px;
	transform: translateX(0);
	width: 100vw;
	overflow-x: auto;
	transition: all 0.3s;
}

.menu-open .al-contents {
	transform: translateX(256px);
}

.al-contents-cover {
	background-color: rgba(30, 30, 30, 0.0);
	z-index: 100000;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(0);
	visibility: hidden;
	transition: all 0.3s;
}

.menu-open .al-contents-cover {
	background-color: rgba(30, 30, 30, 0.3);
	transform: translateX(256px);
	visibility: visible;
}

/* General Elements */
.al_wgt_element {
	border: 1px solid #C4D6A0;
	padding: 10px;
}

.al_wgt_element > legend {
	border-bottom: 0px;
	padding: 0px 5px;
	margin-bottom: -5px;
	width: auto !important;
	float: none;
	font-weight: bolder;
}


.al_hidden_enable_login_btn {
	display: block;
	float: right;
	width: 32px;
	height: 32px;
	/*border: 1px solid red;*/
	text-align: right;
	cursor:default;
}

/* Calendar */
.nav > li .calendar_grid.nav {
	display: grid;
	grid-auto-columns: 1fr;
	grid-auto-rows: 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	gap: 0px 0px;
	grid-template-areas:
		"calendar_grid_item_1 calendar_grid_item_2 calendar_grid_item_3"
		"calendar_grid_item_4 calendar_grid_item_5 calendar_grid_item_6"
		"calendar_grid_item_7 calendar_grid_item_8 calendar_grid_item_9"
		"calendar_grid_item_10 calendar_grid_item_11 calendar_grid_item_12"
		"calendar_grid_item_13 calendar_grid_item_14 calendar_grid_item_15"
		"calendar_grid_item_16 calendar_grid_item_17 calendar_grid_item_18"
		"calendar_grid_item_19 calendar_grid_item_20 calendar_grid_item_21"
		"calendar_grid_item_22 calendar_grid_item_23 calendar_grid_item_24";
	padding:0px;
}

.calendar_grid.nav > li.calendar_grid_item_1,
.calendar_grid.nav > li.calendar_grid_item_2,
.calendar_grid.nav > li.calendar_grid_item_3,
.calendar_grid.nav > li.calendar_grid_item_4,
.calendar_grid.nav > li.calendar_grid_item_5,
.calendar_grid.nav > li.calendar_grid_item_6,
.calendar_grid.nav > li.calendar_grid_item_7,
.calendar_grid.nav > li.calendar_grid_item_8,
.calendar_grid.nav > li.calendar_grid_item_9,
.calendar_grid.nav > li.calendar_grid_item_10,
.calendar_grid.nav > li.calendar_grid_item_11,
.calendar_grid.nav > li.calendar_grid_item_12,
.calendar_grid.nav > li.calendar_grid_item_13,
.calendar_grid.nav > li.calendar_grid_item_14,
.calendar_grid.nav > li.calendar_grid_item_15,
.calendar_grid.nav > li.calendar_grid_item_16,
.calendar_grid.nav > li.calendar_grid_item_17,
.calendar_grid.nav > li.calendar_grid_item_18,
.calendar_grid.nav > li.calendar_grid_item_19,
.calendar_grid.nav > li.calendar_grid_item_20,
.calendar_grid.nav > li.calendar_grid_item_21,
.calendar_grid.nav > li.calendar_grid_item_22,
.calendar_grid.nav > li.calendar_grid_item_23,
.calendar_grid.nav > li.calendar_grid_item_24 {
	text-align: center;
	border: 4px dashed #C4D6A0;
	border-radius: 12px;
	background-color: #fff;
	margin: 3px;
	padding: 0px;
	opacity: 0.5;
	cursor: pointer;
	font-weight: normal;
	color: #50632A;
	line-height: 2.5rem;
	--bs-nav-link-padding-x: 0;
	--bs-nav-link-padding-y: 0;
	--bs-nav-link-color: #50632A;
	--bs-nav-link-hover-color: #C4D6A0;
	--bs-nav-link-disabled-color: #50632A;
}

.calendar_grid.nav > li.calendar_grid_item_1 a.active,
.calendar_grid.nav > li.calendar_grid_item_2 a.active,
.calendar_grid.nav > li.calendar_grid_item_3 a.active,
.calendar_grid.nav > li.calendar_grid_item_4 a.active,
.calendar_grid.nav > li.calendar_grid_item_5 a.active,
.calendar_grid.nav > li.calendar_grid_item_6 a.active,
.calendar_grid.nav > li.calendar_grid_item_7 a.active,
.calendar_grid.nav > li.calendar_grid_item_8 a.active,
.calendar_grid.nav > li.calendar_grid_item_9 a.active,
.calendar_grid.nav > li.calendar_grid_item_10 a.active,
.calendar_grid.nav > li.calendar_grid_item_11 a.active,
.calendar_grid.nav > li.calendar_grid_item_12 a.active,
.calendar_grid.nav > li.calendar_grid_item_13 a.active,
.calendar_grid.nav > li.calendar_grid_item_14 a.active,
.calendar_grid.nav > li.calendar_grid_item_15 a.active,
.calendar_grid.nav > li.calendar_grid_item_16 a.active,
.calendar_grid.nav > li.calendar_grid_item_17 a.active,
.calendar_grid.nav > li.calendar_grid_item_18 a.active,
.calendar_grid.nav > li.calendar_grid_item_19 a.active,
.calendar_grid.nav > li.calendar_grid_item_20 a.active,
.calendar_grid.nav > li.calendar_grid_item_21 a.active,
.calendar_grid.nav > li.calendar_grid_item_22 a.active,
.calendar_grid.nav > li.calendar_grid_item_23 a.active,
.calendar_grid.nav > li.calendar_grid_item_24 a.active {
	border: 0;
	font-weight:bold;
	font-size: 2rem;
	background-color: #fff;
	padding:0px;
	--bs-nav-link-padding-x: 0;
	--bs-nav-link-padding-y: 0;
	--bs-nav-link-color: #50632A;
	--bs-nav-link-hover-color: #C4D6A0;
	--bs-nav-link-disabled-color: #50632A;
}

.calendar_grid.nav > li.calendar_grid_item_1 a:hover,
.calendar_grid.nav > li.calendar_grid_item_2 a:hover,
.calendar_grid.nav > li.calendar_grid_item_3 a:hover,
.calendar_grid.nav > li.calendar_grid_item_4 a:hover,
.calendar_grid.nav > li.calendar_grid_item_5 a:hover,
.calendar_grid.nav > li.calendar_grid_item_6 a:hover,
.calendar_grid.nav > li.calendar_grid_item_7 a:hover,
.calendar_grid.nav > li.calendar_grid_item_8 a:hover,
.calendar_grid.nav > li.calendar_grid_item_9 a:hover,
.calendar_grid.nav > li.calendar_grid_item_10 a:hover,
.calendar_grid.nav > li.calendar_grid_item_11 a:hover,
.calendar_grid.nav > li.calendar_grid_item_12 a:hover,
.calendar_grid.nav > li.calendar_grid_item_13 a:hover,
.calendar_grid.nav > li.calendar_grid_item_14 a:hover,
.calendar_grid.nav > li.calendar_grid_item_15 a:hover,
.calendar_grid.nav > li.calendar_grid_item_16 a:hover,
.calendar_grid.nav > li.calendar_grid_item_17 a:hover,
.calendar_grid.nav > li.calendar_grid_item_18 a:hover,
.calendar_grid.nav > li.calendar_grid_item_19 a:hover,
.calendar_grid.nav > li.calendar_grid_item_20 a:hover,
.calendar_grid.nav > li.calendar_grid_item_21 a:hover,
.calendar_grid.nav > li.calendar_grid_item_22 a:hover,
.calendar_grid.nav > li.calendar_grid_item_23 a:hover,
.calendar_grid.nav > li.calendar_grid_item_24 a:hover {
	border: 0;
	font-weight:bold;
	color:#50632A;
	padding:0px;
	--bs-nav-link-padding-x: 0;
	--bs-nav-link-padding-y: 0;
	--bs-nav-link-color: #50632A;
	--bs-nav-link-hover-color: #C4D6A0;
	--bs-nav-link-disabled-color: #50632A;
}

/* Content tab */
.content_tab_group .nav-link {
	color: #50632A;
}

.content_tab_group .nav-link.active {
	color: #50632A;
	font-weight: bold;
}

/* > WT general overwrites*/
.btn-primary {
	background-color: #50632A;
	border-color: #C4D6A0;
	color: #ffffff;
	font-weight: bold;
}

.Wt-auth-login .form-control {
	max-width: 640px;
}

/*> Form Fields Style*/
.form-horizontal .form-control {
	border: 1px solid #50632A;
	background-color: #C4D6A0;
	font-weight: bold;
	color: #50632A;
}

.form-horizontal .form-control:focus {
	border-color: #50632A;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(113, 109, 98, 0.6);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(113, 109, 98, 0.6);
}

.form-horizontal .form-control.is-invalid {
	border: 1px solid rgba(255, 0, 0, 0.6);
	background-color: #BF7F5C;
	font-weight: bold;
	color: #ffffff;
}

.form-horizontal .form-control.is-invalid:focus {
	border-color: #ff0000;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, 0.6);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.form-horizontal .form-control.disabled {
	background-color: #faf6f3;
}

/* ---<=== specific media output devices ===>---*/
@media (min-width: 992px) {

	.al-sidebar {
		transform: translateX(0);
	}

	.al-open-menu {
		display: none;
		left: 256px;
	}

	.al-contents {
		margin-left: 256px;
		margin-top: 0px;
		width: auto;
	}
}