.monogram {
    border-radius: 9px;
    font-size: 16px;
    font-weight: 500;
    width: 30px;
    min-height: 30px;
    text-align: center;    
    padding-top: 2px;
    background-color: #FFFFD8;
    color: #000;
    border: 1px solid #555;    
}


div.d2workers div, div.d2workers {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    border: none;
    position: relative;
}

#d2wmain, #d2wmain div.d2workers-row, #d2wmain div.d2workers-headrow {
    width: 100%;
    clear: both;
}

#d2wmain div.d2workers-strips {
    min-width: 50px;
    display: none;
    /*
    background-color: #EEF;
    display: none;
    */
}

#d2wmain div.d2workers-mail, #d2wmain div.d2workers-fmail {
    width: 25px;
    display: none;
}

#d2wmain[mode-mails="0"] .d2workers-mail {
    display: block;
}
#d2wmain[mode-mails="1"] .d2workers-fmail {
    display: block;
}
#d2wmain[mode-mails="0"] .d2workers-fmail { display: block;}


#d2wmain[mode-mails="-1"] .d2workers-row-head,
#d2wmain[mode-mails="-1"] .d2workers-headrow-head{
    width: 250px;
}

.d2jobs-monogram {
    border-radius: 6px;    
    position: absolute;
    max-height: 30px;
    margin: auto;
    top: 2px;    
    right: -1px;
    /*
    bottom: 0;
    left: 0;
    */
    z-index: 402;
    opacity: 0.65;
}

#table2-jobs[mode-monograms="-1"] .d2jobs-monogram {
    display: none;
}
#table2-jobs[mode-monograms="1"][mode-clocks="1"] td.td2-jobs.td2day {
    height: 56px; 
}
#table2-jobs[mode-monograms="0"] .td2-jobs.unavail1,
#table2-jobs[mode-monograms="1"] .td2-jobs.unavail1{
    opacity: 0.35;
}
#table2-jobs[mode-monograms="1"][mode-clocks="1"] .td2-jobs.unavail1 {
    background-position-y: 34px;
}
#table2-jobs[mode-monograms="1"] .d2jobs-monogram {
    margin: 0px;
    top: inherit;    
    bottom: 0px;    
    opacity: 1;
}
#table2-jobs[mode-monograms="0"][mode-clocks="1"] .d2jobs-monogram {
    pointer-events: none;
}

.d2jobs-ginfo {
    position: relative;
    display: inline-block;    
    color: #f87800;
    position: absolute;
    left: 124px;
    top: 4px;
    font-style: italic;
    font-size: 8.5px;
    cursor: pointer;
}
.d2jobs-ginfo:hover {
    opacity: 0.75;
}



/*
#table2-jobs[mode-monograms="0"] .d2jobs-monogram {
    opacity: 0.6;
    border: none !important;
    background-color: transparent !important;
    color: #060101 !important;    
    font-size: 17px !important;
    pointer-events: none;
}
*/


#d2wmain div.d2workers-namepart {
    /*width: 200px;*/
    /*width: 225px;*/
    width: 250px;
}

#d2wmain.h24 div{ height: 24px;}
#d2wmain.h36 div{ height: 36px;}
#d2wmain.h48 div{ height: 48px;}

#d2wmain .d2workers-headrow.h24, #d2wmain .d2workers-row.h24, 
#d2wmain .d2workers-row.h24 div, #d2wmain .d2workers-headrow.h24 div{ height: 24px;}
#d2wmain .d2workers-headrow.h36, #d2wmain .d2workers-row.h36 div, 
#d2wmain .d2workers-headrow.h36 div{ height: 36px;}
#d2wmain .d2workers-headrow.h48, #d2wmain .d2workers-row.h48 div, 
#d2wmain .d2workers-headrow.h48 div{ height: 48px;}

#d2wmain div.d2workers-row-days, #d2wmain div.d2workers-headrow-days {
    float: none;
    overflow: hidden;
    display: block;
}

/*
#d2wmain.d28 div.d2workers-row-daycell, #d2wmain.d28 div.d2workers-headrow-daycell,
#d2dayline.d28 .d2dayline { width: 3.5714%;}
#d2wmain.d29 div.d2workers-row-daycell, #d2wmain.d29 div.d2workers-headrow-daycell,
#d2dayline.d29 .d2dayline { width: 3.4482%;}
#d2wmain.d30 div.d2workers-row-daycell, #d2wmain.d30 div.d2workers-headrow-daycell,
#d2dayline.d30 .d2dayline { width: 3.3333%;}
#d2wmain.d31 div.d2workers-row-daycell, #d2wmain.d31 div.d2workers-headrow-daycell,
#d2dayline.d31 .d2dayline { width: 3.2258%;}
*/
#d2wmain.s1 div.d2workers-row-daycell-seg { width: 100%;}
#d2wmain.s2 div.d2workers-row-daycell-seg { width: 50%;}

#d2wmain[mode-wplan="-1"] .d2workers-row-dayjob:not(.jobjob), 
#d2wmain .d2workers-row[mode-wplan="-1"] .d2workers-row-dayjob:not(.jobjob) {display: none;}
#d2wmain[mode-demands="-1"] .d2workers-row-daycell-seg, 
#d2wmain .d2workers-row[mode-demandsn="-1"] .d2workers-row-daycell-seg {display: none;}

#d2wmain[mode-demands="0"] .d2workers-row-daycell-seg,
#d2wmain .d2workers-row[mode-demands="0"] .d2workers-row-daycell-seg {
    opacity: 0.5;
}

#d2wmain[mode-wplan="0"] .d2workers-row-dayjob, 
#d2wmain .d2workers-row[mode-wplan="0"] .d2workers-row-dayjob {
    position: absolute; top: 0px; left: 0px; width: 100%; z-index: 5;
    opacity: 0.7;
}

#d2wmain[mode-wplan="1"] .d2workers-row-dayjob,
#d2wmain .d2workers-row[mode-wplan="1"] .d2workers-row-dayjob {
    position: absolute; top: 0px; left: 0px; width: 100%; z-index: 10;
}

#d2wmain[mode-smdov="1"] div, 
#d2wmain .d2workers-row[mode-smdov="1"] div {
    height: 36px;
}




#d2wmain[mode-wplan="1"][mode-demands="1"] div,
#d2wmain .d2workers-row[mode-wplan="1"][mode-demands="1"] div {
    height: 48px;/*64px*/
}
#d2wmain[mode-wplan="1"][mode-demands="1"] .d2workers-row-dayjob,
#d2wmain .d2workers-row[mode-wplan="1"][mode-demands="1"] .d2workers-row-dayjob {
    position: relative;
    height: 24px;    
}
#d2wmain[mode-wplan="1"][mode-demands="1"] .d2workers-row-daycell-seg,
#d2wmain .d2workers-row[mode-wplan="1"][mode-demands="1"] .d2workers-row-daycell-seg {
}

#d2wmain[mode-wplan="1"][mode-demands="0"] .d2workers-row-dayjob,
#d2wmain .d2workers-row[mode-wplan="1"][mode-demands="0"] .d2workers-row-dayjob {
    opacity: 1;
}
#d2wmain[mode-wplan="1"][mode-demands="0"] .d2workers-row-daycell-seg,
#d2wmain .d2workers-row[mode-wplan="1"][mode-demands="0"] .d2workers-row-daycell-seg {
    opacity: 0.3;       
}


#d2wmain[mode-wplan="0"][mode-demands="1"] .d2workers-row-dayjob,
#d2wmain .d2workers-row[mode-wplan="0"][mode-demands="1"] .d2workers-row-dayjob {
    z-index: -1;
    opacity: 0.4;
}
#d2wmain[mode-wplan="0"][mode-demands="1"] .d2workers-row-daycell-seg,
#d2wmain .d2workers-row[mode-wplan="0"][mode-demands="1"] .d2workers-row-daycell-seg {
    opacity: 0.7;       
}


#d2wmain[mode-wplan="0"][mode-demands="0"] .d2workers-row-dayjob,
#d2wmain .d2workers-row[mode-wplan="0"][mode-demands="0"] .d2workers-row-dayjob {    
    opacity: 0.7;
    z-index: 10;
}
#d2wmain[mode-wplan="0"][mode-demands="0"] .d2workers-row-daycell-seg,
#d2wmain .d2workers-row[mode-wplan="0"][mode-demands="0"] .d2workers-row-daycell-seg {
    opacity: 0.6;       
}

#d2wmain[mode-wplan] .d2workers-jobrow[jobrow="1"],
#d2wmain[mode-wplan] .d2workers-jobrow[jobrow="1"] div {
    height: 24px;
}

#d2wmain[mode-wplan] .d2workers-sumrow[sumrow="1"],
#d2wmain[mode-wplan] .d2workers-sumrow[sumrow="1"] div {
    height: 24px;
}

#d2wmain[mode-wplan] .d2workers-inforow[inforow="1"],
#d2wmain[mode-wplan] .d2workers-inforow[inforow="1"] div {
    height: 24px;
    background-color: inherit !important;
}



/*
#d2wmain div.d2workers-row {
    border-bottom: 1px solid #EEE;
}
#d2wmain .d2workers-row:hover {
    background-color: rgba(255,255,0,0.24);
    border-bottom: 1px solid #FFBB00 !important;
}
#d2wmain .d2workers-row:hover:after {
    content: " ";
    position: absolute;
    left: 0px;
    top: -1px;
    width: 100%;
    height: 1px;
    background-color: #FFBB00;
    z-index: 100;        
}
*/

/*
#d2wmain .d2workers-jobrow:nth-child(2n) {
  background-color: #F8F8FF;
}
#d2wmain .d2workers-jobrow:nth-child(2n+1) {
  background-color: #F8F3FD;
}
*/

#d2wmain .d2workers-jobrow:nth-child(2n+1) {
  background-color: #FFFFFF;
}

#d2wmain div.d2workers-row .top-border {
    position: absolute;
    top: -1px;
    left: 0px;
    width: 100%;
    height: 1px !important;
    background-color: #FFBB00;
    pointer-events: none;    
    z-index: 1000;
    display: none;
}
#d2wmain div.d2workers-row .bottom-border {
    position: absolute;
    bottom: 0px;
    left: 0px;    
    width: 100%;
    height: 1px !important;
    background-color: #EEE;
    pointer-events: none;
    z-index: 0;
}


#d2wmain .d2workers-row-head, #d2wmain .d2workers-headrow-head {
    /*width: 275px;*/
    width: 300px;
}

#d2wmain .d2workers-headrow-days {
    text-align: center;    
}

#d2wmain .d2workers-headrow-days .d2workers-headrow-daycell,
#d2dayline .d2dayine{
    font-weight: 700;
    border-bottom: 4px solid #30cbdc;    
    color: #30cbdc; 
    top: -4px;
}
#d2wmain .d2workers-headrow-days .d2workers-headrow-daycell.htype1,
#d2wmain .d2workers-headrow-days .d2workers-headrow-daycell.htype3 {
    color: #d837d8;
    border-bottom: 4px solid #d837d8;
}
#d2wmain .d2workers-headrow-days .d2workers-headrow-daycell.htype0 {
    color: #777;
    border-bottom: 4px solid #c4c4c4;
}

#d2wmain .d2workers-row-dayjob {
    width: 100%; 
    height: 24px !important;
    overflow: hidden;
}
#d2wmain .d2workers-row-daycell-seg {
    height: 24px !important;
}

#d2wmain .d2workers-row-noclaim {
    font-size: 12px;
    font-style: italic;
    color: white;    
    background-color: rgba(52, 100, 153, 0.45);    
    opacity: 1;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    z-index: 30;
    float: none;
    height: 18px !important;
    border-radius: 7px;
    padding-left: 5px;
    padding-right: 5px;
    pointer-events: none;
}

#d2wmain .d2workers-row.hasclaim1 .d2workers-row-noclaim {
    display: none;
}


.d2icon32 {
    position: relative;
    display: inline-block;      
    height: 32px;
    max-height: 32px;
    width: 32px;
    padding-left: 32px;
    padding-top: 32px;  
    background-repeat: no-repeat;  
    background-position: 0px 0px;        
    cursor: pointer;
    z-index: 10;
}
.d2icon32[d2btn-state="-1"] {
    background-position: 0px -64px;    
}
.d2icon32[d2btn-state="1"] {
    background-position: 0px -96px;
}
.d2icon32:hover:before {
    /*
    background-position: 0px -96px;    
    border: 2px solid red;
    */
    content: " ";
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(200,255,0,0.4);
    position: absolute;
    z-index: 3;
}

.d2icon-demands {
    background-image: url(../images/ico_demands_btn32.png);
}
.d2icon-notes {
    background-image: url(../images/ico_notes_btn32.png);    
}
.d2icon-wplan {
    background-image: url(../images/ico_wplan_btn32.png);    
}
.d2icon-mails {
    background-image: url(../images/ico_mails_btn32.png);    
}
.d2icon-infos {
    background-image: url(../images/ico_infos_btn32.png);    
}
.d2icon-hdays {
    background-image: url(../images/ico_hdays_btn32.png);    
}
.d2icon-monograms {
    background-image: url(../images/ico_monograms_btn32.png);    
}
.d2icon-clocks {
    background-image: url(../images/ico_clocks_btn32.png);    
}
.d2icon-mouseover {
    background-image: url(../images/ico_mouseover_btn32.png);    
}
.d2icon-smdov {
    background-image: url(../images/ico_smdov_btn32.png);    
}



#d2wmain .d2workers-row-dayjob .short-div {
    left: 0;
    right: 0;
    width: 25px !important;    
    min-width: 25px !important;
    transform-origin: top left;    
    max-width: 27px;
    margin: auto;
    float: none;
}

#d2wmain .d2workers-row-daycell-seg[ctype_g="1"]  {background-color: #5ea85e;}
/*#d2wmain .d2workers-row-daycell-seg[ctype_g="-1"] {background-color: #d85a5a;}*/
#d2wmain .d2workers-row-daycell-seg[ctype_g="-1"] {background-color: #e61a1a;}
#d2wmain .d2workers-row-daycell-seg[ctype_g="-2"] {background-color: #e68201;}
#d2wmain .d2workers-row-daycell-seg[ctype_g="-4"] {background-color: #c203ff;/*#b93ae2;*/}
#d2wmain .d2workers-row-daycell-seg[ctype_g="-3"] {background-color: #3a77e2;}
#d2wmain .d2workers-row-daycell-seg[ctype_g="-5"] {background-color: #826c64;}


#d2wmain.rounded .d2workers-row-daycell-seg:not([ctype_g="0"]) {
    border-radius: 12px;
    /*border-right: 1px solid white;*/
}

#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="1"][lctype_g="1"],
#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="-1"][lctype_g="-1"],
#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="-2"][lctype_g="-2"],
#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="-4"][lctype_g="-4"],
#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="-3"][lctype_g="-3"],
#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="-5"][lctype_g="-5"] {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="1"][rctype_g="1"],
#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="-1"][rctype_g="-1"],
#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="-2"][rctype_g="-2"],
#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="-4"][rctype_g="-4"],
#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="-3"][rctype_g="-3"],
#d2wmain.rounded .d2workers-row-daycell-seg[ctype_g="-5"][rctype_g="-5"] {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right: none;
}

#d2wmain .d2workers-row-daycell-seg {
    cursor: pointer;
}
/*
#d2wmain .d2workers-row-daycell-seg:hover:before {
    content: " ";
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
    background-color: rgba(0,0,0,0.4);
    border-radius: 24px;    
    position: absolute;
    z-index: 3;    
}
*/

/*
#d2wmain .d2workers-row-daycell-seg.selected:after {    
    content: " ";
    width: 50%;
    height: 50%;
    top: 25%;
    left: 25%;
    background-color: rgba(255,255,230,0.7);
    border: 2px solid rgba(0,0,0,0.7);
    border-radius: 24px;
    /* border: 2px solid rgba(255,255,255,0.6); /
    position: absolute;
    z-index: 5;    
}
*/

.small-section-name {
    font-size: 12px;
    font-style: italic;
    color: #BBB;
}

.zero-opacity .calendar-icon-blue {
    opacity: 0;
}

#nc2shift-hint {
    display: none;
}
#calendar2-body:hover #nc2shift-hint {
    display: block;
}

#ctrl-hint {
    display: none;
}
#seediv-calendar:hover #ctrl-hint {
    display: block;
}

#d2wmain.smooth .d2workers-row-daycell {
    /*transform: scaleX(1.09);*/
    /*transform: scaleX(1.04);*/
    transform: scaleX(1.04);
    
    transform-origin: center -1px;
}

#d2wmain.smooth .d2workers-row-daycell[colid] {
    transform: scaleX(1.08);
}

.d2jobs-jh-div {
    font-size: 13px;
    color: #68af68;    
    position: absolute;
    left: 42px;
    top: 18px;
    height: 18px;
    width: 100%;
}

#table2-jobs .gunavail .tinfo {
    color: #78bf78; 
}

.d2jobs-jh {
    position: relative;
    display: inline-block;
    font-style: italic;    
    cursor: text;
    width: 35px
}
.d2jobs-jh:hover {
    color: #ff530e;    
}
#table2-jobs .tinfo:hover {
    color: #000080;
    /*#ff530e;*/
}

.d2jobs-jh-3 {    
    width: 30px;    
    position: absolute;
    bottom: 0px;
    left: 85px;      
}
.d2jobs-jh-0 {
    display: inline-block;
    font-style: italic;        
    color: #A7A7A7;
    position: absolute;
    bottom: 0px;
    right: 49px;  
    font-size: 10px;    
}
.d2jobs-jh-0:after{
    content:" h";
}
.d2jobs-jh-3:before{
    content:"p";
}

#jobs2-top-left {
    min-width: 280px;   
}

#table2-jobs .tinfo {
    z-index: 310;
    background-color: rgba(240,255,210,0.4);
    cursor: text;    
}
#table2-jobs .tinfo:hover {    
    background-color: rgba(255,255,238,1);
}

#d2setjob-main .jhinput-editable:after {
    content:" ";    
    position: absolute;
    width: 140%;
    height: 160%;
    left: -20%;
    top: -30%;
    z-index: 309;
}

#d2setjob-main .jhinput-editable {
    z-index: 310;
    cursor: text;
    position: relative;
}
/*#d2setjob-main .jhinput-editable:hover {    */
/*    background-color: rgba(255,255,238,1);*/
/*    color: #000080;*/
/*}*/

#d2setjob-main .jhinput-editable[jhix="3"]:before{
    content:"p";
}

#setworker-caption-time .jhinput-editable {
    z-index: 310;
    cursor: text;
    position: relative;
}
#setworker-caption-time .jhinput-editable:hover {    
    background-color: rgba(255,255,238,1);
    color: #000080;
}

#setworker-caption-time .jhinput-editable[jhix="3"]:before{
    content:"p";
}


#jh-inplace {
    display: inline-block;
    position: absolute;
    z-index: 10000;
    left: -10%;
    top: -5%;
    min-width: 30px;
    min-height: 14px;
    width: 130%;
    height: 115%;
    border: 1px solid red;
    text-indent: 2px;
    margin: 0px;
    padding: 0px;
    color: red;
    background-color: #ccddff;
    overflow: hidden;    
    -ms-overflow-style: none;        
}

#d2wmain[mode-infos="-1"] .d2workers-row-noclaim {
    display: none;
}
#d2wmain[mode-infos="0"] .d2workers-row-noclaim {
    z-index: -1;
}
#d2wmain[mode-infos="1"] .d2workers-row-noclaim {
    background-color: rgba(52, 100, 153, 0.8);
}

#d2wmain .d2workers-dayborder {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 94%;
    height: 100%;
    z-index: -2;
    border: none;
    border-left: 1px solid rgba(128,128,128,0.25);    
    background-color: rgba(0,255,255,0.12);
    pointer-events: none;
}
#d2wmain[mode-hdays="-1"] .d2workers-dayborder {
    display: none;
}
#d2wmain[mode-hdays="0"] .d2workers-dayborder {
}
#d2wmain[mode-hdays="1"] .d2workers-dayborder {    
    z-index: 3;    
    background-color: rgba(0,255,255,0.22);    
    border-color: rgba(96,96,96,0.35);
}
#d2wmain[mode-hdays="1"] div.d2workers-row {        
    border-color: rgba(96,96,96,0.35);
}
#d2wmain[mode-hdays="1"] .d2workers-dayborder.htype1,
#d2wmain[mode-hdays="1"] .d2workers-dayborder.htype3 {    
    background-color: rgba(240,120,255,0.22);        
}
#d2wmain[mode-hdays="0"] .d2workers-dayborder.htype1,
#d2wmain[mode-hdays="0"] .d2workers-dayborder.htype3 {    
    background-color: rgba(240,120,255,0.12);        
}
#d2wmain .d2workers-dayborder.htype0 {
    background: none;
}



.d2notetable-footnote-wrap {
	clear: both;
	overflow: hidden;
/*	border-top: 2px solid #bebebe;*/
	border-top: 2px solid #666;
	padding-top: 2px;
        padding-bottom: 8px;
        position: relative;
        top: -4px;
}
/*
.nthide .d2notetable-footnote-wrap {
	display: none;
}
*/
.d2notetable-footnote-div {
	display: block;
	text-align: justify;
	/*margin-right: -25px;*/
}

.d2notetable-footnote {
	display: inline-block;
}
.d2notetable-footnote-separate .d2notetable-footnote {
	clear: both;
}
.d2notetable-footnote-text {
	color: #4e4444;
	font-size: 15px;
	padding-right: 25px;
}
.d2notetable-footnote-number {
	color: #447499;
	font-size: 17px;
	font-weight: 600;
        padding-right: 4px;
}

#d2wmain .d2notebody {
    position: absolute;
    bottom: 0px;
/*    
    height: 17px;
    max-height: 17px;
*/
    height: 23px;
    max-height: 23px;

    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid rgba(32,32,255,1);;
    border-radius: 5px;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*z-index: 2000;*/
    z-index: 1000;
    text-align: center;        
    color: #00ffa3;
    pointer-events: none;
    background-color: rgba(0,32,255,0.72);
    text-shadow: -1px -2px 2px #fff, 2px 1px 2px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff;
}
#d2wmain .d2notebody.shortened, #d2wmain[mode-notes="1"] .d2notebody {
    padding-right: 17px;
}
#d2wmain .d2notebody .d2notenum {
    display: none;
    z-index: 2;
    position: absolute;
    right: -1px;
    width: 18px;
    top: -1px;
    font-size: 14px;    
    background-color: red;
    color: #FFF;
    pointer-events: none;
    text-shadow: none;
}
#d2wmain .d2notebody.shortened .d2notenum, #d2wmain[mode-notes="1"] .d2notenum {
    display: block;
}
#d2wmain .d2timeline {
    position: absolute;
    bottom : 0px;
    /*bottom: 16px; /*18px*/
/*    border-bottom: 1px solid #ffe500;*/
    max-height: 3px;    
    background-color: red;
    z-index: 1;
}

#d2wmain[mode-notes="-1"] .d2notebody,#d2wmain[mode-notes="-1"] .d2timeline {
    display: none;
}
#d2wmain[mode-notes="0"] .d2notebody {
    background-color: rgba(255,255,255,0.2);
    color: #000;
    border-color:  rgba(128,128,128,0.4);
}
#d2wmain[mode-notes="0"] .d2notenum {
    background-color: rgba(64,64,64,0.5);
}
#d2wmain[mode-notes="0"] .d2timeline {
    opacity: 0.5;
}


.d2-deletetwo {
    position: absolute !important;
    bottom: -14px;
    z-index: 2;    
}

.setback-icon {
    position: relative;
    display: inline-block;      
    float: left;
    height: 24px;
    max-height: 24px;
    width: 24px;    
    padding-left: 24px;    
    background-repeat: no-repeat;  
    background-position: 0px 0px;        
    cursor: pointer;
    z-index: 2;    
    background-image: url(../images/icosetback24.png);
}
.setback-icon:hover {
    background-position: 0px -24px;
}

#table2-jobs[mode-clocks="0"] .d2jobs-jh-div,
#table2-jobs[mode-clocks="-1"] .d2jobs-jh-div,
#table2-jobs[mode-clocks="0"] .td2-jobs .tinfo,
#table2-jobs[mode-clocks="-1"] .td2-jobs .tinfo {
    display: none;
}
#table2-jobs[mode-clocks="0"] .td2-jobs.unavail0 {
    background-position: center;    
}
#table2-jobs[mode-clocks="0"] .td2-jobs.unavail1 {    
    background-position-y: center;    
}
#table2-jobs[mode-clocks="-1"] .td2-jobs.td2day {
    background-color: transparent;
    background-image: none;
    border-color: #EEE;
}

#table2-jobs[mode-clocks="0"] tr td:first-child,
#table2-jobs[mode-clocks="-1"] tr td:first-child {
    height: 26px !important;
}
#table2-jobs[mode-clocks="0"] .d2jobs-monogram,
#table2-jobs[mode-clocks="-1"] .d2jobs-monogram {
    height: 25px !important;
    min-height: 25px !important;
    opacity: 1;
    top: 0px;    
    right: 0px;
    border: none;
    padding-top: 2px;
    border-radius: 0px;
    width: 100%;    
}

#table2-jobs[mode-mouseover="1"] .th2-jobs.selected {
    background-color: red !important;
    color: #96f5ff !important;
    border-color: #FFF !important;
    opacity: 1;    
    transform-origin: center;
    transform: scale(1.16);
    -webkit-box-shadow: 0px 0px 8px 2px #FF0000; 
    box-shadow: 0px 0px 8px 2px #FF0000;
    z-index: 1000;
}
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected span {
    color: #96f5ff !important;
}
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected span.htype0,
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected.htype0 {
    color: white !important;
}
#table2-jobs[mode-mouseover="1"] .th2-jobs.selected.multiselected {
    background-color: #f700ff !important;
}
#table2-jobs[mode-mouseover="0"] .th2-jobs.selected {
    border: 1px solid #F00 !important;
    border-left: 4px solid #F00 !important;
    border-right: 4px solid #F00 !important;    
    opacity: 1;
}    
#table2-jobs[mode-mouseover="1"] .d2jobs-monogram.selected {
    background-color: red !important;
    color: white !important;
    border-color: #FFF !important;
    opacity: 1;    
    transform-origin: center;
    transform: scale(1.16);
    -webkit-box-shadow: 0px 0px 8px 2px #FF0000; 
    box-shadow: 0px 0px 8px 2px #FF0000;
    z-index: 1000;
}
#table2-jobs[mode-mouseover="0"] .d2jobs-monogram.selected {
    border: 1px solid #F00 !important;
    border-left: 4px solid #F00 !important;
    border-right: 4px solid #F00 !important;    
    opacity: 1;
}
#table2-jobs[mode-mouseover="0"][mode-clocks="0"] .d2jobs-monogram.selected,
#table2-jobs[mode-mouseover="0"][mode-clocks="-1"] .d2jobs-monogram.selected {
    padding-top: 1px;
}

#table2-jobs .d2jobs-dayborder {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 300;        
    background-color: rgba(0,255,255,0.4);
    pointer-events: none;
}
#table2-jobs[mode-jhdays="-1"] .d2jobs-dayborder {
    display: none;
}
#table2-jobs[mode-jhdays="0"] .d2jobs-dayborder {
    z-index: 350;    
}
#table2-jobs[mode-jhdays="1"] .d2jobs-dayborder {    
    z-index: 3000;    
    background-color: rgba(0,255,255,0.5);    
}
#table2-jobs[mode-jhdays="0"] .d2jobs-dayborder.htype1,
#table2-jobs[mode-jhdays="0"] .d2jobs-dayborder.htype3 {    
    background-color: rgba(240,120,255,0.4);        
}
#table2-jobs[mode-jhdays="1"] .d2jobs-dayborder.htype1,
#table2-jobs[mode-jhdays="1"] .d2jobs-dayborder.htype3 {    
    background-color: rgba(240,120,255,0.5);        
}
#table2-jobs .d2jobs-dayborder.htype0 {
    background: none;
}

.d2workers-monogram {
    min-height: 25px;
    max-height: 25px;
    margin-right: 3px !important;
    border: 1px solid #666 !important;
}

.tt-to-create {
    padding-left: 26px !important;
    margin-left: 25px;
    opacity: 0.53;
    color: #999;
    font-style: italic;
}
.tt-to-create .small-phase-auto {
    color: #999;
}

.d2setworker-monogram {
    min-height: 23px;
    height: 23px;    
    float: left;
    display: inline-block;
    margin-left: -5px;
    margin-right: 5px;
    margin-top: -2px;
    padding-top: 0px;    
}

td.nedostupne {
    cursor: default !important;
    pointer-events: none !important;
}
td.nedostupne:hover {
    background-color: inherit !important;
}
td.nedostupne *{
    display: none;
}

.setworker-cell.current {  
    background-color: #afffe5 !important;
    opacity: 1 !important;    
}
.setworker-cell.current .clickable {
    cursor: default !important;
}

#div-setworker h4 {
    position: absolute;
    top: -50px;
    left: -2px;
    padding: 6px;
    border: 2px solid #3060a0;
    border-bottom: 1px solid #e2ffd7;
    background-color: #FFF;/*rgba(255,255,255,0.75);*/
    z-index: 1000;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    cursor: default;
    white-space: nowrap;
    padding-right: 12px;
    min-height: 39px;
}

#setworker-caption-date, #setjob-caption-date {
    font-style: italic;
    font-weight: 500;
    font-size: 15px;
    color: #7b88a4;
    width: 110px;
    padding-left: 4px;
    display: inline-block;    
    margin-top: 2px;    
}
#setworker-caption-date.hday, #setjob-caption-date.hday {
    color: #cc3464;
}

#setworker-caption-job {    
    font-weight: 700;
    font-size: 19px;
    color: #555;    
}

#setworker-caption-time {
    font-style: italic;
    font-weight: 500;
    font-size: 13px;
    color: #999999;
}

#setworker-caption-time.nonstandard {
    color: #ea1357;
}

#d2wmain .d2workers-row-dayjob {
    overflow: visible;
    white-space: nowrap;
    font-size: 0;
    transform-origin: left top;
}

#d2wmain .d2workers-row-dayjob .short-div {
    width: 25px;
    height: 24px;
    max-height: 24px;
    max-width: 25px;
    display: block;    
}

.nofloat {
    float: none !important;
}
.clearboth {
    clear: both !important;
}
.floatleft {
    float: left !important;
}

#d2wmain .d2workers-row.selected {
    background-color: rgba(255,235,0,0.3);
}

#d2wmain .short-div.selected {
    background-color: red !important;
    color: white !important;
    border-radius: 5px;
    position: relative;    
    transform: scale(1.15);
    transform-origin: top left;
}

#d2wmain .d2workers-row-days .short-div {
    cursor: pointer;
}
html:not(.replace-mode) #d2wmain .d2workers-row-days .short-div:not(.jobjob):hover {
    background-color: red !important;
    color: white !important;
    border-radius: 5px;
    position: relative;    
    transform: scale(1.15);
    transform-origin: top left;   
}

#table2-jobs .tr2-jobs.selected td {
    background-color: rgba(255,235,0,0.3) !important;
}

.d2workers-row-dayjob {
    cursor: pointer;
}
html:not(.replace-mode) .d2workers-row-dayjob:hover {
    background-color: #bcff7cb0 !important;
}
.d2workers-row-dayjob.jobjob {
    cursor: default;
}
.d2workers-row-dayjob.jobjob {
    background-color: inherit !important;
}

#div-setjob {
    width: 1000px;
    cursor: default;    
}

#div-setjob h4 {
    margin-top: 3px;    
    margin-bottom: 4px;
    white-space: nowrap;
    padding-right: 12px;
}

#div-setjob.d2jobsel2 {
    width: 1800px;
}

#setjob-monogram {
    float: left;
    height: 24px;
    min-height: 24px;
    margin-left: 4px;
}

#setjob-dico {
    margin-right: 4px;
    margin-top: 3px;
    margin-left: 4px;
    background-position: 0px 20px;    
}

#setjob-caption-name {
    display: inline-block;
    margin-top: 4px;
    font-weight: 700;
    font-size: 19px;
    color: #555;
}

#setjob-note {
    margin-left: 8px;
    font-size: 14px;
    color: #19447f;
    background-color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 6px;
    border: 1px solid #19447f;    
    top: -27px;    
    position: relative;
    white-space: normal;
    display: inline-block;
    max-width: 620px;
}

#setjob-segname0 {
    width: 49%;
    margin-right: 1%;
    float: left;
}
#setjob-segname1 {
    width: 49%;
    margin-left: 1%;
    float: left;
}


#setjob-segname {
    /*
    margin-top: 8px;
    margin-bottom: 8px;
    */
}

#setjob-caption-date {
    margin-top: 5px;
    float: left;
}

#d2setjob-main .d2setjobitem {
    position: relative;
    width: 100%;
    height: 26px;
    min-height: 26px;
    float: left;
    cursor: pointer;
    border-top: 1px solid #e0e0e0;    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */    
    
}
#d2setjob-main.d2segnum2 .d2setjobitem {
    width: 49%;
}
#d2setjob-main.d2segnum2 .d2setjobitem:nth-child(odd) {
    margin-right: 1%;
}
#d2setjob-main.d2segnum2 .d2setjobitem:nth-child(even) {
    margin-left: 1%;
}

#d2setjob-main.d2segnum2.d2jobsel2 .d2setjobitem {
    width: 24%;
}
#d2setjob-main.d2segnum2.d2jobsel2 .d2setjobitem:nth-child(4n+1) ,
#d2setjob-main.d2segnum2.d2jobsel2 .d2setjobitem:nth-child(4n+2) {
    margin-right: 1%;
    margin-left: 0;
}
#d2setjob-main.d2segnum2.d2jobsel2 .d2setjobitem:nth-child(4n+3) ,
#d2setjob-main.d2segnum2.d2jobsel2 .d2setjobitem:nth-child(4n+4) {
    margin-left: 1%;
    margin-right: 0;
}



#d2setjob-main .d2setjobitem.unsuitable {
    background-color: #fff;
    opacity: 0.35;
}
#d2setjob-main .d2setjobitem.unavailable {
    background-image: url(../images/nedostupne-bg.jpg);    
    pointer-events: none;
    cursor: default;
    opacity: 0.45;
}
#d2setjob-main .d2setjobitem.suitable {
    background-color: #e2ffd7;    
}
#d2setjob-main .d2setjobitem.normal {
    background-color: rgb(248, 255, 234);   
}
#d2setjob-main .d2setjobitem:hover {
    background-color: #beee70;
}    
#d2setjob-main .d2setjobitem.selected {
    background-color: #feff00;
    opacity: 1;
}

#d2setjob-main .d2setjobitem-time {
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    color: #AAA;
}

#d2setjob-main .d2setjobitem-wname {    
    font-weight: 500;
    font-size: 14px;
    color: #346499;
    margin-left: 16px;
/*    
    margin-right: 4px;
    float: right;
*/
    position: absolute;
    right: 4px;
    z-index: 1;
    pointer-events: none;
}

.tt-list tr td:first-child {
    cursor: pointer;
}

.tt-list tr:hover td {
    background-color: #FFC;
}

tr.tr-tt-to-create td {
    background-color: white !important;
    cursor: default !important;
}





/*
#d2wmain .d2workers-dayborder {
    width: 100%;
}
#d2wmain.smooth .d2workers-row-daycell {
    transform: none;    
}
*/
html:not(.replace-mode) #d2wmain .d2workers-row-daycell-seg:hover {    
    border-radius: 12px;
    background-color: #04dbf8 !important;
}
#d2wmain .d2workers-row-daycell-seg:after {
    content: "";
    border: 2px solid rgba(0,255,255,0.5);
    width: 74%;
    height: 74%;
    top: 13%;
    left: 13%;
    position: absolute;
    border-radius: 12px;
    z-index: 5;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition:  opacity 0.15s linear;
    transition:  opacity 0.15s linear;        
}
#d2wmain .d2workers-row-daycell-seg.selected:after {
    opacity: 1;
}

#d2wmain .d2workers-row-daycell-seg[ctype_g="0"].selected:after  {background-color: #ffffff;}
#d2wmain .d2workers-row-daycell-seg[ctype_g="1"].selected:after  {background-color: #5ea85e;}
/*#d2wmain .d2workers-row-daycell-seg[ctype_g="-1"].selected:after {background-color: #d85a5a;}*/
#d2wmain .d2workers-row-daycell-seg[ctype_g="-1"].selected:after {background-color: #e61a1a;}
#d2wmain .d2workers-row-daycell-seg[ctype_g="-2"].selected:after {background-color: #e68201;}
#d2wmain .d2workers-row-daycell-seg[ctype_g="-4"].selected:after {background-color: #c203ff;}
#d2wmain .d2workers-row-daycell-seg[ctype_g="-3"].selected:after {background-color: #3a77e2;}
#d2wmain .d2workers-row-daycell-seg[ctype_g="-5"].selected:after {background-color: #826c64;}

#d2wmain .d2workers-row-dayjob.multi .short-div {position: absolute; margin: 0;}
#d2wmain .d2workers-row-dayjob.multi .short-div:nth-child(1) {left: 0; top: 0;}
#d2wmain .d2workers-row-dayjob.multi .short-div:nth-child(2) {left: 50%; top: 0;}
#d2wmain .d2workers-row-dayjob.multi .short-div:nth-child(3) {left: 0; top: 50%;}
#d2wmain .d2workers-row-dayjob.multi .short-div:nth-child(4) {left: 50%; top: 50%;}

#d2wmain .d2workers-bottomstats {
    position: absolute;
    width: 100%;
    bottom: 2px;
    height: 11px !important;
    font-size: 10px; 
    font-weight: 500;
    padding-right: 3px;
    pointer-events: none;
}
#d2wmain .d2workers-bottomstats .fundnow,
#d2wmain .d2workers-bottomstats .fundnow2{
    color: #346499;
    margin-left: 10px;
    float: right;
}
#d2wmain .d2workers-bottomstats .fundorig {
    color: #555555;    
    float: right;
    pointer-events: none;
}
#d2wmain .d2workers-bottomstats .hoursnow,
#d2wmain .d2workers-bottomstats .hoursnow2 {
    color: #048707;
    margin-left: 5px;
    float: right;
}
#d2wmain .d2workers-bottomstats .vacation {
    color: #c203ff;    
    margin-left: 5px;
    float: right;
}
#d2wmain .d2workers-bottomstats .delta {
    /*color: red;*/
    color: #666;
    position: absolute;
    right: 2px;
    font-size: 12px;
    bottom: 13px;
    height: 14px !important;
    /*background-color: rgba(255,255,255,0.75);*/
    z-index: 10;
}
#d2wmain .d2workers-bottomstats .rollprev {
    color: #ff9710;    
    margin-right: 5px;
    float: right;
    position: absolute;
    right: 90px;
}
#d2wmain .d2workers-bottomstats .rollprev.minus {
    color: #028f9d;
}
#d2wmain .d2workers-bottomstats .rollprev.big {
    color: red;
    font-weight: 700;
}


#d2wmain #d2jobhours-delta {
    /*color: red;*/
    color: #666;
    font-size: 18px;        
    font-weight: 700;
    background-color: rgba(255,255,255,0.75);    
}
#d2wmain #d2jobhours-delta-ico {
    height: 14px !important;
}

#d2wmain[mode-smdov="0"] .d2workers-bottomstats .delta {
    bottom: 6px;
}
    
#d2wmain .d2workers-bottomstats .delta.zero,
#d2wmain #d2jobhours-delta.zero {
    color: #048707;
}
#d2wmain .d2workers-bottomstats .delta.minus,
#d2wmain #d2jobhours-delta.minus {
    color: #30cbdc;
}
#d2wmain .d2workers-bottomstats .delta.plus,
#d2wmain #d2jobhours-delta.minus {
    color: red;
}

#d2wmain .d2workers-bottomstats .delta .overtime,
#d2wmain #d2jobhours-delta .overtime {
    height: 14px !important;    
    background-position: 0px -112px;
}
#d2wmain .d2workers-bottomstats .delta.zero .overtime,
#d2wmain #d2jobhours-delta.zero .overtime {
    display: none;
}
#d2wmain .d2workers-bottomstats .delta.minus .overtime,
#d2wmain .d2workers-bottomstats .delta.abs-minus .overtime,
#d2wmain #d2jobhours-delta.minus .overtime,
#d2wmain #d2jobhours-delta.abs-minus .overtime {
    background-position: 0px -98px;
}
#d2wmain[mode-smdov="0"] .d2workers-bottomstats .only1 {
    display: none;
}
#d2wmain[mode-smdov="-1"] .d2workers-bottomstats,
#d2wmain.nofund .d2workers-bottomstats {
    display: none;
}

.segment-to-hide {
    background-color: #fddcdc !important;
}

#grouppatterns-div .icon.add-icon {
    margin-bottom: 0px;    
}

.d2pdiv {
    display: table;
    margin-top: 40px; 
    padding: 16px;
    border: 2px solid #048707;
    background-color: #fffef5;
    position: relative;    
}

.d2ptimediv {
    display: table;
    margin-top: -3px !important;
    padding: 0px !important;
    /*
    border: 2px solid #0a7db5;
    min-width: 960px;
    background-color: #f2f5f7;
    */    
    color: #0a7db5;    
    clear: both;
}

#d2p-matdiv .d2ptimediv .d2ptl-matrowcontrol {    
    float: none;
    height: 35px !important;
    display: block;
    position: relative;
    top: 13px;
}

.d2pdiv > div {
    float: left;
    margin: 0px;
    padding: 0px;    
    padding-left: 8px;
    position: relative;
}
.d2pdiv > div.d2pjobcell {
    padding-left: 8px;
}

.d2pjobcell {
    width: 200px;
    border: 1px solid #999;
    background-color: #FFD;
    clear: left;    
}
.d2phead0 {
    width: 200px;
    clear: left;
    font-weight: 700;    
    font-size: 17px;
}
.d2phead1 {        
    font-weight: 700;    
    font-size: 17px;
}

.d2pjobhead {
    width: 200px;
    clear: left;    
}
.d2pghead, .d2pgroupcell {
    min-width: 120px;    
    width: 120px;        
}
#d2p-matdiv {
    clear: both;    
    display: block;    
    margin-bottom: 4px;
/*    margin-bottom: 32px;    */
}
.clearleft {
    clear: left !important;
}

.d2pjobcell, .d2pgroupcell {
    height: 23px;
    cursor: pointer;
}

#grouppatterns-div .d2pghead .short-div {
    position: absolute;
    width: 25px;
    border: none;
    margin: auto;
    left: 0;
    right: 0;
    cursor: pointer;
}

#grouppatterns-div .d2pgroupnew {
    margin-bottom: 3px !important;
}

#grouppatterns-div .d2pghead {
    height: 23px;
}

#grouppatterns-div .d2pdivdel {
    position: absolute;
    top: 0px;
    left: -36px;    
    width: 18px;
    cursor: pointer;
}

#grouppatterns-div .d2pgroupdel {
    position: absolute;
    bottom: 5px;
    right: 0px;    
    padding-left: 14px;
    cursor: pointer;    
}

#grouppatterns-div .d2pjobdel {
    position: absolute;
    bottom: 3px;
    right: 0px;    
    padding-left: 14px;
    cursor: pointer;        
}

#grouppatterns-div .d2pjobhead {
    text-align: center;
}
#grouppatterns-div .d2pjobnew {
    margin-bottom: 0px !important;
    margin-top: 4px;
}

#d2pcoverdiv {
    display: none;
    position: fixed;
    z-index: 500;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    background-color: #346499;
    opacity: 0.4;
    z-index: 9999;
}
#d2pcoverdiv.spec-inmodal {
    top: -30px;    
}

#d2pworkersdiv.spec-inmodal {
    margin-top: -30px;
}


.d2pfloat {
    background-color: #FFF;
    display: none;
    position: fixed;
    z-index: 10000;
}
.d2pfloat.in, #d2pcoverdiv.in {
    display: block;
}

#d2pvisual {
    border: 2px solid #FD4;    
    left: 40%;
    top: 40%;    
    padding: 2px;
    background-color: #FFFAF4;
}
#d2pvisual .d2peditinput {
    width: 38px;
    padding: 5px;
    margin-right: 8px;
    clear: none;
    float: left;
    height: 30px;
}


#d2pjobsdiv {
    border: 2px solid #FD4;    
    width: 800px;
    padding: 2px;
}
#d2pjobsdiv .d2pjobselect {
    overflow: hidden;
    float: left;
    width: 33.3%;
    height: 21px;
    border-bottom: 1px solid #CCC;
    background-color: #CFE;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
}
#d2pjobsdiv .d2pjobselect:hover {
    background-color: #FED;
}



#d2pworkersdiv {
    border: 2px solid #FD4;    
    width: 800px;
    padding: 2px;
}
#d2pworkersdiv .d2pworkerselect {
    overflow: hidden;
    float: left;
    clear: none;
    width: 33.3%;
    height: 21px;
    border-bottom: 1px solid #CCC;
    background-color: #CFD;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;    
}
#d2pworkersdiv .d2pworkerselect:last-child {
    float: right;
    text-align: right;
    background-color: #cffdff;
    padding-top: 2px;
}

#d2pworkersdiv .d2pworkerselect.unsuitable {
    opacity: 0.4;
}
#d2pworkersdiv .d2pworkerselect:hover {
    background-color: #FED;
}

.d2pjobcell:hover, .d2pgroupcell:hover {
    background-color: #fff27d;
}

.d2pgroupcell {
    background-color: #FFF;
    border: 1px solid #CCC;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}

.d2pndiv {
    height: 23px;
}

.container-puff-wrap {
    text-align: center; 
    overflow-x: auto;
}
.container-puff-wrap .container {
    width: auto !important;
    min-width: 960px !important;
    display: inline-block !important;
    text-align: left !important;    
}

#d2ptl-first {
    width: 380px;
    float: left;
    position: relative;
    line-height: 40px;
}
#d2ptl-first span {
    display: inline-block;
    font-weight: 700;          
    line-height: normal;
    vertical-align: middle;
    margin-left: -2px;
    margin-right: -2px;
}

#d2ptl-second {
    /*
    padding-top: 4px;
    float: left;
    margin-left: 10px;
    */    
}

.d2ptl-setsize {
    border: 1px solid #AAA;
    background-color: #fffef5;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    float: left;
    margin-right: 4px;
    min-width: 26px;
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    border-radius: 8px;
    margin-bottom: 2px;
    cursor: pointer
}
.d2ptl-setsize:hover {
    background-color: #ffe500;
}
.d2ptl-setsize.selected {
    background-color: #048707;
    color: #FEF;    
    border: 1px solid #FF0;
}

.d2ptl-visible {
    display: none;
}
.d2ptl-visible.visible {
    display: inherit;
}

.arrow-icon-40 {
    position: relative;
    display: inline-block;      
    height: 40px;
    max-height: 40px;
    width: 24px;
    padding-left: 24px;
    padding-top: 40px;  
    background-repeat: no-repeat;  
    background-position: 0px 0px;        
    cursor: pointer;
    z-index: 10;
    background-image: url(../images/arrow-24x40-semi.png);
}
.arrow-icon-40:hover {
    background-position: 0px -40px;
}
.arrow-icon-40.right {
    background-position: 0px -80px;
}
.arrow-icon-40.right:hover {
    background-position: 0px -120px;
}

.arrow-icon-24 {
    position: relative;
    display: inline-block;      
    height: 24px;
    max-height: 14px;
    width: 14px;
    padding-left: 14px;
    padding-top: 24px;  
    background-repeat: no-repeat;  
    background-position: 0px 0px;        
    cursor: pointer;
    z-index: 10;
    background-image: url(../images/arrow-14x24-semi.png);
}
.arrow-icon-24:hover {
    background-position: 0px -24px;
}
.arrow-icon-24.right {
    background-position: 0px -48px;
}
.arrow-icon-24.right:hover {
    background-position: 0px -72px;
}

.star-icon-24 {
    position: relative;
    display: inline-block;      
    height: 24px;
    max-height: 24px;
    width: 24px;
    padding-left: 24px;
    padding-top: 24px;  
    background-repeat: no-repeat;  
    background-position: 0px 0px;        
    cursor: pointer;
    z-index: 10;
    background-image: url(../images/star-24x24.png);
}
.star-icon-24:hover {
    background-position: 0px -24px;
}

#grouppatterns-timeline-div {
    display: table;
    border: 2px solid #C8C8C8;
    padding: 3px;
    background-color: #f2fffe;   
}

#d2ptl-head {
    clear: both;
    width: 100%;
    display: block;    
}

#d2ptl-head > div {
    display: inline-block;
    float: left;
}


.d2ptl-empty {
    min-width: 200px;
    height: 1px;    
}
.d2pcalcell {    
    text-align: center;
    background-color: #FFF;
    border-bottom: 3px solid #BBB;    
}

/*
.d2p-parts7 > div  { width: 14.2857142857%;}
.d2p-parts14 > div { width: 7.14285714286%;}
.d2p-parts21 > div { width: 4.7619047619%;}
.d2p-parts28 > div { width: 3.57142857143%;}
.d2p-parts29 > div { width: 3.44827586207%;}
.d2p-parts30 > div { width: 3.33333333333%;}
.d2p-parts31 > div { width: 3.22580645161%;}
*/

.d2p-parts7  .d2ptl-jobcellwrap { width: 14.2857142857%;}
.d2p-parts14 .d2ptl-jobcellwrap { width: 7.14285714286%;}
.d2p-parts21 .d2ptl-jobcellwrap { width: 4.7619047619%;}
.d2p-parts28 .d2ptl-jobcellwrap { width: 3.57142857143%;}
.d2p-parts29 .d2ptl-jobcellwrap { width: 3.44827586207%;}
.d2p-parts30 .d2ptl-jobcellwrap { width: 3.33333333333%;}
.d2p-parts31 .d2ptl-jobcellwrap { width: 3.22580645161%;}

.d2p-parts7  .d2pcalcell { width: 14.2857142857%;}
.d2p-parts14 .d2pcalcell { width: 7.14285714286%;}
.d2p-parts21 .d2pcalcell { width: 4.7619047619%;}
.d2p-parts28 .d2pcalcell { width: 3.57142857143%;}
.d2p-parts29 .d2pcalcell { width: 3.44827586207%;}
.d2p-parts30 .d2pcalcell { width: 3.33333333333%;}
.d2p-parts31 .d2pcalcell { width: 3.22580645161%;}

.d2p-parts7  .d2ptl-matdaywrap { width: 14.2857142857%;}
.d2p-parts14 .d2ptl-matdaywrap { width: 7.14285714286%;}
.d2p-parts21 .d2ptl-matdaywrap { width: 4.7619047619%;}
.d2p-parts28 .d2ptl-matdaywrap { width: 3.57142857143%;}
.d2p-parts29 .d2ptl-matdaywrap { width: 3.44827586207%;}
.d2p-parts30 .d2ptl-matdaywrap { width: 3.33333333333%;}
.d2p-parts31 .d2ptl-matdaywrap { width: 3.22580645161%;}



.d2pcalcell-dm,.d2pcalcell-y,.d2pcalcell-dt,.d2pcalcell-line {
    /*
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    float: left;
    width: 100%;
    */
    min-width: 37px;
}
.d2pcalcell-dm {
    font-size: 14px;
    font-weight: 700;
    color: #048707;
}
.d2pcalcell-y {
    font-size: 11px;
    color: #A8A8A8;
    font-style: italic;
    margin-top: -4px;
    margin-bottom: -2px;
}
.d2pcalcell-dt {
    color: #346498;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: -2px;
}
.d2pcalcell-line {
    height: 5px;
    margin-top: 1px;
}

.d2ptl-wrap {
    border-top: 2px solid #048707;
    border-bottom: 2px solid #048707;
    background-color: #fff9c7;
    padding-top: 0px;
    padding-bottom: 10px;
}

.d2p-fullwidth .container {
    width: 100% !important;
    padding-left: 0px;
    padding-right: 0px;        
}

/*
.d2ptl-jobname {
    position: absolute;
    right: -5px;
    display: inline-block;    
    padding-right: 10px;
    border: 1px solid #999;
    background-color: #DFD;
    z-index: 20;
    height: 20px;    
    font-size: 15px;    
    padding-left: 10px;
    opacity: 0.35;    
    border-radius: 30px;
    color: #346498;
}
.d2ptl-jobname:hover {
    opacity: 1;
}
*/
.d2ptl-jobname {
    width: 100%;    
    display: inline-block;    
    float: left;    
    font-size: 11px;
    /*text-align: center;*/
    font-style: italic;
    padding-left: 5px;
    color: #959595;
    padding-top: 4px !important;     
    margin-top: 0px !important;         
    border-bottom: 2px solid #e8d21d;
    border-top: 2px solid #e8d21d;
    height: 20px !important;
}

.d2ptl-jobcellwrap {
    display: block;
    float: left;        
    height: 20px;    
    margin-top: 0px;
    margin-bottom: 0px;
}
#grouppatterns-timelinetable-div {
    min-width: 960px !important;    
}
#grouppatterns-timelinetable-div.maxwidth {
    max-width: 960px !important;
}
#grouppatterns-timelinetable-div.twoseg .d2ptl-jobcellwrap {
    height: 40px;
}
#grouppatterns-timelinetable-div.twoseg .d2ptl-jobname {
    height: 40px;
    margin-top: 2px;
    padding-top: 9px;
}
.d2ptl-jobcell {    
    height: 20px;
    font-size: 14px;
    text-align: center;    
    /*
    width: 100%;
    float: left;
    */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #FFF;
    border: 1px solid #DDD;
}

.d2ptl-jobcellwrap.holi .d2ptl-jobcell {
    border-color: #8cf4ff;
    background-color: #D4FFFF;    
}
.d2ptl-jobcellwrap.holi1 .d2ptl-jobcell {
    border-color: #d837d8;
    background-color: rgba(240,120,255,0.4);
}

#grouppatterns-timelinetable-div .d2ptl-jobcell.collision {
    background-color: #F00;
    color: #ffe502;
}
#grouppatterns-timelinetable-div .d2ptl-jobcell.collision.d2pmouseselect {    
    background-color: #efba6d !important;
    color: red;/*#000;*/
    border-color: #f0b !important;
}
#grouppatterns-timelinetable-div.manydays .d2ptl-jobcell {
    font-size: 10px;
    height: 14px;
}
#grouppatterns-timelinetable-div.manydays .d2ptl-jobname,
#grouppatterns-timelinetable-div.manydays .d2ptl-jobcellwrap {
    height: 28px;
}
#grouppatterns-timelinetable-div.onerow .d2ptl-jobcell {    
    width: 50%;
}
.d2ptl-tworow .d2ptl-jobcell {
    width: 100%;
}
    

.d2ptl-jobrowwrap {
    width: 100%;
}

.d2ptl-spacer {
    height: 32px;
    width: 100%;
    border-top: 3px solid #BBB;        
}

.d2ptl-matrowwrap {
    width: 100%;
}

.d2ptl-matdaywrap {
    display: block;
    float: left;        
    height: 64px;    
    margin-bottom: 12px;
    margin-top: 0px;
    border: 1px solid #041f48;
}
.d2ptl-matdaywrap.shadow {
    border: 1px solid #A7A7A7;
}

.d2ptl-matcell {
    overflow: hidden;
    cursor: pointer;
    padding-top: 2px;
    width: 100%;
    height: 50%;
    display: inline-block;
    float: left;
    text-align: center;
    background-color: #77b4f5;
    border: 1px solid #24547f;
    /*#346498;*/
}
.d2ptl-matcell.shadow {
    background-color: transparent;
    border: 1px solid #F0F0F0;
    opacity: 1;
}

.d2ptl-matcell.shadow .d2ptl-ico {
    opacity: 0.4;
}


.d2ptl-matcell:hover {
    background-color: #fff27d;
}
.d2ptl-matcell:hover .d2ptl-ico,
.d2p-segcell:hover .d2ptimediv-ico {
    border-color: red;
}

.d2ptl-ico, .d2ptimediv-ico {
    text-align: left;
}

.d2pmouseselect {
    background-color: #fff27d !important;
    border-color: red !important;
}
.d2pmouseselect .d2ptl-ico, .d2pmouseselect .d2ptimediv-ico {
    border-color: red;
}

.monthcolor0 {background-color: #db937b;}
.monthcolor1 {background-color: #c19bcc;}
.monthcolor2 {background-color: #c0eae8;}
.monthcolor3 {background-color: #e04855;}
.monthcolor4 {background-color: #7eb166;}
.monthcolor5 {background-color: #ffd75b;}
.monthcolor6 {background-color: #e9b7c3;}
.monthcolor7 {background-color: #f5803a;}
.monthcolor8 {background-color: #5067b3;}
.monthcolor9 {background-color: #9ab9d8;}
.monthcolor10 {background-color: #c44965;}
.monthcolor11 {background-color: #1b8295;}

.monthcolorb0 {border-color: #db937b;}
.monthcolorb1 {border-color: #c19bcc;}
.monthcolorb2 {border-color: #c0eae8;}
.monthcolorb3 {border-color: #e04855;}
.monthcolorb4 {border-color: #7eb166;}
.monthcolorb5 {border-color: #ffd75b;}
.monthcolorb6 {border-color: #e9b7c3;}
.monthcolorb7 {border-color: #f5803a;}
.monthcolorb8 {border-color: #5067b3;}
.monthcolorb9 {border-color: #9ab9d8;}
.monthcolorb10 {border-color: #c44965;}
.monthcolorb11 {border-color: #1b8295;}


.d2pcalcell.holi {
    border-color: #30cbdc;
    background-color: #D4FFFF;
}
.d2pcalcell.holi1 {
    border-color: #d837d8;
    background-color: rgba(240,120,255,0.4);
}

.d2ptl-matrowcontrol {
    width: 100%;    
    display: inline-block;    
    float: left;        
    font-size: 12px;    
    font-style: italic;
    padding-left: 5px;
    color: #b0b1b1;
    padding-top: 4px !important;         
    margin-top: 0px !important;         
    height: 20px !important;
}
.d2ptl-matrowcontrol > div {
    float: left;
    display: inline-block;  
    position: relative;
}

.d2ptl-matrowcontrol > div > span {
    position: relative;    
    margin: 0;
}
.d2ptl-matrowcontrol .add-icon {
    top: -5px;
}
.d2ptl-matrowcontrol .minus-icon-14 {
    top: -3px;
    margin-right: 8px;
}

.d2ptl-matrowcontrol .arrow-icon-24 {
    top: -8px;
    margin-right: 4px;
}

.minus-icon-14 {
    position: relative;
    display: inline-block;      
    height: 14px;
    max-height: 14px;
    width: 14px;
    padding-left: 14px;
    padding-top: 14px;  
    background-repeat: no-repeat;  
    background-position: 0px 0px;
    cursor: pointer;
    z-index: 10;
    background-image: url(../images/minus-ico-14.png);
}
.minus-icon-14:hover {
    background-position: 0px -14px;
}

#d2p-matdiv .d2pdiv-name {
    position: absolute;
    left: 0px;
    top: -20px;
    font-size: 15px;
    font-style: italic;
    padding: 0;
    color: #048707;
    font-weight: 700;
}

#d2pd-name {
    border: 0;
    font-weight: 700;
    outline: none;
    width: 210px;
    height: 30px;
    padding: 0;
    font-size: 20px;
    background-color: #0a7db5;
    color: rgb(208,230,246);
}
#d2pd-name:focus {
    color: #98ff3d;
}

#grouppatterns-detailpanel {   
    background-color: #0a7db5;
    height: 42px;
    padding-top: 4px;
    padding-left: 12px;    
}

.d2pdiv {
    margin-top: -2px;
    padding: 8px;
    border: 2px solid #0a7db5;
    background-color: #f2f5f7;/*#d0e6f6;    */
    min-width: 960px;
    color: #0a7db5;
}

.d2pdiv > div:first-child {
    display: none;
}

.d2ptl-matrowcontrol b { 
    color: #346498;
}
.d2ptl-matrowcontrol b.d2p-notfine {
    color: red;
}
.d2ptl-jobname {
    color: #346498;
    font-weight: 700;
}

.d2p-daywrap {
    display: block;
    float: left;
    min-width: 67px;
    height: 64px;    
    margin-bottom: 2px;
    margin-top: 0px;
    border: 1px solid #041f48;
    z-index: 1;
    position: relative;    
}
.d2p-segcell {
    cursor: pointer;
    padding-top: 2px;
    width: 100%;
    height: 50%;
    display: inline-block;
    float: left;
    text-align: center;
    background-color: #77b4f5;
    border: 1px solid #24547f;    
}


.wheel-icon {
    position: relative;
    display: inline-block;      
    float: left;
    height: 24px;
    max-height: 24px;    
    padding-left: 24px;    
    background-repeat: no-repeat;  
    background-position: 0px 0px;        
    cursor: pointer;
    z-index: 2;    
    background-image: url(../images/ico-wheel-24a.png);
    color: #048707;
    padding-left: 30px;
    font-size: 16px;
}
.wheel-icon:hover {
    background-position: 0px -24px;
    color: #5ea860;
}

.wheel-icon-blue16 {
    position: relative;
    display: inline-block;      
    float: left;
    height: 16px;
    max-height: 16px;    
    padding-left: 16px;
    background-repeat: no-repeat;  
    background-position: 0px -32px;        
    cursor: pointer;
    z-index: 2;    
    background-image: url(../images/ico-wheel-16.png);    
    color: #346499;
    padding-left: 20px;
    font-size: 15px;
}
.wheel-icon-blue16:hover {
    background-position: 0px 0px;
    color: #048707;
}

.tt-history {
    opacity: 0.37;
    -webkit-transition: opacity 0.2s linear;
    -o-transition:  opacity 0.2s linear;
    transition:  opacity 0.2s linear;    
}
.tt-history:hover {
    opacity: 1;    
}

.d3color {    
    color: rgb(10,125,181);
}
.d3bgcolor {
    background-color: rgb(229,241,253);    
}
.d3lightcolor {
    color: rgb(208,230,246);    
}

.d3btn {
    border: 3px solid rgb(10,125,181);
    border-radius: 24px;
    height: 44px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 8px;        
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */    
}
.d3btn:hover, .d3btn.selected {
    background-color: rgb(10,125,181);
    color: rgb(208,230,246); 
    font-weight: 900;   
    font-size: 17.72px;
}
.d3btn.disabled {
    opacity: 0.19;
    cursor: default;
    pointer-events: none;
}

.d3ui {
    color: rgb(10,125,181);
    font-size: 18px;
    font-weight: 300;    
}
.d3ui b {
    font-weight: 900;   
    font-size: 17.72px;
}
#d3mainpanel {
    border-bottom: 2px solid rgb(208,230,246);
    position: relative; 
    left: -25% !important;
    padding-left: 25% !important;
    width: 150% !important;
    height: 62px !important;
}
#d3mainpanel div {
    display: inline-block;
}

#d3mp-navpart {
    display: inline-block;
    position: relative;
    padding-left: 150px;    
}
#d3mp-navpart div {
    display: inline-block;
    cursor: pointer;
}
.d3mp-navspacer {
    width: 56px;
    display: inline-block;
    text-align: center;   
}
#d3mp-navpart div:hover, #d3mp-navpart div.selected {
    font-weight: 900;
    font-size: 17.72px;    
}
#d3mp-namepart {
    font-size: 24px;
    font-weight: 700;
    padding-top: 12px;    
}
#d3mp-btnpart {
    position: absolute;
    right: 17%;
    top: 8px;
}

.d3btngroup {
    border: 2px solid rgb(208,230,246);
    background-color: rgb(208,230,246);
    border-radius: 24px;
    /*height: 32px;*/
    padding: 0px;        
    vertical-align: middle;
    display: inline-block;
    text-align: center;    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */
}
.d3btngroup .d3option{
    color: rgb(10,125,181);        
    border-radius: 24px;
    height: 28px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 4px;
/*    vertical-align: middle;*/
    display: inline-block;
    text-align: center;    
    cursor: pointer;    
    font-size: 16px;
}
.d3btngroup .d3option:hover, .d3btngroup .d3option.selected {
    background-color: #FFF;
    -webkit-box-shadow: 3px 3px 12px -2px rgba(124,124,124,1);
    -moz-box-shadow: 3px 3px 12px -2px rgba(124,124,124,1);
    box-shadow: 3px 3px 12px -2px rgba(124,124,124,1);    
}
.d3btngroup .d3option.selected {
    cursor: default;
    pointer-events: none;    
}
.d3btngroup .d3option.multi, .d3btngroup .d3option.switch {
    cursor: pointer;
    pointer-events: all;
}

.d3btngroup .d3option.disabled {
    opacity: 0.19;
    cursor: default;
    pointer-events: none;
}


.d3subpanel {    
    position: relative; 
    left: -25% !important;
    padding-left: 25% !important;
    width: 150% !important;
    height: 48px;
    padding-top: 8px !important;
}
/*
.d3subpanel div {
    display: inline-block;
}
*/
.d3sp-rpart {
    position: absolute;
    right: 17%;
    top: 2px;
}
.d3wrapcontainer {
    width: 97%;    
    position: relative;
}

.inblo {
    display: inline-block !important;
}

.d3btn.d3btn-small, .d3btn-small .d3btn {
    padding: 14px;
    padding-top: 2px;
    height: 32px;
}
.d3btn.d3btn-inverse {
    background-color: #0a7db5;
    color: rgb(208,230,246);
}
.d3btn.d3btn-inverse:hover {
    background-color: white;
    color: #0a7db5;
}


#d2p-toppaneldiv {
    display: inline-block;
    width: 100%;
}

#d2p-toppaneldiv > div {
    float: left;
}

#d2p-toppanel-text {
    padding-right: 16px;
    padding-top: 4px;
}

#grouppatterns-btngroup {
    max-width: 756px;
}
#d2p-toppanel-addbtn {
    margin-left: 16px;
}

.rmargin4 {
    margin-right: 4px;
}

#d2pd-delbtn {
    float: right !important;
}

.d3option.inactive {
    color: #c30000;
    text-decoration: line-through;
}

#d2ptl-head .d2ptl-matrowwrap.inactive {
    display: none;
}

#grouppatterns-timeline-div {
    border: 2px solid #0a7db5;
    min-width: 960px;
    background-color: #d0e6f6;
}

.d2ptl-wrap {
    /*4px solid #0a7db5;*/
    border-top: none;    
    border-bottom: 2px solid #0a7db5;
    background-color: #f2f5f7;
}

.d3ui input.form-control {
    border: 2px solid #0a7db5;
    background-color: white;
    font-size: 18px;
    color: #0a7db5;
    font-weight: 300;
}

#d2ptl-second {
    /*
    padding-top: 4px;    
    margin-left: 10px;
    */    
    float: left;
    margin-top: 5px;
}

#d2ptl-second > div {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 4px;
}

#grouppatterns-detailpanel input.form-control {
    height: 32px;    
    position: relative;
    top: 1px;
    border: 0;    
    border-radius: 24px;
}

.d2ptl-matcell.inactive {
    background-color: rgba(255,0,0,0.33);
}
.d2ptl-matcell.inactive.live {
    background-color: #e25151;
}

.d2p-global-text {
    color: #999;
    font-style: italic;
    font-size: 14px;
    margin-left: 28px;    
    font-weight: 700;
}
.d2p-global-text small {
    font-weight: 300;
    font-size: 12px;
    margin-left: 20px;
}


.d2p-global-text.big {
    font-size: 16px;
    margin-left: 0px !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

#addRozpisModal .d3option {
    padding-left: 11px;
    padding-right: 11px;
}

#addRM-hint {
    color: #888;
    font-style: italic;
    font-size: 17px;
    padding-left: 12px;
}

.PFMpatname {
    display: inline-block;
    float: left;
    clear: left;
    width: 160px;
    height: 40px;    
    overflow: hidden;    
}

#PFMlist .d3btngroup {
    margin-bottom: 8px;
}

.PDGbtn {
    width: 35px;
    margin-bottom: 4px;
    padding: 0px !important;
}
.PDGbtn:hover {
    border-color: red !important;
}

#seediv-calendar #red-alert {
    top: 125px;    
}
#seediv-calendar #timetable-problems {
    top: 182px;    
    z-index: 1006;
}
/*
#addRM-sel-month .d3option {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-width: 2px;
    border-left-style: solid;
    border-right-width: 2px;
    border-right-style: solid;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 1px;
}
#addRM-sel-month {
    background-color: transparent;
    border: none;
}
*/

#grouppatterns-timelinetable-div.oneline .d2ptl-matcell,
#grouppatterns-timelinetable-div.oneline .d2ptl-jobcell,
#grouppatterns-div.oneline .d2p-segcell {
    width: 50%;
    height: 100%;
    float: left;
}
#grouppatterns-timelinetable-div.oneline .d2ptl-matcell:first-child,
#grouppatterns-timelinetable-div.oneline .d2ptl-jobcell:first-child {
    border-left-width: 3px;
    border-left-style: solid;
}
#grouppatterns-timelinetable-div.oneline .d2ptl-matcell:last-child,
#grouppatterns-timelinetable-div.oneline .d2ptl-jobcell:last-child {
    border-right-width: 3px;
    border-right-style: solid;
}

#grouppatterns-timelinetable-div.oneline .d2ptl-jobcell {
    font-size: 13px;
    color: #333;
}
#grouppatterns-timelinetable-div.manydays {
    font-weight: 500;
}
#grouppatterns-timelinetable-div.oneline.manydays .d2ptl-jobcell {
    font-size: 9.5px;    
}



#grouppatterns-div.oneline .d2p-daywrap {
    height: 32px;
    margin-right: 4px;
    min-width: 63px;
}
#grouppatterns-timelinetable-div.oneline .d2ptl-matdaywrap {
    height: 32px;
    margin-bottom: 3px;
}
#grouppatterns-timelinetable-div.oneline .d2ptl-jobcellwrap  {
    height: 20px;
}
#grouppatterns-timelinetable-div.manydays.oneline .d2ptl-jobcellwrap {
    height: 14px;
}


#grouppatterns-timeline-div.can2seg #d2ptl-second > div {
    padding-left: 11px;
    padding-right: 11px;
}

#grouppatterns-timelinetable-div.oneline .d2ptl-matrowcontrol .arrow-icon-24 {
    transform: scale(0.75);
}
#grouppatterns-timelinetable-div.oneline .d2ptl-spacer {
    height: 16px;
}

#grouppatterns-timeline-div {
    width: 100%;
}

.d2ptl-matrowwrap.selected {
    background-color: #ff9;
}

.d2pmodal-liner {    
    width: 100%;    
    background-color: rgb(10,125,181);
    border-top: 19px solid white;
    border-bottom: 19px solid white;
    height: 40px;
    text-align: center;
    color: rgb(10,125,181);
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 12px;
}
.d2pmodal-liner span {
    padding-left: 20px;
    padding-right: 20px;
    background-color: white;
    position: relative;
    top: -15px;
}

.replace-icon {
  display: inline-block;
  height: 16px;
  padding-left: 25px;
  background: url(../images/green-arrows-icon.png) no-repeat 0 0;
}

.d2p-none-shown {  
    display: none !important;
}
.d2p-none .d2p-none-shown {
    display: inherit !important;
}

.d2p-none .d2p-none-hidden {
    display: none !important;
}

.uns-label {
    font-size: 18px;    
}
.uns-label-b {
    font-size: 18px;    
    font-weight: 700;
}
.uns-namelabel,
.unsautow-label {
    width: 145px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
    margin-right: 12px !important;
}

#uns-singlename {
    font-style: italic;
    color: #777;
}

.unsdt-label {
    margin-right: 24px !important;
}

.unsj-label {
    width: 350px;    
}
.unsj-seg {
    margin-left: 8px;
    font-size: 12px;
    font-style: italic;
    color: #AAA;
}

.opacity-transition {
    -webkit-transition: opacity 0.2s linear;
    -o-transition:  opacity 0.2s linear;
    transition:  opacity 0.2s linear;
}

.unsj-btn {
    position: relative;
    top: -2px;
}

#unsneeddtypes-div label,
#unsneedackdtypes-div label,
#unssettype-div label {
    width: 180px;
    font-size: 13px;
    font-style: italic;
}

.unsdtype {
    display: block;
    float: left;
    width: 24px;
    height: 20px;
    border: 1px solid #ccc;
    margin-right: 5px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    font-style: normal;
}

.unsdatebtn {
    position: absolute;
    right: 15px;    
    width: 140px;
}

.spec-jobseg-cancel {
    position: absolute;
    /*
    left: 0px;
    top: 0px;
    left: 17px;
    top: -1px;        
    */
    right: -592px;
    top: 30px;
    cursor: pointer;
}

.forced-white-div {
    position: relative !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.forced-white-div:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('../images/empty.gif');
    background-color: rgba(0,0,0,0);    
    width: 100%;
    height: 100%;
    z-index: 100;    
}

#d2setjob-main {
/*    display: inline-block;*/
    display: table-row;
    position: relative;
}

#d2setjobvac-main {
    display: inline-block;
    width: 100%;
    border-top: 2px;
    border-top-color: #3060a0;
    border-top-style: solid;    
    margin-top: 8px; 
    padding-top: 4px;   
    background-color: #effdff;
}

#d2setjob-main-info {
    clear: both;
    position: relative;
    color: #888;
    font-size: 12px;
    font-style: italic;
    margin-top: 7px;
    float: left;
    margin-left: 7px;
    margin-bottom: -9px;
}

#d2setjobvac-title {
    display: block;
    clear: both;
    font-size: 18px;
    font-weight: 500;
    margin-left: 26px;    
}
#d2setjobvac-main .d2setjobvacitem {
    width: 33.3%;
    height: 26px;
    min-height: 26px;    
    float: left;
    cursor: pointer;
    background-color: #e8faff;
    color: rgb(10,125,181);
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}
#d2setjobvac-main.d2jobsel2 .d2setjobvacitem {
    width: 19.98%;
}
/*1-seg d2jobsel2 not implemented, assume always 2-seg*/

#d2setjobvac-main > div.d2setjobvacitem:nth-child(odd) {
    background-color: #effdff;
}
#d2setjobvac-main .d2setjobvacitem:hover {
    background-color: #a2f4ff !important;
}
#d2setjobvac-main .d2setjobvacitem.selected {
    background-color: #fffe00 !important;
    opacity: 1;
}
#d2setjobvac-main .d2setjobvacitem-time {
    margin-left: 8px;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    color: #AAA;
}

#d2setjobvac-main .d2setjobvacitem-info {    
    font-style: italic;
    font-weight: 400;
    font-size: 10px;
    color: #AAA;
}

.d2setjobitem .short-div, .d2setjobvacitem .short-div {
    margin-left: 1px;    
}

#d2setjobvac-head {
    display: inline-block;
    width: 100%;
    padding-bottom: 0px;
    padding-top: 4px;
    background-color: rgb(229, 241, 253);
    border-bottom: 2px;
    border-bottom-color: #3060a0;
    border-bottom-style: solid;
    color: rgb(10,125,181);
}

#d2setjobvac-headtitle {    
    clear: both;
    font-size: 18px;
    font-weight: 500;
    margin-left: 38px;    
}

#d2setjobvac-headinfohour,
#d2setjobvac-mixheadinfohour,
#d2setjobvac-headinfosubtype {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    margin-left: 8px;
}
#d2setjobvac-headinfohour.zero-impact,
#d2setjobvac-headinfosubtype.zero-impact {
    color: #999;
}

#d2setjobvac-headitem {    
/*    
    width: 100%;
    float: left;  
*/
    position: absolute;
/*    
    top: 10px;
*/
    bottom: -6px;
    display: inline-block;    
    height: 26px;
    min-height: 26px;
    font-size: 15px;
    right: 8px;    
}

#d2setjobvacico {
    margin-left: 1px;
}

#d2setjobvac-hours {
    width: 50px;
    font-size: 18px;
    font-weight: 500;
    height: 23px;
}
.d2setjobvac-mixhours {
    width: 44px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    top: -2px;
    margin-right: -1px;
}


#d2setjobvac-freediv {
    display: block;
    float: right;
    cursor: pointer;
    padding-right: 8px;
    height: 16px;
    margin-top: 3px;
}
#d2setjobvac-freediv:hover {
    opacity: 0.7;
}
#d2setjobvac-freediv span,
#d2setjobvac-freeopt span {
    color: #777;
    font-style: italic;    
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: -3px;
}
#d2setjobvac-freeopt {
    padding-top: 3px;
    padding-left: 4px;
}


.ico-gray {
  display: inline-block;
  height: 16px;
  width: 16px;
  background: url(../images/smile-gray.png) no-repeat center center;
}

.fetd-vac-div {
    color: #3a77e2;
}

#d2setjob-main .d2setjobitem .d2setjobitem-name {
    margin-left: 3px;
}

#history-div {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.vacico-main {
        z-index: 100;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	right: 12px;
	color: #fff;
	background-image: url(../images/vacico20.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color: transparent;
}

div.ico20.vacico {    
    background-image: url(../images/vacico20.png);    
}

#table2-jobs[mode-clocks="1"].table2-jobs .td2-jobs.unavail1 {
    background-position: bottom right !important;
}

#table2-jobs[mode-clocks="1"].table2-jobs .td2-jobs.unavail1 .d2jobs-monogram {
    display: none;
}

.tee-ico-plus {
    display: inline-block;
    min-width: 32px;
    height: 32px;    
    position: relative;	
    background-image: url(../images/icoplus32.png);
    background-repeat: no-repeat;
    background-position: left 0px;    
    cursor: pointer;
    text-indent: 38px;
    padding-top: 0px;    
    color: #048707;
}
.tee-ico-plus:hover {
    opacity: 0.65;
}

#tee-variants-add {
    float: right;
    clear: both;
/*    
    position: absolute;
    right: 0px;        
*/
}

#tee-variants-del {
    float: right;
    clear: both;
    margin-top: 8px;
/*    
    position: absolute;
    right: 0px;
    bottom: -12px;    
*/    
}

#tee-variants-rename {
    float: right;
    clear: both;
    margin-bottom: 8px;
/*            
    position: absolute;
    right: 0px;
    top: -10px;    
*/    
}

#tee-variants-div .d3option {
    margin-left: 4px;
} 
#tee-variants-div .d3option:first-child {
    margin-left: 0px;
}

.d3disabled {
    opacity: 0.2 !important;
    cursor: default !important;
    pointer-events: none !important;
}

#tee-inplace {
    display: inline-block;
    position: absolute;
    z-index: 20000;
    left: -5%;
    top: -3%;
    min-width: 30px;
    min-height: 14px;
    width: 112%;
    height: 108%;
    border: 1px solid red;
    border-radius: 24px;
    text-align: center;
    padding-left: 14px;
    padding-right: 14px;    
    text-indent: 2px;
    margin: 0px;
    padding: 0px;
    color: red;
    background-color: #ccddff;
    overflow: hidden;  
}

.tee-variant {
    position: relative;
}
.tee-variant.selected {
    pointer-events: all !important;    
}

.tee-checkbox-label.sub,
.tee-color-div.sub,
.tee-btg.sub {
    margin-left: 24px;
}
.tee-checkbox-label.sub2,
.tee-color-div.sub2,
.tee-btg.sub2 {
    margin-left: 48px;
}
.tee-checkbox-label.sub3,
.tee-color-div.sub3,
.tee-btg.sub3 {
    margin-left: 72px;
}

#tee-setting-main-div, #tee-setting-detail-div {
    max-height: 60vh;
    overflow-y: auto;
}

.tee-color-div {
    display: inline-block;
    vertical-align: middle;
}
.tee-color-text {
    float: left;
}
.tee-color-div .palette-color-picker-button {
    float: left;
    width: 17px;
    height: 22px;
    border-radius: 8px;
}
.tee-color-div .palette-color-picker-button:hover {
    border-color: #ff24fc;
}
.tee-color-input {
    display: none;
}
.fullcolor .palette-color-picker-bubble {
    /*width: 386px;*/
    width: 374px;
    padding: 0px;
}
.fullcolor .palette-color-picker-bubble .swatch {
/*    
    width: 8px;
    height: 7px;
*/    
    width: 12px;
    height: 9px;
    margin: 0px;
    padding: 0px;
    outline-style: none !important;
    border: none !important;
    border-radius: 0px;
    float: left;
}
.fullcolor .palette-color-picker-bubble .swatch.active {
    z-index: 1000;    
    transform-origin: center;
    transform: scale(1.16);
    -webkit-box-shadow: 0px 0px 8px 2px #FFFFFF; 
    box-shadow: 0px 0px 8px 2px #FFFFFF;
}
.huecolor .palette-color-picker-bubble {
    /*width: 386px;*/
    width: 398px;
    padding: 0px;
}
.huecolor .palette-color-picker-bubble .swatch {
/*    
    width: 8px;
    height: 7px;
*/    
    width: 12px;
    height: 48px;
    margin: 0px;
    padding: 0px;
    outline-style: none !important;
    border: none !important;
    border-radius: 0px;
    float: left;
}
.huecolor .palette-color-picker-bubble .swatch.active {
    z-index: 1000;    
    transform-origin: center;
    transform: scale(1.16);
    -webkit-box-shadow: 0px 0px 8px 2px #FFFFFF; 
    box-shadow: 0px 0px 8px 2px #FFFFFF;
}

.tee-btg.sub {
    margin-left: 24px;    
}
.tee-btg.small .tee-btg-variant {
    height: 18px;
    line-height: 0.6;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;    
}

#tee-setting-detail-div h5 {
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 18px;    
}
#tee-setting-detail-div .tee-infotext {
    font-style: italic;
    font-weight: 500;
    font-size: 15px;
    color: #666;
    margin-bottom: 6px;
    margin-top: 9px;
    display: inline-block;
    padding-right: 6px;
}

div.tee-txt {
    display: inline-block;
}
.tee-txt-input {
    width: 60px;
    max-height: 25px;
    font-weight: 500;
    text-align: center;
    border: 1px solid #979797;
}

.tee-setting-part {
    margin-bottom: 30px !important;
}

.tee-setting-row {
    min-height: 26px;  
    line-height: 26px;    
    width: 100%;
    padding-left: 12px;    
    cursor: pointer;
}
.tee-setting-row > * {
    display: inline-block;
    vertical-align: middle;  
}

.tee-setting-row.tee-jobrow0 {
    background-color: #fffff0;
}
.tee-setting-row.tee-jobrow1 {
    background-color: #f0ffff;
}

.tee-setting-row.tee-jobrow0:hover {
    background-color: #fff7d7;
}
.tee-setting-row.tee-jobrow1:hover {
    background-color: #e0f7ff;
}
.tee-setting-row {
    font-size: 13px;
}
.tee-jobrow-name {
    width: 200px;    
    margin-right: 20px;
    font-size: 14px;
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}

.tee-setting-row.selected {
    padding-left: 6px;
    border-left: 6px solid red;
}
.fullcolor .palette-color-picker-bubble.force-left::after, .fullcolor .palette-color-picker-bubble.force-left::before {
  left: 364px;
}
.fullcolor .palette-color-picker-bubble.force-left {
  left: initial;
  right: 0px;
}
.tee-setting-row .tee-color-div {
    margin-left: 8px;
}



.tee-vacrow-name {
    width: 200px;    
    margin-right: 20px;
    font-size: 14px;
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}
.tee-setting-row.tee-setting-vacrow:nth-child(even) {
    background-color: #f6efff;
}
.tee-setting-row.tee-setting-vacrow:nth-child(odd) {
    background-color: #f0e8ff;
}
.tee-setting-row.tee-setting-vacrow:hover {
    background-color: #e7e0ff;
}


.tee-demrow-name {
    width: 175px;    
    margin-right: 20px;
    font-size: 14px;
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}
.tee-setting-row.tee-setting-demrow:nth-child(even) {
    background-color: #f6ffef;
}
.tee-setting-row.tee-setting-demrow:nth-child(odd) {
    background-color: #fffbf0;/*#f0ffe8;*/
}
.tee-setting-row.tee-setting-demrow:hover {
    background-color: #e7ffe0;
}
.tee-setting-demrow .ico20 {
    float: none !important;
}

.d3option-checkbox-ico {
    margin-bottom: 0px;
    margin-right: 2px;
    width: 20px;
    height: 19px;
    /*float: left;*/
    background: transparent url(../images/checkbox-sprite.png) no-repeat;
    vertical-align: top;
    display: inline-block;
    position: relative;
    /*top: -6px;*/
    z-index: 1;
}
.semi-selected .d3option-checkbox-ico {
    background-position: 0px -19px;
    opacity: 0.4;
}
.selected .d3option-checkbox-ico {
    background-position: 0px -19px;
}

.d3btngroup.small .d3option {
    height: 18px;
    line-height: 0.6;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
}
.d3btngroup.small .d3option-checkbox-ico {
    top: -5px;
}

.d2workers-headrow-daycell.d2prev,
.d2workers-row-daycell.d2prev {
    filter: grayscale(65%);
    pointer-events: none;
    background-color: rgba(190,190,190,0.12) !important;
}
.d2workers-headrow-daycell.d2prev, .d2workers-row-daycell.d2prev .d2workers-row-dayjob {
    /*transform: skewY(-6deg);*/
    background-color: rgba(240, 240, 240, 0.72) !important;
}

.d2workers-headrow-daycell.d2stat {
    position: relative;
    border-left: 1px solid rgba(128,128,128,0.25);    
}

.d2workers-headrow-daycell.d2stat .d2stat-longseg .img-info15,
.d2workers-headrow-daycell.d2stat .d2stat-longseg .img-alert15 {
    /*
    margin: auto;
    left: 0;
    right: 0;
    bottom: 10px;
    bottom: -51px;
    */
    right: 2px;
    top: 6px;
    pointer-events: all;
}

#d2wmain .d2stat-monthseg, #d2wmain .d2stat-longseg {
    position: absolute;
    z-index: 2;
    background-color: rgba(255,255,255,0.5);
    height: 22px !important;
    top: 0px;  
}

#d2wmain .d2stat-monthseg, #d2wmain .d2stat-longseg {
}

#d2wmain .d2stat-monthseg span, #d2wmain .d2stat-longseg span {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 4px;
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}

#d2wmain .d2stat-monthseg.single-col span, #d2wmain .d2stat-longseg.single-col span {    
    font-size: 10px;
    font-weight: 300;
    top: 6px;
}


.d2stat-col-head {
/*    
    font-size: 9px;    
    color: #222;
    font-weight: 600;
    display: inline-block;
    transform-origin: 110% 100%;
    transform: rotate(-40deg);    
*/
    font-size: 11px;
    color: #333;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    bottom: 4px;        
    margin: auto;
    left: 0;
    right: 0;    
/*    
    transform-origin: 50% 50%;
    transform: rotate(-40deg);
    position: relative;
    top: 13px;
    left: -1px;
*/
    z-index: 1;
}

.d3option.tag-inside.tag-only {
    padding-left: 18px;
    padding-right: 4px;
}



#d2wmain .d2workers-row-daycell-seg {
    position: relative;
}

#d2wmain .d2workers-row-daycell-seg::before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;   
    left: 0px;       
    z-index: 1;
}

#grouppatterns-div .d2pjobmove {
/*    
    transform: scale(0.7);
    position: absolute;
    left: -40px;
    top: -1px;
*/
    transform: scale(0.8);
    position: absolute;
    left: -25px;
    top: -1px;
}
#grouppatterns-div .d2pjobmove.right {
    left: -9px;
}
#grouppatterns-div .d2pjobmove:before {
    content: " ";
    opacity: 0;
    z-index: 10;
    position: absolute;
    left: -25%;
    top: -15%;
    width: 150%;
    height: 130%;
}
#grouppatterns-div .d2pgroupmove {
    transform: scale(0.7) rotate(90deg);
    position: absolute;
    left: 16px;
    top: 0px;
}
#grouppatterns-div .d2pgroupmove.right {
    left: 30px;
}

.d2stat-data.zero {
    color: rgba(120,120,120,0.17) !important;
}

.d2stat-data {
    font-size: 10px;
    font-weight: 400;
    z-index: 5;
    position: relative;        
}

.d2stat-data[strlen="1"] {
    font-size: 14px;
    font-weight: 500;
}
.d2stat-data[strlen="2"],
.d2stat-data[strlen="3"] {
    font-size: 13px;
    font-weight: 500;
}

.d2stat-data[strlen="4"] {
    font-size: 11px;
    font-weight: 500;
}

@media screen and (min-width: 1800px) {
    .d2stat-data {
        font-size: 10px;
        font-weight: 400;
    }

    .d2stat-data[strlen="1"] {
        font-size: 14px;
        font-weight: 500;
    }
    .d2stat-data[strlen="2"],
    .d2stat-data[strlen="3"] {
        font-size: 14px;
        font-weight: 500;
    }

    .d2stat-data[strlen="4"] {
        font-size: 13px;
        font-weight: 500;
    }    
    .d2stat-data[strlen="5"],
    .d2stat-data[strlen="6"] {
        font-size: 11px;
        font-weight: 500;
    }    
    
}



/*
#d2wmain.stats-vac-small .d2stat-data[colid="6"],
#d2wmain.stats-vac-small .d2stat-data[colid="106"] {
    font-size: 10px;  
    font-weight: 400;    
}
*/

/*
.d2stat-data[colid="1"],
.d2stat-data[colid="2"],
.d2stat-data[colid="3"],
.d2stat-data[colid="4"],
.d2stat-data[colid="5"],
.d2stat-data[colid="6"] {
    font-weight: 700;
}
.d2workers-row-daycell[colid="101"], .d2workers-headrow-daycell[colid="101"],
.d2workers-row-daycell[colid="102"], .d2workers-headrow-daycell[colid="102"],
.d2workers-row-daycell[colid="103"], .d2workers-headrow-daycell[colid="103"],
.d2workers-row-daycell[colid="104"], .d2workers-headrow-daycell[colid="104"],
.d2workers-row-daycell[colid="105"], .d2workers-headrow-daycell[colid="105"],
.d2workers-row-daycell[colid="106"], .d2workers-headrow-daycell[colid="106"] {
    filter: grayscale(0.42);
}
.d2workers-headrow-daycell[colid="3"] .d2stat-col-head, 
.d2workers-headrow-daycell[colid="103"] .d2stat-col-head,
.d2workers-headrow-daycell[colid="6"] .d2stat-col-head, 
.d2workers-headrow-daycell[colid="106"] .d2stat-col-head {
    color: white !important;
}
*/

#d2wmain .d2workers-jobname {
    margin-left: 12px;
    font-style: italic;
    font-size: 14px;    
    position: absolute;
    right: 0px;
}
#d2wmain .d2workers-jobname .short-div {
    font-style: normal;
}

#d2wmain .d2workers-infoname {
    font-size: 16px;
    font-weight: 500;
    color: #0a7db5;
    /*padding-top: 20px;*/
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

#d2wmain .d2workers-inforow,
#d2wmain .d2workers-inforow:hover { 
    border-top: 2px solid #666;
    padding-top: 8px;
    min-height: 32px;
    background-color: rgba(255,255,255,0.3);
}


.forced-height0,
#d2wmain .d2workers-inforow.forced-height0,
#d2wmain .d2workers-inforow.forced-height0 div {
    max-height: 0px !important;
    min-height: 0px !important;
    height: 0px !important;
    margin: 0px !important;
    padding: 0px !important;    
}

#d2wmain.fatline .d2workers-row.fatline {
    -webkit-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.48);
    -moz-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.48);
    box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.48);
    margin-top: 2px;
}

.fund-info-wrap {
    font-style: italic;
    font-size: 9px;
    color: #666;
}
#setworker .setworker-cell .fund-info-wrap {
    float: right;
    margin-left: 3px;
    margin-right: 0px;
}

.d2setjobitem-wname .fund-info-wrap {
    float: right;
    margin-left: 3px;
}

.fund-info-num {
    font-weight: 500;
    font-size: 11px;
    display: inline-block;
    margin-right: 2px;
}
.fund-info-num.plus {
    color: red;
}
.fund-info-num.minus {
    color: #30cbdc;
}

#d2wmain .d2workers-sumname.d2workers-name {
    float: right;
    margin-right: 1px;
    margin-top: 1px;    
}
#d2wmain .d2workers-sumrow {
    background-color: rgba(80, 255, 140, 0.10);
}
#d2wmain .d2workers-sumrow:nth-child(2n+1) {
    background-color: rgba(100, 255, 140, 0.07);
}

#d2wmain .d2workers-row:hover {
    background-color: rgba(255,255,0,0.24);
}
#d2wmain .d2workers-row:hover .top-border {
    display: block;    
}
#d2wmain .d2workers-row:hover .bottom-border {
    display: block;    
    background-color: #FFBB00;
}
.group-sum-cell {
    overflow: visible;
    position: relative;
    text-align: center;
}
.group-sum-cell-inner {
    display: inline-block !important;
    float: none !important;
}
.group-sum-cell .number {
    font-size: 13px;
    font-weight: 500;
    /*border-bottom: 1px solid #ccc;*/
}
.group-sum-cell .number.seg0 {
    color: #ff810e;
    border-bottom-color: #ff810e;
}
.group-sum-cell .number.seg1 {
    color: #8a1aae;
    border-bottom-color: #8a1aae;
}
.group-sum-cell .number.zero {
    color: rgba(0,0,0,0.1) !important;
    border-bottom: none;
    font-size: 10px !important;
}

.group-sum-cell .plus {
    font-size: 10px;
    color: rgba(0,0,0,0.15);
    font-weight: 700;
    margin-left: 0px;
    margin-right: -1px;
}

.d2workers-sumrow.single-seg .number {
    font-size: 16px;    
}
.d2workers-sumrow.single-seg .plus {
    display: none;
}
.d2workers-sumrow.single-seg.seg0 .number.seg1 {
    display: none;
}
.d2workers-sumrow.single-seg.seg1 .number.seg0 {
    display: none;
}

.d2workers-sumrow .img-alert15 { 
    left: 4px;
    top: 4px;
}
.d2workers-sumrow:not(.invalid) .img-alert15 {
    display: none;
}

.d2workers-sumrow.invalid .number {
    color: rgba(0,0,0,0.2);
}

.d2workers-sumrow.invalid {
    background-color: rgba(255,0,0,0.05) !important;
}
.d2workers-sumrow.invalid .group-sum-cell-inner {
    opacity: 0.25;
}
#d2workers-dayrow {
    /*transition: top 0.25s cubic-bezier(1, 0, 0, 1) 0s;*/
}

#d2wrap-workers.spec-notransform {
    transform: none !important;
}
#d2wrap-workers.spec-notransform #d2workers-dayrow.float {
    position: fixed !important;
    z-index: 1001 !important;
    /*padding-top: 3px !important;*/
    padding-top: 0px !important;
    border-top: 1px solid white !important;
}
#d2wrap-workers #d2workers-dayrow:not(.float) {
    width: 100% !important;
}

#d2wmain .d2workers-bigleftinfo {
    height: 0px !important;
    min-height: 0px !important;
    padding-top: 0px !important;
    z-index: 500;
    position: relative;
}

#d2wmain .d2workers-bigleftinfo span {
    font-size: 16px;
    font-weight: 500;
    color: #0a7db5;
    position: absolute;
    left: 2px;
    top: 1px;    
}

.d2workers-sumrow-segname {
    font-size: 11px;
    color: #aaa;
    font-style: italic;
    margin-right: 5px;
}

.d2workers-sumrow.single-seg.tworow.onlyseg0.seg1,
.d2workers-sumrow.single-seg.tworow.onlyseg1.seg0,
.d2workers-sumrow.tworow.onlyseg0 .number.seg1,
.d2workers-sumrow.tworow.onlyseg1 .number.seg0,
.d2workers-sumrow.tworow .plus {
    display: none;
}

.d2workers-sumrow.tworow .number {
    font-size: 14px;
    font-weight: 900;
}
.d2workers-sumrow.tworow .number.digit1 {
    font-size: 16px;
}
@media screen and (min-width: 1800px) {
    .d2workers-sumrow.tworow .number {
        font-size: 16px;
    }
    .d2workers-sumrow.tworow .number.digit1 {
        font-size: 18px;
    }    
}

/*
.d2workers-sumrow.invalid.tworow.onlyseg1,
.d2workers-sumrow.invalid .d2workers-sumrow-segname {
    display:none;
}
*/

.forced-height0-tr, .forced-height0-tr * {
        max-height: 0px !important;
        min-height: 0px !important;
        height: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	opacity: 0;
	overflow: hidden !important;
        border-bottom: 0px !important;
        border-top: 0px !important;
        line-height: 0 !important;
}
.height-transition-tr, .height-transition-tr * {
    max-height: 2100px;
    -webkit-transition: margin 0.4s linear, opacity 0.4s linear, max-height 0.4s linear, line-height 0.4s linear;
    -o-transition:  margin 0.4s linear, opacity 0.4s linear, max-height 0.4s linear, line-height 0.4s linear;
    transition: margin 0.4s linear, opacity 0.4s linear, max-height 0.4s linear, line-height 0.4s linear;
}


.d3btngroup.medium-size .d3option,
.d3btngroup.small .d3option {
    padding-left: 9px;
    padding-right: 9px;
    font-size: 14px;
}

#d2wmain[mode-wplan="0"][mode-demands="1"] .d2workers-row-daycell .d2workers-row-dayjob.d2workers-dayjob-caller {
    pointer-events: none !important;
}

/*
#d2wmain[targeted-col="0"] .d2workers-headrow-daycell[day="0"], #d2wmain[targeted-col="0"] .d2workers-headrow-daycell[day="0"] span {
    color: red !important;    
    font-weight: 900;          
    background-color: rgba(255,255,224,0.88) !important;
}

#d2wmain[targeted-col="0"] .d2workers-row-daycell[day="0"] {
    background-color: rgba(255,255,0,0.24) !important;
}
*/

#d2wselcol {
    position: absolute;
    z-index: 1011;
    background-color: rgba(255,255,0,0.24);
    height: 100%;
    top: 0px;
    left: 300px;
    width: 20px;
    pointer-events: none;
    border-left: 1px solid #FFBB00;
    border-right: 1px solid #FFBB00;
}
/*
html.replace-mode #d2wselcol {
    border-left: none;
    border-right: none;
}
*/

#d2wmain .d2workers-row-daycell-seg.selected:hover {
    z-index: 9000;
    transform: scale(1.2);
}

#d2wmain .d2workers-row-daycell-seg.selected:hover:after {
    border: 2px solid white;
}

.spec-mb-50 {
    margin-bottom: -50px !important;
}

/*
#utimes-select + div .selectpicker {
    padding-left: 2px;
    height: 47px;
    border-color: #307531;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none;
    background-size: 58px 100%;
}
#utimes-select + div .selectpicker span.filter-option {
    height: 45px;
    padding-top: 12px;
}
*/

#xmjh-row label {
    font-size: 11px;
    top: 3px;    
}

@media screen and (max-width: 1380px) {
    #d3sp-workers .d3btn {
        font-size: 15px;
        font-weight: 700;
        padding-left: 5px;
        padding-right: 5px;
    }
    #d3sp-workers .d3sp-rpart {
        right: 16%;
    }
    #d3sp-workers .d3option {
        padding-left: 5px;
        padding-right: 5px;
    }
    #workers-visual-set .d3option {
        padding-left: 5px;
        padding-right: 5px;
    }
}

#feModalBody {
    max-height: 64vh;
    overflow-y: auto;
    -webkit-transition: max-height 0.15s linear;
    -o-transition:  max-height 0.15s linear;
    transition:  max-height 0.15s linear;            
}
.custom-text #feModalBody {
    max-height: 45vh;
}

.w-200 {
    width: 200px;
}


input[type="time"]::-webkit-calendar-picker-indicator { background: none; display:none; }

.ttcfg-paid {
    position: relative;
    left: 25%;
}

.ttcfg-paid-th {
    left: 1%;
}

.width-8percent {
    width: 8%;
}

.width-10percent {
    width: 10%;
}

.width-18percent {
    width: 18%;
}

.width-29percent {
    width: 29%;
}

.job-title-row-large {
    .width-8percent {
        width: 4%;
    }

    .width-18percent {
        width: 10%;
    }

    .vertical-divider {
        margin-right: 10px;
        left: 0 !important;
    }
}

.absence-row-large {
    .width-10percent {
        width: 8%;
    }
    .width-18percent {
        width: 10%;
    }
    .width-29percent {
        width: 17%;
    }
    .vertical-divider {
        margin-right: 10px;
        left: -4% !important;
    }
}