:root
{
	--korona-blue: #364c74;
}

/*
 *	swiper...
 */
.swiper-container {
	width: 100%;
	height: calc(100% - 150px);
}

.swiper-slide {
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	position: relative;
	height: 100%;
}
/*
 *	...swiper
 */

.loading-indicator
{
    border: 16px solid var(--orange-50);
    border-top: 16px solid var(--orange-600);
    border-bottom: 16px solid var(--orange-600);
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

.loading-indicator-container
{
	display: flex;
	align-items: center;
	justify-content: center;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.navbar-table
{
	background-color: var(--korona-blue);
	color: #fff;
}

.navbar-left
{
	font-size: 24px;
	margin: 20px;
	color: #fff;
}

.navbar-right
{
	
}

.navbar-btn
{
	height:50px;
	width:60px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 33px !important;
	background-color: var(--light-blue-800);
	color: #fff;
}

.navbar-btn:hover
{
	background-color: var(--light-blue-A200);
	color: #fff;
}

.navbar-btn-text
{
	width: auto;
	font-size: 29px !important;
}

.page-btn
{
	font-size: 26px !important;
	background-color: var(--light-blue-800);
	color: #fff;
}

.page-btn:hover
{
	background-color: var(--light-blue-A200);
	color: #fff:
}

.page-counter
{
	font-size: 25px;
	color: var(--korona-blue);
}

.tags-container
{
	width: 100%;
	height: 40px;
	margin: 3px;
	white-space: normal !important;
	background-color: var(--light-blue-800);
	color: #fff;
}

.tags-container:hover
{
	background-color: var(--light-blue-A200);
	color: #fff;
}

.btn-open-product
{
	font-size: 23px !important;
	background-color: var(--light-blue-800);
	color: #fff;
}

.btn-open-product:hover
{
	background-color: var(--light-blue-A200);
	color: #fff;
}

.container-product-description
{
	padding: 10px;
	font-size: 14px;
}

.event-container
{
	z-index: 1040;
}

.fixed-bottom
{
	z-index: auto !important;
}

.fixed-top
{
	z-index: auto !important;
}

.container-calendar
{
	margin-bottom: 10px;
	background-color: #fff;
}

.calendar-container-sub
{
	background-color: #fff;
}

.col-calendar
{
	margin: 3px;
}

.btn-calendar
{
	width: 100%;
	height: 40px;
}

.col-calendar-description
{
	text-align: center;
	font-size: 14px;
	height: 14px;
	color: var(--blue-grey-700);
}

.btn-calendar-active
{
	background-color: var(--light-blue-800);
	color: #fff;
}

.btn-calendar-active:hover
{
	background-color: var(--light-blue-A200);
}

.btn-calendar-active-weekend
{
	background-color: var(--light-blue-900);
	color: #fff;
}

.btn-calendar-active-weekend:hover
{
	background-color: var(--light-blue-A200);
}

.btn-calendar-inactive
{
	background-color: var(--blue-grey-50);
	color: var(--blue-grey-300);
}

.btn-calendar-inactive:hover
{
	background-color: var(--blue-grey-100);
}

.btn-calendar-inactive-weekend
{
	background-color: var(--blue-grey-100);
	color: var(--blue-grey-300);
}

.btn-calendar-inactive-weekend:hover
{
	background-color: var(--blue-grey-200);
}

.btn-calendar-actual
{
	background-color: var(--light-blue-A400);
	color: #fff;
}

.btn-calendar-actual:hover
{
	background-color: var(--light-blue-A100);
}

.btn-calendar-time
{
	width: 80%;
	height: 40px;
	margin: 10px;
	background-color: var(--light-blue-800);
	color: #fff;
}

.btn-calendar-time:hover
{
	background-color: var(--light-blue-A200);
}

.btn-calendar-nav
{
	width: 50px;
	height: calc(100% - 6px);
	margin: 3px;
	background-color: var(--light-blue-800);
	color: #fff;
}

.btn-calendar-nav:hover
{
	background-color: var(--light-blue-A200);
}

.card-header
{
	background-color: var(--light-blue-800) !important;
	color: #fff;
	padding: 10px !important;
	font-size: 18px;
}

.card-header:hover
{
	background-color: var(--light-blue-A200) !important;
	cursor: pointer;
}

.card-header-options
{
	background-color: var(--light-blue-800) !important;
	color: #fff;
	padding: 10px !important;
	font-size: 18px;
}

.card-body
{
	padding: 0px !important;
}

.card-btn
{
	background-color: transparent !important;
}

.no-events
{
	padding: 10px;
}

.options
{
	font-size: 14px;
	margin-bottom: 0px !important;
}

.options-btn
{
	width: 60px;
	height: 40px;
	background-color: var(--light-blue-800) !important;
	color: #fff;
	float: right;
}

.options-btn:hover
{
	background-color: var(--light-blue-A200) !important;
}

.options-btn-cart
{
	width: 100% !important;
}

.option_name
{
	font-size: 13px;
}

.option_price
{
	font-size: 16px;
	font-weight: bold;
}

.quantity-btn
{
	height: 40px;
	width: 100%;
	font-size: 20px !important;
	background-color: var(--light-blue-800) !important;
	color: #fff;
}

.quantity-btn:hover
{
	background-color: var(--light-blue-A200) !important;
}

.quantity-btn-zero
{
	height: 40px;
	width: 100%;
	font-size: 20px !important;
	background-color: var(--light-blue-900) !important;
	color: #fff;
}

.quantity-btn-zero:hover
{
	background-color: var(--light-blue-A200) !important;
}

.quantity-input
{
	height: 40px;
	min-width: 50px !important;
	width: 50px;
	font-size: 20px !important;
	text-align: center;
}

.quantity-hint
{
	font-size: 22px;
	padding-left: 5px;
	padding-right: 5px;
}

.modal-btn-nav
{
	height: 40px;
	width: 60px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 26px !important;
	background-color: var(--light-blue-800) !important;
	color: #fff;
}

.modal-btn-nav:hover
{
	background-color: var(--light-blue-A200) !important;
}

.cart-btn
{
	height: 40px;
	width: 60px;
	margin: 3px;
	font-size: 25px !important;
	background-color: var(--light-blue-800) !important;
	color: #fff;
}

.cart-btn:hover
{
	background-color: var(--light-blue-A200) !important;
}

.cart-modal-btn
{
	height: 40px;
	margin: 3px;
	background-color: var(--light-blue-800) !important;
	color: #fff;
}

.cart-modal-btn:hover
{
	background-color: var(--light-blue-A200) !important;
}

.booking-icon
{
	font-size: 20px;
	padding-right: 10px;
	padding-top: 0px;
}

.booking-icon-ok
{
	color: var(--green-900);
}

.booking-icon-nok
{
	color: var(--red-900);
}

.booking-error-msg
{
	font-weight: bold;
	color: var(--red-900);
}

.booking-btn
{
	height:50px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 16px !important;
	background-color: var(--light-blue-800) !important;
	color: #fff;
}

.booking-btn:hover
{
	background-color: var(--light-blue-A200) !important;
}

.booking-btn-top
{
	position: relative;
	top: -8px;
	font-size: 12px;
}

.booking-btn-main
{
	position: relative;
	top: -11px;
	font-size: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

.config-index
{
	align-items: center;
	display: flex;
	justify-content: center;
	height: 70%;
}

.config-btn {
	height: auto;
	width: auto;
	font-size: 16px !important;
}

.config-btn > div {
	font-size: 33px !important;
}

.hori {
	flex-direction: row;
	display: flex;
	height: 100%;
}

.file-list {
	margin-left: 1rem;
	margin-right: 1rem;
}

.file-preview {
	width: 100%;
	margin-right: 1rem;
	font-size: 10px;
	font-family: "Courier New", Courier, monospace;
	height: 100%;
}

.file-desc {
	margin-bottom: 1rem;
}

.file-info {
	font-size: 12px;
	color: grey;
	font-style: italic;
	white-space: nowrap;
}