:root {
    --fc-line0-height: 0px;
    --fc-std-resource-height: 47px;
    --fc-resource-height: calc(var(--fc-std-resource-height) + var(--fc-line0-height));
    --fc-resource-width: 10px;
    --dynam-topbar-height: 60px;
    --dynam-topbar-display: block;
    --dynam-resource-name-size: 10px;
}

.col0
{
    width: 0%;
}

.col1
{
    width: 1%;
}

.col2
{
    width: 2%;
}

.col3
{
    width: 3%;
}

.col4
{
    width: 4%;
}

.col5
{
    width: 5%;
}

.col6
{
    width: 6%;
}

.col7
{
    width: 7%;
}

.col8
{
    width: 8%;
}

.col9
{
    width: 9%;
}

.col10
{
    width: 10%;
}

.col11
{
    width: 11%;
}

.col12
{
    width: 12%;
}

.col13
{
    width: 13%;
}

.col14
{
    width: 14%;
}

.col15
{
    width: 15%;
}

.col16
{
    width: 16%;
}

.col17
{
    width: 17%;
}

.col18
{
    width: 18%;
}

.col19
{
    width: 19%;
}

.col20
{
    width: 20%;
}

.col21
{
    width: 21%;
}

.col22
{
    width: 22%;
}

.col23
{
    width: 23%;
}

.col24
{
    width: 24%;
}

.col25
{
    width: 25%;
}

.col26
{
    width: 26%;
}

.col27
{
    width: 27%;
}

.col28
{
    width: 28%;
}

.col29
{
    width: 29%;
}

.col30
{
    width: 30%;
}

.col31
{
    width: 31%;
}

.col32
{
    width: 32%;
}

.col33
{
    width: 33%;
}

.col34
{
    width: 34%;
}

.col35
{
    width: 35%;
}

.col36
{
    width: 36%;
}

.col37
{
    width: 37%;
}

.col38
{
    width: 38%;
}

.col39
{
    width: 39%;
}

.col40
{
    width: 40%;
}

.col41
{
    width: 41%;
}

.col42
{
    width: 42%;
}

.col43
{
    width: 43%;
}

.col44
{
    width: 44%;
}

.col45
{
    width: 45%;
}

.col46
{
    width: 46%;
}

.col47
{
    width: 47%;
}

.col48
{
    width: 48%;
}

.col49
{
    width: 49%;
}

.col50
{
    width: 50%;
}

.col51
{
    width: 51%;
}

.col52
{
    width: 52%;
}

.col53
{
    width: 53%;
}

.col54
{
    width: 54%;
}

.col55
{
    width: 55%;
}

.col56
{
    width: 56%;
}

.col57
{
    width: 57%;
}

.col58
{
    width: 58%;
}

.col59
{
    width: 59%;
}

.col60
{
    width: 60%;
}

.col61
{
    width: 61%;
}

.col62
{
    width: 62%;
}

.col63
{
    width: 63%;
}

.col64
{
    width: 64%;
}

.col65
{
    width: 65%;
}

.col66
{
    width: 66%;
}

.col67
{
    width: 67%;
}

.col68
{
    width: 68%;
}

.col69
{
    width: 69%;
}

.col70
{
    width: 70%;
}

.col71
{
    width: 71%;
}

.col72
{
    width: 72%;
}

.col73
{
    width: 73%;
}

.col74
{
    width: 74%;
}

.col75
{
    width: 75%;
}

.col76
{
    width: 76%;
}

.col77
{
    width: 77%;
}

.col78
{
    width: 78%;
}

.col79
{
    width: 79%;
}

.col80
{
    width: 80%;
}

.col81
{
    width: 81%;
}

.col82
{
    width: 82%;
}

.col83
{
    width: 83%;
}

.col84
{
    width: 84%;
}

.col85
{
    width: 85%;
}

.col86
{
    width: 86%;
}

.col87
{
    width: 87%;
}

.col88
{
    width: 88%;
}

.col89
{
    width: 89%;
}

.col90
{
    width: 90%;
}

.col91
{
    width: 91%;
}

.col92
{
    width: 92%;
}

.col93
{
    width: 93%;
}

.col94
{
    width: 94%;
}

.col95
{
    width: 95%;
}

.col96
{
    width: 96%;
}

.col97
{
    width: 97%;
}

.col98
{
    width: 98%;
}

.col99
{
    width: 99%;
}

.col100
{
    width: 100%;
}

.colW1000
{
    width: 1000px;
}

.align_left
{
    text-align: left;
}

.align_center
{
    text-align: center !important;
}

.align_right
{
    text-align: right;
}

.valign_top
{
    vertical-align: top;
}

.valign_middle
{
    vertical-align: middle;
}

.valign_bottom
{
    vertical-align: bottom;
}

.float_right
{
    float: right !important;
}

body .ui-dialog .ui-dialog-footer .flex_align_right
{
    margin-left: auto !important;
}

.flex-line-break {
    width: 100%;
}

/* Login */

.login-body {
    font-size: 12px;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-body .body-container {
    border-top: 0px solid #39a3f4;
}

.login-body .body-container .ui-g {
    min-height: 100vh;
    flex-flow: column;
}

.login-body .left-side {
    height: 100%;
}

.login-body .left-side img {
    padding: 0;
}

.login-body .left-side h1 {
    font-size: 80px;
    color: #424242;
}

.login-body .left-side p {
    color: #424242;
    padding-right: 50px;
    margin-top: 0;
    margin-bottom: 40px;
}

.login-body-image1 {
    background-image: url("/fizWeb/javax.faces.resource/pep1_1.jpg.xhtml?ln=images") !important;
}

.login-body-image2 {
    background-image: url("/fizWeb/javax.faces.resource/pep2_1.jpg.xhtml?ln=images") !important;
}

.login-body-image3 {
    background-image: url("/fizWeb/javax.faces.resource/pep3_1.jpg.xhtml?ln=images") !important;
}

.login-body-image4 {
    background-image: url("/fizWeb/javax.faces.resource/pep4_1.jpg.xhtml?ln=images") !important;
}

.login-body-image5 {
    background-image: url("/fizWeb/javax.faces.resource/pep5_1.jpg.xhtml?ln=images") !important;
}

div.login-dialog {
    z-index: 1000;
    margin: auto;
}

.login-wrapper {
    width: 440px;
    max-width: 100vw;
    margin: 0 auto;
    text-align: center;
    background-color: #F5F5F5; }
.login-wrapper .login-container {
    box-sizing: border-box;
    text-align: center;
    color: #4f575b; }
.login-wrapper .login-container .title {
    font-size: 14px;
    color: #424242;
    display: block;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 12px; }
.login-wrapper .login-container .password-container {
    text-align: right; }
.login-wrapper .login-container a {
    color: #39a3f4;
    border: 0;
    text-decoration: none;
    font-size: 16px;
    line-height: 32px;
    display: inline-block;
    -moz-transition: border-bottom-color 0.3s;
    -o-transition: border-bottom-color 0.3s;
    -webkit-transition: border-bottom-color 0.3s;
    transition: border-bottom-color 0.3s; }
.login-wrapper .login-container a:hover {
    border-bottom-color: #39a3f4; }
.login-wrapper .login-container input {
    font-size: 1em; }
/*     .login-wrapper .login-container .ui-g-12, .login-wrapper .login-container .ui-g-6 {
      padding: .8em; }
 */    .login-wrapper .login-container .ui-button {
           font-size: 16px; }

div.message-dialog {
    max-width: 1000px;
}
/****
.message-wrapper {
  width: 200px;
  min-width: 200px;
  margin: 0 auto;
  text-align: center;
}
*/
.flag-language {
    width:25px;
    margin-right:8px;
    margin-top: 5px;
    box-shadow: 2px 2px 2px black;
    border: 0;
}

.flag-language-overlay {
    width:36px;
    margin-right:8px;
    box-shadow: 2px 2px 2px black;
}

.flag-wrapper  {
    float: right;
    margin-right: 10px;
}

.zucchetti-logo {
    margin-right: 20px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fa-icons {
    /* When moving to the right, why dont we just snap it to the right side and then move it? */
    position: relative; float: right; right: 4px; top: 17px;
}

.show-mobile {
    display: none;
}
@media (max-width: 640px) {
    /* Login Page: show mobile */
    .show-mobile {
        display: block;
        width: 100%;
        backdrop-filter: blur(5px);
        background: linear-gradient(180deg, #00000099 75%, transparent);
        position: relative;
        text-align: center;
        height: 100%;
    }
}
.login-dialog .ui-datatable-tablewrapper table {
    border-collapse: separate;
    border-spacing: 1px;
}

/****
.login-ui-widget
{
    font-size: 98% !important;
    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
}

.login-ui-button
{
    background: #DBDBDB;
}

.login-ui-button:hover
{
    background: #BBBCBD;
}

.login-message .ui-state-default
{
    border:1px solid #d8dcdf;
    background:#eeeeee
}

@media screen and (max-width: 70em) {

 .message-wrapper {
    max-width: 500px !important;
 }

 .login-dialog {
    top: 300px !important;
 }
}

.ui-commandlink
{
   cursor: pointer;
}
*/
img.scheduleAvatar {
    border: none;
    height: 40px;
    width: 40px;
    padding: 1px;
    border-radius: 50%;
    background-position: top center;
    object-fit: cover;
}
img.scheduleAvatarSmall {
    border: none;
    height: 30px;
    width: 30px;
    padding: 1px;
    border-radius: 50%;
    background-position: top center;
    object-fit: cover;
}
img.avatarBorderIn
{
    border-width: 3px;
    border-color: #1ca209;
    border-style: solid;
    box-sizing: border-box;
}
img.avatarBorderOut
{
    border-width: 3px;
    border-color: #ee0e0e;
    border-style: solid;
    box-sizing: border-box;
}
img.avatarBorderBreak
{
    border-width: 3px;
    border-color: #a429fe;
    border-style: solid;
    box-sizing: border-box;
}
img.avatarBorderVacationRequest
{
    border-width: 3px;
    border-color: #f16216;
    border-style: solid;
    box-sizing: border-box;
}

/****
.startButtonIcon .fa
{
    margin-top: -10px !important;
    color: white !important;
}

.stopButtonIcon .fa
{
    margin-top: -10px !important;
    color: white !important;
}

.cancelButtonIcon .fa
{
    margin-top: -10px !important;
    color: white !important;
}

.clockButtonIcon .fa
{
    margin-top: -10px !important;
    color: white !important;
}

.calendarFixedWidth input {
    width: 80px
}
*/

.planinfbar00, .planinfbar01, .planinfbar02, .planinfbar03, .planinfbar04, .planinfbar05, .planinfbar06
{
    border-style: solid;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

.planinfbar00
{
    border-color: #c00000 !important;
    background-color: #F5A9A9 !important;
}

.planinfbar01
{
    border-color: #c0c000 !important;
    background-color: #F3F781 !important;
}

.planinfbar02
{
    border-color: #00c0c0 !important;
    background-color: #80FFFF !important;
}

.planinfbar03
{
    border-color: DarkViolet !important;
    background-color: #D5BBF4 !important;
}

.planinfbar04
{
    border-color: #FAAE34 !important;
    background-color: #FAD496 !important;
}

.planinfbar05
{
    border-color: Pink !important;
    background-color: LightPink !important;
}

.planinfbar06
{
    border-color: Brown !important;
    background-color: Chocolate !important;
}

.planinfbar07
{
    border-color: #267526 !important;
    background-color: #57bf57 !important;
}

.absbar00, .absbar01, .absbar02, .absbar03, .absbar04, .absbar05, .absbar06, .absbar07, .absbar08, .spravabar
{
    border-style: solid;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

.absreqbar00, .absreqbar01, .absreqbar02, .absreqbar03, .absreqbar04, .absreqbar05, .absreqbar06, .absreqbar07
{
    border-style: dashed dashed dashed solid !important;
    border-left-width: 5px !important;
    border-right-width: 1px !important;
}

.switchreqbar
{
    border-color: #93f092 !important;
    background-color: #c0ffc0 !important;
    border-style: dashed dashed dashed solid !important;
    border-left-width: 5px !important;
    border-right-width: 1px !important;
}

.misstmpeqbar
{
    border-color: #df551b !important;
    background-color: #e49574 !important;
    border-style: dashed dashed dashed solid !important;
    border-left-width: 5px !important;
    border-right-width: 1px !important;
}

.absbar00
{
    border-color: #c00000 !important;
    background-color: #F5A9A9 !important;
}

.absbar01
{
    border-color: #c0c000 !important;
    background-color: #F3F781 !important;
}

.absbar02
{
    border-color: #00c0c0 !important;
    background-color: #80FFFF !important;
}

.absbar03
{
    border-color: DarkViolet !important;
    background-color: #D5BBF4 !important;
}

.absbar04
{
    border-color: #FAAE34 !important;
    background-color: #FAD496 !important;
}

.absbar05
{
    border-color: Pink !important;
    background-color: LightPink !important;
}

.absbar06
{
    border-color: Brown !important;
    background-color: Chocolate !important;
}

.absbar07
{
    border-color: #267526 !important;
    background-color: #57bf57 !important;
}

.absbar08
{
    border-color: #000 !important;
    background: url("/fizWeb/javax.faces.resource/bg-dotted.png.xhtml?ln=images" ) repeat scroll left top #C0C0C0 !important;
}

.absbar08.fizCmt
{
    background: url("/fizWeb/javax.faces.resource/comment.png.xhtml?ln=images") right top no-repeat, url("/fizWeb/javax.faces.resource/bg-dotted.png.xhtml?ln=images" ) left top repeat  !important;
}

.absreqbar00
{
    background-color: #F5A9A9 !important;
}

.absreqbar01
{
    background-color: #F3F781 !important;
}

.absreqbar02
{
    background-color: #80FFFF !important;
}

.absreqbar03
{
    background-color: #D5BBF4 !important;
}

.absreqbar04
{
    background-color: #FAD496 !important;
}

.absreqbar05
{
    background-color: LightPink !important;
}

.absreqbar06
{
    background-color: Chocolate !important;
}

.absreqbar07
{
    background-color: #57bf57 !important;
}

.spravabar
{
    border-color: #FC9DB5 !important;
    background-color: #FAD2DC !important;
}

.actbar, .actbar00, .actbar01, .actbar02, .actextbar, .nonavbar, .actspecbar, .absactbar00, .absactbar01, .absactbar02, .absactbar03, .absactbar04, .absactbar05, .absactbar06, .absactbar07, .absactbar08, .tskillbar, .tsknavbar, .tskerrbar, .disabledbar, .otherdeptdbar
{
    border-style: solid;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}
.fc-bg-event:not(.actbar):not(.actbar00):not(.actbar01):not(.actextbar)
{
    border-style: solid;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

#schedule .actbar, #schedule .actbar00, #schedule .actbar01, #schedule .actbar02, #schedule .actextbar, #schedule .nonavbar, #schedule .actspecbar, #schedule .absactbar00, #schedule .absactbar01, #schedule .absactbar02, #schedule .absactbar03, #schedule .absactbar04, #schedule .absactbar05, #schedule .absactbar06, #schedule .absactbar07, #schedule .absactbar08
{
    height: 20px;
}

.actbar
{
    border-color: #93f092 !important;
    background-color: #c0ffc0 !important;
}
.actbarmust
{
    border-color: #f0e792 !important;
    background-color: #fdffc0 !important;
}

.actbar00
{
    border-color: #93f092 !important;
    background-color: #eabceb !important;
}

.actbar01
{
    border-color: #93f092 !important;
    background-color: #eabcbb !important;
}

.actbar02
{
    border-color: #93f092 !important;
    background-color: #dbf9fb !important;
}

/* comment flag is a pseudo element, since the background is Used by something else */
.fizCmt::before
{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 4px;
    background: red; /* fallback of fallback: show red box */
    background: url("/fizWeb/javax.faces.resource/comment.png.xhtml?ln=images") top right / auto no-repeat; /* fallback: via image */
    background: linear-gradient(225deg, red 0, red 3px, transparent 3px) top right; /* default: css only */
}

.fizSigned
{
    background-image: url("/fizWeb/javax.faces.resource/signed.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
}
.fizNotSigned
{
    background-image: url("/fizWeb/javax.faces.resource/notSigned.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
}

.actextbar, .actextbar00
{
    border-color: #BDBDBD !important;
    background-color: #c0c0c0 !important;
}

.actspecbar
{
    border-color: #707070 !important;
    background-color: #808080 !important;
}

.nonavbar
{
    border-color: #000 !important;
    background: url("/fizWeb/javax.faces.resource/bg-dotted.png.xhtml?ln=images" ) repeat scroll left top #C0C0C0 !important;
}

.nonavbar.fizCmt
{
    background: url("/fizWeb/javax.faces.resource/comment.png.xhtml?ln=images") right top no-repeat, url("/fizWeb/javax.faces.resource/bg-dotted.png.xhtml?ln=images" ) left top repeat  !important;
}

.absactbar00
{
    border-color: #c00000 !important;
    background-color: #F5A9A9 !important;
}

.absactbar01
{
    border-color: #c0c000 !important;
    background-color: #F3F781 !important;
}

.absactbar02
{
    border-color: #00c0c0 !important;
    background-color: #80FFFF !important;
}

.absactbar03
{
    border-color: DarkViolet !important;
    background-color: #D5BBF4 !important;
}

.absactbar04
{
    border-color: #FAAE34 !important;
    background-color: #FAD496 !important;
}

.absactbar05
{
    border-color: Pink !important;
    background-color: LightPink !important;
}

.absactbar06
{
    border-color: Brown !important;
    background-color: Chocolate !important;
}

.absactbar07
{
    border-color: #267526 !important;
    background-color: #57bf57 !important;
}

.absactbar08
{
    border-color: #000 !important;
    background: url("/fizWeb/javax.faces.resource/bg-dotted.png.xhtml?ln=images" ) repeat scroll left top #C0C0C0 !important;
}

.absactbar08.fizCmt
{
    background: url("/fizWeb/javax.faces.resource/comment.png.xhtml?ln=images") right top no-repeat, url("/fizWeb/javax.faces.resource/bg-dotted.png.xhtml?ln=images" ) left top repeat  !important;
}

.opehrsbar, .delhardbar, .delfreshbar, .deltkbar, .inventorybar
{
    border-style: solid;
    min-width: 8px;
    height: 10px;
}

.opehrsbar
{
    border-color: #C0C0C0 !important;
    background-color: #C0C0C0 !important;
}

.delhardbar
{
    border-color: #9E7BFF !important;
    background-color: #9E7BFF !important;
}

.delfreshbar
{
    border-color: #EE9A4D !important;
    background-color: #EE9A4D !important;
}

.deltkbar
{
    border-color: #34eb3d !important;
    background-color: #34eb3d !important;
}

.inventorybar
{
    border-color: #C0C0C0 !important;
    background-color: #C0C0C0 !important;
}

.tskillbar
{
    border-color: #FAAE34 !important;
    background-color: #FAD496 !important;
}

.tsknavbar
{
    border-color: #00c0c0 !important;
    background-color: #80FFFF !important;
}

.tskerrbar
{
    border-color: #c00000 !important;
    background-color: #F5A9A9 !important;
    background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1) 10px) !important;
}

.disabledbar
{
    border-color: #A0A0A0 !important;
    background-color: #A0A0A0 !important;
}

.fc-bg-event.otherdeptdbar
{
    border-color: #d1d0d0 !important;
    background-color: #d1d0d0 !important;
    background-image: repeating-linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1) 2px) !important;
}

.otherdeptdbar
{
    border-color: #d1d0d0 !important;
    background-color: #d1d0d0 !important;
    background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1) 10px) !important;
}

body .fc .fc-event.fullcal-act .fc-event-time, body .fc .fc-event.fullcal-act .fc-event-title {
    background-color: var(--primary-color);
}

.fa.primaryColorIcon
{
    color: var(--primary-color) !important;
}
/****
.saveFormButton
{
   width: 170px !important;
   background: #15B217 !important;
   color: white !important;
   text-shadow: none !important;
}

.saveFormButton .fa
{
    margin-top: -10px !important;
    color: white !important;
}

.cancelFormButton
{
   width: 170px !important;
   background: #F68133 !important;
   color: white !important;
   text-shadow: none !important;
}

.cancelFormButton .fa
{
    margin-top: -10px !important;
    color: white !important;
}

.resetFormButton
{
   width: 170px !important;
   background: #f59efe !important;
   color: white !important;
   text-shadow: none !important;
}

.resetFormButton .fa
{
    margin-top: -10px !important;
    color: white !important;
}

html .ui-state-disabled {
    pointer-events: all;
}


.taskPlanEvent
{
	position:absolute;
	top:1px;
	padding-top:4px;
	height:14px;
	text-align:center;
	font-size:9px;
	border-style:solid;
	border-width:1px;
	border-color:#92aec3;
}
.fa-1-2x {
  font-size: 1.2em;
}
*/

.fa-0-9x {
    font-size: 0.9em;
}

img.headerAvatarImage {
    border: none;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background-position: top center;
    object-fit: cover;
}
#avatarPanelGroup {
    width: 60px;
    position: relative;
}
#avatarBadge,#avatarLanguage {
    position: absolute;
    top: 0px;
    right: 80%;
    text-decoration: none;
}
#avatarLanguage {
    top: unset;
    bottom: -5px;
}
.headerAvatarBadge {
    font-size: 10px;
    color: #ffffff;
    padding: 2px 5px;
    background-color: #ef6262;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    outline: 2px solid var(--topbarBgColor);
    background-clip: padding-box;
    box-sizing: content-box;
}
.headerAvatarLanguage {
    height: 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    outline: 2px solid var(--topbarBgColor);
    background-clip: padding-box;
    box-sizing: content-box;
}
.textLanguage {
    position: relative;
    top: 4px;
    left: 2px;
    height: 15px;
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    border-radius: 20%;
}
#avatarLanguageOverlayPanel div.ui-overlaypanel-content {
    padding: 1px;
}

.headerTaskBadge {
    position: relative;
    font-size: 10px;
    right: 0px;
    top: 0px;
    color: #ffffff;
    padding: 2px 4px;
    background-color: #ef6262;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.avatarMenu {
    display: inline-block;
    height: 24px;
}
/****
#headerform
{
	height: 45px;
}

.shiftLeft15 {
	padding-left:5px;
}

th.fc-day0, th.fc-day1, th.fc-day2, th.fc-day3, th.fc-day4, th.fc-day5, th.fc-day6 {
   cursor: pointer;
}
*/

.commentsbar
{
    border-style: solid;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    min-width: 8px;
    height: 12px;
    border-color: #C0C0C0 !important;
    background-color: white !important;
}

div .commentsbar .fc-event-title
{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 0px !important;
    font-size: 1em;
}

.advbar
{
    border-style: solid;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    min-width: 8px;
    height: 12px;
    border-color: #C0C0C0 !important;
    background-color: #abfd72 !important;
}

div .advbar .fc-event-title
{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 0px !important;
    font-size: 1em;
}

/****
.ui-clock, .ui-clock.ui-widget-header
{
    border-width: 0 !important;
    border-style: none !important;
    padding: 0 !important;
    font-weight: normal  !important;
    font-size: 12px !important;
    color: #333333 !important;
    background:none !important;
}
*/

.openactbar
{
    border-style: solid;
    height: 17px;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-color: #8a2be2 !important;
    background-color: #8a2be2 !important;
}

.planactbar
{
    border-style: solid;
    height: 18px;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-color: #C0C0C0 !important;
    background-color: #C0C0C0 !important;
}

#ownOpenedObjects, #assignedOpenedObjects .ui-button
{
    background: #0099FF;
    color: #ffffff;
    border-color: #0973b9;
}

#ownValidatedObjects, #assignedValidatedObjects .ui-button
{
    background: #FC9703;
    color: #ffffff;
    border-color: #d07f09;
}

#ownApprovedObjects
{
    background: #00e600;
    color: #ffffff;
    border-color: #00ad00;
}

#ownRejectedObjects
{
    background: #FF0D0D;
    color: #ffffff;
    border-color: #9e0808;
}

.planCommentIcon .ui-button-text.ui-c
{
    padding-left: 30px !important;
    color: var(--primary-color);
}

body .planCommentIcon .fa-1-5x
{
    font-size: 1.5em;
}
/****
.openObjectsButton .ui-button
{
	background: #0099FF;
	color: #ffffff;
}

.validatedObjectsButton .ui-button
{
	background: #FC9703;
	color: #ffffff;
}

*/

/* RowToggler */
#pasteErrorTableId.ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon {
    background: #2c84d8 !important;
    color: white;
    border-radius: 33%;
}

/* for data toggler to show userAnomaly data in tim500.xhtml */
/*table#dataTable_data div.ui-row-toggler*/
/****
.togglerUserAnomaly .ui-row-toggler
{
	float: right;
	background-image: none !important;
	position: relative;
	text-indent: 0px;
	color: red;
}

.ui-icon-circle-triangle-e:before
{
	content: '\f071';
	font-size: 14px;
  	font-family: 'FontAwesome';
}

.ui-icon-circle-triangle-s:before
{
	font-family: 'FontAwesome';
	font-size: 14px;
	content: "\f071";
}

.timeInput input
{
	width: 60px !important;
}

*/
.greenColor
{
    color: #00ff80 !important;
}
.redColor
{
    color: #E83E22 !important;
}

.redCell
{
    background-color: #F7B4A4;
}
tr.ui-datable-odd>td.redCell
{
    background-color: #E7A494;
}
tr.ui-state-highlight>td.redCell
{
    background-color: #C78474;
}

.greenCell
{
    background-color: #BEECB4;
}
tr.ui-datable-odd>td.greenCell
{
    background-color: #00DCA4;
}
tr.ui-state-highlight>td.greenCell
{
    background-color: #8EBC84;
}

/****
.ui-treetable thead th
{
    white-space: normal !important;
}

.noborderspacing, .noborderspacing td
{
	border-spacing: 0 !important;
}
*/

.homeTaskAction
{
    width: 300px !important;
}

.ui-picklist.taskMPSelect .ui-picklist-list
{
    width:360px;
    height:300px;
}

.resourceNameCol
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 230px;
}

.resourceNameTooltip
{
    text-align: center;
    margin: 0 auto;
    display: inline;
}
.fc .fc-timegrid.fc-resourceTimeGridDay-view .resourceNameTooltip {
    font-size: var(--dynam-resource-name-size);
}

.fc .fc-timegrid.fc-resourceTimeGridDay-view .fc-event-time {
    display: none;
}
.fc .fc-timegrid.fc-resourceTimeGridDay-view .fc-event-title {
    font-size: 11px;
}
/****
.ui-datatable .ui-column-filter
{
    width: 95% !important;
}

.cardHelp
{
   padding: 1rem;
   background: #ffffff;
   color: #495057;
   box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
   border-radius: 4px;
 }
*/

/********************************/
/* PEP: new layout definitions  */
/********************************/
/********************************/
/* General styles               */
/********************************/

body
{
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif;
    /*overflow: hidden !important;*/
}

body .ui-widget
{
    font-family: Arial,sans-serif;
    font-size: 98% !important;
}
body .ui-widget input, body .ui-widget select, body .ui-widget textarea, .ui-widget button
{
    font-family: Arial,sans-serif;
    font-size:1em;
}
body .ui-widget .ui-outputlabel
{
    font-size: 1em !important;
}
/* @see (app) fiz-common.css */
.p-flex-grow,.p-flex-grow-1 {
    flex-grow: 1;
    flex-basis: 0;
}
.p-flex-grow-2 {
    flex-grow: 2;
    flex-basis: 0;
}
.p-flex-grow-3 {
    flex-grow: 3;
    flex-basis: 0;
}
.p-flex-grow-4 {
    flex-grow: 4;
    flex-basis: 0;
}

.layout-main
{
    padding-top: 0px;
}

.layout-content
{
    padding: 0px 16px 0px 16px;
    flex: 1 1 auto;
}

.fa-1-2x {
    font-size: 1.2em;
}

.fa-1-5x {
    font-size: 1.5em;
}

.large-font-size-1-5x {
    font-size: 1.5em !important;
}

.function-title {
    font-size: 17px;
    font-variant: small-caps;
    text-decoration: underline;
}

/* region Primeflex (copied from https://unpkg.com/primeflex@^3/primeflex.css) */
.gap-0 {
    gap: 0;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 1rem;
}

.gap-4 {
    gap: 1.5rem;
}

.gap-5 {
    gap: 2rem;
}

.gap-6 {
    gap: 3rem;
}

.gap-7 {
    gap: 4rem;
}

.gap-8 {
    gap: 5rem;
}

.row-gap-0 {
    row-gap: 0;
}

.row-gap-1 {
    row-gap: 0.25rem;
}

.row-gap-2 {
    row-gap: 0.5rem;
}

.row-gap-3 {
    row-gap: 1rem;
}

.row-gap-4 {
    row-gap: 1.5rem;
}

.row-gap-5 {
    row-gap: 2rem;
}

.row-gap-6 {
    row-gap: 3rem;
}

.row-gap-7 {
    row-gap: 4rem;
}

.row-gap-8 {
    row-gap: 5rem;
}

.column-gap-0 {
    column-gap: 0;
}

.column-gap-1 {
    column-gap: 0.25rem;
}

.column-gap-2 {
    column-gap: 0.5rem;
}

.column-gap-3 {
    column-gap: 1rem;
}

.column-gap-4 {
    column-gap: 1.5rem;
}

.column-gap-5 {
    column-gap: 2rem;
}

.column-gap-6 {
    column-gap: 3rem;
}

.column-gap-7 {
    column-gap: 4rem;
}

.column-gap-8 {
    column-gap: 5rem;
}
/* endregion */

body .ui-chkbox {
    width: 1.3rem;
    height: 1.3rem;
}
body .ui-chkbox .ui-chkbox-box {
    width: 1.5rem;
    height: 1.5rem;
}

body .blockMsg.blockUI.pe-blockui.ui-corner-all.ui-draggable.ui-widget.ui-widget-content {
    top: 45vh !important;
    left: 45vw !important;
    background-color: var(--surface-a);
}
/********************************/
/* filters                      */
/********************************/
body .panelFilter .criteriaFilter .criteriaFilter_content {
    max-height: 40vh;
    overflow-x: hidden;
    overflow-y: auto;
}
body .ui-widget + .ui-message {
    margin:0;
}
/********************************/
/* layout config, menu & topbar */
/********************************/
.layout-config .layout-config-content .layout-config-button {
    width: 15px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    top: 230px;
    left: -15px;
    z-index: -1;
    cursor: pointer;
}
.layout-config .layout-config-content .layout-config-button i {
    font-size: 14px;
    line-height: inherit;
    cursor: pointer;
}

.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
    margin: 0 11px;
}
body .layout-wrapper .menu-wrapper {
    height: calc(100% - var(--dynam-topbar-height));
    top: var(--dynam-topbar-height);
}

body .ui-menu .ui-menu-parent .ui-menu-child {
    width: 20em;
}
body .ui-menu.ui-contextmenu {
    white-space: nowrap;
}
body .ui-menu.ui-contextmenu.pep-hidden-menu {
    display: none !important;
}
body .ui-menu.ui-contextmenu.pep-fix-width-menu {
    min-width: 180px !important;
}
body .ui-menu.ui-contextmenu .ui-menu-parent .ui-menu-child .ui-menuitem-link {
    text-overflow: ellipsis;
    overflow: hidden;
}
body .ui-menu.ui-contextmenu .ui-menu-parent .ui-menu-child {

    min-width: 20em;
    width: auto;
    max-width: 40em;
}
body div.ui-menu.ui-menu-dynamic.ui-contextmenu.ui-context-menu ul.ui-menu-list li.ui-menuitem.ui-menuitem-active.longContextMenu ul.ui-menu-list.ui-menu-child {
    height: 400px;
    overflow-y: scroll;
}
body .ui-menu:not(#avatarOverlayPanel) {
    width: revert;
}
body #avatarOverlayPanel.ui-menu {
    width: 16em;
}
body .ui-selectonemenu .ui-selectonemenu-trigger {
    background: var(--primary-color);
}
body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    color: white;
}
body .ui-selectonemenu .ui-selectonemenu-label {
    min-height: auto;
}
.layout-topbar-wrapper #headerTable {
    padding-left: 8px;
    width: 100%;
}
.topbar-display-style {
    display: var(--dynam-topbar-display);
}
.topbar-display-height {
    height: var(--dynam-topbar-height);
}
.full-screen-button {
    left: -16px;
    position: relative;
}

@media (max-width: 991px) {
    .layout-static-active .layout-main .layout-content .layout-menu-button {
        left: 0px;
    }
    .layout-slim .layout-main .layout-content .layout-menu-button {
        left: 0px;
    }
    .layout-mobile-active .layout-main .layout-content .layout-menu-button {
        left: 310px;
    }
    .layout-wrapper .menu-wrapper {
        top: 0px;
        height: 100%;
    }
    .layout-config {
        width: 240px;
    }
}
@media (min-width: 992px) {
    .layout-static-active .layout-main .layout-content .layout-menu-button {
        left: 310px;
    }

    .layout-slim .layout-main .layout-content .layout-menu-button {
        left: 64px;
    }
}

@media (max-height: 799px) {
    .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu {
        padding: 0px 0;
        margin: 0;
    }

    .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li {
        margin-bottom: 0px;
    }

    .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
        padding: 4px;
        z-index: 1024;
    }

    .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a, .layout-wrapper.layout-slim-plus .menu-wrapper .layout-menu-container .layout-menu > li > a {
        padding: 4px 16px;
    }
}

@media (min-height: 800px) {
    .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li {
        margin-bottom: 0px;
    }

    .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu {
        padding: 8px 0;
        margin: 0;
    }

    .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
        padding: 4px;
        z-index: 1024;
    }

    .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a, .layout-wrapper.layout-slim-plus .menu-wrapper .layout-menu-container .layout-menu > li > a {
        padding: 8px 16px;
    }
}

@media screen and (min-width: 1100px) {
    .dca-hide-long{display:none !important}
}

@media screen and (max-width: 1099px) {
    .dca-hide-short{display:none !important}
}

@media screen and (min-width: 800px) {
    .dca-hide-verylong{display:none !important}
}

@media screen and (max-width: 799px) {
    .dca-hide-veryshort{display:none !important}
}

@media screen and (max-width: 991px) {
    .dca-hide-991{display:none !important}
}

.layout-main .layout-content .layout-menu-button {
    display: block;
    position: fixed;
    width: 15px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    top: 230px;
    left: 0px;
    z-index: 10;
    cursor: pointer;
    border-radius: 0px;
    color: #ffffff;
}
.layout-config-content {
    display: flex;
    flex-direction: column;
}
#config-form\:config-input {
    overflow-x: hidden;
    overflow-y: auto;
}
.layout-config.layout-config-active .layout-config-content .layout-config-button i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.layout-static-active .layout-main .layout-content .layout-menu-button i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.layout-slim .layout-main .layout-content .layout-menu-button i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.layout-mobile-active .layout-main .layout-content .layout-menu-button i  {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.layout-main .layout-content .layout-menu-button i {
    font-size: 14px;
    line-height: inherit;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
    -webkit-transition: transform 1s;
    transition: transform 1s;
}

.layout-main .layout-content .layout-filter-button {
    display: block;
    position: relative;
    width: 32px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    top: 0px;
    left: 50%;
    z-index: 0;
    cursor: pointer;
    border-radius: 0px;
    color: #ffffff;
}
.layout-main .layout-content .layout-filter-button i {
    font-size: 14px;
    line-height: inherit;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
    -webkit-transition: transform 1s;
    transition: transform 1s;
}
.layout-main .layout-content .layout-filter-active .layout-filter-button  i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

body .layout-topbar .ui-clock {
    border: none;
}

body .ui-button.profile-button {
    margin-left: 1px;
    padding: 0px 12px;
}
.flex-vcenter {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 1100px) {
    .infoDialogStyle{
        width:1000px !important
    }
}

@media screen and (max-width: 1099px) {
    .infoDialogStyle{
        width:90%
    }
}

/********************************/
/* button styles                */
/********************************/
body .ui-button.rounded-button.ui-button-icon-only {
    height: 1.4rem;
    padding: 0px 10px;
}
body .ui-button.ui-button-icon-only {
    width: 1.6rem;
}
body .ui-button.ui-button-icon-only .ui-icon {
    margin-top: -0.5rem;
    margin-left: -0.4rem;
}
body .ui-button.ui-button-icon-only .ui-icon.fa-gears {
    margin-left: -0.7rem;
}
body .ui-button.ui-button-icon-only .ui-icon.fa-ban {
    margin-left: -0.6rem;
}
body .ui-button.ui-button-icon-only .ui-icon.fa-star {
    margin-left: -0.5rem;
}
body .ui-button.ui-button-icon-only.rounded-button .ui-icon {
    margin-top: -6px;
    margin-left: -8px;
}
body .ui-button.rounded-button.ui-button-icon-only {
    border-radius: 15%;
}

body .ui-button.ui-button-icon-only .ui-icon.fa-briefcase {
    margin-top: -0.45rem;
    margin-left: -0.65rem;
}
/********************************/
/* splitbutton styles                */
/********************************/
body .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    /*  padding-right: 2rem !important;
      margin-left: 2px !important; */
    border-color: black;
    width: 2em;
}

/********************************/
/* treetable styles             */
/********************************/
body .ui-treetable thead th
{
    padding: 4px 10px;
    border-width: 1px;
}
body .ui-treetable .ui-treetable-data > tr > td {
    padding: 0rem;
    border-width: 0 1px 1px 1px;
}

.ui-treetable thead th.align_right
{
    text-align: right !important;
}

.ui-treetable thead th.align_left
{
    text-align: left !important;
}

.ui-treetable thead th.align_center
{
    text-align: center !important;
}
/* Default alignment */
body .layout-content .ui-treetable thead th, body .layout-content .ui-treetable tfoot td {
    text-align: center ;
    border-color: var(--surface-d);
    white-space: break-spaces;
}

/********************************/
/* datatable styles             */
/********************************/
.ui-datatable-resizable thead th,
.ui-datatable-resizable tbody td,
.ui-datatable-resizable tfoot td {
    white-space: normal !important;
}
body .ui-datatable thead th
{
    padding: 4px 10px;
    border-width: 1px;
}
body .ui-datatable .ui-datatable-data > tr > td {
    padding: 0.25rem;
    border-width: 0 1px 1px 1px;
}
.ui-datatable .ui-column-filter {
    display: none;
}
.ui-datatable.headerWithFilters  .ui-datatable-scrollable-header .ui-column-filter {
    display: block;
}

.show-column-filter .ui-column-filter {
    display: block !important;
}
body .layout-content .ui-datatable .ui-paginator,
body .ui-datatable.fiz-paginator-overwrite .ui-paginator
{
    padding: 0.1rem;
}
body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .layout-mode-color-button {
    color: #FFFFFF
}
body .layout-content .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options {
    margin: 0px;
}
body .layout-content .ui-paginator .ui-paginator-pages .ui-paginator-page {
    line-height: 1.7;
    min-width: 1.2em;
    height: 1.9em;
}
body .layout-content .ui-paginator .ui-paginator-first, body .layout-content .ui-paginator .ui-paginator-prev, body .layout-content .ui-paginator .ui-paginator-next, body .layout-content .ui-paginator .ui-paginator-last {
    height: 1.9em;
}
.fiz-datatable-hideBody .ui-datatable-scrollable-body {
    display:none;
}

/********************************/
/* tree  styles                 */
/********************************/
.ui-orgNodeTree
{
    width : 99% !important;
    border-color: #FFFFFF !important;
}


.ui-treenode-space
{
    width: 10px;
    display: inline-block;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
    width: 1rem;
    height: 1rem;
}

/********************************/
/* window width styles          */
/********************************/
@media (max-width: 779px) {
    .right-wide-screen {
    }
}
@media (min-width: 780px) {
    .right-wide-screen {
        float: right;
    }
}
@media (max-width: 1199px) {
    .hide-below-xl-screen {
        display: none !important;
    }
}
@media (max-width: 991px) {
    .hide-below-large-screen {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .hide-below-medium-screen {
        display: none !important;
    }
}
@media (max-width: 575px) {
    .hide-below-small-screen {
        display: none !important;
    }
}

/********************************/
/* dashboard styles             */
/********************************/
@media (min-width: 1300px) {
    .ui-dashboard-column
    {
        min-width: 615px;
        width: 50%;
    }
}

@media (max-width: 1300px) {
    .ui-dashboard-column
    {
        width: 100% !important;
    }
}
.ui-dashboard-long .ui-dashboard-column
{
    width: 100% !important;
}

.ui-dashboard-column
{
    padding-bottom: 10px !important;
}
.dashboard-box {
    float: left;
    margin-right: 1%;
    padding: 1%;
    border-radius: 20px;
    box-sizing: border-box;
    height: 100%;
}

.dashboard-box:last-child {
    margin-right: 0;
}

.dashboard-box-icon
{
    height: 100px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    border: none;
}

/********************************/
/* dialog styles                */
/********************************/
body .ui-dialog .ui-dialog-titlebar {
    padding: 0.2rem 1rem;
}
body .ui-dialog .ui-dialog-content {
    padding: 1rem 2rem 0rem 2rem;
}

body .ui-dialog.ui-confirm-dialog .ui-icon-alert:before {
    font-family: 'primeicons' !important;
    content: "\e922";
}
body .ui-dialog.ui-confirm-dialog .ui-icon-info:before {
    font-family: 'primeicons' !important;
    content: "\e924";
}
.dialog-button-bar
{
    padding: 15px 5px 5px;
    display: flex;
}
body #informationDialog, body #reportMediaDialog {
    z-index: 1015 !important;
}
body #reportMediaDialog_content {
    max-height: 100% !important;
}
.dialog-over-menu, #menuform\:menuSearch_panel {
    z-index: 1006 !important;
}
#menuform\:menuSearch_panel {
    width: auto !important; /* force override width, set by JS - fixes : Page Search too narrow to see values */
}
.ui-dashboard-long .ui-blockui.ui-widget-overlay.ui-helper-hidden.ui-corner-all {
    z-index: 1001 !important;
}
.ui-dashboard-column .ui-blockui.ui-widget-overlay.ui-helper-hidden.ui-corner-all {
    z-index: 1001 !important;
}

/********************************/
/* message styles               */
/********************************/
body .ui-messages .ui-messages-info {
    min-width: 350px;
    display: flex;
    flex-direction: row;
}

/********************************/
/* icon button styles           */
/********************************/
body .fa.fa-button-color {
    color: var(--primary-color) !important;
}

body .fa.fa-orange-color {
    color: Orange !important;
}

body .fa.fa-violet-color {
    color: Purple !important;
}

body .fa.fa-pink-color {
    color: Pink !important;
}

/********************************/
/* fileupload styles           */
/********************************/
body .ui-fileupload .ui-fileupload-content {
    padding: 0.2rem;
}
/********************************/
/* Autocomplete styles          */
/********************************/
body .ui-autocomplete-multiple .ui-autocomplete-dropdown  {
    height: 1.9rem;
}
.userAutocompleteMultiPicklist.ui-picklist .ui-picklist-list {
    width: 300px!important;
}

/********************************/
/* input field styles           */
/********************************/
body .ui-inputfield {
    font-size: inherit;
    padding: 0.2rem 0.2rem;
}
body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
    padding: 0.2rem 0.2rem;
}
body .ui-fluid .ui-selectonemenu-label {
    padding: 0.2rem 0.2rem;
}
body .ui-inputgroup .ui-inputgroup-addon, body .ui-inputgroup .ui-inputgroup-addon-checkbox {
    padding: 0.2rem 0.2rem;
}

/********************************/
/* tabs styles                  */
/********************************/
body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header {
    border: 2px solid var(--surface-d);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-right: 2px;
}
body ul.ui-tabs-nav  {
    padding: .4em .4em 0!important;
}

/********************************/
/* pattern styles               */
/********************************/
.none-pep-pattern {
}
.square-pep-pattern, body .fc .fc-event.square-pep-pattern {
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%);
    background-size: 16px 16px;
    background-position: 0 0, 8px 8px;
}
.dot-pep-pattern, body .fc .fc-event.dot-pep-pattern {
    /*background-image: radial-gradient(circle, #fff 30%, transparent 10%), radial-gradient(circle, #fff 30%, transparent 10%); !* original settings *!*/
    background-image: radial-gradient(circle at 25% 25%, #000 0.5px, transparent 0.6px), radial-gradient(circle at 75% 75%, #000 0.5px, transparent 0.6px);
    background-size: 6px 6px;
    background-position: 0 0;
    border: 1px solid #000a;
}
.circle-pep-pattern, body .fc .fc-event.circle-pep-pattern {
    background-image: repeating-radial-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 8%);
    background-size: 100px 100px;
}
.stripe-pep-pattern, body .fc .fc-event.stripe-pep-pattern {
    background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1) 10%);
    background-size: 50px 50px;
}
.rstripe-pep-pattern, body .fc .fc-event.rstripe-pep-pattern {
    background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,1) 10%);
    background-size: 50px 50px;
}
.vertical-pep-pattern, body .fc .fc-event.vertical-pep-pattern {
    background-image: linear-gradient(90deg, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 60%);
    background-size: 10px 10px;
    background-position: 10px 10px;
}
.horizontal-pep-pattern, body .fc .fc-event.horizontal-pep-pattern {
    background-image: linear-gradient(0deg, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 60%);
    background-size: 10px 10px;
    background-position: 10px 10px;
}
/********************************/
/* Schedule specific styles     */
/********************************/
#schedule {
    /*font-family: Arial, Verdana, sans-serif !important;*/
    font-size: 11px;
}
#schedule .fc th {
    padding: 0px;
}
#schedule .fc-resourceName .fa.fa-1-5x.fa-copy {
    font-size: 1.5em;
    color: var(--primary-color);
}
#schedule .fc-resourceName .fa.fa-1-5x.fa-paste {
    font-size: 1.5em;
    color: var(--primary-color);
    padding-top: 2px !important;
}
#schedule .fc .fc-view-resourceDay th.ui-widget-header {
    border-width: 1px 0 0 2px;
}
#schedule .fc .fc-view-resourceDay th.ui-widget-header.fc-resourceName {
    border-width: 1px 0 0 1px;
}
#schedule .fc th.ui-widget-header.fc-last {
    border-right-width: 1px !important;
}
#schedule .fc th.ui-widget-header {
    border-width: 1px 0 0 1px;
}
#schedule .fc td.ui-widget-content {
    border-width: 1px 0 0 1px;
}
#schedule .fc td.ui-widget-content.fc-last {
    border-right-width: 1px;
}
body .fc .fc-event {
    color: #362b36;
    text-align: center;
    box-sizing: content-box;
}

/*
body .fc .fc-timegrid .fc-scrollgrid .fc-event, body .fc .fc-timegrid .fc-scrollgrid .fc-event .fc-event-main {
    background: none;
}
*/
body .fc-timegrid-slots {
    background: var(--surface-a);
}
#schedule .fc tr.fc-last td {
    border-bottom-width: 1px !important;
}

/********************************/
/* Schedule header styles       */
/********************************/
#scheduleHeader .ui-button.ui-button-text-only .ui-button-text {
    padding: 0.2rem 0.2rem;
}
#scheduleHeader #selectMonth.p-datepicker {
    width: 30px;
}
#scheduleHeader #selectMonth .ui-datepicker-trigger.ui-button {
    width: 22px;
    height: 22px;
}
#scheduleHeader #selectMonth .ui-inputfield {
    display: none;
}
.select-button-bar {
    display: flex;
}
.select-button-bar .ui-button.ui-button-text-only {
    margin-right: 1px;
    border-right-width: 1px;
}
.anomalyTable {
    max-height:115px;
    overflow-y:auto
}
/********************************/
/* Calendar specific styles     */
/********************************/
body .ui-trigger-calendar input.hasDatepicker {
    width: 95px !important;
}
body .myDatePicker.ui-trigger-calendar input.hasDatepicker{
    width: 75px !important;
}
body .ui-datepicker {
    padding: 0;
}
body .ui-datepicker .ui-datepicker-header {
    padding: 0;
}
body .ui-datepicker .ui-datepicker-calendar td {
    padding: 0;
}
body .ui-datepicker td span {
    text-align: inherit;
}
body .ui-datepicker .ui-datepicker-title {
    padding-top: 3px;
    padding-bottom: 2px;
}
body .ui-datepicker .ui-datepicker-group-first .ui-datepicker-title {
    padding: 0px;
}
body .ui-datepicker .ui-datepicker-title select:first-child {
    margin-right: 0;
}
body .ui-datepicker .ui-datepicker-next, body .ui-datepicker .ui-datepicker-prev {
    line-height: 2rem;
    width: 1rem;
}
#periodSelection .ui-datepicker .ui-datepicker-calendar td a {
    padding: 0;
    width: 1.0rem;
    height: 1.0rem;
    line-height: 1.1rem;
    font-size: 10px;
}
#periodSelectionGridShort .ui-datepicker .ui-datepicker-calendar td a {
    padding: 0;
    width: 1.0rem;
    height: 1.0rem;
    line-height: 1.1rem;
    font-size: 10px;
}
body .ui-timepicker-table td {
    padding: .0rem;
}
body .ui-timepicker .ui-timepicker-table td a, body .ui-datepicker .ui-datepicker-calendar td a {
    padding: 0;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
}
body .ui-timepicker .ui-timepicker-table .ui-timepicker td span {
    padding: 0;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
}
#ui-timepicker-div {
    padding: 0.2em;
}
.ui-timepicker-table td>span.ui-state-disabled, .ui-datepicker-calendar td.ui-state-disabled {
    opacity: 0.3;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a {
    color:#25A4D4;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a.ui-state-active {
    color: #f8fafc;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-col a {
    color:#25A4D4;
}
/********************************/
/* Release plan specific styles */
/********************************/
#planApprovalPanel .ui-datatable .ui-datatable-data > tr > td {
    /* Deactivated for now : need to see when it would be wanted.
    opacity: 0.3;
    */
}

#planApprovalPanel .ui-datatable-tablewrapper {
    overflow: inherit;
}
body .reducedPaddingPanel.ui-panel .ui-panel-content {
    padding: 0.1rem;
    border: none;
}
body .reducedPaddingPanel.ui-panel .ui-panel-titlebar {
    padding: 0.3rem;
}

/********************************/
/* FullCalendar specific styles */
/********************************/
div.fc-toolbar-chunk:nth-child(2) {
    display: flex;
}
.fc-timegrid-col-frame .fc-timegrid-event-harness .fa-lock:before {
    content: "\f023";
    float: right;
}
#selectVersionPanel .ui-panel-content .ui-panelgrid .ui-panelgrid-cell {
    border: none;
    vertical-align: top;
}
#selectVersionPanel .ui-panel-content .ui-panelgrid tr.ui-widget-content {
    border: none;
}
#selectWeekPanel .ui-panel-content .ui-panelgrid .ui-panelgrid-cell {
    padding: 0.5rem;
}
body .fc div {
    outline: #FFFFFF;
}
body .fc-h-event .fc-event-main, body .fc-v-event .fc-event-main {
    color: #362929;
}
body .fc .fc-resource-timeline th {
    padding: 0.0rem;
}
td.fc-slot.fc-slot-mon:last-of-type {
    border-right: 1px solid black !important;
}
body .fc .fc-timeline-header-row-chrono .fc-timeline-slot-frame {
    justify-content: center;
}
body .fc .fc-resource-timeline .fc-scrollgrid-section-header .fc-datagrid-cell-cushion {
    padding: 0px;
}
body .fc .fc-resource-timeline .fc-scrollgrid-section-body td.fc-datagrid-cell.fc-resource.fc-resource-employee-hours:not(.fc-dummy-resource) {
    padding-top: 8px;
}
body .fc .fc-resource-timeline .fc-scrollgrid-section-body td.fc-datagrid-cell.fc-resource:not(.fc-resource-name-only) .fc-datagrid-cell-cushion {
    text-align: center;
    padding: 0px;
}
/* Add Horizontal Line in the ResourceHeader for DayView */
.fc.fcDayView .fc-scrollgrid-section.fc-scrollgrid-section-header .fc-scroller-harness {
    height: 100%;
    border-bottom: 1px solid #ababab;
}
/* Hide the Horizontal Scrollbar -17px below the element and the Line for Resource Header in DayView */
.fc.fcDayView .fc-scrollgrid-section.fc-scrollgrid-section-header .fc-scroller {
    margin-bottom: var(--height);
    height: calc(100% + var(--height));
    --height: 0px;
    border-bottom-style: hidden;
}
.fc.fcDayView .fc-scrollgrid-section-header .fc-scrollgrid-sync-table {
    height: 100%;
    border-bottom-style: hidden;
}

.fc-department-label .fc-datagrid-cell-cushion.fc-scrollgrid-sync-inner {
    padding-bottom: 0px;
    padding-top: 0px;
}
body .ui-tooltip.ui-tooltip-right, .ui-tooltip.ui-tooltip-left {
    z-index: 9999;
}
body .fc .fc-resource-employee-hours .fc-datagrid-cell-cushion {
    padding: 8px 0px 8px 0px;
}
/* Reduce width of events on resourceTimeGridDay, to see underlying background events*/
body .fc-timegrid.fc-resourceTimeGridDay-view  .fc-timegrid-col .fc-timegrid-event {
    width: 100%;
}
body .fc:not(.musterPlan) .fc-timegrid.fc-resourceTimeGridDay-view  .fc-timegrid-col .fc-timegrid-event-harness-inset {
    width: 80%;
    margin-left: 10%;
}
#scheduleGroup>span:not(.now-indicator-up) .fc-timegrid .fc-timegrid-cols .fc-timegrid-col-frame .fc-timegrid-now-indicator-container {
    border-left: 1px solid #dbdbdb;
    z-index: 1;
    left: -1px;
}
body .now-indicator-up .fc-timegrid .fc-timegrid-cols .fc-timegrid-col-frame .fc-timegrid-now-indicator-container {
    border-left: 1px solid #dbdbdb;
    left: -1px;
}
body .now-indicator-up .fc-timegrid .fc-timegrid-cols .fc-timegrid-col-frame{
    z-index: 1;
}
.fc .fc-bg-event {
    opacity: 0.4;
}
#fcActivityWeek .fc .fc-timeline-bg .fc-bg-event {
    top: 0; /* this value is now 0 due to parent being offset for Collision Check */
    border-top-width: 1px;
    border-bottom-width: 1px;
}
/* create darker lines for days separators  */
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-mon {
    border-left: 1px solid #c0c0c0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-mon ~ .fc-timeline-slot.fc-slot-mon {
    border-left: 1px dotted #e0e0e0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-tue {
    border-left: 1px solid #c0c0c0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-tue ~ .fc-timeline-slot.fc-slot-tue {
    border-left: 1px dotted #e0e0e0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-wed {
    border-left: 1px solid #c0c0c0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-wed ~ .fc-timeline-slot.fc-slot-wed {
    border-left: 1px dotted #e0e0e0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-thu {
    border-left: 1px solid #c0c0c0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-thu ~ .fc-timeline-slot.fc-slot-thu {
    border-left: 1px dotted #e0e0e0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-fri {
    border-left: 1px solid #c0c0c0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-fri ~ .fc-timeline-slot.fc-slot-fri {
    border-left: 1px dotted #e0e0e0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-sat {
    border-left: 1px solid #c0c0c0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-sat ~ .fc-timeline-slot.fc-slot-sat {
    border-left: 1px dotted #e0e0e0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-sun {
    border-left: 1px solid #c0c0c0;
}
body .fcWeekView .fc-timeline-slots .fc-timeline-slot.fc-slot-sun ~ .fc-timeline-slot.fc-slot-sun {
    border-left: 1px dotted #e0e0e0;
}
/* In month view, darker lines for each day (not hour slots)  */
body .fcMonthView .fc-timeline-slots .fc-timeline-slot-lane.fc-timeline-slot-major {
    border-left: 1px solid #c0c0c0;
}

/* Have darker horizontal lines (between users for example) */
body .fc td {
    border-color: #ababab;
    background-clip: padding-box;
}
body .fc th {
    border-color: #ababab;
    border-style: solid;
    padding: 0;
    background-clip: padding-box;
}
body .fc .fc-scrollgrid {
    border-color: #ababab;
}
/*
body .fc.fcTimeEvent .fc-scrollgrid .fc-scrollgrid-section-body {
    font-size: 11px;
}
body .fc.fcTimeEvent .fc-scrollgrid-section-body td.fc-resource.fc-resource-name-only:not(.fc-dummy-resource) {
    height: 47px;
    display: block;
    border-top-width: 0px;
    border-left-width: 0px;
}
body .fc.fcActivityEvent .fc-scrollgrid-section-body td.fc-resource:not(.fc-dummy-resource) {
    height: 47px;
    display: block;
    border-top-width: 0px;
    border-left-width: 0px;
}
body .fc.fcTimeEvent .fc-timeline-lane:not(.fc-department-lane)  {
    height: 47px;
}
body .fc.fcTimeEvent .fc-scrollgrid-sync-table > tbody > tr > td.fc-resource.fc-dummy-resource {
    height: 18px !important;
}
body .fc.fcTimeEvent .fc-datagrid-body.fc-scrollgrid-sync-table > tbody > tr > td.fc-resource.fc-resource-employee-hours {
    height: 18px !important;
}
body .fc.fcTimeEvent .fc-timeline-lane .fc-timeline-bg-harness .fc-highlight {
    height: 47px;
}
body .fc.fcTimeEvent .fc-scrollgrid-sync-table > tbody > tr > td.fc-resource.fc-dummy-resource > div > div.fc-datagrid-cell-cushion {
    padding: 0px;
}
body .fc.fcTimeEvent .fc-scrollgrid-sync-table > tbody > tr > td.fc-resource.fc-resource-employee-hours > div > div.fc-datagrid-cell-cushion {
    padding: 0px;
}

body .fc.fcTimeEvent .fc-timeline-lane .fc-timeline-event-harness {
    top: 0px !important;
}
body .fc.fcActivityEvent .fc-timeline-lane .fc-timeline-event-harness {
    !*top: 2px !important;*!
    margin-top: 2px;
}
body .fc.fcTimeEvent .fc-timeline-lane .fc-timeline-event-harness .fc-event-line1 {
    top: 2px !important;
}
body .fc.fcTimeEvent .fc-timeline-lane .fc-timeline-event-harness .fc-event-line2 {
    top: 20px !important;
}
*/

body .fc:not(.musterPlan) .fc-timegrid.fc-resourceTimeGridDay-view .fc-scrollgrid-section-body table {
    font-size: 0.75em;
}
body .fc .fc-timegrid.fc-resourceTimeGridDay-view .fc-scrollgrid-section-body .fc-timegrid-axis-chunk td.fc-timegrid-slot.fc-timegrid-slot-label {
    height: 1.3em;
}
body .fc .fc-timegrid.fc-resourceTimeGridDay-view .fc-scrollgrid-section-body .fc-timegrid-body td.fc-timegrid-slot.fc-timegrid-slot-lane {
    height: 1.3em;
}
body .fc .fc-timegrid.fc-resourceTimeGridDay-view .fc-scrollgrid-section-body .fc-timegrid-axis-chunk table {
    font-weight: bolder;
}
body .fc .fc-scrollgrid .fc-scrollgrid-section-body {
    font-size: 11px;
}
body .fc .fc-scrollgrid-section-body td.fc-resource.fc-resource-name-only:not(.fc-dummy-resource) {
    height: var(--fc-resource-height);
    border-top-width: 0px;
    border-left-width: 0px;
}
body .fc .fc-scrollgrid-section-body td.fc-resource.fc-copy-paste-column:not(.fc-dummy-resource) {
    height: var(--fc-resource-height);
}
body .fc .fc-scrollgrid-section-body td.fc-resource.fc-ground-plan-column:not(.fc-dummy-resource) {
    height: var(--fc-resource-height);
}
body .fc .fc-scrollgrid-section-body td.fc-resource.fc-resource-employee-hours:not(.fc-dummy-resource) {
    height: var(--fc-resource-height);
}
body #seite.scrollInCalendar .fc.fcDayView.fcTimeEvent .fc-view-harness .fc-resourceTimelineDay-view .fc-scrollgrid .fc-scrollgrid-section-header>td .fc-scroller-harness .fc-scroller {
    overflow-x: hidden !important;
    overflow-y: overlay !important;
}
body #seite.scrollInCalendar .fc.fcDayView.fcTimeEvent .fc-view-harness .fc-resourceTimelineDay-view .fc-scrollgrid .fc-scrollgrid-section-body>td .fc-scroller-harness .fc-scroller {
    overflow-x: hidden !important;
    overflow-y: overlay !important;
}
body #seite.scrollInCalendar .fc.fcWeekView.fcTimeEvent .fc-view-harness .fc-resourceTimelineWeek-view .fc-scrollgrid .fc-scrollgrid-section-header>td .fc-scroller-harness .fc-scroller {
    overflow-x: hidden !important;
    overflow-y: overlay !important;
}
body #seite.scrollInCalendar .fc.fcWeekView.fcTimeEvent .fc-view-harness .fc-resourceTimelineWeek-view .fc-scrollgrid .fc-scrollgrid-section-body>td .fc-scroller-harness .fc-scroller {
    overflow-x: hidden !important;
    overflow-y: overlay !important;
}
body #seite.scrollInCalendar .fc.fcWeekView .fc-view-harness .fc-resourceTimelineWeek-view .fc-scrollgrid tr.fc-scrollgrid-section-body td:nth-child(1) .fc-scroller-harness .fc-scroller {
    right: -15px;
}
body #seite.scrollInCalendar .fc.fcDayView.fcTimeEvent .fc-view-harness .fc-resourceTimelineDay-view .fc-scrollgrid tr.fc-scrollgrid-section-body td:nth-child(1) .fc-scroller-harness .fc-scroller {
    right: -15px;
}
body #seite.scrollInCalendar .fc.fcWeekView.fcActivityEvent .fc-view-harness .fc-resourceTimelineWeek-view .fc-scrollgrid .fc-scrollgrid-section-header>td .fc-scroller-harness .fc-scroller {
    overflow-x: hidden !important;
    overflow-y: overlay !important;
}
body #seite.scrollInCalendar .fc.fcWeekView.fcActivityEvent .fc-view-harness .fc-resourceTimelineWeek-view .fc-scrollgrid .fc-scrollgrid-section-body>td .fc-scroller-harness .fc-scroller {
    overflow-x: hidden !important;
    overflow-y: overlay !important;
}
body .fc.fcActivityEvent .fc-scrollgrid-section-body td.fc-resource:not(.fc-dummy-resource) {
    border-top-width: 0px;
    border-left-width: 0px;
}
body .fc.fcDayView.fcActivityEvent .fc-scrollgrid-section-body td:nth-child(2) .fc-scroller-harness .fc-scroller {
    margin-bottom: 0px;
    overflow-x: auto !important;
}
body .fc.fcDayView.fcActivityEvent .fc-scrollgrid-section-body .fc-scroller-harness .fc-scroller .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: auto;
}
body .fc.fcDayView.fcActivityEvent .fc-scrollgrid-section-body .fc-scroller-harness .fc-scroller .fc-daygrid-day-frame {
    padding-bottom: 3px;
}
body .fc .fc-scrollgrid-sync-table  .fc-timeline-lane.fc-dummy-resource {
    height: auto;
}
body .fc .fc-timeline-lane:not(.fc-department-lane)  {
    height: var(--fc-resource-height);
}
body div.fc-cell-full-day {
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    opacity: 0.7;
    /* this line caused in UserPlanTask / Tasks / WeekView some ResourceLines to be thicker than others. */
    /*border-bottom: 1px solid #ababab;*/
}
body .fc.fcDayView th.fc-col-header-cell {
    border-bottom-style: hidden;
}
body .fc.fcDayView .fc-col-header-cell span {
    font-size: var(--dynam-resource-name-size);
}
body .noDummyResWeek div.fc-cell-full-day {
    margin-bottom: 0px;
    position: relative;
    top: 1px;
    z-index: 1;
    border-bottom: 1px solid #ababab;
}
body .noDummyResWeek .fc-scrollgrid .fc-scrollgrid-section-body .fc-scroller-harness .fc-timeline-slots td.fc-timeline-slot {
    top: -1px;
}
body .fc .fc-scrollgrid-sync-table > tbody > tr > td.fc-resource.fc-dummy-resource > div.fc-datagrid-cell-frame {
    height: 18px !important;
}
body .fc .fc-scrollgrid-sync-table > tbody > tr > td.fc-resource:not(.fc-dummy-resource) > div.fc-datagrid-cell-frame {
    height: 35px !important;
}
body .fc .fc-scrollgrid-sync-table > tbody > tr > td.fc-resource.fc-dummy-resource > div.fc-timeline-lane-frame {
    height: 18px !important;
}
body .fc .fc-scrollgrid-sync-table > tbody > tr > td.fc-resource:not(.fc-dummy-resource) > div.fc-timeline-lane-frame {
    height: 35px !important;
}
body .fc .fc-timeline-lane .fc-timeline-bg-harness {
    height: var(--fc-resource-height);
}
/* Make Collision Box for backgroundEvents Smaller */
#fcActivityWeek .fc .fc-timeline-lane .fc-timeline-bg-harness {
    height: calc(var(--fc-resource-height) - 16px);
    margin-top: 16px;
}
body .fc .fc-scrollgrid-sync-table > tbody > tr > td.fc-resource.fc-dummy-resource > div > div.fc-datagrid-cell-cushion {
    padding: 0px;
}
body .fc .fc-scrollgrid-sync-table > tbody > tr > td.fc-resource.fc-resource-employee-hours > div > div.fc-datagrid-cell-cushion {
    padding: 0px;
}

body .fc .fc-timeline-lane.fc-dummy-resource .fc-timeline-event-harness.fc-event-line1 {
    top: 2px !important;
}
body .fc .fc-timeline-lane:not(.fc-dummy-resource) .fc-timeline-event-harness.fc-event-line0 {
    top: 2px !important;
}
body .fc .fc-timeline-lane:not(.fc-dummy-resource) .fc-timeline-event-harness.fc-event-line1 {
    top: calc(var(--fc-line0-height) + 3px) !important;
}
body .fc .fc-timeline-lane:not(.fc-dummy-resource) .fc-timeline-event-harness.fc-event-line2 {
    top: calc(var(--fc-line0-height) + 20px) !important;
}

body .fc .fc-timeline-lane .fc-timeline-event-harness .fc-timeline-event.fc-h-event.fc-event-line0 {
    height: 18px;
    overflow: hidden;
    padding: 0;
}
body .fc .fc-timeline-lane .fc-timeline-event-harness .fc-timeline-event.fc-h-event.fc-event-line1 {
    height: 11px;
    overflow: hidden;
    padding: 0;
}
body .fc .fc-timeline-lane .fc-timeline-event-harness .fc-timeline-event.fc-h-event.fc-event-line2 {
    height: 20px;
    overflow: hidden;
    padding: 0;
}
body .fc .fc-timeline-lane .fc-timeline-event-harness .fc-timeline-event:not(.commentsbar) .fc-event-title {
    white-space: initial;
}
/* is this correct ? only by OB, it works without that ... */
body .fc table:not(.fc-scrollgrid-liquid) .fc-scroller-harness .fc-scroller {
    overflow: hidden !important;
    margin: 0px !important;
}
body .fc .fc-scroller-harness .fc-cell-overlay { /* semi-transparent rectangle while dragging  */
    background: #99CCFF !important;
    opacity: 0.4;
    filter: alpha(opacity=40); /* for IE */
}

body .now-indicator-up .fc .fc-scroller-harness .fc-cell-overlay { /* semi-transparent rectangle while dragging */
    background: none !important;
    opacity: 1 !important;
    filter: alpha(opacity=1) !important; /* for IE */
}
/* Center text in events */
body .fc .fc-timeline-event.fc-h-event .fc-event-title-container .fc-event-title {
    padding: 0px;
    max-width: initial;
}
body .fc .fc-timeline-event.fc-h-event .fc-event-title-container  {
    min-width: initial;
}
body .fc .fc-timeline-event.fc-h-event .fc-event-main-frame  {
    justify-content: center;
}
.fc-event-undroppable {
    position: relative;
}
.fc-event-undroppable:before {
    content: " ";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #f118;
}
#scheduleTrash.fc-event-undroppable:before {
    background: #9cf8;
}

.resHoursExceedsMin {
    color: orange;
}
.resHoursExceedsMax {
    color: red;
}
td.fc-tdAllDeptsStyle {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
div.fc-hoursAxisWithDept {
    height: 43px !important;
}
div.fc-hoursAxisExpAmbWithDept {
    height: 62px !important;
}
div.fc-hoursAxisNoHoursWithtDept {
    height: 29px !important;
}
div.fc-hoursAxisWithoutDept {
    /*height: 28px !important;*/
}
div.fc-hoursAxisExpAmbWithoutDept {
    /*height: 47px !important;*/
}
div.fc-hoursAxisNoHoursWithoutDept {
    height: 14px !important;
}
div.fc-hoursAxisWithDeptHigh {
    height: 57px !important;
}
div.fc-hoursAxisWithoutDeptHigh {
    height: 42px !important;
}
div.fc-hoursAxisWithHours {
    height: 43px !important;
}


/********************************/
/* Musterplan specific styles   */
/********************************/
body .fc.musterPlan .fc-timegrid-event .fc-event-main {
    padding: 0;
}
body .fc.musterPlan .fc-timegrid.fc-resourceTimeGridDay-view .fc-event-title {
    font-size: 10px;
}
body .fc .fc-scrollgrid-shrink-cushion span {
    border: 1px solid black;
    border-width: 0 0 0 1px;
    min-height: 1em;
    text-align: center;
}
/*
body .fc.musterPlan .fc-timegrid.fc-resourceTimeGridDay-view .fc-timegrid-col .fc-timegrid-event-harness-inset {
    width: 96%;
    margin-left: 2%
}
*/
/********************************/
/* Misc specific styles         */
/********************************/
body .p-grid {
    margin-top: 0;
}

body .smallToggle.ui-toggleswitch {
    width: 2.8rem;
    height: 1.25rem;
}
body .smallToggle.ui-toggleswitch .ui-toggleswitch-slider:before {
    top: 50%;
    width: 1.0rem;
    height: 1.0rem;
    left: 0.25rem;
    margin-top: -0.525rem;
}
body .smallToggle.ui-toggleswitch-handler {
    height: 1.0em;
    width: 1.0em;
    left: .25em;
    bottom: .25em;
}

#userWizard .ui-wizard-content .ui-panel-content .ui-scrollpanel-native div.p-grid.ui-fluid {
    margin-right: 0;
}

/**********************************/
/* From customer css definitions  */
/**********************************/

/****
A
{
    COLOR: #000000;
}
*/

/****
A:link
{
    text-decoration:none;
}

A:hover
{
    FONT-WEIGHT: bold;
    text-decoration:none;
}

A:visited
{
    text-decoration:none;
}
*/

/*
======= AB HIER: CSS-Klassen global ========
*/
/****
#seite
{
    !****background-color: #FFFFFF;*!
    min-width: 1590px;
    margin: auto; !* Div soll zentriert werden *!
    min-height: 100%; !* Mindesthoehe fuer moderne Browser *!
    height:100% !important;
}

#header
{
    padding: 0px 0px 0px 8px;
    z-index: 3 !important; !*fuers menue *!
}

#footer
{
    padding: 0px 0px 0px 8px;
}

#content
{
    min-width: 1575px !important;
    padding: 2px 0px 5px 13px;
}

.contentPanel
{
    width: 99%;
}
*/

body .ui-panel .ui-panel-content.page-title {
    padding: 0px;
    font-size: 16px;
    border: 0px;
}
body .ui-panel.page-title-buttons {
    width: 100%;
    background: var(--surface-a);
}
.header1
{
    font-size: 20px;
    margin-bottom: 4px;
    /****color: #459e00;*/
}

.header2
{
    font-size: 16px;
    margin-bottom: 4px;
    /****color: #459e00;*/
}

.header2Plan
{
    font-size: 16px;
    margin-bottom: 4px;
    /****color: #459e00;*/
}

@media (max-width: 1400px) {
    .header2Plan
    {
        font-size: 14px !important;
    }
}

@media (max-width: 1200px) {
    .header2Plan
    {
        font-size: 12px !important;
    }
}

@media (max-width: 1000px) {
    .header2Plan
    {
        font-size: 10px !important;
    }
}

@media (max-width: 800px) {
    .header2Plan
    {
        font-size: 8px !important;
    }
}

@media (max-width: 600px) {
    .header2Plan
    {
        font-size: 6px !important;
    }
}

.header3
{
    font-size: 14px;
    margin-bottom: 4px;
}

.header4
{
    font-weight: bold;
    font-size: 12px;
}

body .ui-panel.nopadding .ui-panel-content {
    padding: 0 !important;
    margin:0 !important;
}

.nopadding {
    padding: 0 !important;
    margin:0 !important;
}


/*
======= AB HIER: CSS-Klassen spefisch ========
*/

/****
.ui-datagrid-no-border .ui-datagrid-content
{
    border: none;
}

.headerTable
{
    width: 100%;
}

.dataPaginatorDataTable
{
    float: left;
    margin-top: 20px;
}

.formTextCell
{
    display: block;
    padding: 6px 6px 6px 0;
}

.noborder, .noborder td
{
    border-width: 0 !important;
    border-style: none !important;
    color: #4F4F4F;
}

.nopadding
{
    padding: 0 !important;
    margin:0 !important;
}
*/

.dayStateD
{
    background-color: #FCDEE3 !important;
}

.dayStateE
{
    background-color: #EBEBEB !important;
}

.dayStateH
{
    background-color: #DEDCDC !important;
}

.dayStyleB
{
    background-color: #ffff60 !important;
}

.dayStyleC
{
    background-color: #ffff60 !important;
}

.dayStyleD
{
    background-color: #FCD372 !important;
}

.dayStyleE
{
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, #ffff60 5px, #ffff60 10px);
    background-color: #FCD372 !important;
}

.dayStyleF
{
}

.dayStyleG
{
    background-color: #ffff60 !important;
}

.dayStyleH
{
    background-color: #ff8000 !important;
}

.dayStyleI
{
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, #ff8000 5px, #ff8000 10px) !important;
    background-color: #ffff60 !important;
}

.dayStyleJ
{
    background-color: #E0FDF6 !important;
}

.dayStyleK
{
    background: #ebd4ff !important;
}

.dayStyleL
{
    background: #fdead5 !important;
}

.dayStyleR
{
    background: #FF8080 !important;
}
.opacityDayStyle
{
    opacity: 0.7;
}

.holiday
{
    background: var(--primary-color) !important;
}

/****
.ui-date, .pe-timepicker-input
{
    width: 65px !important;
}

.ui-autocomplete-item.ui-state-highlight
{
    background-image: none !important;
    background-color: #EEFCDC !important;
    border: 1px solid #459e00 !important;
}

***/
.ui-state-highlight.fc-holiday
{
    border-color: var(--primary-color) !important;
    background-image: inherit !important;
    background-color: inherit;
    border: 1px solid;
}

/****
tr.ui-datatable-even.ui-state-highlight
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #459e00 !important;
}

tr.ui-datatable-odd.ui-state-highlight
{
    background: none repeat scroll 0 0 #EEFCDC;
    border: 2px solid #459e00 !important;
}


***/
.fc-event-title
{
    text-align: center;
    vertical-align: middle;
    padding-top: 0px !important;
    font-size: 1em;
}

.fc-event-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

/***
div.ui-contextmenu li li .ui-menuitem-link
{
    padding:0.1em  !important;
}

div.ui-contextmenu li li .ui-menuitem-text
{
    font-size: 0.8em !important;
}

.ui-tabs .ui-tabs-nav
{
    background: url("");
    border-bottom: 1px solid #C0C0C0;
    padding: 0.4em 0.4em 0 !important;
}

.ui-tabs-nav
{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

.ui-tabs
{
    padding-left:0 !important;
    padding-right:0 !important;
}
*/

/****
.ui-tabs-panels
{
    background: url("/fizWeb/javax.faces.resource/benu/css-images/contentContainer_bg.gif.xhtml?ln=css" ) repeat-x scroll left top #FFFFFF;
}
*/

/****
.ui-inputfield.ui-state-disabled
{
    filter: Alpha(Opacity=90) !important;
    opacity: 0.90 !important;
}

.ui-selectonemenu.ui-state-disabled div.ui-selectonemenu-trigger.ui-corner-right .ui-icon
{
    filter: Alpha(Opacity=35) !important;
    opacity: 0.35 !important;
}

.ui-selectonemenu.ui-state-disabled
{
    filter: Alpha(Opacity=90) !important;
    opacity: 0.90 !important;
}
.ui-widget
{
    font-size: 98% !important;
}
*/

.ui-widget-content
{
    border: 1px solid #C0C0C0;
}
/* home.xhtml : all panels have 5px margin; the placeholder for that does not */
#homeForm .ui-panel {
    margin: 5px;
}
#homeForm .ui-sortable-placeholder {
    margin: 6px; /* 5px margin + 1px border */
}
/*
.ui-button-text-only .ui-button-text
{
    padding: 0.4em 0.6em;
}

.ui-layout-center
{
    border: 0 none;
}

.ui-layout-north
{
    border: 0 none;
}

.ui-layout-center .ui-layout-unit-content
{
    border: 0 none;
    overflow: auto;
    padding: 0.2em 0;
}

.ui-layout-north .ui-layout-unit-content
{
    overflow: inherit !important;
}

.ui-layout-south
{
    border: 0 none;
}
*/


/****
.menubar_dev, .menubar_qty, .menubar_tst, .menubar_trn
{
    background: url("") !important;
}

.menubar_tst
{
    background-color: #eef3fb !important;
}

.menubar_qty
{}

.menubar_dev, .menubar_trn
{
    background-color: #EEE !important;
}
*/

/****
.ui-growl
{
    top:100px !important;
}

.themeMenu
{
    overflow: auto;
    height:300px;
    width:200px;
}

.sidebar .wijmo-wijmenu a
{
    text-decoration: none !important;
}

.fc-event a:hover
{
    text-decoration: underline !important;
    color: #000000 !important;
}

.fc-day-content-closed
{
    background-color: #eaeaea !important;
}

.fc-day-content-opened
{
    background-color: none !important;
}

.ui-menu
{
    padding:0.1em !important;
}

.ui-menu-child
{
    width: 250px !important;
}

.ui-context-menuitem-text
{
    border:none;
    width:100%;
    float:left;
    clear:both;
    margin:1px 0;
    padding:0;
    !****color: #000000;*!
    font-weight: bold;
    font-size:11px;
}

.ui-context-menu
{
    border:none;
    float:left;
    clear:both;
    margin:0 0;
    padding:0;
    background: none;
    border: 1px solid #A8A8A8;
    !****background-color: #eaeaea;*!
}

.ui-menu .ui-widget-content .ui-state-hover, .ui-menu-list .ui-corner-all .ui-state-hover
{
    border: 1px solid #459e00 !important;
}

.ui-accordion .ui-accordion-content
{
    padding: 1em 1em !important;
}

.ui-panel .ui-panel-content
{
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}

body .ui-panel .ui-panel-titlebar
{
    padding-top: 0.3em !important;
    padding-bottom: 0.3em !important;
}

.ui-datepicker .ui-datepicker-header
{
    padding-top: 0.1em !important;
    padding-bottom: 0.1em !important;
}

.ui-datepicker th
{
    padding-top: 0.3em !important;
    padding-bottom: 0.3em !important;
}

.ui-datepicker td span, .ui-datepicker td a
{
    padding-top: 0.15em !important;
    padding-bottom: 0.15em !important;
}

.ui-autocomplete-panel .ui-autocomplete-item
{
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    border-width: 0px;
    border-style: none;
}

.ui-autocomplete-panel .ui-autocomplete-table
{
    width: 98% !important;
}

.ui-autocomplete-panel .ui-autocomplete-table th,
.ui-autocomplete-panel .ui-autocomplete-table td {
    border-width: 0px !important;
    border-style: none !important;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    border-radius: inherit;
}

.employeeSelect .ui-autocomplete-input
{}

.orgNodeSelect .ui-autocomplete-input
{}

.monthYearInput
{
    width: 50px !important;
}
***/
.reducedPaddingPanel
{
    height: 170px !important;
}

.reducedPaddingPanelTim500
{
    height: 130px !important;
}

.reducedPaddingPanelPlan
{
    height: 140px !important;
}

.reducedPaddingPanel, x:-moz-any-link
{
    height: 210px !important;
}

/***
.ui-state-error
{
    border: 1px solid #CD0A0A !important;
}

.ui-datatable-odd
{
    background: none repeat scroll 0 0 #EEFCDC;
}
*/

.redText
{
    color: #DE0000;
}

.redBoldText
{
    color: #DE0000;
    font-weight: bold;
}

.boldText
{
    font-weight: bold;
}

.yellowBackgroung
{
    background: none repeat scroll 0 0 #C5C574;
}

.whiteBackgroung
{
    background: none repeat scroll 0 0 #FFFFFF;
}

.greyBackgroung
{
    background: none repeat scroll 0 0 #B0B0B0;
}

/****
.noBorderAndMargin
{
    border:0;
    margin: 0;
}

.timeInput
{
    width: 60px !important;
}

.ui-timepicker-title
{
    padding-left: 2px;
    padding-right: 2px;
}

.ui-autocomplete-multiple-container
{
    display:inline;
    float: left;
    width: 85% !important;
}

.ui-autocomplete.ui-autocomplete-multiple
{
    width: 100% !important;
}

.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-dropdown
{
    position: relative;
    right: 2px;
}

.ui-accordion-header
{
    margin-top:10px !important;
}

.ui-accordion-content
{
    margin-top: 1px !important;
}
*/

/****
::-ms-clear
{
    display: none;
}

[class^="ui-autocomplete-"]::-ms-clear, [class*=" ui-autocomplete-"]::-ms-clear
{
    display: block;
}

.ui-selectcheckboxmenu-header label
{
    padding-left:2.2em;
    margin-top: 3px;
    display: block;
}

.addButton
{
    padding: 2px !important;
    padding-left: 10px !important;
}

.welcomeButton
{
    font-size: 14px !important;
}

.iconButton
{
    padding-left: 10px !important;
}

.iconButton span.ui-icon
{
    top: 13px;
}
*/

.fc-grid .fc-day-content
{
    clear: both;
    padding: 2px 0px 1px !important; /* distance between events and day edges */
}

.fc-corner-left
{
    margin-left: 0px  !important;
}

.fc-corner-right
{
    margin-right: 0px !important;
}


body .fc th.fc-resBgColorGray, .fc-resBgColorGray
{
    background-color: #D9D9D9;
    color: #362b36;
}

body .fc th.fc-resBgColorGray2, .fc-resBgColorGray2
{
    background-color: #BFBFBF;
    color: #362b36;
}

body .fc th.fc-resBgColorBlue, .fc-resBgColorBlue
{
    background-color: #D4F9FF;
    color: #362b36;
}

body .fc th.fc-resBgColorBlue2, .fc-resBgColorBlue2
{
    background-color: #3FFCF2;
    color: #362b36;
}

body .fc th.fc-resBgColorBlue3, .fc-resBgColorBlue3
{
    background-color: #0099FF;
    color: #362b36;
}

body .fc th.fc-resBgColorMagenta, .fc-resBgColorMagenta
{
    background-color: #F6B1FA;
    color: #362b36;
}

body .fc th.fc-resBgColorMagenta2, .fc-resBgColorMagenta2
{
    background-color: #EF23FA;
    color: #362b36;
}

body .fc th.fc-resBgColorGreen, .fc-resBgColorGreen
{
    background-color: #CCFC90;
    color: #362b36;
}

body .fc th.fc-resBgColorGreen2, .fc-resBgColorGreen2
{
    background-color: #8CFC00;
    color: #362b36;
}

body .fc th.fc-resBgColorGreen3, .fc-resBgColorGreen3
{
    background-color: #A6CF74;
    color: #362b36;
}

body .fc th.fc-resBgColorGreen4, .fc-resBgColorGreen4
{
    background-color: #00B050;
    color: #362b36;
}

body .fc th.fc-resBgColorRed, .fc-resBgColorRed
{
    background-color: #FC9FA4;
    color: #362b36;
}

body .fc th.fc-resBgColorRed2, .fc-resBgColorRed2
{
    background-color: #FF0D0D;
    color: #362b36;
}

body .fc th.fc-resBgColorRed3, .fc-resBgColorRed3
{
    background-color: #C40226;
    color: #362b36;
}

body .fc th.fc-resBgColorOrange, .fc-resBgColorOrange
{
    background-color: #FCD19F;
    color: #362b36;
}

body .fc th.fc-resBgColorOrange2, .fc-resBgColorOrange2
{
    background-color: #FC9703;
    color: #362b36;
}

body .fc th.fc-resBgColorYellow, .fc-resBgColorYellow
{
    background-color: #FAFAB1;
    color: #362b36;
}

body .fc th.fc-resBgColorYellow2, .fc-resBgColorYellow2
{
    background-color: #ffff60;
    color: #362b36;
}

/****
.ui-datatable.minStaffRequirementTable thead th,
.ui-datatable.minStaffRequirementTable tbody td,
.ui-datatable.minStaffRequirementTable tfoot td {
    padding: 4px 1px !important;
}
*/

.minreqbar00
{
    height: 12px;
    background-color: #EEEEEE !important;
    border-style: none !important;
}

.minreqbar01
{
    height: 12px;
    background-color: #44D944 !important;
    border-style: none !important;
}

.minreqbar02
{
    height: 12px;
    background-color: #ffff60 !important;
    border-style: none !important;
}

.minreqbar03
{
    height: 12px;
    background-color: #E5143E !important;
    border-style: none !important;
}

.fullhourHighlight
{
    border-left-color: #7A7A7A !important;
    border-left-width: 2px !important;
}

/****
.ui-datatable thead tr
{
    background-color: #ffffff;
}
***/
.ui-datatable thead th.align_right
{
    text-align: right !important;
}

.ui-datatable thead th.align_left
{
    text-align: left !important;
}

.ui-datatable thead th.align_center
{
    text-align: center !important;
}
/* Default alignment */
body .layout-content .ui-datatable thead th, body .layout-content .ui-datatable tfoot td {
    text-align: center ;
    border-color: var(--surface-d);
}

body .layout-content .ui-datatable tfoot td {
    padding: 4px 10px;
}

.menuitem-badgeGroup {
    position: relative;
    display: inline-block;
}

.menuitem-badge {
    /* Overwrite Font; this Fixes the Font Location on Windows caused by "Segoe UI"; Center the Font */
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    position: absolute;
    /*font-size: 10px;*/
    font-size: 0.8em;
    right: 0px;
    top: -0.5em;
    /*top: -3px;*/
    color: #ffffff;
    padding: 1px 3px;
    background-color: #ef6262;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    line-height: 1em;
    height: 1.1em;
    min-width: 1.1em;
    text-align: center;
}

.menuitem-badge.menuitem-badge-bullet {
    /*font-size: 1em;*/
    font-weight: bolder;
}
body #avatarOverlayPanel.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    font-size: 1.1em;
    padding-bottom: 0.6em;
    padding-top: 0.6em;
}

/***
body .ui-datatable .ui-datatable-data > tr > td
{
    padding: 4px 10px;
}
***/

.fc-event-selected
{
    border-color: darkblue !important;
}
.fc-event-is-selected
{
    border-color: darkblue !important;
}

/* Styles for figures table in plans */
div#plantabview\:weektable div table tbody tr td:has(span.figuresLightBlue), div#plantabview\:monthtable div table tbody tr td:has(span.figuresLightBlue) {
    background-color: #c8ebf9;
}
div#plantabview\:weektable div table tbody tr td:has(span.figuresDeepBlue), div#plantabview\:monthtable div table tbody tr td:has(span.figuresDeepBlue) {
    background-color: #60c9f1;
}
div#plantabview\:weektable div table tbody tr td:has(span.figuresTotalGreen), div#plantabview\:monthtable div table tbody tr td:has(span.figuresTotalGreen) {
    background-color: #beefc6;
}
div#plantabview\:weektable div table tbody tr:has(td span.bottomBorderThick), div#plantabview\:monthtable div table tbody tr:has(td span.bottomBorderThick) {
    border-bottom-width: 5px;
}

/***
.hasDatepicker
{
    width: 80px;
}
*/

/*
Start of autocompleteMultiSelectPicklist definitions

There are multiple ways to style autocomplete selection for autocompleteMultiSelectPicklist component
- give NO style to component - then >autocompleteMultiPicklistDefault< style is used!
- give a style.
    a) e.g. cardSelect - then given style is used
    b) if page contains tree component surounding element/div can be used to style in another way. e.g. #searchPanelGridWithTree\:searchPanelGridWithTree
*/

/* default */
/*
.autocompleteMultiPicklistDefault .ui-autocomplete-input.ui-inputfield
{
    width: -moz-calc(100% - 66px);
    width: -webkit-calc(100% - 66px);
    width: calc(100% - 66px);
}

.ui-menuitem-text-home
{
    font-size: 14px !important;
}

.ui-menuitem-text-home .ui-menuitem-text
{
    margin: 0px 10px !important;
}

.fa
{
    color: #459e00 !important;
}

a .fa
{
    color: #459e00 !important;
}

tr.ui-state-hover .fa
{
    color: #ffffff !important;
}

.addButton .fa, .welcomeButton .fa, .iconButton .fa, .ui-button .fa
{
    color: #ffffff !important;
}

.ui-selectbooleanbutton.ui-button .fa
{
    color: #459e00 !important;
}

.ui-menu .ui-menuitem-link .ui-menuitem-icon, .ui-menu .ui-submenu-icon
{
    margin-top: 3px;
}

.ui-button-icon-only .ui-icon.fa, .ui-button-text-icon-left .ui-icon.fa, .ui-button-text-icon-right .ui-icon.fa
{
    margin-top: -8px !important;
}

.ui-icon.fa.fa-2x
{
    font-size: 2em !important;
}

.ui-icon.fa.fa-3x
{
    font-size: 3em !important;
}

.ui-widget .ui-outputlabel
{
    font-size: 1em !important;
}
*/

/*
End of autocompleteMultiSelectPicklist definitions
*/

/****
.statisticalColorButton div:nth-child(1) span {
    background-image: url("/fizWeb/javax.faces.resource/bullet_green.png.xhtml?ln=images") !important;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1px;
    padding-left: 23px;
    height: 12px;
}

.statisticalColorButton div:nth-child(2) span {
    background-image: url("/fizWeb/javax.faces.resource/bullet_red.png.xhtml?ln=images") !important;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1px;
    padding-left: 23px;
    height: 12px;
}

.statisticalColorButton div:nth-child(3) span {
    background-image: url("/fizWeb/javax.faces.resource/bullet_orange.png.xhtml?ln=images") !important;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1px;
    padding-left: 23px;
    height: 12px;
}

.userAutocompleteMultiPicklist.ui-picklist  .ui-picklist-list {
    width: 300px !important;
}

.userAutocompleteMultiPicklist.ui-picklist .ui-picklist-filter {
    width: 92% !important;
}

.userAutocompleteMultiPicklist .ui-autocomplete-input.ui-inputfield
{
    width : 400px !important;
}

.userAutocompleteMultiPicklist.ui-autocomplete
{
    width : 440px !important;
}

.jobFunctionAutocompleteMultiPicklist.ui-picklist  .ui-picklist-list {
    width: 300px !important;
}

.jobFunctionAutocompleteMultiPicklist.ui-picklist .ui-picklist-filter {
    width: 92% !important;
}

.jobFunctionAutocompleteMultiPicklist .ui-autocomplete-input.ui-inputfield
{
    width : 400px !important;
}

.jobFunctionAutocompleteMultiPicklist.ui-autocomplete
{
    width : 440px !important;
}

.ui-radiobutton .ui-radiobutton-box
{
    border : 1px solid #b6babd !important;
}

.ui-selectbooleanbutton.ui-state-active
{
    border-color : #d8dcdf !important;
}

.textAlignTop
{
    vertical-align: top !important;
}

.ui-tab-wizard ul li
{
    height: 15px;
    font-size: 15px;
    margin: 0px;
    border-radius: 6px 6px 0px 0px;
}

.ui-tab-wizard ul li.ui-state-highlight
{
    color: #444444 !important;
}

.ui-chkbox .ui-state-active
{
    border: 1px solid #327e04;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #459e00
}

.ui-chkbox .ui-state-default
{
    border: 1px solid #327e04;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #459e00
}


.ui-chkbox .ui-state-focus
{
    border: 1px solid #c5fcd0;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #459e00
}

.fc td:focus
{
    outline: none;
}

.homeWidgetChooseMenu
{
    width: 350px !important;
}

/*
.tim500-even
{
    background: none repeat scroll 0 0 #FFFFFF;
}

.tim500-odd
{
    background: none repeat scroll 0 0 #EEFCDC;
}

.fa-1-5x {
    font-size: 1.5em;
}

.ui-datatable-scrollable-body
{
    overflow-x:hidden !important;
    overflow-y:auto !important;
}

.overflow_x_auto .ui-datatable-scrollable-body
{
    overflow-x:auto !important;
    overflow-y:auto !important;
}

.login-ui-button
{
    color: #459e00 !important;
}

.ui-radiobutton-box.ui-state-default
{
    background:none;
}

.svgColor
{
    filter: sepia(1) saturate(21) hue-rotate(60deg);
}
*/

.ui-panel.uiPanelContentPEP .ui-panel-content
{
    padding: 0.1em 0.1em;
}

body .ui-clock {
    background: none !important;
    color: inherit !important
}

/*This is for workaround approach purposes, because datePicker and dcaCalendar in Primefaces v10 doesn't accept ww date pattern. */
.hiddenDatePickerInput input {
    display: none !important;
}

.hiddenDatePickerInput .ui-button {
    position: inherit !important;
}

.ui-dialog .ui-dialog-content {
    max-height: 70vh;
}

.menu-wrapper .layout-menu-container .layout-menu li > ul > li.Separator
{
    border-bottom: 1px solid #c7cdd1;
    margin-left: 1px;
    margin-bottom: 2px;
    margin-top: 2px;
}

body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
    position: absolute;
    right: 0px;
    width: 2.4em;
}

.ui-fluid .ui-calendar, .ui-fluid .ui-calendar .monthPicker input {
    width: 95px;
}

.ui-state-disabled.showTooltip {
    pointer-events: all;
}

.pe-timepicker, body .pe-timepicker.ui-spinner
{
    width: 75px !important;
}
body .long-time-picker-container .pe-timepicker.ui-spinner.ui-inputwrapper-filled
{
    width: 110px !important;
}

.timeInput input
{
    width: 60px !important
}
body .ui-button.ui-button-icon-only.ui-state-disabled.buttonAsLink {
    box-shadow: none;
    background: inherit;
    color: var(--primary-color);
    border: none;
    opacity: 0.6;
}
body .ui-button.ui-button-icon-only.ui-state-default.buttonAsLink {
    box-shadow: none;
    background: inherit;
    color: var(--primary-color);
    border: none;
}
body .fa.ui-icon.fa-buttonAsLink {
    font-size: 1.5em;
    margin-top: -0.6em;
}

body .ui-button.ui-button-icon-only.ui-state-disabled {
    opacity: 0.4;
    background: #c5c9c7;
    border: 1px solid #c5c9c7;
    pointer-events: all;
}

body .ui-commandlink.ui-state-disabled {
    pointer-events: all;
}

.ui-selectonemenu.ui-state-disabled div.ui-selectonemenu-trigger.ui-corner-right .ui-icon
{
    filter: Alpha(Opacity=35) !important;
    opacity: 0.35 !important;
}

.ui-selectonemenu.ui-state-disabled
{
    filter: Alpha(Opacity=90) !important;
    opacity: 0.90 !important;
}

.errorDialog .ui-confirm-dialog-message
{
    width: 100%;
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.tim500-even
{
    background: none repeat scroll 0 0 #FFFFFF;
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.tim500-odd
{
    background: none repeat scroll 0 0 #f5f7fa;
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.tim500-even.ui-state-hover
{
    background: none repeat scroll 0 0 #edf0f5;
    color: #4B576F
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.tim500-odd.ui-state-hover
{
    background: none repeat scroll 0 0 #edf0f5;
    color: #4B576F
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.tim500-even.ui-state-highlight
{
    background: none repeat scroll 0 0 #dadde3;
    color: #4B576F
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.tim500-odd.ui-state-highlight
{
    background: none repeat scroll 0 0 #dadde3;
    color: #4B576F
}

@media screen and (max-width: 900px ) {
    .modalResponsive { width: 90% !important;}
}

.nowrp
{
    white-space: nowrap;
}

body .ui-divider.ui-divider-vertical {
    margin: 0 0.5rem;
    padding: 0.5rem 0;
}

hr {
    margin: 0.3rem 0 !important;
}

.flex-vcenter {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1300px ) {
    .colWidthInfo { width: 150px !important;}

    .colWidthInfoOpt { width: 80px !important;}

    .minWidth100 { width: 120px !important;}

    .maxWidth20 { width: 20px !important;}
}

@media screen and (max-width: 1100px ) {
    .colWidthInfo { width: 100px !important;}

    .colWidthInfoOpt { width: 50px !important;}

    .minWidth100 { width: 100px !important;}

    .maxWidth20 { width: 20px !important;}
}

@media screen and (max-width: 900px ) {
    .colWidthInfo { width: 100px !important;}

    .colWidthInfoOpt { width: 50px !important;}

    .minWidth100 { width: 100px !important;}

    .maxWidth20 { width: 20px !important;}
}

.width100 { width: 100px !important;}

.maxWidth20 { width: 20px !important;}

.maxWidth50 { width: 50px !important;}

.ui-wizard-step-title {
    font-size: 14px;
}
.dropzone-target.ui-state-drag {
    outline: 2px dashed #505050;
    border-radius: 4px;
    outline-offset: -2px;
}
.dropzone-visible {
    color: #505050;
    width: 100%;
    height: 75px;
    outline: 2px dashed currentColor;
    border-radius: 4px;
    outline-offset: -2px;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 10px; /* space between the shadow and the text */
}
.ui-state-drag .dropzone-visible {
    color: #25A4D4;
    box-shadow: 0 0 10px -2px currentColor inset;
    outline-style: dotted;
}
.pep-fileupload-onlyMessage.ui-fileupload-withdropzone > .ui-fileupload-buttonbar,
.pep-fileupload-onlyMessage.ui-fileupload-withdropzone > .ui-fileupload-content > .ui-fileupload-files {
    display:none;
}
.pep-fileupload-onlyMessage.ui-fileupload-withdropzone > .ui-fileupload-content {
    border: 0;
}
.pep-fileupload-onlyMessage.ui-fileupload-withdropzone > .ui-fileupload-content > .ui-messages > * {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.PEPcard {
    border-radius: 2px;
    background: #ffffff;
    padding: 3px 3px;
    box-sizing: border-box;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 2px;
}

.org-node-plan-user-version-state-rel {
    background-image: url("/fizWeb/javax.faces.resource/bullet_green.png.xhtml?ln=images") !important;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1px;
    padding-left: 23px;
    padding-bottom: 6px;
    height: 10px;
}

.org-node-plan-user-version-state-not-rel {
    background-image: url("/fizWeb/javax.faces.resource/bullet_orange.png.xhtml?ln=images") !important;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1px;
    padding-left: 23px;
    padding-bottom: 6px;
    height: 10px;
}

.org-node-plan-user-version-state-day-rel {
    background-image: url("/fizWeb/javax.faces.resource/bullet_green.png.xhtml?ln=images") !important;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1px;
    padding-left: 23px;
    height: 10px;
}

.org-node-plan-user-version-state-day-not-rel {
    background-image: url("/fizWeb/javax.faces.resource/bullet_orange.png.xhtml?ln=images") !important;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1px;
    padding-left: 23px;
    height: 10px;
}

.wizardFlex {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.wizardFlex .ui-wizard-content {
    flex-grow: 10;
}

.panel100 {
    height: 100%;
}

.panel100 .ui-panel-content {
    height: 100%;
}

.ui-selectmanycheckbox.treeCantons .ui-md-1 {
    padding: 0.2em !important;
}

body .ui-selectmanycheckbox label {
    margin: 0 0 0 5px;
}

span.fa-comment-o.fa-1-5x.greenColor,
span.fa-comment-o.fa-1-5x.redColor {
    margin-left: -10px;
    margin-top: -12px;
}

/* Page: dept.xhtml; CrudDialog has a ColorPicker, that has not enougth space to fit into. Disable the clipping of that Dialog, as long as the Picker is open */
#crudDialog:has( #clr-picker.clr-open) {
    overflow: visible;
}

/** Sitebar */
/* overwrite styles to enable submenus in submenus to be displayed and have the correct colors */
.layout-slim #menuform .ui-tieredmenu.ui-menu .layout-menu .ui-menu-list {
    overflow: visible;
    padding: 4px;
    /* "It is ok, that the menu will escape the Viewport, if the Menu is bigger than the Viewport" - Luc, 25/05/2023 */
}

/* overwrite default anoying tieredmenu styles */
#menuform .ui-tieredmenu.ui-menu {
    width: auto;
    background: transparent;
    border: none;
}

/* Point Chevron down instead of right */
.layout-mobile-active #menuform .ui-tieredmenu.ui-menu .layout-submenu-toggler.pi-chevron-right ,
.layout-static #menuform .ui-tieredmenu.ui-menu .layout-submenu-toggler.pi-chevron-right {
    transform: rotate(90deg);
}

/* overwrite several styles; using important to cancel the JavaScript Relocation to place in an Ordering list */
.layout-mobile-active #menuform .ui-tieredmenu.ui-menu .layout-menu .ui-menu-list ,
.layout-static #menuform .ui-tieredmenu.ui-menu .layout-menu .ui-menu-list {
    width: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
    box-shadow: none;
    background: transparent;
    top: unset !important;
    left: unset !important;
}
/* disable wierd TieredMenu Spacing */
#menuform .ui-tieredmenu.ui-menu {
    padding: 0px;
}

/* active-menuitem overwrites tieredmenu active state */
.layout-mobile-active #menuform .ui-tieredmenu.ui-menu .layout-menu > .layout-root-menuitem > .ui-menu-list ,
.layout-mobile-active #menuform .ui-tieredmenu.ui-menu .layout-menu .active-menuitem .ui-menu-list ,
.layout-static #menuform .ui-tieredmenu.ui-menu .layout-menu > .layout-root-menuitem > .ui-menu-list,
.layout-static #menuform .ui-tieredmenu.ui-menu .layout-menu .active-menuitem .ui-menu-list {
    display: block !important;
}

/* offset all submenus in submenus in rootmenu */
.layout-mobile-active #menuform .ui-tieredmenu.ui-menu .layout-menu ul.ui-menu-list ul.ui-menu-list ,
.layout-static #menuform .ui-tieredmenu.ui-menu .layout-menu ul.ui-menu-list ul.ui-menu-list {
    right: -10px;
    width: calc(100% - 10px);
}

/* cancel out the tieredmenu default Style in menu */
.layout-mobile-active #menuform .ui-tieredmenu.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link.ui-state-hover:not(:hover):not(:focus-visible),
.layout-static #menuform .ui-tieredmenu.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link.ui-state-hover:not(:hover):not(:focus-visible),
.layout-slim #menuform .ui-tieredmenu.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active:not(.ui-menu-parent) > .ui-menuitem-link.ui-state-hover:not(:hover):not(:focus-visible)
{
    background: transparent;
}

/* cancel out some of the tieredmenu default Style in menu */
#menuform .ui-tieredmenu.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem .ui-menuitem-link {
    padding: 2px 12px 2px 9px;
}

#menuform .ui-tieredmenu.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem .ui-menuitem-link ,
#menuform .ui-tieredmenu.ui-menu .ui-menuitem-link {
    border-radius: 2px;
    outline: revert; /* poor accessibility features just get disabled :( . Here! have em Back */
}

/* cancel out the tieredmenu default Style in menu */
#menuform .ui-tieredmenu.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text,
#menuform .ui-tieredmenu.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon,
#menuform .ui-tieredmenu.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon {
    color: unset;
}

/* Some nice Animation for the Currently opening / closing Submenu Item */
#menuform .ui-tieredmenu.ui-menu .ui-menu-list .ui-menu-parent.active-menuitem .ui-menuitem-link .layout-submenu-toggler {
    transform: rotate(270deg);
}

/* StaticMenu Normal Item : Keyboard Access */
.layout-static #menuform .ui-tieredmenu.ui-menu .ui-menu-list .ui-menuitem:not(.ui-menu-parent) > .ui-menuitem-link:focus-visible,
    /* StaticMenu Submenu Opener : Keyboard Access */
.layout-static #menuform .ui-tieredmenu.ui-menu .ui-menu-list .ui-menuitem.ui-menu-parent > .ui-menuitem-link:focus-visible,
    /* SlimMenu Submenu Openers : All Access ;enable root menus to be painted when hovered */
.layout-slim #menuform .ui-tieredmenu.ui-menu .ui-menu-list .layout-root-menuitem.ui-menuitem-active > .ui-menuitem-link,
    /* SlimMenu Normal Item in Root : Mouse Access */
.layout-slim #menuform .ui-tieredmenu.ui-menu .layout-menu.ui-menu-list > .ui-menuitem.ui-menuitem-active:hover:not(.ui-menu-parent) > .ui-menuitem-link,
    /* SlimMenu Submenu Item in Root : Mouse Access */
.layout-slim #menuform .ui-tieredmenu.ui-menu .layout-menu.ui-menu-list > .ui-menuitem > .ui-menuitem-link:hover
{
    background: var(--primary-color);
}

/* State Badges => Due to ui-badge beeing used at different places, it is useless for this, therefore i made one that works dynamicly based on the background color */
body .fiz-badge {
    padding: 0 .5rem;
    text-align: left;
    color: rgba(0 0 0 / 0.5);
    /* fallback color */
    background: hsl(313, 100%, 82%);
    font-weight: bold;
    letter-spacing: 0.03rem;
    line-height: 1.5rem;
    display: inline-block;
    border-radius: 4px;
    width: 100%;
}
.fiz-badge.fiz-badge-absencedocument-00,
.fiz-badge.fiz-badge-expense-0,
.fiz-badge.fiz-badge-expense-,
.fiz-badge.fiz-badge-inventory-0,
.fiz-badge.fiz-badge-open,
.fiz-badge.fiz-badge-orgNodeVacant-0,
.fiz-badge.fiz-badge-shiftExchange-0,
.fiz-badge.fiz-badge-shopMonthlyData-0,
.fiz-badge.fiz-badge-springerContractRequest-0,
.fiz-badge.fiz-badge-userSupport-0,
.fiz-badge.fiz-badge-vacationpurchase-0,
.fiz-badge.fiz-badge-vacationRequest-0,
.fiz-badge.fiz-badge-weekplanVersion-0,
.fiz-badge.fiz-badge-missingstamprequest-0,
.fiz-badge.fiz-badge-emergencyservice-0,
.fiz-badge.fiz-badge-monthclosing-0
{
    background: #ecec46;
    /*    background: #f3f98e; */
}
.fiz-badge.fiz-badge-other,
.fiz-badge.fiz-badge-expense-5,
.fiz-badge.fiz-badge-expense-A,
.fiz-badge.fiz-badge-expense-B,
.fiz-badge.fiz-badge-expense-C,
.fiz-badge.fiz-badge-expense-D,
.fiz-badge.fiz-badge-expense-E,
.fiz-badge.fiz-badge-vacationRequest-1,
.fiz-badge.fiz-badge-vacationRequest-2,
.fiz-badge.fiz-badge-vacationRequest-3,
.fiz-badge.fiz-badge-absencedocument-09,
.fiz-badge.fiz-badge-vacationpurchase-5,
.fiz-badge.fiz-badge-vacationpurchase-7,
.fiz-badge.fiz-badge-monthclosing-T,
.fiz-badge.fiz-badge-stampsstate-odd,
.fiz-badge.fiz-badge-inventory-1,
.fiz-badge.fiz-badge-weekplanVersion-1
{
    background: #80ccff;
    /*     background: #0099ff; */
}

.fiz-badge.fiz-badge-expense-validated {
    background: #ffcc80;
    /*     background: #FC9703; */
}

.fiz-badge.fiz-badge-absencedocument-99,
.fiz-badge.fiz-badge-expense-approved,
.fiz-badge.fiz-badge-expense-9,
.fiz-badge.fiz-badge-expense-Z,
.fiz-badge.fiz-badge-inventory-9,
.fiz-badge.fiz-badge-orgNodeVacant-9,
.fiz-badge.fiz-badge-shiftExchange-9,
.fiz-badge.fiz-badge-shopMonthlyData-9,
.fiz-badge.fiz-badge-springerContractRequest-9,
.fiz-badge.fiz-badge-userSupport-1,
.fiz-badge.fiz-badge-vacationpurchase-9,
.fiz-badge.fiz-badge-vacationRequest-9,
.fiz-badge.fiz-badge-weekplanVersion-9,
.fiz-badge.fiz-badge-missingstamprequest-9,
.fiz-badge.fiz-badge-emergencyservice-9,
.fiz-badge.fiz-badge-monthclosing-9,
.fiz-badge.fiz-badge-monthclosing-8
{
    background: #80ff80;
    /*     background: #00e600; */
}

.fiz-badge.fiz-badge-expense-rejected,
.fiz-badge.fiz-badge-expense-8,
.fiz-badge.fiz-badge-absencedocument-08,
.fiz-badge.fiz-badge-vacationRequest-8,
.fiz-badge.fiz-badge-vacationpurchase-8,
.fiz-badge.fiz-badge-shiftExchange-8,
.fiz-badge.fiz-badge-orgNodeVacant-B,
.fiz-badge.fiz-badge-orgNodeVacant-R,
.fiz-badge.fiz-badge-userSupport-9,
.fiz-badge.fiz-badge-springerContractRequest-8,
.fiz-badge.fiz-badge-weekplanVersion-8,
.fiz-badge.fiz-badge-missingstamprequest-8,
.fiz-badge.fiz-badge-emergencyservice-8,
.fiz-badge.fiz-badge-monthclosing-R
{
    background: #ff8080;
    /*     background: #FF0D0D; */
}

.fiz-badge.fiz-badge-vacationRequest-P,
.fiz-badge.fiz-badge-orgNodeVacant-5,
.fiz-badge.fiz-badge-stampsstate-even
{
    background: #D3ADFF;
}

.fiz-badge.fiz-badge-vacationRequest-7,
.fiz-badge.fiz-badge-orgNodeVacant-5
{
    background: #cccccc;
}
.fiz-badge.fiz-badge-wplWeekYes
{
    background: #C6E0B4;
    text-align: center;
}
.fiz-badge.fiz-badge-wplWeekNo,
.fiz-badge.fiz-badge-invalidProcesses
{
    background: #ED7D31;
    text-align: center;
}
.fiz-badge.fiz-badge-inventory-8
{
    background: #1dd21a;
}
body .fiz-badge-autowidth {
    width: unset;
}

.line-disabled
{
    background: #ff8080;
}
.line-corrected
{
    background: #a0e0a0;
}
.line-currentActivity
{
    background: #f4cffa;
}
/********************************/
/* Musterplan styles            */
/********************************/
body .fiz-datatable-narrow .ui-datatable-scrollable-header thead > tr > th,
body .fiz-datatable-narrow .ui-datatable-scrollable-footer tfoot > tr > td {
    padding: 1px 10px;
}
body .fiz-datatable-narrow .ui-datatable-scrollable-body .ui-datatable-data > tr > td {
    padding: 1px 3px;
}
/* heatmap default color */
body .musterPlan .fc-timegrid-slot-label-cushion > span:nth-of-type(1) {
    background-color: #D9D9D9;
}
body .musterPlan .fc-timegrid-slot-label-cushion > span:nth-of-type(2) {
    background-color: #E2EFDA;
}
body .musterPlan .fc-timegrid-slot-label-frame.fc-scrollgrid-shrink-frame {
    background-color: #d6d6d6;
}
body .musterPlan .timewindow_morning .fc-timegrid-slot-label-frame.fc-scrollgrid-shrink-frame {
    background-color: #fea998;
}
body .musterPlan .timewindow_afternoon .fc-timegrid-slot-label-frame.fc-scrollgrid-shrink-frame {
    background-color: #fee0a9;
}

/* Used in home.xhtml */
.fiz-home-badge {
    position: relative;
    overflow: visible;
}

.fiz-home-badge.fiz-badge-fancy {
    outline: 2px solid currentColor;
    padding: 0px 4px;
    border-radius: 4px;
    color: #ec0000;
    position: relative;
    top: 0px;
    right: 0px;
    font-weight: 400;
    background: #ff000010;
    z-index: 3;
    display: inline;
    margin-left: 1px;
    font-size: 9px;
}

.fiz-home-badge.fiz-badge-fancy::before {
    content: " ";
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 6px;
    left: 15px;
    z-index: -1;
    background: repeating-conic-gradient(from 45deg at center, transparent 0deg 5deg, #ff08083b 10deg 20deg, transparent 25deg 30deg);
    -webkit-mask-image: radial-gradient(black 0, transparent 65%);
    background-blend-mode: overlay;
    animation: linear anim-home-badge-spin 2.4s infinite;
}

li.treeSubTree > div > span > span.ui-icon {
    color: red;
}
li.treeOneNode > div > span > span.ui-icon {
    color: blue;
}

@media (prefers-reduced-motion) {
    .fiz-home-badge.fiz-badge-fancy::before {
        display: none;
        content: revert;
        animation: none;
    }
}

@keyframes anim-home-badge-spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(30deg);
    }
}