/* #region Form */
@font-face 
{
	font-family: "Rajdhani-regular";
	src: url("/resources/vendor/ml_animex/webfonts/rajdhani-regular-webfont.woff") format("woff");
}
/* #endregion */

/* #region ContactButton */
.contact-button-container
{
	bottom: 0%;
	right: 0%;
	display: block;
	position: absolute;
	width: 100%;
}

.contact-button-wrapper
{
	display: flex;
	align-items: right;
	justify-content: right;
}

.contact-button
{
	background-color: brown;
	color: white;
	cursor: pointer;
	padding-left: 1rem;
	padding-right: 1.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border: none;
	font-size: max(1.25vw, 18px);
	transition: 0.3s;
	opacity: 70%;
	z-index: 5;
	text-transform: uppercase;
}

.contact-button:hover
{
	background-color: #cb3333;
	opacity: 100%;
}
/* #endregion */


/* #region SideMenu */
.side-menu-container
{
	width: 30%;
}

div#selector-qm-blocker
{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: gray;
    opacity: 30%;
    transition-duration: 150ms;
    transition-property: opacity;
}
/* #endregion */


.side-bullet-menu-questions input[type='radio']
{
    accent-color: #AC1E2C;
    margin-right: 20px;
    margin-left: 20px;
    width: 20px;
    border-radius: 0;
    cursor: pointer;
}

.quick-menu-entry.disabled, .quick-menu-entry.disabled :is(label, input)
{
	color: gray;
	pointer-events: none;
}

.quick-menu-entry span
{
	font-size: 0.7em;
	margin-left: 0.5em;
}

.side-bullet-menu-questions label
{
    cursor: pointer;
}


div.selector-breadcrumbs, div#ui_breadcrumbsContainer
{
    display: none;
    position: relative;
    bottom: 4vw;
    left: 1.5%;
    z-index: 6;
}

div.selector-breadcrumbs span
{
    font-family: Rajdhani-local;
    font-weight: 400;
}

div.selector-breadcrumbs span a
{
    color: black;
    font-weight: bold;
}

div.selector-breadcrumbs span:nth-child(1) a
{
	background-color: brown;
	color: white;
	cursor: pointer;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 0.6rem;
	padding-bottom: 0.5rem;
	border: none;
	font-size: max(1.25em, 18px);
	transition: 0.3s;
	opacity: 70%;
	z-index: 6;
	text-transform: uppercase;
	transition-duration: 150ms;
	text-decoration: none;
	font-weight: 600;
}

div.selector-breadcrumbs span:nth-child(1) a:hover
{
	background-color: #cb3333;
	opacity: 100%;
}

div#ui_breadcrumbsContainer span+span:before, .selector-breadcrumbs span+span:before
{
    padding: 8px;
    color: black;
    content: "/\00a0";
}

div img.selector-icon
{
    width: 50px;
    height: 50px;
    margin-right: 20px;
    margin-top: auto;
    margin-bottom: auto;
}

.side-menu-header a
{
    font-size: max(1.5vw, 20px);
}

.ui_side_menu_processes
{
    font-size: max(1.5vw, 20px);
}

.ui_side_menu_processNames
{
    margin-top: 0.0rem;
	white-space: normal !important;
}

.side-menu-header
{
    margin-top: 1.6em;
}

.side-menu-group
{
    margin-top: 0.2vw;
}

.side-menu-group-title
{
    font-size: max(1.1vw, 18px);
}

.side-menu-group-item
{
    font-size: max(0.8vw, 18px);
    text-transform: none;
	font-weight: 500;
}

.selector-root-container
{
    display: none;
    height: 100%;
    flex-direction: column;
    background-color: #BFC2C6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 8;
	overflow-y: auto;
}

.select-layer-choice
{
    width: 80%;   
    background-color: white;
    margin-bottom: 18px;
	height: auto;
}

.select-layer-choice > .list
{
	overflow-y: auto;
	height: 99.8%
}


.select-layer-choice .list > div
{
    display: flex;
    align-items: center;
}

.select-layer-container
{
    display: flex;
    justify-content: center;
	height: auto;
	max-height: 70%;
}

hr
{
    padding: 0;
    margin: 0;
    color: black;
}

.select-layer-container > .select-layer-choice .list > div
{
	min-height: 110px;
}

.selector-root-container .header
{
	width: 80%;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    color: white;
    background-color: #BFC2C6;
    font-size: calc(16px + 1.5vw);
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 0.1em;
	text-transform: uppercase;
}

.select-layer-container > .select-layer-choice .selector-icon
{
    height: 8em;
    width: auto;
}

.select-layer-container > .select-layer-choice input
{
	margin-left: 1vw;
	height: 20px;
	width: 20px;
	min-width: 20px;
	min-height: 20px;
	cursor: pointer;
}

.selector-accept-button-wrapper
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.text-content
{
	height: 80%;
	padding-right: 4em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	margin-top: 0px;
	margin-bottom: auto;
}

.text-content > .title
{
	font-size: calc(16px + 0.75vw);
	margin-bottom: 0.5em;
}

.text-content > .description
{
	font-size: calc(14px + 0.3vw);
}

.text-content span.mandatory
{
	color: #cb3333;
	font-size: 0.7em;
	margin-left: 0.5em;
}

.k-number
{
	margin-left: auto;
	padding-right: 2em;
	color: #cb3333;
	white-space: nowrap;
	font-size:calc(12px + 0.3vw);
	padding-left: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
}

.k-number a
{
	text-decoration: none;
	color: #cb3333;
	cursor: pointer;
	pointer-events: none;
}

.entry
{
	cursor: pointer;
}

.entry input[type=checkbox]
{
	pointer-events: none;
	cursor: pointer;
}

#ui_downloadContainer
{
	margin-bottom: 3.25em;
}

.ui_btn_download
{
	float: right;
	color: #d0d0d0;
	text-decoration: none;
	transition-duration: 150ms;
	font-size: calc(8px + 0.6vw);
	background-color: #861424;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	border-radius: 2em;
}

.ui_btn_download:hover
{
	color: white;
	background-color: #8f1828;
	transition-duration: 150ms;
}

.ui-qm-accept, .ui-qm-cancel, #ui_btn_selectorAccept, #ui_btn_selectorCancel
{
    border: none;
    background-color: #cb3333;
    color: white;
    padding: 4px 12px;
    opacity: 70%;
	transition-duration: 150ms;
	cursor: pointer;
}
.ui-qm-accept:hover, .ui-qm-cancel:hover, #ui_btn_selectorAccept:hover, #ui_btn_selectorCancel:hover
{
	transition-duration: 150ms;
    opacity: 100%;
}

#ui_btn_selectorAccept, #ui_btn_selectorCancel
{
	font-size: max(1.25vw, 18px);
	padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
	margin-right: 1em;
	float: left;
}

.quick-menu-popup
{
    display: none;
    position: absolute;
    top: 50%;
	left: 37.5%;
	transform: translate(-50%, -50%);
    width: 30%;
    z-index: 99;
    background-color: #e6e6e7;
    padding: 20px;
	margin-left: auto;
	margin-right: auto;
}

.quick-menu-popup h3
{
    margin-top: 0;
    font-size: max(1.1vw, 18px);
}

.quick-menu-popup label
{
    font-size: max(0.9vw, 18px);
}

.quick-menu-popup div.side-bullet-menu-questions
{
    display: flex;
    flex-direction: column;
}

.quick-menu-popup div.side-bullet-menu-buttons
{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}

.quick-menu-popup div.side-bullet-menu-buttons button
{
    margin: 0 5px;
    cursor: pointer;
    font-size: max(0.9vw, 18px);
}


.side-menu-container
{
	width: 30%;
}

div#selector-qm-blocker
{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: gray;
    opacity: 30%;
    transition-duration: 150ms;
    transition-property: opacity;
}

.form-radio-elements input[type='radio'], .side-bullet-menu-questions input[type='radio']
{
    accent-color: #AC1E2C;
    margin-right: 20px;
    margin-left: 20px;
    width: 20px;
    border-radius: 0;
    cursor: pointer;
}

.quick-menu-entry.disabled, .quick-menu-entry.disabled :is(label, input)
{
	color: gray;
	pointer-events: none;
}

.quick-menu-entry span
{
	font-size: 0.7em;
	margin-left: 0.5em;
}

.side-bullet-menu-questions label
{
    cursor: pointer;
}



/* #region Spinner */
.selector-loader 
{
    position: absolute;
    left: 37.5%;
    top: 50%;
    height:60px;
    width:60px;
	transform: translate(-50%, -50%);
    margin:0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 0.4rem solid rgba(0,0,0,0.15);
    border-right: 0.4rem solid rgba(0,0,0,0.15);
    border-bottom: 0.4rem solid rgba(0,0,0,0.15);
    border-top: 0.4rem solid #a7192f;
    border-radius:100%;
	display: none;
 }
 
 @-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
 }
 @-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
 }
 @-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
 }
 @keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
 }
/* #endregion */