/*sehr gute tips: http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/ */


/*placeholder styles*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: lightgrey;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: lightgrey;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: lightgrey;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: lightgrey;
}

div.z-dottree-header th {
    padding: 1px 4px 1px;
}

tr.noselbackground > .z-listcell {
    background-color: white;
}

tr.noselbackground > .z-listitem-checkable {
    background-color: white;
}

tr.noselbackground.z-listitem {
    background-color: white;
}

.noselbackground.z-listbox-odd.z-listitem {
    background-color: white;
}

.noselbackground.z-listitem.z-listitem-selected > .z-listcell {
    background-color: white;
}

.noselbackground.z-listitem.z-listitem-selected:hover > .z-listcell {
    background-color: white;
}

.noselbackground.z-listitem.z-listitem-selected.z-listitem-focus:hover > .z-listcell {
    background-color: white;
}

.noselbackground.z-listitem.z-listitem-selected.z-listitem-focus > .z-listcell {
    background-color: white;
}


/* .noselbackground.z-listbox-odd.z-listitem {
  background: #f7f7f7;
} */
/*tr.z-treerow-seld {*/
/*background-color: #7af2f2;*/
/*}*/

/* background color of forms */
.xgform {
    /*background-color: #f0f0f0;*/
}

.z-groupbox-hr {
    /*background-color: #f0f0f0;*/
}

.z-groupbox-cnt {
    /*background-color: #f0f0f0;*/
}

/* Groupbox labels */
.grouplabel {
    font-weight: bold;
}

.grouplabel_light {
    font-weight: bold;
    color: #666666;
}

.proplabel {
    font-weight: bold;
}

.comment {
    font-style: italic;
    font-size: 90%;
    color: grey;
}

.light_yellow {
    background-color: #FEFFC1;
    color: black;
    vertical-align: top;
}

.light_red {
    background-color: #FFBBBB;
    color: black;
    vertical-align: top;
}

.alertMessage {
    font-weight: bold;
    color: #8b0000;
}

/* This works as long as the silvergray theme is used. */
tr.z-grid-odd td.z-row-inner, tr.z-grid-odd .z-cell, tr.z-grid-odd {
    background-color: #F9F9F8;
}

.default-pointer {
    cursor: default;
}

/*
 * Checks styling!!!
 */

div.z-listbox-body td.z-listcell.check-cell {
    vertical-align: middle;
}

td.z-treecell.check-cell {
    border-top: 1px solid white;
}

.check-cell span {
    vertical-align: top;
}

.monioff-check span {
    color: lightGray;
}

/* --- Check Result styles */
.check_result table {
    border: thin solid gray;
    border-collapse: collapse;
}

.check_result th, .check_result td {
    border: thin solid gray;
    padding: 2px;
}

a.z-a.xandria-goto {
    font-weight: normal;
}

a.z-a.xandria-goto:hover {
    text-decoration: underline;
}

/* Note: the styles below are used in logadpeter and rtm summary */
.th, th, th.table, th.normal {
    font-weight: bold;
    vertical-align: top;
    background-color: #dddddd;
    color: black;
}

th.label {
    font-weight: bold;
    vertical-align: top;
    background-color: #dddddd;
    color: #1d357f;
}

td.normal {
    vertical-align: top;
    background-color: #eeeeee;
    color: black;
}

a {
    text-decoration: none;
    color: black;
}

.columns_menu .z-menu-item-cnt {
    font-size: 90%
}

.inline-menu {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0;
    border-bottom: 0;
    border-top: 0;
    background: transparent;
    border-radius: 4px;
    height: 32px;
    overflow: hidden;
    line-height: 21px;
    top: -0.5px;
}

.inline-menu .z-menu-content {
    background-color: #e5f2f7;
    color: #006E99;
    line-height: 21px;
    border: none;
}



.inline-menu .z-menu-content:hover [class^="z-icon"], .z-menuitem-content:hover [class^="z-icon"] {
    /*color: #FFFFFF;*/
}

.inline-menu.primary .z-menu-content:hover [class^="z-icon"], .z-menuitem-content:hover [class^="z-icon"] {
    /*color: #FFFFFF;*/
}

.inline-menu .z-menu-text, .z-menuitem-text {
    font-size: 13px;
    font-weight: 500;
}

.inline-menu .z-menu-selected {
    color: #FFF;
    background-color: #707070;
}

.inline-menu .z-menu-selected > .z-menu-content {
    color: #363636;
}

.inline-menu.z-menu-selected > .z-menu-content {
    background-color: #707070;
}

.inline-menu [class^="z-icon"] {
    margin-top: 4px;
    color: #006E99;
}

.inline-menu .z-menu-icon {
    top: 6px;
}


.inline-menu.primary {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0;
    border-bottom: 0;
    border-top: 0;
    background-color: #007CAD;
    color: #FFFFFF;
}

.inline-menu.primary .z-menu-icon {
    color: #FFFFFF;
    visibility: visible;
}

.inline-menu.primary [class^="z-icon"] {
    color: #FFFFFF;
}


.inline-menu.primary .z-menu-content {
    background-color: #007CAD;
    color: #FFFFFF;
}

.inline-menu.primary .z-menu-hover > .z-menu-content {
    background-color: #007CAD;
    color: #FFFFFF;
}

.inline-menu.primary .z-menu-selected {
    background-color: #007CAD;
    color: #FFFFFF;
}

.inline-menu.primary .z-menu-selected > .z-menu-content {
    color: #FFFFFF;
}

.inline-menu.primary.z-menu-selected > .z-menu-content {
    background-color: #007CAD;
}

.inline-menu.more {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0;
    border-bottom: 0;
    border-top: 0;
    background-color: #e5f2f7;
    color: #006E99;
}

.inline-menu.more .z-menu-icon {
    color: #006E99;
    visibility: visible;
}

.inline-menu.more [class^="z-icon"] {
    color: #006E99;
}


.inline-menu.more .z-menu-content {
    background-color: #e5f2f7;
    color: #006E99;
}

.inline-menu.more .z-menu-hover > .z-menu-content {
    background-color: #e5f2f7;
    color: #006E99;
}

.inline-menu.more .z-menu-selected {
    background-color: #007CAD;
    color: #FFFFFF;
}

.inline-menu.more .z-menu-selected > .z-menu-content {
    color: #FFFFFF;
}

.inline-menu.more.z-menu-selected > .z-menu-content {
    background-color: #007CAD;
}

/*.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {*/
/*    padding: 2px;*/
/*    min-height: 20px;*/
/*}*/

.z-tabs-content {
    padding-top: 2px;
}

.z-tab-text {
    line-height: 18px;
    padding: 2px 12px 2px;
}

.z-listcell-content, .z-listgroup-content, .z-listgroupfoot-content,
.z-listfooter-content {
    line-height: 16px;
    /*padding: 1px;*/
}

.z-listbox, .z-tree, .z-grid {
    border-width: 1px 0 1px 0;
}

.z-caption {
    font-weight: bold;
}

.z-groupbox > .z-groupbox-header {
    height: 8px;
}

.z-groupbox-content {
}

.z-groupbox {
    padding-top: 8px;
}

/*.tabbg {*/
/*    background-color: #EAEAEA;*/
/*}*/

.z-notification-content {
    font-size: 16px;
    font-weight: bold;
}

.ace_macro {
    color: red;
}

.ace_function.ace_builtin {
    color: #800080;
    font-style: italic;
}

.ace_operator {
    color: #800080;
    font-weight: bold;
}

.ace_freemarker {
    /*color: green;*/
}

.ntfhelp {
    /*color: gray;*/
}

.ace_tag {
    font-weight: bold;
}

img.z-tab-image {
    vertical-align: top;
}

.z-toolbarbutton-content img {
    margin-bottom: 4px;
}

.xlist-toolbar {
    margin-top: 6px;
    margin-right: 6px;
    margin-left: 6px;
    margin-bottom: 6px;
    display: flex;
}

.severity-info {
    background-color: #D0E9F5;
    color: #5E99BD;
    border-radius: 4px;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    margin: 2px;
}

.severity-success {
    background-color: #B0DE78;
    color: #3F6219;
    border-radius: 4px;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    margin: 2px;
}

.severity-warning {
    background-color: #FFEF93;
    color: #111;
    border-radius: 4px;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    margin: 2px;
}

.severity-failure {
    background-color: #F06D65;
    color: #912323;
    border-radius: 4px;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    margin: 2px;
}

.z-drag-over {
    /*force override background when in drag n drop*/
    background: #add3ff !important;
}

.z-object-detail-title {
    /*font-size: 110%;*/

    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #232947;

}

.z-badge-failure[badge]:after {
    content: attr(badge);
    position: relative;
    bottom: 2px;
    left: 17px;
    width: 17px;
    height: 14px;
    line-height: 13px;
    color: white;
    background-color: red;
    text-align: center;
    border-radius: 20%;
    border: none;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
}

.z-badge-info[badge]:after {
    display: block;
    content: attr(badge);
    position: relative;
    bottom: 2px;
    left: 17px;
    width: 14px;
    height: 14px;
    line-height: 16px;
    color: white;
    background-color: rgb(11, 120, 200);
    text-align: center;
    border-radius: 50%;
    border: none;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    font-family: RobotoMono, monospace;
}

/*forms*/
.formheader {
    font-size: 16px;
    font-weight: bold;
    color: #aaaaaa;
}

.formborder {
    border-top: 1px solid #bbbbbb;
    padding-top: 4px;
    margin-top: 4px;
    background: rgb(172, 172, 172) !important;
}

.formfooter {
    text-align: right;
    height: 42px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 8px;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 4px;
}

.formfooterborder {
    border-top: 1px solid #bbbbbb;
}

.formdefaultaction {
    font-weight: bold;
    /*border: 1px solid black;*/
}

.toggleStatusSpan {
    width: 32px;
    display: inline-block;
    vertical-align: center;
}

.ticket-category-deprecated.z-comboitem {
    text-decoration: line-through;
    color: darkgray;
}

.ticket-category-deprecated .z-combobox-input {
    text-decoration: line-through;
    color: darkgray;
}

.z-treecell.soap-node {
    border: none;
}

.z-treecell.soap-node .z-treecell-text {
    font-family: 'Roboto Mono', monospace;
}

.z-treecell.soap-node .z-treecell-content {
    font-family: 'Roboto Mono', monospace;
}

.z-treecell.soap-tag .z-treecell-text {
    font-weight: bold;
}

.z-treecell.soap-tag .z-treecell-content {
    font-weight: bold;
}

.z-label.soap-node {
    font-family: 'Roboto Mono', monospace;
}

.z-label.soap-tag {
    font-weight: bold;
}

/* Padding 10px */
.p-10 {
    padding: 10px;
}

.border-top {
    border-top: 1px solid black;
}

/*Styles from new UI*/
.button-newstyle {
    height: 30px;
    padding: 5px;
    cursor: pointer;
    background-color: #0085ad;
    border-radius: 5px;
}

.button-newstyle a {
    font-size: 16px;
    color: white;
    font-weight: 500;
}

.avantra__list-toolbar-buttons {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    /*margin: 12px 6px;*/
}

.avantra_form__row td {
    padding: 0 24px 16px 0;
}

.avantra_main_menu .z-menu-content {
    padding-right: 6px;
}

.agentroute {
    background-color:#008888;z-index:1;
}
.agentrouteselected {
    background-color:#44aaff;z-index:100;
}
.agentrouteicon {
    color:#008888;z-index:1;
}
.agentrouteselectedicon {
    color:#44aaff;z-index:100;
}
.agentroutereverse {
    background:repeating-linear-gradient(45deg,#008888,#008888 5px,#ffffff 5px,#ffffff 10px);z-index:1;
}
.agentroutereverseselected {
    background:repeating-linear-gradient(45deg,#44aaff,#44aaff 5px,#ffffff 5px,#ffffff 10px);z-index:100;
}
.masterroute {
    background-color:#880088;z-index:2;
}
.masterrouteselected {
    background-color:#44aaff;z-index:100;
}
.masterrouteicon {
    color:#880088;z-index:1;
}
.masterrouteselectedicon {
    color:#44aaff;z-index:100;
}
.masterroutereverse {
    background:repeating-linear-gradient(45deg,#880088,#880088 5px,#ffffff 5px,#ffffff 10px);z-index:2;
}
.masterroutereverseselected {
    background:repeating-linear-gradient(45deg,#44aaff,#44aaff 5px,#ffffff 5px,#ffffff 10px);z-index:100;
}
.agentroute_OK {
    background-color:#00aa00;z-index:11;
}
.agentrouteselected_OK {
    background-color:#00ff00;z-index:100;
}
.agentrouteicon_OK {
    color:#00aa00;z-index:11;
}
.agentrouteselectedicon_OK {
    color:#00ff00;z-index:100;
}
.agentroutereverse_OK {
    background:repeating-linear-gradient(45deg,#00aa00,#00aa00 5px,#ffffff 5px,#ffffff 10px);z-index:11;
}
.agentroutereverseselected_OK {
    background:repeating-linear-gradient(45deg,#00ff00,#00ff00 5px,#ffffff 5px,#ffffff 10px);z-index:100;
}
.masterroute_OK {
    background-color:#00aa00;z-index:12;
}
.masterrouteselected_OK {
    background-color:#00ff00;z-index:100;
}
.masterrouteicon_OK {
    color:#00aa00;z-index:12;
}
.masterrouteselectedicon_OK {
    color:#00ff00;z-index:100;
}
.masterroutereverse_OK {
    background:repeating-linear-gradient(45deg,#00aa00,#00aa00 5px,#ffffff 5px,#ffffff 10px);z-index:12;
}
.masterroutereverseselected_OK {
    background:repeating-linear-gradient(45deg,#00ff00,#00ff00 5px,#ffffff 5px,#ffffff 10px);z-index:100;
}
.agentroute_WARNING {
    background-color:#eedd00;z-index:11;
}
.agentrouteselected_WARNING {
    background-color:#ffff00;z-index:100;
}
.agentrouteicon_WARNING {
    color:#eedd00;z-index:11;
}
.agentrouteselectedicon_WARNING {
    color:#ffff00;z-index:100;
}
.agentroutereverse_WARNING {
    background:repeating-linear-gradient(45deg,#eedd00,#eedd00 5px,#ffffff 5px,#ffffff 10px);z-index:11;
}
.agentroutereverseselected_WARNING {
    background:repeating-linear-gradient(45deg,#ffff00,#ffff00 5px,#ffffff 5px,#ffffff 10px);z-index:100;
}
.masterroute_WARNING {
    background-color:#eedd00;z-index:12;
}
.masterrouteselected_WARNING {
    background-color:#ffff00;z-index:100;
}
.masterrouteicon_WARNING {
    color:#eedd00;z-index:12;
}
.masterrouteselectedicon_WANRING {
    color:#ffff00;z-index:100;
}
.masterroutereverse_WARNING {
    background:repeating-linear-gradient(45deg,#ffee00,#ffee00 5px,#ffffff 5px,#ffffff 10px);z-index:12;
}
.masterroutereverseselected_WARNING {
    background:repeating-linear-gradient(45deg,#ffff00,#ffff00 5px,#ffffff 5px,#ffffff 10px);z-index:100;
}
.agentroute_CRITICAL {
    background-color:#cc0000;z-index:31;
}
.agentrouteselected_CRITICAL {
    background-color:#ff0000;z-index:100;
}
.agentrouteicon_CRITICAL {
    color:#cc0000;z-index:31;
}
.agentrouteselectedicon_CRITICAL {
    color:#ff0000;z-index:300;
}
.agentroutereverse_CRITICAL {
    background:repeating-linear-gradient(45deg,#cc0000,#cc0000 5px,#ffffff 5px,#ffffff 10px);z-index:31;
}
.agentroutereverseselected_CRITICAL {
    background:repeating-linear-gradient(45deg,#ff0000,#ff0000 5px,#ffffff 5px,#ffffff 10px);z-index:100;
}
.masterroute_CRITICAL {
    background-color:#cc0000;z-index:32;
}
.masterrouteselected_CRITICAL {
    background-color:#ff0000;z-index:100;
}
.masterrouteicon_CRITICAL {
    color:#cc0000;z-index:32;
}
.masterrouteselectedicon_CRITICAL {
    color:#ff0000;z-index:100;
}
.masterroutereverse_CRITICAL {
    background:repeating-linear-gradient(45deg,#cc0000,#cc0000 5px,#ffffff 5px,#ffffff 10px);z-index:32;
}
.masterroutereverseselected_CRITICAL {
    background:repeating-linear-gradient(45deg,#ff0000,#ff0000 5px,#ffffff 5px,#ffffff 10px);z-index:100;
}
.agentroute_UNKNOWN {
    background-color:#aaaaaa;z-index:1;
}
.agentrouteselected_UNKNOWN {
    background-color:#cccccc;z-index:100;
}
.agentrouteicon_UNKNOWN {
    color:#aaaaaa;z-index:1;
}
.agentrouteselectedicon_UNKNOWN {
    color:#cccccc;z-index:100;
}
.agentroutereverse_UNKNOWN {
    background:repeating-linear-gradient(45deg,#aaaaaa,#aaaaaa 3px,#ffffff 3px,#ffffff 10px);z-index:1;
}
.agentroutereverseselected_UNKNOWN {
    background:repeating-linear-gradient(45deg,#cccccc,#cccccc 3px,#ffffff 3px,#ffffff 10px);z-index:100;
}
.masterroute_UNKNOWN {
    background-color:#aaaaaa;z-index:2;
}
.masterrouteselected_UNKNOWN {
    background-color:#cccccc;z-index:100;
}
.masterrouteicon_UNKNOWN {
    color:#aaaaaa;z-index:2;
}
.masterrouteselectedicon_UNKNOWN {
    color:#cccccc;z-index:100;
}
.masterroutereverse_UNKNOWN {
    background:repeating-linear-gradient(45deg,#aaaaaa,#aaaaaa 3px,#ffffff 3px,#ffffff 10px);z-index:2;
}
.masterroutereverseselected_UNKNOWN {
    background:repeating-linear-gradient(45deg,#cccccc,#cccccc 3px,#ffffff 3px,#ffffff 10px);z-index:100;
}