TASKPM/libreplan-webapp/src/main/webapp/common/css/libreplan_zk.css

/*
 * libreplan_zk.css LibrePlan
 *
 * This stylesheet contains declarations for ZK overriden components
 * according to the ZK Style Guides [http://www.zkoss.org/doc/styleguide]
 * to integrate the custom appearance of the web application.
 */

    /* ----- Predefined Height dependent styles ----- */
    .scheduling-graphics {
        height:200px;
    }

    .main-layout {
        height: 560px;
    }

    .taskheaders-border {
        width: 300px;
    }

.plannerlayout #watermark {
    height: 99999px !important;
}

.plannerlayout .taskspanelgap #timetracker {
    overflow-y: hidden;
}

.leftpanelcontainer {
    overflow-x: scroll;
}

body {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.logo {
    background-image: url("../img/v3/blue_ga.jpg");
    height: 50px;
    width: 300px;
    height: 100px;
    float: left;
    clear: both;
    position: absolute;
    border: 0;
}

.headings {
    height: 90px;
}

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

.errorbox {
    margin: 40px;
    padding: 40px;
    border: solid 1px red;
}

.warningbox {
    margin: 40px;
    padding: 40px;
    border: solid 1px #FDBE13;
}

/* Buttons styles */

.icono .z-button-cm,
body .z-window-embedded .icono .z-button-cm,
body .z-window-modal .icono .z-button-cm,
body .advancedallocationlayout .icono .z-button-cm {
    color: #007bbe;
    background-color: transparent;
    background-image: none;
    border: 0px solid #007bbe;
    padding: 0px;
}


.z-button {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}



/* Perspective and planner buttons
--------------------------------------------------- */
.perspectives-column {
    padding-top:0;
    overflow-y: auto;
    border-right:0;
}


.perspectives-column .global-commands {
    margin-bottom: 0;
}

.toolbar-box {
    border:0;
}

.toolbar-box .z-button {
   padding: 1px 2px 2px 2px;
}

.planner-command .z-button-cm,
.planner-icon .z-button-cm {
   padding: 2px;
}

.toolbar-box .z-button .z-button-cm,
.advancedallocationlayout .z-north-body .z-button-cm {
    height: 24px;
    padding: 2px;
}

.toolbar-box .clicked .z-button-cm,
.toolbar-box .z-button-cm:active {
    background-color: #E6F2F9; /* blue (active background)*/
    border-top: 1px solid #006699;
    border-left: 1px solid #006699;
    padding: 2px;
}

.sub_menu .z-button-cm {
    background-color: transparent !important;
    border: 0px;
    color: #EDF2F7;
}

.sub_menu_active.z-button {
    color: #3b89b7;
    background-color: #FFFFFF;
    padding:2px;margin:2px;
}

.sub_menu .z-button-cm:hover {
    text-decoration: underline;
}

.sub_menu_active.z-button td,
.sub_menu.z-button td {
    background-image: none;
}

/* Global action button styles
--------------------------------------------------- */
.global-action.z-button {
    margin-top: 10px;
    font-weight: bold;
}

.global-action.z-button .z-button-cm {
    padding: 4px 25px;
    background-position: 5px;
    background-repeat: no-repeat;
    margin-right: 1px;
}

.global-action.z-button .z-button-cm:active {
    margin-right: 0px;
    border-bottom: 0px;
    border-right: 0px;
}

.save-button.z-button .z-button-cm {
    background-image: url(../img/bt_ok.png);
}

.create-button.z-button .z-button-cm {
    background-image: url(../img/bt_create.png);
}

.saveandcontinue-button.z-button .z-button-cm {
    background-image: url(../img/bt_ok_continue.png);
}

.cancel-button.z-button .z-button-cm {
    background-image: url(../img/bt_cancel.png);
}

.back-button.z-button .z-button-cm {
    background-image: url(../img/bt_back.png);
}

/* Embed tabbpanels button destyling */
.z-tabpanel .global-action.z-button .z-button-cm {
    background-image: none;
    padding: 2px 18px;
    margin-left: 5px;
}

/* --- END -- Button styles --
=================================================== */

.vertical_separator {
    width: 14px;
    height: 20px;
    margin-top: 4px;
    background-image: url("../img/sub_separacion.gif");
}

.footer {
    clear: both;
    margin: 20px;
    font-size: 12px;
}

/* ------------- order element tree  -------------  */
.orderTree input {
    height: 18px;
    border-bottom: 0px;
    border-top: 0px;
    border-left: 1px dotted #7EAAC6;
    padding-left: 2px;
    border-right: 0px;
}

.orderTree .z-datebox-inp {
    height: 20px;
}

/* Allows tasknumber span to have fixed width */
.orderTree .tasknumber {
    display: inline-block;
}

.orderTree td {
    padding: 0px !important;
}

/* These constants may be reviewed when testing with 3 digit tasknumbers */
.orderTree .depth_1 input,
.orderTree .depth_2 input,
.orderTree .depth_3 input,
.orderTree .depth_4 input,
.orderTree .depth_5 input,
.orderTree .depth_6 input
{
    border-right: 0px;
}

/* Cleaning window borders */
.z-window-embedded-tr,.z-window-embedded-tl {
    display: none;
}

.z-window-embedded-hl,.z-window-embedded-hm {
    background-image: none;
}

.z-window-embedded-hr {
    background: none;
}

.z-window-embedded-header {
    color: #009900;
    font-weight: bold;
    font-size: 1.2em;
}

.message_ERROR, .message_INFO {
    border-radius: 10px;
    padding: 15px;
    margin: 10px;
    width: 300px;
}

.message_WARNING {
    border-radius: 10px;
    padding: 10px 5px;
    margin: 5px;
}

.message_WARNING img, .message_ERROR img {
    display: none;
}

.message_ERROR {
    color: #ee0000;
    border: solid 1px #ee0000;
    background-color: #eecccc;
}

.message_WARNING {
    color: #CC5013;
    border: solid 1px #CC5013;
    background-color: #FDCA87;
}

.message_INFO {
    color: #006600;
    border: solid 1px #006600;
    background-color: #cceecc;
}

.message_INFO span {
    position: relative;
    top: -10px;
    left: 10px;
}

#messages-div {
    position:fixed;
    margin-top:-10px;
}

div.z-errbox {
    background-color: #EECCCC;
    color:red;
    border:solid 1px red;
    border-radius: 10px;
}

.advancedallocationlayout .message_WARNING {
    padding: 3px 20px 3px 20px;
    margin: 0;
    width: auto;
}

h4.message_WARNING {
    border-radius: 10px;
    padding: 10px 5px;
    margin: 25px;
    font-size: 12px;
    font-weight: normal;
    width: 400px;
}


.z-window-embedded {
    margin: 10px;
    margin-top: 5px;
}

.main-area .z-center-body > .z-window-embedded {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
}

/* Hide inner second level embed window titles */
.z-window-embedded
.z-window-embedded
.z-window-embedded
.z-window-embedded-hl {
    display: none;
}

.subtitulo {
    color: #007bbe;
    font-weight: bold;
}

/* ------ Overridden norrmoz.css.dsp styles ------ */
.z-label,.z-radio-cnt,.z-checkbox-cnt,.z-slider-pp,input.button,input.file,.z-loading,.z-errbox,
div.z-tree-footer-cnt, div.z-tree-cell-cnt, div.z-tree-col-cnt, .z-listbox,
div.z-footer-cnt, div.z-row-cnt, div.z-group-cnt, div.z-group-foot-cnt,
div.z-column-cnt, div.z-list-footer-cnt, div.z-list-cell-cnt, .z-bandbox, .z-bandbox-inp {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.z-textbox-disd, .z-decimalbox-disd, .z-intbox-disd, .z-longbox-disd, .z-doublebox-disd,
.z-textbox-disd *, .z-decimalbox-disd *, .z-intbox-disd *, .z-longbox-disd *, .z-doublebox-disd * {
    color:#333333 !important;
}

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

.z-word-wrap {
    word-wrap: normal;
}

.z-word-wrap .z-auxheader-cnt {
    word-wrap: normal;
}

.z-window-embedded-tl,.z-window-highlighted-tl,.z-window-overlapped-tl,.z-window-popup-tl {
    background: none;
}

.z-window-embedded-tl {
    background-image: none;
}

.z-window-popup-tl {
    background-image: none;
}

.z-window-embedded-tr,.z-window-highlighted-tr,.z-window-overlapped-tr,.z-window-popup-tr
    {
    background: none;
}

.z-window-embedded-tr {
    background-image: none;
}

.z-window-popup-tr {
    background-image: none;
}

.z-window-embedded-hl, .z-window-highlighted-hl,
.z-window-overlapped-hl, .z-window-popup-hl {
    background: none;
}

.z-window-embedded-hl {
    background-image: none;
}

.z-window-popup-hl {
    background-image: none;
}

.z-window-embedded-hr,.z-window-highlighted-hr,
.z-window-overlapped-hr,.z-window-popup-hr {
    background: none;
}

.z-window-embedded-hr,.z-window-embedded-hr-noborder {
    background-image: none;
}

.z-window-popup-header,.z-window-highlighted-header,
.z-window-overlapped-header,.z-window-embedded-header {
    background-color: #FFFFFF;
    color: #0081C3;
    font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: normal;
    background-image: url(../img/header_bullet.gif);
    background-repeat: no-repeat;
    padding-left: 22px;
    background-position: 0px 3px;
}

.caption-title .z-caption-l {
    font-size: 18px;
}

.z-tabs-scroll .z-tabs-cnt {
    background: #FAFDFE none repeat scroll 0 0;
    border-bottom: 1px solid #7EAAC6;
    padding-bottom: 0;
}

.z-textbox,.z-decimalbox,.z-intbox,.z-longbox, .z-combobox-inp,
.z-doublebox, .z-datebox,  .z-datebox-inp, .z-datebox-focus .z-datebox-inp {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 2px;
}

.leftpanelgap .z-textbox, .leftpanelgap .z-decimalbox, .leftpanelgap .z-intbox,
.leftpanelgap .z-longbox, .leftpanelgap .z-doublebox, .leftpanelgap .z-datebox,
.leftpanelgap .z-datebox-inp, .leftpanelgap .z-datebox-focus .z-datebox-inp,
.leftpanelgap .z-datebox-inp {
    font-size: 11px;
}


tr.z-treerow td.z-treerow-focus {
    background-image: none;
}

div.z-footer-cnt,div.z-row-cnt,div.z-group-cnt,div.z-group-foot-cnt,div.z-column-cnt,div.z-tree-col-cnt {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.z-word-wrap div.z-tree-cell-cnt,.z-word-wrap div.z-tree-footer-cnt,
.z-word-wrap div.z-tree-col-cnt {
    word-wrap: normal;
}

.z-tabs .z-tabs-cnt {
    background: none;
    border-bottom: 0px;
    border-bottom: 1px solid #7EAAC6;
}

.z-tabs-scroll {
    padding-bottom: 0px;
    background: #F2FBFF none repeat scroll 0 0;
    border: 0px solid #000000;
}

.z-tab .z-tab-text {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.z-tab-seld .z-tab-text { /* color:#0F3B82; */
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.z-tabpanel,.z-tabbox-ver .z-tabpanels-ver {
    padding: 5px;
    border-bottom: 1px solid #7EAAC6;
}

.message_INFO {
    background-color: #CCEECC;
    border: 1px solid #006600;
    color: #006600;
    margin: 10px;
    padding: 15px 15px 15px 50px;
    width: 300px;
}

div.z-grid {
    background: #DAE7F6 none repeat scroll 0 0;
    border: 1px solid #ABC6DE;
    overflow: hidden;
}

#timetrackerheader div.z-grid {
    border: 0;
}

#timetrackerheader th,
#timetracker th {
    border-top: 0;
}

#timetrackerheader th {
    border-top: 0;
}

#timetrackerheader .second_level_ {
    -webkit-margin-start: -1px;
}

#timetrackerheader .second_level_ td {
    border-bottom: solid 1px #9EB6CE;
}

.listdetails div {
    border: 0;
}

.listdetails div.z-tree-body td.z-treecell {
    padding: 0;
}

.listdetails .z-tree-header {
    position:relative;
}

.z-listbox .z-textbox,.z-listbox .z-decimalbox,.z-listbox .z-intbox,
.z-listbox .z-longbox,.z-listbox .z-doublebox {
    height: auto;
    border-collapse: collapse;
}

.orderTree .z-textbox,.orderTree .z-decimalbox,
.orderTree .z-intbox,.orderTree .z-longbox,
.orderTree .z-doublebox, .orderTree .z-datebox {
    height: 21px;
    width: 100%;
}

.listdetails .z-textbox, .listdetails .z-decimalbox,
.listdetails .z-intbox, .listdetails .z-longbox,
.listdetails .z-doublebox, .listdetails .z-tree .z-datebox-inp {
    height: 15px;
}

.listdetails .z-tree .z-datebox-inp {
padding-top: 3px;
}

.listdetails input {
    padding-top: 5px;
}

.z-tree .z-datebox-inp {
    height:25px;
}
.orderTree .operations {
    width: 50px;
}
.orderTree .name {
    min-width: 120px;
}
.orderTree .hours {
    width: 50px;
}
.orderTree .code {
    min-width: 100px;
}

.orderTree .scheduling_state {
    min-width:140px;
}
.orderTree .estimated_init,
.orderTree .estimated_end {
    width: 100px;
}

.orderTree .tasknumber {
    display:none;
}

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

.orderTree td {
    border-bottom: 1px dotted #7EAAC6;
}

.orderTree td td {
    border-bottom: 0;
}

.orderTree .icono td {
    border:none;
}

.orderelements-tab .z-datebox-focus .z-datebox-inp  {
    border-top: 0px;
    border-bottom: 0px;
}

.orderelements-tab .z-datebox-focus .z-datebox-inp,
.orderelements-tab .z-datebox-inp {
    width: auto;
}

.orderelements-tab .z-datebox .z-datebox-img {
    background-color: #DAE7F6;
}

.listdetails .z-datebox-focus .z-datebox-inp  {
    border-top: 0px;
    border-bottom: 0px;
    height: 17px;
    font-size: 11px !important;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.taskTreeCols div.z-tree-header, .taskTreeCols div.z-tree-header tr {
    overflow: visible;
}

.advance-measurement {
    width: 340px;
}

.assignedresources .icono .z-button-tr,
.assignedresources .icono td.z-button-br {
    display:none;
}

.assignedresources .z-listbox input {
    height: 17px !important;
}

/* Highlight advancedallocation grouping row */
.resourcesload .taskspanelgap .z-grid-body tr:first-child {
    background-color: #E8E8E8;
}
.resourcesload .taskspanelgap .z-grid-body tr.z-row td {
    background-color:transparent;
}

/* ------- Chart legends  ------- */
.legend {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: solid 1px #000000;
    padding: 5px;
    background-color: #FFFFFF;
}

.legend-container {
    width: 226px;
    height: 190px;
    background-color: #E8E8E8;
}

.legend td {
    vertical-align:bottom;
}

.legend .title {
    display:block;
    font-weight:bold;
    margin-bottom: 5px;
}

.legend-row {
    margin:2px;
}

.legend-gap {
    background-color: #E8E8E8;
    border: 0;
}

.plannerlayout .z-west-nested {
    border-left: 0;
}

.scheduling-graphics,
.scheduling-graphics .z-tabs-ver-scroll {
    border: 0;
}
.perspectives-column {
/*    border-right: solid 1px; */
}

/* Legend colors:

    COLOR_CAPABILITY_LINE = "#000000"; // black

    COLOR_OVERLOAD = "#FF5A11";            // Red
    COLOR_OVERLOAD_OTHER = "#FFD4C2";      // Soft red

    COLOR_ASSIGNED_LOAD = "#98D471";       // Green
    COLOR_ASSIGNED_OTHER = "#E0F3D3";      // Soft green

*/

.legend .capability {
    border-top:solid 2px #000000;
    height:7px;
    width:25px;
    margin-right:5px;
}

.legend .overload {
    background-color: #FF5A11;
    height:10px;
    width:25px;
    margin-right:5px;
}

.legend .overload-other {
    background-color: #FFD4C2;
    height:10px;
    width:25px;
    margin-right:5px;
}

.legend .load {
    background-color: #98D471;
    height: 10px;
    width: 25px;
    margin-bottom: 2px;
    margin-right: 5px;
}

.legend .load-other {
    background-color: #E0F3D3;
    height:10px;
    width:25px;
    margin-bottom:2px;
    margin-right:5px;
}

.legend .full-load {
    background-color: #FDBE13;
    height:10px;
    width:25px;
    margin-bottom:2px;
    margin-right:5px;
}


.resources-full-load {
    display: none;
}

.resourcesloadlayout .resources-full-load {
    display: block;
}

.legend .resourceload {
    height:10px;
    width:25px;
    margin-bottom:2px;
    margin-right:5px;
}

.resourcesloadlayout .legend-container {
    width:186px;
}


/* Graphical improvements */

.z-panel-header {
    background:none;
    border: 0px;
    margin:0px 0px 0 10px
}

.z-panel-body {
    background:none;
    border: 1px solid #B1CBD5;
    margin:0 10px 0px 10px;
}

.z-panel-children {
    border-style: none none none;
}

div.z-grid-pgi-b,
div.z-listbox-pgi-b {
    border-top:none;
}

.orderTree .tasknumber {
    /* Pending removal from the code */
    display:none;
}

.orderTree .not-scheduled span,
.orderTree .partially-scheduled span,
.orderTree .completely-scheduled span {
    float:left;
}

.orderTree .not-scheduled span.z-button,
.orderTree .partially-scheduled span.z-button,
.orderTree .completely-scheduled span.z-button {
    margin: 4px 1px 0 0;
}

.orderTree .not-scheduled span.scheduling-state,
.orderTree .partially-scheduled span.scheduling-state,
.orderTree .completely-scheduled span.scheduling-state {
    border-radius: 1px 6px 1px 6px;
    border: 1px solid #888888;
    color: #888888;
    font-weight: bold;
    margin: 4px 3px 2px 0;
    padding: 1px 5px;
    height: 14px;
    font-size: 9px;
    width: 5px;
}


.scheduling-state {
    cursor: move;
}

.orderTree .not-scheduled,
.orderTree .partially-scheduled,
.orderTree .completely-scheduled {
    border-bottom:dotted #EEEEEE 1px;
}

.partially-scheduled span.scheduling-state,
span.partially-scheduled {
    background-color: #fddf9b;
}

.completely-scheduled span.scheduling-state,
span.completely-scheduled {
    background-color: #bee5a9;
}

span.z-dottree-tee-open,
span.z-dottree-tee-close,
span.z-dottree-line {
    min-height: 25px;
}


/* --- START -- menus and toolbar --
=================================================== */

.z-menubar-hor, .z-menubar-ver {
    background: none;
}

.z-menu-body {
   background-color: #d4e1ef;
   border-radius: 10px 10px 0 0;
}

.z-menu-inner-m .z-menu-btn {
   font-weight: normal;
   color: #005782;
}

.z-menu-body-over .z-menu-inner-m .z-menu-btn,
.z-menu-body-seld .z-menu-inner-m .z-menu-btn,
.current-section .z-menu-body .z-menu-inner-m .z-menu-btn {
   color: #FFFFFF;
}

.z-menu-body-over, .z-menu-body-seld, .current-section .z-menu-body {
    background-color: #2a83b4;
    font-weight: normal;
}

.z-menu-body-over .z-menu-inner-l,
.z-menu-body-over .z-menu-inner-m,
.z-menu-body-over .z-menu-inner-r {
   background-image:none;
}

.z-menu-body-seld .z-menu-inner-l,
.z-menu-body-seld .z-menu-inner-m,
.z-menu-body-seld .z-menu-inner-r {
    background-image:none;
}

.z-menu-body .z-menu-inner-m div {
    background-image:none;
}

.z-menubar-hor {
    border-bottom: 3px solid #2a83b4;
    padding: 0px;
}

.user_row .cerrar_sesion {
    display:inline;
}

.migas_linea {
    border: 0px;
    cursor: default;
}

/* ---- Perspectives ------ */
.perspective, .perspective-active {
    width: 84px;
    height: 94px;
    margin: 0 0 4px 4px;
}

.perspective tr td, .perspective-active  tr td {
    font-weight: normal;
    font-size: 10px;
}

.perspective .z-button-cm,
.perspective-active .z-button-cm {
    padding-top: 60px;
    background-position: 18px 10px;
    background-repeat: no-repeat;
    border-radius: 2px;
}

.perspective .z-button-cm {
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
}

.perspective-active .z-button-cm,
.perspective-active .z-button-cm:hover,
.perspective-active .z-button-cm:active,
.perspective .z-button-cm:hover,
.perspective .z-button-cm:active {
    border: 1px solid #CCCCCC;
}

.perspective-active .z-button-cm,
.perspective-active .z-button-cm:hover,
.perspective-active .z-button-cm:active,
.perspective .z-button-cm:active {
    background-color: #71B0D4;
}

.perspective .z-button-cm {
    color: #005782;
    background-repeat: no-repeat;
}

.perspective-active .z-button-cm {
    border-radius: 2px;
    color: #FFFFFF;
    border-color:#006699 #DFF5FE #DFF5FE #006699;
}

.perspective .z-button-cm:hover {
    background-color: #E6F2F9;
}

span.perspective, span.perspective-active {
    margin: 4px 2px;
}

.perspectives-label {
    display: none;
}

.taskdetailsContainer,
.resourceloaddetailsContainer {
    border-left:0;
    border-top:0;
}

.taskdetail-company-view .clickable-rows {
    margin-left: 5px;
}

.z-button.perspective .z-button-cm,
.z-button.perspective-active .z-button-cm {
    white-space:normal;
}

.perspective.company-scheduling .z-button-cm,
.perspective-active.company-scheduling  .z-button-cm {
    background-image: url(../img/ico_company-scheduling.png);
}
.perspective.company-load .z-button-cm,
.perspective-active.company-load .z-button-cm {
    background-image: url(../img/ico_company-load.png);
}
.perspective.orders .z-button-cm,
.perspective-active.orders .z-button-cm {
    background-image: url(../img/ico_orders.png);
}
.perspective.order-scheduling .z-button-cm,
.perspective-active.order-scheduling .z-button-cm {
    background-image: url(../img/ico_order-scheduling.png);
}
.perspective.order-load .z-button-cm,
.perspective-active.order-load .z-button-cm {
    background-image: url(../img/ico_order-load.png);
}
.perspective.limiting-resources .z-button-cm,
.perspective-active.limiting-resources .z-button-cm {
    background-image: url(../img/ico_limiting-resources.png);
}
.perspective.hidden {
    display: none;
}
.perspective.order-data .z-button-cm,
.perspective-active.order-data .z-button-cm {
    background-image: url(../img/ico_order-data.png);
}
.perspective.advanced-allocation .z-button-cm,
.perspective-active.advanced-allocation .z-button-cm {
    background-image: url(../img/ico_advanced-allocation.png);
}
.perspective.montecarlo-simulation .z-button-cm,
.perspective-active.montecarlo-simulation .z-button-cm {
    background-image: url(../img/ico_montecarlo-simulation.png);
}
.perspective.global-dashboard .z-button-cm,
.perspective-active.global-dashboard .z-button-cm {
    background-image: url(../img/ico_global-dashboard.png);
}
.perspective.order-dashboard .z-button-cm,
.perspective-active.order-dashboard .z-button-cm{
    background-image: url(../img/ico_order-dashboard.png);
}

.label-highlight:hover{
    background-color: #aacbff;
}

.global-dashboard-grid{
    margin-top: 5px;
}

.perspective.logs-global .z-button-cm {
    background-image: url(../img/ico_logs-global.png);
}
.perspective-active.logs-global .z-button-cm {
    background-image: url(../img/ico_logs-global.png);
}

.perspective.logs-order .z-button-cm {
    background-image: url(../img/ico_logs-order.png);
}
.perspective-active.logs-order .z-button-cm {
    background-image: url(../img/ico_logs-order.png);
}

.perspectives-column {
    display:none;
}

/* ---- Toolbar ------ */

.toolbar-box .z-button-cm {
    height: 24px;
}

.toolbar-box .z-label {
    color:#0068B1;
    padding-left:4px;
}

.toolbar-box span.z-button {
    margin: 0 0 0 0;
}

.toolbar-box .z-button-cm  {
    background-color: transparent;
    border-color:transparent;
}

.toolbar-box .z-button-cm:hover  {
    background-color: #E6F2F9;
    border-color:#006699 #DFF5FE #DFF5FE #006699;
}

.toolbar-box .z-button.z-button-disd .z-button-cm {
    background-color: transparent;
    border-color: transparent;
}

.toolbar-box {
    background:transparent url(../img/toolbar-hm.png) repeat-x scroll 0 0;
    border-bottom:1px solid #9ECAD8;
    font-size:11px;
}

.toolbar-box table.z-button-disd:active  {
    border-color: transparent;
    padding-left: 3px;
    padding-right: 3px;
}


.toolbar-box .z-button-cm {
    font-size:11px;
    color: #0068B1;
}

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

.vertical-separator {
    display:none;
}

.main-area > .z-center-body:first-child {
/*    height: auto !important; */
    width: auto !important;
}

.main-area {
    overflow: auto;
}

.orderslayout-area {
    overflow-y: auto;
}

.orderslayout .z-north {
    border-bottom:1px solid #9ECAD8;
}

.orderslayout-area > .z-center-body {
    height: auto !important;
}

.orderelements-tab {
    overflow-x: auto;
}

tr.z-tree-row-seld, tr.z-listitem-seld,
.z-combobox-pp .z-comboitem-seld,
tr.z-treerow-seld {
    background-color: #fdd772; /* Dark orange */
    color: #000000;
}

tr.z-treerow-seld input {
    background-color: #fdf3da; /* Soft orange */
    background-image: none;
}

tr.z-treerow-over input {
    background-color: #eff2f6; /* Soft blue */
        background-image: none;
}

tr.z-treerow-over input {
    background-color: #eff2f6; /* Soft blue */
        background-image: none;
}

.timeplot-canvas {
    position:relative;
    overflow:hidden;
 }

.resourcesload .timetracker-secondlevel {
    height: 2000px;
}

.scheduling-graphics .z-tabs-ver {
    width: 60px !important;
}

.scheduling-graphics .z-tab-ver .z-tab-ver-text {
    white-space: normal;
}

.earned-parameter-column {
    width: 102px;
}

.z-panel-body {
    padding: 10px;
}

.resourcesload .z-west-body .z-tree-header ,
.limitingresources .z-west-body .z-tree-header {
    width: 100% !important;
}

.z-tab-accordion-hm, .z-tab-accordion-hr, .z-tab-accordion-hl {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background: transparent url(../img/borderlayout-hm.png) repeat-x scroll 0 0;
}

.allocation-criterion-selector span.z-dottree-ico,
.allocation-criterion-selector span.z-dottree-line {
    min-height:14px;
}

.allocation-criterion-selector .z-treecell-cnt {
    line-height: inherit;
}

.timeplot-copyright {
    display: none;
}

.timeplot-grid-label {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    z-index: 2;
    color: transparent;
    font-size:9px;
    font-weight:bold;
}

.migas_linea span.scheduling-state {
    border-radius: 6px;
    border: 1px solid #888888;
    color: #888888;
    font-weight: normal;
    margin: 4px 3px 2px 10px;
    padding: 1px 5px;
    cursor: default;
    text-transform: lowercase;
    opacity: 0.7;
    background-color: transparent;
}

.submenu .z-menu-popup-cnt .z-menu-item-over .z-menu-item-img {
    background-image: url(../img/ico_submenu.png);
}

.advancedallocationlayout .global-action.z-button {
    margin-top: 1px;
}

.help-tooltip {
    cursor: help;
}

.timeTrackedTableWithLeftPane input[value="0"] {
  color: #DDDDDD;
}

/* for horizontal scrolling */
.timeTrackedTableWithLeftPane .z-grid-body table {
   position:relative;
}
.timeTrackedTableWithLeftPane div.z-grid-body {
overflow: visible;
}

.advancedallocationlayout #timeTracker .z-vbox {
    position:relative;
}

.z-button-disd {
    opacity:0.3;
}

.advancedallocationlayout #timeTracker {
    background-color: #CDE6F5;
}

/* Resource allocation*/
.allocation-not-satisfied .resource-allocation tr.z-grid-odd td.z-row-inner, .allocation-not-satisfied tr.z-grid-odd {
    background-color: #EECCCC;
}

.allocation-not-satisfied td.z-row-inner {
    background-color: #EECCCC;
}

.assignedresources .allocation-not-satisfied td.z-row-inner {
    background-color: #EECCCC;
}

.allocation-satisfied .resource-allocation tr.z-grid-odd td.z-row-inner, .allocation-satisfied tr.z-grid-odd {
    background-color: none;
}

.allocation-satisfied td.z-row-inner {
    background-color: none;
}

.assignedresources .allocation-satisfied td.z-row-inner {
    background-color: none;
}

/* Advanced allocation */

.advancedallocationlayout #timeTrackedTableWithLeftPane div.z-grid {
    overflow:auto;
}

.advancedallocationlayout .timetrackergap {
     overflow: visible;
}

.timeTrackedTableWithLeftPane .z-grid-body .z-row-inner {
    background-color: #f9f9f9;
}


.clickable-rows tr.z-row:hover .z-row-inner {
    background-color: #E9F2FB;
    text-decoration: underline;
    cursor: pointer;
}

.listdetails .clickable-rows:hover {
    text-decoration: underline;
}

.clickable-rows tr.z-row:hover .z-row-cnt {
    color: #000000;
}

tr.z-tree-row-seld td.z-row-inner {
    background-color: #2A83B4
}

tr.z-tree-row-seld .z-row-cnt {
    color: #FFFFFF;
}

/* color code for order state */
.order-open-unassigned {
    color: #AACCEE;
}
.order-open-assigned {
    color: #007BBE;
}
.order-closed {
    color: #000000;
}

/* ----------- Limiting Resources window ------- */
.not-workable-hours {
    position:relative;
    z-index: -2;
    top: -1px;
    height: 12px;
    float:right;
    background-color: #CCCCCC;
}

.readonly .z-grid-body .z-row-inner {
    background-color: #CCCCCC;
}

.current-queue-information .z-grid-body {
    overflow: hidden;
}

.z-fieldset legend {
    color:#0F3B82;
}

.z-fieldset {
    border: solid 1px #B1CBD5;
    margin-right:10px;
    margin-bottom:5px;
    margin-top:5px;
}

.tooltip-actions {
    margin-bottom: 10px;
    margin-left: 10px;
}

.projects-list .date,
.projects-list .operations {
    width:100px;
}

.projects-list .customer {
    max-width:150px;
}

.z-band-popup td.z-list-cell {
    border-right: dotted 1px #cccccc;
}

.edit-task-window .z-tab-accordion {
display:none;
}

.edit-task-window .z-tabpanel-accordion {
    border:0;
}

.edit-task-window .message_ERROR,
.edit-task-window .message_INFO {
    width:auto;
}


.filtering-area {
    white-space: nowrap;
}

.filter-more-options {
    overflow: visible;
}

.filter-more-options .z-groupbox-cnt {
    width: 600px;
    left: -492px;
    position: relative;
    background-color: #F0FAFF;
}
.filter-more-options .z-groupbox-body .z-groupbox-cnt {
    border-top: solid 1px #B2CCD9 !important;
}

.filter-more-options .z-groupbox-header {
    margin-top: 0px;
}
.filter-more-options .z-groupbox-bl {
    display: none;
}

.filter-more-options .z-groupbox-tl  {
    height: 1px;
}

.filter-more-options .z-groupbox-hl .z-groupbox-header {
    padding-bottom: 1px;
}

.filter-more-options .z-caption .z-caption-l,
.filter-more-options .z-caption .z-caption-r {
    font-size:11px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.filter-more-options .z-groupbox-hl {
    cursor:pointer;
}

#ganttpanel #timetracker {
    overflow: hidden;
}

.second_level_ #watermark .timetracker_column_even,
.second_level_ #watermark .timetracker_column,
.second_level_ #watermark .bankHoliday {
    height: 99999px;
}

.second_level_ #watermark .timetracker_column_even,
.second_level_ #watermark .timetracker_column {
    border-right: solid 1px #F2F2F2 !important;
}

#ganttpanel .second_level_ #watermark .bankHoliday {
border-right: solid 1px #F2D8D8 !important;
}


.calendar-exceptions div.z-grid-body {
    overflow: hidden;
}

.color-sample {
    height: 10px;
    width: 20px;
    border: solid 1px black;
}

/* Expand vertical boxes for non-ffox browsers */
.z-vbox {
    width:100%;
}

.earned-parameter-column .z-label,
.earned-parameter-column .z-checkbox-cnt {
    font-size: 10px;
}
.earned-parameter-column {
    white-space: nowrap;
}

.progress-types.z-combobox {
    position: relative;
    left: -9px;
}

.progress-types {
    margin-left:-12px;
}

.progress-types.z-combobox .z-combobox-inp {
    margin:0;
    padding:0;
    border:0;
    color: transparent;
    background: transparent;
    border: 0;
    border-width: 0;
    outline: none;
    width: 0;
}

.progress-types.z-combobox input {
    font-size: 0;
}

.show-advances img  {
    position:relative;
    left: -6px;
}

.progress-types.z-combobox .z-combobox-btn {
    background-image: url(../img/small-combo-arrow.png);
    border: 0;
}

.advancedallocationlayout .second_level_ td {
    border-right: solid 1px #ABC6DE;
    border-bottom: solid 1px #ABC6DE;
}

.advancedallocationlayout .second_level_ th {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.advancedallocationlayout div.z-grid {
    border-top: 0px;
}

.advancedallocationlayout .timeTrackedTableWithLeftPane .z-grid-body .z-row-inner {
    background-color: #F2F2F2;
    cursor: default;
}

.advanced-assignment-area td .z-intbox,
.advanced-assignment-area td .z-textbox {
    height: 20px;
    background: #3C90BE;
    color: white;
    border-right: solid 1px white;
}

.advanced-assignment-area td .z-intbox[value="0"],
.advanced-assignment-area td .z-textbox[value="0"] {
    background: #ABCDE1;
    color: #555555;
}

.advanced-assignment-area td .limiting.z-intbox,
.advanced-assignment-area td .limiting.z-textbox {
    height: 20px;
    background: #61B598; // LIMITING_ASSIGNED
    color: #555555;
    border-right: solid 1px white;
    opacity: 1;
    -moz-opacity: 1;
}


.advanced-assignment-area td .limiting.z-intbox[value="0"],
.advanced-assignment-area td .limiting.z-textbox[value="0"] {
    background: #C1D9D1;  // LIMITING_UNNASSIGNED
    color: #555555;
}

.advanced-assignment-area > .z-center-body {
    overflow: visible !important;
    overflow: visible !important;
}

input.z-spinner-text-disd,
input.z-datebox-text-disd {
    color: #000000 !important;
}
.z-calendar .z-calendar-calmon td.z-calendar-seld,
.z-calendar .z-calendar-calday td.z-calendar-seld {
    padding: 0;
}

.z-calendar .z-outside {
    color: #CCC;
}

.z-calendar-calday td.z-calendar-seld {
    font-weight: bold;
}

.add-resources-or-criteria span {
    white-space: nowrap;
}

.z-datebox-pp {
    width: auto !important;
}


.advanced-assignment-area .timeTrackedTableWithLeftPane .z-grid-header,
.advanced-assignment-area .timeTrackedTableWithLeftPane .z-grid-body,
.advanced-assignment-area .z-center-body
{
    width: auto !important;
}

/* Icons and toolbar buttons */

.icono .z-button-tl, .icono .z-button-tm, .icono .z-button-tr,
.icono .z-button-cl, .icono .z-button-cr,
.icono .z-button-bl, .icono .z-button-bm, .icono .z-button-br {
    display: none;
}

.perspectives-column .z-button-tl, .perspectives-column .z-button-tm, .perspectives-column .z-button-tr,
.perspectives-column .z-button-cl, .perspectives-column .z-button-cr,
.perspectives-column .z-button-bl, .perspectives-column .z-button-bm, .perspectives-column .z-button-br {
    display: none;
}

.toolbar-box .z-button-tl, .toolbar-box .z-button-tm, .toolbar-box .z-button-tr,
.toolbar-box .z-button-cl, .toolbar-box .z-button-cr,
.toolbar-box .z-button-bl, .toolbar-box .z-button-bm, .toolbar-box .z-button-br {
    display: none;
}

.toolbar-box .z-button tbody, 
.toolbar-box .z-button tbody:hover,
.toolbar-box .z-button tbody:active {
    background-color: transparent;
}

.toolbar-box .z-button-cm {
    border-left: solid 1px transparent;
    border-top: solid 1px transparent;
    border-right: solid 1px transparent;
}

.toolbar-box .z-button-clk .z-button-cm {
    background-color: #71B0D4;
}

.perspectives-column .z-button-cm,
.toolbar-box .z-button-cm  {
    border-radius: 2px;
}

.z-button.icono tbody, .z-button.icono tbody:hover, .z-button.icono tbody:active {
    background-color: transparent;
}

.planner-command.z-button .z-button-tl, .planner-command.z-button .z-button-tm, .planner-command.z-button .z-button-tr,
.planner-command.z-button .z-button-cl, .planner-command.z-button .z-button-cr,
.planner-command.z-button .z-button-bl, .planner-command.z-button .z-button-bm, .planner-command.z-button .z-button-br {
    display: none;
}

.planner-command.z-button tbody, .planner-command.z-button tbody:hover, .planner-command.z-button tbody:active {
    background-color: transparent;
}

.global-commands .z-button {
    padding-bottom:0;
    padding-top: 1px;
}

.global-commands {
    margin-bottom: 10px;
}

.z-button .z-button-cm {
    background-image: none;
}

.z-button tbody {
    background-color: #E4F3D9; /* green0 (normal background) */
    color: #58A758; /* green3 (text) */
}

.z-button tbody:hover {
    background-color: #C3EAAF; /* green1 (hover background) */
}

.z-button tbody:active {
    background-color: #A1D586;
}

.z-button .z-button-tl, .z-button .z-button-tr, 
.z-button .z-button-bl, .z-button .z-button-br {
    background-image: url(../img/btn-corner-green.gif);
}
.z-button .z-button-tm, .z-button .z-button-bm {
    background-image: url(../img/btn-x-green.gif);
}

.z-button .z-button-cl, .z-button .z-button-cr {
    background-image: url(../img/btn-y-green.gif);
}

.z-button .z-button-tl, .z-button .z-button-bl,
.z-button .z-button-tr, .z-button .z-button-tr {
    background-color: #FFFFFF;
}

/* Bugfix for default 3D mold */
.z-button-clk .z-button-tl {
    background-position:-18px 0;
}

.z-button-clk .z-button-bl {
    background-position:-18px -3px;
}

.z-button-clk .z-button-tr {
    background-position:-21px 0;
}

.z-button-clk .z-button-br {
    background-position:-21px -3px;
}

.z-button-clk .z-button-cl {
    background-position:-18px 0;
}

.z-button-clk .z-button-cr {
    background-position:-21px 0;
}

.assigned-hours-input {
    width: 60px;
    margin-left: -20px;
}

.assigned-resources-input  {
    width: 40px;
    float: left;
    margin-left: 15px;
}

.assigned-resources-label {
    cursor: default;
}

.assignedresources .details div.z-column-cnt {
    font-weight: normal;
}

.assignedresources .z-auxheader-cnt  {
    font-weight: bold;
}

.scheduling-graphics .z-south-header {
    padding-top: 1px;
    padding-bottom: 1px;
}

.timeplot-container {
    margin-left: 8px;
}


.workerwindow .calendar-tabbox .z-tabs {
    display:none;
}

.workerwindow .calendar-tabbox .calendar-options-tabbox .z-tabs {
    display:block;
}

.workerwindow .calendar-tabbox .z-tabpanel {
    border: 0;
}

.workerwindow .calendar-tabbox .calendar-options-tabbox .z-tabpanel {
    border: solid 1px #7EAAC6;
}

.calendar-tabbox .z-textbox {
    height: auto;
}

.calendar-tabbox .z-calendar {
    margin: 5px;
}

.day-details .z-columns {
    display: none;
}

.day-details {
    width: 165px;
    margin: 5px;
}

.day-details .z-datebox-disd input {
    border: 0;
    background: transparent;
    color: black !important;
}

.day-details .z-datebox-disd * {
    color: black !important;
}

.day-details .z-datebox-disd {
    opacity: 1;
}

.day-details img {
    display: none;
}

.materials-accordion .z-tab-accordion-header {
    display: none;
}

.materials-accordion.z-tabbox-accordion .z-tabpanel-accordion {
    border: 0;
}

.earned-value-chart .legend-container {
    width: 226px;
}

select {
    font-size:12px;
}

.z-separator-ver-bar {
    height: 22px;
    width: 0;
    border-right: 1px solid #9ECAD8;
    border-left: 1px solid #d9f3ff;
}

.logo-area img {
    margin-right:10px;
}

.logo-area {
    width: 1px;
}

.z-borderlayout {
    background-color: transparent;
}

.template-tree-tabpanel {
    overflow-x: auto;
}

select {
    margin-top: 0;
    margin-bottom: 0;
    font-size:11px;
}

.scheduling-graphics {
       width: auto !important;
}

.scheduling-graphics .z-tabs-ver-space {
    width: 0;
    border: 0;
}

.entity-sequences-grid tr.z-row td.z-row-inner {
    border-bottom: 0;
    border-top: 0;
    padding-bottom: 8px;
    padding-top: 4px;
}

.entity-sequences-grid tr.separator td.z-row-inner {
    border-top: 1px solid #AAAAAA;
}

.bandbox-workreport-task input {
    width: 250px;
}

.communication-not-reviewed div.z-row-cnt .z-label {
    font-weight: bold;
}

.current-delivery-date div.z-row-cnt .z-label {
    font-weight: bold;
}

.remarked {
    font-weight: bold;
    color: #0F3B82;
}

.z-menu-popup a:focus {
    text-decoration: none !important;
}

.Issuelog-priority-color-red {
    background: red !important;
}

.Issuelog-priority-color-yellow {
    background: yellow !important;
}

.Issuelog-priority-color-green {
    background: green !important;
}