@font-face {
    font-family: "SF Text Pro";
    src: url("../fonts_sf_pro/SF-Pro-Text-Regular.woff");
}

@font-face {
    font-family: "SF Mono";
    src: url("../fonts_sf_mono/SFMono-Regular.woff");
}

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    font-family: "SF Text Pro", Helvetica, Arial, Verdana;
    font-weight: 400;
}

.ui-widget {
    font-family: "SF Text Pro", Helvetica, Arial, Verdana;
    font-size: 11px;
}

:root {
    --c1-dt-row-font-size: 11px;
    --c1-dt-row-hf-font-size: 12px;
    --c1-dt-row-padding: 2px;
    --c1-dt-row-font-color: #333333;
    --c1-dt-row-odd: #f5f5f5;
    --c1-dt-row-even: #ffffff;
    --c1-dt-row-selected: #d0d8e8;
    --c1-dt-row-hover: #e8e0c6;
    --c1-dt-row-border-top: #c5c5c5;
}

.dtWrapper .dataTable tbody tr:not(.selected):not(:hover):not(.dtHoverLine):not(.dtCustomBack) td:not([class*="msAction"]):not(.dtCustomBack),
.dtWrapper .dataTable tbody tr:not(.selected):not(:hover):not(.dtHoverLine):not(.dtCustomBack) th:not([class*="msAction"]):not(.dtCustomBack) {
    color: var(--c1-dt-row-font-color)!important;
}

.dtWrapper .dataTable tbody tr td,
.dtWrapper .dataTable tbody tr th {
    padding-top: var(--c1-dt-row-padding)!important;
    padding-bottom: var(--c1-dt-row-padding)!important;
}

.tempTable th,
.tempTable td,
.dtWrapper .dataTable thead tr td,
.dtWrapper .dataTable thead tr th,
.dtWrapper .dataTable tfoot tr td,
.dtWrapper .dataTable tfoot tr th,
.dtWrapper .dataTable tbody tr td,
.dtWrapper .dataTable tbody tr th {
    padding-left: 10px;
    padding-right: 10px;
}

.dtWrapper .dataTable thead tr td,
.dtWrapper .dataTable thead tr th {
    padding-top: 2px;
    padding-bottom: 2px;
}

.dtWrapper .dataTable tfoot tr td,
.dtWrapper .dataTable tfoot tr th {
    padding-top: 8px;
    padding-bottom: 8px;
}

.tempTable th,
.dtWrapper .dataTable tfoot tr td,
.dtWrapper .dataTable tfoot tr th,
.dtWrapper .dataTable thead tr td,
.dtWrapper .dataTable thead tr th {
    white-space: nowrap;
    font-size: var(--c1-dt-row-hf-font-size)!important;
}

.tempTable td,
.dtWrapper .dataTable tbody tr td,
.dtWrapper .dataTable tbody tr th {
    white-space: nowrap;
    font-size: var(--c1-dt-row-font-size)!important;
}

.dtWrapper .dataTable tr.odd:not(.selected):not(:hover):not(.dtHoverLine):not(.dtCustomBack) td.sorting_1:not([class*="msAction"]):not(.dtCustomBack),
.dtWrapper .dataTable tr.odd:not(.selected):not(:hover):not(.dtHoverLine):not(.dtCustomBack) td.sorting_2:not([class*="msAction"]):not(.dtCustomBack),
.dtWrapper .dataTable tr.odd:not(.selected):not(:hover):not(.dtHoverLine):not(.dtCustomBack) td.sorting_3:not([class*="msAction"]):not(.dtCustomBack),
.dtWrapper .dataTable tr.odd:not(.selected):not(:hover):not(.dtHoverLine):not(.dtCustomBack) td:not([class*="msAction"]):not(.dtCustomBack) {
    background-color: var(--c1-dt-row-odd)!important;
}

.dtWrapper .dataTable tr.even:not(.selected):not(:hover):not(.dtHoverLine):not(.dtCustomBack) td.sorting_1:not([class*="msAction"]):not(.dtCustomBack),
.dtWrapper .dataTable tr.even:not(.selected):not(:hover):not(.dtHoverLine):not(.dtCustomBack) td.sorting_2:not([class*="msAction"]):not(.dtCustomBack),
.dtWrapper .dataTable tr.even:not(.selected):not(:hover):not(.dtHoverLine):not(.dtCustomBack) td.sorting_3:not([class*="msAction"]):not(.dtCustomBack),
.dtWrapper .dataTable tr.even:not(.selected):not(:hover):not(.dtHoverLine):not(.dtCustomBack) td:not([class*="msAction"]):not(.dtCustomBack) {
    background-color: var(--c1-dt-row-even)!important;
}

.dtWrapper .dataTable tr.selected:not(:hover):not(.dtHoverLine):not(.dtCustomBack) td.sorting_1,
.dtWrapper .dataTable tr.selected:not(:hover):not(.dtHoverLine):not(.dtCustomBack) td.sorting_2,
.dtWrapper .dataTable tr.selected:not(:hover):not(.dtHoverLine):not(.dtCustomBack) td.sorting_3,
.dtWrapper .dataTable tr.selected:not(:hover):not(.dtHoverLine):not(.dtCustomBack) td {
    background-color: var(--c1-dt-row-selected)!important;
    color: var(--c1-dt-row-font-color)!important;
}

.dtWrapper .dataTable tr.dtHoverLine td.sorting_1,
.dtWrapper .dataTable tr.dtHoverLine td.sorting_2,
.dtWrapper .dataTable tr.dtHoverLine td.sorting_3,
.dtWrapper .dataTable tr.dtHoverLine td,
.dtWrapper .dataTable tr:hover td.sorting_1,
.dtWrapper .dataTable tr:hover td.sorting_2,
.dtWrapper .dataTable tr:hover td.sorting_3,
.dtWrapper .dataTable tr:hover td {
    background-color: var(--c1-dt-row-hover)!important;
}

.dtWrapper .dataTable tr.dtHoverLine td.sorting_1:not(.dtCustomBack),
.dtWrapper .dataTable tr.dtHoverLine td.sorting_2:not(.dtCustomBack),
.dtWrapper .dataTable tr.dtHoverLine td.sorting_3:not(.dtCustomBack),
.dtWrapper .dataTable tr.dtHoverLine td:not(.dtCustomBack),
.dtWrapper .dataTable tr:hover td.sorting_1:not(.dtCustomBack),
.dtWrapper .dataTable tr:hover td.sorting_2:not(.dtCustomBack),
.dtWrapper .dataTable tr:hover td.sorting_3:not(.dtCustomBack),
.dtWrapper .dataTable tr:hover td:not(.dtCustomBack) {
    color: var(--c1-dt-row-font-color)!important;
}

.dtWrapper .dataTable tbody tr:not(:first-child) td:not(.dtCustomBorder),
.dtWrapper .dataTable tbody tr:not(:first-child) th:not(.dtCustomBorder) {
    border-top: 1px solid var(--c1-dt-row-border-top)!important;
}

.dtWrapper .dataTable tbody tr:not(:last-child) td,
.dtWrapper .dataTable tbody tr:not(:last-child) th,
.dtColumnlines.dataTable thead th:not(:last-child) .dtColResizerDV,
.dtColumnlines.dataTable tbody th:not(:last-child),
.dtColumnlines.dataTable tbody td:not(:last-child),
.dtColumnlines.dataTable tfoot th:not(:last-child),
.dtColumnlines.dataTable tfoot td:not(:last-child) {
    border-right: 1px solid var(--c1-dt-row-border-top)!important;
}

.dataTables_scrollHead table.dataTable thead th:not(.dtCustomBorder),
.dataTables_scrollHead table.dataTable thead td:not(.dtCustomBorder) {
    border-bottom: 1px solid var(--c1-dt-row-border-top)!important;
}

.dataTables_scrollFoot table.dataTable tfoot th:not(.dtCustomBorder),
.dataTables_scrollFoot table.dataTable tfoot td:not(.dtCustomBorder) {
    border-top: 2px solid var(--c1-dt-row-border-top)!important;
}

#myPanels {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20px;
    display: flex;
    flex-direction: row;
}

#myPanels>div {
    margin: 0;
    padding: 0;
}

#myLeftPanel {
    position: relative;
    float: left;
    height: 100%;
    background-color: #efefef;
    z-index: 2;
    /*
	display:flex;
	flex-direction:column;
	*/
}

.jstree-contextmenu {
    z-index: 3;
}

#myRightPanel {
    z-index: 3;
    position: relative;
    height: 100%;
    float: left;
    flex: 1;
}

#rightTopPanel {
    /*background-color: #455962;*/
    background-color: #000000;
    width: 100%;
    height: 36px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

#myCentralPanel {
    height: 100%;
    background-color: #e6e6e6;
}

#myCentralPanel #myCentralPanelTop,
#myLeftPanelTop {
    height: 40px;
}

#myCentralPanelMiddle {
    position: relative;
    height: calc(100% - 60px);
    min-width: 144px;
    width: 240px;
    display: flex;
    flex-direction: column;
}

#myLeftPanelMiddle {
    position: relative;
    width: 100%;
    height: calc(100% - 90px);
    display: flex;
    flex-direction: column;
}

#myCentralPanel #myCentralPanelBottom,
#myLeftPanelBottom {
    height: 20px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

#jsTreeSearch {
    overflow: hidden;
    width: 100%;
    position: relative;
}

#jsTreeSearchExtra {
    position: fixed;
    top: 36px;
    left: 30px;
    border-style: solid;
    border-color: #333333;
    border-width: 1px 1px 1px 0px;
    z-index: 5;
}

#jsTreeSearchExtra>input {
    height: 24px;
    padding: 2px 4px;
    background-color: #ffffff;
    width: 232px;
}

#jsTreeSearchExtra.extraIsHidden {
    display: none;
}

#myPanels #myRightPanel #rightTopPanel .menuToggler {
    font-size: 24px;
    cursor: pointer;
    color: white;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    color: #DDDDDD;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
}

#myPanels #myRightPanel #rightTopPanel .menuToggler:hover {
    color: #FFFFFF;
}

#menuContainer {
    overflow: auto;
    height: 100%!important;
}

#jstree_menu_only_icons {
    max-width: 30px;
    width: 30px;
}

#myPanels:not(.panelTreeCollapsed) #jstree_menu_only_icons {
    position: fixed;
    top: 100vh;
}

#myPanels.panelTreeOpen #myLeftPanelBottom .menuToggler[data-action='menuExpand'] {
    margin: 0 auto;
    width: 16px;
    cursor: pointer;
}

#myPanels.panelTreeOpen #jsTreeSearch>.fa-search {
    font-size: 21px;
    cursor: pointer;
    float: left;
    margin-left: 18px;
}

#myRightPanel #rightTopPanel #cityLogo {
    float: right;
    height: calc(100% - 10px);
    margin: 5px 10px;
    background-repeat: no-repeat;
    background-position: center right 40px;
    background-image: url("../img/City1-Logo.svg");
    background-size: contain;
    width: 130px;
    cursor: pointer; 
    padding-right: 50px;
}

#myRightPanel #rightTopPanel #cityLogoMenu {
    position: absolute;
    z-index: 2;
    right: 0px;
    width: 160px;
    z-index: 2;
    background-color: #000000;
    color: white;
}

#myRightPanel #rightTopPanel #cityLogoMenu>ul>li {
    padding: 4px 4px 4px 10px;
    cursor: pointer;
}

#myRightPanel #rightTopPanel #cityLogoMenu>ul>li:hover {
    background-color: #333333;
}

#myRightPanel #rightTopPanel #cityLogoMenu:not(.visible) {
    display: none;
}


/* BEGIN panelTreeOpen */

#myPanels.panelTreeOpen:not(.panelTreeCollapsed) #jsTreeSearch>.fa-search {
    display: none;
}

#myPanels.panelTreeOpen #jsTreeSearch {
    height: 24px;
    margin-bottom: 6px;
}

#myPanels.panelTreeOpen #jsTreeSearchInWrapper {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    bottom: 0;
}

#myPanels.panelTreeOpen #jsTreeSearchIn {
    width: calc(100% - 12px);
    height: 100%;
    padding: 0 6px;
}

#myPanels.panelTreeOpen #myLeftPanel .navTitle {
    margin-left: 34px;
    margin-right: 30px;
}

#myPanels.panelTreeOpen #myLeftPanelTop .menuToggler[data-action='menuExpand'],
#myPanels.panelTreeCollapsed #myLeftPanelTop .menuToggler[data-action='menuClose'] {
    display: none;
}

#myPanels #myLeftPanelBottom .menuToggler[data-action='menuCollapse'],
#myPanels #myLeftPanelBottom .menuToggler[data-action='menuExpand'],
#myPanels #myCentralPanel #myCentralPanelBottom .menuToggler[data-action='optionsClose'] {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    height: 20px;
    width: 20px;
}

#myPanels #myLeftPanelBottom .menuToggler[data-action='menuCollapse'],
#myPanels #myCentralPanel #myCentralPanelBottom .menuToggler[data-action='optionsClose'] {
    background-image: url("../img/double_arrow_left.svg");
}

#myPanels #myLeftPanelBottom .menuToggler[data-action='menuExpand'] {
    background-image: url("../img/double_arrow_right.svg");
}

#myPanels.panelTreeCollapsed #myLeftPanel:hover #myLeftPanelBottom .menuToggler[data-action='menuExpand'] {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        background-size: 10px 10px;
    }
    25% {
        background-size: 12px 12px;
    }
    50% {
        background-size: 14px 14px;
    }
    75% {
        background-size: 16px 16px;
    }
    100% {
        background-size: 18px 18px;
    }
}
/*
#myPanels #myLeftPanelBottom .menuToggler[data-action='menuCollapse']:hover,
#myPanels #myLeftPanelBottom .menuToggler[data-action='menuExpand']:hover {}
*/
#myPanels.panelTreeCollapsed #myLeftPanelTop .menuToggler[data-action='menuExpand'],
#myPanels.panelTreeOpen #myLeftPanelTop .menuToggler[data-action='menuClose'] {
    font-size: 24px;
    cursor: pointer;
    float: left;
    margin-top: 5px;
}

#myPanels.panelTreeCollapsed #myLeftPanelTop .menuToggler[data-action='menuExpand'] {
    display: inline-block;
    margin-left: 5px;
}

#myPanels.panelTreeOpen #myLeftPanelTop .menuToggler[data-action='menuClose'] {
    margin-left: 8px;
}

#myPanels #myCentralPanelTop {
    position: relative;
}

#myPanels #myCentralPanelTop .menuToggler[data-action='optionsClose'] {
    font-size: 24px;
    cursor: pointer;
    margin-top: 5px;
}

#myPanels.panelTreeOpen #myLeftPanelBottom .menuToggler[data-action='menuCollapse'],
#myPanels #myCentralPanelTop .menuToggler[data-action='optionsClose'],
#myPanels #myCentralPanelBottom .menuToggler[data-action='optionsClose'] {
    position: absolute;
    right: 6px;
    width: 20px;
    top: 0;
    cursor: pointer;
    color: #555555;
}

#myPanels.panelTreeOpen:not(.panelTreeCollapsed) #myLeftPanelBottom .menuToggler[data-action='menuExpand'] {
    display: none;
}

#myPanels.panelTreeOpen #myLeftPanelBottom .menuToggler[data-action='menuCollapse']:hover {
    color: #000000;
}

#myPanels.noOptions #myCentralPanel,
#myPanels.noOptions #myRightPanel #rightTopPanel .menuToggler[data-action='optionsOpen'],
#myPanels.panelOptionsOpen.panelTreeCollapsed #myRightPanel #rightTopPanel .menuToggler[data-action='optionsOpen'],
#myPanels.panelOptionsOpen.panelTreeClosed #myRightPanel #rightTopPanel .menuToggler[data-action='optionsOpen'],
#myPanels.panelTreeOpen #myRightPanel #rightTopPanel .menuToggler[data-action='menuOpen'],
#myPanels.panelOptionsOpen #myRightPanel #rightTopPanel .menuToggler[data-action='menuOpen'] {
    display: none;
}


/* END panelTreeOpen */


/* BEGIN panelTreeCollapsed */

#myPanels.panelTreeCollapsed #myLeftPanelTop .navTitle {
    display: none;
}

#myPanels.panelTreeCollapsed #jstree_menu {
    display: none;
}

#myPanels.panelTreeCollapsed #myLeftPanel {
    width: 30px;
    max-width: 30px;
    min-width: 30px;
}

#myPanels.panelTreeCollapsed #myLeftPanel #myLeftPanelBottom .menuToggler[data-action='menuCollapse'] {
    display: none;
}

#myPanels.panelTreeCollapsed #myLeftPanel #myLeftPanelTop .menuToggler[data-action='menuClose'],
#myPanels.panelTreeOpen #jsTreeSearch>.fa-search {
    margin-left: 6px;
    transition: all .45s;
    -webkit-transition: all .45s;
}

#myPanels.panelTreeCollapsed #myLeftPanel #jsTreeSearch #jsTreeSearchInWrapper,
#myPanels.panelTreeCollapsed #myLeftPanel #myLeftPanelMiddle .jstree-ocl,
#myPanels.panelTreeCollapsed #myLeftPanel #myLeftPanelMiddle .jstree-themeicon:not(.jstree-themeicon-custom) {
    display: none!important;
}

#myPanels.panelTreeCollapsed #myLeftPanel #myLeftPanelMiddle .jstree-node {
    margin-left: 1px;
    color: transparent;
    width: 24px;
    transition: all .45s;
    -webkit-transition: all .45s;
}

#myPanels.panelTreeCollapsed #myLeftPanel .simplebar-track.simplebar-vertical {
    visibility: hidden!important;
    display: none;
}


/*

.compactVersion #j0 {
	margin-left:4px;
	margin-right:4px;
	text-align:center;
}

#leftPanelLeftDiv {
	width:calc(100% - 30px);
	background-color:#D7D7D7;
	position: absolute;
	top: 0px;
	right: -100%;
	bottom: 0px;
	overflow: hidden;
	display: block;
	transition: all .45s;
	-webkit-transition: all .45s;
}
*/


/* END panelTreeCollapsed */


/* BEGIN panelTreeClosed */

#myPanels.panelTreeClosed #myLeftPanel {
    display: none;
}


/* END panelTreeClosed */


/* BEGIN panelOptionsClosed */

#myPanels.panelTreeOpen:not(.panelTreeCollapsed) #myCentralPanel,
#myPanels.panelOptionsClosed #myCentralPanel {
    /*width:0;*/
    display: none;
}


/* END panelOptionsClosed */

#myPanels.panelTreeOpen #myCentralPanel .navTitle {
    text-align: center;
}

#myPanels.panelTreeClosed #myCentralPanel .navTitle {
    margin-left: 6px;
}

#myPanels.panelTreeOpen #myCentralPanel .menuToggler[data-action='menuOpen'] {
    display: none;
}

#myPanels #myCentralPanel .menuToggler[data-action='menuOpen'] {
    font-size: 24px;
    cursor: pointer;
    float: left;
    margin: 0 8px;
    line-height: 40px;
}


/* BEGIN jsTree Changes */

.firstLevelNode>a {
    /*font-size:12px;*/
    text-transform: uppercase;
    font-weight: bold;
}

.firstLevelNode>a>.jstree-themeicon:not(.jstree-themeicon-custom) {
    background-image: url("../img_menu_icons/_cargo.png") !important;
    background-position: left center !important
}

#jstree_cont_div {
    padding-top: 10px;
}

#jstree_menu {
    margin-left: 10px;
}


/*
.jstree-default-small .jstree-node:not([aria-level='1']):not([aria-level='2']) {
	margin-left: 20px;
}
.jstree-default-small .jstree-node[aria-level='1'],
.jstree-default-small .jstree-node[aria-level='2']  {
	margin-left: 0px;
}
*/

#jstree_menu #j0>.jstree-icon {
    display: none;
}


/*#jstree_menu > ul > #j1,*/

.jstree-default-small .jstree-node {
    margin-left: 16px;
}

.jstree-default .jstree-search:not(.jstree-hovered) {
    background: #FFFFFF!important;
    box-shadow: 1px 1px #aaa!important;
}

.jstree-default .jstree-node:not(.jstree-dnd-parent) .jstree-hovered,
.jstree-default .jstree-search.jstree-hovered {
    background-color: #c0c0c0!important;
}

.jstree-themeicon-custom,
.jstree-themeicon {
    background-size: 16px 16px !important;
}

.jstree-themeicon:not(.jstree-themeicon-custom) {
    background-image: url("../img_menu_icons/folder_icon.png")!important;
    background-position: 0 0!important;
}

#vakata-dnd {
    border: 1px dotted #555;
}

#vakata-dnd>#jstree-dnd {
    background-color: rgb(255, 255, 132, 0.95)!important;
    color: #000000!important;
}

#jstree-marker {
    z-index: 3;
}


/* END jsTree Changes */


/* BEGIN: NAVIGATION TABS */

#navTabs {
    height: 100%;
    overflow: hidden;
    display: flex;
    position: relative;
    flex-wrap: nowrap;
}

.navTab {
    height: 100%;
    /*
	height:30px;
	margin:10px 0 0 0;
	*/
    margin: 0;
    font-size: 11px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    /*line-height:40px;*/
    flex-basis: 100%;
    display: flex;
    flex: 0 0 auto;
    position: relative;
    max-width: 200px;
    min-width: 110px;
}

.navTab:not(:last-child) {
    border-right: 1px solid #000000;
}

.navTab:not(.activeTab) {
    background-color: #999999;
}

.navTab:not(.activeTab):hover {
    /*background-color: #373954;*/
    background-color: #cccccc;
}

.navTab.activeTab {
    background-color: #FFFFFF;
    color: #111111;
}

.navTab.ready2Drag {
    background-color: #dfdfdf!important;
}

.navTab span {
    margin-top: auto;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.navTitle {
    font-family: "SF Text Pro";
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}

#mainWindow {
    overflow: hidden;
    background-color: #FFFFFF;
    height: calc(100% - 36px);
    position: relative;
    width: 100%;
    margin-top: 36px;
}

#mainWindow .panelTab {
    position: absolute;
    top: 8px;
    bottom: 0;
    left: 0;
    right: 0;
}

#myPageOptions .panelTab:not(.activeTab) {
    /*
	display:none;
	width:0;
	*/
    position: fixed;
    top: 100vh;
}


/* END: NAVIGATION TABS */


/* BEGIN: jsTree Menu Only Icons */

#myPanels .ulMenuLinks {
    list-style-type: none;
}

#myPanels .ulMenuLinks>li {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0px auto 2px auto;
    background-size: 16px 16px;
}


/* END: jsTree Menu Only Icons */


/* BEGIN: Tooltip Class */

.iconMenuTooltip {
    padding: 0;
    box-shadow: none;
    left: 36px!important;
}

.iconMenuTooltip.ui-widget.ui-widget-content {
    border: 1px solid #adadad;
}

.iconMenuTooltip.ui-tooltip .ui-tooltip-content {
    position: relative;
    padding: 2px 4px;
}

.iconMenuTooltip.ui-tooltip .ui-tooltip-content::after,
.iconMenuTooltip.ui-tooltip .ui-tooltip-content::before {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
    height: 0;
    left: -8.7px;
    bottom: 6px;
}

.iconMenuTooltip.ui-tooltip .ui-tooltip-content::after {
    border-color: transparent #FFFFFF transparent transparent;
    border-width: 5.5px 9.5px 5.5px 0;
}

.iconMenuTooltip.ui-tooltip .ui-tooltip-content::before {
    border-color: transparent #000 transparent transparent;
    border-width: 5px 8.7px 5px 0;
}


/* END: Tooltip Class */

#myPanels.noOptions .togglePageOptions {
    display: none;
}

#myPanels.panelOptionsOpen .togglePageOptions {
    background-image: url("../img/gear_black_no.svg");
}

.togglePageOptions,
.closeNavPanel,
.reloadNavPanel,
.togglePageOptions {
    font-size: 14px;
    margin: 8px 4px 8px 0;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    box-shadow: 1px 1px 1px transparent inset;
    width: 18px;
    height: 18px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
}

.navTab:not(.activeTab)>.reloadNavPanel {
    display: none;
}

.navTab.activeTab>.togglePageOptions {
    background-size: 14px 14px;
    background-image: url("../img/gear_black.svg");
}

.navTab.activeTab>.reloadNavPanel {
    background-size: 12px 12px;
    background-image: url("../img/reload_black.svg");
}

.navTab:not(.activeTab)>.closeNavPanel,
.navTab.activeTab>.closeNavPanel {
    background-size: 10px 10px;
    background-image: url("../img/close_16_black.svg");
}


/*
.navTab:not(.activeTab) > .closeNavPanel {
	background-size: 10px 10px;
	background-image: url("../img/close_16_white.svg");
}
*/

.navTab:not(.activeTab)>.closeNavPanel:hover {
    /*border-color:#FFFFFF;*/
    background-color: #999999;
}

.navTab.activeTab>.closeNavPanel:hover,
.navTab.activeTab>.reloadNavPanel:hover,
.navTab.activeTab>.togglePageOptions:hover {
    /*border-color:#000000;*/
    background-color: #EEEEEE;
}

.navTab:not(.activeTab)>.togglePageOptions:hover {
    border-color: #FFFFFF;
}

.togglePageOptions {
    float: left;
}

.closeNavPanel {
    float: right;
}

.navTab:not(.activeTab)>.togglePageOptions {
    display: none;
}


/* BEGIN C1 Controls Checkbox, Radio, Select */


/* https://codepen.io/KenanYusuf/pen/PZKEKd */

.c1-text:not(.ui-spinner-input) {
    border: 1px solid #ccc;
    padding: 2px 4px;
}

.c1-control-group:not(.c1-one-row) {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin: 10px;
    font-size: 12px;
}

.c1-control-group-title {
    margin-bottom: 8px;
    text-transform: uppercase;
}

.c1-control {
    display: block;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    font-size: 12px;
}

.c1-control:not(:last-child) {
    margin-bottom: 12px;
}

.c1-control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.c1-control__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 16px;
    width: 16px;
    background: #e6e6e6;
}

.c1-control--radio .c1-control__indicator {
    border-radius: 50%;
}

.c1-control:hover input~.c1-control__indicator,
.c1-control input:focus~.c1-control__indicator {
    background: #ccc;
}

.c1-control.c1-control-ms[data-value='1'] input~.c1-control__indicator {
    background: #2aa1c0;
}

.c1-control.c1-control-ms[data-value='2'] input~.c1-control__indicator {
    background: #ff3333;
}

.c1-control:not(.c1-control-ms) input:checked~.c1-control__indicator {
    background: #2aa1c0;
}

.c1-control:hover:not(.c1-control-ms) input:not([disabled]):checked~.c1-control__indicator,
.c1-control:not(.c1-control-ms) input:checked:focus~.c1-control__indicator {
    background: #0e647d;
}

.c1-control.c1-disabled {
    text-decoration: line-through;
}

.c1-control input:disabled~.c1-control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.c1-control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.c1-control input:checked~.c1-control__indicator:after {
    display: block;
}

.c1-control--checkbox:not(.c1-control-ms) .c1-control__indicator:after {
    left: 6px;
    top: 2px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.c1-control--checkbox input:disabled~.c1-control__indicator:after {
    border-color: #7b7b7b;
}

.c1-control--radio .c1-control__indicator:after {
    left: 4px;
    top: 4px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #fff;
}

.c1-control--radio input:disabled~.c1-control__indicator:after {
    background: #7b7b7b;
}

.c1-select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

.c1-select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 15px;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: #e6e6e6;
    color: #7b7b7b;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.c1-select select::-ms-expand {
    display: none;
}

.c1-select select:hover,
.c1-select select:focus {
    color: #000;
    background: #ccc;
}

.c1-select select:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.c1-select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent;
}

.c1-select select:hover~.c1-select__arrow,
.c1-select select:focus~.c1-select__arrow {
    border-top-color: #000;
}

.c1-select select:disabled~.c1-select__arrow {
    border-top-color: #ccc;
}

.c1-select-wrapper {
    height: 30px;
    position: relative;
}

.c1-ui-selectmenu-button {
    border-color: transparent;
    background-color: #e6e6e6;
    color: #7b7b7b;
    padding: 8px 12px;
    width: auto!important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.c1-ui-selectmenu-menu .ui-menu-item,
.c1-ui-selectmenu-button.ui-selectmenu-button-open,
.c1-ui-selectmenu-button:hover {
    cursor: pointer;
    border-color: transparent;
    background-color: #cccccc;
    color: #000000;
}

.c1-ui-selectmenu-menu .ui-state-active {
    border-color: transparent;
    background-color: #3399ff;
}

.c1-ui-selectmenu-icon.ui-icon {
    float: right;
    background: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent;
    height: 0px;
    width: 0px;
    margin-top: 3px;
    margin-top: 3px;
    font-family: inherit;
}


/* END C1 Controls Checkbox, Radio, Select */


/*BEGIN DATATABLES*/

.dtContent {
    height: 100%;
}

.dtTitleLabel {
    font-size: 20px;
    display: inline-block;
    margin: 0 6px;
    font-weight: bold;
}

.dtWrapper {
    height: 100%;
    overflow: hidden;
}

.tempTable td,
.tempTable th {
    width: auto!important;
    border: 1px solid transparent;
}

.dtWidth100 {
    width: 100%!important;
}

.dtWrapper table.dataTable thead .sorting,
.dtWrapper.zwContent table.dataTable thead .sorting,
.dtWrapper .dataTables_scrollHead table.dataTable thead .sorting {
    background-image: none;
}

.dtWrapper table.dataTable thead .sorting_desc,
.dtWrapper.zwContent table.dataTable thead .sorting_desc,
.dtWrapper .dataTables_scrollHead table.dataTable thead .sorting_desc {
    background-image: url("../img/sort_arrow_up.svg");
    background-size: 11px 10px;
    background-position: right center;
}

.dtWrapper table.dataTable thead .sorting_asc,
.dtWrapper.zwContent table.dataTable thead .sorting_asc,
.dtWrapper .dataTables_scrollHead table.dataTable thead .sorting_asc {
    background-image: url("../img/sort_arrow_down.svg");
    background-size: 11px 10px;
    background-position: right center;
}

.dtWrapper .dataTables_info {
    margin: 0 6px;
    padding-top: 0;
}

.navtabs-sortable-placeholder {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
    flex-basis: 100%;
    display: flex;
    position: relative;
    max-width: 200px;
}

table.dataTable tr.dtrg-group>td {
    border-top: 1px solid #fff;
}

table.dataTable tr.dtrg-group {
    cursor: pointer;
}


/*
table.dataTable {
	white-space: nowrap;
}
table.dataTable th,
table.dataTable td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
*/


/*END DATATABLES*/

.loadingModal {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8);
    background: rgba( 255, 255, 255, .8)
    /*url('data:image/png;base64,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')*/
    url('../img/loadingModal.gif') 50% 50% no-repeat;
    background-size: 200px;
    z-index: 1001!important;
}

.loading>.loadingModal {
    display: block;
}

.dtOptions {
    display: flex;
    flex-direction: column;
}


/*BEGIN: INPUT WITH X-CLEAR*/


/* .dtInputX: Use the same right padding (18) in jQ! */


/*
.dtInputX {
	background-color: #FFFFFF;
	border: 1px solid #999;
	padding: 3px 18px 3px 4px; 
	border-radius: 3px;
}
*/

.dtSearchNew {
    /*display: inline-block;*/
    display:none;
}

.dtSearchNew .inputX:not(.x),
.dtSearch .inputX:not(.x) {
    background-image: url("../img/magnifier.svg");
    background-position: right 5px center;
    background-size: contain;
}

.inputX {
    background-repeat: no-repeat;
    transition: background 0.4s;
    background-position: right -10px center;
}

.inputX.x {
    background-image: url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=);
    background-position: right 5px center;
}

.inputX.onX {
    cursor: pointer;
}

.inputX::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}


/*END: INPUT WITH X-CLEAR*/


/*BEGIN: JQUERY UI CONTROLS */

.dtDatePicker {
    padding: 2px 22px 2px 4px;
    text-align: right;
    border: 1px solid #cccccc;
    width: 66px;
    background-repeat: no-repeat;
    background-image: url("../img/calendar_16.png");
    background-position: right center;
    cursor: pointer;
    position: relative;
}

.dtDatePickerInside {
    background: transparent;
    cursor: pointer;
    text-align: center;
}


/*END: JQUERY UI CONTROLS */


/*
.loadingPanel > div {
	content: url('data:image/png;base64,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');
	animation: loadingPanel 1s steps(12) infinite;
	width: 60px;
	margin:100px auto;
}
@keyframes loadingPanel {
	from  {transform: rotate(0deg);}
	to    {transform: rotate(360deg);}
}
*/

.c1-control-group>.dtMultiSelect {
    width: 100%;
}

.dtOptions .dtMultiSelect {
    max-width: 200px;
}

.dtMultiSelect {
    text-align: left;
}

.dtMultiSelectDrop {
    width: auto;
}

.c1-control-group {
    min-height: 24px;
}

.dtMultiSelectDrop,
.dtMultiSelect .ms-choice {
    border-radius: 0;
}

.dtMultiSelectDrop>ul {
    padding: 0px;
    overflow: hidden auto;
}

.dtMultiSelectDrop>ul>li,
.dtMultiSelectDrop>ul>li>label {
    cursor: pointer;
}

.dtMultiSelectDrop>ul>li.group,
.dtMultiSelectDrop>ul>li.ms-select-all {
    background-color: #dddddd;
    color: #333333;
}

.dtMultiSelect:not(.dtSingleSelect) .dtMultiSelectDrop>ul>li>label {
    padding: 0 24px 0 4px;
}

.dtMultiSelectDrop>ul>li>label {
    line-height: 22px;
}

.dtMultiSelectDrop>ul>li>label {
    padding: 1px 24px 1px 4px;
}


/*
.dtMultiSelectDrop > ul > li {
	padding: 0 24px 0 10px;
}
*/

.ms-parent.dtMultiSelect {
    width: 100%!important;
}


/* BEGIN: dtMultiSelectGroups */

.dtMultiSelectDrop.dtMultiSelectGroups li.group .msDropGroupArrow {
    width: 12px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 8px;
    /*height: 9px;*/
    height: 11px;
}

.dtMultiSelectDrop.dtMultiSelectGroups li.group .msDropGroupArrow:not(.msExpanded) {
    background-image: url("../img/minBtn_Expand.jpg");
}

.dtMultiSelectDrop.dtMultiSelectGroups li.group .msDropGroupArrow.msExpanded {
    background-image: url("../img/minBtn_Collapse.jpg");
}

.dtMultiSelectDrop.dtMultiSelectGroups .group.selected {
    background-image: url("../img/square_stroke_green.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right 4px center;
}

.dtMultiSelectDrop.dtMultiSelectGroups .group.msSelectedPartial:not(.selected) {
    background-image: url("../img/square_stroke_blue.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right 4px center;
}

.dtMultiSelectDrop.dtMultiSelectGroups:not(.msFilter)>ul>li.msDropItem:not(.msExpandedItem) {
    display: none;
}

.dtMultiSelectDrop.dtMultiSelectGroups>ul>li>label {
    display: inline-flex;
    width: calc(100% - 50px);
}

.dtMultiSelectDrop.dtMultiSelectGroups:not(.dtMultiSelectFavs)>ul>li:not(.group):not(.ms-select-all):not(.msOhneGruppe)>label {
    padding-left: 19px;
}

.dtMultiSelectDrop.dtMultiSelectGroups li.group input {
    margin-left: 0px!important;
}

.dtMultiSelectDrop.dtMultiSelectGroups:not(.dtMultiSelectFavs)>ul>li.msOhneGruppe,
.dtMultiSelectDrop.dtMultiSelectGroups:not(.msFilter)>ul>li.group {
    border-top: 1px solid white;
}


/* END: dtMultiSelectGroups */


/* BEGIN: dtMultiSelectGroups */

.dtMultiSelectDrop.dtMultiSelectFavs .msDropStar {
    display: inline-flex;
    margin-left: 4px;
}


/* END: dtMultiSelectGroups */

.dtMultiSelectDrop:not(.dtMultiSelectFavs):not(.dtMultiSelectGroups)>ul>li>label {
    display: inline-flex;
    width: 100%;
}

.dtMultiSelectDrop.dtMultiSelectMixedGroups:not(.msFilter)>ul>li.msDropItem:not(.msExpandedItem),
.dtMultiSelectDrop.dtMultiSelectFavs:not(.msFilter)>ul>li.msDropItem:not(.msExpandedItem) {
    display: none;
}

.dtMultiSelectDrop.dtMultiSelectMixedGroups>ul>li.msDropItem>label {
    padding-left: 24px;
}

.dtMultiSelectDrop.dtMultiSelectFavs li.group input {
    /*display:none;*/
    margin-left: 0px!important;
}

.dtMultiSelectDrop.dtMultiSelectFavs:not(.msFilter)>ul>li.group {
    border-top: 1px solid white;
}

.dtMultiSelectDrop .msDropStar {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 16px;
    height: 16px;
}

.dtMultiSelectDrop .msDropItem:not(.msDropFav) .msDropStar {
    background-image: url("../img/star_off.svg");
}

.dtMultiSelectDrop .msDropItem.msDropFav.msDropFavOther .msDropStar,
.dtMultiSelectDrop .msDropStar:hover {
    background-image: url("../img/star_on.svg")!important;
}

.dtMultiSelectDrop>ul>li.selected:not(.group):not(.ms-select-all) {
    background-color: #eaeaea;
}

.dtMultiSelectDrop>ul>li>label>input[type=radio] {
    margin-right: 8px;
}

.dtFavs {
    cursor: pointer;
}

.dtCellBackSquareGreen,
.dtCellBackSquareRed,
.dtCellBackSquareOrange,
.dtCellBackSquareBlue,
.dtCellBackSquareStrokeGreen,
.dtCellBackSquareStrokeRed,
.dtCellBackSquareStrokeOrange,
.dtCellBackSquareStrokeBlue,
.dtCellBackSquareStrokeGrey,
.dtCellBackSquareStrokeLila,
.dtCellBackChecked,
.dtCellBackArrowUp,
.dtCellBackArrowDown,
.dtCellBackFavOn,
.dtCellBackFavOff {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

td.dtFavRate {
    position: relative;
}

td.dtFavRate>.dtFav {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    margin: 0 4px;
    opacity: 0.2;
    border: 1px solid transparent;
}

td.dtFavRate>.dtFav.dtFavChecked:hover {
    opacity: 0.2;
    border: 1px solid transparent;
}

td.dtFavRate>.dtFav.dtFavChecked,
td.dtFavRate>.dtFav:not(.dtFavChecked):hover {
    opacity: 1;
    border: 1px solid #333;
}

td.dtFavRate>.dtFav[data-stars='-1'] {
    background-color: #ff3d3d;
}

td.dtFavRate>.dtFav[data-stars='1'] {
    background-color: #fffc59;
}

td.dtFavRate>.dtFav[data-stars='2'] {
    background-color: #62fd1c;
}

td.dtFavsRating {
    position: relative;
}

td.dtFavsRating>div {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 0;
    cursor: pointer;
}

td.dtFavsRating>div.dtFavsHide {
    left: 4px;
}

td.dtFavsRating>.dtFavsDiv[data-stars='1'] {
    left: 24px;
}

td.dtFavsRating>.dtFavsDiv[data-stars='2'] {
    left: 44px;
}

td.dtFavsRating>.dtFavsDiv[data-stars='3'] {
    left: 64px;
}

.dtPhotosGallery {
    cursor: pointer;
    color: blue;
}

td.mf107_Evaluator,
td.mf108_Evaluator {
    position: relative;
}

/*
td.mf107_Evaluator > div[data-value='farmakis'],
td.mf108_Evaluator > div[data-value='farmakis'] {
	background-color:#6c8865;
	color:white;	
}
td.mf107_Evaluator > div[data-value='kotsifas'],
td.mf108_Evaluator > div[data-value='kotsifas'] {
	background-color:#4d8fc6;
	color:white;
}
td.mf107_Evaluator > div[data-value='digkas'],
td.mf108_Evaluator > div[data-value='digkas'] {
	background-color:#c678c6;
	color:white;
}
*/

td.dtFavsRating[data-stars='0']>.dtFavsHide,
td.dtFavsRating[data-stars='1']>.dtFavsHide,
td.dtFavsRating[data-stars='2']>.dtFavsHide,
td.dtFavsRating[data-stars='3']>.dtFavsHide {
    background-image: url("../img/star_hide_off.svg");
}

td.dtFavsRating[data-stars='-1']>.dtFavsHide,
td.dtFavsRating>.dtFavsHide:hover {
    background-image: url("../img/star_hide_on.svg");
}

td.dtFavsRating.dtFavsHideStars>.dtFavsDiv {
    background-image: url("../img/star_off.svg")!important;
}

td.dtFavsRating[data-stars='-1']>div[data-stars='1']:not(.dtFavsDivChecked),
td.dtFavsRating[data-stars='-1']>div[data-stars='2']:not(.dtFavsDivChecked),
td.dtFavsRating[data-stars='-1']>div[data-stars='3']:not(.dtFavsDivChecked),
td.dtFavsRating[data-stars='0']>div[data-stars='1']:not(.dtFavsDivChecked),
td.dtFavsRating[data-stars='0']>div[data-stars='2']:not(.dtFavsDivChecked),
td.dtFavsRating[data-stars='0']>div[data-stars='3']:not(.dtFavsDivChecked),
td.dtFavsRating[data-stars='1']>div[data-stars='2']:not(.dtFavsDivChecked),
td.dtFavsRating[data-stars='1']>div[data-stars='3']:not(.dtFavsDivChecked),
td.dtFavsRating[data-stars='2']>div[data-stars='3']:not(.dtFavsDivChecked) {
    background-image: url("../img/star_off.svg");
}

td.dtFavsRating[data-stars='1']>div[data-stars='1'],
td.dtFavsRating[data-stars='2']>div[data-stars='1'],
td.dtFavsRating[data-stars='2']>div[data-stars='2'],
td.dtFavsRating[data-stars='3']>div[data-stars='1'],
td.dtFavsRating[data-stars='3']>div[data-stars='2'],
td.dtFavsRating[data-stars='3']>div[data-stars='3'],
td.dtFavsRating>div.dtFavsDiv.dtFavsDivChecked {
    background-image: url("../img/star_on.svg");
}

.dtMultiSelectDrop .msDropItem.msDropFav.msDropFavDigkas .msDropStar,
td.dtFavsRating[data-stars='1'][data-favuser='digkas']>div[data-stars='1'],
td.dtFavsRating[data-stars='2'][data-favuser='digkas']>div[data-stars='1'],
td.dtFavsRating[data-stars='2'][data-favuser='digkas']>div[data-stars='2'],
td.dtFavsRating[data-stars='3'][data-favuser='digkas']>div[data-stars='1'],
td.dtFavsRating[data-stars='3'][data-favuser='digkas']>div[data-stars='2'],
td.dtFavsRating[data-stars='3'][data-favuser='digkas']>div[data-stars='3'] {
    /*
	polygon fill='%23______'
	*/
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 50 50' height='50px' viewBox='0 0 50 50' width='50px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Cpolygon fill='%23ff99ff' points='25,3.553 30.695,18.321 46.5,19.173 34.214,29.152 38.287,44.447 25,35.848 11.712,44.447 15.786,29.152 3.5,19.173 19.305,18.321 ' stroke='%23000000' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E");
}

.dtMultiSelectDrop .msDropItem.msDropFav.msDropFavKotsifas .msDropStar,
td.dtFavsRating[data-stars='1'][data-favuser='kotsifas']>div[data-stars='1'],
td.dtFavsRating[data-stars='2'][data-favuser='kotsifas']>div[data-stars='1'],
td.dtFavsRating[data-stars='2'][data-favuser='kotsifas']>div[data-stars='2'],
td.dtFavsRating[data-stars='3'][data-favuser='kotsifas']>div[data-stars='1'],
td.dtFavsRating[data-stars='3'][data-favuser='kotsifas']>div[data-stars='2'],
td.dtFavsRating[data-stars='3'][data-favuser='kotsifas']>div[data-stars='3'] {
    /*
	polygon fill='%23______'
	*/
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 50 50' height='50px' viewBox='0 0 50 50' width='50px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Cpolygon fill='%230000ff' points='25,3.553 30.695,18.321 46.5,19.173 34.214,29.152 38.287,44.447 25,35.848 11.712,44.447 15.786,29.152 3.5,19.173 19.305,18.321 ' stroke='%23000000' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E");
}

.dtMultiSelectDrop .msDropItem.msDropFav.msDropFavFarmakis .msDropStar,
td.dtFavsRating[data-stars='1'][data-favuser='farmakis']>div[data-stars='1'],
td.dtFavsRating[data-stars='2'][data-favuser='farmakis']>div[data-stars='1'],
td.dtFavsRating[data-stars='2'][data-favuser='farmakis']>div[data-stars='2'],
td.dtFavsRating[data-stars='3'][data-favuser='farmakis']>div[data-stars='1'],
td.dtFavsRating[data-stars='3'][data-favuser='farmakis']>div[data-stars='2'],
td.dtFavsRating[data-stars='3'][data-favuser='farmakis']>div[data-stars='3'] {
    /*
	polygon fill='%23______'
	*/
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 50 50' height='50px' viewBox='0 0 50 50' width='50px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Cpolygon fill='%23ff0000' points='25,3.553 30.695,18.321 46.5,19.173 34.214,29.152 38.287,44.447 25,35.848 11.712,44.447 15.786,29.152 3.5,19.173 19.305,18.321 ' stroke='%23000000' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E");
}

.dtCellBackLeftSquareStrokeGreen,
.dtCellBackLeftSquareStrokeRed,
.dtCellBackLeftSquareStrokeOrange,
.dtCellBackLeftSquareStrokeBlue {
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: contain;
    padding-left: 20px!important;
}

.dtCellBackSquareStrokeGrey,
.dtCellBackSquareStrokeOrange,
.dtCellBackSquareStrokeGreen,
.dtCellBackSquareStrokeRed,
.dtCellBackSquareStrokeBlue {
    background-size: 16px;
}

.dtCellBackLeftSquareStrokeGreen,
.dtCellBackSquareStrokeGreen {
    background-image: url("../img/square_stroke_green.svg");
}

.dtCellBackLeftSquareStrokeRed,
.dtCellBackSquareStrokeRed {
    background-image: url("../img/square_stroke_red.svg");
}

.dtCellBackLeftSquareStrokeOrange,
.dtCellBackSquareStrokeOrange {
    background-image: url("../img/square_stroke_orange.svg");
}

.dtCellBackLeftSquareStrokeBlue,
.dtCellBackSquareStrokeBlue {
    background-image: url("../img/square_stroke_blue.svg");
}

.dtCellBackSquareStrokeGrey {
    background-image: url("../img/square_stroke_grey.svg");
}

.dtCellBackSquareStrokeLila {
    background-image: url("../img/square_stroke_lila.svg");
}

.dtCellBackSquareGreen {
    background-image: url("../img/square_green.svg");
}

.dtCellBackSquareRed {
    background-image: url("../img/square_red.svg");
}

.dtCellBackSquareOrange {
    background-image: url("../img/square_orange.svg");
}

.dtCellBackSquareBlue {
    background-image: url("../img/square_blue.svg");
}

.dtCellBackChecked {
    background-image: url("../img/check.svg");
}

.dtCellBackFavOn {
    background-image: url("../img/star_on.svg");
}

.dtCellBackFavOff {
    background-image: url("../img/star_off.svg");
}

.dtCellBackArrowUp {
    background-image: url("../img/arrow_up_green.svg");
}

.dtCellBackArrowDown {
    background-image: url("../img/arrow_down_red.svg");
}

.dtCellBackArrowNone1,
.dtCellBackArrowUp1,
.dtCellBackArrowDown1 {
    background-position: top right;
    padding-right: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}

.dtCellBackArrowUp1 {
    background-image: url("../img/arrow_up_green.svg");
}

.dtCellBackArrowDown1 {
    background-image: url("../img/arrow_down_red.svg");
}

.dtGrouped .dataTables_scrollBody table.dataTable tbody tr:not(.dtrg-group):not(.dtGroupRowVisible) {
    display: none;
}

.dtSaldoHover {
    position: relative;
}

.dtSaldoHover:hover>.dtSaldoHoverDiv {
    position: absolute;
    width: 16px;
    height: 100%;
    background-image: url("../img/magnifier.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    left: 2px;
    top: 0;
}

.mf73_icon_link {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-left: 10px;
    background-image: url("../img/icon_link.svg");
    display: inline-block;
    cursor: pointer;
    border: 1px solid #aaa;
    background-color: #f0f0f0;
    padding: 2px 10px;
    position: absolute;
    top: 2px;
    left: 0px;
}

.mf73_icon_link:hover {
    border: 1px solid #999;
    background-color: #e1e1e1;
}

tr:not(.selected)>td:not(.sorting_1).dtBackGreenDark,
tr:not(.selected)>td:not(.sorting_1).dtBackGreenLight,
tr:not(.selected)>td:not(.sorting_1).dtBackRedDark,
tr:not(.selected)>td:not(.sorting_1).dtBackRedLight,
tr:not(.selected)>td:not(.sorting_1).dtBackBordeaux {
    color: white;
    padding: 0 5px;
}

tr:not(.selected)>td:not(.sorting_1).dtBackGreenDark {
    background-color: #003300;
}

tr:not(.selected)>td:not(.sorting_1).dtBackGreenLight {
    background-color: #009900;
}

tr:not(.selected)>td:not(.sorting_1).dtBackRedDark {
    background-color: #330000;
}

tr:not(.selected)>td:not(.sorting_1).dtBackRedLight {
    background-color: #FF0000;
}

tr:not(.selected)>td:not(.sorting_1).dtBackBordeaux {
    background-color: #990000;
}

.dtFontRed {
    color: red!important;
}

.dtBackKosten2 {
    background-color: #e9eae9 !important;
    border-top: 1px solid #e9eae9 !important;
    border-bottom: none !important;
}

.dtLink {
    cursor: pointer;
}

.dtCustomBack.dtBkGruen {
    background-color: #CADDD6!important;
}

.dtCustomBack.dtBkRed {
    background-color: #fba8a8!important;
}

.dtBkYellow {
    background-color: #ffff4a;
}

.dtBkBlue {
    background-color: #88d0fe;
}

.dtBkOrange {
    background-color: #ffd458;
}

.dtBkGreen {
    background-color: #43a227;
    color: white;
}

.dtBkGrey {
    background-color: #777777;
    color: white;
}


/* BEGIN: PERFECT SCROLLBAR */


/* VERWALTUNG */


/*
.ps__rail-x {
	height:6px!important;
}
.ps__thumb-x,
.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x {
	height:4px!important;
}
.ps__thumb-x {
	bottom:1px!important;
}
*/

.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
    transition: 0s !important;
}


/* FARMAKIS */

.ps__rail-x {
    opacity: 1!important;
}

.ps__thumb-y,
.ps__thumb-x {
    background-color: #505050!important;
    border-radius: 0;
}

.ps[data-user='farmakis'] {
    -webkit-overflow-scrolling: touch;
}

.ps[data-user='farmakis'] .ps__thumb-x {
    height: 18px!important;
}

.ps[data-user='farmakis'] .ps__rail-x {
    height: 22px!important;
}

.ps:not([data-user='farmakis']) .ps__thumb-x {
    height: 11px!important;
}

.ps[data-user='farmakis'].ps--active-x>table {
    margin-bottom: 60px;
}

.ps.ps--active-x>table>tbody>tr:last-child>td {
    border-bottom: 2px solid #333333;
}

.ps:not([data-user='farmakis']).ps--active-x>table {
    margin-bottom: 14px;
}


/* END: PERFECT SCROLLBAR */

.ttArrowKeyActive {
    background-color: yellow!important;
}

.arrowKeysActive {
    background-color: white!important;
}

.dataTable>tbody>tr.dtLevelHidden {
    display: none;
}

.dataTable>tbody>tr.dtLevel_2>td.dtLevel>div {
    margin-left: 14px;
}

.dataTable>tbody>tr.dtLevel_3>td.dtLevel>div {
    margin-left: 28px;
}

.dataTable>tbody>tr.dtLevel_4>td.dtLevel>div {
    margin-left: 42px;
}

#changePassword h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}

#changePassword p {
    margin: 0 0 10px;
}

#changePassword .uPassTable th {
    padding: 5px;
}

#changePassword input {
    border: 1px black solid;
    padding: 5px;
}

.tblUserSettings th,
.tblUserSettings td {
    padding: 3px 7px;
}

.tblUserSettings select {
    width: 120px;
    border: 1px solid #aaa;
    padding: 2px 4px;
}

.tblUserSettings .lineColor {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
}

.tblUserSettings .lineColor:not(.activeCol) {
    border: 1px solid #bcbcbc;
}

.tblUserSettings .lineColor.activeCol {
    border: 1px solid #333;
}

.pickrWrapper {
    border: 1px solid #333;
    display: inline-block;
    padding: 3px;
}

.chartWrapper .hLineResizer {
    width: 100%;
    height: 20px;
    cursor: pointer;
    background-size: 16px;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center center;
}

.chartWrapper:not(.opened) .chart-tables {
    display: none;
}

.chartWrapper:not(.opened) .hLineResizer {
    background-image: url("../img/arrow-up.svg");
}

.chartWrapper.opened .hLineResizer {
    background-image: url("../img/arrow-down.svg");
}

#win_sanierung div[data-id='calc'] {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url("../img/calc.svg");
    display: inline-block;
    background-size: cover;
    cursor: pointer;
}

#win_sanierung div[data-id='calc']:hover {
    background-color: yellow;
}

.tblDarleParameter input.dtDatePicker {
    width: calc(100% - 28px);
    padding: 4px 22px 4px 4px;
    text-align: left;
    background-position: right 4px center;
}

#navTabsLeft,
#navTabsRight {
    z-index: 2;
    height: 36px;
    width: 20px;
    position: absolute;
    cursor: pointer;
    background-color: rgba(33, 33, 33, 0.7);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

#navTabsLeft:not(.navActive),
#navTabsRight:not(.navActive) {
    display: none;
}

#navTabsLeft {
    left: 0!important;
    background-image: url("../img/arrow-left.svg");
}

#navTabsRight {
    right: 0!important;
    background-image: url("../img/arrow-right.svg");
}

#navTabsWrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.ui-autocomplete {
    max-width: 500px;
    max-height: 500px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

.ui-autocomplete-category-item {
    padding-left: 16px;
    border-bottom: 1px solid #ccc;
}

.dtBorderLeft {
    -webkit-box-shadow: inset 4px 0 0 0 #8E8E8E;
    box-shadow: inset 4px 0 0 0 #8E8E8E;
}

.dtBorderLeftBottom {
    -webkit-box-shadow: inset 4px -4px 0 0 #8E8E8E;
    box-shadow: inset 4px -4px 0 0 #8E8E8E;
}

.dtBorderRight {
    -webkit-box-shadow: inset -4px 0 0 0 #8E8E8E;
    box-shadow: inset -4px 0 0 0 #8E8E8E;
}

.dtBorderRightBottom {
    -webkit-box-shadow: inset -4px -4px 0 0 #8E8E8E;
    box-shadow: inset -4px -4px 0 0 #8E8E8E;
}

.dtBorderBottom {
    -webkit-box-shadow: inset 0 -4px 0 0 #8E8E8E;
    box-shadow: inset 0 -4px 0 0 #8E8E8E;
}

.dtHeaderComplexKosten2 {
    box-shadow: inset -4px 0 0 0 #8E8E8E, inset 4px 0 0 0 #8E8E8E, inset 0 4px 0 0 #8E8E8E;
    padding-top: 10px;
}


/* BEGIN: Multiple Level Grid */

.dtContent.dtMultipleLevel .dtTitleBar .dtButtonsMiddle {
    margin: 0 auto;
    width: 84px;
    left: 50%;
    position: absolute;
}

.dtContent.dtMultipleLevel .dtTitleBar td {
    width: 50%;
}

.dtContent.dtMultipleLevel input[aria-controls='mf34_dtLevel1'] {
    display: none;
}

.dtContent.dtMultipleLevel .dtWrapper[data-level='2'],
.dtContent.dtMultipleLevel .dtWrapper[data-level='3'] {
    padding-top: 5px;
}

.dtContent.dtMultipleLevel .dtWrapper[data-level='2'] {
    background-color: #e9eae9;
}

.dtContent.dtMultipleLevel .dtWrapper[data-level='3'] {
    background-color: #f4f4f4;
}

.dtContent.dtMultipleLevel .dtLevel1 .ui-resizable-handle,
.dtContent.dtMultipleLevel .dtLevel2 .ui-resizable-handle,
.dtContent.dtMultipleLevel .dtLevel3 .ui-resizable-handle {
    background-image: linear-gradient(black, transparent);
}

.dtContent.dtMultipleLevel[data-level="1"] .dtLevel2,
.dtContent.dtMultipleLevel[data-level="1"] .dtLevel3,
.dtContent.dtMultipleLevel[data-level="2"] .dtLevel3 {
    display: none;
}

.dtContent.dtMultipleLevel[data-level="1"] .dtLevel1 {
    height: 100%;
}

.dtContent.dtMultipleLevel[data-level="2"] .dtLevel2 {
    height: calc(100% - 30px);
}

.dtContent.dtMultipleLevel[data-level="3"] .dtLevel3 {
    height: calc(100% - 60px);
}

.dtContent.dtMultipleLevel[data-activelevel="1"] .dtLevel2 .dtButtonsRight,
.dtContent.dtMultipleLevel[data-activelevel="1"] .dtLevel3 .dtButtonsRight,
.dtContent.dtMultipleLevel[data-activelevel="2"] .dtLevel1 .dtButtonsRight,
.dtContent.dtMultipleLevel[data-activelevel="2"] .dtLevel3 .dtButtonsRight,
.dtContent.dtMultipleLevel[data-activelevel="3"] .dtLevel1 .dtButtonsRight,
.dtContent.dtMultipleLevel[data-activelevel="3"] .dtLevel2 .dtButtonsRight {
    visibility: hidden;
}


/* END: Multiple Level Grid */

.dtKommentare {
    cursor: pointer;
}

.dataTables_scrollBody .mapMarker {
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center center;
    background-image: url("../img/map-marker.svg");
    cursor: pointer;
}

.mf2_tblFrage .dtMFilesLink,
#mf116_MFilesLink .dtMFilesLink,
.dataTables_scrollBody .dtMFilesLink {
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center center;
    background-image: url("../img/mfiles_16.png");
    cursor: pointer;
}

.dataTables_scrollBody td.dtLinkImmoscout {
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center center;
    cursor: pointer;
    background-image: url("../img/immoscout.png");
}

.dataTables_scrollBody .dtWebLink:not(.landeaLink) {
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center center;
    background-image: url("../img/link.svg");
    cursor: pointer;
}

.dataTables_scrollBody .dtWebLink.landeaLink {
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center center;
    background-image: url("../img/logoLandea.png");
    cursor: pointer;
}

.dTbl {
    display: table;
}

.dTblTr {
    display: table-row;
}

.dTblTHead {
    display: table-header-group;
}

.dTblTBody {
    display: table-row-group;
}

.dTblTFoot {
    display: table-footer-group;
}

.dTblTd,
.dTblTh {
    display: table-cell;
}

.dtTitleBar .dtTabs {
    float: left;
    height: 24px;
    overflow: hidden;
}

.dtTitleBar .dtTabs .dtTab {
    display: inline-block;
    width: 50px;
    text-align: center;
    font-size: 10px;
    background-repeat: no-repeat;
    background-size: 16px;
    height: 24px;
    background-position: center center;
    border: 1px solid #848484;
    cursor: pointer;
    background-color: #ccc;
}

.dtContent.mf107 .dtTitleBar .dtTabs .dtTab[data-view='0'] {
    background-image: url("../img/auction.svg");
}

.dtContent.mf3 .dtTitleBar .dtTabs .dtTab[data-view='1'],
.dtContent.mf107 .dtTitleBar .dtTabs .dtTab[data-view='1'] {
    background-image: url("../img/tab_question.svg");
}

.dtContent.mf107 .dtTitleBar .dtTabs .dtTab[data-view='2'] {
    background-image: url("../img/star_on.svg");
}

.dtContent.mf3 .dtTitleBar .dtTabs .dtTab[data-view='3'],
.dtContent.mf107 .dtTitleBar .dtTabs .dtTab[data-view='3'] {
    background-image: url("../img/tab_no.svg");
}

.dtContent.mf107 .dtTitleBar .dtTabs .dtTab[data-view='4'] {
    background-image: url("../img/clock.svg");
}

.dtContent.mf77 .dtTitleBar .dtTabs .dtTab[data-view='0'],
.dtContent.mf1 .dtTitleBar .dtTabs .dtTab[data-view='0'] {
    background-image: url("../img/visible.svg");
}

.dtContent.mf77 .dtTitleBar .dtTabs .dtTab[data-view='1'],
.dtContent.mf1 .dtTitleBar .dtTabs .dtTab[data-view='1'] {
    background-image: url("../img/invisible.svg");
}

.dtContent[data-view='0'] .dtTab[data-view='0'],
.dtContent[data-view='1'] .dtTab[data-view='1'],
.dtContent[data-view='2'] .dtTab[data-view='2'],
.dtContent[data-view='3'] .dtTab[data-view='3'],
.dtContent[data-view='4'] .dtTab[data-view='4'] {
    background-color: #fff;
}

.dtTitleBar .dtTabs.dtTab:hover {
    background-color: #eee;
}

.checkToggler {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23FF6F61' enable-background='new 0 0 24 24' height='24px' id='Layer_1' version='1.1' viewBox='0 0 24 24' width='24px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M5.5,11c0.2,0,12.8,0,13,0c3,0,5.5-2.5,5.5-5.5S21.5,0,18.5,0C18.3,0,18,0,18,0H6c0,0-0.3,0-0.5,0C2.5,0,0,2.5,0,5.5 S2.5,11,5.5,11z M5.5,2C5.7,2,6,2,6,2s12.3,0,12.5,0C20.4,2,22,3.6,22,5.5S20.4,9,18.5,9c-0.2,0-12.8,0-13,0C3.6,9,2,7.4,2,5.5 S3.6,2,5.5,2z'/%3E%3Cpath d='M18.5,8C19.8,8,21,6.9,21,5.5S19.8,3,18.5,3S16,4.1,16,5.5S17.1,8,18.5,8z M18.5,4C19.3,4,20,4.7,20,5.5S19.3,7,18.5,7 S17,6.3,17,5.5S17.6,4,18.5,4z'/%3E%3Cpath d='M18.5,13c-0.2,0-12.8,0-13,0c-3,0-5.5,2.5-5.5,5.5S2.5,24,5.5,24C5.7,24,6,24,6,24h12c0,0,0.3,0,0.5,0c3,0,5.5-2.5,5.5-5.5 S21.5,13,18.5,13z M18.5,22c-0.2,0-0.5,0-0.5,0S5.7,22,5.5,22C3.6,22,2,20.4,2,18.5S3.6,15,5.5,15c0.2,0,12.8,0,13,0 c1.9,0,3.5,1.6,3.5,3.5S20.4,22,18.5,22z'/%3E%3Cpath d='M5.5,16C4.1,16,3,17.1,3,18.5S4.1,21,5.5,21S8,19.9,8,18.5S6.9,16,5.5,16z M5.5,20C4.7,20,4,19.3,4,18.5S4.7,17,5.5,17 S7,17.7,7,18.5S6.3,20,5.5,20z'/%3E%3C/g%3E%3C/svg%3E");
}

.checkToggler:hover {
    background-image: url("data:image/svg+xml,%3Csvg fill='%236B5B95' enable-background='new 0 0 24 24' height='24px' id='Layer_1' version='1.1' viewBox='0 0 24 24' width='24px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M5.5,11c0.2,0,12.8,0,13,0c3,0,5.5-2.5,5.5-5.5S21.5,0,18.5,0C18.3,0,18,0,18,0H6c0,0-0.3,0-0.5,0C2.5,0,0,2.5,0,5.5 S2.5,11,5.5,11z M5.5,2C5.7,2,6,2,6,2s12.3,0,12.5,0C20.4,2,22,3.6,22,5.5S20.4,9,18.5,9c-0.2,0-12.8,0-13,0C3.6,9,2,7.4,2,5.5 S3.6,2,5.5,2z'/%3E%3Cpath d='M18.5,8C19.8,8,21,6.9,21,5.5S19.8,3,18.5,3S16,4.1,16,5.5S17.1,8,18.5,8z M18.5,4C19.3,4,20,4.7,20,5.5S19.3,7,18.5,7 S17,6.3,17,5.5S17.6,4,18.5,4z'/%3E%3Cpath d='M18.5,13c-0.2,0-12.8,0-13,0c-3,0-5.5,2.5-5.5,5.5S2.5,24,5.5,24C5.7,24,6,24,6,24h12c0,0,0.3,0,0.5,0c3,0,5.5-2.5,5.5-5.5 S21.5,13,18.5,13z M18.5,22c-0.2,0-0.5,0-0.5,0S5.7,22,5.5,22C3.6,22,2,20.4,2,18.5S3.6,15,5.5,15c0.2,0,12.8,0,13,0 c1.9,0,3.5,1.6,3.5,3.5S20.4,22,18.5,22z'/%3E%3Cpath d='M5.5,16C4.1,16,3,17.1,3,18.5S4.1,21,5.5,21S8,19.9,8,18.5S6.9,16,5.5,16z M5.5,20C4.7,20,4,19.3,4,18.5S4.7,17,5.5,17 S7,17.7,7,18.5S6.3,20,5.5,20z'/%3E%3C/g%3E%3C/svg%3E");
}

.mf124 .checkToggler,
.mf127 .checkToggler {
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    float: right;
    background-size: contain;
    margin-left: 10px;
    cursor: pointer;
}


/* Support Button */

.navigationSupport {
    position: absolute;
    width: 200px;
    height: 451px;
    top: 36px;
    right: 0px;
    transition: width 0.3s, height 0.2s, box-shadow .3s;
    transition-delay: 0s, 0.0s;
    z-index: 10000;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(33, 33, 33, .5);
}

.navigationSupport:not(.active) {
    left: 100%;
}
.navigationSupport.active {
    transition: height 0.3s, width 0.2s, box-shadow .3s;
    transition-delay: 0s, 0.45s;
}

#cityLogo:hover::before {
    background-color: #4dba8a;
}

#cityLogo::before {
    content: '?';
    position: absolute;
    top: 0;
    right: 0;
    padding-bottom: 0px;
    font-size: 1.8em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 36px;
    color: #fff;
    font-weight: 800;
    transition: 0.5s;
}

.navigationSupport ul {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
}

.navigationSupport ul li {
    list-style: none;
    width: 100%;
}

.navigationSupport ul li:hover {
    background: #37946b;
    transition: 0.7s;
}

.navigationSupport ul li a {
    position: relative;
    display: block;
    width: 100%;
    display: flex;
    text-decoration: none;
    color: #154367;
}

.navigationSupport ul li a .iconSupport {
    position: relative;
    display: block;
    min-width: 42px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.navigationSupport ul li a .iconSupport .fa {
    font-size: 20px;
    color: #154367;
}

.navigationSupport ul li a .titleSupport {
    position: relative;
    display: block;
    line-height: 50px;
    text-align: start;
    white-space: nowrap;
}

.navigationSupport ul li:hover a .iconSupport .fa,
.navigationSupport ul li:hover a .titleSupport {
    color: #fff;
}

.navigationSupport .hilfeButton {
    border-top-style: solid;
    border-top-color: #154367;
    border-top-width: 1px;
}

.button_in_top_of_grid {
    display: inline-block;
    margin-top: 2px;
}
.tt_menu_tooltip {
    padding:1px 5px !important;
    margin:4px !important;
}