TASKPM/navalplanner-webapp/src/main/webapp/common/css/navalpro_zk.css

/*
 * navalpro_zk.css ###PROJECT_NAME###
 *
 * 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.
 */

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;
}

.headings {
    height: 90px;
}

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

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

/* --- START -- Buttons styles ---
=================================================== */

/* Enabled borders for standard buttons */
.z-button-tl, .z-button-tm, .z-button-tr,
.z-button-cl, .z-button-cr,
.z-button-bl, .z-button-bm, .z-button-br {
    display: none;
}

/* Hide icon borders */
.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;
}

body .z-window-embedded .icono .z-button-cm,
body .z-window-modal .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: bold;
}


/* Bugfix for default clicked z-button center borders */
.z-button-clk .z-button-cr {
    background-position: -21px 0;
}
.z-button-clk .z-button-cl {
    background-position: -18px 0;
}

/* Bugfix for default clicked z-button corners */
/* 'btn-corner.gif' updated to add the 4th state */
.z-button-clk .z-button-br {
    background-position: -21px -3px;
}
.z-button-clk .z-button-tr {
    background-position: -21px 0;
}
.z-button-clk .z-button-bl {
    background-position: -18px -3px;
}
.z-button-clk .z-button-tl {
    background-position: -18px 0px;
}

/* Global custom styles
--------------------------------------------------- */

/* Custom 3D background images */
.z-button .z-button-tm, .z-button .z-button-bm {
    background-image:url("../img/btn-x.gif");
}

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

.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.gif");
}

table.z-button {
    table-layout: auto;
}

button.z-button {
    position: relative;
    top: -5px;
}

/* Disable grey degradation */
.z-button .z-button-cm {
    background-image: none;
}

/*  #E4F3D9; /* green0 (normal background) */
/*  #C3EAAF; /* green1 (hover background)  */
/*  #A1D586; /* green2 (active background) */
/*  #58A758; /* green3 (text color)        */
/*  #87bd32; /* green4 (border color)      */
/*  #3F5917; /* green5 (top left shade)    */

.z-button-cm {
    background-color: #E4F3D9; /* green0 (normal background) */
    color: #58A758; /* green3 (text) */
    border: 1px solid #439e32; /* green4 (border) */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

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

.z-button-cm:active {
    background-color: #A1D586; /* green2 (active background)*/
    border-right: 1px solid #439e32;
    border-bottom: 1px solid #439e32;
    border-top: 2px solid #3f5917;
    border-left: 2px solid #3f5917;
}

.z-button.z-button-disd .z-button-cm {
    background-color: #EAEAEA;
    color: #A0A0A0;
    border-color: #A0A0A0;
}

.z-window-embedded .z-button-cm,
.z-window-modal .z-button-cm {
    padding: 2px 18px;
}

.z-window-embedded .z-button-cm:active,
.z-window-modal .z-button-cm:active {
    padding: 2px 17px 1px 18px;
}

/* Perspective and planner buttons
--------------------------------------------------- */

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

.planner-icon .z-button-cm {
   padding: 2px;
}
.planner-icon .z-button-cm:active {
   padding: 2px 1px 1px 2px;
}

.planner-command .z-button-cm,
.advancedallocationlayout .z-north-body .z-button-cm {
    height: 24px;
    padding: 2px;
}
.planner-command .z-button-cm:active {
   padding: 2px 1px 1px 2px;
}

.planner-command.clicked .z-button-cm {
    background-color: #A1D586; /* green2 (active background)*/
    border-right: 1px solid #439e32;
    border-bottom: 1px solid #439e32;
    border-top: 2px solid #3f5917;
    border-left: 2px solid #3f5917;
    padding: 2px 1px 1px 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;
}

/*
.plannerlayout .z-button-tl, .plannerlayout .z-button-tm, .plannerlayout .z-button-tr,
.plannerlayout .z-button-cl, .plannerlayout .z-button-cr,
.plannerlayout .z-button-bl, .plannerlayout .z-button-bm, .plannerlayout .z-button-br {
    display: visible;
}*/

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

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

.global-action.z-button .z-button-cm:active {
    padding: 4px 21px 3px 28px;
    background-position: 7px 4px;
}

.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;
    font-size: 12px; /* 11px */
    border-left: 1px dotted #7EAAC6;
    padding-left: 2px;
    padding-top: 2px;
}

/* 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 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    margin: 10px;
    width: 300px;
}

.message_WARNING {
    -moz-border-radius: 10px;
    -webkit-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;
}

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

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

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

/* 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 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.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;
}

.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-doublebox, .z-datebox,  .z-datebox-inp, .z-datebox-focus .z-datebox-inp {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.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 {
    font-size: 11px;
}

div.z-footer-cnt,div.z-row-cnt,div.z-group-cnt,div.z-group-foot-cnt,div.z-column-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;
}

.z-listbox .z-textbox,.z-listbox .z-decimalbox,.z-listbox .z-intbox,
.z-listbox .z-longbox,.z-listbox .z-doublebox {
    height: 22px;
    vertical-align:center;
    border-collapse: collapse;
}

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

.listdetails .z-textbox, .listdetails .z-decimalbox,
.listdetails .z-intbox, .listdetails .z-longbox,
.listdetails .z-doublebox {
    height: 17px;
}

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

.orderTree .tasknumber {
    display:none;
}

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

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

.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;
}

.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 10px;
    background-color: #FFFFFF;
}

.legend-container {
    width: 226px;
    height: 104px;
    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;
}

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

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

.legend .overload {
    border-top:solid 1px #00FF00;
    height:7px;
    width:25px;
    margin-right:5px;
}

.legend .overload-order {
    border-top:solid 1px #00FFFF;
    height:7px;
    width:25px;
    margin-right:5px;
}

.legend .overload-other {
    border-top:solid 1px #7f007f;
    height:7px;
    width:25px;
    margin-right:5px;
}

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

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


/* 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;
    padding-right:2px;
}

.orderTree .not-scheduled span.z-label,
.orderTree .partially-scheduled span.z-label,
.orderTree .completely-scheduled span.z-label {
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 1px;
    -moz-border-radius-topleft: 1px;
    -moz-border-radius-topright: 6px;
    border: 1px solid #888888;
    color: #888888;
    margin: 1px 6px;
    padding: 2px 5px;
    font-weight: bold;
}

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

.orderTree .partially-scheduled {
    background-color: #fddf9b;
}

.orderTree .completely-scheduled {
    background-color: #bee5a9;
}

span.z-dottree-ico {
    min-height:22px;
}

span.z-dottree-line {
    min-height:28px;
}


/* --- START -- menubar --
=================================================== */

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

.z-menu-body {
   background-color: #d4e1ef;
   -moz-border-radius: 10px 10px 0 0;
   -webkit-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;
}

.perspective, .perspective-active {
    width:84px;
    height:84px;
    margin: 0 0 4px 4px;
    font-weight:normal;
}

.perspective .z-button-cm {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-image: none;
    background-color: #d4e1ef;
    color: #005782;
}

.perspective-active .z-button-cm {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-image: none;
    background-color: #2a83b4;
    color: #FFFFFF;
    border-top: 2px solid #3f5917;
    border-left: 2px solid #3f5917;
}

.perspective .z-button-cm:hover {
    background-color: #399bd4;
    color: #FFFFFF;
}

.perspectives-label {
    display: none;
}

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

.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;
}


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

tr.z-tree-row-seld, tr.z-list-item-seld,
.z-combobox-pp .z-combo-item-seld {
    background-color: #2a83b4;
    color: #FFFFFF;
}

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

.resourcesload .timetrackergap .z-grid-header{
    heigth: 15px;
}

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

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

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

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

.perspectives-column {
    display:none;
}

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

.toolbar-box .z-label {
    color:#0068B1;
}

.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(/navalplanner-webapp/zkau/web/zkex/zul/img/layout/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;
}

.timeplot-copyright {
    display: none;
}

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

.advancedassignmentdetails .hours {
    min-width: 30px;
}