TASKPM/navalplanner-webapp/src/main/webapp/planner/css/ganttzk.css

/*
 * ganttz.css Ganttz specific styles
 *
 * The purpose of this stylesheet is to declare custom classes and objects
 * will be positioned inside scheduler components.
 * It might contain references to ZK Style Guides [http://www.zkoss.org/doc/styleguide]
 * if needed within the scheduler.
 */

/*
    The next constants are used within the planner styling:

    Ganntz.ListdetailsWidth = 280

    zkTasklist.HEIGHT_PER_TASK = 10
    zkTasklist.HEIGHT_PER_ROW = 15
    zkTasklist.HEIGHT_TIME_TRACKER = 120

    zkTasklist.SCROLLBAR_WIDTH = 15

    zkTasklist.SCROLL_CONTAINER_INITIAL_HEIGHT = 500
    zkTasklist.SCROLL_CONTAINER_INITIAL_WIDTH = 600

    zkTasklist.GANTT_PANEL_LEFT = 300

*/

/* -------------- Listdetails -------------- */
.listdetails {
    margin-top: 0px;
    font-size: 10px !important;
}

#listdetails_container .z-tree-header table {
    position:relative;
    z-index: 4;
}

.listdetails .z-tree-body {
    margin-top: -18px;
}

.listdetails div.z-tree {
    background: #FFFFFF;
}

.listdetails img {
    display: none;
}

#listdetails_container td {
    border-bottom: 1px solid #86A4BE;
    border-left: 1px solid #86A4BE;
    border: 0px;
}

#listdetails_container td {
    padding: 0px;
}

.listdetails th.z-tree-col .z-tree-col-cnt {
    font-size:11px;
    font-weight:bold;
}

.listdetails input {
    width: 100%;
    font-size: 10px !important;
    border-bottom: 0px;
    border-right: 0px;
    border-top: 0px;
    border-left: 1px dotted #86A4BE;
    height: 16px;
    padding-left:2px;
}

#listdetails_container .z-datebox-inp,
#listdetails_container div.z-tree-col-cnt {
    font-size: 9px !important;
    border-bottom: 0px;
    border-right: 0px;
}

.listdetails input {
    /* min-width: 90px; */
    height: 19px;
}

.listdetails .depth_1 input.task_title {
    width: 121px;
}

.listdetails .depth_2 input.task_title {
    width: 104px;
}

.listdetails .depth_3 .task_title {
    width: 85px;
}

.listdetails .depth_4 .task_title {
    width: 64px;
}

.listdetails {
    min-width:200px;
}

.listdetails div.z-tree-header th.z-tree-col {
    overflow:visible;
}

.listdetails .taskdetail_grid {
    height: 23px;
}

.taskdetail_grid table {
    height: 30px;
    width: 285px; /* Ganntz.ListdetailsWidth */
}

#listtasks {
    position: relative;
    width: 100%;
    top: 0px;
}

/* Task box properties */
.box {
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    cursor: hand;
}

/* Task lane properties */
.row {
    height: 12px;
    border-bottom: dotted 1px #CCCCCC;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

/* Task in critical path */
.row .critical {
    border: 3px solid #EE6666;
    margin-top: -3px;
}

.standard-task {
    background-color: #007bbe;
}

.subcontracted-task {
    background-color: #78908c;
}

/* -------------- Dependencies -------------- */
#listdependencies {
    position: relative;
    width: 400px;
    float: left;
    top: 0px;
}

.dependence {
    position: absolute;
}

.end,.start,.mid,.arrow {
    position: absolute;
    padding: 4px;
    cursor: crosshair;
    z-index:0;
}

.end,.start {
    height: 1px;
}

.mid {
    width: 1px;
}

.completion {
    width: 0%;
    margin-top: 0px;
    height: 5px; /* zkTasklist.HEIGHT_PER_TASK / 2 */
    background-color: #FFCC99;
    border: 0px;
}

.completion2 {
    width: 0%;
    height: 5px; /* zkTasklist.HEIGHT_PER_TASK / 2 */
    background-color: #75d9b0;
    border: 0px;
}

.taskgroup_start,.taskgroup_end {
    top: -12px; /* zkTasklist.HEIGHT_PER_TASK */
}

.row span {
    display: none;
    position: relative;
    color: #BBBBBB;
    white-space: nowrap;
}

/* -------------- TaskGroup -------------- */
.taskgroup_start {
    background-image: url("../../zkau/web/ganttz/img/group_left.png");
    height: 10px;
    width: 10px;
    float: left;
    clear: both;
}

.taskgroup_end {
    background-image:
        url("../../zkau/web/ganttz/img/group_right.png");
    height: 10px;
    width: 10px;
    position:absolute;
    right:0;
    top:0;
}

.taskgroup,.row .expanded {
    border-top: solid black 2px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    background-color: transparent !important;
}

.border-container {
    overflow:hidden;
    padding-right:2px;
    heigth: 12px !important;
    position: relative;
    top: -12px;
    left:10;
    display: block;
    clear: both;
}

.milestone_end {
    background-image:
        url("../../zkau/web/ganttz/img/milestone.png");
    height: 15px;
    width: 15px;
    float: right;
    position:relative;
    left: 7px;
    top: -12px;
}

.row .closed {
    border-top: solid black 2px;
}

.zk #ganttpanel .z-button-cm {
    border: 0px;
}

#ganttpanel {
    height: 400px; /* 800 */
    width: 100%
}

#ganttpanel table {
    float: left;
    padding: 0;
    margin: 0;
}

#ganttpanel table td {
    /* padding: 0; */
}

/* -------------- Timetracker -------------- */
.timetracker_fake_row {
    height: 80px;
}

/* Forces every zoom level the same table width */
#timetracker table {
    border-collapse: collapse;
}

#timetrackerheader table {
    border-collapse: collapse;
}

#timetracker .second_level_ tr {
    height: 14px;
}

/* Watermark alternate row color */
#watermark .timetracker_column_even {
    background-color: #EEEEEE !important;
    height: 458px;
}

#watermark .timetracker_column_today.timetracker_column_deadline,
#watermark .timetracker_column_deadline.timetracker_column_today  {
    background-image: url("../../zkau/web/ganttz/img/watermark_deadline.png");
}

/* Background image for current day vertical line */
#watermark .timetracker_column_today {
    background-image: url("../img/watermark_today.png");
    background-repeat: repeat-y;
}

#watermark .timetracker_column_deadline {
    background-image:
        url("../../zkau/web/ganttz/img/watermark_deadline.png");
    background-repeat: repeat-y;
}


#watermark .bankHoliday {
    background-color: #FFEEEE !important;
}

#watermark .weekend {
    background-color: #FFEEEE !important;
}

/* Reduce spacing and font-size for watermark legend */
.z-columns,.z-column {
    font-size: 8px !important;
    text-align: center;
    padding: 0 0 0 0 !important;
}

table {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#scroll_container {
    margin-top: 0px;
    float: left;
    position: absolute;
}

#timetracker { /* border: solid 1px red; */
    position: absolute;
    float: left;
    z-index: -20;
}

.resourcesload #timetracker {
    position: absolute;
    left: 0px;
    top: 0px;
    height: auto; width : 600px;
    overflow-x: visible;
    width: 600px;
}

tr.z-vbox-sep {
    height: 0px;
    padding: 0px;
    margin: 0px;
}

#ganttpanel_scroller_x,#ganttpanel_scroller_y {
    position: absolute;
    float: left;
    overflow: auto;
    display:none;
}

#ganttpanel_scroller_x {
    top: 600px; /* (dynamic) */
    left: 285px; /* Ganntz.ListdetailsWidth + borders = 280 + 5 */
    width: 635px;
    height: 15px;
}

#ganttpanel_inner_scroller_x {
    width: 9000px; /* Real canvas dimensions */
    height: 15px; /* Scroll constant */
}

#ganttpanel_scroller_y {
    top: 145px; /* Fixed top position */
    left: 920px;
    width: 15px;
    height: 330px;
}

#ganttpanel_inner_scroller_y {
    width: 15px; /* Scroll constant */
    height: 1350px;
    /* Modified when added or removed tasks, or zoom adjustments */
}

/* Hidden at the beginning to avoid the first scalation effect */
#ganttpanel_scroller_x {
    display: none;
}

#ganttpanel_scroller_y {
    display: none;
}

.scheduling-graphics .z-tabpanels-ver, .scheduling-graphics .z-tabpanel-ver,
.scheduling-graphics .z-tabpanel, .scheduling-graphics .z-tabbox-ver .z-tabpanels-ver {
    padding:0px;
}

/*  ----------- Advanced resources assignment ------------ */
.timetrackedTableWithLeftPane {
    width: 1000px;
}

.leftPaneOfTimeTrackedTable {
    margin-top: 45px;
    width: 390px;
    float: left;
}

#timetrackedtable {
    float: right;
    width: 600px;
    /* overflow: auto; */
}

.advancedallocationlayout #timetrackedtable {
    float: none;
    width: auto;
    overflow: visible;
}

/* ----------- ResourcesLoad ----------------- */
.taskassignmentinterval {
    float: left;
    height: 10px;
    position: absolute;
    border-left: solid 1px white;
}

.FULL_LOAD {
    background-color: #fdbe13;
}

.SOME_LOAD {
    background-color: #98d471;
}

.OVERLOAD {
    background-color: #ff5a11;
}

.NO_LOAD {
   border-left: 0;
}

.row_resourceload {
    height: 10px;
    border: 1px;
    margin-bottom: 10px;
    margin-top: 8px;
    width: 100%;
    border-bottom: 1px dotted #CCCCCC;
}

.resourceloadleftpane .z-tree-row .z-label {
    height:18px;
    padding-bottom:0;
    vertical-align:bottom;
}

.resourceload_name {
    display: none;
}

.resourceloadleftpane {
    border: 1px;
    margin-top: 0px;
    min-width: 125px;
}

.resourceloadleftpane .secondlevel {
    display: inline;
}

/* -- Upper taskpannel is hidden --*/
.taskspanelgap #timetracker {
    border-top: 0px;
    margin: 0px;
}

.resourcesload .taskspanelgap #timetracker table {
    margin-top: -10px;
}

.resourcesload .taskspanelgap #timetracker th {
    display: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

#ganttpanel #timetracker th {
    display:none;
}
#ganttpanel #timetracker {
    margin-top:-20px;
}

#timetrackerheader table {
    border-collapse: collapse;
}

.resourceloadleftpane div.z-tree-cell-cnt {
    paddding-top: 2px;
    border-bottom: 1px dotted #CCCCCC;
}

.resourceloadleftpane div.z-tree-body td.z-tree-cell {
    padding: 0px;
}

.resourceloadleftpanetitle {
    height: 40px;
}

.resourceloadleftpane .z-tree-body {
    z-index: -10;
}

.leftpanelgap .z-tree-body {
    z-index: 2;
}

.leftpanelgap .z-tree-header {
    z-index: 16;
}

.leftpanelgap .resourceloadleftpane {
    background: none;
    border: 0px;
}

.resourceloadlist {
    margin-top: 13px;
}

.resourceload-resource div {
    border: solid 1px;
}

.resourceload-global-generic div {
    border: solid 1px;
}

.row_resourceload.resourceload-global-generic,
.row_resourceload.resourceload-resource {
    margin-bottom: 8px;
    margin-top: 6px;
    padding-bottom: 2px;
}

.resourceloadleftpane .z-tree-ico + .secondlevel span {
    font-weight: bold;
}

.resourceloadleftpane .z-label {
    font-size: 10px;
}


.timetrackergap {
    position: relative;
}

.tree-datecolumn {
    width: 100px;
}

.tree-text {
    width: 150px;
}

.listdetails div.z-tree-cell-cnt {
    padding: 0px;
}

div.z-tree {
    overflow:visible;
}

.listdetails td {
    border-bottom: 1px dotted #86A4BE !important;
}

.plannerlayout, .resourcesloadlayout, .advancedallocationlayout {
    height:550px;
}
.orderslayout {
    height:550px;
}


.task_tooltip {
    display:none;
    font-size: 11px;
    position: absolute;
    top: 15px;
    width: 270px;
    margin-left: 5px;
    background-color: #f7f7bf;
    border: solid 1px #CCCCCC;
    z-index: 7;
    -moz-box-shadow: 1px 1px 10px #666666;
}

.task-labels {
    display: none;
    float: left;
    white-space: nowrap;
    font-size: 9px;
    position: relative;
    top: 8px;
    left: 10px;
    z-index: 6;
	background-color: rgb(255, 202, 135);
	background-color: rgba(255, 202, 135, 0.9);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 0 3px;
}

.box.expanded .task-labels,
.box.expanded .task-resources {
    display: none !important;
}

.task-labels span {
    padding: 1px 4px;
}

.task-resources {
    display: none;
    float: right;
    position: relative;
    top: -2px;
    left: 10px;
    z-index: 6;
}

.task-resources-inner {
    position: absolute;
    left: 0px;
    font-size: 9px;
    white-space: nowrap;
    color: #000000;
    padding: 1px 3px;
}

.task-resources span {
    padding: 1px 4px;
}


.yui-resize {
    z-index: auto !important;
}

.advancedallocationlayout .name {
    min-width:200px;
}

.advancedallocationlayout .second_level_ {
    border-collapse: collapse;
}

.advancedallocationlayout .second_level_ th {
    width:150px;
}
.advancedallocationlayout .taskspanelgap td.z-row-inner {
    padding:0 !important;
}
.advancedallocationlayout .taskspanelgap td.z-row-inner input {
    padding-top: 1px;
    padding-bottom:1px;
}

.advancedallocationlayout .taskspanelgap .z-label {
  margin-left:3px;
}

.advancedallocationlayout .taskspanelgap .level1 {
  margin-left:8px;
}


.taskspanelgap table {
    border-collapse: collapse;
}

.advancedallocationlayout .taskspanelgap input {
    width: 100%;
    heigth: 21px;
}

.advancedallocationlayout .taskspanelgap tr.z-grid-odd td.z-row-inner, tr.z-grid-odd,
.advancedallocationlayout .taskspanelgap tr.z-row {
    background: #E8E8E8;
}

.advancedallocationlayout .taskspanelgap input {
    widht: 100%;
}


.taskspanelgap input {
    border: 0;
    height: 19px;

}

.advancedassignmentdetails tr.z-row,
.taskspanelgap tr.z-row {
    height: 23px;
}

.advancedassignmentdetails td {
    overflow:hidden;
    white-space: nowrap;
}

.advancedassignmentdetails .level1 {
  margin-left:12px;
}

.advancedassignmentdetails .level0 {
  font-weight:bold;
}


.advancedallocationlayout .leftpanelgap .z-grid-header {
    /* padding-bottom: 3px; */
    border-bottom: solid 1px #DDDDDD;
    background: #FFFFFF;
}

.advancedallocationlayout div.z-row-cnt {
    padding: 0;
}

.advancedallocationlayout .leftpanelgap td.z-row-inner {
    padding-top:0;
    padding-bottom:0;
}

.advancedassignmentdetails .z-intbox {
    width: 50px;
}
.advancedassignmentdetails .z-combobox-inp {
    width: 60px;
}

.advancedallocationlayout .leftpanelgap .name {
}

.advancedassignmentdetails .hours {
    width: 60px;
}

.advancedassignmentdetails .function {
    width: 110px;
}

.advancedassignmentdetails .z-combobox {
    margin-top: 2px;
}
.advancedassignmentdetails .z-intbox {
    padding-left: 0px;
}

#tasksTree div.z-tree-header, #tasksTree div.z-tree-header tr, #tasksTree div.z-tree-footer {
    overflow:visible;
}

#listdetails_container div.z-tree-body,
#listdetails_container div.z-dottree-body,
#listdetails_container div.z-filetree-body, #listdetails_container div.z-vfiletree-body {
    overflow:visible;
}

.listdetails th {
    display:visible;
    margin-top:10px;
}

.listdetails {
    position:relative;
}

#listdetails_container {
    top:-18px;
}

.listdetails .z-tree-header {
    margin-bottom:17px;
}

.listdetails .z-tree-header table {
    /* display:none; */
}

.plannerlayout div.z-tree, .plannerlayout div.z-grid,
.resourcesload div.z-tree, .resourcesload div.z-grid {
    border: 0;
}

#timetrackerheader table {
    height:15px;
}

#timetrackerheader .z-grid-body {
    display:none;
}

.taskheaderscontainer, .leftpanelgap, .resourcesloadgraph div {
    position:relative;
}

.advancedassignmentdetails .z-grid-header table {
    height:30px;
}

/* Advanced assignment */
.advancedallocationlayout #timeTracker .z-vbox table {
    height:15px;
}

.advancedallocationlayout #timeTracker .z-vbox .z-grid-body {
    display:none;
}

.advancedassignmentdetails .z-grid-body {
    position:relative;
    margin-top: 31px;
    overflow:hidden;
}

.advancedassignmentdetails .z-grid-header {
    z-index:2;
    position:absolute;
    overflow:hidden;
}

/* Workaround for extra column when configuring functions */
.advancedassignmentdetails td + td + td + td {
    display:none;
}

/*
.advancedassignmentdetails .z-row, .advancedallocationlayout .taskspanelgap .z-row {
    height: 20px;
} */

.advancedallocationlayout .taskspanelgap td.z-row-inner {
    padding:1px;
    padding-left: 3px;
    padding-right: 3px;
}

.deadline {
    position:absolute;
    /* border-right: solid 2px red; */
    margin-top: -5px;
    float:left;
    left:-100px; /* Hide when it has't been set */
    width:10px;
    height:22px;
    background-image: url("../../zkau/web/ganttz/img/deadline2.png");
}

body .perspectives-column {
    display:inline;
}

.perspectives-column .z-west-body {
    width: 200px !important;
}


#watermark .timetracker_column .today_deadline {
    background-image:url(../img/watermark_today.png);
    background-repeat: repeat-y;
    height:100%;
    position:absolute;
    top:0;
    z-index:3;
    width: 100%;
}

.orderslayout .z-window-embedded-header {
    display:none;
}


.timeTrackedTableWithLeftPane .z-grid-body table {
    width: 1px !important;
}

#timeTracker .second_level_ {
    border-left: solid 2px #9EB6CE;
    border-right: solid 2px #9EB6CE;
}

.advanced-assignment-area .timeTrackedTableWithLeftPane div.z-grid {
    overflow: visible;
}