/* || ZK COMPONENT OVERRIDE STYLES */

.z-datebox,
.z-combobox,
.z-bandbox {
    width: 100%;
    height: 50px;
}

.z-combobox-readonly > input,
.z-bandbox-readonly > input {
    background: white;
}

.z-datebox-input,
.z-combobox-input,
.z-bandbox-input {
    height: 50px;
    border-radius: 8px;
}

.z-datebox-button,
.z-combobox-button,
.z-bandbox-button {
    height: 50px;
    border-radius: 0 8px 8px 0;
    border-left-color: transparent;
}

.z-datebox-icon,
.z-combobox-icon,
.z-bandbox-icon {
    padding-top: 8px;
}

.z-intbox,
.z-decimalbox,
.z-textbox {
    width: 100%;
    height: 50px;
    border-radius: 8px;
}

.z-textbox[disabled],
.z-decimalbox[disabled],
.z-intbox[disabled],
.z-longbox[disabled],
.z-doublebox[disabled] {
    border-color: #f5f5f7;
    background-color: #f5f5f7;
    color: rgba(0,0,0,0.9) !important;
}

.z-textbox {
    text-transform: uppercase;
}

.z-combobox-disabled > input,
.z-datebox-disabled > input,
.z-bandbox-disabled > input {
    color: rgba(0,0,0,0.9) !important;
}

.z-combobox-popup, .z-bandbox-popup, .z-datebox-popup, .z-timebox-popup {
    border-radius: 8px;
}

.z-toolbarbutton {
    color: #404040 !important;
    border: none;
}

.z-toolbarbutton:hover,
.z-toolbarbutton:active,
.z-toolbarbutton:focus {
    background-color: transparent;
    color: #007bff !important;
    border: none;
}

.z-bandpopup .z-listitem {
    height: 50px !important;
    min-height: 50px !important;
}

/* || ZK GRID OVERRIDE STYLES */

.z-row:hover > .z-cell,
.z-row:hover > .z-row-inner {
    background: none;
}

.z-grid {
    border-width: 0;
}

/* || ZK LISTBOX OVERRIDE STYLES */

.z-listbox {
    border-radius: 8px !important;
}

.z-listbox-header {
    background: #056dc6;
}

.z-listheader {
    background: #056dc6;
    border-left: 1px solid #145995;
    border-bottom: 1px solid #145995;
}

.z-listhead {
    cursor: pointer;
}

.z-listheader-content {
    white-space: break-spaces;
}

@media (min-width: 992px) {
    .z-listheader-content {
        white-space: break-spaces;
        font-size: 1.1rem;
    }
}

.z-listitem:hover,
.z-listitem:hover > .z-listcell,
.z-listitem.z-listitem-selected,
.z-listitem.z-listitem-selected.z-listitem-focus > .z-listcell,
.z-listitem.z-listitem-selected.z-listitem-focus:hover > .z-listcell,
.z-listitem.z-listitem-selected.z-listbox-odd.z-listitem-focus > .z-listcell,
.z-listitem.z-listitem-selected > .z-listcell,
.z-listitem.z-listitem-selected:hover > .z-listcell {
    background: #f2f2f2;
}

.z-listitem.z-listitem-disabled > .z-listcell,
.z-listitem.z-listitem-focus > .z-listcell,
.z-listitem.z-listbox-odd.z-listitem-focus > .z-listcell {
    background: white;
}

.z-listitem {
    height: 77px;
    min-height: 77px;
}

.z-listitem .z-listcell {
    border-top: 1px solid #cfcfcf;
}

.z-listcell-content {
    font-size: 16px;
}

.z-listitem-icon.z-icon-check,
.z-listheader-checkable {
    color: #145995;
}

.z-listbox.ellipsis .z-listcell-content {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

/* || ZK COMBOBUTTON OVERRIDE STYLES */

.z-combobutton {
    height: 48px;
    border-radius: .25rem;
}

.z-combobutton-content {
    display: flex;
    height: 48px;
    background-color: #056dc6;
    border: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.z-combobutton-text {
    margin: auto;
}

.z-combobutton-button {
    border-left: 1px solid #030a1a21;
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.z-combobutton:focus {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5);
    outline: 0;
}

.z-combobutton:hover .z-combobutton-content,
.z-combobutton:active .z-combobutton-content,
.z-combobutton:visited .z-combobutton-content,
.z-combobutton:focus .z-combobutton-content {
    display: flex;
    height: 48px;
    background-color: #2763b7;
    border-color: #2763b7;
}

.z-combobutton-button:hover,
.z-combobutton-button:active,
.z-combobutton-button:visited,
.z-combobutton-button:focus {
    display: flex;
    height: 48px;
    background-color: #1e52a2;
    border-color: #1e52a2;
}

/* || ZK COMBOBUTTON OVERRIDE STYLES EXTENSION */

.combo-secondary .z-combobutton-content {
    background-color: #013476;
}

.combo-secondary .z-combobutton-button {
    border-left: 1px solid rgba(2, 7, 19, 0.31)
}

.combo-secondary.z-combobutton:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, 0.5);
}

.combo-secondary.z-combobutton:hover .z-combobutton-content,
.combo-secondary.z-combobutton:active .z-combobutton-content,
.combo-secondary.z-combobutton:visited .z-combobutton-content,
.combo-secondary.z-combobutton:focus .z-combobutton-content {
    background-color: #012866;
    border-color: #012866;
}

.combo-secondary .z-combobutton-button:hover,
.combo-secondary .z-combobutton-button:active,
.combo-secondary .z-combobutton-button:visited,
.combo-secondary .z-combobutton-button:focus {
    background-color: #001a4a;
    border-color: #001a4a;
}