@CHARSET "UTF-8";

/* show mouse spinner when loading instead of loading window on the top left corner*/
.z-loading {
    background: transparent;
    border: 0;
    width: 100%;
    height: 100%;
    cursor: url(/gfx/spinner.ani), wait;
}

.z-loading-indicator{
    display: none;
}

.z-loading-icon, .z-renderdefer {
    display: none;
}

/**
 * AV Corporate Fonts: Source Sans Pro
 */
@font-face {
    font-family: SourceSansPro-Black;
    src: url('../fonts/SourceSansPro-Black.otf');
}
@font-face {
    font-family: SourceSansPro-BlackIt;
    src: url('../fonts/SourceSansPro-BlackIt.otf');
}
@font-face {
    font-family: SourceSansPro-Bold;
    src: url('../fonts/SourceSansPro-Bold.otf');
}
@font-face {
    font-family: SourceSansPro-BoldIt;
    src: url('../fonts/SourceSansPro-BoldIt.otf');
}
@font-face {
    font-family: SourceSansPro-ExtraLight;
    src: url('../fonts/SourceSansPro-ExtraLight.otf');
}
@font-face {
    font-family: SourceSansPro-ExtraLightIt;
    src: url('../fonts/SourceSansPro-ExtraLightIt.otf');
}
@font-face {
    font-family: SourceSansPro-It;
    src: url('../fonts/SourceSansPro-It.otf');
}
@font-face {
    font-family: SourceSansPro-Light;
    src: url('../fonts/SourceSansPro-Light.otf');
}
@font-face {
    font-family: SourceSansPro-LightIt;
    src: url('../fonts/SourceSansPro-LightIt.otf');
}
@font-face {
    font-family: SourceSansPro-Regular;
    src: url('../fonts/SourceSansPro-Regular.otf');
}
@font-face {
    font-family: SourceSansPro-Semibold;
    src: url('../fonts/SourceSansPro-Semibold.otf');
}
@font-face {
    font-family: SourceSansPro-SemiboldIt;
    src: url('../fonts/SourceSansPro-SemiboldIt.otf');
}
@font-face {
    font-family: SourceCodePro-Regular;
    src: url('../fonts/SourceCodePro-Regular.otf');
}

/* root variables */
:root {
    --av-dark-gray: rgb(87, 87, 87);
    --av-selected: rgb(169, 169, 169);
    --av-hover: rgb(221, 221, 221);
    --av-light-gray: rgb(221, 221, 221);
    --av-main-color: #00A8D0;
    --av-login-main-color: #00A8D0;
}

.small-title {
    font-size: 14px !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;
}

.monospace .z-listcell-content {
    font-family: SourceCodePro-Regular !important;
}

.z-listcell-content {
    font-family: SourceSansPro-Regular !important;
    font-size: 14px  !important;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    /*color: var(--av-dark-gray)  !important;*/
}

.z-listheader-content,
.listheader-combobox .z-combobox-input {
    font-family: SourceSansPro-Semibold !important;
    font-size: 16px  !important;
    background-color: white !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    font-weight: normal !important;
}

.z-searchbox-label {
    font-family: SourceSansPro-Regular !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
}

.z-searchbox-popup {
    font-family: SourceSansPro-Regular !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
}

.z-listgroup-inner .z-listcell-content {
        font-family: SourceSansPro-Semibold !important;

        /* hack for IE */
        color: #00A8D0 !important;
        color: var(--av-main-color) !important;

        font-weight: normal !important;
}

div.z-tree-header,
tr.z-treecols, th.z-treecol, div.z-treecol-content, div.z-tree-header tr.z-auxhead {
    font-family: SourceSansPro-Semibold !important;
    font-size: 16px  !important;
    background-color: white !important;
    background: white !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    font-weight: normal !important;
}

.z-label {
    font-family: SourceSansPro-Regular !important;
    font-size: 14px !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
}

.z-popup-content .z-label {
    font-family: SourceSansPro-Regular !important;
    font-size: 14px !important;
    color: white !important;
}

.footer .z-label,
.footer .z-a {
    font-family: SourceSansPro-Light !important;
    font-size: x-small !important;
}

.footer {
    /*padding: 5px 10px !important;*/
    /*background-color: rgba(178, 178, 178, 0.5) !important;*/
}

.banner {
    padding: 5px 10px !important;
    /*background-color: rgba(178, 178, 178, 0.5) !important;*/
}

.h0 {
    font-family: SourceSansPro-Semibold !important;
    font-size: 26px !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;
    background-color: white !important;
}

.h1 {
    font-family: SourceSansPro-Semibold !important;
    font-size: 20px !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;
    background-color: white !important;
}

.h2 {
    font-family: SourceSansPro-Semibold !important;
    font-size: 16px !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;
    background-color: white !important;

    padding: 5px 10px !important;
}

a {
    font-family: SourceSansPro-Regular !important;
    font-size: 14px !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;

    text-decoration: none !important;
}

.z-navitem a {
    font-family: SourceSansPro-Regular !important;
    font-size: 14px !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
    text-decoration: none !important;
}


.banner .z-label {
    font-family: SourceSansPro-Bold !important;
    font-size: 30px !important;
}

.logo {
    margin-top: 20px;
    margin-left: 20px;
    width: 180px;
}

.logo > img{
    margin-top: 20px;
    width: 180px;
}

.list-search {
    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;

    font-size: 20px !important;
}

.z-textbox:focus,
.z-decimalbox:focus,
.z-combobox-input:focus,
.z-spinner-input:focus,
.z-datebox-input:focus,
.z-timebox-input:focus {

    /* hack for IE */
    border-color: rgb(87, 87, 87) !important;
    border-color: var(--av-dark-gray) !important;
}


.z-spinner-icon,
.z-timebox-icon {
    color: #555 !important;
}

.z-spinner-icon:hover,
.z-timebox-icon:hover {
    /* hack for IE */
    background-color: #00A8D0 !important;
    background-color: var(--av-main-color) !important;

    color: white !important;
}


.z-notification-content {
    min-width: 350px;
    text-align: center;
    font-size: 22px;
    display: table-cell;
    font-family: SourceSansPro-Regular !important;
}

.error {
    color: red !important;
    margin-left: 5px;
}

.warn {
    color: orange !important;
    margin-left: 5px;
}

.mandatory-field:after {
    color: red !important;
    content:" *";
}

.av-thumb-image {
    max-height: 125px;
    cursor: pointer;
}

.av-customer-image {
    max-width: 250px;
    max-height: 250px;
    cursor: pointer;
}

.sub-category-icon {

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    cursor: default !important;
    font-size: 22px !important;
}


.z-tab,
.z-tab-content,
.z-tab-text {
    font-family: SourceSansPro-Semibold !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;

    background-color: white !important;
    font-size: 16px !important;
    font-weight: normal !important;
}
.z-tab:hover,
.z-tab-selected,
.z-tab:hover .z-tab-text,
.z-tab-selected .z-tab-text {
    font-family: SourceSansPro-Semibold !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
    background-color: white !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.z-tabbox-icon,
.z-combobox-icon:hover,
.z-combobox-button:hover,
.z-window-icon:hover {
    /* hack for IE */
    background-color: #00A8D0 !important;
    background-color: var(--av-main-color) !important;
}

.z-window-header {
    margin-left: 2px !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    font-weight: normal !important;
    font-size: 16px !important;
}

.z-window-content {
    padding: 0px;
}

.z-window-popup {
    border-radius: 5px;
}

.z-window-shadow {
    box-shadow: 0 0 80px 0 rgba(50, 50, 50, 1);
}

.z-popup {
    /* hack for IE */
    background-color: #00A8D0 !important;
    background-color: var(--av-main-color) !important;
    color: white !important;
}


.z-row,
.z-row-inner,
.z-row-content {
    background-color: white !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;
}

.z-row:hover > .z-cell {

    /* hack for IE */
    background-color: rgb(221, 221, 221) !important;
    background-color: var(--av-hover) !important;
}


.z-checkbox-toggle-off > .z-checkbox-mold {
    /* hack for IE */
    background-color: rgb(221, 221, 221) !important;
    background-color: var(--av-light-gray) !important;
}
.z-checkbox-toggle-on > .z-checkbox-mold {
    /* hack for IE */
    background-color: #00A8D0 !important;
    background-color: var(--av-main-color) !important;
}

.z-checkbox-switch-off > .z-checkbox-mold {
    /* hack for IE */
    background-color: rgb(221, 221, 221) !important;
    background-color: var(--av-light-gray) !important;
}
.z-checkbox-switch-on > .z-checkbox-mold {
    /* hack for IE */
    background-color: #00A8D0 !important;
    background-color: var(--av-main-color) !important;
}

.z-radio-content {
    color: white !important;
}


.z-datebox-icon:hover,
.z-timebox-icon:hover,
.z-spinner-icon:hover,
.z-calendar-cell:hover,
.z-datebox-button:hover {
    /* hack for IE */
    background-color: #00A8D0 !important;
    background-color: var(--av-main-color) !important;
}

.z-calendar-selected {
    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;
}

.z-calendar-header {

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    background-color: var(--av-dark-gray) !important;
}

.z-calendar-left {
    border-right-color: black !important;
}

.z-calendar-right {
    border-left-color: black !important;
}


.z-comboitem:hover {
    /* hack for IE */
    background-color: #00A8D0 !important;
    background-color: var(--av-main-color) !important;

    color: white !important;
}


.z-row-content .z-icon-question,
.help-icon .z-icon-question {
    margin-left: 2px !important;
    cursor: help !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;
}

.z-textbox,
.z-decimalbox,
.z-apply-loading-indicator,
.z-radio-content,
.z-checkbox-content,
.z-datebox-input,
.z-timebox-input,
.z-combobox-input,
.z-comboitem {
    font-family: SourceSansPro-Regular !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    font-weight: normal !important;
    font-size: 14px !important;
}

input[type="radio"], input[type="checkbox"] {
    margin-left:5px;
    margin-right:4px;
}

.z-modal-mask
{
    opacity: 0.0;
    background-color: white;
}

.gm-style {
    font-family: SourceSansPro-Regular !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

.gm-style strong {
    font-family: SourceSansPro-Semibold !important;
    font-weight: normal !important;
    font-size: 12px !important;
}


@media all and (min-height: 400px) {
    .full-image {
        max-height: 250px;
    }
}
@media all and (min-height: 600px) {
    .full-image {
        max-height: 400px;
    }
}
@media all and (min-height: 800px) {
    .full-image {
        max-height: 550px;
    }
}
@media all and (min-height: 1000px) {
    .full-image {
        max-height: 700px;
    }
}
@media all and (min-height: 1200px) {
    .full-image {
        max-height: 850px;
    }
}


.z-splitter {
    cursor: default;
}

.z-icon-ellipsis-vertical:before {
    content: none;
}

.disabled-radio input[type="radio"],
.disabled-radio .z-radio-content {
    color: gray !important;
    cursor: default !important;
}

.disabled-checkbox input[type="checkbox"],
.disabled-checkbox .z-checkbox-content {
    color: gray !important;
    cursor: default !important;
}


.z-calendar {
    font-family: SourceSansPro-Regular !important;
    font-size: 12px !important;
}

.z-calendar-title {
    font-family: SourceSansPro-Semibold !important;
    font-size: 14px !important;
}

.z-comboitem-image {
    margin-top: 2px !important;
}

.z-listitem:hover,
.z-listitem:hover .z-listcell,
.z-listitem:hover .z-listcell .z-listcell-content {

    /* hack for IE */
    background-color: rgb(221, 221, 221) !important;
    background-color: var(--av-hover) !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
}

.z-listitem-selected > .z-listcell,
.z-listitem.z-listitem-selected:hover > .z-listcell,
.z-listitem.z-listitem-selected:hover > .z-listcell .z-listcell-content {

    /* hack for IE */
    border-color: rgb(87, 87, 87) !important;
    border-color: var(--av-dark-gray);

    /* hack for IE */
    background: rgb(169, 169, 169) !important;
    background: var(--av-selected) !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
}

.multi-listbox .z-listitem-selected:hover .z-listcell .z-listcell-content .z-icon-check {
    background-color: white !important;
}


.z-navitem i {
    font-size: 16px !important;
}


.z-textbox-readonly,
.z-chosenbox-disabled {
    background: 0 !important;
    border: 0 !important;
}

.z-datebox-input[readonly],
.z-timebox-input[readonly] {
    cursor: default !important;
}

.test-result-ok,
.test-result-ok .z-icon-check {
    margin-right: 5px !important;
    color: green !important;
    cursor: default !important;
    font-size: 25px !important;
}
.test-result-nok {
    margin-right: 5px !important;
    color: red !important;
    cursor: default !important;
    font-size: 25px !important;
    padding-right: 5px !important;
}

.choose-filter {
    margin-left: 30px !important;
}


.z-navitem-content {
    font-family: SourceSansPro-Regular !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    font-size: 14px !important;
    background-color: white !important;
}

.z-nav-content::before {

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    background-color: var(--av-dark-gray) !important;
}

.z-navbar-vertical .z-nav-open {
    /* hack for IE */
    border-left: 2px solid #00A8D0 !important;
    border-color: #00A8D0 !important;
    border-color: var(--av-main-color) !important;
    border-left: 2px solid var(--av-main-color) !important;
}

.z-nav .z-nav-content {
    font-family: SourceSansPro-Regular !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    font-size: 14px !important;

    /* hack for IE */
    background-color: rgb(221, 221, 221) !important;
    background-color: var(--av-light-gray) !important;
}

.z-nav-text {
    font-family: SourceSansPro-Regular !important;
    font-size: 14px !important;
}

.z-navitem-text {
    font-family: SourceSansPro-Regular !important;
    font-size: 14px !important;
}

.z-navitem-selected .z-navitem-content,
.z-navitem-selected .z-navitem-content .z-navitem-text,
.z-navitem-content:hover,
.z-navitem-content:hover .z-navitem-text,
.z-navitem-text:hover {
    font-family: SourceSansPro-Semibold !important;
    font-size: 14px !important;

    /* hack for IE */
    background-color: #00A8D0 !important;
    background-color: var(--av-main-color) !important;

    color: white !important;
}


.login-header {
    font-family: SourceSansPro-Bold !important;
    font-size: 32px !important;

    /* hack for IE */
    color: #00A8D0 !important ;
    color: var(--av-login-main-color) !important;
}

.login {
    /* hack for IE */
    color: #00A8D0 !important ;
    color: var(--av-login-main-color) !important;
}

.z-tree-header,
.z-treecol,
.z-grid-header,
.z-listheader,
.z-auxheader {
    border-bottom: 1px solid;

    /* hack for IE */
    border-color: rgba(221, 221, 221, 0.25) !important;
}

.z-auxheader,
.z-auxheader-content,
.z-auxhead-bar,
.z-listhead-bar,
.z-listheader,
.z-column-content,
.z-columns-bar,
.z-column,
.z-treecol,
.z-treerow,
.z-treechildren,
.z-treecell
{
    background-color: white !important;

    /* hack for IE */
    border-color: rgba(221, 221, 221, 0.25) !important;
    border-color: var(--av-light-gray) !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    font-family: SourceSansPro-Semibold !important;
}

.login.z-button{
    font-family: SourceSansPro-Regular !important;
    font-size: 14px !important;

    background-color: white !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-login-main-color) !important ;

    /* hack for IE */
    border-color: #00A8D0 !important;
    border-color: var(--av-login-main-color) !important;

    box-shadow: none !important;
}

.z-button {
    font-family: SourceSansPro-Regular !important;
    font-size: 14px !important;
    display: inline-block;

    background-color: white !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important ;

    /* hack for IE */
    border-color: #00A8D0 !important;
    border-color: var(--av-main-color) !important;

    box-shadow: none !important;
}

.z-button:hover {
    background-color: white !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    /* hack for IE */
    border-color: rgb(221, 221, 221) !important;
    border-color: var(--av-light-gray) !important;

    box-shadow: none !important;
}

.z-button:disabled {
    background-color: gray !important;
    color: white !important;
    border-color: gray !important;
    box-shadow: none !important;
}

.enabled-button {
    color: green !important;
    border-color: green !important;
}

.disabled-button {
    color: red !important;
    border-color: red !important;
}


.z-panel-head,
.z-panel-header {
    font-family: SourceSansPro-Semibold !important;
    font-size: 26px !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;

    background-color: white !important;
}

.z-panel-icon {
    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    /* hack for IE */
    border-color: rgb(87, 87, 87) !important;
    border-color: var(--av-dark-gray) !important;

    background-color: white !important;
}

.z-panel-icon:hover {
    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    background-color: white !important;
}

.disabled {
    color:red !important;
    cursor:pointer;
    margin-left:10px;
}

.highcharts-title {
    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    fill: rgb(87, 87, 87) !important;
    fill: var(--av-dark-gray) !important;

    font-family: SourceSansPro-Semibold !important;
    font-size: 20px !important;
}
.invalidTextbox {
    border-color:red !important;
}


#zk_err {
    display: none !important;
}

.copyright {
    font-size: 12px !important;
}


.z-toolbarbutton-content {
    background-color: white !important;

    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;

    font-size: 14px !important;
    font-family: SourceSansPro-Regular;
}

.z-toolbarbutton:hover,
.z-toolbarbutton:hover .z-toolbarbutton-content,
.z-toolbarbutton-content:hover {

    /* hack for IE */
    background-color: #00A8D0 !important;
    background-color:  var(--av-main-color) !important;

    color: white !important;
    box-shadow: none !important;

    /* hack for IE */
    border-color: #00A8D0 !important;
    border-color: var(--av-main-color) !important;
    font-family: SourceSansPro-Regular;
}


.z-treecell-text {
    font-family: SourceSansPro-Regular;
}

[class^="highcharts"] {
    font-family: SourceSansPro-Regular;
}

[class^="z-chosenbox-item"],
[class^="z-chosenbox-button"],
[class^="z-chosenbox-input"],
[class^="z-chosenbox-text"],
[class^="z-chosenbox-option"] {
    font-family: SourceSansPro-Regular;
}

.z-chosenbox-input {
    height: 20px !important;
}

.z-chosenbox-item,
.z-chosenbox-item-content {

    /* hack for IE */
    background-color: #00A8D0 !important;
    background-color: var(--av-main-color) !important;

    color: white !important;
    font-family: SourceSansPro-Regular !important;
    font-weight: normal !important;
    font-size: 14px !important;

    border: none !important;
}

.z-chosenbox-empty,
.z-chosenbox-option:hover,
.z-chosenbox-option-hover {

    /* hack for IE */
    background-color: rgb(221, 221, 221) !important;
    background-color: var(--av-hover) !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
}

.help-header {
    font-family: SourceSansPro-Semibold !important;
}

.z-listheader-sorticon,
.z-column-sorticon {
    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
}



.z-menuitem-content {
    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
}

.z-menuitem-content:hover {
    color: white !important;

    /* hack for IE */
    background-color: #00A8D0 !important;
    background-color: var(--av-main-color) !important;
}


.z-menupopup-separator {
    /* hack for IE */
    border-left: 1px solid #00A8D0 !important;
    border-left: 1px solid var(--av-main-color) !important;
}

.z-menuseparator {
    /* hack for IE */
    border-bottom: 1px solid #00A8D0 !important;
    border-bottom: 1px solid var(--av-main-color) !important;
}



.menu-item-edit {
    position: relative;
}
.menu-item-edit:before {
    font-family: FontAwesome;
    content: "\f044";

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray);

    position: absolute;
    top: 12px;
    left: 5px;
}
.menu-item-edit:hover:before {
    font-family: FontAwesome;
    content: "\f044";
    color: white;
    position: absolute;
    z-index: 999;
    top: 12px;
    left: 5px;
}

.menu-item-jump {
    position: relative;
}
.menu-item-jump:before {
    font-family: FontAwesome;
    content: "\f08e";

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray);

    position: absolute;
    top: 12px;
    left: 5px;
}
.menu-item-jump:hover:before {
    font-family: FontAwesome;
    content: "\f08e";
    color: white;
    position: absolute;
    z-index: 999;
    top: 12px;
    left: 5px;
}

.menu-item-delete {
    position: relative;
}
.menu-item-delete:before {
    font-family: FontAwesome;
    content: "\f014";

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray);

    position: absolute;
    top: 12px;
    left: 5px;
}
.menu-item-delete:hover:before {
    font-family: FontAwesome;
    content: "\f014";
    color: white;
    position: absolute;
    z-index: 999;
    top: 12px;
    left: 5px;
}

.menu-item-details {
    position: relative;
}
.menu-item-details:before {
    font-family: FontAwesome;
    content: "\f129";

    /* hack for IE */
    color: rgb(87, 87, 87);
    color: var(--av-dark-gray);

    position: absolute;
    top: 12px;
    left: 9px;
}
.menu-item-details:hover:before {
    font-family: FontAwesome;
    content: "\f129";
    color: white;
    position: absolute;
    z-index: 999;
    top: 12px;
    left: 9px;
}

.menu-item-move {
    position: relative;
}
.menu-item-move:before {
    font-family: FontAwesome;
    content: "\f0b2";

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray);

    position: absolute;
    top: 12px;
    left: 5px;
}
.menu-item-move:hover:before {
    font-family: FontAwesome;
    content: "\f0b2";
    color: white;
    position: absolute;
    z-index: 999;
    top: 12px;
    left: 5px;
}

.menu-item-erase {
    position: relative;
}
.menu-item-erase:before {
    font-family: FontAwesome;
    content: "\f12d";

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray);

    position: absolute;
    top: 12px;
    left: 5px;
}
.menu-item-erase:hover:before {
    font-family: FontAwesome;
    content: "\f12d";
    color: white;
    position: absolute;
    z-index: 999;
    top: 12px;
    left: 5px;
}

.menu-item-trash {
    position: relative;
}
.menu-item-trash:before {
    font-family: FontAwesome;
    content: "\f1f8";

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray);

    position: absolute;
    top: 12px;
    left: 5px;
}
.menu-item-trash:hover:before {
    font-family: FontAwesome;
    content: "\f1f8";
    color: white;
    position: absolute;
    z-index: 999;
    top: 12px;
    left: 5px;
}

.menu-item-blacklist {
    position: relative;
}
.menu-item-blacklist:before {
    font-family: FontAwesome;
    content: "\f05e";

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray);

    position: absolute;
    top: 12px;
    left: 5px;
}
.menu-item-blacklist:hover:before {
    font-family: FontAwesome;
    content: "\f05e";
    color: white;
    position: absolute;
    z-index: 999;
    top: 12px;
    left: 5px;
}


.z-caption-content {
    font-family: SourceSansPro-Semibold !important;
    font-size: 16px  !important;
    background-color: white !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    font-weight: normal !important;
}

.z-treerow > .z-treecell {

    /* hack for IE */
    border-color: rgb(221, 221, 221);
    border-color: var(--av-light-gray);

    /* hack for IE */
    background: rgb(221, 221, 221);
    background: var(--av-light-gray);
    border-bottom: solid;
    border-width: 1px;
}

.z-treerow:hover,
.z-treerow:hover .z-treecell,
.z-treerow:hover .z-treecell .z-treecell-content {

    /* hack for IE */
    background-color: rgb(221, 221, 221) !important;
    background-color: var(--av-hover) !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
}

.z-treerow-selected > .z-treecell,
.z-treerow.z-treerow-selected:hover > .z-treecell,
.z-treerow.z-treerow-selected:hover > .z-treecell .z-treecell-content {

    /* hack for IE */
    border-color: rgb(87, 87, 87) !important;
    border-color: var(--av-dark-gray);

    /* hack for IE */
    background-color: rgb(169, 169, 169) !important;
    background-color: var(--av-selected) !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
}

.z-listheader-checkable.z-listheader-checked .z-listheader-icon,
.z-listitem-selected > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-listitem-icon.z-icon-check {
    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;
}


.z-icon-check {
    /* hack for IE */
    color: #00A8D0 !important;
    color: var(--av-main-color) !important;
}


.z-chart a {
    cursor: default !important;
}


.list-search {
    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
    margin-right: 5px;
    cursor: default;
}

.z-column-sort .z-column-content {
    cursor: pointer !important;
    font-size: 16px !important;
    font-family: SourceSansPro-Semibold !important;
    font-weight: normal !important;
}

.product-state-enabled {
    cursor: default !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;
}

.av-column-content {
    white-space: pre-wrap;
    position: relative;
    overflow: hidden;
    background-color: white !important;

    /* hack for IE */
    border-color: rgb(221, 221, 221) !important;
    border-color: var(--av-light-gray) !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    font-family: SourceSansPro-Semibold !important;
    font-size: 16px !important;
}

.av-listheader-content {
    white-space: pre-wrap;
    position: relative;
    overflow: hidden;
    background-color: white !important;

    /* hack for IE */
    border-color: rgb(221, 221, 221) !important;
    border-color: var(--av-light-gray) !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    font-family: SourceSansPro-Semibold !important;
    font-size: 16px !important;
}


.z-drag-over {
    /* hack for IE */
    background: #00A8D0 !important;
    background: var(--av-main-color) !important;
}

.z-drop-allow .z-drop-icon {
    color: #59a755 !important;
}

.av-scan-flow-title {
    font-family: SourceSansPro-Semibold !important;
    font-size: 16px  !important;

    /* hack for IE */
    color: rgb(87, 87, 87) !important;
    color: var(--av-dark-gray) !important;

    font-weight: normal !important;
}

.av-scan-flow-arrow {
    color: black !important;
    cursor: default !important;
    font-size: 50px !important;
}

.ar-authentic,
.ar-authentic .z-icon-check {
    color: green !important;
    font-size: 20px !important;
}
.ar-counterfeit {
    color: red !important;
    font-size: 20px !important;
}
.ar-impossible,
.z-row-content .ar-impossible .z-icon-question {
    color: yellow !important;
    font-size: 20px !important;
}
.ar-stopped,
.z-row-content .ar-impossible .z-icon-question {
    color: orange !important;
    font-size: 20px !important;
}

.telemetry-list .z-listcell .z-listcell-content {
    font-size: 11px !important;
    line-height: 15px !important;
}

.boolean-active {
    color: green !important;
    font-size: 20px !important;
}

.boolean-deactivated {
    color: red !important;
    font-size: 20px !important;
}

.auth-result-table table tr:last-child span {
    font-weight: bold;
}

.orange-check > td > div > span.z-treerow-checkbox > i:before {
    color: yellow !important;
}

.remove-checkbox > td > div > span.z-treerow-checkbox > i:before {
    content: none;
}

.suspicious-event-unread .z-listcell div.z-listcell-content {
    font-weight: bold !important;
}

.suspicious-event-blacklisted .z-listcell div.z-listcell-content {
    text-decoration: line-through !important;
}

.av-selectable-row-item {
    cursor: pointer;
    color: black;
}

.z-row-inner.av-selected-row-item,
.z-row-content.av-selected-row-item,
.z-row.av-selected-row-item > td,
.z-row.av-selected-row-item div {
    background-color: lightgray !important;
    /* hack for IE */
    color: lightgray !important;
    color: var(--av-main-color) !important;
    font-weight: 400;
}

.slid-stats td, th {
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-spacing: 0;
    border-collapse: collapse;
    white-space: nowrap;
    padding: 3px;
}

.slid-stats td:first-child, .slid-stats th:first-child {
    border-left: 0;
}

.slid-stats tr:first-child th {
    border-top: 0;
}

.slid-stats td:nth-child(2), .slid-stats td:nth-child(3) {
    text-align: right;
}

.auth-item {
    display: inline-block;
    white-space: nowrap;
}

.auth-block {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--av-light-gray);
    margin-bottom: 15px;
    padding-top: 12px;
    margin-top: -3px;
}