html { width:100vw; overflow-x:hidden; }

body {
font-family: 'Open Sans', sans-serif;

    background: #100000;
	font-size: 15px;
	color: #f7b937;;
}

h1 { font-size: 38px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

p {
    font-family: 'Open Sans', sans-serif;
    color: #000;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.hl {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 1em;
}

.form-control {
  font-size: 100%;
}

.form-control:focus {
	border-color: #ced4da !important;
}

.navbar {
/*padding-top: 20px;*/
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
    background: #100000;
    border-radius: 0;
/*margin-bottom: 20px;*/
	z-index: 997;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

.wrapper-center {
    display: flex;
    max-width: 1030px;
    align-items: stretch;
	margin: auto;
	padding-right: 12px;
}

.maxwidth768 {
	max-width: 768px;
}

.navtopleft-wrapper {
	display: flex;
	align-items: center;
	height: 38px;
	float: left;
}
.navtopleft-wrapper .button {
	float: left;
}

#logo_s {
	float: left;
	margin-right: 12px;
	font-family: 'Open Sans';
	font-size: 1.1em;
	font-style: italic;
	font-weight: 500;
	display: block;
	cursor: pointer;
}

#logo_p {
	float: left;
	margin-right: 12px;
	font-family: 'Open Sans';
	font-size: 1.1em;
	font-weight: 500;
	display: none;
	cursor: pointer;
}

#actionbar {
    min-width: 100px;
    max-width: 100px;
    background: #100000;
    color: #fff;
    transition: all 0.3s;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #100000;
    color: #f7b937;
    transition: all 0.3s;
}

#sidebar li {
	border-bottom: 1px solid #2A2A2A;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #100000;
	text-align: center;
	/* NEU */
	visibility: hidden;
	opacity: 0;
	height: 220px;
	transition: all 0.35s linear;
	vertical-align: top	
}

#sidebar .sidebar-header.show {
	height: 240px; 
	opacity: 1
}

#sidebar ul.components {
    /*padding: 20px 0;*/
    /*border-bottom: 1px solid #47748b;*/
}

#sidebar ul p {
    color: #100000;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    /*font-size: 1em;*/
	font-size: 100%;
    display: block;
}

#sidebar ul li a:hover {
    color: #100000;
    background: #F0A146;
}

#sidebar ul li.active>a {
    color: #100000;
    background: #FFCD94;
}

#sidebar a[aria-expanded="true"] {
	color: #f7b937;
	background: #1F1F1F;
}

.menu-text-align {
	text-align: left;
	/*text-align: center;*/
}

.mCSB_scrollTools{
    left:auto !important; right: -10px !important;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #1a1a1a !important;
}

#sidebar .sidebar-icon {
	top: 10px;
	display: inline-block;
	position: relative;
	font-size: 15px;
	margin-right: 5px;
	margin-left: 8px;
	float: left;
	z-index: 1100000;
}

#sidebar .sidebar-title {
	font-family: 'Open Sans';
	font-size: 1.1em;
	font-style: italic;
	padding-bottom: 20px;
	padding-left: 10px;
}

#sidebar .sub1 {
	margin-left: 0em;
}
#sidebar .sub2 {
	margin-left: 1em;
}

a[data-toggle="collapse"] {
    position: relative;
}

.popup-icon {
	margin: 0px 4px 0px -4px;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    /*font-size: 0.9em !important;*/
    padding-left: 30px !important;
    background: #100000;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #100000;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #100000 !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 100vh;
    transition: all 0.3s;
}

.overlay {
    visibility: hidden;
}

.nav_container {
	width: 100%;
	min-height: 38px;
}

.btn.btn-outline-success.w40 {
	width: 40px !important;
}

.btn.btn-outline-success.right {
	float: right;
}

.btn.btn-outline-success.yellow {
	background-color: #100000;
	color: #9f6226;
	border-color: #9f6226;
}
.btn.btn-outline-success.yellow:hover, .btn.btn-outline-success.yellow:active {
	color: #f7b937;
	background-color: #100000;
	border-color: #f7b937;
}

.btn.btn-kb {
	color: #fff;
	background-color: #F0A146;
	border-color: #F0A146;
}

.btn.btn-kb:hover, .btn.btn-kb:active {
	color: #fff;
	background-color: #c3922a;
	border-color: #c3922a;
}

#contact-captcha::placeholder {
    font-size: 12px;
}

#contact-captcha::-webkit-input-placeholder {
     line-height: normal !important;
}

#sidebarCollapse { display: none; }

/* ---------------------------------------------------
    DROP-DOWN
----------------------------------------------------- */
.dropdown-menu {
	font-size: 100%;
	border-radius: 10px;
	margin-top: -5px;
	position: absolute;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
	-moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
	-o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
	-ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
	transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
	visibility: hidden;
	margin: 0;
	margin-top: 4px;
	padding: 0;
	border-radius: 10px;
	display: block;
	z-index: 9100000;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
}

.dropdown-menu.show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 29px -50px;
    -moz-transform-origin: 29px -50px;
    -o-transform-origin: 29px -50px;
    -ms-transform-origin: 29px -50px;
    transform-origin: 29px -50px;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.dropdown-menu:before {
	border-bottom: 11px solid rgba(0, 0, 0, 0.2);
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	content: "";
	display: inline-block;
	position: absolute;
	left: 12px;
	top: -11px;
}
.dropdown-menu:after {
	border-bottom: 11px solid #FFFFFF;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	content: "";
	display: inline-block;
	position: absolute;
	left: 12px;
	top: -10px;
}


.dropdown-menu.dropdown-menu-right:before,
.dropdown-menu.dropdown-menu-right:after {
    left: auto !important;
    right: 12px;
}

.dropdown-menu .dropdown-item:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.dropdown-menu .dropdown-item:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.dropdown-item:active {
	background-color: #4CAF50;
}

.dropdown-menu .dropdown-item:first-child {
	padding-top: 8px;
}
.dropdown-menu .dropdown-item:last-child {
	padding-bottom: 8px;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 4px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-header, .dropdown-item {
	padding-left: 1rem;
}

.menu-icon {
	margin-right: 8px;
	margin-bottom: 1px;
	font-size: 13px;
	/*color: goldenrod;*/
}

.btn-xs, .btn-group-xs > .btn {
	padding: 1px 5px;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 2px;
	width: 22px;
}

.auto-br div {
    white-space: pre-line;
}
.auto-br span {
	color: #434343;
	/*margin-left: 11px;*/
	font-family: Arial, Helvetica, sans-serif;
}

.button, .center {
	text-align: center !important;
}

.modal.animate {opacity:0}
.modal.animate.show {opacity:1}
.modal.animate .modal-dialog{-webkit-transform:translate(0,0);-ms-transform: translate(0,0);transform:translate(0,0)}
.modal.animate .a-zoom-in{-webkit-animation:zoomIn .5s;animation:zoomIn .5s}
.modal.animate.show .a-zoom-in{-webkit-animation:zoomIn .5s;animation:zoomIn .5s}

.btn-fix-nav:hover,
.btn-fix-nav.hover{
	color: #28a745;
	background-color: transparent;
}

.btn-fix-pag:hover,
.btn-fix-pag.hover{
	color: #fff;
	background-color: #8CCB71;
	border-color: #8CCB71;
}

.btn-calendar {
	background-color: #ced4da;
	border: 1px solid #ced4da;
	padding-left: 4px;
	padding-right: 4px;
}
.btn-calendar:hover {
	background-color: #A9A9A9;
	border: 1px solid #A9A9A9;
}

.btn-fix-calendar:hover,
.btn-fix-calendar.hover{
	color: #fff;
	background-color: #ced4da;
	border: 1px solid #ced4da;
}

.modal-header-light {
	padding: 4px;
	background-color: #FFE8D0;
	color: #100000;
	border-radius: 0;
}

.modal-header-light-close {
	color: #100000;
	font-weight: 400;
	text-shadow: none;
}


.modal-header-green {
	padding: 4px;
	background-color: #4CAF50;
	color: #fff;
	border-radius: 0;
}
.modal-header-green-close {
	color: #fff;
	font-weight: 400;
	text-shadow: none;
}

/**************************/
.pd-to-0 { padding-top: 0px; }
.pd-bo-0 { padding-bottom: 0px; }
.pd-lr-0 { padding-left: 0px; padding-right: 0px; }

.pd-to-8 { padding-top: 8px; }
.pd-bo-8 { padding-bottom: 8px; }
.pd-to-4 { padding-top: 4px; }
.pd-bo-4 { padding-bottom: 4px; }

.pd-to-12 { padding-top: 12px; }
.pd-bo-12 { padding-bottom: 12px; }

.pd-to-15 { padding-top: 15px; }
.pd-bo-15 { padding-bottom: 15px; }
.pd-lr-15 { padding-left: 15px; padding-right: 15px; }

.pd-to-30 { padding-top: 30px; }
.pd-bo-30 { padding-bottom: 30px; }
.pd-lr-30 { padding-left: 30px; padding-right: 30px; }
.pd-lr-3015 { padding-left: 30px; padding-right: 30px; }

.pd-lr-1500 { padding-left: 15px; padding-right: 15px; }

.v-pd-to { padding-top: 30px; }
.v-pd-bo { padding-bottom: 30px; }
.v-pd-lr { padding-left: 30px; padding-right: 30px; }

.sub-row {
	background-color: #FFE8D0;
	color: #000;
}

.sub-row-center {
    text-align: center;
    display: flex;
    justify-content: center;
}
/**************************/

.row.sub-header {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}

.row.sub-header img {
	width: 120px;
	max-width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.c1 { vertical-align: top; padding: 6px; }
.c2 { vertical-align: top; padding: 6px; padding-right: 12px; }
.c3 { vertical-align: top; padding: 6px; }

.ac1 { vertical-align: top; padding: 3px; margin-right: 6px; }
.ac2 { vertical-align: top; padding: 3px; margin-right: 6px;}
.ac3 { vertical-align: top; padding: 3px; text-align: right; white-space: nowrap; }
.ac4 { vertical-align: top; padding: 3px; text-align: right; }

#image-modal-text, #info-modal, #confirm-modal {
	margin-top: 12px;
	color: #000;
}

.contact-border-bottom {
	border-bottom: 1px solid #000;
	margin-left: auto;
	width: 50%;
	margin-right: auto;
	padding-top: 16px;
}

.day-table {
	display: flex;
	justify-content: center;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 8px;
	padding-bottom: 30px;
}

.actual-table {
	display: flex;
	justify-content: center;
	padding-top: 8px;
	padding-bottom: 30px;
}

.subpage-top {
	padding-left: 0;
	padding-right: 0;
	margin-top: 26px;
	margin-bottom: 18px;
}

.subpage-bot {
	padding-left: 0;
	padding-right: 0;
	margin-top: 18px;
	margin-bottom: 8px;
}

.home-arrow {
	margin-left: 8px;
	cursor: pointer;
}

.head-sm {
	font-size: 15px;
	font-weight: 700;
}

.head-md {
	font-size: 16px;
	font-weight: 700;
}

.head-lg {
	font-size: 18px;
	font-weight: 700;
}

.bot-sm {
	font-size: 0.85em;
}
.bot-sm-right {
	font-size: 0.85em;
	float: right;
}

.inline-link {
	color: #c3922a;
	text-decoration: none;
}

.inline-link a {
	color: #c3922a;
	text-decoration: none;
}

.col-pd-0 {
	padding: 0;
}

.col-al-r {
	text-align: right;
}

.col-lc {
	text-align: left;
}

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ECF0F1;
    background: #212327;
}

.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}

/**************************/
/***    MEDIAQUERIES    ***/
/**************************/
@media (max-width: 768px) {
	body {
		font-family: 'Open Sans', sans-serif;
		background: #000;
	}

	p {
		font-family: 'Open Sans', sans-serif;
		color: #000;
	}

	a,
	a:hover,
	a:focus {
		color: inherit;
		text-decoration: none;
		transition: all 0.3s;
	}

	.navbar {
		padding-top: 20px;
		padding-bottom: 10px;
		padding-left: 0;
		padding-right: 0;
		/*border-bottom: 1px solid rgba(0, 0, 0, 0.1);	*/
		background: #000;
		border-radius: 0;
		margin-bottom: 20px;
		z-index: 997;
	}

	.navbar-btn {
		box-shadow: none;
		outline: none !important;
		border: none;
	}

	.line {
		width: 100%;
		height: 1px;
		border-bottom: 1px dashed #ddd;
		margin: 40px 0;
	}

	#sidebarCollapse { display: block; }

    #sidebarCollapse span {
        display: none;
    }

	#sidebar {
		margin-left: -250px;
		width: 250px;
		position: fixed;
		top: 0;
		left: -250px;
		height: 100vh;
		z-index: 999;
		background: #000;
		color: #ff9933;
		transition: all 0.3s;
		overflow-y: scroll;
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	}

	#sidebar li {
		border-bottom: 1px solid #2A2A2A;
	}

	#sidebar.active {
		left: 0;
		margin-left: 0;
	}

	#dismiss {
		width: 35px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		background: #7386D5;
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	#dismiss:hover {
		background: #fff;
		color: #7386D5;
	}

	.overlay {
		top: 0px;
		visibility: hidden;
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: rgba(212, 212, 212, 0.35);
		z-index: 998;
		opacity: 0;
		transition: all 0.5s ease-in-out;
	}
	.overlay.active {
		visibility: visible;
		opacity: 1;
	}

	#sidebar .sidebar-header {
		padding: 20px;
		background: #000;
		/* NEU */
		visibility: visible !important;
		opacity: 1;
		height: 240px;		
	}
	#sidebar .sidebar-header.show {
		height: 240px; 
		opacity: 1;
		visibility: visible !important;
	}

	#sidebar ul.components {
		padding: 10px 0;
	}

	#sidebar ul p {
		color: #000;
		padding: 10px;
	}

	#sidebar ul li a {
		padding: 10px;
		font-size: 100%;
		display: block;
	}

	#sidebar ul li a:hover {
		color: #000;
		background: #F0A146;
	}

	#sidebar ul li.active>a {
		color: #000;
		background: #FFCD94;
	}

	#sidebar a[aria-expanded="true"] {
		color: #ff9933;
		background: #1F1F1F;
	}

	.dropdown-toggle::after {
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}

	ul ul a {
		font-size: 0.9em !important;
		padding-left: 30px !important;
		background: #000;
	}

	ul.CTAs {
		padding: 20px;
	}

	ul.CTAs a {
		text-align: center;
		font-size: 0.9em !important;
		display: block;
		border-radius: 5px;
		margin-bottom: 5px;
	}

	a.download {
		background: #fff;
		color: #7386D5;
	}

	a.article,
	a.article:hover {
		background: #6d7fcc !important;
		color: #fff !important;
	}

	#content {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		min-height: 100vh;
		transition: all 0.3s;
		position: absolute;
		top: 0;
		right: 0;
	}

	#logo_s {
		display: none;
	}

	#logo_p {
		display: block;
	}

	#ActionMenuButton {
		float: right;
	}

	.v-pd-to { padding-top: 15px; }
	.v-pd-bo { padding-bottom: 15px; }
	.v-pd-lr { padding-left: 15px; padding-right: 15px; }

	.pd-lr-3015 { padding-left: 15px; padding-right: 15px; }
	.pd-lr-1500 { padding-left: 0px; padding-right: 0px; }
	
	.col-lc { text-align: center; }
}

@media (max-width: 576px) {
	.v-pd-to { padding-top: 0px; }
	.v-pd-bo { padding-bottom: 0px; }
	.v-pd-lr { padding-left: 0px; padding-right: 0px; }

	.pd-lr-3015 { padding-left: 15px; padding-right: 15px; }
}