@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.desktop-header-font {
    font-family: 'Open Sans', sans-serif, Verdana, Arial, Helvetica;
        font-size: 10px;
        color: #FFFFFF;
}



.z-toolbar-button {
 color: #333333 !important;
}

.z-listbox {
  color: #333333 !important;
}



*, .z-label, .z-checkbox {
  font-family: 'Open Sans', sans-serif, Verdana, Arial, Helvetica;;
}
.mandatory-decorator-text {
  color: #d32f2f !important;
}
.z-combobox-inp, .z-combobox-inp, .z-textbox, .z-decimalbox, .z-checkbox-cnt {
  font-family: 'Open Sans', sans-serif, Verdana, Arial, Helvetica;;
}
.z-combobox-disd * {
  font-family: 'Open Sans', sans-serif, Verdana, Arial, Helvetica;;
  color: #686868 !important;
}
.desktop-header-font {
  color: #FFFFFF !important;
}
.z-tab-seld *, .z-button *, .form-button *, .adwindow-navbtn-sel * {
  color: #ffffff !important;
}
.z-textbox
, .z-combobox-inp
, .z-decimalbox
, .z-datebox-inp {
  background-color: #ffffff !important;
  border: 1px solid #BDBDBD !important;
}
.z-textbox-readonly
, .z-combobox-inp-readonly
, .z-decimalbox-readonly
, .z-datebox-inp-readonly
, .z-combobox-text-disd {
  background-image: url("../images/zul/misc/text-bg8-dis.gif") !important;
  background-repeat: repeat !important;
  color: #333333 !important;
}

.z-panel-header {
  color: #ffffff !important;
}
.adtab-grid-panel .z-row:nth-child(even) * {
  background-color: #f5f5f5 !important;
}
.adtab-grid-panel .z-row:nth-child(odd) * {
  background-color: #ffffff !important;
}


.z-tabs, z-tabs-scroll {
  padding-bottom: 0px !important;
}
.z-tabpanels {
  border-top: solid 1px #546E7A !important;
}


.z-tree-row-over *, .z-tree-row-over-seld *, .z-tree-row-seld * {
  color: #ffffff !important;
  background-color: #546E7A !important;
}


.desktop-header-left {
  margin-top: 0px;
  padding-left: 15px;
}

.z-combo-item-text {
  font-size: 12px !important;
}
.z-combo-item-inner {
  font-size: 10px !important;
  font-style: italic;
}

.z-column:not(.z-column-over) {
  background-color: #EEEEEE !important;
}

.adwindow-nav-content {
  background-color: #ECEFF1;
}

.z-list-item-seld *, .z-list-item-over * {
}

.adwindow-navbtn-uns
, .adwindow-navbtn-sel
, .adwindow-navbtn-dis {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 20px;
}


.z-north-splt, .z-south-splt {
  background: #263238;
  height: 1px;
}
.z-border-layout {
  background: #263238;
}






.z-toolbar-body span {
        font-size: 11px !important;
}


tr.z-vbox{
        background-color:#FFFFFF;
}

.z-drag-over {
        background: #B0BEC5;
}

div.z-drop-ghost {
        border:none;
}
.z-loading {
        background-color:#BDBDBD;
        border:none;
}
div.z-progressmeter {
        border:none;
}
.z-loading-indicator {
        border:none;
        color:#212121;
}
.z-datebox-pp .z-datebox-calyear {
        background-color:#FAFAFA;
}
.z-calendar-calmon td.z-calendar-seld, .z-calendar-calday td.z-calendar-seld,
.z-datebox-calmon td.z-datebox-seld, .z-datebox-calday td.z-datebox-seld {
        background-color:#546E7A;
        border:none;
}
.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {
        border-color:#9E9E9E;
}
.z-combobox-inp ,.z-spinner-inp,.z-datebox-inp,.z-timebox-inp ,.z-bandbox-inp {
        border-color:#9E9E9E;
}
.z-combobox .z-combobox-img,
.z-spinner .z-spinner-img,
.z-datebox .z-datebox-img,
.z-timebox .z-timebox-img ,
.z-bandbox .z-bandbox-img {
        border:none;
}
.z-textbox-focus, .z-textbox-focus input,
.z-decimalbox-focus, .z-decimalbox-focus input,
.z-intbox-focus, .z-intbox-focus input,
.z-longbox-focus, .z-longbox-focus input,
.z-doublebox-focus, .z-doublebox-focus input {

}
.z-combobox-focus .z-combobox-inp,
.z-spinner-focus .z-spinner-inp,
.z-datebox-focus .z-datebox-inp,
.z-timebox-focus .z-timebox-inp ,
.z-bandbox-focus .z-bandbox-inp  {

}
.z-combobox-focus .z-combobox-img,
.z-spinner-focus .z-spinner-img,
.z-datebox-focus .z-datebox-img,
.z-timebox-focus .z-timebox-img ,
.z-bandbox-focus .z-bandbox-img {
        border:none;
}
.z-combobox-pp ,.z-bandbox-pp {
        border:none;
}

.z-combobox-pp .z-combo-item-over {
        background-color: #546E7A;
}

.z-combobox-pp .z-combo-item-seld .z-combo-item-text .z-combo-item-inner {
        color:#FFFFFF;
}
.z-combobox-pp .z-combo-item-over-seld .z-combo-item-text{
        color:#FFFFFF;
}
.z-combobox-pp .z-combo-item-over .z-combo-item-text{
        color:#FFFFFF;
}


.z-groupbox-tl,
.z-groupbox-hl {
        border:none;
}
.z-groupbox-cnt {
        border:none;
}
.z-window-embedded-cnt, .z-window-popup-cnt {
        border:none;
}
.z-window-embedded-tl, .z-window-embedded-tl-noborder {
        border:none;
}
.z-window-popup-cm, .z-window-modal-cm, .z-window-highlighted-cm, .z-window-overlapped-cm {
        border:none;
}
.z-window-resize-proxy {
        border:none;
        background-color: #E0E0E0;
}
.z-window-move-ghost {
        background-color : #E0E0E0;
}
.z-window-move-ghost dl,
.z-window-resize-faker {
        background-color : #E0E0E0;
        border:none;
}
.z-window-popup-tl {
        border:none;
}
div.z-tree, div.z-dottree, div.z-filetree, div.z-vfiletree {
        border:none;
}

div.z-tree-body{
        background-color : #F5F5F5;
        border:none;
}


tr.z-tree-row td.z-tree-row-focus tr.z-tree-row-text {
        color : #FFFFFF;
}

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

tr.z-tree-row-over tr.z-tree-row-text{
        color : #FFFFFF;
}

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


.z-tab-seld .z-tab-text {
        color : #FFFFFF;
}

div.z-tree-header th.z-tree-col, div.z-tree-header th.z-auxheader,
div.z-dottree-header th, div.z-filetree-header th, div.z-vfiletree-header th {
        border:none;
}
tr.z-listbox-odd {
        background-color : #FAFAFA;
}

tr.z-list-item-focus, div.z-listcell-cnt-text{
        color: #FFFFFF;
}

tr.z-list-item-seld, div.z-listcell-cnt-text{
        color: #FFFFFF;
}
tr.z-list-item-over,  div.z-listcell-cnt-text{
        color: #FFFFFF;
}

tr.z-list-item-over-seld,  div.z-listcell-cnt-text{
        color:#FFFFFF;
}

div.z-listbox-header th.z-list-header, div.z-listbox-header th.z-auxheader {
        border:none;
}
div.z-listbox {
        background-color : #E0E0E0;
        border:none;
}
div.z-listbox-footer {
        background-color : #E0E0E0;
        border:none;
}
tr.cells td {
        border-bottom-color:#BDBDBD;
        border:none;
}
div.z-grid {
        background-color:#FFFFFF;
        border:none;

        -moz-box-shadow: 1px 1px 4px gray;
        -webkit-box-shadow: 1px 1px 4px gray;
        box-shadow: 1px 1px 4px #E0E0E0;
}

div.z-grid-body {
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 5px #888;
        background-color:#FFFFFF;
        border:none;
}

tr.z-grid-odd td.z-row-inner, tr.z-grid-odd {
        background-color : #F0F0F0;
}

tr.z-grid-odd .z-cell{
        background-color : #F0F0F0;
}


tr.z-row td.z-row-inner{
        background-color : #FFFFFF;
        margin-left:4px;
        margin-right:4px;
        
        border-left: 0;
        
}

div.z-row-cnt{
        margin-left:4px;
        margin-right:4px;
}



div.z-grid-header th.z-column, div.z-grid-header th.z-auxheader {
        border:none;
}
td.z-list-group-inner div.z-list-cell-cnt {
        color : #212121;
}
td.z-list-group-inner {
        border-top-color: #BDBDBD;
        border-bottom-color:#CFD8DC;
        border:none;
}
td.z-list-group-foot-inner div.z-list-cell-cnt {
        color : #212121;
}
tr.z-list-group {
        background-color: #EEEEEE;
}
tr.z-group {
        background-color: #EEEEEE;
}
td.z-group-inner {
        border-top-color: #BDBDBD;
        border-bottom-color:#CFD8DC;
        border:none;
}
.z-group-inner .z-group-cnt span, .z-group-inner .z-group-cnt {
        color : #212121;
}
.z-group-foot-inner .z-group-foot-cnt span, .z-group-foot-inner .z-group-foot-cnt {
        color : #212121;
}
.z-paging {
        border:none;
}
.z-paging-inp {
        border:none;
}
.z-paging-os .z-paging-os-cnt {
        background-color: #B0BEC5;
        border:none;
        color: #212121;
}
.z-paging-os .z-paging-os-seld:hover {
        color: white;
}

.z-paging-info, .z-paging-text{
    color:#FFFFFF;
}

.z-west-header, .z-center-header, .z-east-header, .z-north-header, .z-south-header {
        color : #212121;
}
.z-east-colpsd, .z-west-colpsd{
        background-color : #FAFAFA;
        border: 1px solid #F5F5F5;
}

.z-west-header, .z-center-header, .z-east-header, .z-north-header, .z-south-header {
        border:none;
}
.z-west, .z-center, .z-east, .z-north, .z-south {
        border:none;
        background-color: #FFFFFF;
}

.z-menubar-hor, .z-menubar-ver {
        border:none;
        background-color: #F5F5F5;
}


.z-menu-popup-cnt .z-menu-over a.z-menu-item-cnt,
.z-menu-popup-cnt .z-menu-item-over a.z-menu-item-cnt {
        border:none;
        color:#FFFFFF;
}


.z-menu-popup {
        border:none;
}
.z-menu-body-over .z-menu-inner-m .z-menu-btn,
.z-menu-body-seld .z-menu-inner-m .z-menu-btn,
.z-menu-item-body-over .z-menu-item-inner-m .z-menu-btn{
        color : #546E7A;
}
.z-tabs-scroll {
        background-color : #FAFAFA;
        border:none;
}
.z-tabs .z-tabs-space {
        background-color : #FAFAFA;
        border:none;
}
.z-tabs .z-tabs-cnt {
        border:none;
}
.z-tabpanel{
        border:none;
}
.z-tabbox-ver .z-tabpanels-ver {
        border:none;
}
.z-tabs-ver-scroll {
        border:none;
}
.z-tabs-ver .z-tabs-ver-cnt {
        border:none;
}
.z-tabs-ver-space {
        background-color : #FAFAFA;
        border:none;
}
.z-tab .z-tab-text,
.z-tab .z-tab-hl:hover .z-tab-text {
        color : #212121;
}
.z-tab-seld .z-tab-text {
        color : #FFFFFF;
}
.z-tab .z-tab-body:hover .z-tab-text {
        color : #212121;
}
.z-tab-ver .z-tab-ver-text {
        color : #212121;
}
.z-tab-ver-seld .z-tab-ver-text {
        color : #FFFFFF;
}
.z-tabs-left-scroll , .z-tabs-right-scroll,
.z-tabs-ver-down-scroll, .z-tabs-ver-up-scroll {
        border:none;
}
.z-tabbox-accordion .z-tabpanel-accordion {
        border:none;
}
.z-tabbox-accordion-lite .z-tabpanel-accordion-lite {
        border:none;
}
.z-tab-accordion-lite-header {
        border:none;
}
.z-tabpanels-accordion-lite {
        border:none;
}
.z-toolbar {
        vertical-align: middle;
        border:none;
        height:38px;
}

.z-toolbar a, .z-toolbar a:visited, .z-toolbar a:hover {
        background:transparent;
        border:none;
        color: #455A64;
}

.z-panel-children{
        background-color:#F5F5F5;
        border-color:#9E9E9E;
}



.z-panel-hl,
.z-panel-tl {
        border:none;
}
.z-panel-hm .z-panel-header,

.z-panel-header {
        color : #FFFFFF;
        border:none;
}
.z-panel-children {
        border:1px;
        border-color:#9E9E9E;
}
.z-panel-cm .z-panel-children,
.z-panel-cl .z-panel-children,
.z-panel-children-noheader {
        border:1px;
        border-color:#9E9E9E;
}
.z-panel-cm {
        background-color :#EEEEEE;
}
.z-panel-tl .z-panel-header {
        color : #212121;
}
.z-panel-fm {
        background-color:#FAFAFA ;
}

.z-panel-move-ghost {
        background-color: #E0E0E0;
}
.z-panel-move-ghost ul {
        border:none;
        background-color: #E0E0E0;
}
.z-panel-move-block {
        border:none;
}
.z-panel-top-noborder .z-toolbar,
.z-panel-top.z-panel-noheader .z-toolbar,
.z-panel-noborder .z-panel-header-noborder,
.z-panel-noborder .z-panel-tbar-noborder .z-toolbar,
.z-panel-noborder .z-panel-header.z-panel-header-noborder,
.z-panel-noborder .z-panel-top-noborder .z-toolbar,
.z-panel-noborder .z-panel-top.z-panel-top-noborder .z-toolbar,
.z-panel-noborder .z-panel-btm.z-panel-btm-noborder .z-toolbar,
.z-panel-noborder .z-panel-btm.z-panel-fbar-noborder .z-toolbar,
.z-panel-noborder .z-panel-btm.z-panel-btm-noborder .z-toolbar {
        border:none;
}
.z-panel-tbar .z-toolbar ,
.z-panel-bbar .z-toolbar,
.z-panel-tbar .z-toolbar,
.z-panel-body .z-panel-top .z-toolbar,
.z-panel-body .z-panel-btm .z-toolbar,
.z-panel-cl .z-panel-top .z-toolbar {
        border:none;
}
.z-popup .z-popup-cm {
        background-color:#EEEEEE ;
}
/*additional */


.z-menu-separator-inner {
        background-color:#CFD8DC;
}
div.z-listbox-pgi-b, div.z-tree-pgi-b, div.z-grid-pgi-b  {
        border:none;
}





.z-calendar-calyear, .z-datebox-calyear {
        background-color: #F5F5F5;
        border:none;
}
.z-calendar-calday, .z-datebox-calday {
        border:none;
}
.z-calendar-calmon td, .z-calendar-calday td, .z-calendar-calday td a, .z-calendar-calday td a:visited,
.z-datebox-calmon td, .z-datebox-calday td, .z-datebox-calday td a, .z-datebox-calday td a:visited {
        color: #212121;
}
.z-calendar-calmon td.z-calendar-seld, .z-calendar-calday td.z-calendar-seld,
.z-datebox-calmon td.z-datebox-seld, .z-datebox-calday td.z-datebox-seld {
        background-color: #546E7A;
        border:none;
        color:#FFF !important;
}
.z-calendar-over, .z-datebox-over {
        background-color: #546E7A;
}
.z-datebox-calmon td.z-datebox-over-seld,
.z-datebox-calday td.z-datebox-over-seld{
        background-color: #546E7A;
}
.z-calendar-caldow td, .z-datebox-caldow td {
        color: #212121;
        background-color: #F5F5F5;
}
.z-datebox-readonly {
    background-image: url(../images/zul/misc/text-bg8-dis.gif) !important;
    border-color: #BDBDBD;
    background-color: #ECEFF1 !important;
}
.z-datebox-readonly + span {
opacity: 0.5;
}




.z-tab, .z-tab-hl, .z-tab-hr, .z-tab-hm {
    background-image: none !important;
}


.z-tab .z-tab-hm {
    background-color: #F5F5F5 !important; 
    border: 1px solid #BDBDBD;
    border-bottom: none; 
}

.z-tab .z-tab-text {
    color: #333333 !important; 
}


.z-tab-seld .z-tab-hm {
    background-color: #546E7A !important; 
    border: 1px solid #546E7A;
    border-bottom: none;
}

.z-tab-seld .z-tab-text {
    color: #FFFFFF !important; 
}


.z-tab:hover .z-tab-hm {
    background-color: #ECEFF1 !important;
}
.z-tab-seld:hover .z-tab-hm {
    background-color: #455A64 !important; 
}