body.Mobile {
	overflow-x: hidden !important;
}

.Mobile input[type="text"],
.Mobile input[type="email"],
.Mobile input[type="search"],
.Mobile input[type="password"] {
    -webkit-appearance: caret;
    -moz-appearance: caret;
    appearance: caret;
}

.Mobile .Header {
    display: none;
}

.Mobile .Navigation {
	z-index: 9999999;
	opacity: 0.95;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0px;
    top: 0px !important;
}

.Mobile .NavigationClose,
.Mobile .NavigationMobile {
	display: inline-block;
	position: relative;
	float: left;
	z-index: 150;
	top: 0px;
    bottom: 0px;
    left: 10px;
    width: 25px;
    height: 40px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
	overflow: hidden;
    background: none;
    border: none;

    text-indent: -1000px;
    text-align: left;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    line-height: 30px;
    color: #ffffff;
    letter-spacing: 1px;
    cursor: pointer;
}

.Mobile .NavigationClose {
	width: 0px;
    margin: 0px;
}

.Mobile .NavigationClose.Visible {
	width: 25px;
    margin: 0px 10px 0px 0px;
}

.Mobile .NavigationClose .Bar1,
.Mobile .NavigationClose .Bar2,
.Mobile .NavigationMobile .Bar1,
.Mobile .NavigationMobile .Bar2 {
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
    width: 25px;
    height: 3px;
    padding: 0px;
	margin: -5px 0px 0px 0px;
    background-color: #FFFFFF;
}

.Mobile .NavigationMobile .Bar2 {
	margin: 3px 0px 0px 0px;
}

.Mobile .NavigationMobile.Opened .Bar1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	margin: -2px 0px 0px 0px;
}
.Mobile .NavigationMobile.Opened .Bar2 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	margin: -2px 0px 0px 0px;
}

.Mobile .NavigationClose .Bar1 {
    width: 20px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
	margin: -6px 0px 0px 0px;
}

.Mobile .NavigationClose .Bar2 {
    width: 20px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
	margin: 3px 0px 0px 0px;
}

.Mobile .NavigationMobile .Search,
.Mobile .NavigationMobile .Measure,
.Mobile .NavigationMobile .Geolocation,
.Mobile .NavigationMobile .Mode2D,
.Mobile .NavigationMobile .Mode3D,
.Mobile .NavigationMobile .Image  {
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
    width: 25px;
    height: 30px;
    padding: 0px;
	margin: -15px 0px 0px 0px;
   	background: transparent url(../images/blank.gif) no-repeat center left;
    background-size: contain;
}

.Mobile .NavigationMobile .Search {
    background-image: url(../images/bg/bg_search.svg);
}

.Mobile .NavigationMobile .Geolocation {
	background-image: url(../images/bg/bg_geolocation.svg);
}

.Mobile .NavigationMobile .Measure {
    background-image: url(../images/bg/bg_measure.svg);
}

.Mobile .NavigationMobile span.Mode2D,
.Mobile .NavigationMobile span.Mode3D {
    display: none;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    text-indent: 0;
    font-style: normal;
}

.Mobile .NavigationMobile.Mode2D span.Mode3D,
.Mobile .NavigationMobile.Mode3D span.Mode2D {
    display: block;
}

.Mobile .NavigationContainer,
.Mobile .olControlSearching {
	display: block;
    position: absolute;
    z-index: 50;
    top: 0px;
	right: initial;
	left: -100%;
	width: 100%;
	height: auto;
	max-width: 1200px;
	opacity: 1;
	margin: 40px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	overflow: auto;
   	overflow-x: hidden;
   	background: none;
   	background-color: #FFFFFF;
    background-color: rgba(255,255,255,0.95);
	box-sizing: border-box;
	
	-webkit-box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.5);
}

.Mobile .NavigationContainer.Visible {
    top: 0px;
	left: 0px;
}

.Mobile .NavigationContainer ul {
    float: none;
    height: auto;
    margin: 0px;
    white-space: pre;
}

.Mobile .NavigationContainer ul li,
.Mobile .NavigationContainer ul span {
    display: block;
    position: relative;
    z-index: 5200;
    font-size: 18px;
    text-decoration: none;
    font-weight: normal;
    color: #333333;
    padding: 5px 25px;
    line-height: 36px;
    height: auto;
    cursor: pointer;
    white-space: pre;
}
.Mobile .NavigationContainer ul span {
    display: inline-block;
    padding: 0px;
    font-weight: bold;
}
.Mobile .NavigationContainer ul span.Desktop {
    display: none;
}
.Mobile .NavigationContainer ul span.Mobile {
    display: inline-block;
    padding: 0px;
}

.Mobile .NavigationContainer ul li.Sub {
	padding: 10px 10px 10px 10px;
   	/*background: transparent url(../images/bg/bg_navigation_mainmenu.svg) no-repeat right center;
	background-size: 20px;*/
   	background: none;
}

.Hover .NavigationContainer ul li.Sub:hover {
	background: #FFFFFF url(../images/bg/bg_navigation_mainmenu_over.svg) no-repeat right center;
    background-size: 20px;
}

.Mobile .NavigationContainer ul li.Sub:hover {
    background: none !important;
}

.Mobile .NavigationContainer .Glue {
   	display: none;
}

.Mobile .NavigationContainer ul.Submenu {
    display: block;
    position: relative;
    z-index: 5300;
    float: none;
    margin: 0px;
    top: 0px;
    left: 0px;
    background-color: transparent;
    padding: 5px 15px 5px 15px;
    overflow: auto;
    white-space: nowrap;
    min-width: 100%;
    max-height: unset;
    height: auto;
    list-style: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.Mobile .Navigation ul.Submenu li {
    font-size: 16px;
    line-height: 24px;
}

.Mobile .Navigation ul.Submenu li.Auto {
    display: block;
}

.Mobile .Navigation ul.Submenu li.Desktop {
    display: none;
}

.Mobile .Navigation ul.Submenu li.Responsiv {
    display: block;
}

/*
.Mobile .Navigation ul li.Sub > img {
    display: none;
}*/

.Mobile .Navigation ul li img,
.Mobile .Navigation ul.Submenu li img {
    height: 24px;
    width: 24px;
    margin: 2px 10px 2px 0px;
}

.Mobile .Navigation ul li.Sub:hover:after {
    background: none !important;
}

.Mobile .NavigationOptions {
    position: relative;
    float: right;
    top: auto;
    right: auto;
}

.Mobile .NavigationOptions ul li img {
    margin: 8px 0px !important;
}

.Mobile .NavigationOptions ul.Submenu li img {
    margin: 2px 10px 2px 0px !important;
}
			
@media only screen and (min-width: 501px) {
    .Mobile .NavigationContainer {
    	max-width: 100%;
   	}
    .Mobile .NavigationContainer ul {
    	float: left;
    	margin: 0px 5% 0px 0px;
   	}
}

.Mobile .Content {
    min-height: 0px;
}

.Mobile .olControlSearching {
    top: -100%;
    right: 0px;
    left: 0px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    padding: 3%;
    box-sizing: border-box;
}

.Mobile .olControlSearching.Visible {
    top: 0px;
	margin-top: 40px;
}		

/*Left slideing
.Mobile .olControlSearching {
	top: 40px !important;
	left: 100%;
}
.Mobile .olControlSearching.Visible {
	left: 0px;
}*/

.Mobile .olControlSearching .SearchContainer {
	display: block;
    position: relative;
    z-index: 10;
	width: auto;
	height: auto;
    padding: 0px;
    clear: both;
    box-sizing: border-box;
}

.Mobile .olControlSearching .SearchContainer:after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.Mobile .olControlSearching .SearchClose {
    display: none !important;
}

.Mobile .olControlSearching .SearchResults {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    z-index: 9;
    top: 0px;
    left: 0px;
    width: auto !important;
    height: auto !important;
    overflow: visible;
    background: none;
    border: none;
    min-width: 0 !important;
    max-height: none !important;
    margin: 10px 0px 0px 0px;
    padding: 0px;
 	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    clear: both;
}

.Mobile .olControlSearching input,
.Mobile .olControlSearching select,
.Mobile .olControlSearching .Search,
.Mobile .olControlSearching .Search span {
    height: auto;
    width: 320px;
    max-width: 100%;
    margin: 5px 0px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
}

.Mobile .olControlSearching input,
.Mobile .olControlSearching select,
.Mobile .olControlSearching .Search span {
	display: inline-block;
}

.Mobile .olControlSearching .Search {
    float: left;
    background-color: #FFFFFF;
}

.Mobile .olControlSearching .Search span,
.Mobile .olControlSearching .Search ul {
    width: 0px;
    max-width: 100%;
    box-sizing: border-box;
	height: 0px;
	margin-top: -100%;
}

.Mobile .olControlSearching .Search span,
.Mobile .olControlSearching .Search ul.Over {
	height: auto;
    width: 100%;
    margin-top: 0px;
    background-color: #FFFFFF;
}

.Mobile .olControlSearching .Search ul li {
    font-size: 14px;
    line-height: 24px;
    width: auto;
    height: auto;
}

.Mobile .olControlSearching .Field,
.Mobile .olControlSearching .FieldInactive {
    width: 100%;
    max-width: 100%;
}

.Mobile .olControlSearching input {
    pointer-events: all;
}

.Mobile .olControlSearching .SearchButton,
.Mobile .olControlSearching .SearchInfo {
	margin-top: 7px;
    opacity: 1;
    display: none !important;
}

.Mobile .olControlSearching .SearchClear {
    margin: 5px 0px 5px -24px;
}

.Mobile .olControlSearching .SearchSelect .Search {
	display: block;
    width: 100%;
}

.Mobile .olControlSearching .SearchSelect .Field,
.Mobile .olControlSearching .SearchSelect .FieldInactive {
    width: 100%;
}

@media only screen and (min-width: 501px) {
    .Mobile .olControlSearching .SearchSelect .Search {
		display: inline-block;
	    width: 33%;
	}
    .Mobile .olControlSearching .SearchSelect .Field,
    .Mobile .olControlSearching .SearchSelect .FieldInactive {
	    width: 65%;
	}
    .Mobile .olControlSearching .SearchSelect .SearchClear {
		margin-right: 2%;
	}
}

.Mobile ul.SelectionRoot dt {
    display: block;
}

.Mobile .Box {
	top: 40px !important;
    left: 100% !important;
    right: 0px !important;
    bottom: 0px !important;
    width: 0px !important;
    height: auto !important;
    background: #FFFFFF;
    background: rgba(255,255,255, 0.9);
    margin: 0px;
    padding: 0px !important;
    box-sizing: border-box;
    
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
    
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
}

/* Disabled auto checking
body.Titleheader.Mobile .Box {
	top: 120px !important;
}
*/

.Mobile .Box.Maximized,
.Mobile .Box.Minimized {
    left: 0px !important;
	width: 100% !important;
}

.Mobile .Box .BoxContainer {
    right: 0px;
    bottom: 0px;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
}

.Mobile .Box .BoxContent {
	position: absolute;
	display: block !important;
    visibility: visible !important;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 3%;
    box-sizing: border-box;
    line-break: anywhere;
}

.Mobile .Box .BoxHeader,
.Mobile .Box .BoxTaskbar,
.Mobile .Box .BoxMinimize,
.Mobile .Box .BoxMaximize {
	display: none !important;
}

.Mobile .Box .BoxClose {
	border: none !important;
	background-color: var(--color-dark) !important;
    width: 30px;
    height: 30px;
}

.Mobile .Box .BoxActions {
    margin: 10px 10px;
    height: auto;
    opacity: 0;
    display: none;
}

.Mobile .Box.Maximized .BoxActions {
	opacity: 1;
}

.Mobile .Box .BoxHeader div {
    padding: 13px 0px 7px 0px;
    font-size: 16px;
    line-height: 24px;
}

.Mobile .Box .BoxHeader .Icon {
    margin: 13px 10px 7px 0px;
}

.Mobile #TBViewLegendRegisters {
	display: none;
}

.Mobile #TBViewLegendMap {
	border: none;
}

.Mobile #TBViewLegendMap dt {
	display: none;
}

.Mobile #TBViewLegendMap ul.TreeItem {
    margin: 0px 0px 5px 20px;
    width: auto;
    max-width: 100%;
    display: inline-block;
    
    float: left;
    clear: both;
}

.Mobile #TBViewLegendMap ul.TreeItem div,
.Mobile #TBViewLegendMap ul.TreeItem dd,
.Mobile #TBViewLegendMap ul.TreeItem dd.Disabled {
    display: inline-block;
    margin: 0px 0px 0px 60px;
    padding: 3px 0px;
    font-size: 16px;
    line-height: 24px;
}

.Mobile #TBViewLegendMap ul.TreeItem dd.WithIcon {
    margin-left: 90px !important;
}

.Mobile #TBViewLegendMap ul.TreeItem dd.WithCheckbox {
    margin-left: 85px !important;
}

.Mobile #TBViewLegendMap ul.TreeItem dd.WithCheckbox.WithIcon {
    margin-left: 120px !important;
}

.Mobile #TBViewLegendMap ul.TreeItem li {
    display: inline-block;
    width: auto;
    max-width: 100%;
    line-height: 30px;
    padding: 0px 0px;
    margin: 5px 0px !important;
    
    float: left;
    clear: both;
			
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}

.Mobile #TBViewLegendMap ul.TreeItem dl {
    top: 0px;
    display: block;
    box-sizing: border-box;
    width: 120px !important;
    height: 30px;
    clear: both;
    margin: 0px;
    padding: 0px 0px 0px 30px;
    background-position: 0px -60px;
    background-size: 30px auto;
}

.Mobile #TBViewLegendMap ul.TreeItem dl.Closed {
    background-position: 0px -90px;
    background-size: 30px auto;
}

.Mobile #TBViewLegendMap ul.TreeItem dl.Opened {
    background-position: 0px -120px;
    background-size: 30px auto;
}

.Mobile #TBViewLegendMap ul.TreeItem dl img.UncheckedInactive {
    background: transparent url(../images/legend/checkbox.svg) no-repeat 50% -72px;
    background-size: 24px;
}

.Mobile #TBViewLegendMap ul.TreeItem dl img.Unchecked {
    background: transparent url(../images/legend/checkbox.svg) no-repeat 50% -24px;
    background-size: 24px;
}

.Mobile #TBViewLegendMap ul.TreeItem dl img.CheckedInactive {
    background: transparent url(../images/legend/checkbox.svg) no-repeat 50% -48px;
    background-size: 24px;
}

.Mobile #TBViewLegendMap ul.TreeItem dl img.Checked {
    background: transparent url(../images/legend/checkbox.svg) no-repeat 50% 0px;
    background-size: 24px;
}

.Mobile #TBViewLegendMap ul.TreeItem dl img.Closed {
    background: transparent url(../images/legend/folder.svg) no-repeat 50% 0px;
    background-size: 30px;
}

.Mobile #TBViewLegendMap ul.TreeItem dl img.Opened {
    background: transparent url(../images/legend/folder.svg) no-repeat 50% -30px;
    background-size: 30px;
}

.Mobile #TBViewLegendMap ul.TreeItem dl img.Checked,
.Mobile #TBViewLegendMap ul.TreeItem dl img.Unchecked,
.Mobile #TBViewLegendMap ul.TreeItem dl img.CheckedInactive,
.Mobile #TBViewLegendMap ul.TreeItem dl img.UncheckedInactive {
    width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    max-height: 24px !important;
    margin: 3px 10px 3px 0px !important;
}

.Mobile #TBViewLegendMap ul.TreeItem dl img,
.Mobile #TBViewLegendMap ul.TreeItem dl img.Opened,
.Mobile #TBViewLegendMap ul.TreeItem dl img.Closed {
    width: 53px !important;
    max-width: 53px !important;
    height: 30px !important;
    max-height: 30px !important;
    margin: 0px !important;
}

.Mobile .olControlZoom,
.Mobile .olControlPanelRightBottom,
.Mobile .olControlPanel,
.Mobile .olControlPanelShortcuts {
	display: none;
}

.Mobile .LegendTitle {
	display: block;
}

.Mobile .Title {
    font-size: 16px;
    line-height: 22px;
}

.Mobile .BubbleContainer .Title {
    font-size: 12px;
    line-height: 18px;
}

.Mobile #ViewDialogElements .DialogGroup,
.Mobile #ViewDialogElements .DialogCaption,
.Mobile #ViewDialogElements .DialogElement,
.Mobile #ViewDialogElements .DialogButton,
.Mobile #ViewDialogElements .DialogButtonActive,
.Mobile #ViewDialogElements .DialogButtonInactive,
.Mobile #ViewDialogElements .DialogButtonPlain,
.Mobile #ViewDialogElements .DialogButtonSelectFile,
.Mobile #ViewDialogElements .DialogButtonSelectImage, 
.Mobile #ViewDialogElements .DialogButtonClearImage, 
.Mobile #ViewDialogElements .DialogButtonCalendar {
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
    max-width: 100% !important;
	width: 100% !important;
	margin: 0px !important;
	box-sizing: border-box;
}

.Mobile #ViewDialogElements .DialogGroup {
    display: flex !important;
    flex-direction: column;
}

.Mobile #ViewDialogElements .DialogCaption {
	text-align: left !important;
    height: auto !important;
}

.Mobile #ViewDialogElements:after, 
.Mobile #ViewDialogFooter .Buttons:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.Mobile #ViewDialogElements .DialogCaption span {
	font-size: 14px !important;
	line-height: 20px !important;
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
}

.Mobile #ViewDialogElements .DialogButton,
.Mobile #ViewDialogElements .DialogButtonActive,
.Mobile #ViewDialogElements .DialogButtonInactive,
.Mobile #ViewDialogElements .DialogButtonPlain,
.Mobile #ViewDialogElements .DialogButtonSelectFile,
.Mobile #ViewDialogElements .DialogButtonSelectImage, 
.Mobile #ViewDialogElements .DialogButtonClearImage, 
.Mobile #ViewDialogElements .DialogButtonCalendar,
.Mobile #ViewDialogOuterHtml .DialogButton,
.Mobile #ViewDialogOuterHtml .FieldFileInputIcon {
	display: inline-block !important;
    height: 20px !important;
    min-width: 20px !important;
    width: auto !important;
    padding: 7px !important;
    margin: 10px 10px 10px 0px !important;
    box-sizing: content-box;
}

.Mobile #ViewDialogElements .DialogButtonCalendar {
    width: 20px !important;
    position: absolute !important;
    top: 100% !important;
}

.Mobile #ViewDialogElements .DialogElement {
    padding: 5px 10px;
}

.Mobile #ViewDialogElements .DialogElement,
.Mobile #ViewDialogElements .DialogElement a {
	font-size: 14px !important;
	line-height: 20px !important;
}

/*.Mobile #ViewDialogElements input[type='text'].DialogElement,
.Mobile #ViewDialogElements div.DialogElement,*/
.Mobile #ViewDialogElements div.DialogElement a {
    height: auto !important;
}

.Mobile #ViewDialogElements .DialogCaption,
.Mobile #ViewDialogElements .DialogElement {
	display: block;
    height: auto !important;
	margin: 0px 0px 0px 0px !important;
}

/*
.Mobile #ViewDialogElements .DialogElement {
    height: 32px !important;
}
*/

.Mobile #ViewDialogElements img.DialogElement {
    padding: 5px !important;
    width: 100% !important;
    height: auto !important;
}

.Mobile .ButtonBox, 
.Mobile .ButtonBoxActive, 
.Mobile .ButtonBoxInactive, 
.Mobile .ButtonIcon, 
.Mobile .ButtonIconActive, 
.Mobile .ButtonIconInactive, 
.Mobile .DialogSubmenuContainer, 
.Mobile .ButtonSubmenuContainer {
	width: 20px;
	height: 20px;
	padding: 7px !important;
    margin: 0px 5px 5px 0px !important;
    box-sizing: content-box !important;
}

.Mobile .DialogSubmenuContainer, 
.Mobile .ButtonSubmenuContainer {
	padding: 0px !important;
    width: 36px !important;
    height: 36px !important;
}

.Mobile #ViewDialogFooter .Buttons {
	text-indent: -100000px;
}

.Mobile #ViewDialogFooter .Button,
.Mobile #ViewDialogFooter .ButtonIcon,
.Mobile #ViewDialogFooter .ButtonIconActive,
.Mobile #ViewDialogFooter .ButtonIconInactive,	
.Mobile #ViewDialogFooter .DialogSubmenuContainer {
    display: inline-block;
    float: left;
}

.Mobile #ViewDialogFooter .Button {
    margin: 0px 10px 10px 0px !important;
}

.Mobile #ViewDialogFooter .DialogSubmenuContainer {
	width: auto;
	height: auto;
	padding: 0px !important;
    text-indent: initial;
}

.Mobile #ViewDialogFooter .DialogSubmenuContainer img {
    margin: 0px 0px 0px 0px !important;
}

.Mobile .DialogSubmenuContainer .DialogSubmenu {
    text-indent: 0px !important;
}

.Hover .DialogSubmenuContainer:hover .DialogSubmenu {
    bottom: -2900px;
	opacity: 0;
}
.Mobile .DialogSubmenuContainer.Active .DialogSubmenu {
    bottom: 42px !important;
    opacity: 1 !important;
	max-height: 200px !important;
}
.Mobile .DialogSubmenu div {
    font-size: 14px;
    line-height: 20px;
    padding: 1% 0;
}

/*.Mobile .DialogComboboxContainer,
.Mobile .DialogComboboxBlocker {
    height: 34px !important;
}*/

.Mobile #ViewDialogElements .DialogCombobox,
.Mobile #ViewDialogElements .DialogComboboxInactive,
.Mobile #ViewDialogElements .DialogComboboxContainer select {
    padding: 5px 25px 5px 10px;
	font-size: 14px;
    line-height: 20px;
    height: 32px !important;
    width: 100% !important;
}

.Mobile #ViewDialogElements .DialogComboboxContainer select option {
    max-width: 100% !important;
    width: auto !important;
}

.Mobile #ViewDialogElements .DialogComboboxInactive {
    height: 32px !important;
    overflow: hidden !important;
}

.Mobile #ViewDialogElements .DialogComboboxInput,
.Mobile #ViewDialogElements .DialogComboboxText div,
.Mobile #ViewDialogElements .DialogComboboxText p {
    /*display: inline-block;*/
	font-size: 14px;
	line-height: 20px !important;
	padding: 5px 10px !important;
	height: auto !important;
    min-width: 50px;
}

.Mobile #ViewDialogElements .DialogComboboxInput {
	padding: 5px 25px 5px 10px !important;
	width: 100% !important;
}

.Mobile #ViewDialogElements .DialogComboboxBlocker {
    width: auto !important;
    height: auto !important;
}

.Mobile #ViewDialogElements .DialogComboboxText {
    top: 32px !important;
    width: auto !important;
    height: 240px !important;

    /*display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;*/
}

.Mobile #ViewDialogElements .DialogButtonCalendar,
.Mobile #ViewDialogElements .DialogButtonPlain,
.Mobile #ViewDialogElements .DialogButtonSelectFile,
.Mobile #ViewDialogElements .DialogButtonSelectImage {
	margin: -30px 0px 0px -30px !important;
    padding: 3px 4px !important;
    left: 100% !important;
    z-index: 2500;
}

.Mobile #ViewDialogElements .DialogButtonPlain {
    width: 45px !important;
    margin: -30px 0px 0px -55px !important;
}

.Mobile #ViewDialogElements .DialogButton {
    font-size: 14px;
    line-height: 20px;
    margin: 0px !important;
    padding: 5px !important;
}

.Mobile #ViewDialogElements .DialogGroup {
	width: 100% !important;
	height: auto !important;
	margin: 0px 0px 15px 0px !important;
}

.Mobile #ViewDialogElements .DialogLine,
.Mobile #ViewDialogElements .DialogLabel {
	padding: 0px !important;
}

.Mobile #ViewDialogElements .ToggleCheckbox {
    position: absolute !important;
    left: inherit !important;
    left: auto !important;
    top: 50% !important;
    height: 20px !important;
    margin: -10px 3px 0px 0px !important;
    padding: 0px 2px 0px 0px !important;
}

.Mobile #ViewDialogElements .DialogButtonContainer {
    display: inline-block;
    position: absolute;
    z-index: 99999999;
    right: 1px;
    top: 21px;
    padding: 5px;
    background-color: rgba(255,255,255,0.75);
}

.Mobile #ViewDialogElements .DialogButtonContainer .DialogButton {
    font-size: 14px;
    line-height: 20px;
    margin: 0px !important;
    padding: 5px !important;
    border: none;
    background: none;
    width: 20px !important;
    height: 20px !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.Mobile #ViewDialogElements .DialogButtonContainer .DialogButtonSelectFile,
.Mobile #ViewDialogElements .DialogButtonContainer .DialogButtonSelectImage {
    margin: 0px 5px -3px 0px !important;
    padding: 13px 5px 0px 5px !important;
    left: unset !important;
    z-index: 2500;
}

.Mobile #ViewDialogElements .DialogButtonContainer .FieldFileIcon,
.Mobile #ViewDialogElements .DialogButtonContainer .FieldFileIconActive {
    margin: -5px 0px 0px -10px;
}

.Mobile .ListPageing,
.Mobile #ViewDialogFooter select {
    font-size: 12px !important;
    line-height: 18px !important;
}

.Mobile #ViewDialogFooter select {
    width: auto !important;
    height: 24px !important;
}

.Mobile .DynarchCalendar-topCont {
    transform: scale(1.5);
    transform-origin: right -15px;
}

.Mobile .DialogFileExplorer {
	margin: 2%;
}

.Mobile .DialogFileExplorer .Header {
	display: none;
}

.Mobile .DialogFileExplorer table,
.Mobile .DialogFileExplorer .FieldFile,
.Mobile .DialogFileExplorer .FieldFileActive,
.Mobile .DialogFileExplorer .FieldFileInput,
.Mobile .DialogFileExplorer .FieldFileText {
	width: 100% !important;
}

.Mobile .DialogFileExplorer .TableSearch,
.Mobile .DialogFileExplorer .FieldSearch {
	width: auto !important;
}

.Mobile .None {
	display: none !important;
}

.Mobile .DisplayMobile {
	display: block !important;
	visibility: visible !important;
}

.Mobile .Dashboard {
    padding: 2.5% 3% 3% 3%;
    max-width: 100%;
}

.Mobile .Dashboard .Start .Button {
    width: 41%;
}

.Mobile #ViewHeader,
.Mobile #ViewDialogHeader {
    padding: 2% 3% 0px 3%;
    max-width: 100%;
}

.Mobile #ViewHeader {
    padding: 4% 3% 0px 3%;
}

.Mobile #ViewHeader .Register,
.Mobile #ViewDialogHeader .Register,
.Mobile #ViewHeader .Register.Active,
.Mobile #ViewDialogHeader .Register.Active {
	border-bottom: 1px solid #cccccc;
	border-radius: 3px;
	margin: 0px 2% 2% 0px;
}

.Mobile #ViewDialogElements {
    margin: 60px 0px 100px 0px;
    padding: 0px 3%;
    top: 0px !important;
    height: auto !important;
    overflow: visible !important;
}

.Mobile #ViewDialogFooter {
    padding: 0px 3% 2% 3%;
    max-width: 100%;
}

.Mobile .DialogFileExplorer .FieldFileText {
	max-width: 90% !important;
}

.Mobile .DialogFileExplorer .CountEntries {
	display: none;
}

.Mobile #ViewDialogElements .DialogGroup.Break {
    display: block !important;
   	max-width: 97% !important;
   	float: none !important;
    clear: both !important;
}

@media only screen and (min-width: 501px) and (max-width: 1024px) {

	.Mobile #ViewDialogHeader {
	    padding: 1% 2% 0px 2%;
	    max-width: 100%;
	}
	
	.Mobile #ViewDialogHeader .Register,
	.Mobile #ViewDialogHeader .Register.Active {
		border-bottom: 1px solid #cccccc;
		border-radius: 3px;
		margin: 0px 1% 1% 0px;
	}
	
	.Mobile #ViewDialogElements {
	    margin: 60px 0px 100px 0px;
	    padding: 0px 2%;
	}

	.Mobile #ViewDialogFooter {
	    padding: 0px 2% 1% 2%;
	    max-width: 100%;
	}

	.Mobile .DialogFileExplorer .FieldFileText {
		max-width: 95% !important;
	}

	.Mobile #ViewDialogElements .DialogGroup {
	    width: auto !important;
	    float: left;
	    max-width: 47% !important;
	    min-width: 47% !important;
	    display: inline-block;
	    height: auto !important;
	    margin: 0px 1.5% 15px 1.5% !important;
	}	
}

@media only screen and (min-width: 1025px) {

	.Mobile #ViewDialogHeader {
	    padding: 0.5% 1% 0px 1%;
	    max-width: 100%;
	}
	
	.Mobile #ViewDialogHeader .Register,
	.Mobile #ViewDialogHeader .Register.Active {
		border-bottom: 1px solid #cccccc;
		border-radius: 3px;
		margin: 0px 0.5% 0.5% 0px;
	}
	
	.Mobile #ViewDialogElements {
	    margin: 60px 0px 100px 0px;
	    padding: 0px 1%;
	}

	.Mobile #ViewDialogFooter {
	    padding: 0px 1% 0.5% 1%;
	    max-width: 100%;
	}

	.Mobile .DialogFileExplorer .FieldFileText {
		max-width: 97% !important;
	}

	.Mobile #ViewDialogElements .DialogGroup {
	    width: auto !important;
	    float: left;
	    max-width: 30% !important;
	    min-width: 30% !important;
	    display: inline-block;
	    height: auto !important;
	    margin: 0px 1.5% 15px 1.5% !important;
	}

	.Mobile .Dashboard .Start .Button {
    	width: 20%;
	}
}

.Mobile .DialogSubmenu,
.Mobile .ButtonSubmenu {
    right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.Mobile .ViewDialogColumns {
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin: 0px auto;
}

.Mobile .ViewDialogColumns .ColumnLeft,
.Mobile .ViewDialogColumns .ColumnRight {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: stretch;
    float: none;
    width: 100%;
    margin: 0px;
    text-align: left;
    box-sizing: border-box;
}

.Mobile #ViewDialogElements input[type='text'].DialogElement.FieldColor,
.Mobile #ViewDialogElements .DialogElement.FieldColor {
    width: 80px !important;
    height: 32px !important;
    white-space: nowrap;
    overflow: hidden;
}

.Mobile .FieldEditing .DialogBorderObligate:hover,
.Mobile .FieldEditing .DialogBorderObligate:focus,
.Mobile .FieldEditing .DialogBorderDefault:hover,
.Mobile .FieldEditing .DialogBorderDefault:focus {
    border: 1px solid var(--color-dark) !important;
    outline: none;
}

@media only screen and (min-width: 501px) and (max-width: 1024px) {
    .Mobile .ViewDialogColumns .ColumnLeft,
    .Mobile .ViewDialogColumns .ColumnRight {
        float: left;
        width: 49%;
        margin: 0px 1% 0px 0px;
    }

    .Mobile .ViewDialogColumns .ColumnRight {
        margin: 0px 0px 0px 1%;
    }

    .Mobile #ViewDialogElements .ViewDialogColumns .DialogGroup {
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0px 0px 15px 0px !important;
    }
}

@media only screen and (min-width: 1025px) {
    .Mobile .ViewDialogColumns .ColumnLeft,
    .Mobile .ViewDialogColumns .ColumnRight {
        display: block;
        float: left;
        width: 50%;
        margin: 0px;
    }

    /*
    .Mobile .ViewDialogColumns .ColumnLeft,
    .Mobile .ViewDialogColumns .ColumnRight {
        float: left;
        width: 49%;
        margin: 0px 1% 0px 0px;
    }

    .Mobile .ViewDialogColumns .ColumnRight {
        margin: 0px 0px 0px 1%;
    }
    */

    .Mobile #ViewDialogElements .ViewDialogColumns .DialogGroup {
        max-width: 46% !important;
        min-width: 46% !important;
        margin: 0px 2% 15px 2% !important;
    }
}

.Mobile .DynarchCalendar div {
    font-size: 10px;
    line-height: 14px;
}