/*#mainNavigation .pointer, .modalclose, .modalbtn { font-size: 12px; color: black; background-color: white; border: 1px solid rgba(0, 0, 0, 0.329); border-radius: 3px; padding: 5px; }*/
.modaltitle { padding: 10px; font-size: 12px; }
.modalclose { margin: 2px; }
.bx-wrapper { margin-top: 20px; }
#dacontainer ul.bxslider li:before { content: none; }
#dacontainer { min-height: 100vh; }
#pcnavigation {
	z-index: 9999;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
	position: inherit;
	margin: auto;
}

.fixedmenu {
	z-index: 999;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}

.main-navigation-link, .modalbtn, .pointer { cursor: pointer; display: inline-block; }

.normalmenu {
	position: inherit;
	/*background-color: #666666;*/
}

@media screen and (min-width: 768px) {
	.centerme { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%; }
	.h200px { display: block; height: 200px; width: 100%; }
	.h400px { display: block; height: 400px; width: 100%; }
	.h800px { display: block; height: 800px; width: 100%; }
}

.header-image { width: 100%; }

.red { color: red; }

.trWhite {
	background-color: rgba(255, 255, 255, 0.3);
}
.trBlack {
	background-color: rgba(0, 0, 0, 0.5);
}

.vcentered {
	position: relative;
}

.vspace1 {
	margin-right: 4px;
}

.carousel-control {
	background-image: none;
}

.huge { font-size: 1.5em; }
@media screen and (min-width: 900px) { .huge { font-size: 1.7em; }}
@media screen and (min-width: 1000px) { .huge { font-size: 2em; }}

.smaller { font-size: 0.8em; }

.small-container { max-width: 900px; }

.noPad { padding: 0; }

.inPad1 {
	padding: 10px;
}

.spaceTop1 {
	margin-top: 20px;
}

.spaceBottom1 {
	margin-bottom: 20px;

}

.spaceVertical1 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.panel {
	margin-bottom: 10px;
}

.input {
	margin-bottom: 10px;
}

.calendaruser {
	background-color: #eeeeee;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 1px;
	padding: 0;
}

.edit-element-btn { width: 24px; height: 24px; font-size: 15px; padding: 3px; cursor: pointer; text-align: center; z-index: 999; position: absolute; color: white; background: red; border-radius: 100%; }

.sortableitem {
	cursor: move;
	display: block;
}

.pointer, .ajaxlink, .ajaxprevnext, .ispointer {
	cursor: pointer;
}

.modallink { cursor: help; }
/*.modallink:hover { color: black; background: white; }*/

.drag-on-me { border: 1px dotted #cccccc00; }
.drag-on-me:hover { border: 1px dotted red; }

.dropzone { padding: 10px; border-radius: 10px; border: 1px solid #ddddee; }
.dropzone:hover{ background-color: #EFE5A2; }

.eventbrief {
	padding: 3px;
	font-size: 12px;
	margin: 10px 0;
	background-color: #efefef;
}

.eventbriefactive {
	background-color: #EFE5A2;
}

.scrollcal {
	height: 400px;
	overflow: auto;
	width: 100%;
	padding: 4px;
}

.flashMessage { z-index: 999999; display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; padding-top: 25vh; font-size: 3em; text-align: center; }
.flashMessageSuccess { background: #00000033; color: white; }
.flashMessageError { background: black; color: red; }

body.flash-visible #dacontainer { filter: blur(4px); }

.prevnext-links { margin: 1em auto; }

@media screen and (min-width: 600px) { .flexcenter { display: flex !important; align-items: center !important; } }

.fitcenter { object-fit: cover; width: 100%; } 
.fitcontain { object-fit: contain; width: 100%; } 

.square:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.wide:after {
	content: "";
	display: block;
	padding-bottom: 66%;
}

.xwide:after {
	content: "";
	display: block;
	padding-bottom: 50%;
}


.tab-pane { padding-top: 1em; }

/* fix small screen */
@media screen and (max-width: 500px) {
	
	.tab-pane {
		padding: 5px;
	}
}

.website-css-editor { background-color: #cdcdcd; color: #333333; font-family: monospace; font-size: 12px; white-space: pre; overflow-wrap: normal; overflow-x: scroll; padding: 1em; }
.note-codable { white-space: pre; overflow-wrap: normal; overflow-x: scroll; }

#main-captcha div { display: inline-block; margin: auto; }