/*/var/www/html/public/modules/Core/css/reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
    border:0;
}

.unreset {
	& p:first-of-type {
		margin-top: 0;
	}
	& ol, & ul, & li, & p {
		/* margin: revert;
		padding: revert; */
		all:revert;
	}
}

/*/var/www/html/public/modules/Core/css/layout.css*/
:root{
    --border-radius: 0.5rem;
    --border-radius-lg: calc(var(--border-radius) * 2);
    --border-radius-sm: calc(var(--border-radius) / 2);
    /* --font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    --font-family: "Open Sans", Arial, sans-serif;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.application, .staticContent {
    /*background: #0b6485;*/
    background: #f3f3f3 no-repeat center;
}

.login .application, .login .staticContent {
    height: 100%;
}

body,
input,
select,
textarea,
pre,
.uiContent.disabled,
.font,
.ui-widget {
    font-family: var(--font-family);
    font-size: 13px;
}

body {
    cursor: default;
    color: #000;
    overflow: hidden;
    
    /**
     * this is a bugfix for the body sometime changing its scroll left/top
     * even if overflow is set to hidden. ask @bu 20.02.15
     */
    position: fixed;
    width: 100%;
    height: 100%;
}

button {
    margin: 0;
}

button.button:hover,
button.button.hover {
    opacity: 0.85;
}

button.button:focus {
    outline: none;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    border: 1px solid var(--color-app) !important;
}

table {
    border-spacing: 0; /* better table performance in chrome */
    border-collapse: initial; /* better table performance in chrome */
}

input,
select,
textarea,
.uiContent.disabled,
.tabButton,
.startpageForm,
.uiValue,
.blackFont {
    /*color: #3d3d3d;*/
    color: #000;
    font-weight: 500;
}

.darkBg {
    color: #FFF;
}

::-webkit-input-placeholder { color: #000; font-weight: 100; opacity: 0.75; }
.darkBg ::-webkit-input-placeholder { color: #FFF; opacity: 0.5; }

::-moz-placeholder { color: #000; font-weight: 100; opacity: 0.75; }
.darkBg ::-moz-placeholder { color: #FFF; opacity: 0.5; }

::-ms-input-placeholder { color: #000; font-weight: 100; opacity: 0.75; }
.darkBg ::-ms-input-placeholder { color: #FFF; opacity: 0.5; }

.darkBg input,
.darkBg select,
.darkBg textarea,
.darkBg .uiContent.disabled,
.darkBg .tabButton,
.darkBg .startpageForm,
.darkBg .uiValue {
    color: #FFF;
}

.whiteBg {
    background: #FFF;
}

a,
.uiElunicLink {
    cursor: pointer;
    /*color: #0b6485;*/
    color: #000;
    text-decoration: none;
}

.contextBox .uiElunicLink {
    white-space: nowrap
}

a:hover,
a.hover,
.uiElunicLink:hover,
.uiElunicLink.hover {
    text-decoration: underline;
}
.disabled>.uiElunicLink.hover,
.disabled>.uiElunicLink:hover {
    text-decoration: none;
}
a.icon:hover,
a.icon.hover {
    text-decoration: none;
}

hr {
    clear: both;
    height: 1px;
    background: none;
    padding-top: 9px;
    margin: 0 0 10px;
    border: solid #ededed;
    border-width: 0 0 1px;
}

.tabLayoutCompact hr {
    padding-top: 6px;
    margin-bottom: 7px;
}

.editMode hr {
    border-style: dotted;
    border-color: #BBB;
}

.defaultMode .showConfig,
#subNaviCol .showConfig
{
    display: none !important;
}

.configMode .showConfig:not(:hover) {
    opacity: 0.75;
}

.configMode .hideConfig {
    display: none;
}

.clear {
    clear: both;
}

.noWrap {
    white-space: nowrap;
}

.alignCenter {
    text-align: center;
}

.alignRight,
.alignRight textarea,
.alignRight input {
    text-align: right;
}

.flex,
.flexColumn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flexColumn {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flexSpacer {
    flex: 1 1 auto;
}

.transition {
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    -ms-transition-duration: .4s;
    transition-duration: .4s;
}

.transition100 {
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    -ms-transition-duration: .1s;
    transition-duration: .1s;
}

.transition200 {
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s;
}

.transition600 {
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -o-transition-duration: .6s;
    -ms-transition-duration: .6s;
    transition-duration: .6s;
}

.transition1000 {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.overlayBg {
    display: none;
    background: rgba(0, 0, 0, 0.33);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 120; /* increased to be displayed in front of the main navigation [bu] */
}

.overlayActive .overlayBg {
    /* [cr] removed since it was blocking the whole screen. It doesn't seem to be used elsewhere
    /*display: block;*/
}

.icon,
.iconButton {
    font-size: 110%;
}

.icon,
a.icon,
.elunicTable .tableRows a.icon {
    color: #adadad;
}

.darkBg .icon,
.darkBg a.icon,
.darkBg .elunicTable .tableRows a.icon {
    color: #FFF;
}

.iconButtonCircle:hover,
.iconButton:hover,
a.iconButton:hover,
a:hover .iconButton,
.elunicTable .tableRows a.iconButton:hover,
.iconButtonCircle.hover,
.iconButton.hover,
a.iconButton.hover,
a.hover .iconButton,
.elunicTable .tableRows a.iconButton.hover {
    cursor: pointer;
    /*color: #0b6485;*/
    text-decoration: none;
}

.iconButtonCircle {
    padding: 4px 5px;
    border-radius: 50%;
    
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s;
}

.iconButtonCircle:not(:hover):not(.colorFont) {
    color: #999;
}

.iconButtonCircle.small {
    font-size: 10px;
    padding: 3px 4px;
}

.iconButtonCircle.large {
    font-size: 18px;
    padding: 6px 7px 7px 6px;
}

.iconButtonCircle:hover,
.iconButtonCircle.hover {
    background: rgba(19, 167, 221, 0.15);
}

.iconButtonCircle.active {
    background: #0b6485;
    color: #fff;
}

.iconFlag {
    cursor: pointer;
    -webkit-filter: grayscale(50%);
    filter: gray;
    filter: grayscale(100%);
    opacity: 0.66;
    width: 16px;
}

body:not(.altKeyDown) .iconFlag.translated {
    pointer-events: none;
    opacity: 0;
}

.altKeyDown .iconFlag.translated {
    opacity: 0.3;
}

.iconFlag:hover {
    opacity: 1;
    filter: none;
    -webkit-filter: none;
}

/* =============== */

.application {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.application.transition {
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s;
}
.application.loading .staticContent {
    background-image: url(/modules/Core/images/loading-indicator-3x.gif);
    background-size: 43px 11px;
}

body:before {
    content: 'LOADING';
    /*background: rgba(100,100,100,0.5);*/
    background: rgba(0, 0, 0, 0.33);
    text-align: center;
    color: #FFF;
    font-size: 20px;
    padding-top: 83px;
    letter-spacing: 10px;
    text-shadow: 0 0 20px;
    pointer-events: none;
    z-index: 9999;
    
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s;
    
    opacity: 0;
}

body.loadingBlock:before {
    pointer-events: all;
    opacity: 1;
}

#upperPage {
    overflow: hidden;
    position: absolute;
    top: 36px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;    
}

@media only screen
and (max-width : 800px) {
    #upperPage {
        top: 0;
    }
}

#mainLeftCol {
    height: 37px;
    line-height: 39px;
    
    background: var(--color-main);
    /* box-shadow: 0 2px 5px rgba(0,0,0,0.2); */
    
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;    
    
    z-index: 111; /* to appear above fixed table footer and header [bu] */
}

/**
 * it's required to set the z-index only when animating, otherwise there is a
 * a strange css bug which makes the #mainLeftCol flicker when hovering a table
 * title in the cockpit dashboard. while animating z-index is important to not
 * make relicts of the animating content behind the column flicker through the 
 * column background @bu 21.11.2014
 */
.animating #mainLeftCol {
    z-index: 101;
}

#mainLeftCol .border {
    background: var(--color-main);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
/*.subNaviVisible #mainLeftCol .border {
    border-right-color: #CCC;
}*/

/*#mainLeftCol .itemWrapper.user {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}*/
#mainLeftCol .itemWrapper.user .item {
    text-transform: none;
    /*width: 100%;*/
}


#mainLeftCol .item {
    display: block;
    /*flex: 0 0 auto;*/
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    /*font-weight: 600;*/
}

#mainLeftCol .item .label {
    display: inline-block;
    /*line-height: 14px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    border-radius: 3px;
    /*padding: 5px 20px 5px 10px;*/
}

#mainLeftCol .item.hasNewInstancesBtn .label {
    border-radius: 3px 0 0 3px;
}

#mainLeftCol .item .label .fa,
#mainLeftCol .item .label .icon {
    margin-right: 5px;
}
#mainLeftCol .item .count {
    margin-left: 5px;
    font-weight: 100;
}
#mainLeftCol .item .newInstanceButton {
    display: inline-block;
    width: 30px;
    /*line-height: 25px;*/
    text-align: center;
    opacity: 0.33;
    margin: 0 -2px 0px -8px;
    border-radius: 0 3px 3px 0;
    vertical-align: top;
    position: relative;
    z-index: 1;
    transform: scale(0.75);
    /*border-left: 1px solid transparent;*/
}

#mainLeftCol .item:hover .newInstanceButton,
#mainLeftCol .item.hoverFixed .newInstanceButton {
    /*width: 30px;*/
    /*opacity: 0.33;*/
    /*margin-right: 0px;*/
    /*background: rgba(255,255,255,0.3);*/
}


#mainLeftCol .item .newInstanceIcon {
    margin: 0 !important;
}
#mainLeftCol .item .newInstanceButton:hover {
    transform: scale(1);
    opacity: 1.0;
    background: rgba(255,255,255,0.3);
}

#mainLeftCol .item:not(.hover):not(.active) {
    color: hsl(0 0% min(100%, calc((var(--color-main-l) - 50%) * -10000000) / 0.66));
}

/*#mainLeftCol .item.hover,
#mainLeftCol .item.hover .icon {
    color: #FFF;
    text-decoration: none;
}*/

/*#mainLeftCol .itemWrapper {
    padding: 8px 0;
}*/
#mainLeftCol .itemWrapper .itemWrapper {
    padding: 0;
}

#mainLeftCol .itemWrapper .item.active .label {
    color: hsl(0 0% min(100%, calc((var(--color-main-l) - 50%) * -10000000)));
}

#mainLeftCol .itemWrapper .item .label.hoverFixed,
#mainLeftCol .itemWrapper .item .label:hover
{
    color: hsl(0 0% min(100%, calc((var(--color-main-l) - 50%) * -10000000)));
    background: rgba(255,255,255,0.1);
}
#mainLeftCol .itemWrapper .item.active.hasSubItems .label
{
    background: none;
}
/*#mainLeftCol .itemWrapper .item:hover .label {
    background: rgba(255,255,255,0.15) !important;
}*/

#mainLeftCol .itemWrapper .subItems {
    /*margin-bottom: 15px;*/
    margin-top: 5px;
}
#mainLeftCol .itemWrapper .subItems .item {
    font-weight: 100;
}
#mainLeftCol .itemWrapper .subItems .item .label {
    padding-left: 17px;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mainLeftCol .customScrollIndicator {
    /*pointer-events: none;*/
    opacity: 0.35;
}

#mainLeftCol .customScrollIndicator .body {
    background: #FFF
}

/*#mainLeftCol .item.active,
#mainLeftCol .item.hover {
    background: #ddd;
}*/

.contextBox .uiValue.showSubNaviIndicator {
    padding-right: 25px;
}

.showSubNaviIndicator:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    border: 4px solid;
    border-color: transparent;
    border-left-color: #bbb;
    margin-top: -3px;
}

#mainLeftCol .showSubNaviIndicator:after {
    display: none;
    margin-top: -11px;
    border-left-color: #bbb;
}

.showSubNaviIndicator.hover:after,
.hover .showSubNaviIndicator:after,
.hoverFixed .showSubNaviIndicator:after {
    display: none;
}

/*#mainLeftCol .icon {
    font-size: 27px;
}*/

#mainLeftCol .label {
    font-family: var(--font-family);
    font-size: 12px;
    /*padding-bottom: 7px;*/
}

#mainLeftCol .iconContainer {
    position: relative;
}

#mainLeftCol .scrollButton {
    position: absolute;
    left: 0;
    right: 0;
    /*height: 22px;*/
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    opacity: 1;
    z-index: 10;
    cursor: pointer;
    /*color: #fff;*/
    font-size: 22px;
    font-weight: 900;
    background: rgba(255, 255, 255, 0.7);
    
    transition-property: height, opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    
    height: 0;
    /*line-height: 0;*/
    overflow: hidden;
    opacity: 0;
}
#mainLeftCol .scrollButton:hover {
    opacity: 1.0;
}
#mainLeftCol .scrollUp {
    top: 0;
    border-bottom: 1px solid #ddd;
}
#mainLeftCol .scrollDown {
    bottom: 0;
    border-top: 1px solid #ddd;
}
#mainLeftCol .scrollButton.show {
    height: 22px;
    opacity: 0.8;
}

.notificationCount {
    line-height: 11px;
    min-width: 12px;
    background: #e22;
    color: #fff;
    font-size: 10px;
    text-align: center;
    padding: 2px 1px 1px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    position: absolute;
    bottom: 0px;
}

#mainTabAreas {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 46px;
    left: 0;
}

#mainTabAreas .dynamicElementsPosition,
#mainTabAreas .animationBlock,
#mainTabAreas .dynamicElement {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    /*bottom: 0;*/
    left: 0;
}

#mainTabAreas .animationBlock {
    cursor: pointer;
    z-index: 0;
}

.animating .animationBlock {
    z-index: 1;
}

.animating .hideContent .bodyOverflow,
.animating .hideContent .viewActivitiesGroup {
    display: none;
}

.elunicView .loading {
    font-size: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #CCC;
    letter-spacing: 11px;
    margin: 10px 0 0 -65px;
}

.elunicViewHead .uiContainer {
    width: auto;
}

.dynamicElement .systemAvatar {
    cursor: pointer;
    width: 45px;
    height: 45px;
    line-height: 45px;
    /*background: #f7f7f7;*/
    background: #FFF;
    font-size: 1px; /* required for flat uncropped images to be centered correctly */
    text-align: center;
    border: 3px solid #FFF;
    border-radius: 10px;
    overflow: hidden;
    z-index: 15;
    /*box-shadow: 1px 1px 0 rgba(0,0,0,0.2);*/
}

.dynamicElement .systemAvatar.small {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 28px;
}

.dynamicElement .systemAvatar.tiny {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 28px;
    border: none;
}

.dynamicElement .systemAvatar.small .fa-truck {
    margin-left: -4px;
}

.systemAvatar.headerAvatar {
    position: absolute;
    left: 20px;
    top: 11px;
}

/*.dynamicElement.hasSubNavi .systemAvatar.headerAvatar {
    margin-left: 199px;
}*/

.dynamicElement .systemAvatar .icon {
    font-size: 38px;
    vertical-align: middle;
}

.dynamicElement .systemAvatar .fa-truck {
    font-size: 34px;
}

.dynamicElement .systemAvatar.inverted {
    background: #e7e7e7;
}

.dynamicElement .systemAvatar.inverted .icon {
    color: #FFF;
}

.dynamicElement .systemAvatar img {
    vertical-align: middle;
}

/* fluent animation optimization */
.animating .dynamicElement .systemAvatar {
    display: none;
}

.elunicViewHead {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*table-layout: fixed;*/
    /*width: 100%;*/
    height: 73px;
    background: #FFF;
    white-space: nowrap;
    position: absolute;
    right: 0;
    left: 0;
    /*background: #0b6485;*/
    z-index: 3;
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.2);*/
    box-shadow: 0 0px 2px rgba(0,0,0,0.2);
    /*padding: 5px 0;*/
}

.dynamicElement.profilePictureEnabled .elunicViewHead {
    /*border-left: 85px solid #0b6485;*/
    padding-left: 101px;
}

.elunicViewHead,
.elunicViewHead .icon,
.elunicViewHead a {
    line-height: 73px;
}

.elunicViewHead,
.elunicViewHead .icon,
.elunicViewHead .uiValue,
.elunicViewHead a {
    /*color: #FFF;*/
    /*font-size: 16px;*/
    font-size: 20px;
    /* font-weight: 400; */
}

.elunicViewHead .icon {
    color: #999;
}

.elunicViewHead .editMode .uiContent {
    min-width: 70px;
    max-width: 400px;
}
.contextBox .uiValue {
    min-width: 70px;
    /* reduced max width to avoid horizontal scrollbars in sidebar task contexts with long package name [bu - 18.07.2017] */
    max-width: 300px;
}

.contextBox .uiValue:is(.fullWidth, .dialogTitle) {
    max-width: 100%;
}

.elunicViewHead .uiValue {
    line-height: 73px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.elunicViewHead .placeholderText {
    position: static;
}

.dynamicElement .elunicViewHead .uiContent {
    width: auto;
    max-width: none;
}

.dynamicElement .elunicViewHead .editLabelIcon {
    color: #FFF;
    opacity: 0.75;
    font-size: 15px;
    margin-left: -7px;
}

.dynamicElement .elunicViewHead .editLabelIcon:hover {
    opacity: 1;
}

.elunicViewHead .leftIcons {
    display: inline-block;
    flex: 0 0 auto;
}

.elunicViewHead .headerBackButton {
    margin: 0 -25px 0 0px;
}

.elunicViewHead .dynamicHeadLeft {
    flex: 1 1 auto;
    overflow: hidden;
    margin-right: 25px;
    padding-left: 20px;
}

.leftIcons ~ .dynamicHeadLeft {
    padding-left: 0;
    margin-left: 20px;
}

.elunicViewHead .dynamicHeadRight {
    flex: 0 0 auto;
}

.dynamicHeadLeft .contentNameLabel .label {
    min-width: 100px;
    flex: 0 10 auto;
    /* This causes the label to disappear for ElunicViews with a large number of tags */
    overflow: hidden; 
    text-overflow: ellipsis;
    /* make sure a overflow to the left side i.e. by border helpers is not hidden */
    margin-left: -10px;
    padding-left: 10px;
    font-weight: 300;
}

.dynamicHeadLeft .contentNameLabel .label .layoutOneCol .borderHelper {
    margin-right: 5px;
    margin-top: -12px;
}

.dynamicHeadLeft .contentNameLabel .label .uiValue {
    overflow: hidden;
    text-overflow: ellipsis;
}

.hasSubTitle .dynamicHeadLeft .contentNameLabel {
    margin-top: -8px;
}

.configMode .elunicViewHead .headerMeta {
    display: inline-block;
    font-size: 14px;
    margin: 0 10px;
}

.elunicViewHead .elunicId {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    visibility: hidden;
    transition: visibility 1s;
}

.softDeletedInfo {
    font-style: italic;
    margin: 0 0.5rem;
    color: #000;
}

.elunicViewHead:hover .elunicId {
    visibility: visible;
}

/*.elunicViewHeadLeft {
    padding-left: 20px;
}

.elunicViewHeadLeft .contentNameLabel {
    font-size: 18px;
    font-weight: 300;
}

.configMode .elunicViewHeadLeft .headerMeta {
    display: inline-block;
    font-size: 14px;
}

.elunicViewHeadLeft .className {
    margin: 0 10px;
}

.elunicViewHeadLeft .className a {
    color: #FFF;
}

.elunicViewHeadLeft .className a:hover {
    text-decoration: underline;
}*/

/*.elunicViewHeadRight {
    width: 1px;
}*/

.dynamicButton,
.dynamicButton .buttonElement {
    display: inline-block;
    vertical-align: top;
}

.dynamicButton {
    padding-top: 26px;
    line-height: 35px;
    border-radius: 5px;
    
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    -ms-transition-duration: .1s;
    transition-duration: .1s;
}

.dynamicButton.selected {
    background: #FFF;
}

.dynamicButton.activated {
    cursor: pointer;
}

.dynamicButton.activated.notClickable {
    cursor: default;
}

/*.dynamicButton.activated,
.dynamicButton.activated a,
.dynamicButton.activated .icon {
    color: #FFF;
}*/

.dynamicButton.selected,
.dynamicButton.selected a,
.dynamicButton.selected .icon {
    color: #0b6485;
}

/*.dynamicButton.deactivated,
.dynamicButton.deactivated .icon {
    color: rgba(255, 255, 255, 0.3);
}*/
.dynamicButton.deactivated {
    opacity: 0.33;
}

.dynamicButton.deactivated .label {
    opacity: 0.7;
    text-decoration: none;
    cursor: default;
}

.elunicViewHeadRight .dynamicButton.contextOpen:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    content: "";
    display: block;
    height: 1px;
    margin-bottom: -1px;
    position: relative;
    top: 34px;
}

.dynamicButton.activated:not(.selected):hover,
.dynamicButton.activated:not(.selected).hover,
.dynamicButton.activated.highlight {
    background: rgba(255, 255, 255, 0.2);
}

.dynamicButton .buttonElement {
    line-height: 27px;
    padding: 0 5px;
}

/*.dynamicButton .buttonElement.fa-cloud-upload {
    line-height: 32px;
}*/

.dynamicButton .buttonElement:first-child {
    border: solid rgba(255, 255, 255, 0.2);
    border-width: 0 0 0 1px ;
    padding-left: 14px;
}

.dynamicButton.deactivated .buttonElement:first-child {
    border-left: 1px solid rgba(99,99,99, 0.6);
}

.dynamicButton .buttonElement:last-child {
    padding-right: 14px;
}

/*.dynamicButton.activated:hover .buttonElement,
.dynamicButton.activated.hover .buttonElement {
    border-color: transparent;
}*/

.dynamicButton .label {
    font-size: 14px;
}

.elunicViewHead .dynamicButton .label {
    font-size: 17px;
    font-weight: 300;
}

.dynamicButton .icon {
    text-align: center;
}

.elunicViewHead .dynamicButton .icon {
    font-size: 18px;
}

.dynamicButton .buttonCell {
    line-height: 25px;
    vertical-align: middle;
}

.dynamicButton .icon.buttonCell {
    width: 1px;
    padding-left: 14px;
}

.dynamicButton .label.buttonCell {
    padding-right: 15px;
    white-space: nowrap;
}

.dynamicButton .icon.buttonCell:before {
    padding-right: 7px;
}

.dynamicButton.inverted {
    background: rgba(0, 0, 0, 0.5);
}

.dynamicButton.inverted:hover,
.dynamicButton.inverted.hover {
    background: rgba(0, 0, 0, 0.6);
}

.elunicViewHead .saveAndCloseButton .icon,
.elunicViewHead .saveButton .icon,
.searchOverlay .confirmSearchOverlay .icon {
    font-size: 27px;
}

.contentNameLabel .icon {
    margin-right: 10px;
}

.dynamicElement.profilePictureEnabled .contentNameLabel .classTypeIcon {
    display: none;
}

.contentNameLabel .dirtyFlag {
    display: none;
    /*position: absolute;*/
    margin: -5px 0 0 -5px;
}

.dirty .contentNameLabel {
    /*color: #F4F7C8;*/
    /*color: #0b6485;*/
    color: #199cc8;
}

.invalidElunicView .contentNameLabel {
    color: #F66;
    text-shadow: 0px 0px 3px rgba(255,0,0,0.5);
}

.elunicViewHeadLeft .contentNameLabel {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px;
}

.viewTabs {
    width: 131px;
    position: absolute;
    left: 4px;
    top: 85px;
    bottom: 0;
    z-index: 5;
    /*white-space: nowrap;*/
    text-align: center;
    overflow: hidden;
}

.dynamicElement.profilePictureEnabled .viewTabs {
    top: 113px;
}

.viewTabs .tab {
    cursor: pointer;
    display: inline-block;
    width: 80px;
    font-size: 11px;
    text-transform: uppercase;
    font-family: var(--font-family);
    margin: 0 0 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s;
}

.viewTabs .tab:not(.selected) {
    color: #999;
    transform: scale(0.95);
}

.viewTabs .tab .icon {
    display: block;
    font-size: 36px;
    margin-bottom: 6px;
}

.noTabs .viewTabs {
    display: none;
}

.dynamicElement.deselected .dynamicTabs,
.dynamicElement.deselected .elunicViewHead>* {
    display: none;
}

.dynamicBody {
    position: absolute;
    top: 74px;
    right: 0;
    bottom: 5px;
    left: 0;
}

/*.elunicView.profilePictureEnabled .dynamicBody {*/
/*.elunicView:not(.noTabs) .dynamicBody {
    left: 90px;*/
/*}*/

@media only screen
and (max-width : 800px) {
    .dynamicBody {
        left: 0 !important;
    }
}

.dynamicBody,
.dynamicBody th {
    color: #000;
    font-weight: 100;
}

#largeLoadingIndicator {
    pointer-events:none;
    opacity: 0;
    /*color: #ddd;*/
    font-size: 30px;
    font-weight: 100;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -66px;
    
/*    text-shadow:
        0 0 10px #FFF,
        0 0 10px #FFF,
        0 0 10px #FFF,
        0 0 30px #FFF,
        0 0 30px #FFF,
        0 0 30px #FFF
        -2px 0 #FFF,
        0 2px #FFF,
        2px 0 #FFF,
        0 -2px #FFF;*/
    
    text-shadow: 0 0 20px #999;

    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    transition-duration: .3s;
    z-index: 111;
}

/*.animating .loadingIndicator,*/
#largeLoadingIndicator.visible {
    opacity: 1;
    
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}

.dynamicBody h1.uiTitle:not(.collapsed),
.dialog h1.uiTitle,
.dynamicBody .header1 {
    /* background: #F9F9F9; */
    /*color: #000;*/
    font-size: 17px !important;
    font-weight: 400;
    text-transform: uppercase;
    margin: 15px 0 0;
    padding-bottom: 15px;
    padding-top: 12px;
    /* do not change this. if required, include a sub span and set white-space: normal for the span [bu] */
    white-space: nowrap;
    /*border-bottom: 1px solid #dbdbdb;*/
}

.dynamicBody h1.uiTitle.colorFont {
    text-shadow: 0 0 10px;
}

.uiBlock .uiTitle,
.uiBlock .header1,
.uiBlock h2 {
    z-index: 1;
    position: relative;
    font-size: 15px;
    font-weight: 100;
    padding: 14px 20px 14px 8px;
    margin-top: 15px;
}

.uiBlock .uiTitle.reducedSpacing {
    margin-top: 0px;
    /*padding-top: 14px;*/
    /*margin-bottom: -25px;*/
}

.uiGroup > .childViewsCon.sliding {
    margin: -2px !important;
    padding: 2px !important;
    overflow: hidden;
}

.uiTitleCon.collapsed {
    background: rgba(255,255,255,0.5) !important;
}

.whiteBg .uiTitleCon.collapsed {
    background: #fafafa !important;
    border-radius: var(--border-radius);
    box-shadow: 0 0px 2px #bbb !important;
    margin-top: 18px;
    margin-left: 2px;
    width: calc(100% - 4px);
}

.whiteBg .uiTitleCon:not(.collapsed) .uiTitle.collapsable {
    width: 100%;
    border-bottom: 1px dashed #999;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 16px;
}

.whiteBg .uiTitle {
    /* required in task context: http://screenshot.co/#!/e5acdd4c02 [bu] */
    font-weight: 500;
}

.uiBlock .uiTitle.collapsed {
    padding: 7px 20px 7px 8px;
    margin-top: 11px;
}

.whiteBg .uiTitle.collapsed {
    margin-top: 0;
}

/*.editMode .uiTitle {
    border-bottom: 1px dotted #BBB;
}*/

.uiBlock .uiTitle.fullWidth {
    margin-left: 0px;
}

.uiBlock h2.tableTitle {
    margin-left: 0px;
    padding-left: 7px;
    width: 100%;
}

.uiBlock h3 {
    padding-bottom: 8px;
    margin-bottom: 1px;
    margin-top: 20px;
    border-bottom: 1px dotted #ededed;
    color: #000;
    font-size: 14px;
}

.uiBlock .uiTitle .icon:not(.collapseIcon) {
    /* optimized to look good in here: http://screenshot.co/#!/8ea784431c [bu] */
    font-size: 125%;
    margin-left: 11px;
    margin-right: 7px;
    opacity: 0.4;
    vertical-align: -1px;
}

.uiBlock .uiTitle .icon:not(.collapseIcon):hover {
    opacity: 1;
}

.bodyOverflow {
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    /*top: 0;*/
/*    right: 0;
    bottom: 0;*/
    /*left: 0;*/
    overflow-y: auto;
}

.bodyPadding {
    width: auto !important;
    /**
     * using border instead of padding makes sure there is also extra space
     * added when scrollbars are required because of body overflow
     */
    border: solid transparent;
    /**
     * use a high bottom border i.e. to make sure there is enough space to
     * select selectBox options even if the select box is on the bottom
     * of the screen
     */
    /*border-width: 10px 40px 117px 40px;*/
    border-width: 15px 40px 1000px 40px;
}

.uiTabsEnabled .bodyPadding {
    border-left: 130px solid transparent !important;
}

iframe#launcher-frame {
    max-width: 100px !important;
}

#footer {
    height: 34px;
    /*background: #FFF;*/
    overflow: hidden;
    position: absolute;
    right: 100px;
    bottom: 5px;
    left: 10px;
    z-index: 10;
    /*border-top: 1px solid #0b6485;*/
/*    border-top-width: 1px;
    border-top-style: solid;*/
}

#footer .iconFlag {
    margin-right: 10px;
    position: relative;
    top: -2px;
}

#footerCrumbs {
    flex: 1 1 auto;
    height: 30px;
    overflow: auto hidden;
    scrollbar-width: none;
}

#projectLogo {
    /*float: right;*/
    line-height: 29px;
    margin: 2px 10px 0 13px;
    flex: 0 0 auto;
}
#projectLogo img {
    max-width: 200px;
    /*max-height: 24px;*/
    max-height: 14px;
    vertical-align: middle;
}

#currentUserData {
    float: right;
    margin: 5px 10px 0;
    padding: 0px 10px 2px 0;
}

#currentUserData:hover {
    color: #0b6485;
}

#userDataContent {
    color: #999999;
    font-weight: 300;
}

#nodeLogo {
    opacity: 0.3;
    cursor: pointer;
    float: right;
    margin: 9px 0 0 15px;
}

#nodeLogo:hover {
    opacity: 1;
}

#nodeLogo.active {
    color: #6B6;
    opacity: 0.5;
}
    
#nodeLogo.active:hover {
    opacity: 1;
}

#smallLoadingIndicator {
    display: inline-block;
    height: 20px;
    margin: 0 9px 0 0;
    position: relative;
    top: -2px;
}

.tabCrumbs .crumbContainer.unpinned {
    flex: 1 1 auto;
}

.tabCrumbs .crumbContainer.pinned {
    flex: 0 1 auto;
    padding-right: 2px;
}

.application .flatShadowIcon {
    flex: 0 0 auto;
    display: inline-block;
    width: 30px;
    color: #FFF !important;
    font-size: 19px;
    line-height: 31px;
    /*padding: 0 2px;*/
    overflow: hidden;
    text-align: center;
    border-radius: 50%;
    background: #CCC;
}

.application .addTabIcon {
    background: #ddd !important;
    cursor: pointer;
    width: 27px;
    height: 26px;
    line-height: 28px;
    margin-top: 2px;
    margin-left: 5px;
    border-radius: 2px;
    opacity: 0.5;
}

.addTabIcon:hover {
    opacity: 1;
    /*color: #0b6485 !important;*/
    /*background: #E7E7E7 !important;*/
}

.tabCrumbs .crumb {
    max-width: 400px;
    cursor: pointer;
    /*color: #999;*/
    font-weight: 100;
    font-family: var(--font-family);
    font-size: 12px;
    padding: 6px 7px 2px 19px;
    vertical-align: top;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    
    -webkit-transition-property: max-width;
    transition-property: max-width;
}

.tabCrumbs.deselected .crumb:not(.lastSelected) {
    max-width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tabCrumbs.deselected .crumb.lastSelected,
.tabCrumbs .crumb:first-child {
    padding-left: 23px;
}

.tabCrumbs .crumb .text {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.tabCrumbs .crumb:last-child .text {
    max-width: none;
}

.tabCrumbs.selected .crumb.active,
.tabCrumbs .crumb:hover {
/*.tabCrumbs .crumb.active div.close {*/
    color: #3d3d3d;
    font-weight: 700;
}

/*.tabCrumbs .crumb.active {
    font-weight: bold;
}*/

.tabCrumbs .crumb:hover {
    background: #F7F7F7;
}

.tabCrumbs .unpinned .crumb:not(:hover) .moreIcon {
    display: none;
}

.tabCrumbs .crumb .moreIcon {
    background: #F7F7F7;
    font-size: 14px;
    position: absolute;
    margin: -2px 0 0 -17px;
}

.tabCrumbs .crumb .arrow {
    position: absolute;
    border: 4px solid transparent;
    border-left-color: #bfbfbf;
    margin: 5px 0 0 -12px;
}

.tabCrumbs .crumb:hover .arrow,
.tabCrumbs.selected .crumb.active .arrow {
    border-left-color: #888;
}

.tabCrumbs .crumb .close {
    height: 11px;
    flex: 0 0 auto;
    color: #aaa;
    margin-left: 1px;
}

.tabCrumbs .crumb .close:hover {
    color: #0b6485;
}

.tabCrumbs .crumb .close.active {
    color: #FFF;
}

.tabCrumbs .icon {
    flex: 0 0 auto;
    font-size: 11px;
    margin: 4px 4px 0 0;
}

.tabCrumbs .dirty,
.tabCrumbs .dirty .icon{
    /*font-weight: bold;*/
    color: black;
}

.tabCrumbs .dirtyFlag {
    display: none;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 1px;
    /*margin-left: -1px;*/
}

.tabCrumbs .dirty .dirtyFlag {
    display: inline-block;
}

.tabCrumbs .deactivateCrumbs.inactive:not(.dirty) {
    display: none;
}

.tabCrumbs .crumb.active .close {
    opacity: 1;
}

.tabCrumbs .crumb.active span.dirtyFlag,
.tabCrumbs .dirty span.dirtyFlag {
    color: red;
}

.tabCrumbs .close {
    opacity: 0;
}

.tabCrumbs:hover .close {
    opacity: 1;
}

.tabCrumbs .deactivateCrumbs.inactive:not(.dirty) {
    display: none;
}

/* ======== FLASH MESSENGER START ========= */

#flashMessenger {
    width: 400px;
    position: fixed;
    right: 20px;
    bottom: 60px;
    z-index: 10006;
    font-family: var(--font-family);
    --padding: 1rem;
    text-align: right;
}

.flashMessage {
    line-height: 22px;
    background: #0b6485;
    color: #FFF;
    border: none;
    padding: calc(var(--padding) / 3) var(--padding);
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    border-radius: var(--border-radius-lg) var(--border-radius-sm) var(--border-radius-sm) var(--border-radius-lg);
    transition: border-radius .5s ease-in-out;
    width: fit-content;
    margin-left: auto;
}

.flashMessage:first-child,
.flashMessage.round-top,
.flashMessage.round-bottom + .flashMessage {
    border-top-left-radius: var(--border-radius-lg);
    border-top-right-radius: var(--border-radius-lg);
}

.flashMessage.round-bottom {
    border-bottom-left-radius: var(--border-radius-lg);
    border-bottom-right-radius: var(--border-radius-lg);
}

.flashMessage:last-child{
    border-bottom-left-radius: var(--border-radius-lg);
    border-bottom-right-radius: var(--border-radius-lg) !important;
}

#flashMessenger .flashMessage a {
    font-weight: 900;
    font-size: 12px;
}
.flashMessage.clickable {
    cursor: pointer;
}
.flashMessage > p {
    display: flex;
}
.flashMessage .icon {
    color: #FFF;
    position: relative;
    top: .225rem;
}
.flashMessage .message {
    vertical-align: middle;
    margin-left: 10px;
    white-space: normal;
    vertical-align: top;
    font-size: 13px;
    box-sizing: border-box;
}

.flashMessage.warning {
    color: #333;
    background: #FFEECC;
}
.flashMessage.warning .icon {
    color: var(--color-orange);
}

.flashMessage.error {
    color: var(--color-red);
    background: #FEE;
    border: 1px solid var(--color-red-light);
}
.flashMessage.error .icon {
    color: var(--color-red);
}

.flashMessage.success {
    color: #333;
    background: #EFE;
    border: 1px solid var(--color-green);
    color: var(--color-green);
}
.flashMessage.success .icon {
    color: var(--color-green);
}

@media only screen
and (max-width : 800px) {
    #flashMessenger {
        max-width: 20rem;
        width: calc(100vw - 2rem);
        bottom: 1rem;
        right: 1rem;
    }
    
    .flashMessage {
        padding: calc(var(--padding) / 4) calc(var(--padding) / 2);
    }

    .flashMessage .icon {
        top: .1125rem;
    }
}

/* ======== FLASH MESSENGER END ========= */

#hideAddressBarHelper {
    display: none;
/*    width: 10px;
    position: absolute;
    top: 0;
    bottom: -100px;*/
}

#footerIcons {
    float: right;
    line-height: 35px;
    /*font-size: 22px;*/
    flex: 0 0 auto;
    white-space: nowrap;
}

#footerIcons .icon {
    font-size: 19px;
    margin-right: 10px;
    margin-left: 7px;
}

/* ============= CHAT ============ */
#openChatIcon .count,
#openChatIcon .iconButton {
}

#openChatIcon:before {
    content: '';
    width: 1px;
    height: 20px;
    /*background: #E0E0E0;*/
    position: absolute;
    margin: 5px 0 0 -10px;
}

#chatBox {
    bottom: -1px !important;
}

#chatBox .recipient .uiContent {
    width: 200px;
}

#chatBox .recipient .items {
    position: relative;
    top: -5px;
}

.button {
    font-family: var(--font-family);
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
    background: #ebebeb;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 10px;
    margin: .25rem;
    border-radius: var(--border-radius);
    box-sizing: border-box;
}
.button:hover,
.button.highlight {
    background: #0b6485;
    opacity: 0.8;
    color: #ebebeb;
}

.button.highlight {
    opacity: 0.66;
}

.button:hover {
    opacity: 1;
}

.button:hover .icon,
.button.highlight .icon {
    color: #ebebeb;
}
.tabLayoutCompact .button
{
    margin: 0 0 2px;
}
.button.disabled {
    cursor: default;
    opacity: 0.5 !important;
}

.button .icon {
    margin-right: 6px;
}
.button.iconButtonCircle .icon {
    margin-right: 0px;
}

.customScrollIndicator {
    cursor: pointer;
    width: 6px;
    height: 9px;
    position: absolute !important;
    right: 4px;
    opacity: 0.2;
    -webkit-transition: opacity 0.3s ease-out, width 0.3s ease, margin-left 0.3s ease;
    margin-left: 2px;
    padding: 3px 0;
    z-index: 300;
}

.customScrollIndicator .body {
    background: #000;
    height: 100%;
    width: 100%;
    border-radius: 2px;
}

.customScrollIndicator.hidden {
    opacity: 0!important;
    -webkit-transition: opacity 0.8s ease;
}

.customScrollIndicator.dragging,
.customScrollIndicator:hover {
    opacity: 0.3;
    -webkit-transition: opacity 0.1s ease-in, margin-left 0.3s ease, width 0.3s ease;
    width: 8px;
    margin-left: 0px;
    /*width: 10px;*/
}


.customScrollIndicator.tiny {
    width: 4px;
}
.customScrollIndicator.tiny.dragging,
.customScrollIndicator.tiny:hover {
    width: 6px;
}
.customScrollIndicator.small {
    width: 7px;
}
.customScrollIndicator.small.dragging,
.customScrollIndicator.small:hover {
    width: 9px;
}
.customScrollIndicator.normal {
    width: 10px;
}
.customScrollIndicator.normal.dragging,
.customScrollIndicator.normal:hover {
    width: 12px;
}


/*.customScrollIndicator.conHover {
    opacity: 0.1;
    -webkit-transition: opacity 0.3s ease-in;
}*/

/*.elunicTooltip {
    box-shadow: 0 0 2px #ebebeb;
}

.elunicTooltip .content {
    padding: 10px 20px;
}*/

.elunicHeaderTooltip .content {
    font-size: 18px;
    /* color: var(--color-app) !important; */
    /*padding: 8px 13px;*/
}

/* Im not sure if this should be placed here! @hoechts */
/*.elunicViewHeadLeft .eList {
    padding-top: 0px;
    min-height: 0px;
}*/
.elunicViewHeadLeft table.uiContainer {
    display: inline-block;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: -11px;
}
/*.elunicViewHeadLeft .eListItem .text {
    color: white;
}*/

.dynamicElement .kpiExtension {
    width: 115px;
    /*background: #fcfcfc;*/
    /*border-left: 1px solid #ededed;*/
    position: absolute;
    right: 10px;
    top: 30px;
    /*bottom: 0;*/
    z-index: 7;
    text-align: center;
}

.animating .dynamicElement .kpiExtension {
    display: none;
}

.dynamicElement .kpiExtension .kpi {
    width: 60px;
    margin: 0 auto 30px;
    position: relative;
    opacity: 0.8;
}

.dynamicElement .kpiExtension .kpi:hover {
    opacity: 1;
}

.dynamicElement .kpiExtension .kpi:last-child {
    margin-bottom: 0;
}

.dynamicElement .kpiExtension .kpi.large {
    width: 80px;
}

.dynamicElement .kpiExtension .kpiText {
    line-height: 60px;
    color: #0b6485;
    font-size: 17px;
    font-weight: bold;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.dynamicElement .kpiExtension .kpi.large .kpiText {
    line-height: 80px;
    font-size: 20px;
}

.dynamicElement .kpiExtension .kpiTitle {
    margin-top: 5px;
}

.dynamicElement .kpiExtension .circlet {
    border-left: none;
    border-right: none;
}

.kpiExtensionActive .bodyOverflow {
    right: 105px;
    width: auto;
}

.dynamicButton.hasRemoteChanges .icon {
    border: 1px solid #FFF;
    width: 30px;
    border-radius: 7px;
    padding: 2px 0 0;
    margin-top: -2px;
    background: var(--color-red);
}


.callStackChart {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    z-index: 11;
}

.callStackChart td {
    vertical-align: top;
}

.redFont {
    color: #F44 !important;
}

.greenFont {
    color: #2FE52F !important;
}

.contentTabs {
    flex: 1 1 auto;
}

.animating .contentTabs {
    display: none;
}

/* still required? */
.activityTabs {
    width: 300px;
    flex: 0 0 auto;
    justify-content: center;
}

.elunicView {
    background: -webkit-linear-gradient(top,
        rgba(0,0,0,0.07) 66px,
        rgba(0,0,0,0.0) 150px
    );
    background: -moz-linear-gradient(top,
        rgba(0,0,0,0.07) 66px,
        rgba(0,0,0,0.0) 150px
    );
    background: linear-gradient(top,
        rgba(0,0,0,0.07) 66px,
        rgba(0,0,0,0.0) 150px
    );
}

.contextBox .filePreview.multipleFiles {
    display: block !important;
}
.contextBox .filePreview.multipleFiles .file {
    display: block;
    width: calc(100% - 18px);
}
.contextBox .filePreview.multipleFiles .file:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 40px;
}
.contextBox .filePreview.multipleFiles .file .filename {
    font-size: 16px;
    margin: 5px 0;
}
.contextBox .filePreview.multipleFiles .file iframe {
    display: block;
    border: 1px solid #ccc;
    width: 100%;
    min-height: 300px;
}

@media only screen
and (max-width : 800px) {
    .optimizeViewIndicator {
        display: none !important;
    }
}

/* Because attempting to call a number from eAdmin fails due to z-index problems. */
.sipgateffx_pointer_wrapper {
    z-index: 150;
}

.bold,
.bold .uiValue {
    font-weight: 600 !important;
}

/* Kanban Dashboard */

.kanbanTable .mainTable {
    box-shadow: none !important;
    width: 100%;
}

.kanbanTable .mainTableCon {
    width: 100%;
}

.kanbanTable .elunicTable  {
    width: 100%;
}

/* Hide viewConfig and table head */
.kanbanTable .viewConfigSearchButton,
.kanbanTable thead
{
    display: none;
}

.kanbanTable .mainTable {
    min-width: 259px !important;
}

/* Hide all cells apart from the status one (which will be filled with the template) */
.kanbanTable td.tableRowCell {
    display: none;
}

.kanbanTable td.tableRowCell.kanbanCell {
    display: block;
    max-width: 100%;
    padding: 1em;
    /* Let the rows be as high as required */
    height: auto;
    white-space: initial;
    /*word-wrap: break-word;*/
}

/* Space a bit the rows */
.kanbanTable tr.kanbanRowSeparated {
    display: block;
    margin-bottom: 0.5em;
}

.kanbanTable td.kanbanCell table {
    width: 100%;
}

.kanbanTable td.kanbanCell .uiCirclet {
    padding: 1em;
}

.kanbanTable td.tableRowCell.kanbanCell i{
}

.kanbanGrid {
    padding-left: 10px;
    max-width: 99%
}

.red {
    color: var(--color-red);
}
.orange {
    color: var(--color-orange);
}
.green {
    color: var(--color-green);
}

body:not(.isAdmin) #footerIcons>*:not(.userVisible) {
    display: none;
}

body:not(.isAdmin) #footerIcons> :is(.iconFlag, #smallLoadingIndicator) {
    display: inline-block;
}

@media only screen
and (max-width : 800px) {
    .footerConnectionIndicatorContext {
        display: none !important;
    }
}

.errorIndicator .count {
    background: #fff;
    width: 13px;
    height: 13px;
    line-height: 13px;
    color: var(--color-red);
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    border-radius: 50%;
    margin: 8px 0 0 -7px;
    text-align: center;
    border: 1px solid var(--color-red);
    font-family: sans-serif;
    z-index: 1;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    content: "\f071" !important;
    color: var(--color-red) !important;
}

.elunicViewSubTitle {
    max-width: 400px;
    position: absolute;
    line-height: 22px;
    margin: 53px 0 0 5px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.66;
}

#loading [id^='dot'] {
    animation: loadingspin 1.5s infinite cubic-bezier(0.75, 0.39, 0.08, 0.67);
    transform-origin: 50% 50%;
}
#loading  #dot1 {
    animation-delay: 0.2s;
}
#loading  #dot2 {
    animation-delay: 0.4s;
}
#loading  #dot3 {
    animation-delay: 0.6s;
}
@keyframes loadingspin {
    0% {
        transform: rotate(0deg);
    }
  
    to {
        transform: rotate(1turn);
    }
}

/*/var/www/html/public/modules/Core/css/initial-loader.css*/
#initialLoader {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: center;
    margin-top: -50px;
    z-index: 10000;
}
#initialLoader .transition {
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    -ms-transition-duration: .4s;
    transition-duration: 0.4s;
}

#initialLoader .label {
    font-size: 30px;
    letter-spacing: 10px;
    margin-left: 10px;
}

#initialLoader #iconContainer {
    max-width: 200px;
    max-height: 200px;
    margin: auto;
    position: relative;
}
#initialLoader #iconLayover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.9;
    transition-property: bottom;
    background: #f6f6f6;
}
#initialLoader #loadingIcon {
    width: 100%;
    z-index: 1;
    opacity: 0;
}

#initialLoader .indicator {
    width: 300px;
    border-width: 1px;
    border-style: solid;
    padding: 1px;
    margin: 10px auto;
}

#initialLoader .bar {
    width: 0;
    height: 10px;
    /*background: #FFF;*/
    
/*    -webkit-transition-duration: .9s;
    -moz-transition-duration: .9s;
    -o-transition-duration: .9s;
    -ms-transition-duration: .9s;
    transition-duration: .9s;*/
}
/*/var/www/html/public/modules/Core/css/defaultColors.css*/
/*
 * START - Definition of colors.
 * If you change this part of the CSS-file you must also update
 * the admin-Layout file!
 * @cgusmini, 20.01.2015
 */
:root {
    --color-alpha: 1;
    --color-app-h: 196deg;
    --color-app-s: 84%;
    --color-app-l: 47%;
    --color-main-h: 0deg;
    --color-main-s: 0%;
    --color-main-l: 28%;
    --color-red-h: 8deg;
    --color-red-s: 61%;
    --color-red-l: 51%;
    --color-green-h: 128deg;
    --color-green-s: 50%;
    --color-green-l: 50%;
    --color-orange-h: 35deg;
    --color-orange-s: 100%;
    --color-orange-l: 50%;
    --highlight-color: hsl(from var(--color-app) h s min(35, l));
}

* {
    --color-app: hsl(var(--color-app-h) var(--color-app-s) var(--color-app-l) / var(--color-alpha));
    --color-main: hsl(var(--color-main-h) var(--color-main-s) var(--color-main-l) / var(--color-alpha));
    --color-red: hsl(var(--color-red-h) var(--color-red-s) var(--color-red-l) / var(--color-alpha));
    --color-red-light: hsl(var(--color-red-h) var(--color-red-s) 60% / var(--color-alpha));
    --color-orange: hsl(var(--color-orange-h) var(--color-orange-s) var(--color-orange-l) / var(--color-alpha));
    --color-green: hsl(var(--color-green-h) var(--color-green-s) var(--color-green-l) / var(--color-alpha));
    --color-grey-light: hsl(0, 0%, 88%);
    --color-grey: hsl(0, 0%, 68%);
}

.colorBg {
    background: var(--color-app);
}

.colorBgRed {
    background: #ce4934;
}

.colorBgHover:hover {
    background: var(--color-app);
}

.colorBgImportant {
    background: var(--color-app) !important;
}

.colorBgRedImportant {
    background: #a53928 !important;
}

.colorFont,
.colorFont .icon {
    color: var(--color-app);
}

.colorFontHover:hover,
.colorFontHover:hover .icon {
    color: var(--color-app);
}

#mainLeftCol .colorFont .icon {
    color: var(--color-app);
}

.colorFontImportant {
    color: var(--color-app) !important;
}

.colorHover:hover,
.colorHover:hover .icon {
    color: var(--color-app);
}

.colorBorder,
#mainLeftCol .border {
    border-color: var(--color-app);
}

.colorBorderImportant {
    border-color: var(--color-app) !important;
}

.selectBoxMultiHasChange .firstRow {
    font-weight: bold;
    color: var(--highlight-color);
}

.hasChange {
    font-weight: bold;
    color: var(--highlight-color);

    .borderHelper {
        border-color: var(--color-app) !important;
    }

    :is(input, textarea):not(:focus) {
        font-weight: bold;
        color: var(--highlight-color);
    }

    input[type="checkbox"] {
        accent-color: var(--highlight-color);
    }

    .uiCheckBox .checkBoxLabel {
        font-weight: bold;
        color: var(--highlight-color);
    }

    .cke_top, .cke_contents {
        border-color: var(--highlight-color);
    }
}

.colorBgActive.active,
.colorBgSelected.selected,
.colorBgSelected.selected .icon {
    background: var(--color-app);
}

.colorFontSelected.selected,
.colorFontSelected.selected .icon {
    color: var(--color-app);
}

.iconButton.colorFontImportant {
    color: var(--color-app) !important;
}

input,
textarea {
    outline-color: var(--color-app);
}

.contextBox .arrowBg {
    border-color: var(--color-app);
}

.button:hover {
    background: var(--color-app);
}

/*
 * END - Definition of colors.
 */

.text-boring {
    color: currentColor !important;
}

.text-red {
    color: var(--color-red) !important;
}

.text-orange {
    color: var(--color-orange) !important;
}

.text-green {
    color: var(--color-green) !important;
}

.text-red-hover:hover {
    color: var(--color-red) !important;
}

.text-orange-hover:hover {
    color: var(--color-orange) !important;
}

.text-green-hover:hover {
    color: var(--color-green) !important;
}

/*/var/www/html/public/modules/Core/css/custom-icons.css*/
/**
 *  for custom icons
 */
/**
 *  using :where for specificity reasons to not overwrite fontawesome contents
 */
:where(.fab, .fad, .fal, .far, .fas)::before {
    content: "\f111";
    -webkit-mask-image: var(--icon-svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    mask-image: var(--icon-svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center center;
}

:where(.fad)::after {
    content: "\10f111";
    -webkit-mask-image: var(--icon-svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    mask-image: var(--icon-svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center center;
}
.fa-math-count:before {
    content: "\f069 ";
    font-weight: bold;
}
.fa-math-sum:before {
    content: "\f68b";
    font-weight: 500;
}
.fa-math-average:before {
    content: "\2205";
    font-family: initial;
}
.fa-math-ceil:before {
    content: "\2308";
    font-family: initial;
}
.fa-math-floor:before {
    content: "\230A";
    font-family: initial;
}
.fa-math-integral:before {
    content: "\f667";
}
.fa-plus-thin:before {
    content: "\f067";
    font-weight: 300;
}
.fa-spin.fa-ease {
    animation-timing-function: cubic-bezier(0.45, 0.27, 0.1, 0.38);
}
.favourite.fa-heart:hover::before {
    content: "\f7a9";
}

/*/var/www/html/public/modules/Headhunter/css/custom.css*/
.elunicTable td.uiContent.address-check-date {
    width: 58px;
}

.elunicTable td.uiContent.address-check-date input {
    padding-left: 0px;
    padding-right: 0px;
}

.elunicTable .customContactLabel .uiValue {
    color: #999;
}

.elunicTable .uiContent.customContactLabel {
    width: 1px;
}

.lightView .elunicTable .tableRows tr>td.visibleField1.visiblePart1.contactIcon {
    padding-right: 6px;
    text-align: center;
    width: 15px;
}

.tabLayoutCompact .elunicTable .tableRows>tr.newRow>td {
    padding-top: 0px;
    padding-bottom: 0px;
}

.elunicTable .jobCandidatesCount {
    text-align: center;
}

.elunicTable .jobCandidatesCount .tableHeader2 .icon {
    font-size: 17px;
    margin-left: 6px;
}

.elunicTable .jobStatus {
    /*text-align: center;*/
}

.elunicTable .jobStatus .icon {
    margin-right: 14px;
}

.elunicTable .jobStatus .active {
    color: #74d181;
}

.elunicTable .jobStatus .opportunities {
    color: #ff9600;
}

.elunicTable .jobStatus .inactive {
    color: #ce4934;
}

.elunicTable .jobStatus .pending {
    color: #ffde00;
}

.yearInputMaxlength input {}

#footer #projectLogo img {
    max-height: 19px;
    margin-top: -2px;
    margin-left: -4px;
}

.greyBg {
    background: #f7f7f7;
}

.tableRow:hover td.greyBg {
    background: #f3f3f3 !important;
}

.has-offlimit-company,
.has-offlimit-company>.icon {
    color: var(--color-red);
}

.fab.fa-join::before {
    background-color: currentColor;
    --icon-svg: url(/modules/Headhunter/images/fab-join.svg);
}

.fab.fa-starhunter::before {
    background-color: currentColor;
    --icon-svg: url(/modules/Headhunter/images/fab-starhunter.svg);
}

.fad.fa-starhunter::before {
    background-color: currentColor;
    --icon-svg: url(/modules/Headhunter/images/fad-starhunter-a.svg);
}

.fad.fa-starhunter::after {
    background-color: currentColor;
    --icon-svg: url(/modules/Headhunter/images/fad-starhunter-b.svg);
}

.far.fa-starhunter::before {
    background-color: currentColor;
    --icon-svg: url(/modules/Headhunter/images/far-starhunter.svg);
}

.fas.fa-starhunter::before {
    background-color: currentColor;
    --icon-svg: url(/modules/Headhunter/images/fas-starhunter.svg);
}

.fal.fa-starhunter::before {
    background-color: currentColor;
    --icon-svg: url(/modules/Headhunter/images/fal-starhunter.svg);
}

/*/var/www/html/public/modules/Core/libs/jsoneditor/jsoneditor.css*/
/* reset styling (prevent conflicts with bootstrap, materialize.css, etc.) */

div.jsoneditor .jsoneditor-search input {
  height: auto;
  border: inherit;
}

div.jsoneditor .jsoneditor-search input:focus {
  border: none !important;
  box-shadow: none !important;
}

div.jsoneditor table {
  border-collapse: collapse;
  width: auto;
}

div.jsoneditor td,
div.jsoneditor th {
  padding: 0;
  display: table-cell;
  text-align: left;
  vertical-align: inherit;
  border-radius: inherit;
}


div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor-readonly {
  border: 1px solid transparent;
  min-height: 16px;
  min-width: 32px;
  padding: 2px;
  margin: 1px;
  word-wrap: break-word;
  float: left;
}

/* adjust margin of p elements inside editable divs, needed for Opera, IE */

div.jsoneditor-field p,
div.jsoneditor-value p {
  margin: 0;
}

div.jsoneditor-value {
  word-break: break-word;
}

div.jsoneditor-readonly {
  min-width: 16px;
  color: gray;
}

div.jsoneditor-empty {
  border-color: lightgray;
  border-style: dashed;
  border-radius: 2px;
}

div.jsoneditor-field.jsoneditor-empty::after,
div.jsoneditor-value.jsoneditor-empty::after {
  pointer-events: none;
  color: lightgray;
  font-size: 8pt;
}

div.jsoneditor-field.jsoneditor-empty::after {
  content: "field";
}

div.jsoneditor-value.jsoneditor-empty::after {
  content: "value";
}

div.jsoneditor-value.jsoneditor-url,
a.jsoneditor-value.jsoneditor-url {
  color: green;
  text-decoration: underline;
}

a.jsoneditor-value.jsoneditor-url {
  display: inline-block;
  padding: 2px;
  margin: 2px;
}

a.jsoneditor-value.jsoneditor-url:hover,
a.jsoneditor-value.jsoneditor-url:focus {
  color: #ee422e;
}

div.jsoneditor td.jsoneditor-separator {
  padding: 3px 0;
  vertical-align: top;
  color: gray;
}

div.jsoneditor-field[contenteditable=true]:focus,
div.jsoneditor-field[contenteditable=true]:hover,
div.jsoneditor-value[contenteditable=true]:focus,
div.jsoneditor-value[contenteditable=true]:hover,
div.jsoneditor-field.jsoneditor-highlight,
div.jsoneditor-value.jsoneditor-highlight {
  background-color: #FFFFAB;
  border: 1px solid yellow;
  border-radius: 2px;
}

div.jsoneditor-field.jsoneditor-highlight-active,
div.jsoneditor-field.jsoneditor-highlight-active:focus,
div.jsoneditor-field.jsoneditor-highlight-active:hover,
div.jsoneditor-value.jsoneditor-highlight-active,
div.jsoneditor-value.jsoneditor-highlight-active:focus,
div.jsoneditor-value.jsoneditor-highlight-active:hover {
  background-color: #ffee00;
  border: 1px solid #ffc700;
  border-radius: 2px;
}

div.jsoneditor-value.jsoneditor-string {
  color: #008000;
}

div.jsoneditor-value.jsoneditor-object,
div.jsoneditor-value.jsoneditor-array {
  min-width: 16px;
  color: #808080;
}

div.jsoneditor-value.jsoneditor-number {
  color: #ee422e;
}

div.jsoneditor-value.jsoneditor-boolean {
  color: #ff8c00;
}

div.jsoneditor-value.jsoneditor-null {
  color: #004ED0;
}

div.jsoneditor-value.jsoneditor-invalid {
  color: #000000;
}

div.jsoneditor-tree button {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background: transparent url("/modules/Core/libs/jsoneditor/img/jsoneditor-icons.svg");
}

div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree,
div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree {
  cursor: pointer;
}

div.jsoneditor-tree button.jsoneditor-collapsed {
  background-position: 0 -48px;
}

div.jsoneditor-tree button.jsoneditor-expanded {
  background-position: 0 -72px;
}

div.jsoneditor-tree button.jsoneditor-contextmenu {
  background-position: -48px -72px;
}

div.jsoneditor-tree button.jsoneditor-contextmenu:hover,
div.jsoneditor-tree button.jsoneditor-contextmenu:focus,
div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
  background-position: -48px -48px;
}

div.jsoneditor-tree *:focus {
  outline: none;
}

div.jsoneditor-tree button:focus {
  /* TODO: nice outline for buttons with focus
  outline: #97B0F8 solid 2px;
  box-shadow: 0 0 8px #97B0F8;
  */
  background-color: #f5f5f5;
  outline: #e5e5e5 solid 1px;
}

div.jsoneditor-tree button.jsoneditor-invisible {
  visibility: hidden;
  background: none;
}

div.jsoneditor {
  color: #1A1A1A;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
  line-height: 100%;
}

div.jsoneditor-tree table.jsoneditor-tree {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0;
}

div.jsoneditor-outer {
  position: static;
  width: 100%;
  height: 100%;
  margin: -35px 0 0 0;
  padding: 35px 0 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

div.jsoneditor-outer.has-nav-bar {
  margin: -61px 0 0 0;
  padding: 61px 0 0 0;
}

div.jsoneditor-outer.has-status-bar {
  margin: -35px 0 -26px 0;
  padding: 35px 0 26px 0;
}

textarea.jsoneditor-text,
.ace-jsoneditor {
  min-height: 250px;
}

div.jsoneditor-tree {
  width: 100%;
  height: 100%;
  min-height: 250px;
  position: relative;
  overflow: hidden;
}

textarea.jsoneditor-text {
  width: 100%;
  height: 100%;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline-width: 0;
  border: none;
  background-color: white;
  resize: none;
}

tr.jsoneditor-highlight,
tr.jsoneditor-selected {
  background-color: #e6e6e6;
}

tr.jsoneditor-selected button.jsoneditor-dragarea,
tr.jsoneditor-selected button.jsoneditor-contextmenu {
  visibility: hidden;
}

tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
  visibility: visible;
}

div.jsoneditor-tree button.jsoneditor-dragarea {
  background: url("/modules/Core/libs/jsoneditor/img/jsoneditor-icons.svg") -72px -72px;
  cursor: move;
}

div.jsoneditor-tree button.jsoneditor-dragarea:hover,
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
  background-position: -72px -48px;
}

div.jsoneditor tr,
div.jsoneditor th,
div.jsoneditor td {
  padding: 0;
  margin: 0;
}

div.jsoneditor td {
  vertical-align: top;
}

div.jsoneditor td.jsoneditor-tree {
  vertical-align: top;
}

div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor td,
div.jsoneditor th,
div.jsoneditor textarea,
.jsoneditor-schema-error {
  font-family: droid sans mono, consolas, monospace, courier new, courier, sans-serif;
  font-size: 10pt;
  color: #1A1A1A;
}

/* popover */

.jsoneditor-schema-error {
  cursor: default;
  display: inline-block;
  /*font-family: arial, sans-serif;*/
  height: 24px;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 24px;
}

div.jsoneditor-tree .jsoneditor-schema-error {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url("/modules/Core/libs/jsoneditor/img/jsoneditor-icons.svg")  -168px -48px;
}

.jsoneditor-schema-error .jsoneditor-popover {
  background-color: #4c4c4c;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
  color: #fff;
  display: none;
  padding: 7px 10px;
  position: absolute;
  width: 200px;
  z-index: 4;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above {
  bottom: 32px;
  left: -98px;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below {
  top: 32px;
  left: -98px;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left {
  top: -7px;
  right: 32px;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right {
  top: -7px;
  left: 32px;
}

.jsoneditor-schema-error .jsoneditor-popover:before {
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  content: '';
  display: block;
  left: 50%;
  margin-left: -7px;
  position: absolute;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before {
  border-top: 7px solid #4c4c4c;
  bottom: -7px;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before {
  border-bottom: 7px solid #4c4c4c;
  top: -7px;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left:before {
  border-left: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: '';
  top: 19px;
  right: -14px;
  left: inherit;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right:before {
  border-right: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: '';
  top: 19px;
  left: -14px;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}

.jsoneditor-schema-error:hover .jsoneditor-popover,
.jsoneditor-schema-error:focus .jsoneditor-popover {
  display: block;
  -webkit-animation: fade-in .3s linear 1, move-up .3s linear 1;
  -moz-animation: fade-in .3s linear 1, move-up .3s linear 1;
  -ms-animation: fade-in .3s linear 1, move-up .3s linear 1;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-ms-keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*@-webkit-keyframes move-up {*/

/*from   { bottom: 24px; }*/

/*to { bottom: 32px; }*/

/*}*/

/*@-moz-keyframes move-up {*/

/*from   { bottom: 24px; }*/

/*to { bottom: 32px; }*/

/*}*/

/*@-ms-keyframes move-up {*/

/*from   { bottom: 24px; }*/

/*to { bottom: 32px; }*/

/*}*/

/* JSON schema errors displayed at the bottom of the editor in mode text and code */

.jsoneditor .jsoneditor-text-errors {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffef8b;
  border-top: 1px solid #ffd700;
}

.jsoneditor .jsoneditor-text-errors td {
  padding: 3px 6px;
  vertical-align: middle;
}

.jsoneditor-text-errors .jsoneditor-schema-error {
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url("/modules/Core/libs/jsoneditor/img/jsoneditor-icons.svg")  -168px -48px;
}
/* ContextMenu - main menu */

div.jsoneditor-contextmenu-root {
  position: relative;
  width: 0;
  height: 0;
}

div.jsoneditor-contextmenu {
  position: absolute;
  box-sizing: content-box;
  z-index: 99999;
}

div.jsoneditor-contextmenu ul,
div.jsoneditor-contextmenu li {
  box-sizing: content-box;
  position: relative;
}

div.jsoneditor-contextmenu ul {
  position: relative;
  left: 0;
  top: 0;
  width: 128px;
  background: white;
  border: 1px solid #d3d3d3;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  list-style: none;
  margin: 0;
  padding: 0;
}

div.jsoneditor-contextmenu ul li button {
  position: relative;
  padding: 0 4px 0 0;
  margin: 0;
  width: 128px;
  height: auto;
  border: none;
  cursor: pointer;
  color: #4d4d4d;
  background: transparent;
  font-size: 10pt;
  /*font-family: arial, sans-serif;*/
  box-sizing: border-box;
  text-align: left;
}

/* Fix button padding in firefox */

div.jsoneditor-contextmenu ul li button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

div.jsoneditor-contextmenu ul li button:hover,
div.jsoneditor-contextmenu ul li button:focus {
  color: #1a1a1a;
  background-color: #f5f5f5;
  outline: none;
}

div.jsoneditor-contextmenu ul li button.jsoneditor-default {
  width: 96px;
  /* 128px - 32px */
}

div.jsoneditor-contextmenu ul li button.jsoneditor-expand {
  float: right;
  width: 32px;
  height: 24px;
  border-left: 1px solid #e5e5e5;
}

div.jsoneditor-contextmenu div.jsoneditor-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: none;
  padding: 0;
  margin: 0;
  background-image: url("/modules/Core/libs/jsoneditor/img/jsoneditor-icons.svg");
}

div.jsoneditor-contextmenu ul li ul div.jsoneditor-icon {
  margin-left: 24px;
}

div.jsoneditor-contextmenu div.jsoneditor-text {
  padding: 4px 0 4px 24px;
  word-wrap: break-word;
}

div.jsoneditor-contextmenu div.jsoneditor-text.jsoneditor-right-margin {
  padding-right: 24px;
}

div.jsoneditor-contextmenu ul li button div.jsoneditor-expand {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url("/modules/Core/libs/jsoneditor/img/jsoneditor-icons.svg") 0 -72px;
  opacity: 0.4;
}

div.jsoneditor-contextmenu ul li button:hover div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li button:focus div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li.jsoneditor-selected div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li button.jsoneditor-expand:hover div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li button.jsoneditor-expand:focus div.jsoneditor-expand {
  opacity: 1;
}

div.jsoneditor-contextmenu div.jsoneditor-separator {
  height: 0;
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px;
}

div.jsoneditor-contextmenu button.jsoneditor-remove > div.jsoneditor-icon {
  background-position: -24px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-remove:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-remove:focus > div.jsoneditor-icon {
  background-position: -24px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-append > div.jsoneditor-icon {
  background-position: 0 -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-append:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-append:focus > div.jsoneditor-icon {
  background-position: 0 0;
}

div.jsoneditor-contextmenu button.jsoneditor-insert > div.jsoneditor-icon {
  background-position: 0 -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-insert:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-insert:focus > div.jsoneditor-icon {
  background-position: 0 0;
}

div.jsoneditor-contextmenu button.jsoneditor-duplicate > div.jsoneditor-icon {
  background-position: -48px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-duplicate:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-duplicate:focus > div.jsoneditor-icon {
  background-position: -48px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-sort-asc > div.jsoneditor-icon {
  background-position: -168px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-sort-asc:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-sort-asc:focus > div.jsoneditor-icon {
  background-position: -168px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-sort-desc > div.jsoneditor-icon {
  background-position: -192px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-sort-desc:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-sort-desc:focus > div.jsoneditor-icon {
  background-position: -192px 0;
}

/* ContextMenu - sub menu */

div.jsoneditor-contextmenu ul li button.jsoneditor-selected,
div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover,
div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus {
  color: white;
  background-color: #ee422e;
}

div.jsoneditor-contextmenu ul li {
  overflow: hidden;
}

div.jsoneditor-contextmenu ul li ul {
  display: none;
  position: relative;
  left: -10px;
  top: 0;
  border: none;
  box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
  padding: 0 10px;
  /* TODO: transition is not supported on IE8-9 */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}



div.jsoneditor-contextmenu ul li ul li button {
  padding-left: 24px;
  animation: all ease-in-out 1s;
}

div.jsoneditor-contextmenu ul li ul li button:hover,
div.jsoneditor-contextmenu ul li ul li button:focus {
  background-color: #f5f5f5;
}

div.jsoneditor-contextmenu button.jsoneditor-type-string > div.jsoneditor-icon {
  background-position: -144px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-type-string:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-string:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-string.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -144px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-type-auto > div.jsoneditor-icon {
  background-position: -120px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-type-auto:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-auto:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-auto.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -120px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-type-object > div.jsoneditor-icon {
  background-position: -72px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-type-object:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-object:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-object.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -72px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-type-array > div.jsoneditor-icon {
  background-position: -96px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-type-array:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-array:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-array.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -96px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-type-modes > div.jsoneditor-icon {
  background-image: none;
  width: 6px;
}
div.jsoneditor-menu {
  width: 100%;
  height: 35px;
  padding: 2px;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  /*background-color: #3883fa;*/
  /*border-bottom: 1px solid #3883fa;*/
  background-color: #ddd;
}

div.jsoneditor-menu > button,
div.jsoneditor-menu > div.jsoneditor-modes > button {
  width: 26px;
  height: 26px;
  margin: 2px;
  padding: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  background: transparent url("/modules/Core/libs/jsoneditor/img/jsoneditor-icons.svg");
  /*color: white;*/
  opacity: 0.8;
  /*font-family: arial, sans-serif;*/
  font-size: 10pt;
  float: left;
}

div.jsoneditor-menu > button:hover,
div.jsoneditor-menu > div.jsoneditor-modes > button:hover {
  background-color: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.4);
}

div.jsoneditor-menu > button:focus,
div.jsoneditor-menu > button:active,
div.jsoneditor-menu > div.jsoneditor-modes > button:focus,
div.jsoneditor-menu > div.jsoneditor-modes > button:active {
  background-color: rgba(255,255,255,0.3);
}

div.jsoneditor-menu > button:disabled,
div.jsoneditor-menu > div.jsoneditor-modes > button:disabled {
  opacity: 0.5;
}

div.jsoneditor-menu > button.jsoneditor-collapse-all {
  background-position: 0 -96px;
}

div.jsoneditor-menu > button.jsoneditor-expand-all {
  background-position: 0 -120px;
}

div.jsoneditor-menu > button.jsoneditor-undo {
  background-position: -24px -96px;
}

div.jsoneditor-menu > button.jsoneditor-undo:disabled {
  background-position: -24px -120px;
}

div.jsoneditor-menu > button.jsoneditor-redo {
  background-position: -48px -96px;
}

div.jsoneditor-menu > button.jsoneditor-redo:disabled {
  background-position: -48px -120px;
}

div.jsoneditor-menu > button.jsoneditor-compact {
  background-position: -72px -96px;
}

div.jsoneditor-menu > button.jsoneditor-format {
  background-position: -72px -120px;
}

div.jsoneditor-menu > button.jsoneditor-repair {
  background-position: -96px -96px;
}

div.jsoneditor-menu > div.jsoneditor-modes {
  display: inline-block;
  float: left;
}

div.jsoneditor-menu > div.jsoneditor-modes > button {
  background-image: none;
  width: auto;
  padding-left: 6px;
  padding-right: 6px;
}

div.jsoneditor-menu > button.jsoneditor-separator,
div.jsoneditor-menu > div.jsoneditor-modes > button.jsoneditor-separator {
  margin-left: 10px;
}

div.jsoneditor-menu a {
  /*font-family: arial, sans-serif;*/
  font-size: 10pt;
  color: white;
  opacity: 0.8;
  vertical-align: middle;
}

div.jsoneditor-menu a:hover {
  opacity: 1;
}

div.jsoneditor-menu a.jsoneditor-poweredBy {
  font-size: 8pt;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}
table.jsoneditor-search input,
table.jsoneditor-search div.jsoneditor-results {
  /*font-family: arial, sans-serif;*/
  font-size: 10pt;
  color: #1A1A1A;
  background: transparent;
  /* For Firefox */
}

table.jsoneditor-search div.jsoneditor-results {
  color: white;
  padding-right: 5px;
  line-height: 24px;
}

table.jsoneditor-search {
  position: absolute;
  right: 4px;
  top: 4px;
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 1px solid rgba(0,0,0,0.33);
}

table.jsoneditor-search div.jsoneditor-frame {
  border: 1px solid transparent;
  background-color: white;
  padding: 0 2px;
  margin: 0;
}

table.jsoneditor-search div.jsoneditor-frame table {
  border-collapse: collapse;
}

table.jsoneditor-search input {
  width: 120px;
  border: none;
  outline: none;
  margin: 1px;
  line-height: 20px;
}

table.jsoneditor-search button {
  width: 16px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: url("/modules/Core/libs/jsoneditor/img/jsoneditor-icons.svg");
  vertical-align: top;
}

table.jsoneditor-search button:hover {
  background-color: transparent;
}

table.jsoneditor-search button.jsoneditor-refresh {
  width: 18px;
  background-position: -99px -73px;
}

table.jsoneditor-search button.jsoneditor-next {
  cursor: pointer;
  background-position: -124px -73px;
}

table.jsoneditor-search button.jsoneditor-next:hover {
  background-position: -124px -49px;
}

table.jsoneditor-search button.jsoneditor-previous {
  cursor: pointer;
  background-position: -148px -73px;
  margin-right: 2px;
}

table.jsoneditor-search button.jsoneditor-previous:hover {
  background-position: -148px -49px;
}
div.jsoneditor div.autocomplete.dropdown {
  position: absolute;
  background: white;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  border: 1px solid #d3d3d3;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: default;
  margin: 0;
  padding-left: 2pt;
  padding-right: 5pt;
  text-align: left;
  outline: 0;
  font-family: droid sans mono, consolas, monospace, courier new, courier, sans-serif;
  font-size: 10pt;
}

div.jsoneditor div.autocomplete.dropdown .item {
  color: #333;
}

div.jsoneditor div.autocomplete.dropdown .item.hover {
  background-color: #ddd;
}

div.jsoneditor div.autocomplete.hint {
  color: #aaa;
  top: 4px;
  left: 4px;
}
div.jsoneditor-treepath {
  padding: 0 5px;
  overflow: hidden;
}

div.jsoneditor-treepath div.jsoneditor-contextmenu-root {
  position: absolute;
  left: 0;
}

div.jsoneditor-treepath span.jsoneditor-treepath-element {
  margin: 1px;
  /*font-family: arial, sans-serif;*/
  font-size: 10pt;
}

div.jsoneditor-treepath span.jsoneditor-treepath-seperator {
  margin: 2px;
  font-size: 9pt;
  /*font-family: arial, sans-serif;*/
}

div.jsoneditor-treepath span.jsoneditor-treepath-element:hover,
div.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
  cursor: pointer;
  text-decoration: underline;
}
div.jsoneditor-statusbar {
  line-height: 26px;
  height: 26px;
  margin-top: -26px;
  color: #808080;
  background-color: #ebebeb;
  border-top: 1px solid #d3d3d3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10pt;
}

div.jsoneditor-statusbar > .jsoneditor-curserinfo-label {
  margin: 0 2px 0 4px;
}

div.jsoneditor-statusbar > .jsoneditor-curserinfo-val {
  margin-right: 12px;
}

div.jsoneditor-statusbar > .jsoneditor-curserinfo-count {
  margin-left: 4px;
}
div.jsoneditor-navigation-bar {
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #d3d3d3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #808080;
  background-color: #ebebeb;
  font-size: 10pt;
}

div.jsoneditor-navigation-bar.nav-bar-empty:after {
  content: 'Select a node ...';
  color: rgba(104, 104, 91, 0.56);
  position: absolute;
  margin-left: 5px;
}
/*/var/www/html/public/modules/Core/css/scrollbar.css*/
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-color: var(--color-app, #0099D0) transparent;
    scrollbar-width: auto;
  }
}
::-webkit-scrollbar {
  width: 0.75rem;
  height: 0.75rem;
}

::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: hsl(from var(--color-app, #0099D0) h min(35, s) max(80, l));
}

::-webkit-scrollbar-thumb:hover {
  background-color: hsl(from var(--color-app, #0099D0) h min(50, s) max(70, l));
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-moz-selection {
  background: var(--color-app, #0099D0);
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: var(--color-app, #0099D0);
  color: #FFF;
  text-shadow: none;
}

::selection {
  background: var(--color-app, #0099D0);
  color: #FFF;
  text-shadow: none;
}

::-o-selection {
  background: var(--color-app, #0099D0);
  color: #FFF;
  text-shadow: none;
}

::-ms-selection {
  background: var(--color-app, #0099D0);
  color: #FFF;
  text-shadow: none;
}

/*# sourceMappingURL=scrollbar.css.map */

/*/var/www/html/public/modules/Core/css/ui-element/text-assistant.css*/
.textAssistantButton {
    z-index: 10;
    position: absolute;
    bottom: 7px;
    right: 15px;
    background: transparent;
    border: none;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
}

.highlightPulse::after {
    content: '';
    position: absolute;
    bottom: calc(0.25rem - 50%);
    right: -50%;
    width: 29px;
    height: 29px;
    z-index: -1;
    background-color: #3498db;
    border-radius: 50%;
    transform: scale(0);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.textAssistantButton:hover {
    opacity: 1;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    left: -80px;
    width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 100;
    background: white;
    border-radius: 10px;
}

.dropdown-content a {
    text-decoration: none;
    display: block;
}

.show {
    display: block;
}

.assistantOptions {
    display: flex;
    align-items: center;
    padding: 5px 20px 5px 5px;
    width: 100%;
}

.assistantOptions i {
    margin: 0 6px 0 0;
    width: 15%
}

.assistantDivider {
    padding: 0;
    background: grey;
    margin: 0px 2px;
}

.assistantContainer {
    display: flex;
    width: 100%;
    height: 100%;
}

.textBoxContainer {
    display: flex;
    flex-direction: column;
    margin: 0.3rem 2rem;
    width: 50%;
    height: 100%
}

.textBoxContainer h1 {
    font-weight: bold;
    height: 5%;
    margin:0 0 0.4rem 0.2rem;
}

.assistantTextBox {
    border-radius: 10px;
    padding: 5px;
    height: 90%;
}

/*/var/www/html/public/node_modules/ol/ol.css*/
:root,
:host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}

.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--ol-background-color);
  background-color: var(--ol-partial-background-color);
}

.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}

.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}

.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}

.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.ol-scale-bar-inner {
  display: flex;
}

.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}

.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}

.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}

.ol-scale-singlebar-odd {
  background-color: var(--ol-background-color);
}

.ol-unsupported {
  display: none;
}

.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ol-viewport canvas {
  all: unset;
  overflow: hidden;
}

.ol-viewport {
  touch-action: pan-x pan-y;
}

.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.ol-control {
  position: absolute;
  background-color: var(--ol-subtle-background-color);
  border-radius: 4px;
}

.ol-zoom {
  top: .5em;
  left: .5em;
}

.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}

.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}

.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}

.ol-full-screen {
  right: .5em;
  top: .5em;
}

.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: var(--ol-background-color);
  border: none;
  border-radius: 2px;
}

.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}

.ol-zoom-extent button {
  line-height: 1.4em;
}

.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}

.ol-touch .ol-control button {
  font-size: 1.5em;
}

.ol-touch .ol-zoom-extent {
  top: 5.5em;
}

.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}

.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}

.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}

.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}

.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}

.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--ol-background-color);
  font-size: 12px;
}

.ol-attribution li {
  display: inline;
  list-style: none;
}

.ol-attribution li:not(:last-child):after {
  content: " ";
}

.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}

.ol-attribution button {
  flex-shrink: 0;
}

.ol-attribution.ol-collapsed ul {
  display: none;
}

.ol-attribution:not(.ol-collapsed) {
  background: var(--ol-partial-background-color);
}

.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}

.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}

.ol-attribution.ol-uncollapsible button {
  display: none;
}

.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}

.ol-zoomslider button {
  position: relative;
  height: 10px;
}

.ol-touch .ol-zoomslider {
  top: 5.5em;
}

.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}

.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}

.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}

.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}

.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}

.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}

.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}

.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}

.ol-overviewmap .ol-viewport:hover {
  cursor: pointer;
}

/*/var/www/html/public/modules/Finance.Accounting/css/admin.css*/
.max-width div.elunicTable {
    display: block !important;
    margin: auto;
    max-width: 1200px;
}

.positions-line > div.uiValue.greyFont {
    width: 100% !important;
    padding: 0;
}

/*.max-width table.invoiceSums {
    margin-right: calc((100% - 1200px) / 2 + 87px) !important;
}*/

.contextBox .documentPreview {
    border: none;
    border-left: 1px solid #ddd !important;
    padding-left: 25px;
    width: 600px;
    height: 320px;
}

.elunicTable .tableRows a.highlight .icon {
    color: #13a7dd;
    opacity: 1;
}

.contextBoxItem .sent {
    color: #3C3;
}

.elunicViewHead .dynamicButton .pdfIcon {
    line-height: 29px;
}
/*/var/www/html/public/modules/Activity/css/activities.css*/
.activitiesEnabled:not(.showActivities) .bodyPadding {
    border-right-width: 70px;
}

.viewActivitiesCol .activitiesTable {
    padding: 3px;
}

.activitiesTable .row {
    white-space: nowrap;
}

.activityContentCell {
    overflow: visible !important;
    text-decoration: none !important;
}

.activitiesTable .activityContentCell {
    height: auto;
}

.activitiesTable .cell,
.activitiesTable .activityContentCell {
    border: none !important;
}

.activitiesTable .activity,
.activitiesTable .activity:hover {
    color: #000 !important;
    text-decoration: none;
}

/*.activitiesTable .activity {
    position: relative;
    background: #FFF;
    padding: 12px 10px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.11);
}*/

.activitiesTable .destackIcon {
    position: absolute;
    left: 50%;
    bottom: -13px;
    margin-left: -5px;
    /*background: rgba(255,255,255,0.5);*/
}

.activitiesTable .destackIcon:not(:hover) {
/*    background: #FFF;
    opacity: 0.3;*/
    background: rgba(255, 255, 255, 0.3);
}

.activitiesTable .activityContentCell {
    padding-top: 0 !important;
    padding-bottom: 15px;
}

.activitiesTable .activityContentCell.stacked {
    height: 0;
    padding-bottom: 0;
}

.activitiesTable .stacked .activity {
    position: absolute;
}

.activitiesTable .activityContent {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    flex: 1 1 auto;
}

.activitiesTable .targetLink {
    color: #3d3d3d !important;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
/*    border-bottom: 1px dashed #eee;
    display: inline-block;
    margin-bottom: 2px;
    padding-bottom: 1px;*/
}

/*.activitiesTable .activity:hover .targetLink {
    border-bottom: 1px dashed #DDD;
    margin-bottom: 1px;
    color: #3d3d3d !important;
    color: #13a7dd;
}*/

/*.activitiesTable .activityContent:hover .targetLink {
    text-decoration: underline;
}*/

.activitiesTable .activityContent .meta {
    font-size: 11px;
    padding-top: 2px;
}

.activitiesTable .iconCell {
    padding-right: 15px;
}

.activitiesTable .activityRowIcons {
    width: 31px;
    flex: 0 0 auto;
    padding-top: 3px;
}

.activitiesTable .activityIcon,
.taskManager .activityIcon {
/*    display: inline-block;
    width: 21px;
    height: 21px;*/
    line-height: 20px;
    /*color: #FFF !important;*/
    font-size: 11px;
/*    text-align: center;
    vertical-align: middle;
    border-radius: 50%;*/
/*    display: inline-block;
    overflow: hidden;*/
    vertical-align: top;
}

.flatMaterial .activitiesTable .activityIcon {
    font-size: 14px;
}

.activitiesTable .activityIcon {
    cursor: pointer;
}

.activitiesTable .activityIcons {
    margin: -4px -3px 0 0;
    flex: 0 0 auto;
}

.activitiesTable .iconButtonCircle {
    display: inline-block;
    width: 13px;
    text-align: center;
    padding-right: 6px;
    padding-top: 6px;
    /*margin-left: -5px;*/
    margin-left: 4px;
    margin-right: -9px;
}

.activitiesTable .activity:not(:hover) .activityIcons .iconButtonCircle {
    width: 0;
    padding: 0;
    opacity: 0;
}

/*.activitiesTable .activityIcon.unimportant {
    background: transparent !important;
}

.activitiesTable .activityIcon.important {
    color: #FFF !important;
}*/

.activitiesTable .profileThumb,
.activitiesTable .profileThumb .circleHelper {
    width: 20px;
    height: 20px;
}

.activitiesTable .profileThumb {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    /*background: #ededed;*/
    /*background: #f7f7f7;*/
    text-align: center;
    vertical-align: middle;
    margin-top: -2px;
}

.activitiesTable .profileThumb .icon {
    line-height: 20px;
    font-size: 16px;
}

.activitiesTable .profileThumb .circleHelper {
    position: absolute;
    background: url(/modules/Activity/images/profile-thumb-circle.png) no-repeat;
}

.activitiesTable .row.hover .profileThumb .circleHelper {
    display: none;
}

/*.activitiesTable .leftIconCell .icon {
    border-left: 4px solid #999;
    padding-left: 4px;
}*/

.activitiesTable .rightIconCell {
    padding-right: 15px;
}

/*.activitiesTable .row.hover .iconCell .icon {
    opacity: 1;
}*/

/*.activitiesTable .directionArrow {
    padding-right: 0;
}*/

.activitiesTable .directionArrow {
    display: inline-block;
    width: 0px;
    height: 0px;
    border: 4px solid;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    margin-left: 4px;
    vertical-align: middle;
}

.activitiesTable .directionArrow.left {
    border-left-color: transparent !important;
    margin: 0 4px 0 -4px;
}

.activitiesTable .directionArrow.right {
    border-left-color: #bbb;
    border-right-color: transparent !important;
}

.activitiesTable .activityDate {
    text-transform: uppercase;
    font-size: 11px;
    padding: 1px 0 14px;
/*    background: #fbfbfb;
    border: none !important;*/
}

.flatMaterial .activitiesTable .activityDate .title {
/*    background: #f7f7f7;
    padding: 6px 13px 9px;
    border-top: 1px solid #eee !important;*/

    font-size: 12px;
    padding: 12px 13px 8px;
}

.viewActivitiesCol .activitiesTable .activityDate .title {
    padding-left: 3px;
}

.flatMaterial .activitiesTable .mainTable {
    margin-top: 17px;
}

.activitiesTable.continuousScrolling .activityDate .title {
    padding-left: 10px;
}
.activitiesTable.continuousScrolling .visibleCol1 {
    padding-left: 10px;
}

.activitiesTable.continuousScrolling .lastVisibleCol {
    padding-right: 10px;
}

/*.activitiesTable .description {
    position: absolute;
    color: #999;
    line-height: normal;
}*/
.activitiesTable .overdue,
.activitiesTable .overdue .elunicLink {
    color: #de5757 !important;
}

/*.activitiesTable .hasTarget .description:before {
    content: '-';
    margin: 0 8px;
}*/

.activitiesTable .descriptionSpacer {
    display: inline-block;
    width: 50px;
}

.activityFilters {
    font-size: 14px;
    white-space: nowrap;
}

.dashboardTable .elunicTable.continuousScrolling .tableConfigArea {
    margin: -11px 25px -40px;
}

.dashboardTable .elunicTable.continuousScrolling .activityFilters {
    position: relative;
    top: 33px;
    margin: 10px 0 -14px;
}

.dashboardTable .elunicTable:not(.continuousScrolling) .activityFilters {
    padding: 0 0 13px !important;
}

.elunicTable.emptyTable:not(.activitiesFiltered) .activityFilters,
.elunicTable.collapsed .activityFilters {
    display: none;
}

.dashboardTable .elunicTable.continuousScrolling .activityFilters,
.dashboardTable .elunicTable.continuousScrolling .activityDate .cell,
.dashboardTable .elunicTable.continuousScrolling .activityContentCell {
    padding-left: 25px;
    padding-right: 25px;
}

.activityFilters .filterLabel {
    margin-right: 4px;
}

.activityFilters .icon {
    padding: 0 5px;
}

.resetActivityFilters {
    display: none;
    font-size: 13px;
    text-decoration: underline;
    padding: 0 5px;
}

.resetActivityFilters:hover {
    text-decoration: none;
}

.activitiesFiltered .resetActivityFilters {
    display: inline;
}

.activitiesDashboard .dynamicHeadRight .activityFilters {
    display: inline;
    border: none !important;
}

.activityContext .dialogContent .uiTitle.collapsed {
    border-bottom: none !important;
    font-size: 13px;
}

.viewActivitiesCol .viewConfigSearchButton {
    top: -10px;
    right: 10px;
    opacity: 0;
}

.viewActivitiesCol:hover .viewConfigSearchButton {
    opacity: 1;
}

.viewActivitiesCol .materialHelper {
    padding: 20px 0;
}

.viewActivitiesCol h1.uiTitle {
    padding-bottom: 0px;
    padding-left: 2px;
    margin: 0 0 10px;
}

.viewActivitiesCol .uiBlock h2 {
    color: #3d3d3d;
}

.viewActivitiesCol .activitiesTable:not(.configActive) h2 { 
    margin-bottom: 13px;
}
/*.viewActivitiesCol .elunicTable .emptyResultLabel {
    padding: 0;
}*/

/*.elunicView:not(.showActivities) .viewActivitiesCol {
    display: none;
}*/

.viewActivitiesCol .closeViewActivities {
    width: 19px;
    position: fixed;
    background: #f9f9f9;
    text-align: center;
    text-shadow: 0 0px 9px rgba(0, 0, 0, 0.05);
    margin: 3px 0 0 264px;
    z-index: 10;
}

/*.viewActivitiesGroup {
    width: auto !important;
    margin: 10px 20px;
}*/

.viewActivitiesCol {
    width: 1px;
/*    background: #f9f9f9;
    border-left: 1px solid #CCC;
    box-shadow: 0 0 10px 5px #f9f9f9;*/

    background: -webkit-linear-gradient(top,
        rgba(0,0,0,0.07) 13px,
        rgba(0,0,0,0.0) 97px
    ) #f6f6f6;
    background: -moz-linear-gradient(top,
        rgba(0,0,0,0.07) 13px,
        rgba(0,0,0,0.0) 97px
    ) #f6f6f6;
    background: linear-gradient(top,
        rgba(0,0,0,0.07) 13px,
        rgba(0,0,0,0.0) 97px
    ) #f6f6f6;
}

/*.viewActivitiesCol .activitiesTable.emptyTable:not(.alwaysShowTable) {
    position: absolute;
    visibility: hidden;
    z-index: -1;
}*/

.viewActivitiesCol .emptyTable .emptyResultLabel {
    display: none;
}

.viewActivitiesCol .upperTable {
    padding: 0 15px 0 3px;
}

.viewActivitiesCol .timelineHelper {
     /*width: 315px;*/
    /* height: 99.99%; */
    position: absolute;
    left: 16px;
    right: 58px;
    top: 15px;
    bottom: 10px;
    /*background: #fafafa;*/
    
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10;
}

.viewActivitiesCol .durationContainer {
    display: none;
}

.viewActivitiesCol .timelineHelper .tableRowCell {
    background: #fafafa !important;
}

.activityContext .timelineHelper .viewConfigSearchButton {
    display: none;
}

.activityContext .timelineHelper .activitiesTitle {
    display: none !important;
}

.activityContext .timelineHelper .addTimelineItem {
    background: none;
}

.activityContext .activitiesTable .mainTable {
    margin-top: -7px;
}

.activityContext .timelineHelper .upperTable {
    width: 96%;
    /*flex: 1 0 auto;*/
}

/*.timelineHelper .upperTable {
    background: #fafafa;
    margin: 0 2px;
}*/

.timelineHelper .upperTable>.scrollParent {
    overflow-x: hidden;
}

.addTimelineItem {
    cursor: pointer;
    /*background: #eee;*/
    background: #fafafa;
    /*padding: 10px;*/
    margin: 11px 2px;
    position: relative;
    z-index: 9;
    flex: 0 0 auto;
}

.elunicTable .addTimelineItem {
    margin-left: 0;
    margin-right: 0;
}

.addTimelineItem .newRowIcon {
    display: inline-block;
    margin-top: 9px;
    z-index: 11;
    color: #888;
    font-size: 18px;
    margin: 3px 9px 1px 6px;
    padding: 10px 0 10px 10px;
}

.addTimelineItem .buttonLabel {
    display: inline-block;
    color: #333;
    font-weight: 400;
    vertical-align: 2px;
}

.addTimelineItem:hover .newRowIcon {
    color: #74d181;
}

.addTimelineItem .fileUploadArea {
    padding: 0;
}

.addTimelineItem .fileUploadArea .button {
    width: 100%;
    height: 38px;
    text-align: left;
    margin: 0;
    padding-top: 10px;
}

.addTimelineItem .fileUploadArea .button:not(:hover) {
    background: none;
}

.addTimelineItem .fileUploadArea .containerBorder {
    padding: 0;
    margin-top: 0;
    border-bottom: none;
}

.addTimelineItem .uiTextBox {
    padding: 3px 5px 0 5px;
}

.addTimelineItem .uiTextBox .placeholderText {
    color: #666;
}

.addTimelineItem .addCommentButton {
    background: none;
    width: 100%;
    text-align: left;
}

.addTimelineItem .addCommentButton .icon {
    color: #000 !important;
}

.addTimelineItem .addCommentButton .buttonText {
    color: #000 !important;
}

.viewActivityTabs {
    width: 55px;
    position: absolute;
    right: 11px;
    top: 28px;
    z-index: 5;
}

.animating .viewActivityTabs {
    display: none;
}

.viewActivityTabs .tab {
    cursor: pointer;
    height: 55px;
    line-height: 59px;
    text-align: center;
    margin-bottom: 5px;
    position: relative;
}

.viewActivityTabs .tab.selected {
/*    background: #fafafa;
    margin-bottom: 15px;
    margin-left: -1px;
    border-left: 1px solid #fff;*/
}

.viewActivityTabs .tabIcon {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    text-align: center;
    border-radius: 50%;
}

.viewActivityTabs .tab:not(.colorFont) .tabIcon {
    color: #d7d7d7;
}

.viewActivityTabs .tab.selected .tabIcon,
.viewActivityTabs .tab:hover .tabIcon {
    color: #fff;
}

.viewActivityTabs .tab:not(.selected):not(:hover) .tabIcon {
    /*background: #d7d7d7;*/
    
    background: #FFF;
    box-shadow: 0 0 2px;
}

/*.viewActivityTabs .tab.colorFont:not(.selected):not(:hover) .tabIcon {
    background: #ccc;
}*/

.viewActivityTabs .tabCount {
    width: 15px;
    height: 15px;
    line-height: 14px;
    background: #999;
    color: #FFF;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #FFF;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.viewActivityTabs .tabCount.important {
    background: #d40707;
}

.timelineHelperCon .filesDropZone {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    opacity: 0;
    z-index: 11;
}

.filesDropZone {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    opacity: 0;
    z-index: 11;
}
.dropZoneLabel {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    color: #fff;
    font-size: 30px;
    margin-top: -52px;
    text-transform: uppercase;
    text-shadow: 0 0 30px #FFF;
    opacity: 0.66;
}
.filesDropZone .dropZoneLabel {
    text-shadow: 0 0 10px #FFF;
    opacity: 1;
}

.filesDropZone.fileDragOver, 
.fileDragOver .timelineHelperCon .filesDropZone {
    pointer-events: all;
    opacity: 0.8;
}

.timelineHelperCon .dropZoneLabel {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    color: #fff;
    font-size: 30px;
    margin-top: -52px;
    text-transform: uppercase;
    text-shadow: 0 0 30px #FFF;
    opacity: 0.66;
}

.filesDropZone.dragOver .dropZoneLabel {
    text-shadow: 0 0 10px #FFF;
    opacity: 1;
}

.viewActivitiesCol .dropZoneLabel .largeLabel {
    font-size: 52px;
}

.timelineIcon .commentCount {
    width: 12px;
    height: 12px;
    line-height: 12px;
    background: #d40707;
    color: #fff;
    font-size: 8px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #FFF;
    position: absolute;
    right: -4px;
    bottom: -5px;
}

.flatMaterial .rowBeforeTitleRow {
    /*display: none;*/
}
.flatMaterial .activitiesTable .activityContentCell {
    border-top: 1px solid #eee !important;
    padding: 4px 12px 11px !important;
}

/* full calendar view [bu] */
.fc {
    padding: 30px 40px;
}

.calendarView .uiContent {
    max-width: none !important;
}

.activitiesTable.uiContent .elunicTable .flexTableWrapper {
    max-height: 500px;
    overflow: hidden auto;
}

/*/var/www/html/public/modules/Activity/css/activity-form.css*/
.activityForm {
    overflow: hidden;
    left: 0%;
    opacity: 1;
    transform: scale(1);
}

.activityForm .material {
    box-shadow: none;
}

.activityForm .mainForm {
    width: 100%;
    flex: 1 1 auto;
}

.activityForm .summary {
    margin: -5px 0;
}

.activityForm .details {
    overflow: hidden;
    /*margin-top: 10px;*/
}

.activityForm .rightSide {
    width: 0;
    text-align: center;
    overflow: hidden;
    opacity: 0;
}

.activityForm.logging .rightSide {
    min-width: 70px;
    padding-left: 8px;
    opacity: 1;
}

.activityForm .remainingTimeCirclet .activityIcon  {
    display: inline-block;
    line-height: 31px;
}

.activityForm.logging .hideWhenLogging,
.activityForm:not(.logging) .showWhenLogging {
    display: none;
}

.activityForm .startNewTimeLog {
    font-size: 17px;
    margin-left: 9px;
    position: relative;
    top: 2px;
    opacity: 0.66;
}

.activityForm .moreLink,
.activityForm .lessLink {
    font-size: 12px;
}

.activityForm .moreLink,
.activityForm .lessLink {
    position: absolute;
    margin: 10px 10px;
}

.activityForm .moreLink .icon,
.activityForm .lessLink .icon {
    font-size: 11px;
    margin-right: 6px;
    text-decoration: none !important;
}

.activityForm .expandableSection {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.activityForm .spacerTitle {
    background: #f9f9f9;
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 9px;
    margin: 7px -3px 5px -2px;
    border-radius: 5px;
}

.activityForm .spacerTitle .close {
    position: absolute;
    right: 4px;
}

.activityForm.moreTaskInfoVisible .moreLink,
.activityForm:not(.moreTaskInfoVisible) .lessLink {
    display: none;
}

.activityForm.moreTaskInfoVisible .moreLink,
.activityForm:not(.moreTaskInfoVisible) .lessLink {
    display: none;
}

.activityForm .uiLabel {
    padding-left: 8px;
}

.activityForm .layoutOneCol .uiValue,
.activityForm .layoutOneCol .borderHelper {
    margin-left: 0;
}

.activityForm .uiTextBox .uiValue,
.activityForm .uiTextBox .uiValue {
    /**
      * break-word is used to avoid horizontal scrollbars in task contexts when
      * having a description like a long url or just
      * "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" [bu]
      */
    word-break: break-word;
}

.activityForm .projectOperation {
    width: 100%;
}

.activityForm .projectCell {
    padding-right: 7px;
}

.activityForm .projectOperation .uiValue {
    white-space: nowrap;
}

.activityForm .projectOperation .valueItems .valueItem:not(.invalid) {
    visibility: hidden;
}

.activityForm .projectOperation .sizeHelper {
    max-width: 50px;
}

.activityFormIcons {
    width: 1px;
    min-width: 25px;
    padding-left: 10px;
    margin-right: -1px;
    overflow: hidden;
    opacity: 1;
}

.activityForm.logging .activityFormIcons {
    width: 0;
    min-width: 0;
    padding-left: 0;
    margin-right: 0;
    opacity: 0;
}

.activityFormIcons .icon {
    display: inline-block;
    width: 24px;
    height: 21px;
    line-height: 22px;
    text-align: center;
}

.activityFormIcons .icon.selected {
    background: rgba(255, 167, 64, 0.8);
    border-radius: 2px;
    color: #FFF !important;
    font-size: 14px;
    opacity: 1;
    margin: 4px 0;
}

.activityFormIcons .icon:not(.selected) {
    cursor: pointer;
    background: transparent !important;
}

.activityFormIcons .icon:not(.selected):not(:hover) {
    color: #999 !important;
    opacity: 0.4;
}

.loggingSummary {
    line-height: 23px;
    color: #3d3d3d;
    align-items: center;
}

.loggingSummary .activeIcon {
    color: rgb(255, 167, 64);
    font-size: 19px;
    margin-right: 7px;
    flex: 0 0 auto;
}

.loggingSummary .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 3px;
}

.loggingSummary .counter {
    font-size: 15px;
    text-align: right;
    flex: 1 0 auto;
}

.loggingSummary .factor {
    flex: 0 0 auto;
}
.activityForm .leftSide {
    width: 100%;
    overflow: hidden;
}
/*/var/www/html/public/modules/Activity/libs/fullcalendar5/lib/main.min.css*/
.fc-icon,.fc-unselectable{-moz-user-select:none;-ms-user-select:none}.fc .fc-button,.fc-icon{text-transform:none;font-weight:400}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc .fc-button:not(:disabled),.fc a[data-navlink],.fc-event.fc-event-draggable,.fc-event[href]{cursor:pointer}.fc-unselectable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fc{display:flex;flex-direction:column;font-size:1em}.fc .fc-button,.fc-icon{display:inline-block;text-align:center}.fc,.fc *,.fc :after,.fc :before{box-sizing:border-box}.fc table{border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{vertical-align:top;padding:0}.fc .fc-button,.fc .fc-button .fc-icon,.fc .fc-button-group,.fc .fc-timegrid-slot-label{vertical-align:middle}.fc a[data-navlink]:hover{text-decoration:underline}.fc .fc-button:hover,.fc .fc-list-event-title a,a.fc-event,a.fc-event:hover{text-decoration:none}.fc-direction-ltr{direction:ltr;text-align:left}.fc-direction-rtl{direction:rtl;text-align:right}.fc-theme-standard td,.fc-theme-standard th{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc-liquid-hack td,.fc-liquid-hack th{position:relative}@font-face{font-family:fcicons;src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');font-weight:400;font-style:normal}.fc-icon{width:1em;height:1em;-webkit-user-select:none;user-select:none;font-family:fcicons!important;speak:none;font-style:normal;font-variant:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fc-icon-chevron-left:before{content:"\e900"}.fc-icon-chevron-right:before{content:"\e901"}.fc-icon-chevrons-left:before{content:"\e902"}.fc-icon-chevrons-right:before{content:"\e903"}.fc-icon-minus-square:before{content:"\e904"}.fc-icon-plus-square:before{content:"\e905"}.fc-icon-x:before{content:"\e906"}.fc .fc-button{overflow:visible;text-transform:none;margin:0;font-family:inherit}.fc .fc-button::-moz-focus-inner{padding:0;border-style:none}.fc .fc-button{-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.4em .65em;font-size:1em;line-height:1.5;border-radius:.25em}.fc .fc-button:focus{outline:0;box-shadow:0 0 0 .2rem rgba(44,62,80,.25)}.fc .fc-button-primary:focus,.fc .fc-button-primary:not(:disabled).fc-button-active:focus,.fc .fc-button-primary:not(:disabled):active:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc .fc-button:disabled{opacity:.65}.fc .fc-button-primary{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#2C3E50;background-color:var(--fc-button-bg-color,#2C3E50);border-color:#2C3E50;border-color:var(--fc-button-border-color,#2C3E50)}.fc .fc-button-primary:hover{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#1e2b37;background-color:var(--fc-button-hover-bg-color,#1e2b37);border-color:#1a252f;border-color:var(--fc-button-hover-border-color,#1a252f)}.fc .fc-button-primary:disabled{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#2C3E50;background-color:var(--fc-button-bg-color,#2C3E50);border-color:#2C3E50;border-color:var(--fc-button-border-color,#2C3E50)}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#1a252f;background-color:var(--fc-button-active-bg-color,#1a252f);border-color:#151e27;border-color:var(--fc-button-active-border-color,#151e27)}.fc .fc-button .fc-icon{font-size:1.5em}.fc .fc-button-group{position:relative;display:inline-flex}.fc .fc-button-group>.fc-button{position:relative;flex:1 1 auto}.fc .fc-button-group>.fc-button.fc-button-active,.fc .fc-button-group>.fc-button:active,.fc .fc-button-group>.fc-button:focus,.fc .fc-button-group>.fc-button:hover{z-index:1}.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.fc-direction-rtl .fc-button-group>.fc-button:not(:first-child){margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-direction-rtl .fc-button-group>.fc-button:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.fc .fc-toolbar{display:flex;justify-content:space-between;align-items:center}.fc .fc-toolbar.fc-header-toolbar{margin-bottom:1.5em}.fc .fc-toolbar.fc-footer-toolbar{margin-top:1.5em}.fc .fc-toolbar-title{font-size:1.75em;margin:0}.fc-direction-ltr .fc-toolbar>*>:not(:first-child){margin-left:.75em}.fc-direction-rtl .fc-toolbar>*>:not(:first-child){margin-right:.75em}.fc-direction-rtl .fc-toolbar-ltr{flex-direction:row-reverse}.fc .fc-scroller{-webkit-overflow-scrolling:touch;position:relative}.fc .fc-scroller-liquid{height:100%}.fc .fc-scroller-liquid-absolute{position:absolute;top:0;right:0;left:0;bottom:0}.fc .fc-scroller-harness{position:relative;overflow:hidden;direction:ltr}.fc .fc-scroller-harness-liquid{height:100%}.fc-direction-rtl .fc-scroller-harness>.fc-scroller{direction:rtl}.fc-theme-standard .fc-scrollgrid{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc .fc-scrollgrid,.fc .fc-scrollgrid-section-footer>*,.fc .fc-scrollgrid-section-header>*{border-bottom-width:0}.fc .fc-scrollgrid,.fc .fc-scrollgrid table{width:100%;table-layout:fixed}.fc .fc-scrollgrid table{border-top-style:hidden;border-left-style:hidden;border-right-style:hidden}.fc .fc-scrollgrid{border-collapse:separate;border-right-width:0}.fc .fc-scrollgrid-liquid{height:100%}.fc .fc-scrollgrid-section,.fc .fc-scrollgrid-section table,.fc .fc-scrollgrid-section>td{height:1px}.fc .fc-scrollgrid-section-liquid>td{height:100%}.fc .fc-scrollgrid-section>*{border-top-width:0;border-left-width:0}.fc .fc-scrollgrid-section-body table,.fc .fc-scrollgrid-section-footer table{border-bottom-style:hidden}.fc .fc-scrollgrid-section-sticky>*{background:var(--fc-page-bg-color,#fff);position:sticky;z-index:3}.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>*{top:0}.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky>*{bottom:0}.fc .fc-scrollgrid-sticky-shim{height:1px;margin-bottom:-1px}.fc-sticky{position:sticky}.fc .fc-view-harness{flex-grow:1;position:relative}.fc .fc-bg-event,.fc .fc-highlight,.fc .fc-non-business,.fc .fc-view-harness-active>.fc-view{position:absolute;top:0;left:0;right:0;bottom:0}.fc .fc-col-header-cell-cushion{display:inline-block;padding:2px 4px}.fc .fc-non-business{background:rgba(215,215,215,.3);background:var(--fc-non-business-color,rgba(215,215,215,.3))}.fc .fc-bg-event{background:var(--fc-bg-event-color,#8fdf82);opacity:.3;opacity:var(--fc-bg-event-opacity,.3)}.fc .fc-bg-event .fc-event-title{margin:.5em;font-size:.85em;font-size:var(--fc-small-font-size,.85em);font-style:italic}.fc .fc-highlight{background:rgba(188,232,241,.3);background:var(--fc-highlight-color,rgba(188,232,241,.3))}.fc .fc-cell-shaded,.fc .fc-day-disabled{background:rgba(208,208,208,.3);background:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}.fc-event .fc-event-main{position:relative;z-index:2}.fc-event-dragging:not(.fc-event-selected){opacity:.75}.fc-event-dragging.fc-event-selected{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-event .fc-event-resizer{display:none;position:absolute;z-index:4}.fc-event-selected .fc-event-resizer,.fc-event:hover .fc-event-resizer,.fc-h-event,.fc-v-event{display:block}.fc-event-selected .fc-event-resizer{border-radius:4px;border-radius:calc(var(--fc-event-resizer-dot-total-width,8px)/ 2);border-width:1px;border-width:var(--fc-event-resizer-dot-border-width,1px);width:8px;width:var(--fc-event-resizer-dot-total-width,8px);height:8px;height:var(--fc-event-resizer-dot-total-width,8px);border-style:solid;border-color:inherit;background:var(--fc-page-bg-color,#fff)}.fc-event-selected .fc-event-resizer:before{content:'';position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px}.fc-event-selected,.fc-event:focus{box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event-selected:before,.fc-event:focus:before{content:"";position:absolute;z-index:3;top:0;left:0;right:0;bottom:0}.fc-event-selected:after,.fc-event:focus:after{content:"";background:rgba(0,0,0,.25);background:var(--fc-event-selected-overlay-color,rgba(0,0,0,.25));position:absolute;z-index:1;top:-1px;left:-1px;right:-1px;bottom:-1px}.fc-h-event{border:1px solid #3788d8;border:1px solid var(--fc-event-border-color,#3788d8);background-color:#3788d8;background-color:var(--fc-event-bg-color,#3788d8)}.fc-h-event .fc-event-main{color:#fff;color:var(--fc-event-text-color,#fff)}.fc-h-event .fc-event-main-frame{display:flex}.fc-h-event .fc-event-time{max-width:100%;overflow:hidden}.fc-h-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-width:0}.fc-h-event .fc-event-title{display:inline-block;vertical-align:top;left:0;right:0;max-width:100%;overflow:hidden}.fc-h-event.fc-event-selected:before{top:-10px;bottom:-10px}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end){border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start){border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.fc-h-event:not(.fc-event-selected) .fc-event-resizer{top:0;bottom:0;width:8px;width:var(--fc-event-resizer-thickness,8px)}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end{cursor:w-resize;left:-4px;left:calc(-.5 * var(--fc-event-resizer-thickness,8px))}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start{cursor:e-resize;right:-4px;right:calc(-.5 * var(--fc-event-resizer-thickness,8px))}.fc-h-event.fc-event-selected .fc-event-resizer{top:50%;margin-top:-4px;margin-top:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end{left:-4px;left:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start{right:-4px;right:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc .fc-popover{position:absolute;z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc .fc-popover-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:3px 4px}.fc .fc-popover-title{margin:0 2px}.fc .fc-popover-close{cursor:pointer;opacity:.65;font-size:1.1em}.fc-theme-standard .fc-popover{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd);background:var(--fc-page-bg-color,#fff)}.fc-theme-standard .fc-popover-header{background:rgba(208,208,208,.3);background:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}:root{--fc-daygrid-event-dot-width:8px;--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-daygrid-day-events:after,.fc-daygrid-day-events:before,.fc-daygrid-day-frame:after,.fc-daygrid-day-frame:before,.fc-daygrid-event-harness:after,.fc-daygrid-event-harness:before{content:"";clear:both;display:table}.fc .fc-daygrid-body{position:relative;z-index:1}.fc .fc-daygrid-day.fc-day-today{background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}.fc .fc-daygrid-day-frame{position:relative;min-height:100%}.fc .fc-daygrid-day-top{display:flex;flex-direction:row-reverse}.fc .fc-day-other .fc-daygrid-day-top{opacity:.3}.fc .fc-daygrid-day-number{position:relative;z-index:4;padding:4px}.fc .fc-daygrid-day-events{margin-top:1px}.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{position:absolute;left:0;right:0}.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{position:relative;min-height:2em}.fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom:1em}.fc .fc-daygrid-event-harness{position:relative}.fc .fc-daygrid-event-harness-abs{position:absolute;top:0;left:0;right:0}.fc .fc-daygrid-bg-harness{position:absolute;top:0;bottom:0}.fc .fc-daygrid-day-bg .fc-non-business{z-index:1}.fc .fc-daygrid-day-bg .fc-bg-event{z-index:2}.fc .fc-daygrid-day-bg .fc-highlight{z-index:3}.fc .fc-daygrid-event{z-index:6;margin-top:1px}.fc .fc-daygrid-event.fc-event-mirror{z-index:7}.fc .fc-daygrid-day-bottom{font-size:.85em;padding:2px 3px 0}.fc .fc-daygrid-day-bottom:before{content:"";clear:both;display:table}.fc .fc-daygrid-more-link{position:relative;z-index:4;cursor:pointer}.fc .fc-daygrid-week-number{position:absolute;z-index:5;top:0;padding:2px;min-width:1.5em;text-align:center;background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3));color:grey;color:var(--fc-neutral-text-color,grey)}.fc .fc-more-popover .fc-popover-body{min-width:220px;padding:10px}.fc-direction-ltr .fc-daygrid-event.fc-event-start,.fc-direction-rtl .fc-daygrid-event.fc-event-end{margin-left:2px}.fc-direction-ltr .fc-daygrid-event.fc-event-end,.fc-direction-rtl .fc-daygrid-event.fc-event-start{margin-right:2px}.fc-direction-ltr .fc-daygrid-week-number{left:0;border-radius:0 0 3px}.fc-direction-rtl .fc-daygrid-week-number{right:0;border-radius:0 0 0 3px}.fc-liquid-hack .fc-daygrid-day-frame{position:static}.fc-daygrid-event{position:relative;white-space:nowrap;border-radius:3px;font-size:.85em;font-size:var(--fc-small-font-size,.85em)}.fc-daygrid-block-event .fc-event-time{font-weight:700}.fc-daygrid-block-event .fc-event-time,.fc-daygrid-block-event .fc-event-title{padding:1px}.fc-daygrid-dot-event{display:flex;align-items:center;padding:2px 0}.fc-daygrid-dot-event .fc-event-title{flex-grow:1;flex-shrink:1;min-width:0;overflow:hidden;font-weight:700}.fc-daygrid-dot-event.fc-event-mirror,.fc-daygrid-dot-event:hover{background:rgba(0,0,0,.1)}.fc-daygrid-dot-event.fc-event-selected:before{top:-10px;bottom:-10px}.fc-daygrid-event-dot{margin:0 4px;box-sizing:content-box;width:0;height:0;border:4px solid #3788d8;border:calc(var(--fc-daygrid-event-dot-width,8px)/ 2) solid var(--fc-event-border-color,#3788d8);border-radius:4px;border-radius:calc(var(--fc-daygrid-event-dot-width,8px)/ 2)}.fc-direction-ltr .fc-daygrid-event .fc-event-time{margin-right:3px}.fc-direction-rtl .fc-daygrid-event .fc-event-time{margin-left:3px}.fc-v-event{border:1px solid #3788d8;border:1px solid var(--fc-event-border-color,#3788d8);background-color:#3788d8;background-color:var(--fc-event-bg-color,#3788d8)}.fc-v-event .fc-event-main{color:#fff;color:var(--fc-event-text-color,#fff);height:100%}.fc-v-event .fc-event-main-frame{height:100%;display:flex;flex-direction:column}.fc-v-event .fc-event-time{flex-grow:0;flex-shrink:0;max-height:100%;overflow:hidden}.fc-v-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-height:0}.fc-v-event .fc-event-title{top:0;bottom:0;max-height:100%;overflow:hidden}.fc-v-event:not(.fc-event-start){border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event:not(.fc-event-end){border-bottom-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-v-event.fc-event-selected:before{left:-10px;right:-10px}.fc-v-event .fc-event-resizer-start{cursor:n-resize}.fc-v-event .fc-event-resizer-end{cursor:s-resize}.fc-v-event:not(.fc-event-selected) .fc-event-resizer{height:8px;height:var(--fc-event-resizer-thickness,8px);left:0;right:0}.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start{top:-4px;top:calc(var(--fc-event-resizer-thickness,8px)/ -2)}.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end{bottom:-4px;bottom:calc(var(--fc-event-resizer-thickness,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer{left:50%;margin-left:-4px;margin-left:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer-start{top:-4px;top:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer-end{bottom:-4px;bottom:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc .fc-timegrid .fc-daygrid-body{z-index:2}.fc .fc-timegrid-axis-chunk>table,.fc .fc-timegrid-body,.fc .fc-timegrid-slots{position:relative;z-index:1}.fc .fc-timegrid-divider{padding:0 0 2px}.fc .fc-timegrid-body{min-height:100%}.fc .fc-timegrid-axis-chunk{position:relative}.fc .fc-timegrid-slot{height:1.5em;border-bottom:0}.fc .fc-timegrid-slot:empty:before{content:'\00a0'}.fc .fc-timegrid-slot-minor{border-top-style:dotted}.fc .fc-timegrid-slot-label-cushion{display:inline-block;white-space:nowrap}.fc .fc-timegrid-axis-cushion,.fc .fc-timegrid-slot-label-cushion{padding:0 4px}.fc .fc-timegrid-axis-frame-liquid{height:100%}.fc .fc-timegrid-axis-frame{overflow:hidden;display:flex;align-items:center;justify-content:flex-end}.fc .fc-timegrid-axis-cushion{max-width:60px;flex-shrink:0}.fc-direction-ltr .fc-timegrid-slot-label-frame{text-align:right}.fc-direction-rtl .fc-timegrid-slot-label-frame{text-align:left}.fc-liquid-hack .fc-timegrid-axis-frame-liquid{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}.fc .fc-timegrid-col.fc-day-today{background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}.fc .fc-timegrid-col-frame{min-height:100%;position:relative}.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}.fc-media-screen .fc-timegrid-cols{position:absolute;top:0;left:0;right:0;bottom:0}.fc-media-screen .fc-timegrid-cols>table{height:100%}.fc-media-screen .fc-timegrid-col-bg,.fc-media-screen .fc-timegrid-col-events,.fc-media-screen .fc-timegrid-now-indicator-container{position:absolute;top:0;left:0;right:0}.fc .fc-timegrid-col-bg{z-index:2}.fc .fc-timegrid-col-bg .fc-non-business{z-index:1}.fc .fc-timegrid-col-bg .fc-bg-event{z-index:2}.fc .fc-timegrid-col-bg .fc-highlight,.fc .fc-timegrid-col-events{z-index:3}.fc .fc-timegrid-bg-harness{position:absolute;left:0;right:0}.fc .fc-timegrid-now-indicator-container{bottom:0;overflow:hidden}.fc-direction-ltr .fc-timegrid-col-events{margin:0 2.5% 0 2px}.fc-direction-rtl .fc-timegrid-col-events{margin:0 2px 0 2.5%}.fc-timegrid-event-harness{position:absolute}.fc-timegrid-event-harness>.fc-timegrid-event{position:absolute;top:0;bottom:0;left:0;right:0}.fc-timegrid-event-harness-inset .fc-timegrid-event,.fc-timegrid-event.fc-event-mirror,.fc-timegrid-more-link{box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px var(--fc-page-bg-color,#fff)}.fc-timegrid-event,.fc-timegrid-more-link{font-size:.85em;font-size:var(--fc-small-font-size,.85em);border-radius:3px}.fc-timegrid-event{margin-bottom:1px}.fc-timegrid-event .fc-event-main{padding:1px 1px 0}.fc-timegrid-event .fc-event-time{white-space:nowrap;font-size:.85em;font-size:var(--fc-small-font-size,.85em);margin-bottom:1px}.fc-timegrid-event-short .fc-event-main-frame{flex-direction:row;overflow:hidden}.fc-timegrid-event-short .fc-event-time:after{content:'\00a0-\00a0'}.fc-timegrid-event-short .fc-event-title{font-size:.85em;font-size:var(--fc-small-font-size,.85em)}.fc-timegrid-more-link{position:absolute;z-index:9999;color:inherit;color:var(--fc-more-link-text-color,inherit);background:var(--fc-more-link-bg-color,#d0d0d0);cursor:pointer;margin-bottom:1px}.fc-timegrid-more-link-inner{padding:3px 2px;top:0}.fc-direction-ltr .fc-timegrid-more-link{right:0}.fc-direction-rtl .fc-timegrid-more-link{left:0}.fc .fc-timegrid-now-indicator-line{position:absolute;z-index:4;left:0;right:0;border-style:solid;border-color:red;border-color:var(--fc-now-indicator-color,red);border-width:1px 0 0}.fc .fc-timegrid-now-indicator-arrow{position:absolute;z-index:4;margin-top:-5px;border-style:solid;border-color:red;border-color:var(--fc-now-indicator-color,red)}.fc-direction-ltr .fc-timegrid-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-direction-rtl .fc-timegrid-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-theme-standard .fc-list{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc .fc-list-empty{background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3));height:100%;display:flex;justify-content:center;align-items:center}.fc .fc-list-empty-cushion{margin:5em 0}.fc .fc-list-table{width:100%;border-style:hidden}.fc .fc-list-table tr>*{border-left:0;border-right:0}.fc .fc-list-sticky .fc-list-day>*{position:sticky;top:0;background:var(--fc-page-bg-color,#fff)}.fc .fc-list-table thead{position:absolute;left:-10000px}.fc .fc-list-table tbody>tr:first-child th{border-top:0}.fc .fc-list-table th{padding:0}.fc .fc-list-day-cushion,.fc .fc-list-table td{padding:8px 14px}.fc .fc-list-day-cushion:after{content:"";clear:both;display:table}.fc-theme-standard .fc-list-day-cushion{background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}.fc-direction-ltr .fc-list-day-text,.fc-direction-rtl .fc-list-day-side-text{float:left}.fc-direction-ltr .fc-list-day-side-text,.fc-direction-rtl .fc-list-day-text{float:right}.fc-direction-ltr .fc-list-table .fc-list-event-graphic{padding-right:0}.fc-direction-rtl .fc-list-table .fc-list-event-graphic{padding-left:0}.fc .fc-list-event.fc-event-forced-url{cursor:pointer}.fc .fc-list-event:hover td{background-color:#f5f5f5;background-color:var(--fc-list-event-hover-bg-color,#f5f5f5)}.fc .fc-list-event-graphic,.fc .fc-list-event-time{white-space:nowrap;width:1px}.fc .fc-list-event-dot{display:inline-block;box-sizing:content-box;width:0;height:0;border:5px solid #3788d8;border:calc(var(--fc-list-event-dot-width,10px)/ 2) solid var(--fc-event-border-color,#3788d8);border-radius:5px;border-radius:calc(var(--fc-list-event-dot-width,10px)/ 2)}.fc .fc-list-event-title a{color:inherit}.fc .fc-list-event.fc-event-forced-url:hover a{text-decoration:underline}.fc-theme-bootstrap a:not([href]){color:inherit}.fc-theme-bootstrap5 a:not([href]){color:inherit;text-decoration:inherit}.fc-theme-bootstrap5 .fc-list,.fc-theme-bootstrap5 .fc-scrollgrid,.fc-theme-bootstrap5 td,.fc-theme-bootstrap5 th{border:1px solid var(--bs-gray-400)}.fc-theme-bootstrap5 .fc-scrollgrid{border-right-width:0;border-bottom-width:0}.fc-theme-bootstrap5-shaded{background-color:var(--bs-gray-200)}
/*/var/www/html/public/modules/Activity/css/fullCalendar.css*/
:root {
  --fc-button-text-color: hsl(0 0% min(100%, calc((var(--color-main-l) - 50%) * -10000000)));
  --fc-button-bg-color: var(--color-main);
  --fc-button-border-color: var(--color-main);
  --fc-button-active-bg-color: hsl(var(--color-main-h) var(--color-main-s) calc(var(--color-main-l) * 0.7) / var(--color-alpha));
  --fc-button-active-border-color: hsl(var(--color-main-h) var(--color-main-s) calc(var(--color-main-l) * 0.7) / var(--color-alpha));
  --fc-button-hover-bg-color: hsl(var(--color-main-h) var(--color-main-s) calc(var(--color-main-l) * 0.85) / var(--color-alpha));
  --fc-button-hover-border-color: hsl(var(--color-main-h) var(--color-main-s) calc(var(--color-main-l) * 0.85) / var(--color-alpha));
}

.fc-direction-ltr .fc-daygrid-event .fc-event-time {
  min-width: 1.875rem;
}
/*/var/www/html/public/modules/Contact/css/contact.css*/
/*.contactDataTable .contactValue .uiValue {
    min-width: 150px;
}*/

/*.contactDataTable .tableRow:not(:hover):not(.mouseOver) .showHover:not(.inputSelected) {
    display: none;
}*/

/*.contactDataTable {
    overflow: hidden;
}*/

.uiBlock .contactDataTable .visibleCol1 .uiValue {
    min-width: 50px;
}

.uiBlock:not(:hover):not(.mouseOver) .contactDataTable .visibleCol1 {
    overflow: visible;
}

.uiBlock:not(:hover):not(.mouseOver) .contactDataTable .visibleCol1 .uiValue {
    width: 150%;
    z-index: 2;
}

.contactNameCell {
    font-size: 110%;
}

.contactNameCell .position {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fab.fa-microsoft-color::before {
    background-image: url(/modules/Contact/images/fab-microsoft.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
}

.fab.fa-google-color::before {
    background-image: url(/modules/Contact/images/fab-google-color.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
}

.fab.fa-openid-color::before {
    background-image: url(/modules/Contact/images/fab-openid-color.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
}
.fal.fa-calendar-slash::before {
    background-color: currentColor;
    display: block;
    --icon-svg: url(/modules/Contact/images/fal-calendar-slash.svg);
}

.fal.fa-envelope-slash::before {
    background-color: currentColor;
    display: block;
    --icon-svg: url(/modules/Contact/images/fal-envelope-slash.svg);
}


/** External Mail Buttons **/
.uiTitleCon:has(.external-mail-buttons) {
    display: flex;
    justify-content: space-between;
}

.external-mail-buttons {
    display: inline-flex;
    align-items: center;
    height: 1.4em;

    button {
        display: inline-flex;
        background: none;
        gap: 0.25rem;
        padding: 0.25rem 0.5rem;
        align-items: center;
        border-color: var(--color-grey-light);
        border-width: 0 0 0 1px;

        &:not(:disabled) {
            cursor: pointer;
        }

        .fa-check {
            color: var(--color-app);
        }

        &[data-connected="0"] {
            .fa-check {
                display: none;
            }
        }

        &[data-connected="1"] {
            &:hover:not(:disabled) {
                .fa-check:before {
                    content: "\f00d";
                }
            }
        }
    }

}

.fab.fa-outlook::before {
    background-color: currentColor;
    --icon-svg: url(/modules/Contact/images/fab-outlook.svg);
}

.fab.fa-gmail::before {
    background-color: currentColor;
    --icon-svg: url(/modules/Contact/images/fab-gmail.svg);
}

/*/var/www/html/public/modules/Contact/css/duplicates.css*/
.duplicatesTitleRow,
.duplicatesRow {
    overflow-x: auto;
    border-bottom: 1px solid #DDD;
    width: 100%;
    display: flex;
    align-items: stretch;
    padding-left: 20px;
}
.duplicatesRow.lastRow {
    border-bottom: 0;
}

.duplicatesBlock {
    float: left;
    min-width: 200px;
    max-width: 100%;
    padding: 10px 20px 10px;
    margin: 20px 30px 20px 0;
    background: #FFF;
    cursor: pointer;
    border: 2px solid transparent;
    display: flex;
    align-items: flex-end;
}
.duplicatesBlock:hover {
    border-color: #DDD;
    background-color: #FAFAFA;
}
.duplicatesBlock > table {
    width: 100%;
}
.blockData td:first-of-type {
    padding-right: 10px;
}
.blockData.label {
    font-size:16px;
    padding-bottom: 8px;
}
.blockDataAvatar {
    text-align: center;
    padding-bottom: 10px;
}
/*.blockDataAvatar img {*/
    /*border-radius: 50%;*/
/*}*/
.blockData b {
    color: #D55;
}
.duplicatesBlock .attribKey {
    padding-right: 10px;
}
.duplicateSelectionActive .selectionIndicator {
    border-color: transparent;
}
.duplicateSelectionActive .dynamicBody .uiTabs,
.duplicateSelectionActive .dynamicBody {
    transition: background-color 0.4s;
    background-color: #888;
}
.duplicateSelectionActive .duplicatesBlock {
    background-color: #AAA;
    transition: border-color 0.4s;
    transition: background-color 0.4s;
}
.duplicateSelectionActive .duplicatesBlock:hover {
    background-color: #CCC;
}
.duplicateSelectionActive .duplicatesRow:hover {
    background-color: #CCC;
    cursor: pointer;
}
.duplicateSelectionActive .selectedDuplicate.duplicatesBlock,
.duplicateSelectionActive .selectedDuplicate .duplicatesBlock {
    border-color: #0B0;
    background: #FFF;
}
.duplicateMergePossible .icon {
    color: #0B0;
}

.ignoreRule {
    display: flex;
    font-size: 14px;
}
.ignoreRule .editOptionsContent {
    flex: 1 1 auto;
}
.ignoreRule .iconsCon {
    flex: 0 1 auto;
    color: #999;
    font-size: 17px;
}
.ignoreRule .iconsCon .iconButton {
    padding: 0 4px;
}
.ignoreRule .iconsCon .iconButton:hover {
    color: #0b6485;
}
.ignoreRule .editOptionsContent,
.ignoreRule .iconsCon {
    padding: 7px 5px;
    display: flex;
    vertical-align: middle;
}

.duplicatesTitleRow {
    margin: 20px 0;
    border-bottom: 2px solid #333;
    font-size: 20px;
}
.noDuplicatesFound {
    margin: 20px 0;
    font-size: 20px;
    padding-left: 20px;
}

/* Tab header for switching between Person and Company views */
.duplicatesTabHeader {
    display: flex;
    padding: 20px 20px 0;
    gap: 20px;
    border-bottom: 2px solid #333;
    margin-bottom: 10px;
}

.duplicatesTab {
    font-size: 20px;
    padding-bottom: 10px;
    cursor: pointer;
    position: relative;
}

.duplicatesTabActive {
    font-weight: bold;
    color: #333;
}

.duplicatesTabActive::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #0b6485;
}

.duplicatesTabInactive {
    color: #888;
}

.duplicatesTabInactive:hover {
    color: #555;
}
/*/var/www/html/public/modules/ProjectAdmin/css/admin.css*/
.projectDashboard .standingDataCon {
    padding-right: 227px;
}

.projectDashboard .standingData {
    width: 100%;
}

.projectDashboard .standingData td {
    padding-bottom: 11px;
}

.projectDashboard .headline {
    color: #000;
    font-size: 15px;
}

.projectDashboard .standingData .headline {
    border-top: 1px solid #E4E4E4;
    padding-top: 8px;
    margin-bottom: 10px;
}

/*.projectDashboard .images .headline {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 8px;
    margin-right: 5px;
}*/

.projectDashboard .boxRight .headline {
    /*text-align: center;*/
    padding: 4px;
}

.projectDashboard tr:first-child .headline {
    border: none;
    padding-top: 0;
}

.projectDashboard .key {
    color: #666;
    /*padding-right: 30px;*/
    width: 150px;
}

.projectDashboard .value {
    color: #000;
    /*padding-right: 20px;*/
    width: 300px;
}

.dashboardLine {
    padding-bottom: 10px;
}

.projectDashboard .images {
    width: 201px;
    float: right;
}

.projectDashboard .images .thumbs {
    margin: 0 -3px -3px 0;
}

.projectDashboard .images .thumb {
    float: left;
    margin: 3px 3px 0 0;
}

.projectDashboard .images .thumb div {
    width: 99px;
    height: 99px;
    overflow: hidden;
}

.projectDashboard .images .thumb img {
    display: block;
/*    min-width: 99px;
    min-height: 99px;*/
    position: relative;
}

/*.projectDashboard .preview {
    min-width: 234px;
    float: right;
    margin-top: -20px;
    text-align: center;
}

.projectDashboard .preview .countLabel {
    font-size: 15px;
    margin-bottom: 10px;
}

.projectDashboard .arrowLeft {
    background: url(../images/project-dashboard/arrow-left.gif) left center no-repeat;
    padding-left: 13px;
    outline: none;
}

.projectDashboard .arrowRight {
    background: url(../images/project-dashboard/arrow-right.gif) right center no-repeat;
    padding-right: 13px;
}

.projectDashboard .preview img {
    display: inline-block;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    padding: 3px;
}

.projectDashboard .preview .invisibleLinks {
    display: none;
}*/

.boxRight {
    float: right;
    clear: right;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    padding: 3px;
    margin-bottom: 6px;
    background: #FFF;
}

.googleMapsStatic img {
    display: block;
    width: 201px;
    height: 201px;
}

.googleMapsStatic a {
    display: block;
}

.googleMapsStatic .marker {
    width: 37px;
    height: 34px;
    background: url(/modules/ProjectAdmin/images/project-dashboard/marker.png) no-repeat right bottom;
    position: absolute;
    margin: 67px 0 0 85px;
}

.icon.payed {
    color: #74d181;
}

.icon.waitingForPayment {
    color: #ce4934;
}


.customer_avatar{
    display: inline-block;
    vertical-align: middle;
     width:50px; 
     height: 50px; 
     border-radius: 50%;                                   
     border: 1px #999 solid;background-repeat: no-repeat;
    background-size: cover;
}

.customer_label{
    padding-left: 5px; 
    display: table-cell;
    vertical-align: middle;
    text-overflow:ellipsis;
}

.customers_title{
    font-size: 20pt; 
    font-weight: 300;
    padding-bottom: 15px;
    display: table;
    margin: auto;
}

.scrollable_container{
    max-height: 300px; 
    position: relative; 
    overflow-y: scroll;
    
}

.scrollable_container::-webkit-scrollbar { 
    display: none; 
}
/*/var/www/html/public/modules/Project/css/project.css*/
.taskProgress {
    margin: 16px 0;
    width: 100%;
    height: 16px;
    overflow: hidden;
    color: #F4F4F4;
    box-shadow: 0 -1px 2px rgba(0,0,0,0.08), 0 1px 1px rgba(0,0,0,0.40);
    border-radius: 1px;
}
.tableRows .taskProgress {
    /*height: 16px;*/
    width: 80px;
}
.taskProgress tr.main {
    height: 16px;
}
.taskProgress td {
    /*padding-left: 3px;*/
    white-space: nowrap;
}

.taskProgress .done {
    background: rgba(19, 167, 221, 1.0) !important;
    /*min-width: 2px;*/
}
.taskProgress .undone {
    background: rgba(153, 221, 170, 1.0) !important;
}

.taskProgress .okEff {
    background: rgba(19, 167, 221, 1.0);
    /*min-width: 5px;*/
}
.taskProgress .ok {
    background: rgba(19, 167, 221, 0.5);
}
.taskProgress .over {
    background: rgba(221, 153, 170, 1.0) !important;
    /*min-width: 2px;*/
}
.taskProgress .available {
    background: rgba(153, 221, 170, 1.0) !important;
    /*min-width: 2px;*/
}
.taskProgress .border {
    background: #eee;
    /*min-width: 2px;*/
}
.taskProgress td.billableIndicatorContainer {
    padding-right: 12px;
}
.taskProgress .billableIndicator {
    display: inline-block;
    position: relative;
/*    width: 2px;
    height: 5px;*/
    border: 6px solid #3d3d3d;
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    margin-top: -3px;
}
table tr.hasActiveChildTasks {
    /*background: #f7f7f7;*/
}
table tr.hasActiveChildTasks td,
table tr.hasActiveChildTasks td .uiValue,
table tr.hasActiveChildTasks td .text,
table tr.hasActiveChildTasks td.slider .label label,
table tr.hasActiveChildTasks td .timeIcon .icon {
    color: #ccc;
}
table tr.hasActiveChildTasks .taskProgress .done {
    background: rgba(153, 221, 170, 0.3) !important;
}

.activeWorkLog,
.dynamicButton .icon.activeWorkLog {
    color: #af0 !important;
}
#footer .icon.activeWorkLog {
    color: #13a7dd;
}
#footer .icon.spin {
    display:inline-block;
    -moz-animation:spin 10s infinite linear;
    -o-animation:spin 10s infinite linear;
    -webkit-animation: spin 10s infinite linear;
    animation:spin 10s infinite linear;
    
    /* hack for aliasing bug in chrome */
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

table tr.row.activeWorkLog {
    font-weight: bold;
}

table tr.row span.hasActiveSubTasks {
    padding-left: 3px;
}


.workLogsOverview td {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    border-left: 3px dashed #E7E7E7;
    padding: 10px;
    vertical-align: top;
    max-width: 200px;
    min-width: 80px;
}
.workLogsOverview td .description {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.workLogsOverview td:first-child {
    border-left: 1px solid #E7E7E7 !important;
}
.workLogsOverview td:last-child {
    border-right: 1px solid #E7E7E7 !important;
}
.workLogsOverview td .startTime input,
.workLogsOverview td .endTime input{
    width: 33px;
    border: none;
    background: none;
}
.workLogsOverview td.time {
    border: none
}
.workLogsOverview td.noTask {
    background: #F7F7F7;
}
.workLogsOverview td.idle {
    background: #FFF4F4;
}
.workLogsOverview td.notIdle {
    background: #F4FFF4;
}
.workLogsOverview td.conflict {
    border-left: 3px dashed #F77;
}
.workLogsOverview span,
.workLogsOverview a {
    white-space: nowrap;
}
.workLogsOverview a {
    display: block;
}
/*.workLogsOverview td.active {*/
    /*border: 3px dotted #CCC;*/
/*}*/
.workLogsOverview td span.active {
    font-size: 16px;
    color: #F66;
}
.workLogsOverview td span.endTime {
    float: right;
}



.kanbanBoard {
    width: 100%;
    border: 1px solid #F4F4F4;
}
.kanbanBoard td.kanbanStatus,
.kanbanBoard th {
    padding: 5px;
    vertical-align: top;
    border-left: 1px solid #F4F4F4;
    width: 30%;
}
.kanbanBoard th {
    font-size: 18px;
    font-weight: 100;
}
.kanbanBoard td.kanbanStatus:first-child,
.kanbanBoard th:first-child {
    border-left: none;
}

.kanbanBoard td.Neu {
    background: #FFC4C4;
}
.kanbanBoard td.InBearbeitung {
    background: #C4E4FF;
}
.kanbanBoard td.Erledigt {
    background: #C4FFC4;
}

.kanbanBoard .task {
    border: 1px solid #eee;
    margin-top: 5px;
    height: 30px;
    background: rgba(255,255,255,0.5);
    border-radius: 4px;
    width: 100%;
}
.kanbanBoard .task td {
    vertical-align: middle;
    padding: 0;
}
.kanbanBoard .task .drag {
     width: 7px;
     background: url('/modules/Project/images/drag.png');
 }
.kanbanBoard .task .id {
    width: 40px;
    padding-right: 5px;
    text-align: right;
    background: #F7F7F7;
    border-right: 1px solid #eee;
    font-weight: 100;
    font-size: 20px;
}
.kanbanBoard .task .subject {
    padding: 5px 0;
    width: 85%;
    line-height: 14px;
    max-height: 30px;
    overflow: hidden;
    color: #666;
    width: auto;
}
.kanbanBoard .task .assignee {
    width: 30px;
}
.kanbanBoard .task img.avatar {
    border-radius: 4px;
    opacity: 0.9;
    width: 30px;
    height: 30px;
    display: block;
}

@media only screen
and (max-width : 800px) {
    .application:not(.mobile) #mainTabAreas {
        border-left: none;
        bottom: 0;
    }
    .application:not(.mobile) #footer {
        display: none;
    }
    .application:not(.mobile) #mainLeftCol {
        display: none;
    }
    .application:not(.mobile) #upperPage {
        left: 0px;
    }
    .application:not(.mobile) .viewActivitiesCol {
        display: none;
    }
    .application:not(.mobile) #footerCrumbs .tabCrumbs,
    .application:not(.mobile) #footerCrumbs .addTabIcon {
        display: none;
    }
    .application:not(.mobile) .crumbContainer {
        display: none;
    }
    .application:not(.mobile) .viewTabs, 
    .application:not(.mobile) .systemAvatar,
    .application:not(.mobile) .elunicViewHead{
        display: none;
    }
    .application:not(.mobile) .dynamicBody {
        top: 0px !important;
    }
    .taskGridOverviewRight {
        display: none;
    }
    .workLogItem {
    margin-left: -20px;
    margin-right: -15px;
    }
}

@media only screen
and (max-width : 1000px) {
    .taskGridOverviewRight {
        display: none;
    }
}

@media only screen
and (min-width : 1001px) {
    .taskSideBarOnly {
        display: none !important;
    }
}


.activeTask {
    font-weight: bold;
}

.activeWorkLog {
    color: #13a7dd !important;
}

.workLogs {
    position: relative
}

.itemContainer {
    position: relative;
    top: 28px;
}

.workLogItem {
/*    margin-top: -6px;
    padding-top: 4px;
    padding-bottom: 6px;*/
/*    border: 1px solid #999;*/
/*    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999; */
/*    border-top-left-radius:5px;
    border-top-right-radius:5px;*/
/*    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-radius:5px;*/
    position: relative;
    background: #fff;
    z-index: 0;
}

.workLogItem .header {
    border-bottom: 1px #fff solid;
    color: #fff;
    background: #13a7dd;
    opacity: 0.4;
    padding: 1px 40px 2px 2px;
}

.workLogItem .workLogIcon {
    margin-left: 3px;
}

.workLogItem .iconContainer{
    position: absolute;
    right: 5px;
    top: 2px;
}

.workLogItem .workLogContent {
    position: absolute;
    background: #fff;
    padding: 5px;
}

.workLogItem .workLogContent .disabled .uiIcons .iconButton{
    display: initial;
}

.workLogItem .workLog {
    padding-left: 4px;
    padding-right: 4px;
}

.workLogItem .header a {
    color: #fff;
}

.workLogItem .header.level0 {
    opacity: 1;
}
.workLogItem .header.level1 {
    opacity: 0.85;
}
.workLogItem .header.level2 {
    opacity: 0.7;
}
.workLogItem .header.level3 {
    opacity: 0.55;
}
.workLogItem .header.level4 {
    opacity: 0.4;
}
/*.workLogItem .header.level5 {
    opacity: 0.25;
    background: #13a7dd;
}
.workLogItem .header.level6 {
    opacity: 0.1;
    background: #13a7dd;
}
.workLogItem .header.level7 {
    opacity: 0;
    background: #13a7dd;
}*/

.workLogButtons {
    text-align: right;
    width: 115px;
    margin-top: 10px;
}

.workLogButtons .button{
    margin: 5px 2px;
    color: #eee;
}
.workLogButtons .button:hover{
    opacity: 0.5;
}
.workLogButtons .buttonGreen .icon,
.workLogButtons .buttonRed .icon,
.workLogButtons .buttonBlue .icon {
    color: #eee;
}

.workLogButtons .buttonGreen {
    background-color: #26c721;
}
.workLogButtons .buttonRed {
    background-color: #c72121;
}
.workLogButtons .buttonBlue {
    background-color: #13a7dd;
}

.workingTimeBar {
    /*width: 100%;*/
    height: 12px;
    bottom: 3px;
    position: absolute;
    left: 0;
    right: 0;
}

.workingTimeBar .workingTimeEntry {
    height: 10px;
    background: #13a7dd;
    opacity: 0.2;
    position: absolute;
}

.workingTimeBar .workLog {
    height: 10px;
    position: absolute;
    /*background: #FDD835;*/
    cursor: pointer;
    border-right: 1px solid #f5f5f5;
}

/*.workingTimeBar .workLog.typeFeature {
    background: #13a7dd;
}
.workingTimeBar .workLog.typeBug {
    background: #F44336;
}*/
/*.workingTimeBar .workLog.typeUsability {
    background: #44cb26;
}*/
.workingTimeBar .workLog.billable {
    background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
    background-size: 4px 4px;   
    /*border: 2px solid rgba(255,255,255,0.5);*/
}
.workingTimeBar .workLog.conflict {
    z-index: 2;
    background-color: #000;
    border-right: 0;
/*    background-image: linear-gradient(rgb(255,0,0) 50%, rgba(255,255,255,0.9) 50%);
    background-size: 4px 4px;   */
/*    background-color: transparent;*/
}

.workingTimeBar .dayStart {
    position: absolute;
    left: 0;
    width: 5px;
    height: 100%;
    background: #555;
}
.workingTimeBar .dayEnd {
    position: absolute;
    right: 0;
    width: 6px;
    height: 100%;
    background: #555;
}
.workingTimeBar .content {
    height: 100%;
    background: #f5f5f5;
    left: 5px;
    right: 6px;
    position: absolute;
}

.logsReporting .employeeTimes {
    position: relative;
    height: 20px;
}

.logsReporting .employeeTimes .times{
    position: relative;
    margin-left: 100px;
}

.logsReporting .employeeLabel {
    position: relative;
    margin-top: 20px;
}

.projectPackageSelectContext .project {
    background: #f7f7f7;
}

.projectPackageSelectContext .project .cell {
    color: #999;
    padding: 4px 11px;
}

.projectPackageSelectContext .project .addPackageIcon {
    margin-left: 10px;
}

.projectPackageSelectContext .package {
}


.timeSlot.fixedTimeSlot {
    background: #F00 !important;
}

.plannedSlot{
    z-index: 100;
    border: 2px solid #000 !important;   
}






/*
 * resourcePlanning
 */
.resourcePlanning.logsReporting .employeeTimes {
    width: 300px;
    display: inline-block;
    padding: 30px 0;
}
.resourcePlanning.logsReporting .day {
    position: relative;
    top: -20px;
    text-align: center;
    color: #ccc;
}
.resourcePlanning.logsReporting .times {
    margin-left: 0;
}
.resourcePlanning.logsReporting .dayEnd,
.resourcePlanning.logsReporting .dayStart {
    width: 1px;
    top: -20px;
    height: 40px;
    background: #cfcfcf;
}
.resourcePlanning.logsReporting .dayStart {
    left: 0px;
}
.resourcePlanning.logsReporting .dayEnd {
    left: 100%;
}

.resourcePlanning table.grid {
    width: 100%;
    text-align: center;
    color: #ddd;
}
.resourcePlanning table.grid td:not(:last-child) {
    height: 5px;
    border-right: 1px solid #ddd;
}








.timeline {
    width: 100%;
    position: relative;
    height: 150px;
    /*background: #CACACA;*/
}
.timeline .showOnHover {
    display: none;
}
.timeline .hoverable:hover .showOnHover {
    display: block;
}

.timeline .bar {
    width: 100%;
    height: 6px;
    border-radius: 5px;
    position: absolute;
    top: 50px;
    z-index: 0;
}
.timeline .bar.remainingTime {
    opacity: 0.4;
}
.timeline .bar.overtime {
    opacity: 1 !important;
    background: rgba(255,0,0,0.5) !important;
}

.timeline .milestonesContainer {
    position: absolute;
    height: 60px;
    width: 100%;
    /*background: #ccc;*/
}
.timeline .milestonesContainer.bottom {
    top: 0px;
}
.timeline .milestonesContainer.bottom {
    top: 60px;
}
.timeline .milestone {
    position: absolute;
    display: inline-block;
    bottom: -5px;
    margin-left: -6px;
    z-index: 10;
}

.timeline .milestone.orientationRight {
    text-align: right;
    margin-left: 6px;
}
.timeline .milestone.orientationBottom {
    top: -12px;
}
.timeline .milestone .label {
    height: 20px;
    overflow: hidden;
    font-weight: 900;
    font-size: 14px;
}
.timeline .milestone .date {
    font-size: 12px;
}
.timeline .milestone i {
    font-size: 22px;
}
.timeline .milestone i.separator {
    display: inline-block;
    width: 8px;
    height: 20px;
    position: relative;
    top: -5px;
    background: rgba(255,255,255,0.8);
}
.timeline .milestone.centerIcon .arrow {
    margin-top: -4px;
    margin-bottom: 8px;
}
.timeline .milestone.centerIcon .arrow i.fa {
    font-size: 18px;
}
.timeline .button {
    position: absolute;
    z-index: 20;
}

.timeline .clickable:hover {
    cursor: pointer;
}
.timeline .addMilestone {
    top: 120px;
}
/*/var/www/html/public/modules/Project/css/task-manager.css*/
/* ============= tab ============ */

.taskManagerTab.editTab {
    background: #f9f9f9;
}

.taskManagerTab.editTab .uiGroupGrid {
    margin-left: 0 !important;
}

/* ============= general ============ */

.taskManager.blueBgFade,
.taskManager .blueBgFade,
.activityForm .blueBgFade {
    background: linear-gradient(to top, rgba(255,255,255,.17) 0%,rgba(255,255,255,0) 150px) var(--color-app);
}

.taskManager .blueBgFade.endWorkLog {
    background-color: #ffa740 !important;
}

/*.activityForm .taskButton:hover {
    background-image: none;
}*/

.taskManager {
    position: absolute;
    top: 0;
    right: 0;
    /*bottom: 0;*/
    left: 0;
    min-height: 100%;
    background: #13a7dd !important;
}

.taskManager .elunicTableCon.continuousScrolling {
    left: 0 !important;
    right: 0 !important;
}

.taskManager .logOnButton {
    cursor: pointer;
    width: 85px;
    height: 85px;
    /*color: #3d3d3d;*/
    color: #999;
    border-radius: 50%;
    align-items: center;
    /*border: 2px solid #F44336;*/
    border: 2px solid #BBB;
    opacity: .95;
    z-index: 10;
    position: absolute;
    left: 50%;
    margin: 20px 0 0 -133px;
    overflow: hidden;
    padding: 8px;
}

/*.taskManager .loggedOn .logOnButton {
    z-index: -1;
}*/

.taskManager .logOnButton.homeOffice {
    opacity: 0.6;
    margin-left: 20px;
}

.taskManager .logOnButton:hover {
    color: #000;
    opacity: 1;
}

.taskManager .logOnButton.homeOffice:hover {
    opacity: 0.7;
}

.taskManager .logOnButton .text {
    width: 100%;
    font-size: 15px;
    text-align: center;
    padding-top: 4px;
    text-transform: uppercase;
}

.taskManager .section {
    position: relative;
}

.taskManager .section.activities,
.taskManager .section.tasks {
    flex: 1 1 auto;
    /**
     * flex-basis: 0 is a hotfix to debug a strange behaviour in chrome, that
     * the box sizing is not computed correctly after transitions. Setting any
     * flex-basis value seems to fix the problem... [bu]
     */
    flex-basis: 0;
    overflow: hidden;
}

.taskManager .section.timeTracker {
    flex: 0 0 auto;
    min-height: 1px;
    padding: 2px 10px 0;
    overflow: hidden;
    margin-bottom: -3px;
}

.taskManager .section.timeTracker.loggedOff {
    min-height: 185px;
}

.taskLabel {
    background: #1199ca;
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px 10px;
}

/* ============= header ============ */

.taskManagerHeader {
    height: 53px;
    justify-content: center;
    align-items: center;
    padding: 0 11px 2px;
}

.loggedOff .workLogCard,
.loggedOff .materialCardHelper {
    visibility: hidden;
    opacity: 0;
}

.loggedOff .taskManagerHeader {
    margin-top: 130px;
}

.loggedOff .taskManagerHeader .avatar {
    display: none;
}

.taskManagerHeader .uiTextBox .valueItems {
    visibility: hidden;
}

.taskManagerHeader .breakScrolling {
    overflow: hidden;
}

.taskManagerHeader .uiValue {
    color: #FFF !important;
    font-size: 14px;
    font-weight: 100;
    white-space: nowrap;
    opacity: 1;
}
.taskManagerHeader ::-webkit-input-placeholder {
    color: #FFF !important;
}
.taskManagerHeader :-moz-placeholder { /* Firefox 18- */
    color: #FFF !important;
}
.taskManagerHeader ::-moz-placeholder {  /* Firefox 19+ */
    color: #FFF !important;
}
.taskManagerHeader :-ms-input-placeholder {
    color: #FFF !important;
}

.taskManagerHeader .avatar {
    cursor: pointer;
    flex: 0 0 auto;
    text-align: right;
    padding-right: 6px;
    position: relative;
    z-index: 11;
}

.taskManagerHeader .avatar .avatarPlaceholder {
    color: #b4b4b4;
    font-size: 16px;
    line-height: 30px;
}

.taskManagerHeader .avatar .signOutIcon {
    /*background: #13a7dd;*/
    background: #ce4934;
    color: #FFF;
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-left: 2px;
}

.taskManagerHeader .avatar:not(:hover) .signOutIcon {
    opacity: 0;
}

.taskManagerHeader .employee,
.taskManagerHeader .projectChoice {
    flex: 0 1 auto;
    overflow: hidden;
    position: relative;
    /*padding-right: 16px;*/
}

.taskManagerHeader .employee .uiContainer,
.taskManagerHeader .projectChoice .uiContainer {
    width: 1px;
}

.taskManagerHeader .sizeHelper {
    width: auto;
    padding-right: 21px;
}

.taskManagerHeader .spacer {
    flex: 0 0 auto;
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.4);
    margin: -3px 5px 0;
}

.taskManagerHeader .caretIcon {
    pointer-events: none;
    width: 20px;
    height: 20px;
    line-height: 19px;
    /*background: #13a7dd;*/
    color: #FFF;
    font-size: 13px;
    text-align: center;
    z-index: 2;
    margin-top: -12px;
    position: absolute;
    right: 0;
    top: 50%;
}

.activityContext.bottomFixed {
    bottom: 0 !important;
    top: auto !important;
}

.activityContext .contentContainer {
    padding-left: 10px !important;
    padding-bottom: 10px !important;
}

.activityContext .moreLink,
.activityContext .lessLink {
    white-space: nowrap;
}

.hasMoreInfo .moreLink {
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0px 6px rgba(0,0,0,0.1);
}

.supplementVisible .moreLink {
    display: none;
}

.activityContext .spacerTd {
    width: 1px;
}

.activityContext .fileUploadArea .containerBorder {
    max-width: 350px;
    padding-right: 8px;
}

.activityContext .fileUploadArea .fileSize {
    display: none;
}

/* ============ time tracker ============ */

.taskManager .materialCardCon {
    /*width: 200%;*/
    position: relative;
    /*left: 0%;*/
    /*align-items: flex-start;*/
}

.taskManager .materialCardHelper {
    /*width: 50%;*/
    position: relative;
    /*padding: 0;*/
    margin-bottom: 14px;
}

.taskManager .materialCardHelper.removed {
    height: 0 !important;
    margin: 0;
}

.materialCardHelper .activityForm {
    transform: scale(1);
}

.materialCardHelper.removed .activityForm {
    transform: scale(0);
}

.activityForm .typeIconCon {
    padding-left: 30px;
    position: relative;
}

.activityForm .layoutOneCol .typeIconCon {
    padding-left: 36px;
}

.activityForm .typeIcon{
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 7px;
    opacity: 0.75;
}

.uiGroupGrid .typeIcon{
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #FFF;
    font-size: 12px;
    border-radius: 50%;
    float:right;
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
}

.activityForm .layoutOneCol .typeIcon{
    left: 8px;
}

.activityForm .typeIcon.hover {
    opacity: 1;
}

.materialCard .description b {
    /*color: #666;*/
    font-size: 12px;
    /*font-weight: 500;*/
}

/*.taskManager .materialCardCon .activityForm {
    padding: 12px 10px;
}*/

/*.workLogCard,
.materialCardHelper {
    overflow: hidden;
}*/

.timeTracker .materialCard {
    margin-bottom: 2px;
}

/* inactive card */

.timeTrackerTable {
    width: 100%;
}

.taskManagerContext {
/*     ???
    left: 4px !important;
    */
    border-radius: 3px;
}

.taskManagerSinceXMinutes {
    width: 30px;
    background: none;
    border: none;
    border-bottom: 1px solid #bbb;
    text-align: center;
    color: #13a7dd;
    padding: 4px 0 0px 0;
    margin: -5px 5px -5px 4px;
    position: relative;
    top: -3px;
}

.contextBoxItem.mouseOver .taskManagerSinceXMinutes {
    border-bottom-color: #3d3d3d;
}

.supplementWorkLogContext {
    right: 3px !important;
    padding: 0;
}

.supplementWorkLogContext .dialogHeader.hasContent {
    padding-left: 17px !important;
}
.supplementWorkLogContext .content {
    padding-bottom: 12px !important;
}

.supplementWorkLogContext .titleContent {
    font-size: 15px;
    margin-left: 10px;
    top: 2px;
    position: relative;
    color: #999;
}

/*.supplementWorkLogContext .arrow {
    margin-top: 16px !important;
}*/

.taskManager .rightCell,
.taskManager .leftCell {
    vertical-align: top;
}

.flatMaterial .activitiesTable .materialCard {
    padding-top: 6px;
    padding-bottom: 6px;
}

.taskManager .leftCell {
    padding-right: 15px;
}

.taskManager .searchTaskCell {
    width: 1px;
    padding-left: 7px;
}

.taskManager .searchTask {
    color: #BBB;
    position: relative;
    top: -3px;
    left: -5px;
}

.activityForm .taskButton {
    cursor: pointer;
    color: #fff;
    margin: 5px 0 2px;
    font-weight: 100;
    border: none;
    outline: none;
    padding: 0;
}

.activityForm .taskButton .buttonElement {
    display: inline-block;
    line-height: 17px;
    padding: 6px 8px;
}

.activityForm .taskButton .buttonElement:first-child {
    padding-left: 10px;
}

.activityForm .taskButton .buttonElement:last-child {
    padding-right: 9px;
}

/*.taskManager .buttonElement.alternate {
    background: rgba(0, 0, 0, 0.1);
}*/

.taskManager .buttonElement:hover {
    background: rgba(255,255,255, 0.2);
}

.taskManager .flexSpacer {
    flex: 1 1 auto;
}

/*.activityForm .prioCircle {
    display: none;
}*/

.activityForm .prioCircle {
    cursor: pointer;
    display: inline-block;
    background: #eee;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    border-radius: 50%;
    margin-left: 10px;
}

.supplementVisible .prioCircle {
    display: none;
}

.activityForm .footerIconButton {
    cursor: pointer;
    display: inline-block;
    background: #eee;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    border-radius: 50%;
    margin-left: 10px;
}

.activityForm .changeLogBtn {
    cursor: pointer;
    display: inline-block;
    background: #eee;
    width: 80px;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    border-radius: 3px;
    margin-left: 10px;
}

.activity.materialCard .durationContainer {
    position: absolute;
    /*background: #ccc;*/
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -11px -12px;
}
.activity.materialCard .estimate {
    height: 100%;
    background: #ccc;
}

.activity.materialCard .spentHoursContainer {
    position: absolute;
    /*background: #ccc;*/
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -11px -12px;
}

.elunicViewActivities .spentHoursContainer,
.elunicViewActivities .durationContainer {
/*.elunicViewActivities .targetLink {*/
    display: none;
}

.activity.materialCard .spentHours {
    height: 100%;
    background: orange;
    /*background: #13a7dd;*/
}

/*.activityForm .taskButton:hover {
    background: #13a7dd;
}*/

.activityForm .taskButton .icon {
    color: #fff;
    font-size: 13px;
    border-left: 1px solid rgba(255,255,255,0.2);
}

.activityForm:not(.supplementVisible) .saveSupplementBtn,
.activityForm.supplementVisible .saveButton {
    display: none;
}

/*.activityForm:not(.hasChanges) .saveButtonElement,*/
/*.activityForm:not(.hasElunic) .closeButtonElement,*/
/*.activityForm.hasChanges .closeButtonElement {*/
.activityForm.hasElunic .createButtonElement,
.activityForm:not(.hasElunic) .saveButtonElement {
    display: none;
}

/*.activityForm .taskButton .buttonElement.closeButtonElement {
    display: none;
}*/

/*.taskManager .saveSupplementBtn .hideSupplement {
    padding-left: 7px;
    margin-left: 7px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    opacity: 0.66;
}*/

.activityForm .taskButton .icon:hover,
.activityForm .taskButton .icon.hover {
    color: #555;
}
/*.activityForm .taskButton .icon:hover,
.activityForm .taskButton .icon.hover {
    color: #ffa740;
    opacity: 1;
}*/

/*.taskManager .endWorkLog .moreActions:hover,
.taskManager .endWorkLog .moreActions.hover {
    color: #000;
}*/

/*.taskManager .supplementWorkLog {
    height: 0;
    overflow: hidden;
    padding: 0 1px 0 5px;
}*/

/* work log */


.workLogCard .logProjectOperation {
    white-space: nowrap;
    margin-bottom: 5px;
}

.workLogCard .logProjectOperation .project,
.workLogCard .logProjectOperation .spacer,
.workLogCard .logProjectOperation .operation {
    overflow: hidden;
    text-overflow: ellipsis;
}

.workLogCard .logProjectOperation .spacer,
.workLogCard .logProjectOperation .operation {
    flex: 0 0 auto;
}

.workLogCard .logProjectOperation .spacer {
    margin: 0 5px;
}

.timeTracker .workLogCard .leftSide {
    flex: 1 1 auto;
    padding: 8px 15px 0 0;
}

.timeTracker .workLogCard .leftSide .description {
    line-height: 19px;
    color: #000;
    font-size: 15px;
    font-weight: 100;
    padding-bottom: 5px;
}

.timeTracker .workLogCard .rightSide {
    width: 70px;
    flex: 0 0 auto;
    align-items: center;
}

.timeTracker .durationCounter {
    padding-bottom: 6px;
}

.timeTracker .durationCounter .uiValue {
    color: #999;
    font-size: 15px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.timeTracker .durationCounter .borderHelper {
    margin-top: -2px;
}

/* ============ right cell ============ */

.taskManager .rightCell {
    width: 120px;
}

.taskManager .prevTask {
    display: block;
    margin-top: 2px;
    color: #FFF;
}

/* ============ activities ============ */

.taskManager .section.activities {
    background: #f9f9f9;
}

.taskManager .section.activities .eyeCatcher {
    position: absolute;
    right: 0;
    top: 0px;
    background: #13a7dd;
    color: #FFF;
    border-radius: 2px;
    padding: 0px 4px 1px 3px;
    opacity: 0.7;
}

.taskManager .activityFilters {
    position: relative;
    top: 40px;
}

.flatMaterial .activitiesTable .activityRowIcons {
    width: 39px;
    /*opacity: 0.66;*/
    opacity: 1;
}
.taskManager .activityContentCell:hover .activityRowIcons {
    opacity: 1;
}

.taskManager .activityContentCell.logging {
    border-left: 4px solid #ffa740 !important;
}

.taskManager .activityIcon {
/*    width: 29px;
    height: 29px;*/
    line-height: 26px;
    font-size: 16px;
}

.taskManager .activityIcon.icon-envelope,
.taskManager .activityIcon.fa-envelope {
    line-height: 29px;
}

.taskManager .activityFilters .filterLabel {
    margin-left: 5px;
}

.taskManager .tableTitleHeader {
    height: 33px;
    /*background: #13a7dd !important;*/
    /*background: #0f85b1 !important;*/
    color: #FFF;
    padding: 5px 0 0 !important;
    text-align: center;
    border: none !important;
    box-shadow: inset 0 5px 6px -4px rgba(0,0,0,0.15);
        /*inset 0 0 0 100px rgba(0,0,0,0.40);*/
    margin-top: -40px !important;
}

.taskManager .tableTitleHeader .titleContent {
    display: none;
}

.taskManager .tableTitleHeader .searchTableButton {
    /*color: #FFF;*/
    position: absolute;
    right: 9px;
    bottom: -31px;
}

.taskManager .tableTitleHeader .taskStateSelect {
    position: absolute;
    right: 39px;
    bottom: -31px;
    font-size: 19px;
}

.taskManager .tableTitleHeader .tableViewTab {
    border-left: none;
    padding: 2px 11px 7px;
    margin: 3px 5px 0;
}

.taskManager .tableTitleHeader .tableViewTab a {
    color: #FFF !important;
    opacity: 0.8;
}

.taskManager .tableTitleHeader .tableViewTab.selected {
    border-bottom: 2px solid #ffa740;
}

.taskManager .tableTitleHeader .tableViewTab.selected a {
    opacity: 1;
    /*font-weight: 500;*/
    font-weight: bold;
}

.taskManager .tableViewTab .text {
    text-decoration: none !important;
}

.taskManager .addActivityButton {
    display: none;
}
/*.taskManager .addActivityButton {
    line-height: 34px;
    background: #FFF;
    position: fixed;
    bottom: 39px;
    right: 15px;
    font-size: 41px !important;
    color: #13a7dd;
    box-shadow: 1px 1px 7px;
    border-radius: 50%;
    opacity: 0.75;
}

/*.taskManager .addActivityButton:hover {
    opacity: 1;
}*/

.taskManager .activityFilters {
    display: none;
}

.taskManager .saveViewLink,
.taskManager .personalizeTableLink {
    display: none !important;
}

.taskManager .tableConfigArea {
    padding: 15px 65px 15px 25px !important;
    margin-bottom: 20px !important;
}

.taskManager .configActive.continuousScrolling .tableConfigArea {
    margin-bottom: -37px;
}

.taskManager .activityDate .title {
    padding-bottom: 11px;
}

.taskManager .mainTable {
    margin-top: 49px !important;
    /*margin-bottom: 20px;*/
}
.taskManager .tableRow {
    background: none !important;
}

.taskManager .tableRows tr.hover td {
    background: #fdfdfd;
}

.taskManager .activityIcons {
    padding-right: 10px;
}

/* ============== working time bar ============== */

.taskManager .dayOverview {
    flex: 0 0 auto;
    background: #f9f9f9;
    /*padding: 3px 11px 9px;*/
    padding: 12px 9px 1px;
    border-top: 1px solid #eee;
}

.taskManager .dayOverview:hover,
.taskManager .dayOverview.expanded {
    background: #FFF;
}

.taskManager .dayOverview .title {
    height: 0px;
    font-size: 11px;
    overflow: hidden;
    opacity: 0;
}

.taskManager .dayOverview:hover .title,
.taskManager .dayOverview.expanded .title {
    height: 13px;
    padding: 0px 0 10px;
    margin-top: -3px;
    opacity: 1;
}
.taskManager .dayOverview:hover .title.titleExpanded {
    height: 96px;
}
.taskManager .dayOverview .title .hoursToday {
    /*color: #13a7dd;*/
    color: #555;
    font-weight: bold;
    margin: 0 3px 0 4px;
}

.taskManager .dayOverview .title .dayNav {
    float: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 2rem;
}

.taskManager .dayOverview .title .dayNav .dateIndicator {
    margin-right: 10px;
}

.taskManager .dayOverview .title .dayNav .icon {
    margin: 0 5px;
}

.taskManager .dayOverview .bar {
    height: 12px;
    position: relative;
    margin: 0 6px;
}

@media only screen
and (min-width : 801px) {
    .sidebarConnectionIndicatorContext {
        display: none  !important;
    }
}

.taskManager .sidebarFooterIcons {
    display: none;
    flex: 0 0 auto;
    margin: -5px -3px 0 8px;
}

.taskManager .sidebarFooterIcons .icon {
    font-size: 15px;
    margin-left: 7px;
}

@media only screen
and (max-width : 800px) {
    .taskManager .sidebarFooterIcons {
        display: block;
    }
}

.taskManager .dayOverview .title table {
    width: 100%;
}
.taskManager .dayOverview .title .userWorkload {
    height: 76px;
    width: 92%;
    overflow-y: auto;
    display: inline-block;
}
.taskManager .dayOverview .title .userWorkload td {
    float: left;
    margin: 0 0 10px 10px;
    min-width: 10%;
    max-width: 125px;
    height: 65px
}
.taskManager .dayOverview .title .userWorkload td p {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    text-align: center;
}
.taskManager .dayOverview .title .userWorkload td a {
    height: 65px;
}
.taskManager .dayOverview .title .userWorkload td a:hover {
    text-decoration: none;
}
.taskManager .dayOverview .title .userWorkload td .circlet {
    /*top: -15px;*/
    /*left: 10%;*/
    border: 0;
    margin: 0 auto;
}
.workingTimeBar .workingTimeEntry {
    height: 12px;
    background: #666;
    opacity: 0.2;
    position: absolute;
}

.workingTimeBar .workLog {
    height: 12px;
    position: absolute;
    /*background: #ccc;*/
    cursor: pointer;
    border-right: 1px solid #f5f5f5;
    box-sizing: border-box;
    min-width: 3px;
    padding: 1px 0;
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 1px dashed #999;
}
.workingTimeBar .workLog .bgColor {
    background: #ccc;
    width: 100%;
    height: 100%;
}

.workingTimeBar .workLog.typeFeature {
    border-top: 1px solid #13a7dd;
}
.workingTimeBar .workLog.typeBug {
    border-top: 1px solid #F44336;
}

.workingTimeBar .workLog.typeBillable {
    border-bottom: none;
    padding-bottom: 0;
}
/*.workingTimeBar .workLog.typeUsability {
    background: #44cb26;
}*/
.workingTimeBar .workLog.billable {
    background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
    background-size: 4px 4px;
    /*border: 2px solid rgba(255,255,255,0.5);*/
}

.workingTimeBar .dayStart,
.workingTimeBar .dayEnd {
    position: absolute;
    height: 100%;
    background: #888;
    width: 6px;
}

.workingTimeBar .dayStart:hover,
.workingTimeBar .dayEnd:hover {
    background: #13a7dd;
}

.workingTimeBar .dayStart {
    left: -6px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.workingTimeBar .dayEnd {
    right: -6px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.workingTimeBar .content {
    height: 100%;
    /*background: #f5f5f5;*/
    background: #EEE;
    left: 1px;
    right: 1px;
    position: absolute;
}

.workingTimeBar .nowIndicator {
    position: absolute;
    font-size: 12px;
    margin-left: -3px;
    top: -9px;
}

.taskManager .floatingButtonCon {
    position: fixed;
    bottom: 100px;
    right: 19px;
    z-index: 111;
}

.taskManager .floatingButtonArea {
    position: absolute;
    bottom: 72px;
    width: 100%;
}
.circletContent.icon {
    font-size: 400%;
}


.taskManager .floatingButtonCon:not(:hover) .floatingButtonArea {
    /*pointer-events: none;*/
    width: 0;
    left: 5px;
}
 

.taskManager .floatingButton {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 43px;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    box-shadow: 1px 2px 6px rgba(0,0,0,0.4);
    border: 1px solid transparent;
    border-radius: 50%;
    transform: scale(0);
    margin: 20px auto 0;

    -webkit-transition-property: transform; /* Safari */
    transition-property: transform;
}

.zoneCirclet {
    width: 50px;
    font-size: 300%;
    display: inline-block;
    vertical-align: text-bottom;
    height: 50px !important;
    border-radius: 50% !important;
    line-height: 50px !important;
    background: #dddddd;
    border: 1px solid #ffffff;
    overflow: hidden;
    text-align: center;
}
.zoneCirclet img {
    color: #ffffff;
    width: 50px;
}
.zoneCirclet .icon {
    color: #ffffff;
}
.zone-ban {
    color: #ff0000;
    position: absolute;
    z-index: 1;
    transform: translateX(-107%);
}

/*.inTheZone {
    filter: grayscale(100%) blur(1px) opacity(50%) sepia(100%);
}*/
.zonedIn {
    background-color: #87AA23;
}
.zonedOut {
    background-color: #7855DC;
}

.taskManager .floatingButtonCon:hover .floatingButton,
.taskManager .floatingButtonCon.stayOpen .floatingButton {
    transform: scale(1);
}

.uiTitle .hoverButton:before {
    transform: scale(0);
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    -ms-transition-duration: .4s;
    transition-duration: .4s;
}

.uiTitle:hover .hoverButton:before,
.elunicTable:hover .uiTitle .hoverButton:before {
    transform: scale(1);
}

.uiTitle .hoverOutButton {
    position: absolute;
    opacity: 0.3 !important;
    margin-left: 5px !important;
}

.uiTitle .hoverOutButton:before {
    transform: scale(1);
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    -ms-transition-duration: .4s;
    transition-duration: .4s;
}

.uiTitle:hover .hoverOutButton:before,
.elunicTable:hover .uiTitle .hoverOutButton:before {
    transform: scale(0);
}

.taskManager .floatingButton.addButton {
    width: 50px;
    height: 50px;
    line-height: 53px;
    background: #13a7dd;
    font-size: 20px;
    transform: scale(1);
}

.taskManager .floatingButtonCon .floatingButton:hover {
    box-shadow: 1px 2px 6px rgba(0,0,0,0.7);
}

.taskManager .billableIcon {
    display: inline-block;
    background: #1d9b72;
    width: 13px;
    height: 13px;
    line-height: 15px;
    color: #fff;
    font-size: 12px;
    text-indent: -0.5px;
    text-align: center;
    margin: 21px 0 0 -13px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}

.taskManager .commentIcon {
    display:        inline-block;
    background:     #13a7dd;
    width:          13px;
    height:         13px;
    line-height:    14px;
    color:          #fff;
    font-size:      11px;
    text-indent:    -0.5px;
    text-align:     center;
    margin:         21px 0 0 -36px;
    border:         1px solid #fff;
    border-radius:  50%;
    position:       absolute;
    z-index:        1;
}

.taskManager .descriptionIcon {
    display:        inline-block;
    background:     orange;
    width:          13px;
    height:         13px;
    line-height:    14px;
    color:          #fff;
    font-size:      11px;
    text-indent:    -0.5px;
    text-align:     center;
    margin:         -4px 0 0 -13px;
    border:         1px solid #fff;
    border-radius:  50%;
    position:       absolute;
    z-index:        1;
}

.taskManager .buttonCount {
    width: 15px;
    height: 15px;
    line-height: 14px;
    background: #999;
    color: #FFF;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #FFF;
    position: absolute;
    right: -5px;
    bottom: -5px;
}

.taskManager .buttonCount.important {
    background: #d40707;
}


.taskManager .activitiesTable .iconButtonCircle {
    padding: 20px;
    position: relative;
    top: 5px;
    left: -20px;
}

.taskManager .tableConfigArea .uiInputBox .prefix .uiValue {
    /**
     * this change was made to position the icon better within the all field
     * search of the activities column @bu 21.11.2014
     */
    left: -8px;
}

.noHeightLimit .activitiesTable.uiContent .elunicTable .flexTableWrapper {
    max-height: none;
    overflow: visible auto;
}


/*/var/www/html/public/modules/Headhunter/css/candidate-gantt-dashboard.css*/
.candidateGanttDashboard {
}

.dynamicElement.defaultMode .candidateGanttDashboard .elunicTableCon.continuousScrolling {
    top: 10px;
    left: 5px;
    right: 0;
}

.candidateGanttDashboard .tableTitleHeader {
    border-top: 10px solid #dedede !important;
    border-bottom: 5px solid #ececec !important;
    margin-top: -10px !important
}
/*/var/www/html/public/modules/Headhunter/css/buy-button.css*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12.05.2017, 17:08:24
    Author     : fpasa
*/

.buy-button-container {
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    margin-right: 0.5em;
}

.buy-button {
    flex-grow: 1;
    
    background: rgba(116, 209, 129, 0.85);
    color: rgb(255, 255, 255);
    text-shadow: 0 0 4px #999;
    padding: 0 10px;
    line-height: 1;
}

button.button.buy-button:hover {
    opacity: 1;
    background: rgba(136, 229, 149, 0.85);
    color: rgb(255, 255, 255);
}

.buy-starhunter-cost-estimate {
    width: 100%;
    margin: 2em 0;
}

.buy-starhunter-cost-estimate td {
    padding: 0.6em 1em;
    font-size: 105%;
}

.buy-starhunter-cost-estimate td:last-child {
    text-align: right;
}

.buy-starhunter-cost-estimate tr.important {
    font-size: 115%;
}

.buy-starhunter-cost-estimate tr.important td {
    border-top: 1px dashed #999999;
    border-bottom: 1px dashed #999999;
}

.buy-starhunter-cost-estimate tr.important:last-child td {
    border-top: none;
    font-weight: bold;
}

.buy-starhunter-cost-estimate .info {
    font-weight: 100;
    font-size: 14px;
    margin-left: 5px;
}

.buySoftwareContext .dialogHeader {
    height: 18px;
}

.buySoftwareContext .dialogTitle {
    display: none;
}
.buySoftwareContext .cellNum_0 {
    padding-right: 65px;
    max-width: 460px;
}

.buySoftwareContext .cellNum_0 .uiTitle {
    color: #13a7dd;
}

.buySoftwareContext .cellNum_0 a {
    color: #13a7dd;
}

.buySoftwareContext .cellNum_1 > div {
    background: rgba(235, 235, 235,0.3);
    border-radius: 10px;
    padding: 0px 10px 15px 20px;
}

.buySoftwareContext .dialogButtons {
    height: 92px;
    align-items: center;
    padding: 15px 40px 10px 27px;
}

.buySoftwareContext .dialogButtons .materialUiElement {
    background: none;
    border: none;
}

.buySoftwareContext .dialogButtons .uiValue {
    max-width: none;
}

.buySoftwareContext .dialogButtons .testIcon {
    display: none;
}

.buySoftwareContext .dialogButtons .checkBoxLabel {
    display: inline-block;
    max-width: 900px;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    vertical-align: text-top;
}

.buySoftwareContext #termsLink {
    text-decoration: underline;
}

.buySoftwareContext #termsLink:hover {
    text-decoration: none;
}
/*/var/www/html/public/modules/Headhunter/css/ShareDialog.css*/
.share-dialog {
  --border-width: 2px;
  --active-background-color: color-mix(
      in srgb,
      var(--color-app) 7%,
      transparent
  );
}
.share-dialog h2.dialogTitle {
  min-width: unset;
}
.share-dialog.contextBox.freeLayout:not(.tooltip) .uiContent {
  min-width: unset;
}
.share-dialog .uiGroupGridTd:has(.sidebar) {
  border-inline-end: var(--border-width) solid var(--color-grey-light);
}
.share-dialog .v-bottom .uiGroupGridTd {
  vertical-align: bottom;
}
.share-dialog .sidebar {
  max-width: fit-content;
  /** 5px margin + 14px padding + 5px padding + 1px border */
  margin-inline-start: -20px;
}
.share-dialog .sidebar .element {
  border-inline-end: var(--border-width) solid transparent;
  padding: 1rem 2rem;
  margin-inline-end: calc(0px - var(--border-width));
  cursor: pointer;
}
.share-dialog .sidebar .element.active {
  border-inline-end: var(--border-width) solid var(--color-app);
  background-color: var(--active-background-color);
}
.share-dialog .sidebar .element:hover {
  background-color: var(--active-background-color);
}
.share-dialog .uiValue:has(> .headerNav) {
  width: 100% !important;
  max-width: unset !important;
}
.share-dialog .uiButton:has(.flex-end) {
  display: flex;
  justify-content: flex-end;
}
.share-dialog .headerNav {
  display: flex;
  width: 100%;
  border-block-end: var(--border-width) solid var(--color-grey-light);
}
.share-dialog .headerNav .element {
  border-block-end: var(--border-width) solid transparent;
  padding: 1rem;
  text-align: center;
  flex: 1 1 0;
  cursor: pointer;
  margin-block-end: calc(0px - var(--border-width));
}
.share-dialog .headerNav .element.active {
  border-block-end: var(--border-width) solid var(--color-app);
  background-color: var(--active-background-color);
}
.share-dialog .headerNav .element:hover {
  background-color: var(--active-background-color);
}
.share-dialog .urlInput {
  width: 100%;
  padding: 0.5rem 1rem;
  border: 1px solid var(--color-grey-light);
  border-bottom: 0;
  border-radius: 0.25rem 0.25rem 0 0;
  box-sizing: border-box;
  margin-block-start: 1rem;
  background: #fafafa;
}
.share-dialog .preview {
  border: 1px solid var(--color-grey-light);
  border-radius: 0 0 0.25rem 0.25rem;
  flex: 1 1 auto;
  height: 750px;
  min-width: calc(100vw - 300px);
  max-height: calc(100vh - 400px);
  box-sizing: border-box;
}

/*# sourceMappingURL=ShareDialog.css.map */

/*/var/www/html/public/modules/Job.Portal/css/index.css*/
.jobPortalDataView {
  padding: 5px;
}
.jobPortalDataView h4 {
  font-size: 115%;
  font-weight: bolder;
  margin-left: 10px;
  margin-bottom: 5px;
}
.jobPortalDataView span.noValue {
  color: #ddd;
}
.jobPortalDataView table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  text-align: left;
}
.jobPortalDataView table th, .jobPortalDataView table td {
  border: 1px solid #ddd;
  text-align: left;
  padding: 15px;
}

.far.fa-job-portal::before {
  background-color: currentColor;
  --icon-svg: url(/modules/Job.Portal/images/far-job-portal.svg);
}

.fas.fa-job-portal::before {
  background-color: currentColor;
  --icon-svg: url(/modules/Job.Portal/images/fas-job-portal.svg);
}

.fal.fa-job-portal::before {
  background-color: currentColor;
  --icon-svg: url(/modules/Job.Portal/images/fal-job-portal.svg);
}

.fad.fa-job-portal::before {
  background-color: currentColor;
  --icon-svg: url(/modules/Job.Portal/images/fad-job-portal.svg);
}

.fad.fa-job-portal::after {
  background-color: currentColor;
  --icon-svg: url(/modules/Job.Portal/images/fad-job-portal.svg);
}

.jp-settings-note-bg {
  padding: 20px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.75);
}
.jp-settings-note-bg ul {
  list-style: circle inside none;
}

.jp-settings-note-snippet {
  margin-top: 1rem;
}
.jp-settings-note-snippet i {
  cursor: pointer;
}
.jp-settings-note-snippet pre {
  white-space: pre-wrap;
  background-color: #f0f0f0;
  padding: 5px 5px 5px 15px;
}

/*# sourceMappingURL=index.css.map */

/*/var/www/html/public/modules/StarhunterGPT/css/index.css*/
.sgpt-rating-headline {
  font-size: 1.2rem;
  font-weight: bold;
}

.sgpt-notification-circle {
  color: #0b6485;
  border-color: #0b6485;
  margin: 15px 0 0 -6px;
}

.cke_button__starhuntergpt-formulate_label,
.cke_button__starhuntergpt-summarize_label,
.cke_button__starhuntergpt-rephrase_label,
.cke_button__starhuntergpt-config_label {
  display: inline;
}

.fad.fa-starhunter-gpt::before {
  background-color: currentColor;
  --icon-svg: url(/modules/StarhunterGPT/images/icons/fad-starhunter-gpt-a.svg);
}
.fad.fa-starhunter-gpt::after {
  background-color: currentColor;
  --icon-svg: url(/modules/StarhunterGPT/images/icons/fad-starhunter-gpt-b.svg);
}

:root {
  --gradient-ai: linear-gradient(75deg, hwb(207deg 14% 6%), hwb(272deg 14% 6%));
}

.sgpt-colored {
  background: var(--gradient-ai);
  background-clip: text;
  color: transparent !important;
  font-weight: 900;
  transition: background-position 0.3s ease-in-out;
  filter: brightness(1);
  transition-delay: color 0.2s;
}
.sgpt-colored.icon:after {
  content: "";
  position: absolute;
  height: 0;
  aspect-ratio: 1;
  margin-top: 25%;
  margin-left: -25%;
  z-index: -1;
  border-radius: 10%;
  background: var(--gradient-ai);
  background-size: 150%;
  background-position-x: 0;
  rotate: 0deg;
  transition: 0.3s ease, rotate 1.5s ease, background-position 0.7s ease;
}
.sgpt-colored:hover.icon {
  background: none;
  transition: background-position 0.7s ease-in-out;
  background-clip: unset;
  color: white !important;
}
.sgpt-colored:hover.icon:after {
  background-position-x: 50%;
  height: calc(100% + 1rem);
  margin-top: -0.5rem;
  margin-left: calc(-50% - 0.5rem);
  z-index: -1;
  border-radius: 50%;
  rotate: 180deg;
}

.gptWholeContainer {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  width: 100%;
  margin: 25px 10px;
  border: red;
  border-radius: 5px;
  background: white;
}
.gptWholeContainer .agbSpan {
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
}
.gptWholeContainer .gptChatContainer {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
}
.gptWholeContainer .gptChatContainer ::-webkit-scrollbar {
  width: 6px;
}
.gptWholeContainer .gptChatContainer ::-webkit-scrollbar-track {
  background: #ddd;
}
.gptWholeContainer .gptChatContainer ::-webkit-scrollbar-thumb {
  background: #bdbdbd;
}
.gptWholeContainer .msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 14px;
}
.gptWholeContainer .msg-info-name {
  margin-right: 10px;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 1.1em;
}
.gptWholeContainer .msg-info-name:empty {
  display: none;
}
.gptWholeContainer .msg-bubble {
  max-width: 550px;
  padding: 15px;
  border-radius: 15px;
  background: lightblue;
}
.gptWholeContainer ul {
  list-style-type: disc;
  margin-left: 20px;
}
.gptWholeContainer .right-msg {
  flex-direction: row-reverse;
}
.gptWholeContainer .msg-text {
  font-size: 15px;
}
.gptWholeContainer div#wave {
  position: relative;
  text-align: start;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.gptWholeContainer div#wave .dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: -1px;
  background: #303131;
  animation: wave 0.6s linear infinite;
}
.gptWholeContainer div#wave .dot:nth-child(2) {
  animation-delay: -0.5s;
}
.gptWholeContainer div#wave .dot:nth-child(3) {
  animation-delay: -0.3s;
}
@keyframes wave {
  0%, 60%, 100% {
    transform: initial;
  }
  30% {
    transform: translateY(-3px);
  }
}
.gptWholeContainer .chatButton {
  background: transparent;
  border: 1px solid black;
  margin-top: 10px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
  padding: 4px 10px;
}
.gptWholeContainer .right-msg .msg-bubble {
  background: darkgrey;
  color: #fff;
}
.gptWholeContainer .left-msg:has(+ .left-msg) {
  margin-block-end: 0.25rem;
}
.gptWholeContainer .left-msg:has(+ .left-msg) .msg-bubble {
  border-bottom-left-radius: 0.25rem;
}
.gptWholeContainer .left-msg:has(+ .left-msg) + .left-msg .msg-bubble {
  border-top-left-radius: 0.25rem;
}
.gptWholeContainer .right-msg:has(+ .right-msg) {
  margin-block-end: 0.25rem;
}
.gptWholeContainer .right-msg:has(+ .right-msg) .msg-bubble {
  border-bottom-right-radius: 0.25rem;
}
.gptWholeContainer .right-msg:has(+ .right-msg) + .right-msg .msg-bubble {
  border-top-right-radius: 0.25rem;
}

.gptRatingContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 0 0 0;
}
.gptRatingContainer .gptRatingButton {
  font-size: 35px;
  margin: 10px 5px 10px;
  transition: ease-in-out 0.15s;
  cursor: pointer;
  color: gray;
}
.gptRatingContainer .gptRatingTextArea {
  width: 84%;
  height: 4rem;
  padding: 0.6rem;
  margin: 1rem 0 0 0;
  border-radius: 15px;
}
.gptRatingContainer .gptSingleRating {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.gptRatingContainer .ratingQuestion {
  width: 60%;
  font-size: 0.9rem;
}

.result-state {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.result-state.state-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.result-state.state-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.sgpt-candidate-sync_current-career-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}
.sgpt-candidate-sync_current-career-table th, .sgpt-candidate-sync_current-career-table td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.sgpt-candidate-sync_current-career-table th {
  background-color: #f5f5f5;
}
.sgpt-candidate-sync_current-career-table s {
  color: #aa3434;
}
.sgpt-candidate-sync_current-career-table .overwrite-data {
  color: #c99700;
}
.sgpt-candidate-sync_current-career-table .create-new-data,
.sgpt-candidate-sync_current-career-table .new-data {
  color: #0e5f0e;
}

:root {
  --metallic-rainbow: linear-gradient(80deg, #83a4d4, #93c3c5, #b993d6, #8ca6db, #52a0aa, #61b6c9, #2193b0, #83a4d4, #93c3c5, #b993d6, #8ca6db);
}

/*# sourceMappingURL=index.css.map */