body {
    margin: 0 0 0 0;
}

.ixia-grey {
    color: #bbbbbb;
}

.sencha-window-frame-color {
    color: rgb(38, 120, 147);
    color: #267893;
}

.select_output_button {
    /** font-size: 24px !important; **/
    font-weight: bold !important;
    border: solid 1px #da7c0c;
    background: #e1ff17;
}

.meter-value-container {
    background-color: #E0E0E0;
    border-width: 1px;
    border-style: solid;
    border-top-color: #808080;
    border-left-color: #808080;
    border-bottom-color: #808080;
    border-right-color: #808008;
}

/* Common meter value values */
.meter-text {
    color: #000;
}

.meter-text-shadow {
    text-shadow: 1px 1px #F0F0F0;
}

.meter-container {
    background-color: #FF00FF;
}

.meter-info {
    border-width: 1px;
    border-style: solid;
    border-top-color: #1f5e73;
    border-left-color: #1f5e73;
    background-color: #267893;
    border-bottom-color: #2f8eb0;
    border-right-color: #2f8eb0;
}

.meter-ok {
    border-width: 1px;
    border-style: solid;
    border-top-color: #00b000;
    border-left-color: #00b000;
    background-color: #04E808;
    border-bottom-color: #04FF08;
    border-right-color: #04FF08;
}

.meter-minor, .meter-warning {
    background-color: #FFFF00;
    border-width: 0px;
    border-style: solid;
    border-top-color: #F0F000;
    border-left-color: #F0F000;
    border-bottom-color: #FFFF00;
    border-right-color: #E0E000;
}

.meter-major {
    background-color: #FF6000;
    border-width: 0px;
    border-style: solid;
    border-top-color: #FF8000;
    border-left-color: #FF8000;
    border-bottom-color: #800000;
    border-right-color: #800000;
}

.meter-error, .meter-critical {
    background-color: #D10000;
    border-width: 0px;
    border-style: solid;
    border-top-color: #FF8080;
    border-left-color: #FF8080;
    border-bottom-color: #800000;
    border-right-color: #800000;
    text-shadow: 1px 1px #282828;
    color: #FFFFFF;
}

.undefined-value {
    /* color: rgb(228,207,183); */
    color: #989898;
    text-shadow: 1px 1px #FFFFFF;
}

.not-supported-value {
    color: rgb(200, 200, 200);
    font-style: italic;
}

.right-align {
    text-align: right;
}

.left-align {
    text-align: left;
}

.center-align {
    text-align: center;
}

.align-top {
    vertical-align: top;
}

.center-all {
    text-align: center;
    vertical-align: middle;
}

a.ix-diagram-tooltip-text, a.ix-diagram-tooltip-text:visited {
    color: #000000;
    font-weight: bold;
}

.faux-link {
    font-weight: bold;
    color: #0000DD;
}

.faux-link:hover {
    text-decoration: underline;
    cursor: hand;
}

.faux-btn {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #FF0000 !important; /*#D8D8D8 #D0D0D0; */
}

.faux-btn:hover {
    cursor: pointer !important;
    background-color: #E8E8E8;
    /* filter: brightness(85%); */
}

.ix-text-color-disabled {
    color: #383838;
    text-shadow: 1px 1px #c0c0c0 !important;
}

.ix-text-color-none {
    color: #484848;
}

.ix-text-color-info {
    color: #0640FF;
}

.ix-text-color-ok {
    color: #04B008;
}

.ix-text-color-minor, .ix-text-color-warning {
    color: #d0d000;
    text-shadow: 1px 1px #707070;
}

.ix-text-color-major {
    color: #c80000;
}

.ix-text-color-error, .ix-text-color-critical {
    color: #800000;
}

.ix-box-disabled {
    color: #f0f0f0;
    background-color: #383838;
    border: 1px solid #383838;
    border-radius: 3px;
    padding: 1px 2px;
}

.ix-box-info {
    color: #f0f0f0;
    background-color: #0640FF;
    border: 1px solid #0640FF;
    border-radius: 3px;
    padding: 1px 2px;
}

.ix-box-ok {
    color: #f0f0f0;
    background-color: #04B008;
    border: 1px solid #04B008;
    border-radius: 3px;
    padding: 1px 2px;
}

.ix-box-minor, .ix-box-warning {
    color: #f0f0f0;
    background-color: #d0d000;
    border: 1px solid #d0d000;
    border-radius: 3px;
    padding: 1px 2px;
}

.ix-box-major {
    color: #f0f0f0;
    background-color: #c80000;
    border: 1px solid #c80000;
    border-radius: 3px;
    padding: 1px 2px;
}

.ix-box-error, .ix-box-critical {
    color: #f0f0f0;
    background-color: #880000;
    border: 1px solid #880000;
    border-radius: 3px;
    padding: 1px 2px;
}

.x-selmodel-checkbox {
    padding-left: 2px;
    padding-right: 2px;
}

.x-grid-checkcolumn-cell-inner {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.stat-percent {
    background-color: #50FF50;
}

.stat-percent-neutral {
    background-color: #60FFFF;
}

.stat-percent-ok {
    background-color: #50FF50;
}

.stat-percent-warn {
    background-color: #FFFF60;
}

.stat-percent-error {
    background-color: #FF5050;
}

.stats-percent-text {
    float: left;
    left: 0px;
    top: 0px;
    font-size: 10px;
    /* font-weight: bold; */
    text-align: center;
    vertical-align: middle;
    color: #000000;
    /* text-shadow: 1px 1px #FFFFFF; */
}

.ix-column-header {
    font-weight: bold;
    font-size: 12px;
}

.layer_3_switch {
    background-image: url("../../resources/images/nto/layer_3_switch_16.png");
    background-size: 16px;
}

.cx4 {
    background-image: url("../../resources/images/nto/port_cx4_48.png");
    background-size: 16px;
}

.gsfp_plus {
    background-image: url("../../resources/images/nto/port_qsfp_plus_16.png");
}

.rj45 {
    background-image: url("../../resources/images/nto/rj45_16.png");
}

.sfp {
    background-image: url("../../resources/images/nto/sfp_16.png");
}

.sfp_plus {
    background-image: url("../../resources/images/nto/sfp_plus_16.png");
}

.tower {
    background-image: url("../../resources/images/nto/tower_16.png");
}

.xfp {
    background-image: url("../../resources/images/nto/port_xfp_48.png");
    background-size: 16px;
}

.workgroup_switch {
    background-image: url("../../resources/images/nto/workgroup_switch_16.png");
}

.server {
    background-image: url("../../resources/images/nto/server_16.png");
}

.port_group {
    background-image: url("../../resources/images/nto/port_group_16.png");
}

.port_group_disabled {
    background-image: url("../../resources/images/nto/port_group_16.png");
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.port_icon_disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.ix-icon-disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.interconnect-port-group {
    background-image: url("../../resources/images/nto/interconnect_16.gif");
}

.interconnect-port-group-disabled {
    background-image: url("../../resources/images/nto/interconnect_16.gif");
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.load-balance-port-group {
    background-image: url("../../resources/images/nto/load_balance_16.gif");
}

.load-balance-port-group-disabled {
    background-image: url("../../resources/images/nto/load_balance_16.gif");
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.bidi-port-group {
    background-image: url("../../resources/images/nto/bidirectional_16.gif");
}

.bidi-port-group-disabled {
    background-image: url("../../resources/images/nto/bidirectional_16.gif");
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.x-grid-cell-inner .nto_server {
    background-image: url("../../resources/images/nto/stack_icons/switch_16.png");
}

.nto_server-expanded {
    background-image: url("../../resources/images/nto/stack_icons/switch_16.png");
}

.filter-deny-all {
    background-image: url("../../resources/images/nto/stack_icons/filter_deny_all_16.gif");
}

.filter-deny-criteria {
    background-image: url("../../resources/images/nto/stack_icons/filter_deny_criteria_16.gif");
}

.filter-pass-all {
    background-image: url("../../resources/images/nto/stack_icons/filter_pass_all_16.gif");
}

.filter-pass-criteria {
    background-image: url("../../resources/images/nto/stack_icons/filter_pass_criteria_16.gif");
}

/* Filter Template styles */
.filter-template {
    background-image: url("../../resources/images/nto/filter_template_16.gif");
}

.filter-template-collection {
    background-image: url("../../resources/images/nto/book_16.gif");
}

/* Monitor node icons */
.monitor-node {
    background-image: url("../../resources/images/nto/monitor_16.gif");
}

.admin-user-node {
    background-image: url("../../resources/images/nto/admin_user_16.gif");
}

.user-node {
    background-image: url("../../resources/images/nto/user_16.gif");
}

.user-group-node {
    background-image: url("../../resources/images/nto/group_16.gif");
}

.delete-button {
    background-image: url("../../resources/images/nto/status/delete_14.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    border-style: none;
    margin-top: 4px;
    padding: 0;
}

.netservice-delete-button {
    background-image: url("../../resources/images/nto/actions/trash_16.gif");
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    border-style: none;
    padding: 0;
}

/* override the default tree grid folders */
.ix-navigator-icon {
    height: 16px;
    width: auto;
    margin: 0px 2px 0px 0px;
    border-width: 0;
}

.stats-graph-tooltip-current {
    color: #0000FF;
}

.stats-graph-tooltip-other {
    color: #000000;
}

.stats-green-font {
    color: green;
    font-weight: bold;
}

.properties-bold-font {
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding-top: 4px;
}

.bold {
    font-weight: bold;
}

.action-button {
    background-image: url("../../resources/images/nto/actions/teal/etc_13.gif");
}

.ix-system-property-label {
    margin-bottom: 4px;
}

.ix-system-property-value {
    font-weight: bold;
    font-size: 12px;
    padding-top: 6px;
}

.ix-property-value {
    font-size: 12px;
}

.ix-dark-teal {
    color: #404969;
}

.ix-property-border {
    border-style: solid;
    border-radius: 5px;
    border-color: #606060;
    border-width: 1px;
}

.ix-property-label {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    padding-left: 0px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-top: 2px;
    height: 18px;
}

.ix-property-label-text {
    font-size: 12px;
    font-weight: normal;
    color: #101010;
}

.ix-property-value-text {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    margin-top: 5px;
}

.ix-property-label-cell {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin-left: 12px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 1px;
}

.ix-property-value-cell {
    font-size: 12px;
    margin-left: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.ix-property-value-field {
    font-weight: bold !important;
    font-size: 12px;
}

a.ix-property-value-link, a.ix-property-value-link:visited .ix-property-value-link, .ix-property-value-link:visited {
    color: #0048E0;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

a.ix-property-value-link:hover, .ix-property-value-link:hover {
    color: #0080FF;
    text-decoration: underline;
    cursor: pointer;
}

a.ix-property-value-link-disabled, a.ix-property-value-link-disabled:visited .ix-property-value-link-disabled, .ix-property-value-link-disabled:visited {
    color: #606060;
    text-shadow: 1px 1px #F8F8F8;
    font-weight: bold;
    text-decoration: none;
}

a.ix-property-value-link-disabled:hover {
    color: #505050;
    text-decoration: none;
}

.ix-property-suffix {
    font-style: italic;
    font-size: 90%;
}

.ix-ip-addr-field {
    width: 34px;
    text-align: right;
}

.ix-ip-addr-separator {
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0px;
}

.x-fieldset {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-color: #A0BACE;
    border-width: 1px;
    overflow: visible !important;
}

.ix-fieldset-property-header {
    /* color: #0d5173;  !important; */
    color: #0d4163;
!important;
    font-weight: bold;
!important;
    font-size: 13px;
!important;
}

.ix-fieldset-title {
    color: #164e69;
!important;
    text-shadow: 1px 1px #FAFAFA;
    font-weight: bold;
!important;
    font-size: 12px;
!important;
}

.ix-fieldset-header-text {
    color: #1d6183;
!important;
    text-shadow: 1px 1px #FFFFFF;
    font-weight: bold;
!important;
    font-size: 12px;
!important;
}

.ix-fieldset-header-text-1 {
    color: #1d6183;
!important;
    font-weight: bold;
!important;
    font-size: 13px;
!important;
}

.ix-fieldset-header-text-2 {
    color: #1d81a3;
!important;
    font-weight: bold;
!important;
    font-size: 12px;
!important;
}

.x-form-display-field-body {
    height: 21px;
}

.x-form-item-label {
    margin-top: 1px;
    margin-bottom: 1px;
}

.ix-mini-toolbar-button {
    margin: 1px 1px 1px 1px;
    padding: 0 0 0 0;
    border-width: 0;
    background: transparent;
}

.ix-property-table {
    border-spacing: 0px;
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
    border-color: #404040;
}

.ix-property-table-row-odd {
    padding: 2px 2px 2px 2px;
    background-color: #EEEEEE;
}

.ix-property-table-row-even {
    padding: 2px 2px 2px 2px;
    background-color: #E0E0E0;
}

.ix-property-table-odd:hover .ix-property-table-even:hover {
    background-color: #E0E0E0 !important;
}

.ix-property-table-cell-header {
    background-color: #E0E0E0;
    text-align: center;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border-style: solid;
    border-width: 1px;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-bottom-color: #808080;
    border-right-color: #808080;
}

.ix-property-table-cell-odd, .ix-property-table-cell-even {
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-style: solid;
    border-width: 1px;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-bottom-color: #808080;
    border-right-color: #808080;
}

.ix-property-table-cell-odd {
    background-color: #F4F4F4;
}

.ix-property-table-cell-even {
    background-color: #E8E8E8;
}

.ix-toolbar {
    border-style: solid;
    border-width: 1px;
    border-top-color: #B8B8B8;
    border-bottom-color: #D0D0D0;
    border-left-color: #C0C0C0;
    border-right-color: #C0C0C0;
    padding: 5px 5px 5px 5px;

    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(bottom, #F0F0F0 0%, #C8C8C8 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #F0F0F0 0%, #C8C8C8 100%);
    /* Opera */
    background-image: -o-linear-gradient(bottom, #F0F0F0 0%, #C8C8C8 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F0F0F0), color-stop(1, #C8C8C8));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #F0F0F0 0%, #C8C8C8 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to top, #F0F0F0 0%, #C8C8C8 100%);
}
/* style for buttons on the dashboard */
.ix-master-menu-btn {
    color: #404040;
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    font-size: 36px;
    font-weight: bold;
    font-family: Times, "Times New Roman", serif;
    border-width: 1px !important;
    border-style: solid !important;
    margin: -1px 8px 0px 0px !important;
    padding: 1px 1px 1px 1px;
}

/* style for buttons on the dashboard */
.ix-toolbar-label-btn {
    /* height: 19px; */
    color: #383838;
    border-color: #C9DDE4;
    background-color: #C9DDE4;
    font-size: 26px;
    font-weight: bold;
    border-width: 1px !important;
    border-style: solid !important;
    margin: -3px 0px 0px 0px !important;
    padding: 1px 1px 1px 1px;
}

div.x-toolbar-default-docked-top {
    /* background-color: rgb(147, 187,201); */
    background-color: rgb(201, 221, 228);
}

.customChannelSearch {
    background-color: rgb(201, 221, 228) !important;
}

.ix-grid-header-label {
    color: #f4f4f4;
}

.ix-grid-header-value {
    color: #e8e8e8;
}

.ix-property-panel-header {
    background-color: rgb(226, 237, 241);
    color: #000;
    padding: 10px 5px 10px 5px;
    font-size: 14px;
}

.ix-property-header-1 {
    /* color: #004564; */
    color: rgb(18, 74, 85); /* dark teal */
    text-shadow: 1px 1px #FFFFFF;
    font-size: 14px;
}

.ix-property-header-2 {
    /* color: #004564; */
    color: rgb(18, 74, 85); /* dark teal */
    font-size: 14px;
}

.ix-property-panel-warning-header {
    background-color: rgb(255, 251, 161);
    color: #181818;
    padding: 5px 10px 5px 10px;
}

.ix-property-note {
    /* color: #004564; */
    color: rgb(18, 74, 85); /* dark teal */
    font-size: 14px;
}

.ix-property-note-2 {
    /* color: #004564; */
    color: rgb(8, 64, 75); /* darker teal */
    font-size: 13px;
}

.ix-more-button-medium, .ix-more-button-medium:visited {
    background-image: url("../../resources/images/nto/actions/etc_16.gif");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border-style: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.ix-flagged-button {
    background-image: url("../../resources/images/nto/actions/flag_15.gif");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border-style: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.ix-not-flagged-button {
    background-image: url("../../resources/images/nto/actions/flag_trans_15.gif");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border-style: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.ix-more-button-medium:hover {
    background-image: url("../../resources/images/nto/actions/etc_16.gif");
    background-repeat: no-repeat;
}

.ix-more-button-small, .ix-more-button-small:visited {
    /* background-image: url("../../resources/images/nto/actions/etc_gray_13.gif"); */
    background-image: url("../../resources/images/nto/actions/etc_13.gif");
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    border-style: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.ix-more-button-small:hover {
    background-image: url("../../resources/images/nto/actions/etc_13.gif");
    background-repeat: no-repeat;
}

.ix-more-button-tiny, .ix-more-button-tiny:visited {
    background-image: url("../../resources/images/nto/actions/etc_11.gif");
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    border-style: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.ix-more-button-tiny:hover {
    background-image: url("../../resources/images/nto/actions/etc_11.gif");
    background-repeat: no-repeat;
}

.diagram-header-border {
    min-width: 100%;
    border-style: solid;
    /*
    border-color: #317040;
    border-color: #808080;
    */
    border-color: #808080;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

.diagram-panel-container {
    min-width: 100%;
    min-height: 100%;
    white-space: nowrap;
    background-image: url("../../resources/images/mxGraph/editors/grid.gif");
    border-style: solid;
    border-color: #808080;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

.diagram-label-div {
    position: absolute;
    margin-top: 2px;
    min-width: 100%;
}

.diagram-count-div {
    position: absolute;
    margin-top: 24px;
    min-width: 100%;
}

#actionContainer {
    width: 310px;
    margin: 0 auto;
    position: relative;
    display: block;
    padding-top: 100px;
    min-width: 310px;
}

#actionContainer button {
    height: 35px;
    width: 140px;
    margin-right: 30px;
}

#clusterBtns input[type=button] {
    background-color: #f9f9f9;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    margin: 20px;
}

#clusterBtns {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 400px;
    height: 100px;
}

.cluster-graph-container {
    position: absolute;
    margin-top: 0px;
    min-width: 100%;
    white-space: nowrap;
    height: 100%;
    /*background-image: url("../../resources/images/mxGraph/editors/grid.gif");*/
    cursor: default;
}

.diagram-graph-container {
    position: absolute;
    margin-top: 0px;
    min-width: 100%;
    white-space: nowrap;
    background-image: url("../../resources/images/mxGraph/editors/grid.gif");
    cursor: default;
}

.diagram-network-label {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    left: 45px;
    width: 260px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /* color: #283098; */
    color: #005478;
}

.diagram-network-count {
    font-size: 12px;
    font-weight: bold;
    color: #404040;
    /*
    position: absolute;
    left: 45px;
    width: 260px;
    text-align: center;
    margin-left: auto;
    margin-right:auto;
    */
}

.diagram-filter-label {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    left: 440px;
    width: 260px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /* color: #283098; */
    color: #005478;
}

.diagram-filter-count {
    font-size: 12px;
    font-weight: bold;
    color: #404040;
    /*
    position:absolute;
    left:440px;
    width: 260px;
    text-align: center;
    margin-left: auto;
    margin-right:auto;
    */
}

.diagram-tool-label {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    left: 850px;
    width: 260px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /* color: #283098; */
    color: #005478;
}

.diagram-tool-count {
    font-size: 12px;
    font-weight: bold;
    color: #404040;
    /*
    position:absolute;
    left: 850px;
    width: 260px;
    text-align: center;
    margin-left: auto;
    margin-right:auto;
    */
}

.diagram-resource-label {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    left: 440px;
    width: 260px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /* color: #283098; */
    color: #005478;
}

.diagram-resource-count {
    font-size: 12px;
    font-weight: bold;
    color: #404040;
    /*
    position:absolute;
    left:440px;
    width: 260px;
    text-align: center;
    margin-left: auto;
    margin-right:auto;
    */
}

.grid-title-label {
    font-size: 12px;
    font-weight: bold;
    color: #00A5C4;
}

.library-label {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #000000;
}

.fc-cell-logicalOperator {
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: #8a3728;
}

.fc-cell-fieldType {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.fc-cell-fieldValues {
    font-size: 12px;
    color: #000000;
}

.fc-ipv4-range-icon {
    background-image: url('../../resources/images/nto/actions/search_16.gif');
}

.fc-ipv4-slash {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
}

.fc-combo-field {
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
    color: #000000;
}

.fc-value-label {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.fc-session-set-label {
    font-size: 11px;
    font-weight: bold;
    color: #0000FF;
}

/*
 ********************************************************************************
 CONTROL BAR
 ********************************************************************************
 */
.ix-control-bar {
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-color: #FEFEFE;
    background-color: #FFFF00;
}

.ix-control-bar-background {
    /*
    background-image: url('../../resources/images/nto/backgrounds/control_bar_bkgd_42.gif');
    background-repeat: repeat-x;
    background-color: #006080;
    */
    background-color: #26627A !important;
}

.ix-control-bar-main-panel {
    background-color: rgb(38, 98, 122) !important;
    /* background-color: #00FF00; */
    height: 36px;
    max-height: 36px;
    border-width: 0px 0px 2px 0px;
    border-color: #F0F0F0;
    border-style: solid;
}

.ix-control-bar-panel {
    /*
    background-image: url('../../resources/images/nto/backgrounds/control_bar_bkgd_42.gif');
    background-repeat: repeat-x;
    background-color: #006080;
    */
    background-color: rgb(38, 98, 122);
    height: 36px;
    max-height: 36px;
}

.ix-control-bar-panel-text {
    background-color: rgb(38, 98, 122);
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 10px;
}

.ix-background-red {
    background-color: red;
}

.ix-background-green {
    background-color: green;
}

.ix-bold {
    font-weight: bold;
}

.ix-control-bar-cell {
    /*
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #F4F8FF;
    text-shadow: 1px 1px #000030;
    vertical-align: middle;
    */
    /*
    background-image: url('../../resources/images/nto/backgrounds/control_bar_bkgd_42.gif');
    background-repeat: repeat-x;
    background-color: #006080;
    */
    background-color: rgb(38, 98, 122);
    height: 36px;
    max-height: 36px;
    border-width: 0 0;
    /*
    border-left-width: 1px;
    border-left-color: #303030;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-color: #808080;
    border-right-style: solid;
    */
}

.ix-control-bar-title {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #F4F8FF;
    text-shadow: 1px 1px #000030;
    padding: 8px 5px 0px 15px;
    margin: 0;
    border-width: 0px;
    background-color: rgb(38, 98, 122);
    /*
    border-width: 0px;
    background-image: url('../../resources/images/nto/backgrounds/control_bar_bkgd_42.gif');
    background-repeat: repeat-x;
    vertical-align: middle;
    height: 36px;
    border-right-width: 1px;
    border-right-color: #808080;
    border-right-style: solid;
    */
}

.ix-view-filter-text {
    font-size: 11px;
    color: #F0F0F0;
    text-shadow: 1px 1px #000;
    line-height: 10px;
    max-height: 36px;
    max-width: 110px;
    cursor: pointer;
    float: left;
    vertical-align: middle;
    padding: 4px 0px 1px 0px;
    overflow: hidden;
    border-width: 0px;
    background-color: rgb(38, 98, 122);
}

.ix-control-bar-label {
    font-size: 12px;
    line-height: 16px;
    font-family: helvetica, arial, verdana, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}

.ix-control-bar-link-text, .ix-control-bar-link, .ix-control-bar-link:visited {
    font-size: 12px;
    font-family: 'Arial';
    font-weight: bold;
    color: #E8E8E8;
    background-color: transparent;
}

.ix-control-bar-link-text:hover {
    color: #FFFFFF;
}

.ix-control-bar-link, .ix-control-bar-link:visited {
    background-color: transparent;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0;
    padding-bottom: 0;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-color: #60829c;
    border-right-color: #000;
    height: 40px;
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
}

.ix-control-bar-link:hover {
    /* background-color: #909090; */
    background-image: url('../../resources/images/nto/backgrounds/control_bar_bkgd_hover_42.gif');
}

.ix-control-bar-text {
    font-size: 12px;
    font-family: 'Arial';
    color: #F0F0F0;
}

.ix-control-bar-button, .ix-control-bar-menu, .ix-control-bar-menu-button {
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    text-shadow: 1px 1px #404040;
    color: #F0F0F0;
    background-color: transparent;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 0px;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-color: #60829c;
    border-right-color: #000;
    height: 38px;
    vertical-align: middle;
    margin: 0;
    margin-top: 2px;
}

.ix-control-bar-button:hover, .ix-control-bar-menu-button:hover {
    background-image: url('../../resources/images/nto/backgrounds/control_bar_bkgd_hover_42.gif');
    color: #FFFFFF;
}

.ix-control-bar-button-img {
    vertical-align: bottom;
    padding-right: 4px;
}

.ix-control-bar-items-panel {
    background-color: transparent;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.background-transparent {
    background-color: transparent !important;
}

.background-yellow {
    background-color: #FFFF00 !important;
}

.memory-meter-title {
    font-weight: bold;
    font-size: 13px;
    color: #404040;
}

.memory-meter-label-1 {
    font-weight: bold;
    font-size: 13px;
    color: #202020;
}

.memory-meter-label-2 {
    font-weight: bold;
    font-size: 12px;
    color: #282828;
    padding: 0px 0px 0px 10px;
}

.memory-meter-label-3 {
    font-size: 12px;
    color: #303030;
    padding: 0px 0px 0px 20px;
}

.memory-meter-item-avail {
    background-color: rgb(0, 125, 0);
}

.memory-meter-item-avail-red {
    background-color: rgb(255, 0, 0);
}

.memory-meter-item-avail-yellow {
    background-color: rgb(255, 255, 0);
}

.memory-meter-item-used {
    background-color: rgb(136, 136, 136);
}

.memory-meter-item-text {
    font-size: 10px;
    text-align: center;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: absolute;
    color: #ffffff;
    text-shadow: 1px 1px #404040;
}

/* -------------------------------------------------------------------------- */
.ix-search-title {
    color: #FFF;
    padding: 3px 3px 3px 20px;
    font-family: 'Arial';
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px #000;
}

.ix-search-label {
    color: #FFF;
    padding: 1px 1px 1px 1px;
    margin: 2px 2px 2px 15px;
    font-family: 'Arial';
    font-size: 12px;
    text-shadow: 1px 1px #000;
    text-align: right;
}

.ix-search-field {
    background-color: #F4F4F4;
    padding: 0px 0px;
    font-size: 12px;
    height: 21px;
    font-family: 'Arial';
    margin-right: 8px;
    border-image-width: 0px;
    width: 140px;
}

.ix-search-button {
    /*color: #FFF;*/
    padding: 2px 2px;
    margin-right: 3px;
    margin-top: 1px;
    margin-bottom: 2px;
}

.ix-search-panel {
    /*background-color: #2A3E57;*/
    /*background-color: #22364F; -8 */
    /* background-color: #264053; -4 */
    /*background-color: #293A53; -10% */
    background-color: #293C52;
}

.ix-search-result-lbl{
    margin: 2px 0 0 -5px;
    font-size: 11px;
    font-weight: bold;
}

body.waiting * {
    cursor: wait;
}

/* Define some extra properties about the controlBar items */

.x-btn-controlBar-toolbar-medium:hover {
    color: #FFF;
    text-shadow: 1px 1px #000;
}

.x-btn-controlBar-toolbar-medium {
    color: #EFEFEF; /* #AfD2F2; #9fc2e2; */
    text-shadow: 1px 1px #383838;
}

.ix-logical-operator-button {
    margin: 0 0 0 0;
    padding: 1px 1px 1px 1px;
}

div.x-title-text-default {
    padding: 2px;
}

div.x-window-header-title-default {
    padding: 2px;
}

div.x-title-item {
    padding: 1px;
}

.ix-sub-property-level-1 {
    background-color: #E0E0E0;
    padding: 2px 2px 2px 2px;
    margin: 0px;
}

.ix-sub-property-level-2 {
    background-color: #E8E8E8;
    /* padding: 3px 2px 3px 2px; */
    margin: 0px;
}

.ix-sub-property-header-mid {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-style: solid;
    border-color: rgb(159, 194, 226);
}

.ix-sub-property-header-top {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-style: solid;
    border-color: rgb(159, 194, 226);
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ix-subtoolbar-footer {
    background-color: #D8D8D8;
    padding: 5px 2px 1px 5px;
    border-top-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: rgb(159, 194, 226);
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*
 * These defs are for tree node icons for custom fields.
 */
.x-grid-cell-inner .ix-custom-field-parent-node {
    width: 20px;
}

.x-grid-cell-inner .ix-custom-field-node-default {
    background-image: url("../../resources/images/nto/status/sphere_teal_10.gif");
}

.ix-custom-field-node {
    background-image: url("../../resources/images/nto/status/sphere_teal_10.gif");
}

.ix-smaller-font {
    font-size: smaller;
}

.ix-font-size-10px {
    font-size: 10px;
}

.ix-error-text-color {
    color: #A00000;
}

.ix-error-text {
    color: #A00000;
    font-size: 11px;
}

.ix-error-header {
    color: #A00000;
    background-color: #FFE0E0;
    padding: 10px;
    margin: 0px;
    font-weight: bold;
}

canvas.x-surface-canvas {
    /* background: #F3F3F3; */
    font-size: 11px;
}

.ix-pie-label {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-shadow: 1px 1px #DDDDDD;
}

.ix-pie-legend-label {
    color: #FF0000;
}

.ix-main-nav-text {
    color: rgb(230, 235, 240);
    font-family: Gotham, Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
}

/**
 TO COVER SENCHA BUGS
*/
div.x-legend {
    background: #F3F3F3;
}

div.x-legend-container {
    background-color: #D8D8D8;
}

div.x-legend-item {
    padding-left: 18px;
!important;
    padding-right: 9px;
!important;
    padding-top: 7px;
!important;
    padding-bottom: 5px;
!important;
    font-size: 11px;
    border-left: 1px solid rgba(155, 155, 155, 0.5);
}

.ix-port-folder {
    background-image: url("../../resources/images/nto/blue-folder-horizontal.png");
    background-repeat: no-repeat;
}

.ix-port-folder-expanded {
    background-image: url("../../resources/images/nto/blue-folder-horizontal-open.png");
    background-repeat: no-repeat;
}

.ix-port-group-folder {
    background-image: url("../../resources/images/nto/blue-folder-horizontal.png");
    background-repeat: no-repeat;
}

.ix-port-group-folder-expanded {
    background-image: url("../../resources/images/nto/blue-folder-horizontal-open.png");
    background-repeat: no-repeat;
}

.ix-console-status-panel {
    background: transparent;
    /*
    border-width: 0px 0px 0px 1px;
    border-color: #1F3650;
    border-style: solid;
    */
    overflow: visible;
    /*
    border-color: #E8E8E8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    */
}

.ix-status-panel-img {
    height: 12px;
    margin: 0px 0px 0px 2px;
}

.ix-console-status-label {
    font-size: 12px;
    font-family: 'Arial';
    color: #F0F0F0;
    background-color: transparent;
    vertical-align: middle;
    text-shadow: 1px 1px #303030;
}

.ix-vertical-align-middle {
    vertical-align: middle;
}

.align-right {
    align: right;
}

.align-left {
    align: left;
}

.align-middle {
    align: middle;
}

.ix-fieldset {
    font-weight: bold;
    color: #000090;
}

.nowrap {
    white-space: nowrap;
}

.ix-grid-border {
    border-style: solid;
    border-width: 1px;
    border-color: #989898 !important;
}

.ix-text-disabled {
    color: #909090 !important;
    text-shadow: 1px 1px #FFFFFF;
}

.ix-text-disabled-no-shadow {
    color: #909090 !important;
}

/* CSS that are used in Diagram Panel vertex to display the Filter Criteria **/
table.filter_criteria {
    width: 60px;
}

td.fc_log_op_enabled {
    font-size: 8px;
    font-weight: bold;
    padding: 0px;
    border-radius: 4px;
    background-color: #888888;
    color: #DDDDDD;
}

td.fc_log_op_disabled {
    font-size: 8px;
    padding: 0px;
    border-radius: 4px;
    background-color: #cccccc;
    color: #eeeeee;
}

td.fc_field_enabled {
    font-size: 8px;
    font-weight: bold;
    color: darkblue;
    margin: 0px;
    padding: 0px;
}

td.fc_field_disabled {
    font-size: 8px;
    color: #bbbbbb;
    margin: 0px;
    padding: 0px;
}

img.ix-hazy {
    opacity: 0.4;
}

.rounded-icon-panel {
    border: 1px solid #afafaf;
    border-radius: 5px;
}

.pick-list-window-label {
    color: #ffffff;
    font-weight: normal;
    font-size: 12px;
}

.no-leaf-icons .x-tree-icon-leaf {
    display: none !important;
}

.info-icon {
    background-image: url("../../resources/images/nto/status/information_icon.png");
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.success-icon {
    background-image: url("../../resources/images/nto/status/success_icon.png");
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

#fieldset-1302 {
    width: 360px !important;
}

.busy-mask {
    background-color: #0060A0;
    color: #FFFFFF;
}

.ix-offline-text {
    font-family: Cambria;
    font-size: 15px;
    font-weight: bold;
    color: #484848;
}

.ix-offline-timer-text {
    margin: 8px 0px 0px 0px;
    font-family: Tahoma;
    font-size: 15px;
    font-weight: bold;
    color: #303030;
    background-color: #FCFCFC;
    border-color: black;
    border-width: 1px;
    border-radius: 6px;
    border-style: solid;
    padding: 4px 6px 4px 6px;
    width: 480px;
}

.ix-offline-message-text {
    /*font-family: Cambria; */
    font-size: 17px;
    font-weight: bold;
    color: #26627A;
    max-width: 540px;
}

.ix-search-div {
    padding: 3px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #26627A;
}

.ix-ae-channel-search-div {
    padding: 0px 3px 0px 0px; /* STEVE_TEST */
    margin: 0px 0px 0px 0px;
    background-color: rgb(201, 221, 228);
    height: 32px;
    width: 280px;
}

.ix-search-textfield {
    top: 0px;
    /* display: inline-block; */
    padding: 5px 5px 3px 4px;
    margin: 0px 0px 0px 0px;
    /* margin: 3px 0px 0px 0px; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666;
    outline: 0;
    border-style: solid;
    border-color: #606060;
    border-width: 1px 0px 1px 0px;
    height: 27px;
}

.ix-search-button, .ix-search-options-button, .ix-search-up-button, .ix-search-down-button {
    margin: 2px 0px 0px 0px;
    padding: 0px 3px 0px 3px;
    height: 27px;
    top: 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #666;
    background-color: #FFF;
    border-style: solid;
    border-width: 1px;
    border-top-color: #606060;
    border-bottom-color: #606060;
    border-width: 1px 1px 1px 1px;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#D0D0D0));
    background: -moz-linear-gradient(top, #F8F8F8, #D0D0D0);
}

.ix-channel-search-button {
    margin: 0px 0px 0px 0px;
    padding: 2px 3px 0px 3px;
    height: 27px;
    top: 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #666;
    background-color: #FFF;
    border-style: solid;
    border-width: 1px;
    border-top-color: #606060;
    border-bottom-color: #606060;
    border-width: 1px 1px 1px 1px;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#D0D0D0));
    background: -moz-linear-gradient(top, #F8F8F8, #D0D0D0);
    border-right-color: #606060;
    border-left-color: #C0C0C0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ix-search-button {
    padding: 0px 3px 0px 3px;
    font-size: 14px;
}

.ix-search-down-button {
    padding: 0px 2px 0px 2px;
    font-size: 13px;
}

.ix-search-button, .ix-search-down-button {
    border-right-color: #606060;
    border-left-color: #C0C0C0;
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
}

.ix-search-up-button, .ix-search-options-button {
    border-left-color: #606060;
    border-right-color: #C0C0C0;
    border-top-left-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
}

.ix-search-up-button {
    margin-left: 1px;
    border-right-color: #808080;
}

.ix-clear-search-button {
    border-color: #606060;
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none;
}

.ix-search-up-button:hover, .ix-search-down-button:hover, .ix-search-options-button:hover, .ix-search-button:hover {
    color: #404040;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#C0C0C0));
    background: -moz-linear-gradient(top, #E8E8E8, #C0C0C0);
    text-decoration: none;
}

.ix-channel-search-button:hover {
    color: #404040;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#C0C0C0));
    background: -moz-linear-gradient(top, #E8E8E8, #C0C0C0);
    text-decoration: none;
}

.ix-search-up-button:active, .ix-search-down-button:active, .ix-search-options-button:active, .ix-search-button:active {
    color: #202020;
    background: -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(#A8A8A8));
    background: -moz-linear-gradient(top, #D0D0D0, #A8A8A8);
    text-decoration: none;
}

.ix-channel-search-button:active {
    color: #202020;
    background: -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(#A8A8A8));
    background: -moz-linear-gradient(top, #D0D0D0, #A8A8A8);
    text-decoration: none;
}

.ix-header-panel {
    background-color: #2a2a2a;
    /* height: 14px; */
    vertical-align: middle;
}

.ix-header-background {
    background-color: #2a2a2a;
}

.ix-header-property-label, .ix-header-property-first-label {
    font-size: 12px;
    font-family: tahoma, arial, sans-serif;
    color: #b8b8b8;
    margin: 3px 0px 0px 2px;
    padding: 0px;
    text-align: right;
}

.ix-header-property-first-label {
    margin: 3px 2px 0px 8px;
}

.ix-header-property-value {
    font-size: 11px;
    font-family: tahoma, arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #e4e4e4;
    text-shadow: 1px 1px #000;
    margin: 3px 0px 0px 3px;
    padding: 0px;
    text-align: left;
}

.ix-main-nav-panel {
    background-color: #000;
}

.ix-column-header-2 {
    font-weight: bold;
    /* color: #383838; */
    color: #000060;
    text-align: center;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #086898;
}

.ix-title-background {
    background-color: rgb(29, 96, 129);
}

.ix-syslog-dock {
    border-style: solid;
    border-width: 3px 1px 2px 2px;
    border-color: rgb(29, 96, 129);
}

.ix-toolbar-panel {
    /* background-color: rgb(172,203,214); */
    background-color: rgb(201, 221, 228);
    color: #000;
    padding: 4px 4px 4px 4px;
    height: 34px;
}

.ix-toolbar-background {
    background-color: rgb(201, 221, 228) !important;
}

.ix-toolbar-background-sml {
    background-color: #f3f3f3 !important;
}

.ix-toolbar-background-sml .ix-toolbar-background {
    background-color: #f3f3f3 !important;
}

.ix-toolbar-background-srch .searchFieldContainer {
    background-color: #fff !important;
    border: 1px solid #ccc;
    border-radius: 11px;
}

.x-toolbar-separator-horizontal {
    border-left-color: #909090;
    border-right-color: #000;
    padding-right: 0px;
}

.ix-toolbar-separator {
    width: 1px;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    /* border-left-color: #9090A0; */
    border-left-color: rgb(162, 193, 204);
    border-right-color: #686868;
    height: 24px;
    max-height: 24px;
}

.ix-sub-panel-menu {
    background-color: #00aCd3;
    color: white;
}

.ix-sub-panel-menu-item {
    background-color: #00aCd3;
    color: white;
    font-size: 11px;
}

.ix-filter-meter-back {
    float: left;
    top: 0px;
    left: 0px;
    background-color: #D8D8D8;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #A0A0A0 #888888 #888888 #A0A0A0;
}

.ix-filter-meter-value-ok {
    float: left;
    background-color: #00e900;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #00b000 #00a000 #00a000 #00b000;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ix-filter-meter-value-warning {
    float: left;
    background-color: #E8E800;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #B0B000 #808000 #505050 #808080;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ix-filter-meter-value-neutral {
    float: left;
    background-color: #00BAE8;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #008AA8 #006A88 #505050 #808080;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ix-filter-meter-value-offline {
    float: left;
    background-color: #A0A0A0;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    border-color: #B0B0B0 #707070 #505050 #808080;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.ix-filter-meter-value-full {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-width: 1px 1px 1px 1px;
}

.ix-filter-meter-value-error {
    float: left;
    width: 50px;
    height: 5px;
    background-color: #D00000;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    border-color: #B00000 #505050 #505050 #808080;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ix-sample-icon-container {
    border-width: 1px;
    border-color: #4080c0;
    border-style: solid;
    border-radius: 2px;
    background-color: #F0F0F0;
}

.ix-property-icon-container {
    border-width: 1px;
    border-color: #006A88;
    border-style: solid;
    border-radius: 5px;
    background-color: #F0F0F0;
}

.ix-menu-no-icon {
    display: none;
}

.ix-icon-field-container {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-color: #FBFBFB;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #AAAAAA #888888 #888888 #AAAAAA;
}

.ix-icon-field {
    padding: 0px 0px 0px 0px;
    color: #808080;
    background-color: #FCFCFC;
    border: none;
    cursor: pointer;
}

.ix-icon-field-container:hover {
    background-color: #FFFFFF;
    border-color: #282828 #282828 #282828 #282828;
    cursor: pointer;
}

.ix-icon-field-label {
    background-color: transparent;
    font-size: 12px;
    color: #282828;
}

.ix-icon-field:active {
    color: #909090;
    background-color: #F0F0F0;
    border-color: #404040 #808080 #808080 #404040;
}

img.x-tree-node-text {
    max-height: 8px;
}

.no-tree-leaf-icon {
    display: none !important;
}

.expand {
    background-image: url("../../resources/images/nto/expand.png");
}

.collapse {
    background-image: url("../../resources/images/nto/collapse.png");
}

.expand-all {
    background-image: url("../../resources/images/nto/expand-all.png");
}

.collapse-all {
    background-image: url("../../resources/images/nto/collapse-all.png");
}

.transparent-btn {
    background: transparent !important;;
    border: none !important;
}

.ix-login-message-text {
    margin-top: 12px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #d0d0d0;
    width: 425px;
}

.ix-logout-message-text {
    margin-top: 2px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #d0d0d0;
    width: 500px;
}

.ix-banner-text {
    clear:both;
    margin-top: 12px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #d0d0d0;
    width: 525px;
    max-height: 300px;
    overflow-y: auto;
}

.ix-banner-info-text {
    clear: both;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: normal;
    color: #34ffff;
    text-shadow: 1px 1px #000;
    width: 525px;
}

.ix-banner-warning-text {
    clear: both;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: normal;
    color: #f69700;
    text-shadow: 1px 1px #000000;
    width: 525px;
}

.ix-banner-error-text {
    clear: both;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: normal;
    color: #ea0029; /* from logo */
    text-shadow: 1px 1px #000;
    width: 525px;
}

.ix-context-menu-closer {
    height: 6px;
    background-color: rgb(197, 223, 231);
}

.ix-countdown-text {
    font-size: 42px;
    color: #006080;
}

a.x-btn-over:hover {
    text-decoration: none;
}

.ix-navigator-column-header {
    font-weight: bold;
    color: #181818;
}

.ix-resource-slider {
    border-width: 0px 2px 2px 2px;
    border-color: #006080;
    border-style: solid;
    margin-right: 4px;
    margin-left: 1px;
}

/* ------------------------------------------------------ */
.diagram-header-container {
    min-width: 100%;
    white-space: nowrap;
    background-image: url("../../resources/images/mxGraph/editors/grid.gif");
}

.diagram-header-border {
    background-color: #787878;
}

.diagram-hdr {
    position: absolute;
    left: 45px;
    width: 260px;
    text-align: center;
    height: 25px;
    padding: 3px 0px 0px 0px;
}

.diagram-label-text {
    font-size: 14px;
    font-weight: bold;
    color: #005478;
}

.diagram-count-text {
    margin-left: 2px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    background-color: transparent;
}

img.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ix-readonly-text {
    color: #5A5A5A;
    text-shadow: 1px 1px #FFFFFF;
}

.ix-readonly-marker {
    font-size: 16px;
    color: #585858;
    text-shadow: 1px 1px #FFFFFF;
    margin-left: 1px;
}

.ix-star-image {
    margin-bottom: 2px;
    margin-left: 2px;
}

.ix-top-header-product-version {
    /* color: #f0f0f0; */
    color: #00CCF3;
    font-weight: bold;
    font-family: Cambria;
    font-size: 13px;
}

.ix-error-msg-details {
    margin: 5px 5px 5px 10px;
}

.ix-gradient-gray {
    background: #FBFBFB; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#D0D0D0, #FDFDFD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D0D0D0, #FDFDFD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D0D0D0, #FDFDFD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D0D0D0, #FDFDFD); /* Standard syntax */
}

.ix-line-card {
    border: 4px solid black;
    border-radius: 3px;
    background-color: #FBFBFB;
    width: 96%;
    height: 65px;
    margin: 10px 10px 10px 10px;
    padding: 0px 1px 2px 1px;
    font-size: 12px;
    font-weight: bold;
}

.ix-line-card-vertical {
    border: 4px solid black;
    border-radius: 3px;
    background-color: #FBFBFB;
    margin: 10px 10px 10px 10px;
    padding: 0px 1px 2px 1px;
    font-size: 12px;
    font-weight: bold;
    width: 155px;
    height: 75%;
    float: left;
}

.ix-line-card-label-cell {
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 5px;
    white-space: nowrap;
}

.ix-line-card-value-cell {
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 1px;
    white-space: nowrap;
}

.ix-line-card-title-cell {
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0px 5px 0px;
    white-space: nowrap;
}

.ix-line-card-info-text {
    font-size: 12px;
    font-style: italic;
}

.ix-line-card-status-text {
    font-size: 11px;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 1px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0;
    color: #383838;
    text-shadow: 1px 1px #F8F8F8;
}

.ix-border-panel {
    border: 1px solid #267893;
}

.ix-border-ok {
    border-color: #00A800;
}

.ix-border-warning {
    border-color: #CCCC00;
}

.ix-border-error {
    border-color: #D00000;
}

.ix-grid-border-colored {
    border-color: #267893;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
}

.ix-supervisor-card-horizontal {
    background: rgba(225, 225, 225, 0.4);
    border: 3px dotted green;
    border-radius: 3px;
    position: absolute;
    top: 5px;
    width: 18%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.ix-supervisor-card-vertical {
    border: 3px solid black;
    border-radius: 5px;
    padding-top: 6px;
    width: 250px;
    height: 50px;
    text-align: center;
    float: left;
    margin-left: 30px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

.ix-chassis-top {
    background-color: rgb(230, 55, 65);
    border-width: 2px;
    border-style: solid;
    border-color: #404040;
    color: #FAFAFA;
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    border-radius: 2px 2px 0px 0px;
}

.ix-chassis-bottom {
    background-color: #404040;
    height: 8px;
    border-radius: 0px 0px 4px 4px;
}

.ix-chassis-supervisor-td {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-left-color: #FFFFFF;
    border-top-color: #FFFFFF;
    border-bottom-color: #808080;
    border-right-color: #808080;
    background-color: #DDDDDD;
    padding: 3px 5px 3px 5px;
    height: 32px;
}

.ix-chassis-card-td {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-left-color: #FFFFFF;
    border-top-color: #FFFFFF;
    border-bottom-color: #808080;
    border-right-color: #808080;
    background-color: #DDDDDD;
    padding: 3px 5px 3px 5px;
    height: 40px;
}

.ix-chassis-card-selected-td {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F0F0F0 #707070 #707070 #F0F0F0;
    background-color: #B0D0F8;
    padding: 3px 5px 3px 5px;
}

.ix-chassis-card-tab {
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #505050 #303030 #303030 #505050;
    background-color: #404040;
    padding: 5px 5px 5px 5px;
    text-align: center;
    width: 20px;
}

.ix-chassis-card-table {
    border-style: solid;
    border-width: 0px;
    border-radius: 4px;
    border-color: #787878;
    background-color: #F0F0F0;
    width: 660px;
    margin: 0 auto;
    margin-top: 10px;
}

.ix-chassis-card-title {
    font-size: 13px;
    font-weight: bold;
    text-left: center;
    padding: 0px 0px 2px 0px;
}

.ix-chassis-card-single-value {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.ix-chassis-card-label {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    text-align: left;
}

.ix-chassis-card-value {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-align: right;
}

.ix-chassis-supervisor {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-left-color: #808080;
    border-top-color: #808080;
    border-bottom-color: #F8F8F8;
    border-right-color: #F8F8F8;
    border-radius: 4px;
    background-color: #D0D0D0;
    padding: 2px 5px 2px 5px;
    width: 220px;
    margin: 0px 15px 0px 15px;
}

.ix-cursor-pointer {
    cursor: pointer;
}

.ix-display-none {
    display: none !important;
}

.ix-field-button {
    padding: 1px 1px 0px 1px;
    font-size: 16px;
    color: #505050;
    cursor: pointer;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #B8B8B8 #C8C8C8 #DADADA #DADADA;
}

.ix-ip-addr-sep {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
}

.ix-filter-property-item-container {
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    border-color: #B0B0B0 #C8C8C8 #C8C8C8 #B0B0B0;
    background-color: #FAFAFA;
}

.ix-tight {
    border-width: 0px;
    margin: 0;
    padding: 0;
}

.ix-marquee {
    font-size: 11px;
    font-weight: normal;
    color: #F8F8F8;
    font-family: monospace, "Lucida Console", Monaco;
}

/* 
 * to fix a Sencha bug when selecting the
 *  icon on a menu item in Firefox
 */
.x-menu-item-active .x-menu-item-icon-default {
    pointer-events: none;
}

.ix-cell-comment {
    display: none;
    position: absolute;
    z-index: 100;
    border: 1px;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: blue;
    border-radius: 3px;
    padding: 3px;
    color: blue;
    top: 20px;
    left: 20px;
}

.ix-action-row-btn {
    background-color: #267893;
    border-color:  #095b76 #0f617c #0f617c #095b76;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    color: #f8f8f8;
    height: 18px;
    width: 18px;
    cursor: pointer;
    padding: 1px 1px 1px 1px !important;
    margin: 4px 2px 2px 2px;
    box-sizing: border-box;
}

.ix-action-row-btn-text .x-btn-inner {
    font-size: 15px;
    padding: 1px 2px 1px 1px !important;
    margin: 1px 1px 2px 1px;
}

.ix-action-row-comment-img
 {
    background-size: 13px 13px;
    background-repeat: no-repeat;
    margin-bottom: 2px;
    background-image: url('../../resources/images/nto/actions/teal/text_bubble_white.svg') !important;
}

.ix-action-btn:hover {
    background-color: #4395b0;
    border-color:  #277994 #00415c #00415c #277994;
    color: #ffffff;
}

.ix-action-btn:active {
    background-color: #166883;
    transform: scale(.825);
    color: #f0f0f0;
}

.ix-msg-box-bring-to-front {
    position: absolute !important;
    z-index: 20001 !important;
}

.ix-cell-with-comment:hover span.ix-cell-comment {
    display: block;
}

.ix-background-critical {
    background-color: #DA0000 !important;
}

.ix-background-critical:hover {
    opacity: 0.6;
    border-color: #282828;
}

.ix-background-alert {
    background-color: #FE2A00 !important;
}

.ix-background-alert:hover {
    opacity: 0.6;
    border-color: #282828;
}

.ix-background-error {
    background-color: #FD6300 !important;
}

.ix-background-error:hover {
    opacity: 0.6;
    border-color: #282828;
}

.ix-background-warning {
    background-color: #FDEA3C;
}

.ix-background-warning:hover {
    opacity: 0.6;
    border-color: #282828;
}

.ix-background-notice {
    background-color: #00FAFA !important;
}

.ix-background-notice:hover {
    opacity: 0.6;
    border-color: #282828;
}

.ix-background-even {
    background-color: #F8F8F8 !important;
}

.ix-background-even:hover {
    background-color: #E0E0E0 !important;
}

.ix-background-odd {
    background-color: #EEEEEE !important;
}

.ix-background-odd:hover {
    background-color: #E0E0E0 !important;
}

.ix-background-highlight {
    background-color: #C0FFFF !important;
}

.ix-background-highlight:hover {
    background-color: #C0E8E8 !important;
}

.ix-grid-row-border {
    border-bottom: 2px solid #267893;
    border-top: 2px solid #267893;
}

.ix-grid-border-collapse {
    border-collapse: collapse;
}

.ix-background-info {
    /* background-color: #F9F9FF !important; */
    /* background-color: #E8FAFD !important; */
    background-color: #F4FBFE !important;
}

.ix-background-info:hover {
    opacity: 0.6;
    border-color: #282828;
}

.ix-description-field {
    height: 40px !important;
    min-height: 24px !important;
}

.x-form-text-default.x-form-textarea {
    min-height: 32px !important;
}

.ix-2-line-textarea {
    height: 34px !important;
    min-height: 24px !important;
}

.x-form-item-label-default {
    padding-top: 2px !important;
    min-height: 18px !important;
}

.x-form-display-field-default {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    min-height: 18px !important;
}

.x-btn-inner-nto-menu-button-small {
    padding: 0px 2px 0px 2px !important;
}

.ix-search-highlight {
    background-color: #A0F0FF;
    color: #000000;
    font-weight: bold;
    padding: 0px 1px;
    border-radius: 5px;
}

.ix-toolbar-button {
    font-size: 8px;
}

.ix-syslog-footer {
    /* background-color: rgb(182,213,224); */
    /* background-color: rgb(187,218,229); */
    background-color: rgb(181, 211, 222);
    color: #202020;
}

.ix-syslog-footer-text {
    font-size: 12px;
    color: #282828;
}

.ix-syslog-footer-value-text {
    font-size: 12px;
    font-weight: bold;
    color: #404040;
    background-color: #F0F0F0;
    border-color: #b8b8b8;
    border-width: 1px;
    border-style: solid;
    border-radius: 9px;
    padding: 1px 6px 0px 6px;
}

.ix-syslog-msg-container {
    /* background-color: rgb(182,213,224); syslog header */
    background-color: #F8F8F8;
    border-width: 1px;
    border-style: solid;
    border-color: #282828;
}

.ix-syslog-msg-header {
    color: #F0F0F0;
    font-size: 12px;
    /* background-color: rgb(182,213,224); syslog header */
    /* background-color: rgb(190,221,232); */
    /* background-color: #E0E0E0; */
    background-color: rgb(63, 140, 173);
}

.ix-msg-area-label, .ix-msg-area-first-label {
    font-size: 12px;
    color: #FFFFFF;
    margin: 2px 0px 0px 25px;
}

.ix-msg-area-first-label {
    margin-left: 6px;
}

.ix-msg-area-value {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 2px 0px 0px 3px;
}

.ix-msg-area-close {
    cursor: hand;
    margin-right: 6px;
    font-family: Verdana /*
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
	*/
}

.ix-syslog-msg-text {
    color: #383838;
    font-size: 12px;
    white-space: pre-wrap;
}

.ix-invalid-feature {
    background: repeating-linear-gradient(45deg, #fff, #fff 2px, #eee 2px, #eee 4px);
    width: 100%;
}

.ix-toolbar-text {
    font-size: 12px;
}

.ix-menu-textfield {
    background-image: url("../../resources/images/nto/menu_arrow_7.gif") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    padding-right: 10px;
}

.ix-overflow-badge {
    max-height: 15px;
    height: 14px;
}

.rounded-textfield .x-form-trigger-wrap {
    border-radius: 7px;
}

.rounded-textfield .x-form-text-wrap {
    border-radius: 7px;
}

.ix-select-row {
    border-color: #181818 !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
}

.ix-inline-icon-img {
    padding: 0px;
    border-width: 0px;
    max-height: 16px;
    margin: 0px;
}

.ix-inline-edit-img {
    padding: 2px 3px 2px 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #267893;
    background-color: #E0E0E0;
    cursor: pointer;
    margin: 2px 0px 0px 0px;
    height: 18px;
}

.ix-more-normal-text {
    color: #404040;
}

.ix-more-info-text {
    color: #0000B0;
}

.ix-more-error-text {
    color: #B00000;
}

.ix-more-warning-text {
    color: #FFA500;
}

.ix-more-success-text {
    color: #00A000;
}

.ix-table-tooltip {
    width: 500px;
}

.ix-table-tooltip td {
    white-space: normal;
}

.ix-table-row {
    border: 1px solid #CCCCCC;
}

.ix-tooltip-label {
    text-align: left;
    font-weight: bold;
    vertical-align: top;
}

.ix-tooltip-value {
    max-width: 400px;
    text-align: left;
    overflow-wrap: break-word;
    padding-right: 5px;
    vertical-align: top;
}

.ix-tooltip-2-label {
    font-weight: bold;
    padding-left: 15px;
    white-space: nowrap;
    vertical-align: top;


.ix-tooltip-2-value {
    max-width: 275px;
    overflow-wrap: break-word;
    padding-right: 5px;
    display: inline-block;
    background-color: yellow;
}}

.ix-tooltip-operand {
    display: inline-block;
    width: 20px;
}

.ix-table-header-row {
    font-weight: bold;
}

.ix-table-header-cell {
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    background-color: #e0e8f0;
    text-align: center;
}

.ix-table-row {
    text-align: center;
    background-color: #F0F0F0;
    padding: 3px 10px 3px 10px
}

.ix-table-row-alt {
    text-align: center;
    background-color: #fafafa;
    padding: 3px 10px 3px 10px
}

.ix-tree-leaf-count {
    vertical-align: super;
    font-size: 9px;
    padding: 1px 2px 0px 2px;
    margin: 0px 0px 0px 2px;
    border-radius: 3px;
    border-style: solid;
    border-color: #A0A0A0;
    border-width: 1px;
    color: #505050;
}

.ix-priority-enabled-tag {
    color: green;
    font-style: italic;
    font-weight: bold;
}

.ix-single-link-tag {
    color: #267893;
    font-style: italic;
    font-weight: bold;
}

.ix-priority-disabled-tag {
    font-style: italic;
}

.ix-msg-list {
    margin-top: 2px;
    margin-bottom: 2px;
    list-style-position: outside;
    padding-left: 30px;
    color: #000000;
}

.ix-msg-list-2 {
    margin-top: 2px;
    margin-bottom: 2px;
    list-style-position: outside;
    padding-left: 45px;
    color: #000000;
    list-style-type: square;
}

.ix-msg-list-no-color {
    margin-top: 2px;
    margin-bottom: 2px;
    list-style-position: outside;
    padding-left: 30px;
}

.ix-info-msg-list {
    margin-top: 2px;
    margin-bottom: 2px;
    list-style-position: outside;
    padding-left: 30px;
    color: #000090;
}

.ix-error-msg-list {
    margin-top: 2px;
    margin-bottom: 2px;
    list-style-position: outside;
    padding-left: 30px;
    color: #800000;
}

.ix-success-msg-list {
    margin-top: 2px;
    margin-bottom: 2px;
    list-style-position: outside;
    padding-left: 30px;
    color: #008000;
}

.ix-warning-msg-list {
    margin-top: 2px;
    margin-bottom: 2px;
    list-style-position: outside;
    padding-left: 30px;
    color: #303030;
    /* text-shadow: 1px 1px #FFFF60; */
}

.ix-error-list-entry {
    color: #800000;
}

.ix-warn-list-entry {
    color: #303030;
}

p.ix-msg-note {
    font-style: italic;
    margin-top: 5px;
    margin-bottom: 4px;
}

.rowTotal .x-grid-cell {
    /*background-color: #267893 !important;*/
    background-color: #ccc !important;
    color: black;
    font-weight: bold !important;
}

.ix-task-container {
    min-height: 175px;
    min-width: 500px;
}

.ix-menu-btn {
    spacing: 2px 1px 2px 3px;
}

.ix-quickview-vert-splitter {
    color: #267893;
    background-color: #267893;
    max-height: 3px;
    border-width: 0;
    padding: 0;
    margin: 0;
}

.ix-quickview-horz-splitter {
    color: #267893;
    background-color: #267893;
    max-width: 3px;
    border-width: 0;
    padding: 0;
    margin: 0;
}

.ix-quickview-footer {
    background-color: #FAFAFA;
    color: #202020;
    border-width: 3px 0px 0px 0px;
    border-color: #267893;
    border-style: solid;
}

.ix-value-border {
    border-style: solid;
    border-radius: 4px;
    border-width: 1px;
    border-color: #A0A0A0;
    color: #A0A0A0;
}

.ix-midcontainer {
    /*
    top: -5px;
    border-width: 3px 0px 0px 0px;
    border-color: #267893;
    border-style: solid;
    */
}

.ix-fieldset-border {
    border-style: ridge;
    border-radius: 6px;
    border-width: 2px;
    border-color: rgb(63, 140, 173);
}

.ix-db-meter-img {
    position: absolute;
    left: 0px;
    top: 0px;
}

.ix-db-meter-div {
    /* position: relative; */
    height: 85px;
    width: 48px;
    border: 0;
    margin: 0;
    /* background-color: #F0F0F0; */
}

.ix-db-meter-bar {
    position: absolute;
    left: 17px;
    bottom: 22px;
    width: 15px;
    margin: 0;
    border: 0;
}

.ix-db-meter-info {
    background-image: linear-gradient(to right, #00BFCF 10%, #00CFDF 90%);
}

.ix-db-meter-ok {
    background-image: linear-gradient(to right, #00EE00 10%, #00FF00 90%);
}

.ix-db-meter-warn {
    background-image: linear-gradient(to right, #EEEE00 10%, #FFFF00 90%);
}

.ix-db-meter-danger {
    background-image: linear-gradient(to right, #EFBC00 10%, #FFCC00 90%);
}

.ix-db-meter-error {
    background-image: linear-gradient(to right, #EF0000 10%, #FF0000 90%);
}

.ix-db-meter-fail {
    background-image: linear-gradient(to right, #800000 10%, #A00000 90%);
}

.ix-db-meter-txt {
    color: #000000;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    /* bottom: 0px; */
    left: 15px;
    top: 66px;
    width: 40px;
}

.ix-msg-dg-query-txt {
    font-weight: bold;
    font-style: italic;
    font-size: larger;
    margin: 7px 0px 1px 0px
}

div.vis-network div.vis-manipulation {
    display: none !important;
}

div.vis-network div.vis-edit-mode {
    display: none !important;
}

.x-tab-bar-default-top {
    padding-top: 2px;
}

.ix-chart-toolbar {
    background-color: #808080;
    padding: 3px 3px 3px 3px;
}

.netflow-ok, .netflow-warn, .netflow-normal, .netflow-error, .netflow-warn2 {
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    background-color: #fafafa;
    /* width: 14px; */ /* Be as wide as it needs to be for the text */
    height: 14px;
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 1px;
    color: #181818;
    font-weight: bold;
    font-size: 10px;
    margin: 0;
    font-family: "Arial", "Verdana"
}

.netflow-ok {
    border-color: #00E000;
}

.netflow-normal {
    border-color: #00A0E0;
}

.netflow-warn {
    border-color: #E0E000;
}

.netflow-warn2 {
    border-color: #FFC000;
}

.netflow-error {
    border-color: #E00000;
}

.ix-upside-down {
    /* text-gravity: inverse; */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Webkit */
    -ms-transform: rotate(180deg); /* IE */
    -o-transform: rotate(180deg); /* Opera */
    transform: rotate(180deg); /* future */
    position: absolute;
    margin-top: -8px; /* needs to be 1/2 the pixel height */
}

/**
 * Dashboard styles
 */
/* for the DashboardPanel */
.ix-dashboard-panel {
    background-color: transparent !important;
    float: left;
    border-width: 1px !important;
    border-radius: 4px;
    border-style: solid !important;
    border-color: transparent !important;
}

.ix-dashboard-panel-selected {
    border-color: #7090A0 !important;
    border-style: dashed !important;
}

/* for the dashboard header, not using the regular panel header. */
.ix-dashboard-header {
    /* background-color: #f3f3f3 !important; */
    border-width: 0px !important;
    /* color: #787878; */
    color: #267893;
    font-size: 16px;
    font-weight: bold;
    padding: 1px 0px 2px 0px;
    margin: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* style for buttons on the dashboard */
.ix-dashboard-label-btn {
    /* background-color: #f3f3f3 !important; */
    /* color: #267893; */
    /* fill: #267893; */
    /* border-color: #f3f3f3; */
    height: 19px;
    font-size: 19px;
    font-weight: bold;
    border-width: 1px !important;
    border-style: solid !important;
    margin: 0px 4px 4px 3px !important;
    padding: 1px 3px 1px 3px;
    /* max-width: 19px; */
}

/* style for rolling over the dashboard buttons */
.ix-dashboard-label-btn:hover {
    cursor: pointer !important;
    background-color: #F0F0F0 !important;
    border-color: #CCC #DDD !important;
    border-radius: 3px;
}

.ix-dashboard-header-icon {
    background-color: #f3f3f3 !important;
    border-width: 0px !important;
    color: #267893;
    font-size: 19px;
    font-weight: bold;
}

/* for the dashboard chart drawing area */
.ix-dashboard-chart {
    background-color: #F3F3F3 !important;
    float: left;
    border-width: 0px !important;
}

.ix-dashboard-panel-cell {
    vertical-align: top;
    text-align: center;
}

.ix-dashboard-intro-panel {
    background-image: url("../../resources/images/nto/backgrounds/login_background.jpg") !important;
    /* shadow_values:   h-offset, v-offset, blur, spread, color */
    -webkit-box-shadow: 3px 3px 4px 4px rgba(100, 100, 100, 0.4); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 3px 3px 4px 4px rgba(100, 100, 100, 0.4); /* Firefox 3.5 - 3.6 */
    /*box-shadow:         3px 3px 4px 4px rgba(100, 100, 100, 0.4);*/ /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    box-shadow: 5px 5px 10px #707070;
    float: left;
}

.ix-dashboard-intro-text {
    font-size: 13px;
    font-weight: normal;
    color: rgb(24, 72, 88);
    text-shadow: 1px 1px #FFF;
    font-family: 'Verdana', 'Comic Sans MS'
}

.ix-dashboard-intro-lnk {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: rgb(30, 90, 110);
    /* text-shadow: 1px 1px #FFF; */
    font-family: 'Verdana', 'Comic Sans MS'
}

.ix-dashboard-toolbar {
    background-color: transparent;
    padding: 3px 3px 3px 3px;
}

.ix-dashboard-chart-background {
    background-color: #F3F3F3 !important;
}

/* This is a container around the button container */
.ix-dashboard-legend {
    padding: 0px 1px 3px 1px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 3px;
    text-align: center;
    margin-top: 2px !important;
}

/* This is a container for the buttons */
.ix-dashboard-legend-btn-container {
    background-color: transparent !important;
    border-width: 0px !important;
    border-style: none !important;
}

.ix-dashboard-legend-btn {
    background-color: transparent !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #D8D8D8 !important;
    border-radius: 3px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.ix-dashboard-legend-marker {
    top: 0.35em !important;
}

.ix-dashboard-legend-btn:hover {
    background-color: #f0f0f0 !important;
    border-color: #c0c0c0 !important;
}

/* deprecated */
.ix-chart-toolbar {
    background-color: #808080;
    padding: 3px 3px 3px 3px;
}

.ix-dashboard-footer {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 2px 0px 2px 0px;
}

.ix-dashboard-footer-label {
    font-size: 11px;
    /* color: #267893; */
    /* color: #276180; */
}

.ix-dashboard-footer-value {
    font-size: 11px;
    font-weight: bold;
    /* color: #606060; */
}

.ix-reverse-text {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    /* unicode-bidi:  bidi-override; */
    /* direction:  rtl; */
}

.ix-legend-override {
    background-color: #F3F3F3;
    font-size: 12px;
    color: #ff00ff;
}

.ix-legend-container {
    background-color: #F4F4F4;
    border-width: 1px;
    border-style: solid;
    border-color: #0d4163;
    min-width: 20px;
    min-height: 100px;
}

.ix-legend-item, .ix-legend-item-disabled {
    background-color: #F3f3f3;
    border-color: #F3F3F3;
    /* previous 2 set by theme */
    border-style: none;
    border-width: 1px;
    border-radius: 3px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    cursor: pointer;
    padding: 0 !important;
    display: inline-block !important; /* STEVE_TEST */
    text-align: left;
}

.ix-legend-item-disabled {
    background-color: #F2F2F2;
    border-color: #CFCFCF;
}

.ix-legend-marker {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    margin-left: 3px;
    display: block;
}

.ix-legend-text, .ix-legend-text-disabled, .ix-legend-text-inactive {
    /* color: #606060; */
    font-weight: bold;
    font-size: 11px;
    margin-left: 2px;
    position: relative;
    padding-right: 1px;
    left: 15px;
    top: -18px;
    display: block;
}

.ix-legend-text-disabled {
    color: #909090 !important;
    text-shadow: 1px 1px #FFFFFF;
}

.ix-legend-text-inactive {
    color: #900000 !important;
    text-shadow: 1px 1px #F8F8F8;
}

.ix-legend-text:hover {
    color: #000;
}

.ix-legend-triangle {
    color: #505050;
    font-weight: bold;
    font-size: 13px;
    margin-left: 3px;
    position: relative;
    right: 2px;
    top: -14px;
    float: right;
}

#sizingElement {
    position: absolute;
    visibility: hidden;
    height: auto;
    width: auto;
    white-space: nowrap;
}

/*
.ix-chart-background {
    background-image: linear-gradient(to right, #ffffff,#363636,#202020) !important;
}
 */

.ix-red-sprite {
    stroke: #C00000 !important;
}

.ix-svg-class {
    fill: #000000;
    height: 32px;
}

.ix-ae-status, .ix-ae-status-disabled {
    padding: 1px;
    font-size: 10px;
    font-weight: bold;
    color: #282828;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #000 #000;
    border-radius: 4px;
    margin: 0px 0px 0px 0px;
}

.ix-ae-status-disabled {
    color: #909090 !important;
    text-shadow: 1px 1px #FFFFFF;
}

.ix-bkgd-disabled {
    background-color: #F0F0F0 !important;
}

.ix-module-location {
    font-weight: bold;
    font-size: 11px;
    margin-top: 3px;
    color: #b8b8b8;
}

.ix-bkgd-neutral {
    background-color: #00F8F8 !important;
}

.ix-bkgd-info {
    background-color: #4060FF !important;
}

.ix-bkgd-ok {
    background-color: #40FF40 !important;
}

.ix-bkgd-warning {
    background-color: #FFFF00 !important;
}

.ix-bkgd-error {
    background-color: #FFA920 !important;
}

.ix-bkgd-critical {
    background-color: #FE4040 !important;
}

.ix-grid-checkbox-disabled {
    color: #000000;
}

.ix-grid-checkbox-disabled .x-tree-checkbox {
    opacity: 0.5;
}

.latency-license-error {
    color: #FF5050;
    font-weight: bold;
}

.channel-search-matched {
    color: #00A800;
}

.memberStatus {
    border: solid 1px #DCDCDC;
    background-color: #27e24f;
    display: inline-block;
    border-radius: 20px;
    margin-right: 6px;
    width: 10px;
    height: 10px;
}

.x-btn-wrap-nto-main-nav-button-small.x-btn-arrow-right:after {
    margin-left: -4px;
}

.ix-gray-color {
    color: #909090
}

.ix-value-unit-text {
    font-style: italic;
    font-size: 88%;
}

.ix-wrap-tight {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
}

.ix-wrap-word {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.ix-progress-bar {
    height: 17px;
    border: none;
    border-top: 1px solid #fff;
    background: transparent url("../../resources/images/nto/actions/bar_16.gif") repeat-x !important;
}

.ix-channel-picker-img {
    margin-top: 2pt;
    width: 12px;
    height: 12px;
}

.ix-menu-icon {
    background-image: url("../../resources/images/nto/toolbar/menu_hdr_16.gif") !important;
    opacity: 1.0 !important;
}

.ix-menu-icon:hover {
    background-image: url("../../resources/images/nto/toolbar/menu_hdr_over_16.gif") !important;
}

.ix-diagram-node-rollover {
    border-radius: 10px; /* matches mxConstants.BORDER_RADIUS_PX */
    background-color: #e3f0ff;
    overflow:hidden;
}

.ix-diagram-node-text-color {
    color: #181818 !important;
}

.ix-diagram-node-text-color-disabled {
    color: #888888 !important;
}

.ix-diagram-fc-badge {
    font-weight: bold;
    width: 10px;
    display: inline-block;
}

.ix-diagram-node-filter-criteria-large {
    display: inline-block;
    font-size: 9.5px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 1px;
}

.ix-diagram-node-filter-criteria-medium {
    display: inline-block;
    font-size: 8px;
    font-weight: bold;
}

.ix-diagram-node-filter-criteria-small {
    display: inline-block;
    font-size: 7px;
    font-weight: bold;
}

.ix-desc-text {
    color: #0d4163;
    font-weight: bold;
}

.ix-glow-red {
    /* color: #FF0000; */
    text-shadow: 1px 1px 5px #ff5561;
}

.ix-glow-orange {
    text-shadow: 1px 1px #FF9020;
}

.ix-glow-yellow {
    text-shadow: 1px 1px #E8E800;
}

.ix-wrap-text {
    white-space: normal !important;
}

.ix-infinity-text {
    font-style: normal;
    font-size: 16px;
    font-family: serif;
}

.ix-console-log-count-text {
    color: #505050;
    background-color: #FDFDFD;
    border-style: solid;
    border-width: 1px;
    border-color: #606060;
    border-radius: 9px;
    font-weight: bold;
    font-size: 10pt;
    padding: 2px 6px 2px 6px;
    margin-top: 2px;
}

.loading span {
    width: 5px;
    height: 5px;
    margin: 0 2px;
    background-color: #000000;
    border-radius: 50%;
    display: inline-block;
    animation-name: dots;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: dots;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

.loading span:nth-child(2) {
    animation-delay: 0.4s;
}

.loading span:nth-child(3) {
    animation-delay: 0.8s;
}

@keyframes dots {
    50% {
        opacity: 0;
        transform: scale(0.7) translateY(3px);
    }
}

@-webkit-keyframes dots {
    50% {
        opacity: 0;
        -webkit-transform: scale(0.7) translateY(3px);
    }
}

.ix-theme-dark-grid-row-even {
    border-color: #888888;
    background-color: #505050;
    color: #D0D0D0;
}

.ix-theme-dark-grid-row-odd {
    border-color: #888888;
    background-color: #383838;
    color: #D0D0D0;
}

.ix-query-text {
    margin: 6px 3px 0px 3px;
    font-style: italic;
}

.ix-center-div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ix-center-div-alt {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ix-enabled-text {
    color: #000;
}

.ix-disabled-text {
    color: #707070;
    text-shadow: 1px 1px #FFF;
}

.ix-disabled-img {
    filter: grayscale(100%) brightness(110%) contrast(85%) opacity(80%);
}

.ix-disabled-badge {
    filter: grayscale(90%) brightness(110%) contrast(85%) opacity(80%);
}

.ix-login-btn {
    background-color: #2c5fc7;  /* button color */
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    padding: 8px 0px 8px 0px;
    margin: 9px 0 0 -1px !important;
    width: 155px;
    cursor: pointer;
    border: 0;
    outline-width: 0;
}

.ix-login-text {
    color: #f0f0f0 !important;
    font-family: 'Gotham', 'Arial', sans-serif;
    font-size: 14px;
}

.ix-login-textfield {
    background-color: #181818;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal !important;
    border-width: 1px !important;
    border-color: #505050 !important;
    border-style: solid !important;
    padding: 4px;
}

.ix-login-textfield:focus {
    border-color: #2c5fc7  !important;
}

.ix-login-label {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal !important;
}

.ix-old-login-label {
    color: #282828;
}

.ix-login-title {
    color: #ffffff !important;
    font-family: 'Gotham', 'Arial', sans-serif;
    font-size: 40px;
    font-weight: normal;
    margin: 0 0 20px 0 !important;
}

.ix-about-text {
    width: 485px;
    font-size: 16px;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 4px;
    color: #c0c0c0;
}

.ix-about-copyright {
    padding-left: 0;
    background-color: transparent;
    width: 500px;
    color: #ffffff;
    font-weight: normal;
    font-size: 12px;
}

.ix-about-link, .ix-about-link:visited, .ix-about-link:active {
    color: #00ffff;
    text-decoration: none;
}

.ix-about-link:hover {
    color: #00ffff;
    text-decoration: underline;
}

.ix-about-div {
    background-color: #181818;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 10px 20px 10px;
}

.x-mask-msg-text {
    color: #000000 !important;
    border-color: #000000 !important; /* DOES NOT WORK */
}

.ix-transparent-background {
    background-color: transparent;
}

.ix-semi-translucent {
    opacity: 70%;
}

a.ix-dark-theme-link, a.ix-dark-theme-link:visited .ix-dark-theme-link, .ix-dark-theme-link:visited {
    color: #00ffc0;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

a.ix-dark-theme-link:hover, .ix-dark-theme-link:hover {
    color: #88ffd0;
    text-decoration: underline;
    cursor: pointer;
}

a.ix-dark-theme-link-disabled, a.ix-dark-theme-link-disabled:visited .ix-dark-theme-link-disabled, .ix-dark-theme-link-disabled:visited {
    color: #606060;
    text-shadow: 1px 1px #F8F8F8;
    font-weight: bold;
    text-decoration: none;
}

a.ix-dark-theme-link-disabled:hover {
    color: #505050;
    text-decoration: none;
}
.ix-beta-text {
    color: #0000B0;
    font-size: 12px;
    font-style: italic;
}

.ix-alpha-text {
    color: #0000B0;
    font-size: 12px;
    font-style: italic;
}

.ix-vlan-warning-text {
    color: #FF5050;
}

.ix-routes-action-btn {
    cursor: pointer;
    border: 0;
    margin-left: 2px;
}

.ix-routes-table-status {
    height: 15px;
}

.ix-route-system-name {
    font-size: 16px;
    font-weight: bold;
}

.ix-member-panel-route-name {
    font-size: 15px;
}

.ix-route-separator {
    font-size: 18px;
    font-weight: bold;
    margin: 0 2px 0 2px;
}

/*
 * To DEBUG Diagram node cells uncomment the following section.
 */
/*
.ix-dg-head-cell {
    background-color: #ff80ff;
}
.ix-dg-name-cell {
    background-color: #ff8f40;
}
.ix-dg-filter-cell {
    background-color: #ffff40;
}
.ix-dg-filter-mode-cell {
    background-color: #afff40;
}
.ix-dg-main-cell {
    background-color: #40ff40;
}
.ix-dg-media-cell {
    background-color: #00ffff;
}
.ix-dg-resource-cell {
    background-color: #00ffff;
}
.ix-dg-tail-cell {
    background-color: #cBc3e3;
}
.ix-dg-filter-cell {
    color: #181818;
    text-shadow: 1px 1px #fafafa;
}
 */

.inlineToolContainer:hover {
    box-shadow: 0 0 0 1px #565656, 0 0 0 3px #00ff00;
}

@-moz-document url-prefix() {
    .inlineToolContainer:hover {
        outline: 3px solid #00ff00;
    }
}

.flowStackNetflowTabpanel {
	.x-tab-bar-default {
	    background-color: #f3f3f3;
	}
	
	.x-panel-default-outer-border-rbl {
		border-color: #f3f3f3;
	}
	
	.x-tab-bar-strip-default {
		background-color: #f3f3f3;
	}
	
	.x-tab-default-top {
		background-color: #f3f3f3;
		
		.x-tab-inner-default {
			color: #267893;
		}
	}
}

.netservice-resource-progress-value-ok {
    background-color: #47C7FC;
}

.netservice-resource-progress-value-exceeded {
    background-color: #FF8000;
}

.netservice-resource-label-value-ok {
    color: #47C7FC;
}

.netservice-resource-label-value-exceeded {
    color: #FF8000;
}

.netservice-resource-label {
    font-size: 13px;
}

.netservice-resource-label-minimized {
    font-size: 10px !important;
}

.netservice-resource-label-bold {
    font-weight: bold;
}

/* Used for secondary or less prominent text */
.muted {
    color: #888;
    font-style: italic;
}