.ql-font-Oklahoma {
	font-family: "Oklahoma"
}

.ql-font-Arial {
	font-family: "Arial"
}

.normal {
    font-weight: normal;
}

.thick {
    font-weight: bold;
}

.thicker {
    font-weight: 900;
}

.moreStreets {
	color: #808080;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.div_hover { background-color: #FFFFFF; cursor: pointer;}

.div_hover:hover { background-color: #B6F5FF; }

.menubar {
    width: auto;
    height: 45px;
    padding: 4px;
    border: 1px solid #cccccc;
    position: absolute;
    top: 0px;
    left: 0px;
    /* margin: 4px; */
    /* border-radius: 3px; */
    right: 0px;

    background: #dbd5d5; /* For browsers that do not support gradients */
    background: linear-gradient(#f0f0f0, #dbd5d5); /* Standard syntax */
}

.menubar_item {
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	border-radius: 3px 3px 0px 0px;
	cursor: pointer;
}

.menubar_sub_item {
	line-height: 40px;
	border-radius: 3px;
	border: 1px solid #FFFFFF;
}

.menubar_main_item {
	top: 7px;
    position: relative;
    /* border: 1px solid #dddddd; */
}

.menubar_item_disabled {
	color: #C0C0C0;
}

.menubar_item_selected {
    color: #ffffff;
	background: #007fff;
	border: 1px solid #003eff;
}

.menubar_sub {
	position: absolute;
	top: 36px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	border: 1px solid #c5c5c5;
	border-radius: 3px;
	background-color: #ffffff;
}

.MenuBarMainItem {
	display: inline-block;
	padding: 5px 10px;
	background: rgba(210, 210, 210, 0.13);
	border-radius: 5px;
	border: solid 1px #4d4d4d;
	position: relative;
	top: -5px;
}

.ChatBarMainItem {
	/*display: inline-block;*/
	padding: 5px 10px;
	background: rgba(88, 251, 249, 0.13);
	border-radius: 5px;
	border: solid 1px #4d4d4d;
	position: relative;
	top: 4px;
	margin-right: 2px;
}

.GemasDataGrid {
	cursor: pointer;
}

.GemasDataGrid td {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(246, 246, 246);
}

/* .GemasDataGrid tr:hover { outline: 1px solid #abd5ff; -webkit-transition: outline-color 200ms linear; -ms-transition: outline-color 200ms linear; transition: outline-color 200ms linear; } */

.grid_title {
	width: 100%;
	height: 20px;
	text-align: center;
    background-color: #E0E0E0;
    border-radius: 3px;
}

.grid_title_auto {
	width: calc(100% - 10px);
	text-align: left;
    background-color: #E0E0E0;
    border-radius: 3px;
	padding: 5px;
	border: 1px solid #aaaaaa;
}

.grid_title_auto2 {
	width: calc(100% - 10px);
	text-align: left;
    background-color: #E0E0E0;
    border-radius: 3px;
	padding: 0px 5px;
	border: 1px solid #aaaaaa;
}

.grid_title_big {
	width: calc(100% - 10px);
	height: 20px;
	text-align: left;
    background-color: #E0E0E0;
    border-radius: 3px;
	padding: 5px;
	border: 1px solid #aaaaaa;
}

.grid_title_biggest {
	width: calc(100% - 10px);
	height: 36px;
	text-align: left;
    background-color: #E0E0E0;
    border-radius: 3px;
	padding: 5px;
	border: 1px solid #aaaaaa;
}

.grid_box {
	position: absolute;
	border: 1px solid #c5c5c5;
	border-radius: 3px;
	padding: .2em;
}

.grid_boxInside {
	border: 1px solid #c5c5c5;
	border-radius: 3px;
	padding: .2em;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.TabInputStyle {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(246, 246, 246);
}

.TabInputStyleR {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(246, 246, 246);
    text-align: right;
}

.TabInputStyleNone {
    padding: 0px 5px 0px 5px;
    border: 1px solid #fff;
	line-height: 0px;
}

.TabInputStyleAlpha {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.04);
}

.TabInputStyleAlt {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: #E1EEf4;
}

.TabInputStyleDeleted {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(242, 219, 216);
}

.TabInputStyleDarker {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(225, 225, 225);
}

.TabInputStyleHead {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(196, 243, 245);
}

.TabInputStyleHeadExt {
    border: 2px solid #777;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(196, 243, 245);
}

.TabInputStyleFood {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(255, 249, 128);
}

.TabInputStyleRed {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(255, 224, 224);
}

.TabInputStyleLightGreen {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(207, 251, 220);
}

.TabInputStyleImportant {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(149, 255, 128);
}

.TabInputStyleSpecial {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(224, 237, 221);
}

.TabInputStyleSpecial2 {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(226, 255, 223);
}

.TabHeadStyleImportant {
    background-color: rgb(149, 255, 128);
}

.TabInputStyle2 {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(206, 206, 206);
}

.TabInputStyleInline {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(246, 246, 246);
    display: inline-block;
    margin-bottom: 2px;
}

.TabInputStyleInlineImportant {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(255, 224, 224);
    display: inline-block;
    margin-bottom: 2px;
}

.TabInputStyleInlineSpecial {
    border: 1px solid #c5c5c5;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    background-color: rgb(215, 230, 217);
    display: inline-block;
    margin-bottom: 2px;
}

.TabInputMarkerStyle {
	border: 1px solid #c5c5c5;
	padding: 5px 5px 5px 5px;
	border-radius: 3px;
	width: auto;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	white-space: nowrap;
}

.TabInputMarkerStyle2 {
	border: 1px solid #c5c5c5;
	padding: 5px 5px 5px 5px;
	border-radius: 3px;
	width: auto;
	display: inline-block;
	margin-right: 5px;
	/* margin-bottom: 5px; */
	white-space: nowrap;
}

.TabInputMarkerStyle3 {
	border: 1px solid #c5c5c5;
	padding: 5px 5px 5px 5px;
	border-radius: 3px;
	background-color: rgb(198, 246, 241);
	width: auto;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	white-space: nowrap;
}

.TabTHStyle {
	font-size: 12px;
}

.TabNoWrap {
	white-space: nowrap;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 4px 0px;
    background: none;
}

.nooverflow {
	overflow: hidden;
}

.graph_ne {
	border-radius: 3px;
	border: 1px solid #c5c5c5;
	width: 150px;
}

.graph_ne_head {
	border-radius: 3px;
	border: 1px solid #c5c5c5;
	background-color: #E0E0E0;
	margin: 3px;
	text-align: center;
}

.GemasDB_MiniPic {
	height: 128px;
	padding: 4px;
}

.GemasDB_PictureBar {
	/* height: 136px; */
	/* overflow: hidden; */
	/* white-space: nowrap; */
}

.GemasTreeViewMode {
	width: 100%;
	padding: 3px;
}

.TimeLineBack {
	width: 20px;
	height: 8px;
	background-image: url("../gfx/TimeLineBack.gif");
	background-repeat: repeat;
	background-position-x: 4px;
}

.TimeLineBlockLeft {
	position: relative;
	width: 350px; border: 1px solid black; padding: 5px; border-radius: 5px;
}

.TimeLineBlockLeft::after {
    content: "";
    position: absolute;
    bottom: 2px;
    right: -15px;
    z-index: 1;
    border: solid 8px transparent;
    border-right-color: transparent;
    border-right-color: #000;
    transform: rotate(180deg);
}

.TimeLineBlockRight {
	position: relative;
	width: 350px; border: 1px solid black; padding: 5px; border-radius: 5px;
}

.TimeLineBlockRight::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: -15px;
    z-index: 1;
    border: solid 8px transparent;
	border-right-color: transparent;
    border-right-color: #000;
}

.DefaultIconStyle {
	width: 16px;
	height: 16px;
	display: inline-block;
	top: 2px;
	position: relative;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.SpaceR8IconStyle {
	width: 16px;
	height: 16px;
	display: inline-block;
	top: 2px;
	position: relative;
	background-repeat: no-repeat;
	margin: 0;
	padding-right: 8px;
}

.ClickIconStyle {
	width: 16px;
	height: 16px;
	display: inline-block;
	top: 2px;
	position: relative;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Target {
	background-image: url("../gfx/target.png");
}

.Icon_MGWechsel {
	background-image: url("../gfx/arrow_switch.png");
}

.Icon_Undelete {
	background-image: url("../gfx/eraser__arrow.png");
}

.Icon_Quickbar {
	background-image: url("../gfx/text_field_password.png");
}

.Icon_AddImage {
	background-image: url("../gfx/image__plus.png");
}

.Icon_StandaloneDlg {
	background-image: url("../gfx/application_blue.png");
}

.Icon_RightClick {
	background-image: url("../gfx/right_click.png");
}

.Icon_FlipY {
	background-image: url("../gfx/arrow_return_270.png");
}

.Icon_More {
	background-image: url("../gfx/application_list.png");
}

.Icon_WEG {
	background-image: url("../gfx/users__exclamation.png");
}

.Icon_Overview {
	background-image: url("../gfx/application_text_image.png");
}

.Icon_PinPlus {
	background-image: url("../gfx/pin__plus.png");
}

.Icon_PinArrow {
	background-image: url("../gfx/pin__arrow.png");
}

.Icon_Estamination {
	background-image: url("../gfx/wand.png");
}

.Icon_Warmwasser {
	background-image: url("../gfx/WW.png");
}

.Icon_Eraser {
	background-image: url("../gfx/Eraser.png");
}

.Icon_Kaltwasser {
	background-image: url("../gfx/KW.png");
}

.Icon_CutAndCopy {
	background-image: url("../gfx/scissors__arrow.png");
}

.Icon_Refresh {
	background-image: url("../gfx/refresh.png");
}

.Icon_CutAndCopyPaste {
	background-image: url("../gfx/scissors__plus.png");
}

.Icon_MoneyGold {
	background-image: url("../gfx/money_gold.png");
}

.Icon_VorlagenListe {
	background-image: url("../gfx/vorlagen_list.png");
}

.Icon_BewertungOnly {
	background-image: url("../gfx/auction_hammer.png");
}

.Icon_Categories {
	background-image: url("../gfx/color.png");
}

.Icon_CheckLists {
	background-image: url("../gfx/control_stop_square.png");
}

.Icon_ArtikelList {
	background-image: url("../gfx/tags.png");
}

.Icon_Artikel {
	background-image: url("../gfx/tag.png");
}

.Icon_ArtikelEdit {
	background-image: url("../gfx/tag__pencil.png");
}

.Icon_ArtikelAdd {
	background-image: url("../gfx/tag__plus.png");
}

.Icon_ArtikelUse {
	background-image: url("../gfx/tag__arrow.png");
}

.Icon_RWM {
	background-image: url("../gfx/rwm.png");
}

.Icon_Funk {
	background-image: url("../gfx/feed.png");
}

.Icon_FunkMonitor {
	background-image: url("../gfx/monitor.png");
}

.Icon_TypCode {
	background-image: url("../gfx/typcode.png");
}

.Icon_Speak {
	background-image: url("../gfx/document_music.png");
}

.Icon_ArrowMove {
	background-image: url("../gfx/arrow_move.png");
}

.Icon_SubObj {
	background-image: url("../gfx/puzzle.png");
}

.Icon_Calculator {
	background-image: url("../gfx/calculator.png");
}

.Icon_MapPin {
	background-image: url("../gfx/map_pin.png");
}

.Icon_Ablesedaten {
	background-image: url("../gfx/table__pencil.png");
}

.Icon_AddTable {
	background-image: url("../gfx/table__plus.png");
}

.Icon_CopyNew {
	background-image: url("../gfx/disks__plus.png");
}

.Icon_Unit {
	background-image: url("../gfx/door.png");
}

.Icon_GoodMorning {
	background-image: url("../gfx/smiley.png");
}

.Icon_ThrobberInline {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/throbber.gif");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	display: inline-block; top: 2px;
	position: relative;
}

.Icon_TimeTracker {
	background-image: url("../gfx/clock_select.png");
}

.Icon_TimeTracker_Record {
	background-image: url("../gfx/control.png");
}

.Icon_TimeTracker_Pause {
	background-image: url("../gfx/control_pause.png");
}

.Icon_TimeTracker_Stop {
	background-image: url("../gfx/control_stop_square.png");
}

.Icon_Clock {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/clock.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	display: inline-block; top: 2px;
	position: relative;
}

.Icon_Gruppen {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/users.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Verbund {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/block.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Besichtigung {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/camera.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Star {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/star.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_StarEmpty {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/star_empty.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_OrderUp {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/arrow_090.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_OrderDown {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/arrow_270.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Phone {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/mobile_phone.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_TWU {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/twu.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Locked {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/lock.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.Icon_UnLocked {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/lock_unlock.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_EditChain {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/chain__pencil.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_TopicHelp {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/question_frame.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Printer {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/printer.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Offer {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/paper_bag.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_OfferPlus {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/paper_bag__plus.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Calendar {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/calendar_day.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_CalendarYear {
	background-image: url("../gfx/calendar_year.png");
}

.Icon_CalendarPlus {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/calendar__plus.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_CalendarEdit {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/calendar__pencil.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_CalendarReminder {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/bell.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Configuration {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/gear.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_MinimizeList {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/control_stop_090.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_MaximizeList {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/control_stop_270.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_ListRulerCrop {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/ruler_crop.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Help {
	background-image: url("../gfx/lifebuoy.png");
}

/* NextGen MS/MG Icons */
.Icon_HKV {
	background-image: url("../gfx/hkv_ng.png");
}

.Icon_SOZ {
	background-image: url("../gfx/soz_ng.png");
}

.Icon_KWZ {
	background-image: url("../gfx/kwz_ng.png");
}

.Icon_FMG {
	background-image: url("../gfx/fmg_ng.png");
}

.Icon_WWZ {
	background-image: url("../gfx/wwz_ng.png");
}

.Icon_WMZ {
	background-image: url("../gfx/wmz_ng.png");
}

.Icon_News {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/newspaper.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_HKALicence {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/card_address.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Tools {
	background-image: url("../gfx/wrench_screwdriver.png");
}

.Icon_ServiceEntry {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/hammer_screwdriver.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_ServiceEntryPlus {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/hammer__plus.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_ObjectOverview {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/document_text.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Document {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/document.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_MsgWasRead {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/mail_open_document_text.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Email {
	background-image: url("../gfx/mail_open_document_text.png");
}

.Icon_Config {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/gear__pencil.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_StickyNotePin {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/sticky_note_pin.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Flag {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/flag.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Tick {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/tick.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Cross {
	background-image: url("../gfx/cross.png");
}

.Icon_Verlauf {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/documents_stack.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_BalloonLeft {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/balloon_left.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_BalloonPencil {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/balloon__pencil.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_BalloonPlus {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/balloon__plus.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_LightBulb {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/light_bulb.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_InfoFrame {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/information_frame.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Logout {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/door_open_out.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_LightningExclamation {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/lightning__exclamation.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Lightning {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/lightning.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_LagerBox {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/box.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Listen {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/notebook.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Picture {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/picture.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_DeveloperOnly {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/wrench__exclamation.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_WriteEmail {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/mail__pencil.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_SideBar {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/application_sidebar_list.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_GoWebPage {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/globe.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Plus {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/plus.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_UserPlus {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/user__plus.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_User {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/user.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_UserPencil {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/user__pencil.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Stats {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/Stats.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Blog {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/blog.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_BlogPlus {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/blog__plus.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Pencil {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/pencil.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Delete {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/cross_octagon_frame.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_TravelTime {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/dashboard__arrow.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Exclamation {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/exclamation.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_FolgeEinsatz {
	width: 16px;
	height: 16px;
	/* background-image: url("../gfx/arrow_return_000_left.png"); */
	background-image: url("../gfx/arrow_turn_000_left.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Save {
	background-image: url("../gfx/disk.png");
}

.Icon_NextRowArrow {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/arrow_turn_000_left.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Folder {
	width: 10px;
	height: 16px;
	background-image: url("../gfx/folder_horizontal.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#jstree_folder .Icon_TreeFolder {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/folder_horizontal.png");
	background-repeat: no-repeat;
	margin-right: 10px;
	/* margin: 0;*/
	padding: 0;
	cursor: pointer;
}

.Icon_ClipboardArrow {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/clipboard__arrow.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Weiter {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/arrow.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_Gray {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.Icon_DataBase {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/database__arrow.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_DataBaseShow {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/database.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_DataBaseAdd {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/database__plus.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_HKA100 {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/hka100.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_HKB {
	background-image: url("../gfx/hkb.png");
}

.Icon_Search {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/magnifier_left.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
} 

.Icon_ArrowLeft {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/arrow_180.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	/*cursor: pointer;*/
}

.Icon_ShowObj {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/receipt__arrow.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
} 

.Icon_GMaps {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/maps_32dp.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
} 

.Icon_LogBook {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/book.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Marker {
	background-image: url("../gfx/bookmark.png");
}

.Icon_MarkerPlus {
	background-image: url("../gfx/bookmark__plus.png");
}

.Icon_WEGOwner {
	background-image: url("../gfx/crown.png");
}

.Icon_OwnerChange {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/bank__arrow.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_Owner {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/bank.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_OwnerPlus {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/bank__plus.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_House {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/home.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_HouseHKA {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/home_hka.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_HouseHKANext {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/home_hka_next.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_HouseAblesung {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/homeAblesung.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.Icon_HousePlus {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/home__plus.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_HouseLink {
	width: 16px;
	height: 16px;
	background-image: url("../gfx/home__arrow.png");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.Icon_3LinesMenu {
  width: 32px;
  height: 32px;
  background-image: url("../gfx/3_lines_menu32.png"); 
  background-repeat: no-repeat;
  margin: -8px 0 0 0;
  padding: 0;
  cursor: pointer;
}

/*
.Icon_3LinesMenu {
  width: 16px;
  height: 16px;
  background-image: url("../gfx/3_lines_menu16a.png");
  background-repeat: no-repeat;
  */
  /* transform: scale(1.5);*/
  /*
  margin: 0;
  padding: 0;
  cursor: pointer;
}
*/
.VIcon_Prio_Normal {
	background-color: #0078ff;
	width: 16px;
	height: 16px;
	position: relative;
	display: inline-block;
	border-radius: 8px;
	top: 2px;
}

.VIcon_Prio_VeryHigh {
	background-color: #f00;
	width: 16px;
	height: 16px;
	position: relative;
	display: inline-block;
	border-radius: 8px;
	top: 2px;
}

.VIcon_Prio_High {
	background-color: #ff7e00;
	width: 16px;
	height: 16px;
	position: relative;
	display: inline-block;
	border-radius: 8px;
	top: 2px;
}

.VIcon_Prio_Low {
	background-color: #00ffe4;
	width: 16px;
	height: 16px;
	position: relative;
	display: inline-block;
	border-radius: 8px;
	top: 2px;
}

.VIcon_Prio_VeryLow {
	background-color: #ffea00;
	width: 16px;
	height: 16px;
	position: relative;
	display: inline-block;
	border-radius: 8px;
	top: 2px;
}

.ui-dialog {
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.RoutenPlanerElement {
	border-radius: 5px;
    border: 1px solid #000000;
   	padding: 5px;
	margin-bottom: 3px;
    background: #d6d6d6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #d6d6d6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #d6d6d6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #d6d6d6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #d6d6d6); /* Standard syntax */
}

.RoutenPlanerEmptyElement {
	border-radius: 5px;
    border: 1px solid #000000;
   	padding: 5px;
	margin-bottom: 3px;
	height: 20px;
    background: #78ff74; /* For browsers that do not support gradients */
}

.RoutenPlanerSubObjElement {
	border-radius: 5px;
    border: 1px solid #000000;
   	padding: 5px;
	margin-bottom: 3px;
    background: #b9dedc; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #b9dedc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #b9dedc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #b9dedc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #b9dedc); /* Standard syntax */
}

.RoutenPlanerStillgelegtElement {
	border-radius: 5px;
    border: 1px solid #000000;
   	padding: 5px;
	margin-bottom: 3px;
    background: #ffbbbb; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #ffbbbb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #ffbbbb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #ffbbbb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #ffbbbb); /* Standard syntax */
}

/* More Menü Bar Stuff */
/* Main */
/*#menu
{
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;  
	background: #111;
	background: -moz-linear-gradient(#444, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
	background: -webkit-linear-gradient(#444, #111);	
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;
}*/

#menu li
{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	line-height: 0;
}

#menu a 
{
	float: left;
	height: 25px;
	padding: 0px 0px 0px 5px;
	color: #999;
	text-transform: uppercase;
	font: bold 12px/25px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#menu li:hover > a
{
	color: #fafafa;
}

*html #menu li a:hover /* IE6 */
{
	color: #fafafa;
}

#menu li:hover > ul
{
	display: block;
}

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* border: 1px solid #000000; */
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}


#menu ul ul
{
  top: 0px;
  left: 150px;			/* suboptimal ... autoerkennung scheinbar nicht möglich */
  position: absolute;
}

#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a
{    
    padding: 10px;
	/* width: 180px; */
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}

*html #menu ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}

#menu ul a:hover
{
    background: #0186ba;
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#04acec,  #0186ba);
}

#menu ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec; 
}

#menu ul ul li:first-child a:hover:after
{
    border-right-color: #04acec; 
    border-bottom-color: transparent; 	
}


#menu ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

.CalendarWeekGrid table { border-collapse: collapse; text-align: left; width: 100%; }
.CalendarWeekGrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 2px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.CalendarWeekGrid table td,
.CalendarWeekGrid table th { padding: 2px 10px; }
.CalendarWeekGrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; }
.CalendarWeekGrid table thead th:first-child { border: none; }
.CalendarWeekGrid table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.CalendarWeekGrid table tbody .alt td { background: #E1EEf4; color: #00557F; }
.CalendarWeekGrid table tbody td:first-child { border-left: none; }
.CalendarWeekGrid table tbody tr:last-child td { border-bottom: none; }

.TabAlt { background: #E1EEf4; /*color: #00557F;*/ }

/* Fixed Header */
.fixed_headers {
  table-layout: fixed;
  border-collapse: collapse;
}
.fixed_headers th {
  padding: 0px;
  text-align: left;
  text-decoration: underline;
}
.fixed_headers td {
  /* padding: 5px; */
  text-align: left;
}
.fixed_headers td:nth-child(1),
.fixed_headers th:nth-child(1) {
  min-width: 170px;
}
.fixed_headers td:nth-child(2),
.fixed_headers th:nth-child(2) {
  min-width: 170px;
}
.fixed_headers td:nth-child(3),
.fixed_headers th:nth-child(3) {
  min-width: 220px;
}
.fixed_headers td:nth-child(4),
.fixed_headers th:nth-child(4) {
  min-width: 90px;
}
.fixed_headers td:nth-child(5),
.fixed_headers th:nth-child(5) {
  min-width: 130px;
}
.fixed_headers thead {
  /* background-color: #333; */
  color: #FDFDFD;
}
.fixed_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
}
.fixed_headers tbody tr:nth-child(even) {
  background-color: #E1EEf4;
}

/* Styles mit Screen und Print Media unterschieden */
.TabNotes1 {
  white-space: pre-wrap; background-color: #ffe780; padding: 5px; margin: 5px; border-radius: 4px; border: 1px solid #798fb1; cursor: pointer;
}
.TabNotes2 {
  white-space: pre-wrap; background-color: #ffe780; padding: 5px; margin: 5px 0px; border-radius: 4px; border: 1px solid #798fb1; cursor: pointer;
}

@media print { 
    .TabNotes1 {
        font-size: 8px; 
		white-space: pre-wrap; background-color: #ffe780; padding: 5px; margin: 5px; border-radius: 4px; border: 1px solid #798fb1; cursor: pointer;
    }
    .TabNotes2 { 
        font-size: 8px; 
        white-space: pre-wrap; background-color: #ffe780; padding: 5px; margin: 5px 0px; border-radius: 4px; border: 1px solid #798fb1; cursor: pointer;
    }
}

.ui-button.defaultColButton {
    background-color: #c6f6f1;
}

.context-menu-icon-TimeTracker:before{content:url("../gfx/clock_select.png"); width: 16px; height: 16px;}
.context-menu-icon-House:before{content:url("../gfx/home.png"); width: 16px; height: 16px;}
.context-menu-icon-HouseHKA:before{content:url("../gfx/home_hka.png"); width: 16px; height: 16px;}
.context-menu-icon-HouseAblesung:before{content:url("../gfx/homeAblesung.png"); width: 16px; height: 16px;}
.context-menu-icon-ServiceEntry:before{content:url("../gfx/hammer_screwdriver.png"); width: 16px; height: 16px;}
.context-menu-icon-ServiceEntryPlus:before{content:url("../gfx/hammer__plus.png"); width: 16px; height: 16px;}
.context-menu-icon-Verlauf:before{content:url("../gfx/documents_stack.png"); width: 16px; height: 16px;}
.context-menu-icon-Offer:before{content:url("../gfx/paper_bag.png"); width: 16px; height: 16px;}
.context-menu-icon-OfferPlus:before{content:url("../gfx/paper_bag__plus.png"); width: 16px; height: 16px;}
.context-menu-icon-SOZ:before{content:url("../gfx/soz_ng.png"); width: 16px; height: 16px;}
.context-menu-icon-Calendar:before{content:url("../gfx/calendar_day.png"); width: 16px; height: 16px;}
.context-menu-icon-LogBook:before{content:url("../gfx/book.png"); width: 16px; height: 16px;}
.context-menu-icon-Lightning:before{content:url("../gfx/lightning.png"); width: 16px; height: 16px;}
.context-menu-icon-HousePlus:before{content:url("../gfx/home__plus.png"); width: 16px; height: 16px;}
.context-menu-icon-Star:before{content:url("../gfx/star.png"); width: 16px; height: 16px;}
.context-menu-icon-Pencil:before{content:url("../gfx/pencil.png"); width: 16px; height: 16px;}
.context-menu-icon-TravelTime:before{content:url("../gfx/dashboard__arrow.png"); width: 16px; height: 16px;}
.context-menu-icon-Delete:before{content:url("../gfx/cross_octagon_frame.png"); width: 16px; height: 16px;}
.context-menu-icon-Gruppen:before{content:url("../gfx/users.png"); width: 16px; height: 16px;}
.context-menu-icon-MoneyGold:before{content:url("../gfx/money_gold.png"); width: 16px; height: 16px;}
.context-menu-icon-Search:before{content:url("../gfx/magnifier_left.png"); width: 16px; height: 16px;}
.context-menu-icon-Refresh:before{content:url("../gfx/refresh.png"); width: 16px; height: 16px;}
.context-menu-icon-Folder:before{content:url("../gfx/folder_horizontal.png"); width: 16px; height: 16px;}
.context-menu-icon-Listen:before{content:url("../gfx/notebook.png"); width: 16px; height: 16px;}
.context-menu-icon-User:before{content:url("../gfx/user.png"); width: 16px; height: 16px;}
.context-menu-icon-Categories:before{content:url("../gfx/color.png"); width: 16px; height: 16px;}
.context-menu-icon-Blog:before{content:url("../gfx/blog.png"); width: 16px; height: 16px;}
.context-menu-icon-Logout:before{content:url("../gfx/door_open_out.png"); width: 16px; height: 16px;}
.context-menu-icon-Configuration:before{content:url("../gfx/gear.png"); width: 16px; height: 16px;}
.context-menu-icon-LightBulb:before{content:url("../gfx/light_bulb.png"); width: 16px; height: 16px;}
.context-menu-icon-LightningExclamation:before{content:url("../gfx/lightning__exclamation.png"); width: 16px; height: 16px;}
.context-menu-icon-InfoFrame:before{content:url("../gfx/information_frame.png"); width: 16px; height: 16px;}
.context-menu-icon-News:before{content:url("../gfx/newspaper.png"); width: 16px; height: 16px;}
.context-menu-icon-DeveloperOnly:before{content:url("../gfx/wrench__exclamation.png"); width: 16px; height: 16px;}
.context-menu-icon-Tools:before{content:url("../gfx/wrench_screwdriver.png"); width: 16px; height: 16px;}
.context-menu-icon-KWZ:before{content:url("../gfx/kwz_ng.png"); width: 16px; height: 16px;}
.context-menu-icon-WWZ:before{content:url("../gfx/wwz_ng.png"); width: 16px; height: 16px;}
.context-menu-icon-RWM:before{content:url("../gfx/rwm.png"); width: 16px; height: 16px;}
.context-menu-icon-WMZ:before{content:url("../gfx/wmz_ng.png"); width: 16px; height: 16px;}
.context-menu-icon-HKV:before{content:url("../gfx/hkv_ng.png"); width: 16px; height: 16px;}
.context-menu-icon-FMG:before{content:url("../gfx/fmg_ng.png"); width: 16px; height: 16px;}
.context-menu-icon-Quickbar:before{content:url("../gfx/text_field_password.png"); width: 16px; height: 16px;}
.context-menu-icon-OwnerPlus:before{content:url("../gfx/bank__plus.png"); width: 16px; height: 16px;}
.context-menu-icon-Overview:before{content:url("../gfx/application_text_image.png"); width: 16px; height: 16px;}
.context-menu-icon-MGWechsel:before{content:url("../gfx/arrow_switch.png"); width: 16px; height: 16px;}
.context-menu-icon-Verbund:before{content:url("../gfx/block.png"); width: 16px; height: 16px;}
.context-menu-icon-Tick:before{content:url("../gfx/tick.png"); width: 16px; height: 16px;}
.context-menu-icon-Cross:before{content:url("../gfx/cross.png"); width: 16px; height: 16px;}
.context-menu-icon-BalloonLeft:before{content:url("../gfx/balloon_left.png"); width: 16px; height: 16px;}
.context-menu-icon-StickyNotePin:before{content:url("../gfx/sticky_note_pin.png"); width: 16px; height: 16px;}
.context-menu-icon-GMaps:before{content:url("../gfx/maps_32dp.png"); width: 16px; height: 16px;}
.context-menu-icon-ArrowMove:before{content:url("../gfx/arrow_move.png"); width: 16px; height: 16px;}
.context-menu-icon-Plus:before{content:url("../gfx/plus.png"); width: 16px; height: 16px;}
.context-menu-icon-Locked:before{content:url("../gfx/lock.png"); width: 16px; height: 16px;}
.context-menu-icon-UnLocked:before{content:url("../gfx/lock_unlock.png"); width: 16px; height: 16px;}
.context-menu-icon-TWU:before{content:url("../gfx/twu.png"); width: 16px; height: 16px;}
.context-menu-icon-HKA:before{content:url("../gfx/hka100.png"); width: 16px; height: 16px;}
.context-menu-icon-Save:before{content:url("../gfx/disk.png"); width: 16px; height: 16px;}
.context-menu-icon-Funk:before{content:url("../gfx/feed.png"); width: 16px; height: 16px;}
.context-menu-icon-FunkMonitor:before{content:url("../gfx/monitor.png"); width: 16px; height: 16px;}
.context-menu-icon-TypCode:before{content:url("../gfx/typcode.png"); width: 16px; height: 16px;}
.context-menu-icon-PinArrow:before{content:url("../gfx/pin__arrow.png"); width: 16px; height: 16px;}
.context-menu-icon-BalloonPencil:before{content:url("../gfx/balloon__pencil.png"); width: 16px; height: 16px;}
.context-menu-icon-Printer:before{content:url("../gfx/printer.png"); width: 16px; height: 16px;}
.context-menu-icon-UserPencil:before{content:url("../gfx/user__pencil.png"); width: 16px; height: 16px;}
.context-menu-icon-Unit:before{content:url("../gfx/door.png"); width: 16px; height: 16px;}
.context-menu-icon-UserPlus:before{content:url("../gfx/user__plus.png"); width: 16px; height: 16px;}

.ScrollableContextMenu { max-height: 300px; overflow-y: scroll; }

.context-menu-item span{font-family:Arial}
.context-menu-item span{font-size:18px}  /* 12 */
.context-menu-item span{font-weight: 700}


#PortalQuickTiles {
    flex: 1 1 auto;
    display: flex;
  	justify-content: flex-start !important;
    align-items: center;
    padding: 10px 20px 5px 20px;
    --tiles-offset-x: -3%;
    transform: none !important;
    min-width: 0;
}


.portal-tiles {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start !important;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.portal-tile {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;

    flex: 0 0 auto;

    background: #f5f5f5;
    border-radius: 6px;
    cursor: pointer;

    transition: background 0.15s ease, box-shadow 0.15s ease;
}


.portal-tile.active {
    background: #dcdcdc;
    box-shadow: inset 0 0 0 1px #b5b5b5;
}

.portal-tile-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;
    line-height: 1;

    overflow: visible;
}

.portal-tile-label {
    font-family: Arial;
    font-size: 13px;
    white-space: nowrap;
}

.portal-tile:active {
    transform: scale(0.97);
    background: #e8e8e8;
}

.portal-tile.clicked {
    background: #e8e8e8;
}