﻿@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');


#RegEventBody {
	background-color: unset;
}

#RegEventBody.register-body {
	background-color: #f9f9f9 !important;
}

/* general */
button, a {
	cursor: pointer;
}


/* form */
.sdx-form label {
	font-size: 15px;
}

.sdx-form-control {
	display: block;
	width: 100%;
	padding: .2rem .5rem;
	line-height: 1.5;
}

.sdx-form textarea,
.sdx-form input /*:not([type=checkbox]) */ {
	border: 3px solid #fff;
	background-color: #fff;
	color: #0221a3;
	font-size: .9rem;
	width: 100%;
	height: auto;
}

.sdx-form input[type=checkbox] {
	cursor: pointer;
	width: 1.5em;
	height: 1.5em;
	margin-top: 0.25em;
	background-color: #fff;
	color-adjust: exact;
	-webkit-print-color-adjust: exact;
	appearance: none;
}

.sdx-form input[type=checkbox]:not(.oi-check)::before {
	content: '\00a0';
}

.sdx-form input:checked[type=checkbox] {
	background-color: #ceff32;
	border-color: #ceff32;
	color: #0221a3;
}

.sdx-form input[type=checkbox]:hover:not(.invalid)
.sdx-form input[type=checkbox]:focus:not(.invalid) {
	outline: 0;
}

/*.sdx-form input:focus:not(.invalid),*/
.sdx-form textarea:hover:not(.invalid),
.sdx-form input:hover:not(.invalid)
{
	border-color: #ceff32;
}

.sdx-form #Annotation {
	resize:vertical;
	min-height: 100px;
	max-height: 250px;
}

.validation-errors {
	margin-top: 0;
}

.validation-errors li {
	list-style: initial;
	color: red;
}

.invalid {
	outline: 1px solid red;
}

/* loading */
.sdx-loading-overlay {
	display: flex;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.2);
	justify-content: center;
	align-content: center;
	align-items: center;
	cursor: initial;
}

.sdx-spinner-border {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: -0.125em;
	border: 0.25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: .75s linear infinite spinner-border;
	animation: .75s linear infinite sdx-spinner-border;
}

@keyframes sdx-spinner-border {
	100% {
		transform: rotate(360deg);
	}
}

/* ReCaptcha */
/*.grecaptcha-badge {
	visibility: hidden;
}*/