/* putting @font-face at top to initiate font loading asap for performance */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    src: local("Open Sans"), local("OpenSans"), url(/insieme/stromboli/resources/fonts/Open_Sans/OpenSans-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Open Sans Semibold";
    font-style: normal;
    font-weight: 500;
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/insieme/stromboli/resources/fonts/Open_Sans/OpenSans-Semibold.ttf) format("truetype");
}
@font-face {
    font-family: "Cisco Sans";
    font-style: normal;
    src: local("Cisco Sans"), local("CiscoSans-Regular"), url(/insieme/stromboli/resources/fonts/CiscoSansTTRegular.woff) format("woff");
}
@font-face {
    font-family: "Cisco Sans";
    font-style: normal;
    font-weight: bold;
    src: local("Cisco Sans Bold"), local("CiscoSans-Bold"), url(/insieme/stromboli/resources/fonts/CiscoSansTTBold.woff) format("woff");
}
@font-face {
    font-family: "Cisco Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Cisco Sans Light"), local("CiscoSans-Light"), url(/insieme/stromboli/resources/fonts/CiscoSansTTLight.woff) format("woff");
}
@font-face {
    font-family: "Cisco Sans";
    font-style: normal;
    font-weight: 200;
    src: local("Cisco Sans Extra Light"), local("CiscoSans-ExtraLight"), url(/insieme/stromboli/resources/fonts/CiscoSansTTExtraLight.woff) format("woff");
}
@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(/insieme/stromboli/resources/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Sans Pro";
    font-style: normal;
    src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(/insieme/stromboli/resources/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "foundation-icons";
    src: url(/insieme/stromboli/resources/fonts/foundation-icons.eot);
    src: url(/insieme/stromboli/resources/fonts/foundation-icons.eot?#iefix) format("embedded-opentype"), url(/insieme/stromboli/resources/fonts/foundation-icons.woff) format("woff"), url(/insieme/stromboli/resources/fonts/foundation-icons.ttf) format("truetype"), url(/insieme/stromboli/resources/fonts/foundation-icons.svg#fontcustom) format("svg");
    font-style: normal;
}

@font-face {
    font-family: "SharpSans";
    font-style: normal;
    font-weight: bold;
    src: local("Sharp Sans Bold"), local("SharpSans-Bold"), url("../fonts/SharpSans/SharpSans-Bold.woff") format("woff");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: normal;
    src: local("Inter Regular"), local("Inter-Regular"), url("../fonts/Inter/Inter-Regular.woff") format("woff");
}

meta.foundation-version {
    font-family: "/5.5.1/";
}

.importsnapshotwizard {
    height: 180 !important;
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0;
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0;
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width: 40.063em)/";
    width: 40.063em;
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width: 40.063em) and (max-width: 64em)/";
    width: 40.063em;
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width: 64.063em)/";
    width: 64.063em;
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width: 64.063em) and (max-width: 90em)/";
    width: 64.063em;
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width: 90.063em)/";
    width: 90.063em;
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width: 90.063em) and (max-width: 120em)/";
    width: 90.063em;
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width: 120.063em)/";
    width: 120.063em;
}

meta.foundation-data-attribute-namespace {
    font-family: false;
}

html, body {
    height: 100%;
}

body {
    background: #fff;
    position: relative;
}

a:hover {
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

img {
    -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
    max-width: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.hide {
    display: none;
}

.invisible {
    visibility: hidden;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    display: inline-block;
    vertical-align: middle;
}

textarea {
    height: auto;
    min-height: 50px;
}

select {
    width: 100%;
}

.cui .btn.btn--icon > span[class^="icon-"] {
    font-size: 14px;
}
.cui button .icon-swap-calls {
    color: #fff;
}

button, .button {
    border: none;
    cursor: pointer;
    line-height: normal;
    margin: 0 0 0;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    background-color: transparent;
}

button.secondary,
.button.secondary {
    background-color: #e7e7e7;
    border-color: #017cad;
    color: #017cad;
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    background-color: #017cad;
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    color: #017cad;
}

button.success, .button.success {
    background-color: #43AC6A;
    border-color: #53bc7a;
    color: #fff;
}

button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
    background-color: #53bc7a;
}

button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
    color: #fff;
}

button.alert, .button.alert {
    background-color: #f04124;
    border-color: #f2583e;
    color: #fff;
}

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
    background-color: #f2583e;
}

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
    color: #fff;
}

button.warning, .button.warning {
    background-color: #f08a24;
    border-color: #f2983e;
    color: #fff;
}

button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
    background-color: #f2983e;
}

button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
    color: #fff;
}

button.info, .button.info {
    background-color: #a0d3e8;
    border-color: #abd8eb;
    color: #017cad;
}

button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
    background-color: #abd8eb;
}

button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
    color: #017cad;
}

button.large, .button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem;
}

button.small, .button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem;
}

button.tiny, .button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem;
}

button.expand, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}

button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem;
}

button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem;
}

button.radius, .button.radius {
    border-radius: 3px;
}

button.round, .button.round {
    border-radius: 1000px;
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled],
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    opacity: .5;
    color: #fff;
    outline: 0;
    box-shadow: none;
    background-color: #bebec1;
    cursor: default;
}

button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.button[disabled].secondary,
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    opacity: .5;
    color: #017CAD;
    outline: 0;
    box-shadow: none;
    background-color: #e7e7e7;
    border: 1px solid #017CAD;
    cursor: default;
}

button.disabled.success,
button[disabled].success,
.button.disabled.success,
.button[disabled].success,
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    opacity: .5;
    color: #fff;
    outline: 0;
    box-shadow: none;
    background-color: #b9e0a8;
    cursor: default;
}

button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.button[disabled].alert,
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus,
button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.button[disabled].warning,
button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    opacity: .5;
    color: #fff;
    outline: 0;
    box-shadow: none;
    background-color: #f28f8a;
    cursor: default;
}

button.disabled.info,
button[disabled].info,
.button.disabled.info,
.button[disabled].info,
button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #a0d3e8;
    border-color: #abd8eb;
    color: #017cad;
    opacity: 0.5;
    box-shadow: none;
    cursor: default;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

@media only screen and (min-width: 40.063em) {
    button, .button {
        display: inline-block;
    }
}

.button-group {
    list-style: none;
    margin: 0;
    left: 0;
}

.button-group:before, .button-group:after {
    content: " ";
    display: table;
}

.button-group:after {
    clear: both;
}

.button-group.even-2 li {
    margin: 0 -2px;
    display: inline-block;
    width: 50%;
}

.button-group.even-2 li > button, .button-group.even-2 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
    border-left: 0;
}

.button-group.even-2 li button, .button-group.even-2 li .button {
    width: 100%;
}

.button-group.even-3 li {
    margin: 0 -2px;
    display: inline-block;
    width: 33.33333%;
}

.button-group.even-3 li > button, .button-group.even-3 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
    border-left: 0;
}

.button-group.even-3 li button, .button-group.even-3 li .button {
    width: 100%;
}

.button-group.even-4 li {
    margin: 0 -2px;
    display: inline-block;
    width: 25%;
}

.button-group.even-4 li > button, .button-group.even-4 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
    border-left: 0;
}

.button-group.even-4 li button, .button-group.even-4 li .button {
    width: 100%;
}

.button-group.even-5 li {
    margin: 0 -2px;
    display: inline-block;
    width: 20%;
}

.button-group.even-5 li > button, .button-group.even-5 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
    border-left: 0;
}

.button-group.even-5 li button, .button-group.even-5 li .button {
    width: 100%;
}

.button-group.even-6 li {
    margin: 0 -2px;
    display: inline-block;
    width: 16.66667%;
}

.button-group.even-6 li > button, .button-group.even-6 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
    border-left: 0;
}

.button-group.even-6 li button, .button-group.even-6 li .button {
    width: 100%;
}

.button-group.even-7 li {
    margin: 0 -2px;
    display: inline-block;
    width: 14.28571%;
}

.button-group.even-7 li > button, .button-group.even-7 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
    border-left: 0;
}

.button-group.even-7 li button, .button-group.even-7 li .button {
    width: 100%;
}

.button-group.even-8 li {
    margin: 0 -2px;
    display: inline-block;
    width: 12.5%;
}

.button-group.even-8 li > button, .button-group.even-8 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
    border-left: 0;
}

.button-group.even-8 li button, .button-group.even-8 li .button {
    width: 100%;
}

.button-group > li {
    margin: 0 -2px;
    display: inline-block;
}

.button-group > li > button, .button-group > li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group > li:first-child button, .button-group > li:first-child .button {
    border-left: 0;
}

.button-group.stack > li {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
    float: none;
}

.button-group.stack > li > button, .button-group.stack > li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
    border-left: 0;
}

.button-group.stack > li > button, .button-group.stack > li .button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block;
}

.button-group.stack > li > button {
    width: 100%;
}

.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
    border-top: 0;
}

.button-group.stack-for-small > li {
    margin: 0 -2px;
    display: inline-block;
}

.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
    border-left: 0;
}
@media only screen and (max-width: 40em) {

    .button-group.stack-for-small > li {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0;
    }

    .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
        border-left: 0;
    }

    .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        margin: 0;
        display: block;
    }

    .button-group.stack-for-small > li > button {
        width: 100%;
    }

    .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
        border-top: 0;
    }
}

.button-group.radius > * {
    margin: 0 -2px;
    display: inline-block;
}

.button-group.radius > * > button, .button-group.radius > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
    border-left: 0;
}

.button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button {
    border-radius: 0;
}

.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.button-group.radius.stack > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
}

.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
    border-left: 0;
}

.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block;
}

.button-group.radius.stack > * > button {
    width: 100%;
}

.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
    border-top: 0;
}

.button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button {
    border-radius: 0;
}

.button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button {
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button {
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
@media only screen and (min-width: 40.063em) {

    .button-group.radius.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
    }

    .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-left: 0;
    }

    .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
        border-radius: 0;
    }

    .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }
}
@media only screen and (max-width: 40em) {

    .button-group.radius.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0;
    }

    .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-left: 0;
    }

    .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        margin: 0;
        display: block;
    }

    .button-group.radius.stack-for-small > * > button {
        width: 100%;
    }

    .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-top: 0;
    }

    .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
        border-radius: 0;
    }

    .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
}

.button-group.round > * {
    margin: 0 -2px;
    display: inline-block;
}

.button-group.round > * > button, .button-group.round > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.round > *:first-child button, .button-group.round > *:first-child .button {
    border-left: 0;
}

.button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button {
    border-radius: 0;
}

.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

.button-group.round.stack > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
}

.button-group.round.stack > * > button, .button-group.round.stack > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
    border-left: 0;
}

.button-group.round.stack > * > button, .button-group.round.stack > * .button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block;
}

.button-group.round.stack > * > button {
    width: 100%;
}

.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
    border-top: 0;
}

.button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button {
    border-radius: 0;
}

.button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button {
    -webkit-top-left-radius: 0;
    -webkit-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button {
    -webkit-bottom-left-radius: 0;
    -webkit-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
@media only screen and (min-width: 40.063em) {

    .button-group.round.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
    }

    .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-left: 0;
    }

    .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
        border-radius: 0;
    }

    .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px;
    }

    .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px;
    }
}
@media only screen and (max-width: 40em) {

    .button-group.round.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0;
    }

    .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-left: 0;
    }

    .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        margin: 0;
        display: block;
    }

    .button-group.round.stack-for-small > * > button {
        width: 100%;
    }

    .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-top: 0;
    }

    .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
        border-radius: 0;
    }

    .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
        -webkit-top-left-radius: 0;
        -webkit-top-right-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
        -webkit-bottom-left-radius: 0;
        -webkit-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

.button-bar:before, .button-bar:after {
    content: " ";
    display: table;
}

.button-bar:after {
    clear: both;
}

.button-bar .button-group {
    float: left;
    margin-right: 0.625rem;
}

.button-bar .button-group div {
    overflow: hidden;
}

.label {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: auto;
    padding: 0.25rem 0.5rem 0.25rem;
    font-size: 0.6875rem;
    background-color: #2e81d6;
    color: #fff;
}

.label.radius {
    border-radius: 3px;
}

.label.round {
    border-radius: 1000px;
}

.label.alert {
    background-color: #f04124;
    color: #fff;
}

.label.warning {
    background-color: #f08a24;
    color: #fff;
}

.label.success {
    background-color: #43AC6A;
    color: #fff;
}

.label.secondary {
    background-color: #e7e7e7;
    color: #333;
}

.label.info {
    background-color: #a0d3e8;
    color: #333;
}

.invisible {
    visibility: hidden;
}

.x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 4px;
    padding-bottom: 2px;
    line-height: 14px;
}

.x-grid-with-row-lines .x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 3px;
}

.x-grid-checkheader, .x-grid-checkheader-readonly {
    height: 14px;
    background-image: url("/insieme/stromboli/resources/icons/unchecked.gif");
    background-position: 50% -2px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-grid-checkheader-readonly {
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* msie */
}

.x-grid-checkheader-checked {
    background-image: url("/insieme/stromboli/resources/icons/checked.gif");
}

.x-grid-checkheader-unchecked {
    background-image: url("/insieme/stromboli/resources/icons/unchecked.gif");
}

.x-grid-checkheader-editor .x-form-cb-wrap, .x-grid-checkheader-editor .i-form-cb-wrap {
    text-align: center;
}

.x-grid-cell-radiocolumn .x-grid-cell-inner {
    padding-top: 4px;
    padding-bottom: 2px;
    line-height: 14px;
}

.x-grid-with-row-lines .x-grid-cell-radiocolumn .x-grid-cell-inner {
    padding-top: 3px;
}

.x-grid-radioheader, .x-grid-radioheader-readonly {
    height: 14px;
    background-image: url("/insieme/stromboli/resources/icons/unradio.png");
    background-position: 50% -2px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-grid-radioheader-readonly {
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* msie */
}

.radio-input-remove .x-form-radio {
    display: none;
    width: 0 !important;
    height: 0 !important;
}

.radio-input-remove.label-reduce .x-field-label-cell {
    width: 198px !important;
}

.radio-input-remove.label-reduce .x-form-item-label {
    width: 193px !important;
}

.radio-button .x-form-cb-label {
    padding: 10px 31px !important;
}

.x-checkboxgroup-form-item {
    width: 100% !important;
}

.x-grid-radioheader-radio {
    background-image: url("/insieme/stromboli/resources/icons/radio.png");
}

.x-grid-radioheader-unradio {
    background-image: url("/insieme/stromboli/resources/icons/unradio.png");
}

.x-grid-radioheader-editor .x-form-cb-wrap, .x-grid-radioheader-editor .i-form-cb-wrap {
    text-align: center;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
h4, h5, h6, pre, code, form, fieldset, legend,
input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code,
dfn, em, strong, th, var {
    font-style: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

q:before,
q:after {
    content: "";
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

*:focus {
    outline: none;
}

.x-border-box,
.x-border-box * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.x-rtl {
    direction: rtl;
}

.x-ltr {
    direction: ltr;
}

.x-clear {
    overflow: hidden;
    clear: both;
    font-size: 0;
    line-height: 0;
    display: table;
}

.x-strict .x-ie7 .x-clear {
    height: 0;
    width: 0;
}

.x-layer {
    position: absolute !important;
    overflow: hidden;
    zoom: 1;
}

.x-shim {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.x-hide-display {
    display: none !important;
}

.x-hide-visibility {
    visibility: hidden !important;
}

.x-item-disabled .x-form-item-label, .x-item-disabled .i-form-item-label,
.x-item-disabled .x-form-field,
.x-item-disabled .i-form-field,
.x-item-disabled .x-form-display-field,
.x-item-disabled .i-form-display-field,
.x-item-disabled .x-form-cb-label,
.x-item-disabled .i-form-cb-label,
.x-item-disabled .x-form-trigger,
.x-item-disabled .i-form-trigger {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.x-ie6 .x-item-disabled {
    filter: none;
}

.x-hidden,
.x-hide-offsets {
    display: block !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -10000px !important;
    top: -10000px !important;
}

.x-hide-nosize {
    height: 0 !important;
    width: 0 !important;
}

.x-masked-relative {
    position: relative;
}

.x-css-shadow {
    position: absolute;
    border-radius: 0;
    box-shadow: rgb(136, 136, 136) 0 0 2px !important;
}

.header-toolbar .btn {
    z-index: 200;
}
.app-toolbar {
    z-index: 100;
}
.dashboard-widget {
    background-color: #fff;
    margin-bottom: 10px !important;
    padding: 10px;
}

.dashboard-widget-left {
    margin-bottom: 10px !important;
    margin-right: 10px !important;
}

.un-panel {
    padding: 0 !important;
}

.x-ie-shadow {
    background-color: #777;
    display: none;
    position: absolute;
    overflow: hidden;
    zoom: 1;
}

.x-box-tl {
    background: transparent no-repeat 0 0;
    zoom: 1;
}

.x-box-tc {
    height: 8px;
    background: transparent repeat-x 0 0;
    overflow: hidden;
}

.x-box-tr {
    background: transparent no-repeat right -8px;
}

.x-box-ml {
    background: transparent repeat-y 0;
    padding-left: 4px;
    overflow: hidden;
    zoom: 1;
}

.x-box-mc {
    background: repeat-x 0 -16px;
    padding: 4px 10px;
}

.x-box-mc h3 {
    margin: 0 0 4px 0;
    zoom: 1;
}

.x-box-mr {
    background: transparent repeat-y right;
    padding-right: 4px;
    overflow: hidden;
}

.x-box-bl {
    background: transparent no-repeat 0 -16px;
    zoom: 1;
}

.x-box-bc {
    background: transparent repeat-x 0 -8px;
    height: 8px;
    overflow: hidden;
}

.x-box-br {
    background: transparent no-repeat right -24px;
}

.x-box-tl, .x-box-bl {
    padding-left: 8px;
    overflow: hidden;
}

.x-box-tr, .x-box-br {
    padding-right: 8px;
    overflow: hidden;
}

.x-box-tl {
    background-image: url('../../../../extjs/resources/themes/images/default/box/corners.gif');
}

.x-box-tc {
    background-image: url('../../../../extjs/resources/themes/images/default/box/tb.gif');
}

.x-box-tr {
    background-image: url('../../../../extjs/resources/themes/images/default/box/corners.gif');
}

.x-box-ml {
    background-image: url('../../../../extjs/resources/themes/images/default/box/l.gif');
}

.x-box-mc {
    background-color: #eee;
    background-image: url('../../../../extjs/resources/themes/images/default/box/tb.gif');
    font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
    color: #393939;
    font-size: 15px;
}

.x-box-mc h3 {
    font-size: 18px;
    font-weight: bold;
}

.x-box-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/box/r.gif');
}

.x-box-bl {
    background-image: url('../../../../extjs/resources/themes/images/default/box/corners.gif');
}

.x-box-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/box/tb.gif');
}

.x-box-br {
    background-image: url('../../../../extjs/resources/themes/images/default/box/corners.gif');
}

.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
    background-image: url('../../../../extjs/resources/themes/images/default/box/corners-blue.gif');
}

.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
    background-image: url('../../../../extjs/resources/themes/images/default/box/tb-blue.gif');
}

.x-box-blue .x-box-mc {
    background-color: #c3daf9;
}

.x-box-blue .x-box-mc h3 {
    color: #17385b;
}

.x-box-blue .x-box-ml {
    background-image: url('../../../../extjs/resources/themes/images/default/box/l-blue.gif');
}

.x-box-blue .x-box-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/box/r-blue.gif');
}

.x-container {
    zoom: 1;
}

.x-container:before {
    content: "";
    clear: both;
    display: table;
}

table.x-container:before,
tbody.x-container:before,
tr.x-container:before {
    display: none;
}

.x-focus-element {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 0;
    height: 0;
}

.x-focus-frame {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100000000;
    width: 0;
    height: 0;
}

.x-focus-frame-top,
.x-focus-frame-bottom,
.x-focus-frame-left,
.x-focus-frame-right {
    position: absolute;
    top: 0;
    left: 0;
}

.x-focus-frame-top,
.x-focus-frame-bottom {
    border-top: solid 2px #15428b;
    height: 2px;
}

.x-focus-frame-left,
.x-focus-frame-right {
    border-left: solid 2px #15428b;
    width: 2px;
}

/* Ext.LoadMask */
.x-mask {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.2;
    width: 100%;
    height: 100%;
    zoom: 1;
    background-color: #9e9ea2;
}

.x-mask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 25px;
    background: #fff;
}

.x-dd-drag-proxy {
    z-index: 1000000 !important;
}

.x-dd-drag-repair .x-dd-drag-ghost {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

.x-dd-drag-repair .x-dd-drop-icon {
    display: none;
}

.x-dd-drag-ghost {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    opacity: 0.85;
    padding: 5px;
    padding-left: 20px;
    white-space: nowrap;
    color: #000;
    font: 300 11px "Inter", Helvetica, Arial, sans-serif;
    border: 1px solid;
    border-color: #ddd #bbb #bbb #ddd;
    background-color: #fff;
}

.x-dd-drop-icon {
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.x-view-selector {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    background-color: #c3daf9;
    border: 1px dotted #3399bb;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    zoom: 1;
}

.x-dd-drop-nodrop .x-dd-drop-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/dd/drop-no.gif');
}

.x-dd-drop-ok .x-dd-drop-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/dd/drop-yes.gif');
}

.x-dd-drop-ok-add .x-dd-drop-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/dd/drop-add.gif');
}

.x-resizable-handle {
    position: absolute;
    z-index: 100;
    font-size: 1px;
    line-height: 6px;
    overflow: hidden;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background-color: #fff;
}

.x-collapsed .x-resizable-handle {
    display: none;
}

.x-resizable-handle-east {
    width: 6px;
    height: 100%;
    right: 0;
    top: 0;
}

.x-resizable-over .x-resizable-handle-east {
    cursor: e-resize;
}

.x-resizable-handle-south {
    width: 100%;
    height: 6px;
    left: 0;
    bottom: 0;
}

.x-resizable-over .x-resizable-handle-south {
    cursor: s-resize;
}

.x-resizable-handle-west {
    width: 6px;
    height: 100%;
    left: 0;
    top: 0;
}

.x-resizable-over .x-resizable-handle-west {
    cursor: w-resize;
}

.x-resizable-handle-north {
    width: 100%;
    height: 6px;
    left: 0;
    top: 0;
}

.x-resizable-over .x-resizable-handle-north {
    cursor: n-resize;
}

.x-resizable-handle-southeast {
    width: 6px;
    height: 6px;
    right: 0;
    bottom: 0;
    z-index: 101;
}

.x-resizable-over .x-resizable-handle-southeast {
    cursor: se-resize;
}

.x-resizable-handle-northwest {
    width: 6px;
    height: 6px;
    left: 0;
    top: 0;
    z-index: 101;
}

.x-resizable-over .x-resizable-handle-northwest {
    cursor: nw-resize;
}

.x-resizable-handle-northeast {
    width: 6px;
    height: 6px;
    right: 0;
    top: 0;
    z-index: 101;
}

.x-resizable-over .x-resizable-handle-northeast {
    cursor: ne-resize;
}

.x-resizable-handle-southwest {
    width: 6px;
    height: 6px;
    left: 0;
    bottom: 0;
    z-index: 101;
}

.x-resizable-over .x-resizable-handle-southwest {
    cursor: sw-resize;
}

/*IE rounding error*/
.x-ie .x-resizable-handle-east {
    margin-right: -1px;
    /*IE rounding error*/
}

.x-ie .x-resizable-handle-south {
    margin-bottom: -1px;
}

.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.x-window .x-window-handle {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.x-window-collapsed .x-window-handle {
    display: none;
}

.x-resizable-proxy {
    border: 1px dashed #3b5a82;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 50000;
}

.x-resizable-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 200000;
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.x-resizable-over .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-west,
.x-resizable-pinned .x-resizable-handle-east,
.x-resizable-pinned .x-resizable-handle-west {
    background-position: left;
    background-image: url('../../../../extjs/resources/themes/images/default/sizer/e-handle.gif');
}

.x-resizable-over .x-resizable-handle-south,
.x-resizable-over .x-resizable-handle-north,
.x-resizable-pinned .x-resizable-handle-south,
.x-resizable-pinned .x-resizable-handle-north {
    background-position: top;
    background-image: url('../../../../extjs/resources/themes/images/default/sizer/s-handle.gif');
}

.x-resizable-over .x-resizable-handle-southeast,
.x-resizable-pinned .x-resizable-handle-southeast {
    background-position: top left;
    background-image: url('../../../../extjs/resources/themes/images/default/sizer/se-handle.gif');
}

.x-resizable-over .x-resizable-handle-northwest,
.x-resizable-pinned .x-resizable-handle-northwest {
    background-position: bottom right;
    background-image: url('../../../../extjs/resources/themes/images/default/sizer/nw-handle.gif');
}

.x-resizable-over .x-resizable-handle-northeast,
.x-resizable-pinned .x-resizable-handle-northeast {
    background-position: bottom left;
    background-image: url('../../../../extjs/resources/themes/images/default/sizer/ne-handle.gif');
}

.x-resizable-over .x-resizable-handle-southwest,
.x-resizable-pinned .x-resizable-handle-southwest {
    background-position: top right;
    background-image: url('../../../../extjs/resources/themes/images/default/sizer/sw-handle.gif');
}

.x-splitter .x-collapse-el {
    position: absolute;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat !important;
}

.x-layout-split-left,
.x-layout-split-right {
    top: 50%;
    margin-top: -17px;
    width: 5px;
    height: 35px;
}

.x-layout-split-top,
.x-layout-split-bottom {
    left: 50%;
    width: 35px;
    height: 5px;
    margin-left: -17px;
}

.x-layout-split-left {
    background: no-repeat top right;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-left.gif');
}

.x-layout-split-right {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-right.gif');
}

.x-layout-split-top {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-top.gif');
}

.x-layout-split-bottom {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-bottom.gif');
}

.x-splitter-collapsed .x-layout-split-left {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-right.gif');
}

.x-splitter-collapsed .x-layout-split-right {
    background: no-repeat top right;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-left.gif');
}

.x-splitter-collapsed .x-layout-split-top {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-bottom.gif');
}

.x-splitter-collapsed .x-layout-split-bottom {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-top.gif');
}

.x-splitter-horizontal {
    cursor: e-resize;
    cursor: row-resize;
    font-size: 1px;
}

.x-splitter-vertical {
    cursor: e-resize;
    cursor: col-resize;
    font-size: 1px;
}

.x-splitter-collapsed, .x-splitter-horizontal-noresize, .x-splitter-vertical-noresize {
    cursor: default;
}

.x-splitter-active {
    z-index: 4;
    font-size: 1px;
    background-color: #b4b4b4;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.x-splitter-active .x-collapse-el {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.x-proxy-el {
    position: absolute;
    background: #b4b4b4;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

/*
* Dock Layouts
* @todo move this somewhere else?
*/
.x-docked {
    position: absolute !important;
    z-index: 1;
}

.x-docked-vertical {
    position: static;
}

.x-docked-top {
    border-bottom-width: 0 !important;
}

.x-docked-bottom {
    border-top-width: 0 !important;
}

.x-docked-left {
    border-right-width: 0 !important;
}

.x-docked-right {
    border-left-width: 0 !important;
}

.x-docked-noborder-top {
    border-top-width: 0 !important;
}

.x-docked-noborder-right {
    border-right-width: 0 !important;
}

.x-docked-noborder-bottom {
    border-bottom-width: 0 !important;
}

.x-docked-noborder-left {
    border-left-width: 0 !important;
}

.x-box-inner {
    overflow: hidden;
    zoom: 1;
    position: relative;
    left: 0;
    top: 0;
}

.x-box-item {
    position: absolute !important;
    left: 0;
    top: 0;
}

.x-rtl .x-box-item {
    right: 0;
    left: auto;
}

.x-box-layout-ct,
.x-border-layout-ct {
    overflow: hidden;
    zoom: 1;
}

.x-border-layout-ct {
    position: relative;
}

.x-overflow-hidden {
    overflow: hidden !important;
}

.x-inline-children > * {
    display: inline-block !important;
}

.x-abs-layout-ct {
    position: relative;
}

.x-abs-layout-item {
    position: absolute !important;
}

.x-fit-item {
    position: relative;
}

.x-border-region-slide-in {
    z-index: 5;
}

.x-region-collapsed-placeholder {
    z-index: 4;
}

.x-accordion-hd .x-panel-header-text, .i-accordion-hd .x-panel-header-text, .i-small-accordion-hd .x-panel-header-text, .x-accordion-hd .i-panel-header-text, .i-accordion-hd .i-panel-header-text, .i-small-accordion-hd .i-panel-header-text {
    color: #000;
}

.x-accordion-hd, .i-accordion-hd, .i-small-accordion-hd {
    background: #d9e7f8 !important;
    box-shadow: inset 0 0 0 0 #d9e7f8;
}

.x-accordion-hd .x-tool-collapse-top,
.i-accordion-hd .x-tool-collapse-top,
.i-small-accordion-hd .x-tool-collapse-top,
.x-accordion-hd .x-tool-collapse-right,
.i-accordion-hd .x-tool-collapse-right,
.i-small-accordion-hd .x-tool-collapse-right,
.x-accordion-hd .x-tool-collapse-bottom,
.i-accordion-hd .x-tool-collapse-bottom,
.i-small-accordion-hd .x-tool-collapse-bottom,
.x-accordion-hd .x-tool-collapse-left,
.i-accordion-hd .x-tool-collapse-left,
.i-small-accordion-hd .x-tool-collapse-left {
    background-position: 0 -255px;
}

.x-accordion-hd .x-tool-expand-top, .i-accordion-hd .x-tool-expand-top, .i-small-accordion-hd .x-tool-expand-top,
.x-accordion-hd .x-tool-expand-right,
.i-accordion-hd .x-tool-expand-right,
.i-small-accordion-hd .x-tool-expand-right,
.x-accordion-hd .x-tool-expand-bottom,
.i-accordion-hd .x-tool-expand-bottom,
.i-small-accordion-hd .x-tool-expand-bottom,
.x-accordion-hd .x-tool-expand-left,
.i-accordion-hd .x-tool-expand-left,
.i-small-accordion-hd .x-tool-expand-left {
    background-position: 0 -240px;
}

.x-accordion-hd .x-tool-over .x-tool-collapse-top, .i-accordion-hd .x-tool-over .x-tool-collapse-top, .i-small-accordion-hd .x-tool-over .x-tool-collapse-top,
.x-accordion-hd .x-tool-over .x-tool-collapse-right,
.i-accordion-hd .x-tool-over .x-tool-collapse-right,
.i-small-accordion-hd .x-tool-over .x-tool-collapse-right,
.x-accordion-hd .x-tool-over .x-tool-collapse-bottom,
.i-accordion-hd .x-tool-over .x-tool-collapse-bottom,
.i-small-accordion-hd .x-tool-over .x-tool-collapse-bottom,
.x-accordion-hd .x-tool-over .x-tool-collapse-left,
.i-accordion-hd .x-tool-over .x-tool-collapse-left,
.i-small-accordion-hd .x-tool-over .x-tool-collapse-left {
    background-position: -15px -255px;
}

.x-accordion-hd .x-tool-over .x-tool-expand-top, .i-accordion-hd .x-tool-over .x-tool-expand-top, .i-small-accordion-hd .x-tool-over .x-tool-expand-top,
.x-accordion-hd .x-tool-over .x-tool-expand-right,
.i-accordion-hd .x-tool-over .x-tool-expand-right,
.i-small-accordion-hd .x-tool-over .x-tool-expand-right,
.x-accordion-hd .x-tool-over .x-tool-expand-bottom,
.i-accordion-hd .x-tool-over .x-tool-expand-bottom,
.i-small-accordion-hd .x-tool-over .x-tool-expand-bottom,
.x-accordion-hd .x-tool-over .x-tool-expand-left,
.i-accordion-hd .x-tool-over .x-tool-expand-left,
.i-small-accordion-hd .x-tool-over .x-tool-expand-left {
    background-position: -15px -240px;
}

.x-accordion-hd, .i-accordion-hd, .i-small-accordion-hd {
    border-width: 1px 0 1px 0 !important;
    padding: 4px 5px 5px 5px;
    border-top-color: #f3f7fb !important;
}

.x-accordion-body, .i-accordion-body, .i-small-accordion-body {
    border-width: 0 !important;
}

.x-accordion-hd-sibling-expanded, .i-accordion-hd-sibling-expanded, .i-small-accordion-hd-sibling-expanded {
    border-top-color: #99bce8 !important;
    box-shadow: inset 0 1px 0 0 #f3f7fb;
}

.x-accordion-hd-last-collapsed, .i-accordion-hd-last-collapsed, .i-small-accordion-hd-last-collapsed {
    border-bottom-color: #d9e7f8 !important;
}

.x-frame-tl,
.x-frame-tr,
.x-frame-tc,
.x-frame-bl,
.x-frame-br,
.x-frame-bc {
    overflow: hidden;
    background-repeat: no-repeat;
}

.x-frame-tc,
.x-frame-bc {
    background-repeat: repeat-x;
}

.x-frame-mc {
    position: relative;
    background-repeat: repeat-x;
    overflow: hidden;
}

.x-box-scroller-left {
    float: left;
    height: 100%;
    z-index: 5;
}

.x-box-scroller-left .x-toolbar-scroll-left,
.x-box-scroller-left .x-tabbar-scroll-left {
    width: 18px;
    position: relative;
    cursor: pointer;
    height: 20px;
    background: transparent no-repeat -18px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/tab-bar/scroll-left.gif');
}

.x-box-scroller-left .x-toolbar-scroll-left-hover {
    background-position: 0 0;
}

.x-box-scroller-left .x-toolbar-scroll-left-disabled,
.x-box-scroller-left .x-tabbar-scroll-left-disabled {
    background-position: -18px 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
}

.x-box-scroller-left .x-toolbar-scroll-left {
    background-image: url('../../../../extjs/resources/themes/images/default/toolbar/scroll-left.gif');
    background-position: -14px 0;
}

.x-box-scroller-left .x-toolbar-scroll-left-hover {
    background-position: 0 0;
}

.x-box-scroller-left .x-toolbar-scroll-left-disabled {
    background-position: -14px 0;
}

.x-box-scroller-left .x-toolbar-scroll-left {
    width: 14px;
    height: 22px;
    border-bottom: 1px solid #8db2e3;
}

.x-horizontal-box-overflow-body {
    float: left;
}

.x-box-scroller-right {
    float: right;
    height: 100%;
    z-index: 5;
}

.x-box-scroller-right .x-toolbar-scroll-right,
.x-box-scroller-right .x-tabbar-scroll-right {
    width: 18px;
    position: relative;
    cursor: pointer;
    height: 20px;
    background: transparent no-repeat 0 0;
    background-image: url('../../../../extjs/resources/themes/images/default/tab-bar/scroll-right.gif');
}

.x-box-scroller-right .x-toolbar-scroll-right-hover {
    background-position: -18px 0;
}

.x-box-scroller-right .x-toolbar-scroll-right-disabled,
.x-box-scroller-right .x-tabbar-scroll-right-disabled {
    background-position: 0 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
}

.x-box-scroller-right .x-toolbar-scroll-right {
    background-image: url('../../../../extjs/resources/themes/images/default/toolbar/scroll-right.gif');
}

.x-box-scroller-right .x-toolbar-scroll-right-hover {
    background-position: -14px 0;
}

.x-box-scroller-right .x-toolbar-scroll-right-disabled {
    background-position: 0 0;
}

.x-box-scroller-right .x-toolbar-scroll-right {
    width: 14px;
    height: 22px;
    border-bottom: 1px solid #8db2e3;
}

.x-box-scroller-top .x-box-scroller {
    line-height: 0;
    font-size: 0;
}

.x-box-scroller-top .x-menu-scroll-top {
    background: transparent no-repeat center center;
    background-image: url('../../../../extjs/resources/themes/images/default/layout/mini-top.gif');
    height: 8px;
    cursor: pointer;
}

.x-box-scroller-bottom .x-box-scroller {
    line-height: 0;
    font-size: 0;
}

.x-box-scroller-bottom .x-menu-scroll-bottom {
    background: transparent no-repeat center center;
    background-image: url('../../../../extjs/resources/themes/images/default/layout/mini-bottom.gif');
    height: 8px;
    cursor: pointer;
}

.x-box-menu-right {
    float: right;
    padding-right: 2px;
}

.x-column {
    float: left;
}

.x-tool {
    height: 15px;
}

.x-tool img {
    overflow: hidden;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../../../../extjs/resources/themes/images/default/tools/tool-sprites.gif');
    margin: 0;
}

.x-panel-header-horizontal .x-tool,
.x-window-header-horizontal .x-tool {
    margin-left: 2px;
}

.x-panel-header-vertical .x-tool,
.x-window-header-vertical .x-tool {
    margin-top: 2px;
}

.x-panel-header-vertical .x-tool-top,
.x-window-header-vertical .x-tool-top {
    margin: 0 0 4px;
}

.x-tool-placeholder {
    visibility: hidden;
}

.x-tool-toggle {
    background-position: 0 -60px;
}

.x-tool-over .x-tool-toggle {
    background-position: -15px -60px;
}

.x-panel-collapsed .x-tool-toggle,
.x-fieldset-collapsed .x-tool-toggle {
    background-position: 0 -75px;
}

.x-panel-collapsed .x-tool-over .x-tool-toggle,
.x-fieldset-collapsed .x-tool-over .x-tool-toggle {
    background-position: -15px -75px;
}

.x-tool-close {
    background-position: 0 0;
}

.x-tool-minimize {
    background-position: 0 -15px;
}

.x-tool-maximize {
    background-position: 0 -30px;
}

.x-tool-restore {
    background-position: 0 -45px;
}

.x-tool-gear {
    background-position: 0 -90px;
}

.x-tool-prev {
    background-position: 0 -105px;
}

.x-tool-next {
    background-position: 0 -120px;
}

.x-tool-pin {
    background-position: 0 -135px;
}

.x-tool-unpin {
    background-position: 0 -150px;
}

.x-tool-right {
    background-position: 0 -165px;
}

.x-tool-left {
    background-position: 0 -180px;
}

.x-tool-help {
    background-position: 0 -300px;
}

.x-tool-save {
    background-position: 0 -285px;
}

.x-tool-search {
    background-position: 0 -270px;
}

.x-tool-minus {
    background-position: 0 -255px;
}

.x-tool-plus {
    background-position: 0 -240px;
}

.x-tool-refresh {
    background-position: 0 -225px;
}

.x-tool-up {
    background-position: 0 -210px;
}

.x-tool-down {
    background-position: 0 -195px;
}

.x-tool-collapse {
    background-position: 0 -345px;
}

.x-tool-expand {
    background-position: 0 -330px;
}

.x-tool-print {
    background-position: 0 -315px;
}

.x-tool-expand-bottom,
.x-tool-collapse-bottom {
    background-position: 0 -195px;
}

.x-tool-expand-top,
.x-tool-collapse-top {
    background-position: 0 -210px;
}

.x-tool-expand-left,
.x-tool-collapse-left {
    background-position: 0 -180px;
}

.x-tool-expand-right,
.x-tool-collapse-right {
    background-position: 0 -165px;
}

.x-tool-over .x-tool-close {
    background-position: -15px 0;
}

.x-tool-over .x-tool-minimize {
    background-position: -15px -15px;
}

.x-tool-over .x-tool-maximize {
    background-position: -15px -30px;
}

.x-tool-over .x-tool-restore {
    background-position: -15px -45px;
}

.x-tool-over .x-tool-gear {
    background-position: -15px -90px;
}

.x-tool-over .x-tool-prev {
    background-position: -15px -105px;
}

.x-tool-over .x-tool-next {
    background-position: -15px -120px;
}

.x-tool-over .x-tool-pin {
    background-position: -15px -135px;
}

.x-tool-over .x-tool-unpin {
    background-position: -15px -150px;
}

.x-tool-over .x-tool-right {
    background-position: -15px -165px;
}

.x-tool-over .x-tool-left {
    background-position: -15px -180px;
}

.x-tool-over .x-tool-down {
    background-position: -15px -195px;
}

.x-tool-over .x-tool-up {
    background-position: -15px -210px;
}

.x-tool-over .x-tool-refresh {
    background-position: -15px -225px;
}

.x-tool-over .x-tool-plus {
    background-position: -15px -240px;
}

.x-tool-over .x-tool-minus {
    background-position: -15px -255px;
}

.x-tool-over .x-tool-search {
    background-position: -15px -270px;
}

.x-tool-over .x-tool-save {
    background-position: -15px -285px;
}

.x-tool-over .x-tool-help {
    background-position: -15px -300px;
}

.x-tool-over .x-tool-print {
    background-position: -15px -315px;
}

.x-tool-over .x-tool-expand {
    background-position: -15px -330px;
}

.x-tool-over .x-tool-collapse {
    background-position: -15px -345px;
}

.x-tool-over .x-tool-expand-bottom,
.x-tool-over .x-tool-collapse-bottom {
    background-position: -15px -195px;
}

.x-tool-over .x-tool-expand-top,
.x-tool-over .x-tool-collapse-top {
    background-position: -15px -210px;
}

.x-tool-over .x-tool-expand-left,
.x-tool-over .x-tool-collapse-left {
    background-position: -15px -180px;
}

.x-tool-over .x-tool-expand-right,
.x-tool-over .x-tool-collapse-right {
    background-position: -15px -165px;
}

.x-horizontal-scroller-present .x-grid-body {
    border-bottom-width: 0;
}

.x-vertical-scroller-present .x-grid-body {
    border-right-width: 0;
}

.x-scroller {
    overflow: hidden;
}

.x-scroller-vertical {
    border: 1px solid #99bce8;
    border-top-color: #c5c5c5;
}

.x-scroller-horizontal {
    border: 1px solid #99bce8;
}

.x-vertical-scroller-present .x-scroller-horizontal {
    border-right-width: 0;
}

.x-scroller-ct {
    overflow: hidden;
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    left: 0;
    top: 0;
    /*
    In IE9 (only), the border-box style causes the scroller-ct to be 0px in the
    perpendicular dimension and breaks the scroll as well as offsets it by the left
    offset that we use to try and keep some size on this element. This works on all
    browsers (including IE9).
    */
    box-sizing: content-box !important;
    -ms-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
}

.x-scroller-vertical .x-scroller-ct {
    overflow-y: scroll;
}

.x-scroller-horizontal .x-scroller-ct {
    overflow-x: scroll;
}

.x-html html,
.x-html address,
.x-html blockquote,
.x-html body,
.x-html dd,
.x-html div,
.x-html dl,
.x-html dt,
.x-html fieldset,
.x-html form,
.x-html frame,
.x-html frameset,
.x-html h1,
.x-html h2,
.x-html h3,
.x-html h4,
.x-html h5,
.x-html h6,
.x-html noframes,
.x-html ol,
.x-html p,
.x-html ul,
.x-html center,
.x-html dir,
.x-html hr,
.x-html menu,
.x-html pre {
    display: block;
}

.x-html li {
    display: list-item;
    list-style: disc;
}

.x-html head {
    display: none;
}

.x-html table {
    display: table;
}

.x-html tr {
    display: table-row;
}

.x-html thead {
    display: table-header-group;
}

.x-html tbody {
    display: table-row-group;
}

.x-html tfoot {
    display: table-footer-group;
}

.x-html col {
    display: table-column;
}

.x-html colgroup {
    display: table-column-group;
}

.x-html td,
.x-html th {
    display: table-cell;
}

.x-html caption {
    display: table-caption;
}

.x-html th {
    font-weight: bolder;
    text-align: center;
}

.x-html caption {
    text-align: center;
}

.x-html body {
    margin: 8px;
}

.x-html h1 {
    font-size: 2em;
    margin: .67em 0;
}

.x-html h2 {
    font-size: 1.5em;
    margin: .75em 0;
}

.x-html h3 {
    font-size: 1.17em;
    margin: .83em 0;
}

.x-html h4,
.x-html p,
.x-html blockquote,
.x-html ul,
.x-html fieldset,
.x-html form,
.x-html ol,
.x-html dl,
.x-html dir,
.x-html menu {
    margin: 1.12em 0;
}

.x-html h5 {
    font-size: .83em;
    margin: 1.5em 0;
}

.x-html h6 {
    font-size: .75em;
    margin: 1.67em 0;
}

.x-html h1,
.x-html h2,
.x-html h3,
.x-html h4,
.x-html h5,
.x-html h6,
.x-html b,
.x-html strong {
    font-weight: bolder;
}

.x-html blockquote {
    margin-left: 40px;
    margin-right: 40px;
}

.x-html i,
.x-html cite,
.x-html em,
.x-html var,
.x-html address {
    font-style: italic;
}

.x-html pre,
.x-html tt,
.x-html code,
.x-html kbd,
.x-html samp {
    font-family: monospace;
}

.x-html pre {
    white-space: pre;
}

.x-html button,
.x-html textarea,
.x-html input,
.x-html select {
    display: inline-block;
}

.x-html big {
    font-size: 1.17em;
}

.x-html small,
.x-html sub,
.x-html sup {
    font-size: .83em;
}

.x-html sub {
    vertical-align: sub;
}

.x-html sup {
    vertical-align: super;
}

.x-html table {
    border-spacing: 2px;
}

.x-html thead,
.x-html tbody,
.x-html tfoot {
    vertical-align: middle;
}

.x-html td,
.x-html th {
    vertical-align: inherit;
}

.x-html s,
.x-html strike,
.x-html del {
    text-decoration: line-through;
}

.x-html hr {
    border: 1px inset;
}

.x-html ol,
.x-html ul,
.x-html dir,
.x-html menu,
.x-html dd {
    margin-left: 40px;
}

.x-html ul, .x-html menu, .x-html dir {
    list-style-type: disc;
}

.x-html ol {
    list-style-type: decimal;
}

.x-html ol ul,
.x-html ul ol,
.x-html ul ul,
.x-html ol ol {
    margin-top: 0;
    margin-bottom: 0;
}

.x-html u,
.x-html ins {
    text-decoration: underline;
}

.x-html br:before {
    content: "\A";
}

.x-html:before, .x-html:after {
    white-space: pre-line;
}

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

.x-html:link, .x-html:visited {
    text-decoration: underline;
}

.x-html:focus {
    outline: invert dotted thin;
}

.x-html BDO[DIR="ltr"] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

.x-html BDO[DIR="rtl"] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.x-boundlist {
    background-color: #fff;
}

.x-boundlist .x-toolbar {
    border-width: 1px 0 0 0;
}

.x-boundlist-item {
    padding: 5px;
}

.x-boundlist-selected {
    background: #017cad;
    color: #fff;
}

.x-boundlist-item-over {
    background: #017cad;
    color: #fff;
}

.x-boundlist-floating {
    border-top-width: 0;
}

.x-boundlist-above {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.x-btn {
    display: inline-block;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-width: 0;
    border-radius: 30px;
    font-weight: 400;
    cursor: pointer;
    -webkit-font-smoothing: inherit;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 35px;
    font-size: 1rem;
    line-height: 1;
    vertical-align: middle;
    min-width: 150px;
    max-width: 300px;
    height: 40px;
    transition: box-shadow .1s linear;
    background: #7f7f86;
    color: #fff;
}

.x-btn * {
    cursor: pointer;
    cursor: hand;
}

.x-btn em {
    background-repeat: no-repeat;
}

.x-btn em a {
    text-decoration: none;
    display: block;
    color: inherit;
    width: 100%;
    zoom: 1;
}

.x-btn button {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    outline: 0 none;
    overflow: hidden;
    -webkit-appearance: none;
}

.x-btn button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.x-btn .x-btn-inner {
    display: block;
    white-space: nowrap;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    overflow: hidden;
}

.x-btn .x-btn-left .x-btn-inner {
    text-align: left;
}

.x-btn .x-btn-center .x-btn-inner {
    text-align: center;
    font-size: 14px;
}

.x-btn .x-btn-right .x-btn-inner {
    text-align: right;
}

.x-ie6 .x-btn-disabled span, .x-ie7 .x-btn-disabled span {
    filter: none;
}

.x-ie7 .x-btn-disabled,
.x-ie8 .x-btn-disabled {
    filter: none;
}

.x-ie6 .x-btn-disabled .x-btn-icon,
.x-ie7 .x-btn-disabled .x-btn-icon,
.x-ie8 .x-btn-disabled .x-btn-icon {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

.x-btn .x-frame-mc {
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
}

/* Only center when all there is is text. Otherwise solo icons get centered. */
.x-btn-noicon .x-frame-mc {
    text-align: center;
}

.x-btn-icon-text-left .x-btn-icon {
    background-position: left center;
}

.x-btn-icon-text-right .x-btn-icon {
    background-position: right center;
}

.x-btn-icon-text-top .x-btn-icon {
    background-position: center top;
}

.x-btn-icon-text-bottom .x-btn-icon {
    background-position: center bottom;
}

.x-btn button, .x-btn a {
    position: relative;
}

.x-btn.x-btn-icon.x-btn-default-toolbar-small-icon button.x-btn-center span.x-btn-icon {
    position: absolute;
    background-repeat: no-repeat;
}

.x-btn-arrow-right {
    background: transparent no-repeat center;
    background-position-x: 24px;
}

.x-btn-arrow-right .x-btn-inner {
    padding-right: 0 !important;
}

.x-btn-arrow-bottom {
    background: transparent no-repeat center bottom;
    padding-bottom: 12px;
}

.x-btn-arrow {
    background-image: url('../../../../extjs/resources/themes/images/default/button/arrow.gif');
    display: block;
}

.x-btn-split-right,
.x-btn-over .x-btn-split-right {
    background: transparent no-repeat right center;
    background-image: url('../../../../extjs/resources/themes/images/default/button/s-arrow-noline.gif');
    padding-right: 14px !important;
}

.x-btn-split-bottom,
.x-btn-over .x-btn-split-bottom {
    background: transparent no-repeat center bottom;
    background-image: url('../../../../extjs/resources/themes/images/default/button/s-arrow-b-noline.gif');
    padding-bottom: 14px;
}

.x-toolbar .x-btn-split-right {
    background-image: url('../../../../extjs/resources/themes/images/default/button/s-arrow-noline.gif');
    padding-right: 12px !important;
}

.x-toolbar .x-btn-split-bottom {
    background-image: url('../../../../extjs/resources/themes/images/default/button/s-arrow-b-noline.gif');
}

.x-btn-split {
    display: block;
}

.x-item-disabled,
.x-item-disabled * {
    cursor: default;
}

.x-cycle-fixed-width .x-btn-inner {
    text-align: inherit;
}

.x-btn-over .x-btn-split-right {
    background-image: url('../../../../extjs/resources/themes/images/default/button/s-arrow-noline.gif');
}

.x-btn-over .x-btn-split-bottom {
    background-image: url('../../../../extjs/resources/themes/images/default/button/s-arrow-noline.gif');
}

.x-btn-default-small {
    padding: 0 20px;
    font-size: .875rem;
    line-height: 1;
    vertical-align: middle;
    min-width: auto;
    height: 30px;
    transition: box-shadow .1s linear;
}

.x-nlg .x-btn-default-small-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-small-bg.gif');
    background-color: white;
}

.x-nbr .x-btn-default-small {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100303px 1000303px;
}

.x-nbr .x-btn-default-small-tl,
.x-nbr .x-btn-default-small-bl,
.x-nbr .x-btn-default-small-tr,
.x-nbr .x-btn-default-small-br,
.x-nbr .x-btn-default-small-tc,
.x-nbr .x-btn-default-small-bc,
.x-nbr .x-btn-default-small-ml,
.x-nbr .x-btn-default-small-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-small-corners.gif');
}

.x-nbr .x-btn-default-small-ml,
.x-nbr .x-btn-default-small-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-small-sides.gif');
    background-position: 0 0;
}

.x-nbr .x-btn-default-small-mc {
    padding: 0;
}

.x-btn-default-small .x-btn-inner {
    color: #FFF;
    padding: 4px 4px 4px 4px;
}

.x-btn-default-small-icon button,
.x-btn-default-small-icon a {
    padding: 0;
}

.x-btn-default-small-icon .x-btn-inner {
    /* even though there is no text we set a width and padding as buttons shrink-wrap around this element */
    width: 16px;
    padding: 0;
}

.x-btn-default-small-icon .x-btn-icon {
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-btn-default-small-icon-text-left .x-btn-inner {
    padding-left: 20px;
}

.x-btn-default-small-icon-text-left .x-btn-icon {
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
}

.x-btn-default-small-icon-text-right .x-btn-icon {
    height: auto;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
}

.x-btn-default-small-icon-text-top .x-btn-inner {
    padding-top: 20px;
}

.x-btn-default-small-icon-text-top .x-btn-icon {
    width: auto;
    height: 16px;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
}

.x-ie6 .x-btn-default-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-default-small-icon-text-top .x-btn-icon {
    width: 16px;
}

.x-btn-default-small-icon-text-bottom .x-btn-inner {
    padding-bottom: 20px;
}

.x-btn-default-small-icon-text-bottom .x-btn-icon {
    width: auto;
    height: 16px;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-default-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-default-small-icon-text-bottom .x-btn-icon {
    width: 16px;
}

.x-btn-default-small-disabled .x-btn-inner {
    color: #7f7f86 !important;
}

.x-ie .x-btn-default-small-disabled .x-btn-inner {
    color: #7f7f86 !important;
}

.x-ie6 .x-btn-default-small-disabled .x-btn-inner {
    color: #7f7f86 !important;
}

.x-btn-default-medium {
    border-color: #d1d1d1;
}

.x-btn-default-medium {
    border-radius: 3px;
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    background-color: white;
    background-image: linear-gradient(to bottom, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
}

.x-nlg .x-btn-default-medium-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-bg.gif');
    background-color: white;
}

.x-nbr .x-btn-default-medium {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100303px 1000303px;
}

.x-nbr .x-btn-default-medium-tl,
.x-nbr .x-btn-default-medium-bl,
.x-nbr .x-btn-default-medium-tr,
.x-nbr .x-btn-default-medium-br,
.x-nbr .x-btn-default-medium-tc,
.x-nbr .x-btn-default-medium-bc,
.x-nbr .x-btn-default-medium-ml,
.x-nbr .x-btn-default-medium-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-corners.gif');
}

.x-nbr .x-btn-default-medium-ml,
.x-nbr .x-btn-default-medium-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-sides.gif');
    background-position: 0 0;
}

.x-nbr .x-btn-default-medium-mc {
    padding: 1px 1px 1px 1px;
}

.x-btn-default-medium .x-btn-inner {
    font-size: 11px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    color: #333;
    background-repeat: no-repeat;
    padding: 0 3px;
}

.x-btn-default-medium-icon button,
.x-btn-default-medium-icon a,
.x-btn-default-medium-icon .x-btn-inner,
.x-btn-default-medium-noicon button,
.x-btn-default-medium-noicon a,
.x-btn-default-medium-noicon .x-btn-inner {
    height: 24px;
    line-height: 24px;
}

.x-btn-default-medium-icon button,
.x-btn-default-medium-icon a {
    padding: 0;
}

.x-btn-default-medium-icon .x-btn-inner {
    /* even though there is no text we set a width and padding as buttons shrink-wrap around this element */
    width: 24px;
    padding: 0;
}

.x-btn-default-medium-icon .x-btn-icon {
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-btn-default-medium-icon-text-left button,
.x-btn-default-medium-icon-text-left a {
    height: 24px;
}

.x-btn-default-medium-icon-text-left .x-btn-inner {
    height: 24px;
    line-height: 24px;
    padding-left: 28px;
}

.x-btn-default-medium-icon-text-left .x-btn-icon {
    width: 24px;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
}

.x-ie6 .x-btn-default-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-default-medium-icon-text-left .x-btn-icon {
    height: 24px;
}

.x-btn-default-medium-icon-text-right button,
.x-btn-default-medium-icon-text-right a {
    height: 24px;
}

.x-btn-default-medium-icon-text-right .x-btn-inner {
    height: 24px;
    line-height: 24px;
    padding-right: 28px !important;
}

.x-btn-default-medium-icon-text-right .x-btn-icon {
    width: 24px;
    height: auto;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-default-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-default-medium-icon-text-right .x-btn-icon {
    height: 24px;
}

.x-btn-default-medium-icon-text-top .x-btn-inner {
    padding-top: 28px;
}

.x-btn-default-medium-icon-text-top .x-btn-icon {
    width: auto;
    height: 24px;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
}

.x-ie6 .x-btn-default-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-default-medium-icon-text-top .x-btn-icon {
    width: 24px;
}

.x-btn-default-medium-icon-text-bottom .x-btn-inner {
    padding-bottom: 28px;
}

.x-btn-default-medium-icon-text-bottom .x-btn-icon {
    width: auto;
    height: 24px;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-default-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-default-medium-icon-text-bottom .x-btn-icon {
    width: 24px;
}

.x-btn-default-medium-over {
    border-color: #b0ccf2;
    background-color: #e4f3ff;
    background-image: linear-gradient(to bottom, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

.x-btn-default-medium-focus {
    border-color: #b0ccf2;
    background-color: #e4f3ff;
    background-image: linear-gradient(to bottom, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

.x-btn-default-medium-menu-active,
.x-btn-default-medium-pressed {
    border-color: #9ebae1;
    background-color: #b6cbe4;
    background-image: linear-gradient(to bottom, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
}

.x-btn-default-medium-disabled {
    border-color: #e1e1e1;
    background-color: #f7f7f7;
    background-image: linear-gradient(to bottom, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
}

.x-btn-default-medium-disabled .x-btn-inner {
    color: #333 !important;
}

.x-ie .x-btn-default-medium-disabled .x-btn-inner {
    color: #595959 !important;
}

.x-ie6 .x-btn-default-medium-disabled .x-btn-inner {
    color: #8c8c8c !important;
}

.x-nbr .x-btn-default-medium-over .x-frame-tl,
.x-nbr .x-btn-default-medium-over .x-frame-bl,
.x-nbr .x-btn-default-medium-over .x-frame-tr,
.x-nbr .x-btn-default-medium-over .x-frame-br,
.x-nbr .x-btn-default-medium-over .x-frame-tc,
.x-nbr .x-btn-default-medium-over .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-over-corners.gif');
}

.x-nbr .x-btn-default-medium-over .x-frame-ml,
.x-nbr .x-btn-default-medium-over .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-over-sides.gif');
}

.x-nbr .x-btn-default-medium-over .x-frame-mc {
    background-color: #e4f3ff;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-over-bg.gif');
}

.x-nbr .x-btn-default-medium-focus .x-frame-tl,
.x-nbr .x-btn-default-medium-focus .x-frame-bl,
.x-nbr .x-btn-default-medium-focus .x-frame-tr,
.x-nbr .x-btn-default-medium-focus .x-frame-br,
.x-nbr .x-btn-default-medium-focus .x-frame-tc,
.x-nbr .x-btn-default-medium-focus .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-focus-corners.gif');
}

.x-nbr .x-btn-default-medium-focus .x-frame-ml,
.x-nbr .x-btn-default-medium-focus .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-focus-sides.gif');
}

.x-nbr .x-btn-default-medium-focus .x-frame-mc {
    background-color: #e4f3ff;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-focus-bg.gif');
}

.x-nbr .x-btn-default-medium-menu-active .x-frame-tl,
.x-nbr .x-btn-default-medium-menu-active .x-frame-bl,
.x-nbr .x-btn-default-medium-menu-active .x-frame-tr,
.x-nbr .x-btn-default-medium-menu-active .x-frame-br,
.x-nbr .x-btn-default-medium-menu-active .x-frame-tc,
.x-nbr .x-btn-default-medium-menu-active .x-frame-bc,
.x-nbr .x-btn-default-medium-pressed .x-frame-tl,
.x-nbr .x-btn-default-medium-pressed .x-frame-bl,
.x-nbr .x-btn-default-medium-pressed .x-frame-tr,
.x-nbr .x-btn-default-medium-pressed .x-frame-br,
.x-nbr .x-btn-default-medium-pressed .x-frame-tc,
.x-nbr .x-btn-default-medium-pressed .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-pressed-corners.gif');
}

.x-nbr .x-btn-default-medium-menu-active .x-frame-ml,
.x-nbr .x-btn-default-medium-menu-active .x-frame-mr,
.x-nbr .x-btn-default-medium-pressed .x-frame-ml,
.x-nbr .x-btn-default-medium-pressed .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-pressed-sides.gif');
}

.x-nbr .x-btn-default-medium-menu-active .x-frame-mc,
.x-nbr .x-btn-default-medium-pressed .x-frame-mc {
    background-color: #b6cbe4;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-pressed-bg.gif');
}

.x-nbr .x-btn-default-medium-disabled .x-frame-tl,
.x-nbr .x-btn-default-medium-disabled .x-frame-bl,
.x-nbr .x-btn-default-medium-disabled .x-frame-tr,
.x-nbr .x-btn-default-medium-disabled .x-frame-br,
.x-nbr .x-btn-default-medium-disabled .x-frame-tc,
.x-nbr .x-btn-default-medium-disabled .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-disabled-corners.gif');
}

.x-nbr .x-btn-default-medium-disabled .x-frame-ml,
.x-nbr .x-btn-default-medium-disabled .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-disabled-sides.gif');
}

.x-nbr .x-btn-default-medium-disabled .x-frame-mc {
    background-color: #f7f7f7;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-disabled-bg.gif');
}

.x-nlg .x-btn-default-medium {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-bg.gif');
}

.x-nlg .x-btn-default-medium-over {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-over-bg.gif');
}

.x-nlg .x-btn-default-medium-focus {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-focus-bg.gif');
}

.x-nlg .x-btn-default-medium-menu-active,
.x-nlg .x-btn-default-medium-pressed {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-pressed-bg.gif');
}

.x-nlg .x-btn-default-medium-disabled {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-medium-disabled-bg.gif');
}

.x-btn-default-large {
    border-color: #d1d1d1;
}

.x-btn-default-large {
    border-radius: 3px;
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    background-color: white;
    background-image: linear-gradient(to bottom, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
}

.x-nlg .x-btn-default-large-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-bg.gif');
    background-color: white;
}

.x-nbr .x-btn-default-large {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100303px 1000303px;
}

.x-nbr .x-btn-default-large-tl,
.x-nbr .x-btn-default-large-bl,
.x-nbr .x-btn-default-large-tr,
.x-nbr .x-btn-default-large-br,
.x-nbr .x-btn-default-large-tc,
.x-nbr .x-btn-default-large-bc,
.x-nbr .x-btn-default-large-ml,
.x-nbr .x-btn-default-large-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-corners.gif');
}

.x-nbr .x-btn-default-large-ml,
.x-nbr .x-btn-default-large-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-sides.gif');
    background-position: 0 0;
}

.x-nbr .x-btn-default-large-mc {
    padding: 1px 1px 1px 1px;
}

.x-btn-default-large .x-btn-inner {
    font-size: 11px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    color: #333;
    background-repeat: no-repeat;
    padding: 0 3px;
}

.x-btn-default-large-icon button,
.x-btn-default-large-icon a,
.x-btn-default-large-icon .x-btn-inner,
.x-btn-default-large-noicon button,
.x-btn-default-large-noicon a,
.x-btn-default-large-noicon .x-btn-inner {
    height: 32px;
    line-height: 32px;
}

.x-btn-default-large-icon button,
.x-btn-default-large-icon a {
    padding: 0;
}

.x-btn-default-large-icon .x-btn-inner {
    /* even though there is no text we set a width and padding as buttons shrink-wrap around this element */
    width: 32px;
    padding: 0;
}

.x-btn-default-large-icon .x-btn-icon {
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-btn-default-large-icon-text-left button,
.x-btn-default-large-icon-text-left a {
    height: 32px;
}

.x-btn-default-large-icon-text-left .x-btn-inner {
    height: 32px;
    line-height: 32px;
    padding-left: 36px;
}

.x-btn-default-large-icon-text-left .x-btn-icon {
    width: 32px;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
}

.x-ie6 .x-btn-default-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-default-large-icon-text-left .x-btn-icon {
    height: 32px;
}

.x-btn-default-large-icon-text-right button,
.x-btn-default-large-icon-text-right a {
    height: 32px;
}

.x-btn-default-large-icon-text-right .x-btn-inner {
    height: 32px;
    line-height: 32px;
    padding-right: 36px !important;
}

.x-btn-default-large-icon-text-right .x-btn-icon {
    width: 32px;
    height: auto;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-default-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-default-large-icon-text-right .x-btn-icon {
    height: 32px;
}

.x-btn-default-large-icon-text-top .x-btn-inner {
    padding-top: 36px;
}

.x-btn-default-large-icon-text-top .x-btn-icon {
    width: auto;
    height: 32px;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
}

.x-ie6 .x-btn-default-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-default-large-icon-text-top .x-btn-icon {
    width: 32px;
}

.x-btn-default-large-icon-text-bottom .x-btn-inner {
    padding-bottom: 36px;
}

.x-btn-default-large-icon-text-bottom .x-btn-icon {
    width: auto;
    height: 32px;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-default-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-default-large-icon-text-bottom .x-btn-icon {
    width: 32px;
}

.x-btn-default-large-over {
    border-color: #b0ccf2;
    background-color: #e4f3ff;
    background-image: linear-gradient(to bottom, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

.x-btn-default-large-focus {
    border-color: #b0ccf2;
    background-color: #e4f3ff;
    background-image: linear-gradient(to bottom, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

.x-btn-default-large-menu-active,
.x-btn-default-large-pressed {
    border-color: #9ebae1;
    background-color: #b6cbe4;
    background-image: linear-gradient(to bottom, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
}

.x-btn-default-large-disabled {
    border-color: #e1e1e1;
    background-color: #f7f7f7;
    background-image: linear-gradient(to bottom, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
}

.x-btn-default-large-disabled .x-btn-inner {
    color: #333 !important;
}

.x-ie .x-btn-default-large-disabled .x-btn-inner {
    color: #595959 !important;
}

.x-ie6 .x-btn-default-large-disabled .x-btn-inner {
    color: #8c8c8c !important;
}

.x-nbr .x-btn-default-large-over .x-frame-tl,
.x-nbr .x-btn-default-large-over .x-frame-bl,
.x-nbr .x-btn-default-large-over .x-frame-tr,
.x-nbr .x-btn-default-large-over .x-frame-br,
.x-nbr .x-btn-default-large-over .x-frame-tc,
.x-nbr .x-btn-default-large-over .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-over-corners.gif');
}

.x-nbr .x-btn-default-large-over .x-frame-ml,
.x-nbr .x-btn-default-large-over .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-over-sides.gif');
}

.x-nbr .x-btn-default-large-over .x-frame-mc {
    background-color: #e4f3ff;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-over-bg.gif');
}

.x-nbr .x-btn-default-large-focus .x-frame-tl,
.x-nbr .x-btn-default-large-focus .x-frame-bl,
.x-nbr .x-btn-default-large-focus .x-frame-tr,
.x-nbr .x-btn-default-large-focus .x-frame-br,
.x-nbr .x-btn-default-large-focus .x-frame-tc,
.x-nbr .x-btn-default-large-focus .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-focus-corners.gif');
}

.x-nbr .x-btn-default-large-focus .x-frame-ml,
.x-nbr .x-btn-default-large-focus .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-focus-sides.gif');
}

.x-nbr .x-btn-default-large-focus .x-frame-mc {
    background-color: #e4f3ff;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-focus-bg.gif');
}

.x-nbr .x-btn-default-large-menu-active .x-frame-tl,
.x-nbr .x-btn-default-large-menu-active .x-frame-bl,
.x-nbr .x-btn-default-large-menu-active .x-frame-tr,
.x-nbr .x-btn-default-large-menu-active .x-frame-br,
.x-nbr .x-btn-default-large-menu-active .x-frame-tc,
.x-nbr .x-btn-default-large-menu-active .x-frame-bc,
.x-nbr .x-btn-default-large-pressed .x-frame-tl,
.x-nbr .x-btn-default-large-pressed .x-frame-bl,
.x-nbr .x-btn-default-large-pressed .x-frame-tr,
.x-nbr .x-btn-default-large-pressed .x-frame-br,
.x-nbr .x-btn-default-large-pressed .x-frame-tc,
.x-nbr .x-btn-default-large-pressed .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-pressed-corners.gif');
}

.x-nbr .x-btn-default-large-menu-active .x-frame-ml,
.x-nbr .x-btn-default-large-menu-active .x-frame-mr,
.x-nbr .x-btn-default-large-pressed .x-frame-ml,
.x-nbr .x-btn-default-large-pressed .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-pressed-sides.gif');
}

.x-nbr .x-btn-default-large-menu-active .x-frame-mc,
.x-nbr .x-btn-default-large-pressed .x-frame-mc {
    background-color: #b6cbe4;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-pressed-bg.gif');
}

.x-nbr .x-btn-default-large-disabled .x-frame-tl,
.x-nbr .x-btn-default-large-disabled .x-frame-bl,
.x-nbr .x-btn-default-large-disabled .x-frame-tr,
.x-nbr .x-btn-default-large-disabled .x-frame-br,
.x-nbr .x-btn-default-large-disabled .x-frame-tc,
.x-nbr .x-btn-default-large-disabled .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-disabled-corners.gif');
}

.x-nbr .x-btn-default-large-disabled .x-frame-ml,
.x-nbr .x-btn-default-large-disabled .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-disabled-sides.gif');
}

.x-nbr .x-btn-default-large-disabled .x-frame-mc {
    background-color: #f7f7f7;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-disabled-bg.gif');
}

.x-nlg .x-btn-default-large {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-bg.gif');
}

.x-nlg .x-btn-default-large-over {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-over-bg.gif');
}

.x-nlg .x-btn-default-large-focus {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-focus-bg.gif');
}

.x-nlg .x-btn-default-large-menu-active,
.x-nlg .x-btn-default-large-pressed {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-pressed-bg.gif');
}

.x-nlg .x-btn-default-large-disabled {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-large-disabled-bg.gif');
}

.x-btn-default-toolbar-small {
    border-color: transparent;
    padding: 0 20px;
    font-size: .875rem;
    line-height: 1;
    vertical-align: middle;
    min-width: auto;
    height: 30px;
    transition: box-shadow .1s linear;
}

.x-nlg .x-btn-default-toolbar-small-mc {
    background-color: transparent;
}

.x-nbr .x-btn-default-toolbar-small {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100303px 1000303px;
}

.x-nbr .x-btn-default-toolbar-small-tl,
.x-nbr .x-btn-default-toolbar-small-bl,
.x-nbr .x-btn-default-toolbar-small-tr,
.x-nbr .x-btn-default-toolbar-small-br,
.x-nbr .x-btn-default-toolbar-small-tc,
.x-nbr .x-btn-default-toolbar-small-bc,
.x-nbr .x-btn-default-toolbar-small-ml,
.x-nbr .x-btn-default-toolbar-small-mr {
    zoom: 1;
}

.x-nbr .x-btn-default-toolbar-small-ml,
.x-nbr .x-btn-default-toolbar-small-mr {
    zoom: 1;
}

.x-nbr .x-btn-default-toolbar-small-mc {
    padding: 0;
}

.x-btn-default-toolbar-small .x-btn-inner {
    color: #FFF;
    padding: 0 4px;
}

.x-btn-default-toolbar-small-icon button,
.x-btn-default-toolbar-small-icon a,
.x-btn-default-toolbar-small-icon .x-btn-inner,
.x-btn-default-toolbar-small-noicon button,
.x-btn-default-toolbar-small-noicon a,
.x-btn-default-toolbar-small-noicon .x-btn-inner {
    height: 16px;
    line-height: 16px;
}

.x-btn-default-toolbar-small-icon button,
.x-btn-default-toolbar-small-icon a {
    padding: 0;
}

.x-btn-default-toolbar-small-icon .x-btn-inner {
    /* even though there is no text we set a width and padding as buttons shrink-wrap around this element */
    width: 16px;
    padding: 0;
}

.x-btn-default-toolbar-small-icon .x-btn-icon {
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-btn-default-toolbar-small-icon-text-left button,
.x-btn-default-toolbar-small-icon-text-left a {
    height: 16px;
}

.x-btn-default-toolbar-small-icon-text-left .x-btn-inner {
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
}

.x-btn-default-toolbar-small-icon-text-left .x-btn-icon {
    width: 16px;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
}

.x-ie6 .x-btn-default-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-default-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px;
}

.x-btn-default-toolbar-small-icon-text-right button,
.x-btn-default-toolbar-small-icon-text-right a {
    height: 16px;
}

.x-btn-default-toolbar-small-icon-text-right .x-btn-inner {
    height: 16px;
    line-height: 16px;
    padding-right: 20px !important;
}

.x-btn-default-toolbar-small-icon-text-right .x-btn-icon {
    width: 16px;
    height: auto;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-default-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-default-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px;
}

.x-btn-default-toolbar-small-icon-text-top .x-btn-inner {
    padding-top: 20px;
}

.x-btn-default-toolbar-small-icon-text-top .x-btn-icon {
    width: auto;
    height: 16px;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
}

.x-ie6 .x-btn-default-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-default-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px;
}

.x-btn-default-toolbar-small-icon-text-bottom .x-btn-inner {
    padding-bottom: 20px;
}

.x-btn-default-toolbar-small-icon-text-bottom .x-btn-icon {
    width: auto;
    height: 16px;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-default-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-default-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px;
}

.x-btn-default-toolbar-small-over {
    color: #fff;
    background-color: #626469;
    box-shadow: 0 0 0 0 transparent;
}

.x-btn-default-toolbar-small-disabled {
    background-image: none;
    background-color: transparent;
}

.x-ie .x-btn-default-toolbar-small-disabled .x-btn-inner {
    color: #595959 !important;
}

.x-ie6 .x-btn-default-toolbar-small-disabled .x-btn-inner {
    color: #8c8c8c !important;
}

.x-nbr .x-btn-default-toolbar-small-over .x-frame-tl,
.x-nbr .x-btn-default-toolbar-small-over .x-frame-bl,
.x-nbr .x-btn-default-toolbar-small-over .x-frame-tr,
.x-nbr .x-btn-default-toolbar-small-over .x-frame-br,
.x-nbr .x-btn-default-toolbar-small-over .x-frame-tc,
.x-nbr .x-btn-default-toolbar-small-over .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-over-corners.gif');
}

.x-nbr .x-btn-default-toolbar-small-over .x-frame-ml,
.x-nbr .x-btn-default-toolbar-small-over .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-over-sides.gif');
}

.x-nbr .x-btn-default-toolbar-small-over .x-frame-mc {
    background-color: #dbeeff;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-over-bg.gif');
}

.x-nbr .x-btn-default-toolbar-small-focus .x-frame-tl,
.x-nbr .x-btn-default-toolbar-small-focus .x-frame-bl,
.x-nbr .x-btn-default-toolbar-small-focus .x-frame-tr,
.x-nbr .x-btn-default-toolbar-small-focus .x-frame-br,
.x-nbr .x-btn-default-toolbar-small-focus .x-frame-tc,
.x-nbr .x-btn-default-toolbar-small-focus .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-focus-corners.gif');
}

.x-nbr .x-btn-default-toolbar-small-focus .x-frame-ml,
.x-nbr .x-btn-default-toolbar-small-focus .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-focus-sides.gif');
}

.x-nbr .x-btn-default-toolbar-small-focus .x-frame-mc {
    background-color: #dbeeff;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-focus-bg.gif');
}

.x-nbr .x-btn-default-toolbar-small-menu-active .x-frame-tl,
.x-nbr .x-btn-default-toolbar-small-menu-active .x-frame-bl,
.x-nbr .x-btn-default-toolbar-small-menu-active .x-frame-tr,
.x-nbr .x-btn-default-toolbar-small-menu-active .x-frame-br,
.x-nbr .x-btn-default-toolbar-small-menu-active .x-frame-tc,
.x-nbr .x-btn-default-toolbar-small-menu-active .x-frame-bc,
.x-nbr .x-btn-default-toolbar-small-pressed .x-frame-tl,
.x-nbr .x-btn-default-toolbar-small-pressed .x-frame-bl,
.x-nbr .x-btn-default-toolbar-small-pressed .x-frame-tr,
.x-nbr .x-btn-default-toolbar-small-pressed .x-frame-br,
.x-nbr .x-btn-default-toolbar-small-pressed .x-frame-tc,
.x-nbr .x-btn-default-toolbar-small-pressed .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-pressed-corners.gif');
}

.x-nbr .x-btn-default-toolbar-small-menu-active .x-frame-ml,
.x-nbr .x-btn-default-toolbar-small-menu-active .x-frame-mr,
.x-nbr .x-btn-default-toolbar-small-pressed .x-frame-ml,
.x-nbr .x-btn-default-toolbar-small-pressed .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-pressed-sides.gif');
}

.x-nbr .x-btn-default-toolbar-small-menu-active .x-frame-mc,
.x-nbr .x-btn-default-toolbar-small-pressed .x-frame-mc {
    background-color: #bccfe5;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-pressed-bg.gif');
}

.x-nbr .x-btn-default-toolbar-small-disabled .x-frame-tl,
.x-nbr .x-btn-default-toolbar-small-disabled .x-frame-bl,
.x-nbr .x-btn-default-toolbar-small-disabled .x-frame-tr,
.x-nbr .x-btn-default-toolbar-small-disabled .x-frame-br,
.x-nbr .x-btn-default-toolbar-small-disabled .x-frame-tc,
.x-nbr .x-btn-default-toolbar-small-disabled .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-disabled-corners.gif');
}

.x-nbr .x-btn-default-toolbar-small-disabled .x-frame-ml,
.x-nbr .x-btn-default-toolbar-small-disabled .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-disabled-sides.gif');
}

.x-nbr .x-btn-default-toolbar-small-disabled .x-frame-mc {
    background-color: transparent;
}

.x-nlg .x-btn-default-toolbar-small-over {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-over-bg.gif');
}

.x-nlg .x-btn-default-toolbar-small-focus {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-focus-bg.gif');
}

.x-nlg .x-btn-default-toolbar-small-menu-active,
.x-nlg .x-btn-default-toolbar-small-pressed {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-small-pressed-bg.gif');
}

.x-btn-default-toolbar-medium {
    border-color: transparent;
}

.x-btn-default-toolbar-medium {
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-color: transparent;
}

.x-nlg .x-btn-default-toolbar-medium-mc {
    background-color: transparent;
}

.x-nbr .x-btn-default-toolbar-medium {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100303px 1000303px;
}

.x-nbr .x-btn-default-toolbar-medium-tl,
.x-nbr .x-btn-default-toolbar-medium-bl,
.x-nbr .x-btn-default-toolbar-medium-tr,
.x-nbr .x-btn-default-toolbar-medium-br,
.x-nbr .x-btn-default-toolbar-medium-tc,
.x-nbr .x-btn-default-toolbar-medium-bc,
.x-nbr .x-btn-default-toolbar-medium-ml,
.x-nbr .x-btn-default-toolbar-medium-mr {
    zoom: 1;
}

.x-nbr .x-btn-default-toolbar-medium-ml,
.x-nbr .x-btn-default-toolbar-medium-mr {
    zoom: 1;
}

.x-nbr .x-btn-default-toolbar-medium-mc {
    padding: 1px 1px 1px 1px;
}

.x-btn-default-toolbar-medium .x-btn-inner {
    font-size: 11px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    color: #333;
    background-repeat: no-repeat;
    padding: 0 3px;
}

.x-btn-default-toolbar-medium-icon button,
.x-btn-default-toolbar-medium-icon a,
.x-btn-default-toolbar-medium-icon .x-btn-inner,
.x-btn-default-toolbar-medium-noicon button,
.x-btn-default-toolbar-medium-noicon a,
.x-btn-default-toolbar-medium-noicon .x-btn-inner {
    height: 24px;
    line-height: 24px;
}

.x-btn-default-toolbar-medium-icon button,
.x-btn-default-toolbar-medium-icon a {
    padding: 0;
}

.x-btn-default-toolbar-medium-icon .x-btn-inner {
    /* even though there is no text we set a width and padding as buttons shrink-wrap around this element */
    width: 24px;
    padding: 0;
}

.x-btn-default-toolbar-medium-icon .x-btn-icon {
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-btn-default-toolbar-medium-icon-text-left button,
.x-btn-default-toolbar-medium-icon-text-left a {
    height: 24px;
}

.x-btn-default-toolbar-medium-icon-text-left .x-btn-inner {
    height: 24px;
    line-height: 24px;
    padding-left: 28px;
}

.x-btn-default-toolbar-medium-icon-text-left .x-btn-icon {
    width: 24px;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
}

.x-ie6 .x-btn-default-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-default-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px;
}

.x-btn-default-toolbar-medium-icon-text-right button,
.x-btn-default-toolbar-medium-icon-text-right a {
    height: 24px;
}

.x-btn-default-toolbar-medium-icon-text-right .x-btn-inner {
    height: 24px;
    line-height: 24px;
    padding-right: 28px !important;
}

.x-btn-default-toolbar-medium-icon-text-right .x-btn-icon {
    width: 24px;
    height: auto;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-default-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-default-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px;
}

.x-btn-default-toolbar-medium-icon-text-top .x-btn-inner {
    padding-top: 28px;
}

.x-btn-default-toolbar-medium-icon-text-top .x-btn-icon {
    width: auto;
    height: 24px;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
}

.x-ie6 .x-btn-default-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-default-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px;
}

.x-btn-default-toolbar-medium-icon-text-bottom .x-btn-inner {
    padding-bottom: 28px;
}

.x-btn-default-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: auto;
    height: 24px;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-default-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-default-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px;
}

.x-btn-default-toolbar-medium-over {
    border-color: #81a4d0;
    background-color: #dbeeff;
    background-image: linear-gradient(to bottom, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}

.x-btn-default-toolbar-medium-focus {
    border-color: #81a4d0;
    background-color: #dbeeff;
    background-image: linear-gradient(to bottom, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}

.x-btn-default-toolbar-medium-menu-active,
.x-btn-default-toolbar-medium-pressed {
    border-color: #7a9ac4;
    background-color: #bccfe5;
    background-image: linear-gradient(to bottom, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
}

.x-btn-default-toolbar-medium-disabled {
    background-image: none;
    background-color: transparent;
}

.x-btn-default-toolbar-medium-disabled .x-btn-inner {
    color: #333 !important;
}

.x-ie .x-btn-default-toolbar-medium-disabled .x-btn-inner {
    color: #595959 !important;
}

.x-ie6 .x-btn-default-toolbar-medium-disabled .x-btn-inner {
    color: #8c8c8c !important;
}

.x-nbr .x-btn-default-toolbar-medium-over .x-frame-tl,
.x-nbr .x-btn-default-toolbar-medium-over .x-frame-bl,
.x-nbr .x-btn-default-toolbar-medium-over .x-frame-tr,
.x-nbr .x-btn-default-toolbar-medium-over .x-frame-br,
.x-nbr .x-btn-default-toolbar-medium-over .x-frame-tc,
.x-nbr .x-btn-default-toolbar-medium-over .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-over-corners.gif');
}

.x-nbr .x-btn-default-toolbar-medium-over .x-frame-ml,
.x-nbr .x-btn-default-toolbar-medium-over .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-over-sides.gif');
}

.x-nbr .x-btn-default-toolbar-medium-over .x-frame-mc {
    background-color: #dbeeff;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-over-bg.gif');
}

.x-nbr .x-btn-default-toolbar-medium-focus .x-frame-tl,
.x-nbr .x-btn-default-toolbar-medium-focus .x-frame-bl,
.x-nbr .x-btn-default-toolbar-medium-focus .x-frame-tr,
.x-nbr .x-btn-default-toolbar-medium-focus .x-frame-br,
.x-nbr .x-btn-default-toolbar-medium-focus .x-frame-tc,
.x-nbr .x-btn-default-toolbar-medium-focus .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-focus-corners.gif');
}

.x-nbr .x-btn-default-toolbar-medium-focus .x-frame-ml,
.x-nbr .x-btn-default-toolbar-medium-focus .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-focus-sides.gif');
}

.x-nbr .x-btn-default-toolbar-medium-focus .x-frame-mc {
    background-color: #dbeeff;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-focus-bg.gif');
}

.x-nbr .x-btn-default-toolbar-medium-menu-active .x-frame-tl,
.x-nbr .x-btn-default-toolbar-medium-menu-active .x-frame-bl,
.x-nbr .x-btn-default-toolbar-medium-menu-active .x-frame-tr,
.x-nbr .x-btn-default-toolbar-medium-menu-active .x-frame-br,
.x-nbr .x-btn-default-toolbar-medium-menu-active .x-frame-tc,
.x-nbr .x-btn-default-toolbar-medium-menu-active .x-frame-bc,
.x-nbr .x-btn-default-toolbar-medium-pressed .x-frame-tl,
.x-nbr .x-btn-default-toolbar-medium-pressed .x-frame-bl,
.x-nbr .x-btn-default-toolbar-medium-pressed .x-frame-tr,
.x-nbr .x-btn-default-toolbar-medium-pressed .x-frame-br,
.x-nbr .x-btn-default-toolbar-medium-pressed .x-frame-tc,
.x-nbr .x-btn-default-toolbar-medium-pressed .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-pressed-corners.gif');
}

.x-nbr .x-btn-default-toolbar-medium-menu-active .x-frame-ml,
.x-nbr .x-btn-default-toolbar-medium-menu-active .x-frame-mr,
.x-nbr .x-btn-default-toolbar-medium-pressed .x-frame-ml,
.x-nbr .x-btn-default-toolbar-medium-pressed .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-pressed-sides.gif');
}

.x-nbr .x-btn-default-toolbar-medium-menu-active .x-frame-mc,
.x-nbr .x-btn-default-toolbar-medium-pressed .x-frame-mc {
    background-color: #bccfe5;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-pressed-bg.gif');
}

.x-nbr .x-btn-default-toolbar-medium-disabled .x-frame-tl,
.x-nbr .x-btn-default-toolbar-medium-disabled .x-frame-bl,
.x-nbr .x-btn-default-toolbar-medium-disabled .x-frame-tr,
.x-nbr .x-btn-default-toolbar-medium-disabled .x-frame-br,
.x-nbr .x-btn-default-toolbar-medium-disabled .x-frame-tc,
.x-nbr .x-btn-default-toolbar-medium-disabled .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-disabled-corners.gif');
}

.x-nbr .x-btn-default-toolbar-medium-disabled .x-frame-ml,
.x-nbr .x-btn-default-toolbar-medium-disabled .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-disabled-sides.gif');
}

.x-nbr .x-btn-default-toolbar-medium-disabled .x-frame-mc {
    background-color: transparent;
}

.x-nlg .x-btn-default-toolbar-medium-over {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-over-bg.gif');
}

.x-nlg .x-btn-default-toolbar-medium-focus {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-focus-bg.gif');
}

.x-nlg .x-btn-default-toolbar-medium-menu-active,
.x-nlg .x-btn-default-toolbar-medium-pressed {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-medium-pressed-bg.gif');
}

.x-btn-default-toolbar-large {
    border-color: transparent;
}

.x-btn-default-toolbar-large {
    border-radius: 3px;
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    background-color: transparent;
}

.x-nlg .x-btn-default-toolbar-large-mc {
    background-color: transparent;
}

.x-nbr .x-btn-default-toolbar-large {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100303px 1000303px;
}

.x-nbr .x-btn-default-toolbar-large-tl,
.x-nbr .x-btn-default-toolbar-large-bl,
.x-nbr .x-btn-default-toolbar-large-tr,
.x-nbr .x-btn-default-toolbar-large-br,
.x-nbr .x-btn-default-toolbar-large-tc,
.x-nbr .x-btn-default-toolbar-large-bc,
.x-nbr .x-btn-default-toolbar-large-ml,
.x-nbr .x-btn-default-toolbar-large-mr {
    zoom: 1;
}

.x-nbr .x-btn-default-toolbar-large-ml,
.x-nbr .x-btn-default-toolbar-large-mr {
    zoom: 1;
}

.x-nbr .x-btn-default-toolbar-large-mc {
    padding: 1px 1px 1px 1px;
}

.x-btn-default-toolbar-large .x-btn-inner {
    font-size: 11px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    color: #333;
    background-repeat: no-repeat;
    padding: 0 3px;
}

.x-btn-default-toolbar-large-icon button,
.x-btn-default-toolbar-large-icon a,
.x-btn-default-toolbar-large-icon .x-btn-inner,
.x-btn-default-toolbar-large-noicon button,
.x-btn-default-toolbar-large-noicon a,
.x-btn-default-toolbar-large-noicon .x-btn-inner {
    height: 32px;
    line-height: 32px;
}

.x-btn-default-toolbar-large-icon button,
.x-btn-default-toolbar-large-icon a {
    padding: 0;
}

.x-btn-default-toolbar-large-icon .x-btn-inner {
    /* even though there is no text we set a width and padding as buttons shrink-wrap around this element */
    width: 32px;
    padding: 0;
}

.x-btn-default-toolbar-large-icon .x-btn-icon {
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-btn-default-toolbar-large-icon-text-left button,
.x-btn-default-toolbar-large-icon-text-left a {
    height: 32px;
}

.x-btn-default-toolbar-large-icon-text-left .x-btn-inner {
    height: 32px;
    line-height: 32px;
    padding-left: 36px;
}

.x-btn-default-toolbar-large-icon-text-left .x-btn-icon {
    width: 32px;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
}

.x-ie6 .x-btn-default-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-default-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px;
}

.x-btn-default-toolbar-large-icon-text-right button,
.x-btn-default-toolbar-large-icon-text-right a {
    height: 32px;
}

.x-btn-default-toolbar-large-icon-text-right .x-btn-inner {
    height: 32px;
    line-height: 32px;
    padding-right: 36px !important;
}

.x-btn-default-toolbar-large-icon-text-right .x-btn-icon {
    width: 32px;
    height: auto;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-default-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-default-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px;
}

.x-btn-default-toolbar-large-icon-text-top .x-btn-inner {
    padding-top: 36px;
}

.x-btn-default-toolbar-large-icon-text-top .x-btn-icon {
    width: auto;
    height: 32px;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
}

.x-ie6 .x-btn-default-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-default-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px;
}

.x-btn-default-toolbar-large-icon-text-bottom .x-btn-inner {
    padding-bottom: 36px;
}

.x-btn-default-toolbar-large-icon-text-bottom .x-btn-icon {
    width: auto;
    height: 32px;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-default-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-default-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px;
}

.x-btn-default-toolbar-large-over {
    border-color: #81a4d0;
    background-color: #dbeeff;
    background-image: linear-gradient(to bottom, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}

.x-btn-default-toolbar-large-focus {
    border-color: #81a4d0;
    background-color: #dbeeff;
    background-image: linear-gradient(to bottom, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}

.x-btn-default-toolbar-large-menu-active,
.x-btn-default-toolbar-large-pressed {
    border-color: #7a9ac4;
    background-color: #bccfe5;
    background-image: linear-gradient(to bottom, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
}

.x-btn-default-toolbar-large-disabled {
    background-image: none;
    background-color: transparent;
}

.x-btn-default-toolbar-large-disabled .x-btn-inner {
    color: #333 !important;
}

.x-ie .x-btn-default-toolbar-large-disabled .x-btn-inner {
    color: #595959 !important;
}

.x-ie6 .x-btn-default-toolbar-large-disabled .x-btn-inner {
    color: #8c8c8c !important;
}

.x-nbr .x-btn-default-toolbar-large-over .x-frame-tl,
.x-nbr .x-btn-default-toolbar-large-over .x-frame-bl,
.x-nbr .x-btn-default-toolbar-large-over .x-frame-tr,
.x-nbr .x-btn-default-toolbar-large-over .x-frame-br,
.x-nbr .x-btn-default-toolbar-large-over .x-frame-tc,
.x-nbr .x-btn-default-toolbar-large-over .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-over-corners.gif');
}

.x-nbr .x-btn-default-toolbar-large-over .x-frame-ml,
.x-nbr .x-btn-default-toolbar-large-over .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-over-sides.gif');
}

.x-nbr .x-btn-default-toolbar-large-over .x-frame-mc {
    background-color: #dbeeff;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-over-bg.gif');
}

.x-nbr .x-btn-default-toolbar-large-focus .x-frame-tl,
.x-nbr .x-btn-default-toolbar-large-focus .x-frame-bl,
.x-nbr .x-btn-default-toolbar-large-focus .x-frame-tr,
.x-nbr .x-btn-default-toolbar-large-focus .x-frame-br,
.x-nbr .x-btn-default-toolbar-large-focus .x-frame-tc,
.x-nbr .x-btn-default-toolbar-large-focus .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-focus-corners.gif');
}

.x-nbr .x-btn-default-toolbar-large-focus .x-frame-ml,
.x-nbr .x-btn-default-toolbar-large-focus .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-focus-sides.gif');
}

.x-nbr .x-btn-default-toolbar-large-focus .x-frame-mc {
    background-color: #dbeeff;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-focus-bg.gif');
}

.x-nbr .x-btn-default-toolbar-large-menu-active .x-frame-tl,
.x-nbr .x-btn-default-toolbar-large-menu-active .x-frame-bl,
.x-nbr .x-btn-default-toolbar-large-menu-active .x-frame-tr,
.x-nbr .x-btn-default-toolbar-large-menu-active .x-frame-br,
.x-nbr .x-btn-default-toolbar-large-menu-active .x-frame-tc,
.x-nbr .x-btn-default-toolbar-large-menu-active .x-frame-bc,
.x-nbr .x-btn-default-toolbar-large-pressed .x-frame-tl,
.x-nbr .x-btn-default-toolbar-large-pressed .x-frame-bl,
.x-nbr .x-btn-default-toolbar-large-pressed .x-frame-tr,
.x-nbr .x-btn-default-toolbar-large-pressed .x-frame-br,
.x-nbr .x-btn-default-toolbar-large-pressed .x-frame-tc,
.x-nbr .x-btn-default-toolbar-large-pressed .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-pressed-corners.gif');
}

.x-nbr .x-btn-default-toolbar-large-menu-active .x-frame-ml,
.x-nbr .x-btn-default-toolbar-large-menu-active .x-frame-mr,
.x-nbr .x-btn-default-toolbar-large-pressed .x-frame-ml,
.x-nbr .x-btn-default-toolbar-large-pressed .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-pressed-sides.gif');
}

.x-nbr .x-btn-default-toolbar-large-menu-active .x-frame-mc,
.x-nbr .x-btn-default-toolbar-large-pressed .x-frame-mc {
    background-color: #bccfe5;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-pressed-bg.gif');
}

.x-nbr .x-btn-default-toolbar-large-disabled .x-frame-tl,
.x-nbr .x-btn-default-toolbar-large-disabled .x-frame-bl,
.x-nbr .x-btn-default-toolbar-large-disabled .x-frame-tr,
.x-nbr .x-btn-default-toolbar-large-disabled .x-frame-br,
.x-nbr .x-btn-default-toolbar-large-disabled .x-frame-tc,
.x-nbr .x-btn-default-toolbar-large-disabled .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-disabled-corners.gif');
}

.x-nbr .x-btn-default-toolbar-large-disabled .x-frame-ml,
.x-nbr .x-btn-default-toolbar-large-disabled .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-disabled-sides.gif');
}

.x-nbr .x-btn-default-toolbar-large-disabled .x-frame-mc {
    background-color: transparent;
}

.x-nlg .x-btn-default-toolbar-large-over {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-over-bg.gif');
}

.x-nlg .x-btn-default-toolbar-large-focus {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-focus-bg.gif');
}

.x-nlg .x-btn-default-toolbar-large-menu-active,
.x-nlg .x-btn-default-toolbar-large-pressed {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-default-toolbar-large-pressed-bg.gif');
}

.x-btn-default-toolbar-small-disabled,
.x-btn-default-toolbar-medium-disabled,
.x-btn-default-toolbar-large-disabled {
    opacity: 1;
    color: #c6c7ca !important;
    background-color: #dfdfdf !important;
}

.x-btn-group {
    position: relative;
    overflow: hidden;
}

.x-btn-group-body {
    position: relative;
    zoom: 1;
    padding: 0 1px;
}

.x-btn-group-body .x-table-layout-cell {
    vertical-align: top;
}

.x-btn-group-header-text {
    white-space: nowrap;
}

.x-btn-group-default-framed {
    border-radius: 2px;
    padding: 1px 1px 1px 1px;
    border-width: 1px;
    border-style: solid;
    background-color: #d0def0;
}

.x-nlg .x-btn-group-default-framed-mc {
    background-color: #d0def0;
}

.x-nbr .x-btn-group-default-framed {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000202px 1000202px;
}

.x-nbr .x-btn-group-default-framed-tl,
.x-nbr .x-btn-group-default-framed-bl,
.x-nbr .x-btn-group-default-framed-tr,
.x-nbr .x-btn-group-default-framed-br,
.x-nbr .x-btn-group-default-framed-tc,
.x-nbr .x-btn-group-default-framed-bc,
.x-nbr .x-btn-group-default-framed-ml,
.x-nbr .x-btn-group-default-framed-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/btn-group/btn-group-default-framed-corners.gif');
}

.x-nbr .x-btn-group-default-framed-ml,
.x-nbr .x-btn-group-default-framed-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/btn-group/btn-group-default-framed-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-btn-group-default-framed-mc {
    padding: 0;
}

.x-btn-group-default-framed {
    border-color: #b7c8d7;
    box-shadow: #e3ebf5 0 1px 0 0 inset, #e3ebf5 0 -1px 0 0 inset, #e3ebf5 -1px 0 0 0 inset, #e3ebf5 1px 0 0 0 inset;
}

.x-btn-group-header-default-framed {
    margin: 2px 2px 0 2px;
}

.x-btn-group-header-body-default-framed {
    padding: 1px 0;
    background: #c2d8f0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.x-btn-group-header-text-default-framed {
    font: 300 11px "SharpSans", Helvetica, Arial, sans-serif;
    color: #3e6aaa;
}

.x-datepicker {
    border: 1px solid #1b376c;
    background-color: #f2f2f2;
    position: relative;
}

.x-datepicker a {
    -moz-outline: 0 none;
    outline: 0 none;
    color: #15428b;
    text-decoration: none;
    border-width: 0;
}

.x-datepicker-inner,
.x-datepicker-inner td,
.x-datepicker-inner th {
    border-collapse: separate;
}

.x-datepicker-header {
    position: relative;
    height: 26px;
    background-image: none;
    background-color: #017cad;
}

.x-datepicker-prev,
.x-datepicker-next {
    position: absolute;
    top: 5px;
    width: 18px;
}

.x-datepicker-prev a,
.x-datepicker-next a {
    display: block;
    width: 16px;
    height: 16px;
    background-position: top;
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

.x-datepicker-prev a:hover,
.x-datepicker-next a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.x-datepicker-next {
    right: 5px;
}

.x-datepicker-next a {
    background-image: url('../../../../extjs/resources/themes/images/default/shared/right-btn.gif');
}

.x-datepicker-prev {
    left: 5px;
}

.x-datepicker-prev a {
    background-image: url('../../../../extjs/resources/themes/images/default/shared/left-btn.gif');
}

.x-item-disabled .x-datepicker-prev a:hover,
.x-item-disabled .x-datepicker-next a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

.x-datepicker-month {
    padding-top: 3px;
}

.x-datepicker-month .x-btn,
.x-datepicker-month button,
.x-datepicker-month .x-btn-tc,
.x-datepicker-month .x-btn-tl,
.x-datepicker-month .x-btn-tr,
.x-datepicker-month .x-btn-mc,
.x-datepicker-month .x-btn-ml,
.x-datepicker-month .x-btn-mr,
.x-datepicker-month .x-btn-bc,
.x-datepicker-month .x-btn-bl,
.x-datepicker-month .x-btn-br {
    background: transparent !important;
    border-width: 0 !important;
}

.x-datepicker-month span {
    color: #fff !important;
}

.x-datepicker-month .x-btn-split-right {
    background-image: url('../../../../extjs/resources/themes/images/default/button/s-arrow-light.gif');
    padding-right: 12px;
}

.x-datepicker-next {
    text-align: right;
}

.x-datepicker-month {
    text-align: center;
}

.x-datepicker-month button {
    color: #fff !important;
}

table.x-datepicker-inner {
    width: 100%;
    table-layout: fixed;
    background-color: #fff;
}

table.x-datepicker-inner th {
    width: 25px;
    height: 19px;
    padding: 0;
    color: #233d6d;
    font: 300 10px "Inter", Helvetica, Arial, sans-serif;
    text-align: right;
    border-bottom: 1px solid #b2d1f5;
    border-collapse: separate;
    background-color: #dfecfb;
    background-image: linear-gradient(to bottom, #edf4fd, #cde1f9);
    cursor: default;
}

table.x-datepicker-inner th span {
    display: block;
    padding-right: 7px;
}

table.x-datepicker-inner tr {
    height: 20px;
}

table.x-datepicker-inner td {
    border: 1px solid;
    height: 17px;
    border-color: #fff;
    text-align: right;
    padding: 0;
}

table.x-datepicker-inner a {
    padding-right: 4px;
    display: block;
    zoom: 1;
    font: 300 11px "Inter", Helvetica, Arial, sans-serif;
    color: #000;
    text-decoration: none;
    text-align: right;
}

table.x-datepicker-inner .x-datepicker-active {
    cursor: pointer;
    color: black;
}

table.x-datepicker-inner .x-datepicker-selected a {
    background: repeat-x left top;
    background-color: #dae5f3;
    border: 1px solid #8db2e3;
}

table.x-datepicker-inner .x-datepicker-selected span {
    font-weight: bold;
}

table.x-datepicker-inner .x-datepicker-today a {
    border: 1px solid;
    border-color: darkred;
}

table.x-datepicker-inner .x-datepicker-prevday a,
table.x-datepicker-inner .x-datepicker-nextday a {
    text-decoration: none !important;
    color: #aaa;
}

table.x-datepicker-inner a:hover,
table.x-datepicker-inner .x-datepicker-disabled a:hover {
    text-decoration: none !important;
    color: #000;
    background-color: #ddecfe;
}

table.x-datepicker-inner .x-datepicker-disabled a {
    cursor: default;
    background-color: #eee;
    color: #bbb;
}

.x-datepicker-footer,
.x-monthpicker-buttons {
    position: relative;
    border-top: 1px solid #f2f2f2;
    background-image: none;
    background-color: #f2f2f2;
    float: left;
}

.x-datepicker-footer .x-btn,
.x-monthpicker-buttons .x-btn {
    position: relative;
    margin: 3px;
    padding-top: 5px;
}

.x-item-disabled .x-datepicker-inner a:hover {
    background: none;
}

.x-datepicker .x-monthpicker {
    position: absolute;
    left: 0;
    top: 0;
}

.x-monthpicker {
    border: 1px solid #1b376c;
    background-color: #fff;
}

.x-monthpicker-months,
.x-monthpicker-years {
    float: left;
    height: 167px;
    width: 88px;
}

.x-monthpicker-item {
    float: left;
    margin: 4px 0 5px 0;
    font: 300 11px "Inter", Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    height: 18px;
    width: 43px;
    border: 0 none;
}

.x-monthpicker-item a {
    display: block;
    margin: 0 5px;
    text-decoration: none;
    color: #15428b;
    border: 1px solid #fff;
    line-height: 17px;
}

.x-monthpicker-item a:hover {
    background-color: #ddecfe;
}

.x-monthpicker-item a.x-monthpicker-selected {
    background-color: #dfecfb;
    border: 1px solid #8db2e3;
}

.x-monthpicker-months {
    border-right: 1px solid #1b376c;
    width: 87px;
}

.x-monthpicker-years .x-monthpicker-item {
    width: 44px;
}

.x-monthpicker-yearnav {
    height: 28px;
}

.x-monthpicker-yearnav button {
    background-image: url('../../../../extjs/resources/themes/images/default/tools/tool-sprites.gif');
    height: 15px;
    width: 15px;
    padding: 0;
    margin: 6px 12px 5px 15px;
    border: 0;
    outline: 0 none;
}

.x-monthpicker-yearnav button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.x-monthpicker-yearnav-next {
    background-position: 0 -120px;
}

.x-monthpicker-yearnav-next-over {
    cursor: pointer;
    cursor: hand;
    background-position: -15px -120px;
}

.x-monthpicker-yearnav-prev {
    background-position: 0 -105px;
}

.x-monthpicker-yearnav-prev-over {
    cursor: pointer;
    cursor: hand;
    background-position: -15px -105px;
}

.x-monthpicker-small .x-monthpicker-item {
    margin: 2px 0 2px 0;
}

.x-monthpicker-small .x-monthpicker-yearnav {
    height: 23px;
}

.x-monthpicker-small .x-monthpicker-months, .x-monthpicker-small .x-monthpicker-years {
    height: 136px;
}

.x-nlg .x-datepicker-header {
    background-image: url('../../../../extjs/resources/themes/images/default/datepicker/datepicker-header-bg.gif');
    background-repeat: repeat-x;
    background-position: top left;
}

.x-nlg .x-datepicker-footer,
.x-nlg .x-monthpicker-buttons {
    background-image: url('../../../../extjs/resources/themes/images/default/datepicker/datepicker-footer-bg.gif');
    background-repeat: repeat-x;
    background-position: top left;
}

.x-color-picker {
    width: 144px;
    height: 90px;
    cursor: pointer;
}

.x-color-picker a {
    border: 1px solid #fff;
    float: left;
    padding: 2px;
    text-decoration: none;
    -moz-outline: 0 none;
    outline: 0 none;
    cursor: pointer;
}

.x-color-picker a:hover,
.x-color-picker a.x-color-picker-selected {
    border-color: #8bb8f3;
    background-color: #deecfd;
}

.x-color-picker em {
    display: block;
    border: 1px solid #aca899;
}

.x-color-picker em span {
    cursor: pointer;
    display: block;
    height: 10px;
    width: 10px;
    line-height: 10px;
}

.x-menu-body {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
    background: #FFF !important;
}

.x-menu-item .x-form-text,
.x-menu-item .i-form-text {
    -webkit-user-select: text;
    -o-user-select: text;
    -ie-user-select: text;
    -moz-user-select: text;
    -ie-user-select: text;
    user-select: text;
}

.x-menu-icon-separator {
    position: absolute;
    top: 0;
    left: 27px;
    z-index: 0;
    background-color: #FFF;
    width: 2px;
    overflow: hidden;
}

.x-menu-plain .x-menu-icon-separator {
    display: none;
}

.x-menu-focus {
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    width: 0;
    height: 0;
}

.x-menu-item {
    color: #58585b;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1;
    padding: 2px;
}

.x-menu-item-cmp {
    margin-bottom: 1px;
}

.cui .x-menu-item-link {
    color: #58585b;
    display: block;
    padding: 5px;
    text-decoration: none !important;
    line-height: 16px;
    cursor: default;
}

.cui .x-opera .x-menu-item-link {
    position: relative;
}

.x-menu-item-icon {
    display: none;
}

.x-menu-item-icon-right {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    right: 2px;
    background: no-repeat center center;
}

.x-menu-item-text {
    font-size: 11px;
}

.x-right-check-item-text {
    padding-right: 22px;
}

.x-menu-item-checked .x-menu-item-icon,
.x-menu-item-checked .x-menu-item-icon-right {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    left: 4px;
    display: block;
    background: no-repeat center center;
    background-image: url('../../../../extjs/resources/themes/images/default/menu/checked.gif');
}

.x-menu-item-checked .x-menu-item-text,
.x-menu-item-unchecked .x-menu-item-text {
    padding-left: 15px;
}

.x-menu-item-checked .x-menu-group-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    left: 4px;
    display: block;
    background: no-repeat center center;
    background-image: url('../../../../extjs/resources/themes/images/default/menu/group-checked.gif');
}

.x-menu-item-unchecked .x-menu-item-icon,
.x-menu-item-unchecked .x-menu-item-icon-right {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    left: 4px;
    display: block;
    background: no-repeat center center;
    background-image: url('../../../../extjs/resources/themes/images/default/menu/unchecked.gif');
}

.x-menu-item.x-menu-item-separator {
    height: 0;
    border-top: solid 1px #e0e0e0;
    background-color: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.x-menu-item-arrow {
    position: absolute;
    width: 12px;
    height: 9px;
    top: 9px;
    right: 0;
    background: no-repeat center center;
    background-image: url('../../../../extjs/resources/themes/images/default/menu/menu-parent.gif');
}

.x-menu-item-indent {
    margin-left: 30px;
    /* The 2px is the width of the seperator */
}

.cui .x-menu-item-active {
    cursor: pointer;
    color: #fff;
    background: #017cad;
}

.cui .x-menu-item-active .x-menu-item-link {
    color: #fff;
}

.cui .x-menu-item .x-menu-item-link {
    color: #58585b;
}

.cui .x-menu-item.x-menu-item-active .x-menu-item-link {
    color: #fff;
}

.x-menu-item-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

.cui .x-nlg .x-menu-item-active .x-menu-item-link {
    color: #fff;
    background: #d9e8fb url('../../../../extjs/resources/themes/images/default/menu/menu-item-active-bg.gif') repeat-x left top;
}

.x-menu-date-item {
    border-color: #99BBE8;
}

.x-menu-item .x-field-label-cell {
    vertical-align: middle;
}

.x-menu-item .x-form-item-label,
.x-menu-item .i-form-item-label {
    font-size: 11px;
    color: #222;
    padding-left: 34px;
}

.x-grid-empty {
    padding: 10px;
    color: #9e9ea2;
    font: 300 11px tahoma, arial, helvetica, sans-serif;
}

.x-grid-header-hidden .x-grid-body {
    border-top-color: #99bce8 !important;
}

.x-grid-view {
    overflow: hidden;
    position: relative;
}

.x-grid-table {
    table-layout: fixed;
    border-collapse: separate;
}

.x-autowidth-table table.x-grid-table {
    table-layout: auto;
    width: auto !important;
}

.x-grid-row .x-grid-table {
    border-collapse: collapse;
}

.x-grid-locked .x-grid-inner-locked {
    border-width: 0 1px 0 0 !important;
    border-style: solid;
}

.x-grid-header-ct {
    cursor: default;
    zoom: 1;
    padding: 0;
    border-bottom-color: #c5c5c5;
    background-color: #c5c5c5;
    background-image: linear-gradient(to bottom, #f9f9f9, #e3e4e6);
}

.x-accordion-item .x-grid-header-ct, .i-small-accordion-item .x-grid-header-ct {
    border-width: 0 0 1px !important;
}

.x-accordion-item .x-grid-header-ct-hidden, .i-small-accordion-item .x-grid-header-ct-hidden {
    border: 0 !important;
}

.x-group-header {
    padding: 0;
    border-left-width: 0;
}

.x-group-sub-header {
    background: transparent;
    border-top: 1px solid #c5c5c5;
    border-left-width: 0;
}

.x-column-header-inner {
    zoom: 1;
    position: relative;
    white-space: nowrap;
    line-height: 15px;
    padding: 5px 6px 5px 2px !important;
}

.x-column-header-inner .x-column-header-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multicolumn-header, .multicolumn-header .x-column-header-inner {
    padding: 0 1px !important;
}

.multicolumn-header .x-column-header-inner {
    padding: 5px 0 !important;
}

.x-column-header-trigger {
    display: none;
    position: absolute;
    right: 9;
    top: 11px;
    z-index: 2;
    cursor: pointer;
    width: 10;
    height: 10;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.x-column-header-over .x-column-header-trigger, .x-column-header-open .x-column-header-trigger {
    display: block;
}

.x-column-header-align-right {
    text-align: right;
}

.x-column-header-align-right .x-column-header-text {
    padding-right: 0.5ex;
    margin-right: 6px;
}

.x-column-header-align-center {
    text-align: center;
}

.x-column-header-align-left {
    text-align: left;
}

.x-column-header-sort-ASC .x-column-header-text {
    padding-left: 20px;
    background-position: 6px;
    background-repeat: no-repeat;
    background-image: url('../../../../extjs/resources/themes/images/default/grid/sort_asc.gif');
}

.x-column-header-sort-DESC .x-column-header-text {
    padding-left: 20px;
    background-position: 6px;
    background-repeat: no-repeat;
    background-image: url('../../../../extjs/resources/themes/images/default/grid/sort_desc.gif');
}

.x-grid-row {
    vertical-align: top;
}

.x-grid-with-row-lines .x-grid-cell {
    border-width: 1px 0;
}

.x-grid-rowwrap-div {
    border-width: 1px 0;
    border-color: #f5f5f6;
    border-style: solid;
    border-top-color: #f5f5f6;
    overflow: hidden;
}

.x-grid-row-alt .x-grid-cell,
.x-grid-row-alt .x-grid-rowwrap-div {
    background-color: #fff;
}

.x-grid-row-over .x-grid-cell,
.x-grid-row-over .x-grid-rowwrap-div {
    border-color: #f5f5f6;
    background-color: #f5f5f6;
}

.x-grid-row-focused .x-grid-cell,
.x-grid-row-focused .x-grid-rowwrap-div {
    border-color: #f5f5f6;
    background-color: #f5f5f6;
}

.x-grid-rowwrap-div .x-grid-cell,
.x-grid-rowwrap-div .x-grid-cell-inner {
    border-width: 0;
    background-color: transparent;
}

.x-grid-row-body-hidden {
    display: none;
}

.x-grid-rowbody {
    font: 300 11px/13px "Inter", Helvetica, Arial, sans-serif;
    padding: 4px;
}

.x-grid-rowbody p {
    margin: 5px 5px 10px 5px;
}

.x-grid-cell {
    overflow: hidden;
}

.x-grid-cell-inner {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 3px 6px 3px 6px;
}

#maint\:switchReasonAndRecomAct\:switchReasonAndRecomAct-body .x-grid-cell-inner {
    white-space: normal !important;
    padding: 6px 12px 6px 6px;
}

#maint\:switchReasonAndRecomAct\:switchReasonAndRecomAct-body .x-grid-cell-inner {
    white-space: normal !important;
}

.x-action-col-cell .x-grid-cell-inner {
    line-height: 0;
    padding: 2px;
}

.x-action-col-cell .x-item-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.x-grid-with-row-lines .x-action-col-cell .x-grid-cell-inner {
    padding-top: 1px;
}

.x-grid-row .x-grid-cell-special {
    padding: 0;
    border-right: 1px solid #d0d0d0;
    background-color: #f6f6f6;
    background-image: linear-gradient(to right, #f6f6f6, #e9e9e9);
}

.x-grid-row .x-grid-cell-row-checker {
    vertical-align: middle;
}

/*
IE6-8 have issues with shrinking the TR to 0px (even w/line-height=0), so we
use an IE-specific trick to make the row disappear. We cannot do this on any
other browser, because it is not a non-standard thing to do and those other
browsers will do whacky things with it.
*/
.x-ie6 .x-grid-header-row,
.x-ie7 .x-grid-header-row,
.x-quirks .x-ie8 .x-grid-header-row {
    position: absolute;
}

.x-grid-row-selected .x-grid-cell-special {
    border-right: 1px solid #aaccf6;
    background-color: #dfe8f6;
    background-image: linear-gradient(to right, #dfe8f6, #cbdaf0);
}

.x-grid-dirty-cell {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/dirty.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.x-grid-cell-selected {
    background-color: #B8CFEE !important;
}

.x-nlg .x-grid-cell-special {
    background-repeat: repeat-y;
    background-position: top right;
}

.x-nlg .x-grid-row .x-grid-cell-special,
.x-nlg .x-grid-row-over .x-grid-cell-special {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/cell-special-bg.gif');
}

.x-nlg .x-grid-row-focused .x-grid-cell-special,
.x-nlg .x-grid-row-selected .x-grid-cell-special {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/cell-special-selected-bg.gif');
}

.x-grid-with-col-lines .x-grid-cell {
    padding-right: 0;
    border-right: 1px solid #d0d0d0;
}

.x-property-grid .x-grid-row .x-grid-property-name .x-grid-cell-inner,
.x-property-grid .x-grid-row-over .x-grid-property-name .x-grid-cell-inner {
    padding-left: 12px;
    background-image: url('../../../../extjs/resources/themes/images/default/grid/property-cell-bg.gif');
    background-repeat: no-repeat;
    background-position: -16px 2px;
}

.x-grid-with-row-lines.x-property-grid .x-grid-row .x-grid-property-name .x-grid-cell-inner,
.x-grid-with-row-lines.x-property-grid .x-grid-row-over .x-grid-property-name .x-grid-cell-inner {
    background-position: -16px 1px;
}

.x-unselectable {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
}

.x-grid-row-body-hidden {
    display: none;
}

.x-grid-group-collapsed {
    display: none;
}

.x-grid-view .x-grid-td-expander {
    vertical-align: top;
}

.x-grid-td-expander {
    background: repeat-y right transparent;
}

.x-grid-view .x-grid-td-expander .x-grid-cell-inner {
    padding: 0 !important;
}

.x-grid-row-expander {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/group-collapse.gif');
    background-color: transparent;
    width: 9px;
    height: 13px;
    margin-left: 3px;
    background-repeat: no-repeat;
    background-position: 0 -2px;
}

.x-grid-row-collapsed .x-grid-row-expander {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/group-expand.gif');
}

.x-grid-resize-marker {
    position: absolute;
    z-index: 5;
    top: 0;
    width: 1px;
    background-color: #0f0f0f;
}

.col-move-top,
.col-move-bottom {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    z-index: 20000;
    background: no-repeat left top transparent;
}

.col-move-top {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/col-move-top.gif');
}

.col-move-bottom {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/col-move-bottom.gif');
}

.x-tbar-page-number {
    width: 30px;
}

.x-grid-group,
.x-grid-group-body,
.x-grid-group-hd {
    zoom: 1;
}

.x-grid-group-hd {
    padding-top: 6px;
}

.x-grid-group-hd .x-grid-cell-inner {
    padding: 10px 4px 4px 4px;
    background: #fff;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #99bbe8;
    cursor: pointer;
}

.x-grid-group-hd-collapsible .x-grid-group-title {
    background: transparent no-repeat 0 -1px;
    background-image: url('../../../../extjs/resources/themes/images/default/grid/group-collapse.gif');
    padding: 0 0 0 14px;
}

.x-grid-group-title {
    color: #3764a0;
    font: bold 11px "SharpSans", Helvetica, Arial, sans-serif;
}

.x-grid-group-hd-collapsed .x-grid-group-title {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/group-expand.gif');
}

.x-grid-group-collapsed .x-grid-group-body {
    display: none;
}

.x-grid-group-collapsed .x-grid-group-title {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/group-expand.gif');
}

.x-group-by-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/group-by.gif');
}

.x-show-groups-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/group-by.gif');
}

.x-column-header-checkbox .x-column-header-inner {
    padding: 0;
}

.x-grid-cell-special .x-grid-cell-inner {
    padding-left: 4px;
    padding-right: 4px;
}

.x-grid-row-checker,
.x-column-header-checkbox .x-column-header-text {
    height: 14px;
    width: 14px;
    line-height: 0;
    background-image: url('../../../../extjs/resources/themes/images/default/grid/unchecked.gif');
    background-position: -1px -1px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-column-header-checkbox .x-column-header-text {
    display: block;
    margin: 0 5px;
}

/* IE6, IE7, and all IE Quirks mode need line-height to be the same as checkbox height or the header/row height will be too tall */
.x-quirks .x-ie .x-grid-row-checker,
.x-quirks .x-ie .x-column-header-checkbox .x-column-header-text, .x-ie7m .x-grid-row-checker,
.x-ie7m .x-column-header-checkbox .x-column-header-text {
    line-height: 14px;
}

.x-grid-hd-checker-on .x-column-header-text {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/checked.gif');
}

.x-grid-cell-row-checker .x-grid-cell-inner {
    padding-top: 4px;
    padding-bottom: 2px;
    line-height: 14px;
}

.x-grid-with-row-lines .x-grid-cell-row-checker .x-grid-cell-inner {
    padding-top: 3px;
}

.x-grid-row-checker {
    margin-left: 1px;
    background-position: 50% -2px;
}

.x-grid-row-selected .x-grid-row-checker,
.x-grid-row-checked .x-grid-row-checker {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/checked.gif');
}

.x-tbar-page-first {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/page-first.gif') !important;
}

.x-tbar-loading {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/refresh.gif') !important;
}

.x-tbar-page-last {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/page-last.gif') !important;
}

.x-hmenu-sort-asc .x-menu-item-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/hmenu-asc.gif');
}

.x-hmenu-sort-desc .x-menu-item-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/hmenu-desc.gif');
}

.x-hmenu-lock .x-menu-item-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/hmenu-lock.gif');
}

.x-hmenu-unlock .x-menu-item-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/hmenu-unlock.gif');
}

.x-group-by-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/group-by.gif');
}

.x-cols-icon .x-menu-item-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/columns.gif');
}

.x-show-groups-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/group-by.gif');
}

.x-grid-drop-indicator {
    position: absolute;
    height: 1px;
    line-height: 0;
    background-color: #77BC71;
    overflow: visible;
}

.x-grid-drop-indicator .x-grid-drop-indicator-left {
    position: absolute;
    top: -8px;
    left: -12px;
    background-image: url('../../../../extjs/resources/themes/images/default/grid/dd-insert-arrow-right.png');
    height: 16px;
    width: 16px;
}

.x-grid-drop-indicator .x-grid-drop-indicator-right {
    position: absolute;
    top: -8px;
    right: -11px;
    background-image: url('../../../../extjs/resources/themes/images/default/grid/dd-insert-arrow-left.png');
    height: 16px;
    width: 16px;
}

.x-ie6 .x-grid-drop-indicator-left {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/dd-insert-arrow-right.gif');
}

.x-ie6 .x-grid-drop-indicator-right {
    background-image: url('../../../../extjs/resources/themes/images/default/grid/dd-insert-arrow-left.gif');
}

.x-grid-editor .x-form-text, .x-grid-editor .i-form-text {
    padding: 0 4px;
}

.x-grid-editor .x-form-cb-wrap, .x-grid-editor .i-form-cb-wrap {
    padding-top: 3px;
}

.x-grid-row-editor {
    position: absolute !important;
    z-index: 1;
    zoom: 1;
    overflow: visible !important;
}

.x-grid-row-editor .x-form-text, .x-grid-row-editor .i-form-text {
    padding: 0 2px;
}

.x-grid-row-editor .x-form-cb-wrap, .x-grid-row-editor .i-form-cb-wrap {
    padding-top: 0;
}

.x-grid-row-editor .x-form-checkbox, .x-grid-row-editor .i-form-checkbox {
    margin-left: -4px;
}

.x-grid-row-editor .x-form-display-field, .x-grid-row-editor .i-form-display-field {
    font: 300 11px/15px "Inter", Helvetica, Arial, sans-serif;
    padding-top: 0;
    padding-left: 2px;
}

.x-grid-row-editor .x-panel-body,
.x-grid-row-editor .i-panel-body {
    background-color: #fff;
    border: 1px solid #017cad !important;
    border-left: 2px solid #017cad !important;
}

.x-grid-editor .x-form-cb-wrap, .x-grid-editor .i-form-cb-wrap, .x-grid-row-editor .x-form-cb-wrap, .x-grid-row-editor .i-form-cb-wrap {
    text-align: center;
}

.x-grid-editor .x-form-trigger, .x-grid-editor .i-form-trigger, .x-grid-row-editor .x-form-trigger, .x-grid-row-editor .i-form-trigger {
    height: 19px;
}

.x-grid-editor .x-form-trigger-wrap .x-form-spinner-up, .x-grid-editor .i-form-trigger-wrap .x-form-spinner-up, .x-grid-editor .x-form-trigger-wrap .i-form-spinner-up, .x-grid-editor .i-form-trigger-wrap .i-form-spinner-up, .x-grid-editor .x-form-trigger-wrap .x-form-spinner-down, .x-grid-editor .i-form-trigger-wrap .x-form-spinner-down, .x-grid-editor .x-form-trigger-wrap .i-form-spinner-down, .x-grid-editor .i-form-trigger-wrap .i-form-spinner-down, .x-grid-row-editor .x-form-trigger-wrap .x-form-spinner-up, .x-grid-row-editor .i-form-trigger-wrap .x-form-spinner-up, .x-grid-row-editor .x-form-trigger-wrap .i-form-spinner-up, .x-grid-row-editor .i-form-trigger-wrap .i-form-spinner-up, .x-grid-row-editor .x-form-trigger-wrap .x-form-spinner-down, .x-grid-row-editor .i-form-trigger-wrap .x-form-spinner-down, .x-grid-row-editor .x-form-trigger-wrap .i-form-spinner-down, .x-grid-row-editor .i-form-trigger-wrap .i-form-spinner-down {
    height: 10px !important;
}

.x-grid-editor .x-form-text, .x-grid-editor .i-form-text, .x-grid-row-editor .x-form-text, .x-grid-row-editor .i-form-text {
    font: normal 11px/15px "Inter", Helvetica, Arial, sans-serif;
    height: 18px;
}

.x-border-box .x-grid-editor .x-form-trigger, .x-border-box .x-grid-editor .i-form-trigger,
.x-border-box .x-grid-row-editor .x-form-trigger,
.x-border-box .x-grid-row-editor .i-form-trigger {
    height: 20px;
}

.x-border-box .x-grid-editor .x-form-text, .x-border-box .x-grid-editor .i-form-text,
.x-border-box .x-grid-row-editor .x-form-text,
.x-border-box .x-grid-row-editor .i-form-text {
    height: 20px;
    padding-bottom: 1px;
}

.x-opera .x-grid-editor .x-form-text, .x-opera .x-grid-editor .i-form-text {
    padding-left: 5px;
}

.x-opera .x-grid-row-editor .x-form-text, .x-opera .x-grid-row-editor .i-form-text {
    padding-left: 3px;
}

.x-strict .x-ie7m .x-grid-row-editor-buttons {
    width: 192px;
    height: 24px;
}

.x-grid-row-editor-buttons-ml {
    left: 0;
}

.x-grid-row-editor-buttons-mr {
    background-position: 0 -20px;
    right: 0;
}

.x-grid-row-editor-errors ul {
    margin-left: 5px;
}

.x-grid-row-editor-errors li {
    list-style: disc;
    margin-left: 15px;
}

.x-grid-inner-locked .x-column-header-last {
    border-right: 0 none;
}

.x-grid-inner-locked .x-grid-cell-last {
    border-right: 0 none;
}

.x-webkit *:focus {
    outline: none !important;
}

.x-form-item, .i-form-item {
    vertical-align: top;
    table-layout: fixed;
}

.x-autocontainer-form-item,
.x-anchor-form-item,
.x-vbox-form-item,
.x-checkboxgroup-form-item,
.x-table-form-item {
    margin-bottom: 5px;
}

.x-form-layout-table, .i-form-layout-table {
    border-collapse: separate;
    border-spacing: 0 2px;
}

.x-form-item-body, .i-form-item-body {
    position: relative;
}

.x-form-form-item td, .i-form-form-item td {
    border-top: 1px solid transparent;
}

.x-ie6 .x-form-layout-table, .x-ie6 .i-form-layout-table {
    border-collapse: collapse;
    border-spacing: 0;
}

.x-ie6 .x-form-form-item td, .x-ie6 .i-form-form-item td {
    border-top-width: 0;
}

.x-ie6 td.x-form-item-pad {
    height: 5px;
}

.x-editor .x-form-item-body, .x-editor .i-form-item-body {
    padding-bottom: 0;
}

.x-form-item-label, .i-form-item-label {
    display: block;
    padding: 3px 0 0;
    font-size: 12px;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
    font-weight: 500;
}

.x-form-item-label-top, .i-form-item-label-top {
    display: block;
    zoom: 1;
    padding: 0 0 5px 0;
}

.x-form-item-label-right,
.i-form-item-label-right {
    text-align: right;
}

.x-form-invalid-under, .i-form-invalid-under {
    padding: 2px 2px 2px 18px;
    color: #c0272b;
    font: normal 11px "Inter", Helvetica, Arial, sans-serif;
    line-height: 12px;
    background: no-repeat 0 2px;
    background-image: url("/insieme/stromboli/resources/icons/required.svg");
    background-size: 10px;
}

.x-form-invalid-icon, .i-form-invalid-icon {
    width: 18px;
    height: 11px;
    background: no-repeat center center;
    background-image: url("/insieme/stromboli/resources/icons/required.svg");
    overflow: hidden;
}

.x-form-invalid-icon ul, .i-form-invalid-icon ul {
    display: block;
    width: 18px;
}

.x-form-invalid-icon ul li, .i-form-invalid-icon ul li {
    /* prevent inner elements from interfering with QuickTip hovering */
    display: none;
}

.x-lbl-top-err-icon {
    margin-bottom: 4px;
}

.x-form-field, .i-form-field,
.x-form-display-field,
.i-form-display-field {
    margin: 0;
}

.x-form-item-hidden, .i-form-item-hidden {
    margin: 0;
}

.x-form-text, .i-form-text,
textarea.x-form-field,
textarea.i-form-field {
    padding: 1px 3px;
    background: repeat-x 0 0;
    border: 1px solid;
    background-color: #fff;
    border-color: #c6c7ca;
}

.x-form-text, .i-form-text {
    height: 18px;
    line-height: 1.25;
    vertical-align: top;
    font-size: 12px;
}

.x-ie8m .x-form-text, .x-ie8m .i-form-text {
    line-height: 15px;
}

.x-border-box .x-form-text, .x-border-box .i-form-text {
    height: 22px;
}

textarea.x-form-field, textarea.i-form-field {
    color: #000;
    overflow: auto;
    height: auto;
    line-height: normal;
    background-color: #fff;
}

.x-border-box textarea.x-form-field, .x-border-box textarea.i-form-field {
    height: auto;
}

.x-safari.x-mac textarea.x-form-field, .x-safari.x-mac textarea.i-form-field {
    margin-bottom: -2px;
}

.x-form-focus, .i-form-focus,
textarea.x-form-focus,
textarea.i-form-focus {
    border-color: #017cad;
}

.x-form-invalid-field, .i-form-invalid-field,
textarea.x-form-invalid-field,
textarea.i-form-invalid-field {
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: bottom;
    border-color: #cf2030;
}

.x-form-item, .i-form-item {
    font: 300 12px "Inter", Helvetica, Arial, sans-serif !important;
}

.x-form-empty-field, .i-form-empty-field, textarea.x-form-empty-field, textarea.i-form-empty-field {
    color: #9e9ea2;
}

.x-webkit .x-form-empty-field, .x-webkit .i-form-empty-field {
    line-height: 15px;
}

.x-form-display-field, .i-form-display-field {
    padding-top: 3px;
}

.x-field-default-toolbar .x-form-text, .x-field-default-toolbar .i-form-text {
    height: 16px;
}

.x-border-box .x-field-default-toolbar .x-form-text, .x-border-box .x-field-default-toolbar .i-form-text {
    height: 20px;
    font-size: 12px;
}

.x-field-default-toolbar .x-form-item-label-left, .x-field-default-toolbar .i-form-item-label-left {
    padding-left: 4px;
}

.x-fieldset,
.i-fieldset {
    border: 1px solid #d2d2d2;
    padding: 0 10px;
    margin-bottom: 10px;
    display: block;
    /* preserve margins in IE */
    position: relative;
}

.i-fieldset .i-fieldset {
    /* fix margin for Comboboxes (nested fieldsets) */
    margin-bottom: 0;
}

.x-ie .x-fieldset,
.x-ie .i-fieldset {
    padding-top: 0;
}

.x-ie .x-fieldset .x-fieldset-body,
.x-ie .i-fieldset .x-fieldset-body,
.x-ie .x-fieldset .i-fieldset-body,
.x-ie .i-fieldset .i-fieldset-body {
    padding-top: 5px;
}

.x-fieldset-header-checkbox {
    line-height: 14px;
}

.x-fieldset-header {
    color: #58585b;
    padding: 0 3px 1px;
    margin-bottom: 0;
    overflow: hidden;
}
legend.x-fieldset-header {
    text-transform: none;
}

.x-fieldset-header .x-fieldset-header-text {
    float: left;
    padding: 1px 0;
}

.x-fieldset-header .x-fieldset-header-text-collapsible {
    cursor: pointer;
}

.x-fieldset-header .x-form-item, .x-fieldset-header .i-form-item,
.x-fieldset-header .x-tool {
    float: left;
    margin: 1px 0 0 0;
}

.x-fieldset-header .x-form-cb-wrap, .x-fieldset-header .i-form-cb-wrap {
    padding: 1px 0;
    font-size: 0;
    line-height: 0;
}

.x-fieldset-with-title .x-fieldset-header-checkbox, .i-fieldset-with-title .x-fieldset-header-checkbox,
.x-fieldset-with-title .x-tool,
.i-fieldset-with-title .x-tool {
    margin-right: 3px;
}

.x-webkit .x-fieldset-header {
    -webkit-padding-start: 3px;
    -webkit-padding-end: 3px;
}

.x-opera .x-fieldset-with-legend, .x-opera .i-fieldset-with-legend {
    margin-top: -1px;
}

.x-opera.x-mac .x-fieldset-header-text {
    padding: 2px 0 0;
}

.x-fieldset-collapsed .x-fieldset-body, .x-fieldset-collapsed .i-fieldset-body {
    display: none;
}

.x-fieldset-collapsed {
    padding-bottom: 0 !important;
    border-width: 1px 1px 0 1px !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.x-fieldset, .i-fieldset {
    overflow: hidden;
}
.i-fieldset {
  border: none;
  min-width: 215px;
  margin-bottom: 0;
}

.x-fieldset-bwrap {
    overflow: hidden;
    zoom: 1;
}

.x-fieldset-body, .i-fieldset-body {
    overflow: hidden;
}

.i-fieldset-with-title {
  background-color: #fff;
}

.i-fieldset-card {
  padding: 10px !important; /* !important allows html5 element override */
  margin-top: 10px;
}

.i-fieldset-card-container .i-fieldset-card .i-fieldset-header .i-fieldset-header-text {
  font-weight: bold;
}

.i-fieldset-card-container {
  padding: 10px !important;
  background-color: #f2f2f2;
}

.i-fieldset-title {
  font-weight: bold;
  color: black;
}

.i-fieldset-with-border {
    border: 1px solid #d2d2d2 !important;
    padding: 4px 0 11px 7px !important;
    margin-bottom: 1px !important;
}

.i-fieldset-with-border-no-padding {
    border: 1px solid #d2d2d2 !important;
    margin-bottom: 1px !important;
}

.i-fieldset-top-border {
  border-top: 1px solid #f2f2f2;/* add's a top border for every fielset other than the first*/
}

.i-fieldset-body {
  padding-top: 0;
}

.i-fieldset.wiz-page-content {
  background-color: transparent;
}

.i-fieldset.group-header {
  font-weight: 630 !important;
}

.i-fieldset-header-text {
    background-color: transparent;
    font-size: 12px;
    font-weight: lighter;
}

/* nested i-fieldset header text */
.i-fieldset .i-fieldset .i-fieldset-header-text {
    background-color: transparent;
    font-size: 14px;
    font-weight: lighter;
}

.x-form-file-wrap .x-form-text, .i-form-file-wrap .x-form-text, .x-form-file-wrap .i-form-text, .i-form-file-wrap .i-form-text {
    color: #777;
}

.x-form-file-wrap .x-form-file-btn, .i-form-file-wrap .x-form-file-btn, .x-form-file-wrap .i-form-file-btn, .i-form-file-wrap .i-form-file-btn {
    overflow: hidden;
}

.x-form-file-wrap .x-form-file-input, .i-form-file-wrap .x-form-file-input, .x-form-file-wrap .i-form-file-input, .i-form-file-wrap .i-form-file-input {
    position: absolute;
    top: -4px;
    right: -2px;
    height: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    /* Yes, there's actually a good reason for this...
    * If the configured buttonText is set to something longer than the default,
    * then it will quickly exceed the width of the hidden file input's "Browse..."
    * button, so part of the custom button's clickable area will be covered by
    * the hidden file input's text box instead. This results in a text-selection
    * mouse cursor over that part of the button, at least in Firefox, which is
    * confusing to a user. Giving the hidden file input a huge font-size makes
    * the native button part very large so it will cover the whole clickable area.
    */
    font-size: 100px;
}

.x-form-cb-wrap, .i-form-cb-wrap {
    padding-top: 3px;
}

.x-form-checkbox,
.i-form-checkbox,
.x-form-radio,
.i-form-radio {
    vertical-align: -1px;
    width: 13px;
    height: 13px;
    background: no-repeat;
    background-image: url('/insieme/stromboli/resources/icons/checkbox_sprite.png');
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.x-form-checkbox::-moz-focus-inner,
.i-form-checkbox::-moz-focus-inner,
.x-form-radio::-moz-focus-inner,
.i-form-radio::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.x-form-cb-checked .x-form-checkbox,
.i-form-cb-checked .x-form-checkbox,
.x-form-cb-checked .i-form-checkbox,
.i-form-cb-checked .i-form-checkbox,
.x-form-cb-checked .x-form-radio,
.i-form-cb-checked .x-form-radio,
.x-form-cb-checked .i-form-radio,
.i-form-cb-checked .i-form-radio {
    background-position: 0 -13px;
}

/* Focused */
.x-form-cb-focus, .i-form-cb-focus {
    background-position: -13px 0;
}

.x-form-cb-checked .x-form-cb-focus,
.i-form-cb-checked .x-form-cb-focus,
.x-form-cb-checked .i-form-cb-focus,
.i-form-cb-checked .i-form-cb-focus {
    background-position: -13px -13px;
}

/* Radios */
.x-form-radio, .i-form-radio {
    background-image: url('../../../../extjs/resources/themes/images/default/form/radio.gif');
}

/* boxLabel */
.x-form-cb-label-before, .i-form-cb-label-before {
    margin-right: 4px;
}

.x-form-cb-label-after, .i-form-cb-label-after {
    margin-left: 4px;
}

.x-form-invalid .x-form-checkboxgroup-body,
.i-form-invalid .x-form-checkboxgroup-body,
.x-form-invalid .i-form-checkboxgroup-body,
.i-form-invalid .i-form-checkboxgroup-body {
    border: 1px solid #c30 !important;
    background: transparent repeat-x bottom;
    background-image: url('../../../../extjs/resources/themes/images/default/grid/invalid_line.gif');
    padding: 1px 3px 0 3px;
}

.x-check-group-alt {
    background: #d1ddef;
    border-top: 1px dotted #b5b8c8;
    border-bottom: 1px dotted #b5b8c8;
}

.x-form-check-group-label, .i-form-check-group-label {
    color: #333;
    border-bottom: 1px solid #333;
    margin: 0 30px 5px 0;
    padding: 2px;
}

.x-form-trigger-wrap, .i-form-trigger-wrap {
    vertical-align: top;
}

.x-form-trigger,
.i-form-trigger {
    border-top: 1px solid #c6c7ca;
    border-bottom: 1px solid #c6c7ca;
    border-left: none;
    border-right: 1px solid #c6c7ca;
    background-image: url(/insieme/stromboli/resources/icons/j/generic/opened.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 3px 8px;
    width: 17px;
    height: 21px;
}

.x-border-box .x-form-trigger, .x-border-box .i-form-trigger {
    height: 22px;
}

.x-field-default-toolbar .x-form-trigger, .x-field-default-toolbar .i-form-trigger {
    height: 19px;
}

.x-border-box .x-field-default-toolbar .x-form-trigger, .x-border-box .x-field-default-toolbar .i-form-trigger {
    height: 20px;
}

.x-form-trigger-over,
.i-form-trigger-over {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/opened_over.svg);
}

.x-form-trigger-wrap-focus .x-form-trigger,
.i-form-trigger-wrap-focus .x-form-trigger,
.x-form-trigger-wrap-focus .i-form-trigger,
.i-form-trigger-wrap-focus .i-form-trigger {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/opened_over.svg);
}

.x-pickerfield-open .x-form-field, .x-pickerfield-open .i-form-field {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.x-pickerfield-open-above .x-form-field, .x-pickerfield-open-above .i-form-field {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.x-form-arrow-trigger .x-form-trigger-icon, .i-form-arrow-trigger .x-form-trigger-icon, .x-form-arrow-trigger .i-form-trigger-icon, .i-form-arrow-trigger .i-form-trigger-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/boundlist/trigger-arrow.png');
}

.x-form-date-trigger, .i-form-date-trigger {
    background-image: url('../../../../extjs/resources/themes/images/default/form/date-trigger.gif');
}

.x-form-trigger-wrap .x-form-spinner-up, .i-form-trigger-wrap .x-form-spinner-up, .x-form-trigger-wrap .i-form-spinner-up, .i-form-trigger-wrap .i-form-spinner-up,
.x-form-trigger-wrap .x-form-spinner-down,
.i-form-trigger-wrap .x-form-spinner-down,
.x-form-trigger-wrap .i-form-spinner-down,
.i-form-trigger-wrap .i-form-spinner-down {
    height: 11px !important;
    font-size: 0;
    border-top: 1px solid #c6c7ca;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #c6c7ca;
    background-position-y: 2px;
    background-image: url(/insieme/stromboli/resources/icons/j/generic/up.svg);
}

.x-form-trigger-wrap .x-form-spinner-down,
.i-form-trigger-wrap .x-form-spinner-down,
.x-form-trigger-wrap .i-form-spinner-down,
.i-form-trigger-wrap .i-form-spinner-down {
    border-bottom: 1px solid #c6c7ca;
    background-position-y: 2px;
    background-image: url(/insieme/stromboli/resources/icons/j/generic/opened.svg);
}

.x-field-default-toolbar .x-form-trigger-wrap .x-form-spinner-up, .x-field-default-toolbar .i-form-trigger-wrap .x-form-spinner-up, .x-field-default-toolbar .x-form-trigger-wrap .i-form-spinner-up, .x-field-default-toolbar .i-form-trigger-wrap .i-form-spinner-up,
.x-field-default-toolbar .x-form-trigger-wrap .x-form-spinner-down,
.x-field-default-toolbar .i-form-trigger-wrap .x-form-spinner-down,
.x-field-default-toolbar .x-form-trigger-wrap .i-form-spinner-down,
.x-field-default-toolbar .i-form-trigger-wrap .i-form-spinner-down {
    height: 10px !important;
}

.x-field-default-toolbar .x-form-trigger-wrap .x-form-spinner-down, .x-field-default-toolbar .i-form-trigger-wrap .x-form-spinner-down, .x-field-default-toolbar .x-form-trigger-wrap .i-form-spinner-down, .x-field-default-toolbar .i-form-trigger-wrap .i-form-spinner-down {
    background-position: 0 -10px;
}

.x-field-default-toolbar .x-form-trigger-wrap-focus .x-form-spinner-down, .x-field-default-toolbar .i-form-trigger-wrap-focus .x-form-spinner-down, .x-field-default-toolbar .x-form-trigger-wrap-focus .i-form-spinner-down, .x-field-default-toolbar .i-form-trigger-wrap-focus .i-form-spinner-down {
    background-position: -51px -10px;
}

.x-field-default-toolbar .x-form-trigger-wrap .x-form-spinner-down-over, .x-field-default-toolbar .i-form-trigger-wrap .x-form-spinner-down-over, .x-field-default-toolbar .x-form-trigger-wrap .i-form-spinner-down-over, .x-field-default-toolbar .i-form-trigger-wrap .i-form-spinner-down-over {
    background-position: -17px -10px;
}

.x-field-default-toolbar .x-form-trigger-wrap-focus .x-form-spinner-down-over, .x-field-default-toolbar .i-form-trigger-wrap-focus .x-form-spinner-down-over, .x-field-default-toolbar .x-form-trigger-wrap-focus .i-form-spinner-down-over, .x-field-default-toolbar .i-form-trigger-wrap-focus .i-form-spinner-down-over {
    background-position: -68px -10px;
}

.x-field-default-toolbar .x-form-trigger-wrap .x-form-spinner-down-click, .x-field-default-toolbar .i-form-trigger-wrap .x-form-spinner-down-click, .x-field-default-toolbar .x-form-trigger-wrap .i-form-spinner-down-click, .x-field-default-toolbar .i-form-trigger-wrap .i-form-spinner-down-click {
    background-position: -34px -10px;
}

.x-trigger-noedit {
    cursor: pointer;
    cursor: hand;
}

.x-item-disabled .x-trigger-noedit, .x-item-disabled .x-form-trigger, .x-item-disabled .i-form-trigger {
    cursor: auto;
}

.x-form-clear-trigger, .i-form-clear-trigger {
    background-image: url('../../../../extjs/resources/themes/images/default/form/clear-trigger.gif');
}

.x-form-search-trigger, .i-form-search-trigger {
    background-image: url('../../../../extjs/resources/themes/images/default/form/search-trigger.gif');
}

.x-html-editor-wrap {
    border: 1px solid #B5B8C8;
}

.x-html-editor-wrap .x-toolbar {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.x-html-editor-wrap textarea {
    background-color: #fff;
}

.x-html-editor-tb .x-btn-text {
    background: transparent no-repeat;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-bold,
.x-menu-item img.x-edit-bold {
    background-position: 0 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-italic,
.x-menu-item img.x-edit-italic {
    background-position: -16px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-underline,
.x-menu-item img.x-edit-underline {
    background-position: -32px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-forecolor,
.x-menu-item img.x-edit-forecolor {
    background-position: -160px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-backcolor,
.x-menu-item img.x-edit-backcolor {
    background-position: -176px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-justifyleft,
.x-menu-item img.x-edit-justifyleft {
    background-position: -112px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-justifycenter,
.x-menu-item img.x-edit-justifycenter {
    background-position: -128px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-justifyright,
.x-menu-item img.x-edit-justifyright {
    background-position: -144px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-insertorderedlist,
.x-menu-item img.x-edit-insertorderedlist {
    background-position: -80px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-insertunorderedlist,
.x-menu-item img.x-edit-insertunorderedlist {
    background-position: -96px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-increasefontsize,
.x-menu-item img.x-edit-increasefontsize {
    background-position: -48px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-decreasefontsize,
.x-menu-item img.x-edit-decreasefontsize {
    background-position: -64px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-sourceedit,
.x-menu-item img.x-edit-sourceedit {
    background-position: -192px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tb .x-edit-createlink,
.x-menu-item img.x-edit-createlink {
    background-position: -208px 0;
    background-image: url('../../../../extjs/resources/themes/images/default/editor/tb-sprite.gif');
}

.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
    padding: 5px;
    padding-bottom: 1px;
}

.x-html-editor-tb .x-toolbar {
    position: static !important;
}

.x-html-editor-tb .x-font-select {
    font-size: 11px;
}

.x-html-editor-wrap textarea {
    border: 0;
    padding: 3px 2px;
    overflow: auto;
}

.x-htmleditor-iframe {
    display: block;
    overflow: auto;
}

.x-panel, .i-panel,
.x-plain {
    overflow: hidden;
    position: relative;
}

.x-panel-header-vertical {
    padding: 5px 4px;
}

.cui .x-panel-header-icon,
.cui .x-window-header-icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 5px;
}

.x-vertical .x-panel-header-icon,
.x-vertical .x-window-header-icon {
    margin: 0 0 4px;
}

.x-panel-header-draggable,
.x-panel-header-draggable .x-panel-header-text,
.x-panel-header-draggable .i-panel-header-text,
.x-window-header-draggable,
.x-window-header-draggable .x-window-header-text {
    cursor: grab;
    cursor: -webkit-grab;
}

.x-panel-ghost, .x-window-ghost {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    opacity: 0.65;
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important;
}

.x-panel-header-horizontal .x-panel-header-body, .x-panel-header-horizontal .i-panel-header-body, .x-panel-header-horizontal .x-window-header-body, .x-panel-header-horizontal .x-btn-group-header-body, .x-window-header-horizontal .x-panel-header-body, .x-window-header-horizontal .i-panel-header-body, .x-window-header-horizontal .x-window-header-body, .x-window-header-horizontal .x-btn-group-header-body, .x-btn-group-header-horizontal .x-panel-header-body, .x-btn-group-header-horizontal .i-panel-header-body, .x-btn-group-header-horizontal .x-window-header-body, .x-btn-group-header-horizontal .x-btn-group-header-body {
    width: 100%;
}

.x-panel-header-vertical .x-panel-header-body, .x-panel-header-vertical .i-panel-header-body, .x-panel-header-vertical .x-window-header-body, .x-panel-header-vertical .x-btn-group-header-body, .x-window-header-vertical .x-panel-header-body, .x-window-header-vertical .i-panel-header-body, .x-window-header-vertical .x-window-header-body, .x-window-header-vertical .x-btn-group-header-body, .x-btn-group-header-vertical .x-panel-header-body, .x-btn-group-header-vertical .i-panel-header-body, .x-btn-group-header-vertical .x-window-header-body, .x-btn-group-header-vertical .x-btn-group-header-body {
    height: 100%;
}

.x-panel-header-text-container, .i-panel-header-text-container {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.x-panel-header-text, .i-panel-header-text {
    cursor: inherit;
    white-space: nowrap;
    vertical-align: top;
}

.x-panel-header-left .x-vml-base,
.x-panel-header-right .x-vml-base {
    left: -3px !important;
}

.x-panel-body, .i-panel-body {
    overflow: hidden;
    position: relative;
}

.x-panel-header-vertical .x-surface {
    padding-left: 1px;
    padding-top: 5px;
}

.x-opera .x-panel-header-vertical .x-surface,
.x-strict .x-ie9 .x-panel-header-vertical .x-surface {
    padding-left: 2px;
}

.x-panel-collapsed .x-panel-header-collapsed-border-top {
    border-bottom-width: 1px !important;
}

.x-panel-collapsed .x-panel-header-collapsed-border-right {
    border-left-width: 1px !important;
}

.x-panel-collapsed .x-panel-header-collapsed-border-bottom {
    border-top-width: 1px !important;
}

.x-panel-collapsed .x-panel-header-collapsed-border-left {
    border-right-width: 1px !important;
}

.x-panel-body-default,
.i-panel-body-default {
    padding: 0;
}

.x-panel-collapsed .x-window-header-default,
.x-panel-collapsed .x-panel-header-default {
    border-color: #99bce8;
}

.x-panel-header-default-vertical {
    border-color: #99bce8;
}

.x-panel-header-default-left,
.x-panel-header-default-right {
    background-color: #cbddf3;
    background-image: linear-gradient(to left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

.x-panel-header-default-top {
    box-shadow: #f4f8fd 0 1px 0 0 inset, false, false, false;
}

.x-panel-header-default-right {
    box-shadow: false, false, #f4f8fd -1px 0 0 0 inset, false;
}

.x-panel-header-default-bottom {
    box-shadow: false, #f4f8fd 0 -1px 0 0 inset, false, false;
}

.x-panel-header-default-left {
    box-shadow: false, false, false, #f4f8fd 1px 0 0 0 inset;
}

.x-panel-header-default-right-tc,
.x-panel-header-default-right-mc,
.x-panel-header-default-right-bc {
    background-position: right 0;
}

.x-panel-header-default-bottom-tc,
.x-panel-header-default-bottom-mc,
.x-panel-header-default-bottom-bc {
    background-position: 0 bottom;
}

.x-panel-header-default-framed {
    font-size: 11px;
    border-color: #99bce8;
    border-width: 1px;
    border-style: solid;
    background-color: #cbddf3;
    background-image: linear-gradient(to bottom, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
    box-shadow: #f4f8fd 0 1px 0 0 inset, false, false, false;
}

.x-nlg .x-panel-header-default-framed-top {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-top-bg.gif');
}

.x-nlg .x-panel-header-default-framed-bottom {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-bottom-bg.gif');
}

.x-nlg .x-panel-header-default-framed-left {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-left-bg.gif');
}

.x-nlg .x-panel-header-default-framed-right {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-right-bg.gif');
}

.x-nlg .x-panel-header-default-framed-right {
    background-position: top right;
}

.x-nlg .x-panel-header-default-framed-bottom {
    background-position: bottom left;
}

.x-nbr .x-panel-header-default-framed {
    background-image: none;
}

.x-strict .x-ie9 .x-panel-header-default-framed-top,
.x-nlg.x-opera .x-panel-header-default-framed-top,
.x-nlg.x-safari .x-panel-header-default-framed-top {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-top-bg.gif');
}

.x-strict .x-ie9 .x-panel-header-default-framed-bottom,
.x-nlg.x-opera .x-panel-header-default-framed-bottom,
.x-nlg.x-safari .x-panel-header-default-framed-bottom {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-bottom-bg.gif');
}

.x-strict .x-ie9 .x-panel-header-default-framed-left,
.x-nlg.x-opera .x-panel-header-default-framed-left,
.x-nlg.x-safari .x-panel-header-default-framed-left {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-left-bg.gif');
}

.x-strict .x-ie9 .x-panel-header-default-framed-right,
.x-nlg.x-opera .x-panel-header-default-framed-right,
.x-nlg.x-safari .x-panel-header-default-framed-right {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-right-bg.gif');
}

.x-panel-header-text-default-framed {
    font-size: 11px;
    font-weight: bold;
    font-family: "SharpSans", Helvetica, Arial, sans-serif;
    line-height: 17px;
}

.x-panel-body-default-framed {
    color: #000;
    border-width: 0;
    border-style: solid;
}

.x-panel-collapsed .x-window-header-default-framed,
.x-panel-collapsed .x-panel-header-default-framed {
    border-color: #99bce8;
}

.x-panel-header-default-framed-vertical {
    border-color: #99bce8;
}

.x-panel-header-default-framed-left,
.x-panel-header-default-framed-right {
    background-color: #cbddf3;
    background-image: linear-gradient(to left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

.x-panel-default-framed {
    border-radius: 4px;
    padding: 4px;
    border-width: 1px;
    border-style: solid;
}

.x-nlg .x-panel-default-framed-mc {
    background-color: #dfe9f6;
}

.x-nbr .x-panel-default-framed {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000404px 1000404px;
}

.x-nbr .x-panel-default-framed-tl,
.x-nbr .x-panel-default-framed-bl,
.x-nbr .x-panel-default-framed-tr,
.x-nbr .x-panel-default-framed-br,
.x-nbr .x-panel-default-framed-tc,
.x-nbr .x-panel-default-framed-bc,
.x-nbr .x-panel-default-framed-ml,
.x-nbr .x-panel-default-framed-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel/panel-default-framed-corners.gif');
}

.x-nbr .x-panel-default-framed-ml,
.x-nbr .x-panel-default-framed-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel/panel-default-framed-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-panel-default-framed-mc {
    padding: 1px 1px 1px 1px;
}

.x-panel-header-default-framed-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 3px 5px 4px;
    border-width: 1px 1px 0;
    border-style: solid;
    background-color: #cbddf3;
    background-image: linear-gradient(to bottom, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

.x-nlg .x-panel-header-default-framed-top-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-top-bg.gif');
    background-color: #cbddf3;
}

.x-nbr .x-panel-header-default-framed-top {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000404px 1000000px;
}

.x-nbr .x-panel-header-default-framed-top-tl,
.x-nbr .x-panel-header-default-framed-top-bl,
.x-nbr .x-panel-header-default-framed-top-tr,
.x-nbr .x-panel-header-default-framed-top-br,
.x-nbr .x-panel-header-default-framed-top-tc,
.x-nbr .x-panel-header-default-framed-top-bc,
.x-nbr .x-panel-header-default-framed-top-ml,
.x-nbr .x-panel-header-default-framed-top-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-top-corners.gif');
}

.x-nbr .x-panel-header-default-framed-top-ml,
.x-nbr .x-panel-header-default-framed-top-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-top-sides.gif');
    background-position: 0 0;
}

.x-nbr .x-panel-header-default-framed-top-mc {
    padding: 0 2px 4px 2px;
}

.x-panel-header-default-framed-right {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    padding: 5px 4px;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    background-color: #cbddf3;
    background-image: linear-gradient(to left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

.x-nlg .x-panel-header-default-framed-right-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-right-bg.gif');
    background-color: #cbddf3;
}

.x-nbr .x-panel-header-default-framed-right {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000004px 1100400px;
}

.x-nbr .x-panel-header-default-framed-right-tl,
.x-nbr .x-panel-header-default-framed-right-bl,
.x-nbr .x-panel-header-default-framed-right-tr,
.x-nbr .x-panel-header-default-framed-right-br,
.x-nbr .x-panel-header-default-framed-right-tc,
.x-nbr .x-panel-header-default-framed-right-bc,
.x-nbr .x-panel-header-default-framed-right-ml,
.x-nbr .x-panel-header-default-framed-right-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-right-corners.gif');
}

.x-nbr .x-panel-header-default-framed-right-tc,
.x-nbr .x-panel-header-default-framed-right-bc {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-right-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-x;
}

.x-nbr .x-panel-header-default-framed-right-mc {
    padding: 2px 1px 2px 4px;
}

.x-panel-header-default-framed-bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 3px 5px 4px;
    border-width: 0 1px 1px;
    border-style: solid;
    background-color: #cbddf3;
    background-image: linear-gradient(to bottom, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

.x-nlg .x-panel-header-default-framed-bottom-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-bottom-bg.gif');
    background-color: #cbddf3;
}

.x-nbr .x-panel-header-default-framed-bottom {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000000px 1000404px;
}

.x-nbr .x-panel-header-default-framed-bottom-tl,
.x-nbr .x-panel-header-default-framed-bottom-bl,
.x-nbr .x-panel-header-default-framed-bottom-tr,
.x-nbr .x-panel-header-default-framed-bottom-br,
.x-nbr .x-panel-header-default-framed-bottom-tc,
.x-nbr .x-panel-header-default-framed-bottom-bc,
.x-nbr .x-panel-header-default-framed-bottom-ml,
.x-nbr .x-panel-header-default-framed-bottom-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-bottom-corners.gif');
}

.x-nbr .x-panel-header-default-framed-bottom-ml,
.x-nbr .x-panel-header-default-framed-bottom-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-bottom-sides.gif');
    background-position: 0 0;
}

.x-nbr .x-panel-header-default-framed-bottom-mc {
    padding: 3px 2px 1px 2px;
}

.x-panel-header-default-framed-left {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    padding: 5px 4px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    background-color: #cbddf3;
    background-image: linear-gradient(to left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

.x-nlg .x-panel-header-default-framed-left-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-left-bg.gif');
    background-color: #cbddf3;
}

.x-nbr .x-panel-header-default-framed-left {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000400px 1100004px;
}

.x-nbr .x-panel-header-default-framed-left-tl,
.x-nbr .x-panel-header-default-framed-left-bl,
.x-nbr .x-panel-header-default-framed-left-tr,
.x-nbr .x-panel-header-default-framed-left-br,
.x-nbr .x-panel-header-default-framed-left-tc,
.x-nbr .x-panel-header-default-framed-left-bc,
.x-nbr .x-panel-header-default-framed-left-ml,
.x-nbr .x-panel-header-default-framed-left-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-left-corners.gif');
}

.x-nbr .x-panel-header-default-framed-left-tc,
.x-nbr .x-panel-header-default-framed-left-bc {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-left-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-x;
}

.x-nbr .x-panel-header-default-framed-left-mc {
    padding: 2px 4px 2px 1px;
}

.x-panel-header-default-framed-top {
    box-shadow: #f4f8fd 0 1px 0 0 inset, false, #f4f8fd -1px 0 0 0 inset, #f4f8fd 1px 0 0 0 inset;
}

.x-panel-header-default-framed-right {
    box-shadow: #f4f8fd 0 1px 0 0 inset, #f4f8fd 0 -1px 0 0 inset, #f4f8fd -1px 0 0 0 inset, false;
}

.x-panel-header-default-framed-bottom {
    box-shadow: false, #f4f8fd 0 -1px 0 0 inset, #f4f8fd -1px 0 0 0 inset, #f4f8fd 1px 0 0 0 inset;
}

.x-panel-header-default-framed-left {
    box-shadow: #f4f8fd 0 1px 0 0 inset, #f4f8fd 0 -1px 0 0 inset, false, #f4f8fd 1px 0 0 0 inset;
}

.x-panel .x-panel-header-default-framed-top, .i-panel .x-panel-header-default-framed-top {
    border-bottom-width: 1px !important;
}

.x-panel .x-panel-header-default-framed-right, .i-panel .x-panel-header-default-framed-right {
    border-left-width: 1px !important;
}

.x-panel .x-panel-header-default-framed-bottom, .i-panel .x-panel-header-default-framed-bottom {
    border-top-width: 1px !important;
}

.x-panel .x-panel-header-default-framed-left, .i-panel .x-panel-header-default-framed-left {
    border-right-width: 1px !important;
}

.x-panel-header-default-framed-collapsed {
    border-radius: 4px;
}

.x-panel-header-default-framed-collapsed-top {
    border-radius: 4px;
    padding: 3px 5px 4px 5px;
    border-width: 1px;
    border-style: solid;
    background-color: #cbddf3;
    background-image: linear-gradient(to bottom, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

.x-nlg .x-panel-header-default-framed-collapsed-top-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-top-bg.gif');
    background-color: #cbddf3;
}

.x-nbr .x-panel-header-default-framed-collapsed-top {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000404px 1000404px;
}

.x-nbr .x-panel-header-default-framed-collapsed-top-tl,
.x-nbr .x-panel-header-default-framed-collapsed-top-bl,
.x-nbr .x-panel-header-default-framed-collapsed-top-tr,
.x-nbr .x-panel-header-default-framed-collapsed-top-br,
.x-nbr .x-panel-header-default-framed-collapsed-top-tc,
.x-nbr .x-panel-header-default-framed-collapsed-top-bc,
.x-nbr .x-panel-header-default-framed-collapsed-top-ml,
.x-nbr .x-panel-header-default-framed-collapsed-top-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-top-corners.gif');
}

.x-nbr .x-panel-header-default-framed-collapsed-top-ml,
.x-nbr .x-panel-header-default-framed-collapsed-top-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-top-sides.gif');
    background-position: 0 0;
}

.x-nbr .x-panel-header-default-framed-collapsed-top-mc {
    padding: 0 2px 1px 2px;
}

.x-panel-header-default-framed-collapsed-right {
    border-radius: 4px;
    padding: 5px 4px;
    border-width: 1px;
    border-style: solid;
    background-color: #cbddf3;
    background-image: linear-gradient(to left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

.x-nlg .x-panel-header-default-framed-collapsed-right-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-right-bg.gif');
    background-color: #cbddf3;
}

.x-nbr .x-panel-header-default-framed-collapsed-right {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000404px 1100404px;
}

.x-nbr .x-panel-header-default-framed-collapsed-right-tl,
.x-nbr .x-panel-header-default-framed-collapsed-right-bl,
.x-nbr .x-panel-header-default-framed-collapsed-right-tr,
.x-nbr .x-panel-header-default-framed-collapsed-right-br,
.x-nbr .x-panel-header-default-framed-collapsed-right-tc,
.x-nbr .x-panel-header-default-framed-collapsed-right-bc,
.x-nbr .x-panel-header-default-framed-collapsed-right-ml,
.x-nbr .x-panel-header-default-framed-collapsed-right-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-right-corners.gif');
}

.x-nbr .x-panel-header-default-framed-collapsed-right-tc,
.x-nbr .x-panel-header-default-framed-collapsed-right-bc {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-right-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-x;
}

.x-nbr .x-panel-header-default-framed-collapsed-right-mc {
    padding: 2px 1px 2px 1px;
}

.x-panel-header-default-framed-collapsed-bottom {
    border-radius: 4px;
    padding: 3px 5px 4px;
    border-width: 1px;
    border-style: solid;
    background-color: #cbddf3;
    background-image: linear-gradient(to bottom, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

.x-nlg .x-panel-header-default-framed-collapsed-bottom-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-bottom-bg.gif');
    background-color: #cbddf3;
}

.x-nbr .x-panel-header-default-framed-collapsed-bottom {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000404px 1000404px;
}

.x-nbr .x-panel-header-default-framed-collapsed-bottom-tl,
.x-nbr .x-panel-header-default-framed-collapsed-bottom-bl,
.x-nbr .x-panel-header-default-framed-collapsed-bottom-tr,
.x-nbr .x-panel-header-default-framed-collapsed-bottom-br,
.x-nbr .x-panel-header-default-framed-collapsed-bottom-tc,
.x-nbr .x-panel-header-default-framed-collapsed-bottom-bc,
.x-nbr .x-panel-header-default-framed-collapsed-bottom-ml,
.x-nbr .x-panel-header-default-framed-collapsed-bottom-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif');
}

.x-nbr .x-panel-header-default-framed-collapsed-bottom-ml,
.x-nbr .x-panel-header-default-framed-collapsed-bottom-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif');
    background-position: 0 0;
}

.x-nbr .x-panel-header-default-framed-collapsed-bottom-mc {
    padding: 0 2px 1px 2px;
}

.x-panel-header-default-framed-collapsed-left {
    border-radius: 4px;
    padding: 5px 4px;
    border-width: 1px;
    border-style: solid;
    background-color: #cbddf3;
    background-image: linear-gradient(to left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

.x-nlg .x-panel-header-default-framed-collapsed-left-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-left-bg.gif');
    background-color: #cbddf3;
}

.x-nbr .x-panel-header-default-framed-collapsed-left {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000404px 1100404px;
}

.x-nbr .x-panel-header-default-framed-collapsed-left-tl,
.x-nbr .x-panel-header-default-framed-collapsed-left-bl,
.x-nbr .x-panel-header-default-framed-collapsed-left-tr,
.x-nbr .x-panel-header-default-framed-collapsed-left-br,
.x-nbr .x-panel-header-default-framed-collapsed-left-tc,
.x-nbr .x-panel-header-default-framed-collapsed-left-bc,
.x-nbr .x-panel-header-default-framed-collapsed-left-ml,
.x-nbr .x-panel-header-default-framed-collapsed-left-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-left-corners.gif');
}

.x-nbr .x-panel-header-default-framed-collapsed-left-tc,
.x-nbr .x-panel-header-default-framed-collapsed-left-bc {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/panel-header/panel-header-default-framed-collapsed-left-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-x;
}

.x-nbr .x-panel-header-default-framed-collapsed-left-mc {
    padding: 2px 1px 2px 1px;
}

.x-panel-header-default-framed-right-tc,
.x-panel-header-default-framed-right-mc,
.x-panel-header-default-framed-right-bc {
    background-position: right 0;
}

.x-panel-header-default-framed-bottom-tc,
.x-panel-header-default-framed-bottom-mc,
.x-panel-header-default-framed-bottom-bc {
    background-position: 0 bottom;
}

.x-panel-header-plain,
.x-panel-body-plain {
    border: 0;
    padding: 0;
}

.x-tip .x-tip-header .x-box-item {
    padding: 3px 3px 0;
}

.x-tip .x-tip-header .x-tool {
    padding: 0 1px 0 0 !important;
}

.x-tip {
    border-radius: 0;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    position: absolute;
    overflow: visible;
    /*pointer needs to be able to stick out*/
    border-color: #dfdfdf;
}

.x-nlg .x-tip-mc {
    background-color: #e9f2ff;
}

.x-nbr .x-tip {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100303px 1000303px;
}

.x-nbr .x-tip-tl,
.x-nbr .x-tip-bl,
.x-nbr .x-tip-tr,
.x-nbr .x-tip-br,
.x-nbr .x-tip-tc,
.x-nbr .x-tip-bc,
.x-nbr .x-tip-ml,
.x-nbr .x-tip-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/tip/tip-corners.gif');
}

.x-nbr .x-tip-ml,
.x-nbr .x-tip-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/tip/tip-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-tip-mc {
    padding: 0;
}

.x-tip-header-text {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
    color: #444;
    font-size: 11px;
    font-weight: bold;
}

.x-tip-header-draggable .x-tip-header-text {
    cursor: move;
}

.x-tip-body,
.x-form-invalid-tip-body,
.i-form-invalid-tip-body {
    overflow: hidden;
    position: relative;
    padding: 3px;
}

.x-tip-header,
.x-tip-body,
.x-form-invalid-tip-body,
.i-form-invalid-tip-body {
    color: #444;
    font-size: 11px;
}

.x-tip-header a,
.x-tip-body a,
.x-form-invalid-tip-body a,
.i-form-invalid-tip-body a {
    color: #2a2a2a;
}

.x-tip-anchor {
    position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 5px;
    border-color: #8eaace;
    zoom: 1;
}

.x-border-box .x-tip-anchor {
    width: 10px;
    height: 10px;
}

.x-tip-anchor-top {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.x-tip-anchor-bottom {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.x-tip-anchor-left {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.x-tip-anchor-right {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.x-form-invalid-tip, .i-form-invalid-tip {
    border-color: #cf2030;
}

.x-form-invalid-tip-body li, .i-form-invalid-tip-body li {
    margin-bottom: 4px;
}

.x-form-invalid-tip-body li.last, .i-form-invalid-tip-body li.last {
    margin-bottom: 0;
}

.x-form-invalid-tip-default, .i-form-invalid-tip-default {
    padding: 4px 4px 4px 4px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
}

.x-nlg .x-form-invalid-tip-default-mc, .x-nlg .i-form-invalid-tip-default-mc {
    background-color: #fff;
}

.x-nbr .x-form-invalid-tip-default, .x-nbr .i-form-invalid-tip-default {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100505px 1000505px;
}

.x-nbr .x-form-invalid-tip-default-tl, .x-nbr .i-form-invalid-tip-default-tl,
.x-nbr .x-form-invalid-tip-default-bl,
.x-nbr .i-form-invalid-tip-default-bl,
.x-nbr .x-form-invalid-tip-default-tr,
.x-nbr .i-form-invalid-tip-default-tr,
.x-nbr .x-form-invalid-tip-default-br,
.x-nbr .i-form-invalid-tip-default-br,
.x-nbr .x-form-invalid-tip-default-tc,
.x-nbr .i-form-invalid-tip-default-tc,
.x-nbr .x-form-invalid-tip-default-bc,
.x-nbr .i-form-invalid-tip-default-bc,
.x-nbr .x-form-invalid-tip-default-ml,
.x-nbr .i-form-invalid-tip-default-ml,
.x-nbr .x-form-invalid-tip-default-mr,
.x-nbr .i-form-invalid-tip-default-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/form-invalid-tip/form-invalid-tip-default-corners.gif');
}

.x-nbr .x-form-invalid-tip-default-ml, .x-nbr .i-form-invalid-tip-default-ml,
.x-nbr .x-form-invalid-tip-default-mr,
.x-nbr .i-form-invalid-tip-default-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/form-invalid-tip/form-invalid-tip-default-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-form-invalid-tip-default-mc, .x-nbr .i-form-invalid-tip-default-mc {
    padding: 0;
}

.x-slider {
    zoom: 1;
}

.x-slider-inner {
    position: relative;
    left: 0;
    top: 0;
    overflow: visible;
    zoom: 1;
    cursor: pointer;
}

.x-slider-focus {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    line-height: 1;
    font-size: 1px;
    -moz-outline: 0 none;
    outline: 0 none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
    display: block;
    overflow: hidden;
    cursor: grab;
    cursor: -webkit-grab;
}

/* Horizontal */
.x-slider-horz {
    padding-left: 7px;
    background: transparent no-repeat 0 -24px;
    width: 100%;
}

.x-slider-horz .x-slider-end {
    padding-right: 7px;
    zoom: 1;
    background: transparent no-repeat right -46px;
}

.x-slider-horz .x-slider-inner {
    background: transparent repeat-x 0 -2px;
    height: 18px;
}

.x-slider-horz .x-slider-thumb {
    width: 14px;
    height: 15px;
    margin-left: -7px;
    position: absolute;
    left: 0;
    top: 1px;
    background: transparent no-repeat 0 0;
}

.x-slider-horz .x-slider-thumb-over {
    background-position: -14px -15px;
    cursor: grab;
    cursor: -webkit-grab;
}

.x-slider-horz .x-slider-thumb-drag {
    background-position: -28px -30px;
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

/* Vertical */
.x-slider-vert {
    padding-top: 7px;
    background: transparent no-repeat -44px 0;
}

.x-slider-vert .x-slider-end {
    padding-bottom: 7px;
    zoom: 1;
    background: transparent no-repeat -22px bottom;
    width: 22px;
}

.x-slider-vert .x-slider-inner {
    background: transparent repeat-y 0 0;
    width: 22px;
}

.x-slider-vert .x-slider-thumb {
    width: 15px;
    height: 14px;
    margin-bottom: -7px;
    position: absolute;
    left: 3px;
    bottom: 0;
    background: transparent no-repeat 0 0;
}

.x-slider-vert .x-slider-thumb-over {
    background-position: -15px -14px;
}

.x-slider-vert .x-slider-thumb-drag {
    background-position: -30px -28px;
}

.x-slider-horz,
.x-slider-horz .x-slider-end,
.x-slider-horz .x-slider-inner {
    background-image: url('../../../../extjs/resources/themes/images/default/slider/slider-bg.png');
}

.x-slider-horz .x-slider-thumb {
    background-image: url('../../../../extjs/resources/themes/images/default/slider/slider-thumb.png');
}

.x-slider-vert,
.x-slider-vert .x-slider-end,
.x-slider-vert .x-slider-inner {
    background-image: url('../../../../extjs/resources/themes/images/default/slider/slider-v-bg.png');
}

.x-slider-vert .x-slider-thumb {
    background-image: url('../../../../extjs/resources/themes/images/default/slider/slider-v-thumb.png');
}

.x-progress {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    overflow: hidden;
    height: 20px;
    background-color: #fff
}

.x-progress-bar {
    height: 18px;
    overflow: hidden;
    position: absolute;
    width: 0;
    border-radius: 0;
    border: 0;
}

.x-progress-text {
    overflow: hidden;
    position: absolute;
    padding: 0 5px;
    height: 18px;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.45;
    text-align: center;
}

.x-progress-text-back {
    padding-top: 1px;
}

.x-strict .x-ie7m .x-progress {
    height: 18px;
}

.x-progress-default {
    border-color: #017cad;
}

.x-progress-default .x-progress-bar {
    background-color: #017cad;
}

.x-progress-default .x-progress-text {
    color: #fff;
}

.x-progress-default .x-progress-text-back {
    color: #017cad;
}

.x-nlg .x-progress-default .x-progress-bar {
    background-color: #017cad;
}

/*  AlertBar */
.ui-alert {
    border-width: 0;
    border-radius: 5px;
    background-color: lightgray;
    position: relative;
    height: 10px;
    margin-top: 2px;
}

.ui-alert-default {
    width: 80%;
    border-color: transparent;
}

.ui-alert-bar {
    height: 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    position: absolute;
}

.ui-alert-bar.ui-alertlevel-success {
    background-color: limegreen;
}

.ui-alert-bar.ui-alertlevel-warning {
    background-color: gold;
}

.ui-alert-bar.ui-alertlevel-major {
    background-color: darkorange;
}

.ui-alert-bar.ui-alertlevel-progress {
    background-color: #049fd9;
}

.ui-alert-bar.ui-alertlevel-critical {
    background-color: red;
}

.ui-alert-default .ui-alert-text {
    color: black;
}


.ui-alert-text {
    overflow: hidden;
    position: relative;
    padding: 0 5px 0 5px;
    margin-left: 4px;
    height: 18px;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.1;
    text-align: right;
    width: 125% !important;
}

.x-toolbar {
    font-size: 11px;
  /*padding: 2px 0 2px 2px;*/
}

.x-toolbar .x-form-item-label,
.x-toolbar .i-form-item-label {
    font-size: 11px;
    line-height: 1.36;
}

.x-toolbar .x-toolbar-item {
    margin: 0 2px 0 0;
}

.x-toolbar .x-toolbar-text {
    margin-left: 4px;
    margin-right: 6px;
    white-space: nowrap;
    line-height: 1.45;
    font-size: 11px;
}

.x-toolbar-separator {
    display: block;
    font-size: 1px;
    overflow: hidden;
    cursor: default;
    border: 0;
}

.x-toolbar-separator-horizontal {
    margin: 0 8px;
    height: 14px;
    width: 0;
    border-left: 1px solid #7f7f86;
}

.x-toolbar-footer {
    border-top: 1px #dfdfdf solid;
    padding: 5px 5px 10px 10px;
}

.x-toolbar-footer .x-box-inner {
    border-width: 0;
}

.x-toolbar-footer .x-toolbar-item {
    margin: 0 5px 0 0;
}

.x-toolbar-vertical {
    padding: 2px 2px 0;
}

.x-toolbar-vertical .x-toolbar-item {
    margin: 0 0 2px;
}

.x-toolbar-vertical .x-toolbar-text {
    margin-top: 4px;
    margin-bottom: 6px;
}

.x-toolbar-vertical .x-toolbar-separator-vertical {
    margin: 2px 5px 3px;
    height: 0;
    width: 10px;
    line-height: 0;
    border-top: 1px solid #98c8ff;
    border-bottom: 1px solid #fff;
}

.x-toolbar-scroller {
    padding-left: 0;
}

.x-toolbar-spacer {
    width: 2px;
}

.x-toolbar-more-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/toolbar/more.gif') !important;
    background-position: 2px center !important;
    background-repeat: no-repeat;
}

.x-toolbar-default-docked-bottom {
    padding: 5px;
}

.x-nlg .x-toolbar-default {
    background-image: url('../../../../extjs/resources/themes/images/default/toolbar/toolbar-default-bg.gif') !important;
    background-repeat: repeat-x;
}

.x-toolbar-plain {
    border: 0;
}

.x-window {
    outline: none;
    overflow: hidden;
}

.x-window .x-window-wrap {
    position: relative;
}

.x-window-body {
    position: relative;
    border-style: solid;
    overflow: hidden;
}

.x-window-maximized .x-window-wrap .x-window-header,
.x-window-maximized .x-window-wrap .x-window-header-level-one {
    border-radius: 0 !important;
}

.x-window-header-top {
    padding: 5px 10px 0 10px;
}

.x-window-header-body-horizontal {
    margin-top: -1px;
}

.x-window-header-bottom {
    margin-top: -1px;
    margin-bottom: -1px;
}

.x-window-header-left {
    margin-right: -1px;
}

.x-window-header-right {
    margin-left: -1px;
}

.x-window-header-vertical .x-surface {
    padding-left: 1px;
}

.x-window-collapsed .x-window-header-vertical {
    border-radius: 5px;
}

.x-window-collapsed .x-window-header-horizontal {
    border-radius: 5px;
}

.x-window-collapsed .x-window-header-left {
    padding-right: 5px !important;
    margin-right: 0;
}

.x-window-collapsed .x-window-header-right {
    padding-left: 5px !important;
    margin-left: 0;
}

.x-window-collapsed .x-window-header-top {
    padding-bottom: 5px !important;
    margin-bottom: -1px;
}

.x-window-collapsed .x-window-header-bottom {
    padding-top: 5px !important;
    margin-top: 0;
}

.x-window-header-left .x-vml-base,
.x-window-header-right .x-vml-base {
    left: -3px !important;
}

.x-opera .x-window-header-vertical .x-surface,
.x-strict .x-ie9 .x-window-header-vertical .x-surface {
    padding-left: 2px;
}

.x-window-header-text-container {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.x-window-header-text {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
    white-space: nowrap;
}

.x-window-default, .x-window-level-one, .x-window-level-two {
    border-radius: 0;
}

.x-window-default, .x-window-level-one, .x-window-level-two {
    border-radius: 0;
    padding: -1px -1px -1px -1px;
    border-width: 1px;
    border-style: solid;
}

.x-nlg .x-window-default-mc {
    background-color: #017cad;
}

.x-nbr .x-window-default, .x-nbr .x-window-level-one, .x-nbr .x-window-level-two {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000000px 1000000px;
}

.x-nbr .x-window-default-tl,
.x-nbr .x-window-default-bl,
.x-nbr .x-window-default-tr,
.x-nbr .x-window-default-br,
.x-nbr .x-window-default-tc,
.x-nbr .x-window-default-bc,
.x-nbr .x-window-default-ml,
.x-nbr .x-window-default-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window/window-default-corners.gif');
}

.x-nbr .x-window-default-ml,
.x-nbr .x-window-default-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window/window-default-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-window-default-mc {
    padding: 0;
}

.x-window-header-default {
    font-size: 18px;
    border-color: #a2b1c5;
    zoom: 1;
}

.x-window-header-text-default, .x-window-header-text-level-one {
    color: #58585b;
    line-height: 1.45;
    font-size: 22px;
}

.x-nlg .x-window-header-default-top-mc {
    background-color: #017cad;
}

.x-nbr .x-window-header-default-top {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000000px 1000000px;
}

.x-nbr .x-window-header-default-top-tl,
.x-nbr .x-window-header-default-top-bl,
.x-nbr .x-window-header-default-top-tr,
.x-nbr .x-window-header-default-top-br,
.x-nbr .x-window-header-default-top-tc,
.x-nbr .x-window-header-default-top-bc,
.x-nbr .x-window-header-default-top-ml,
.x-nbr .x-window-header-default-top-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-top-corners.gif');
}

.x-nbr .x-window-header-default-top-ml,
.x-nbr .x-window-header-default-top-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-top-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-window-header-default-top-mc {
    padding: 5px 6px 0 6px;
}

.x-window-header-default-right {
    border-radius: 0;
    padding: 5px 4px 5px 0;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    background-color: #017cad;
}

.x-nlg .x-window-header-default-right-mc {
    background-color: #017cad;
}

.x-nbr .x-window-header-default-right {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000000px 1000000px;
}

.x-nbr .x-window-header-default-right-tl,
.x-nbr .x-window-header-default-right-bl,
.x-nbr .x-window-header-default-right-tr,
.x-nbr .x-window-header-default-right-br,
.x-nbr .x-window-header-default-right-tc,
.x-nbr .x-window-header-default-right-bc,
.x-nbr .x-window-header-default-right-ml,
.x-nbr .x-window-header-default-right-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-right-corners.gif');
}

.x-nbr .x-window-header-default-right-ml,
.x-nbr .x-window-header-default-right-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-right-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-window-header-default-right-mc {
    padding: 6px 5px 6px 0;
}

.x-window-header-default-bottom {
    border-radius: 0;
    padding: 0 5px 4px 5px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    background-color: #017cad;
}

.x-nlg .x-window-header-default-bottom-mc {
    background-color: #017cad;
}

.x-nbr .x-window-header-default-bottom {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000000px 1000000px;
}

.x-nbr .x-window-header-default-bottom-tl,
.x-nbr .x-window-header-default-bottom-bl,
.x-nbr .x-window-header-default-bottom-tr,
.x-nbr .x-window-header-default-bottom-br,
.x-nbr .x-window-header-default-bottom-tc,
.x-nbr .x-window-header-default-bottom-bc,
.x-nbr .x-window-header-default-bottom-ml,
.x-nbr .x-window-header-default-bottom-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-bottom-corners.gif');
}

.x-nbr .x-window-header-default-bottom-ml,
.x-nbr .x-window-header-default-bottom-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-bottom-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-window-header-default-bottom-mc {
    padding: 0 6px 5px 6px;
}

.x-window-header-default-left {
    border-radius: 0;
    padding: 5px 0 5px 4px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    background-color: #017cad;
}

.x-nlg .x-window-header-default-left-mc {
    background-color: #017cad;
}

.x-nbr .x-window-header-default-left {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000000px 1000000px;
}

.x-nbr .x-window-header-default-left-tl,
.x-nbr .x-window-header-default-left-bl,
.x-nbr .x-window-header-default-left-tr,
.x-nbr .x-window-header-default-left-br,
.x-nbr .x-window-header-default-left-tc,
.x-nbr .x-window-header-default-left-bc,
.x-nbr .x-window-header-default-left-ml,
.x-nbr .x-window-header-default-left-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-left-corners.gif');
}

.x-nbr .x-window-header-default-left-ml,
.x-nbr .x-window-header-default-left-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-left-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-window-header-default-left-mc {
    padding: 6px 0 6px 5px;
}

.x-window-header-default-collapsed-top {
    border-radius: 0;
    padding: 4px 5px;
    border: 1px solid #017cad;
}

.x-nlg .x-window-header-default-collapsed-top-mc {
    background-color: #017cad;
}

.x-nbr .x-window-header-default-collapsed-top {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000000px 1000000px;
}

.x-nbr .x-window-header-default-collapsed-top-tl,
.x-nbr .x-window-header-default-collapsed-top-bl,
.x-nbr .x-window-header-default-collapsed-top-tr,
.x-nbr .x-window-header-default-collapsed-top-br,
.x-nbr .x-window-header-default-collapsed-top-tc,
.x-nbr .x-window-header-default-collapsed-top-bc,
.x-nbr .x-window-header-default-collapsed-top-ml,
.x-nbr .x-window-header-default-collapsed-top-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-collapsed-top-corners.gif');
}

.x-nbr .x-window-header-default-collapsed-top-ml,
.x-nbr .x-window-header-default-collapsed-top-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-collapsed-top-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-window-header-default-collapsed-top-mc {
    padding: 5px 6px 5px 6px;
}

.x-window-header-default-collapsed-right {
   border-radius: 0;
    padding: 5px 4px;
    border: 1px solid #017cad;
}

.x-nlg .x-window-header-default-collapsed-right-mc {
    background-color: #017cad;
}

.x-nbr .x-window-header-default-collapsed-right {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000000px 1000000px;
}

.x-nbr .x-window-header-default-collapsed-right-tl,
.x-nbr .x-window-header-default-collapsed-right-bl,
.x-nbr .x-window-header-default-collapsed-right-tr,
.x-nbr .x-window-header-default-collapsed-right-br,
.x-nbr .x-window-header-default-collapsed-right-tc,
.x-nbr .x-window-header-default-collapsed-right-bc,
.x-nbr .x-window-header-default-collapsed-right-ml,
.x-nbr .x-window-header-default-collapsed-right-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-collapsed-right-corners.gif');
}

.x-nbr .x-window-header-default-collapsed-right-ml,
.x-nbr .x-window-header-default-collapsed-right-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-collapsed-right-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-window-header-default-collapsed-right-mc {
    padding: 6px 5px 6px 5px;
}

.x-window-header-default-collapsed-bottom {
    border-radius: 0;
    padding: 4px 5px 4px 5px;
    border-width: 1px;
    border-style: solid;
    background-color: #017cad;
}

.x-nlg .x-window-header-default-collapsed-bottom-mc {
    background-color: #017cad;
}

.x-nbr .x-window-header-default-collapsed-bottom {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000000px 1000000px;
}

.x-nbr .x-window-header-default-collapsed-bottom-tl,
.x-nbr .x-window-header-default-collapsed-bottom-bl,
.x-nbr .x-window-header-default-collapsed-bottom-tr,
.x-nbr .x-window-header-default-collapsed-bottom-br,
.x-nbr .x-window-header-default-collapsed-bottom-tc,
.x-nbr .x-window-header-default-collapsed-bottom-bc,
.x-nbr .x-window-header-default-collapsed-bottom-ml,
.x-nbr .x-window-header-default-collapsed-bottom-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-collapsed-bottom-corners.gif');
}

.x-nbr .x-window-header-default-collapsed-bottom-ml,
.x-nbr .x-window-header-default-collapsed-bottom-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-collapsed-bottom-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-window-header-default-collapsed-bottom-mc {
    padding: 5px 6px;
}

.x-window-header-default-collapsed-left {
    border-radius: 0;
    padding: 5px 4px;
    border: 1px solid #017cad;
}

.x-nlg .x-window-header-default-collapsed-left-mc {
    background-color: #017cad;
}

.x-nbr .x-window-header-default-collapsed-left {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1000000px 1000000px;
}

.x-nbr .x-window-header-default-collapsed-left-tl,
.x-nbr .x-window-header-default-collapsed-left-bl,
.x-nbr .x-window-header-default-collapsed-left-tr,
.x-nbr .x-window-header-default-collapsed-left-br,
.x-nbr .x-window-header-default-collapsed-left-tc,
.x-nbr .x-window-header-default-collapsed-left-bc,
.x-nbr .x-window-header-default-collapsed-left-ml,
.x-nbr .x-window-header-default-collapsed-left-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-collapsed-left-corners.gif');
}

.x-nbr .x-window-header-default-collapsed-left-ml,
.x-nbr .x-window-header-default-collapsed-left-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/window-header/window-header-default-collapsed-left-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-window-header-default-collapsed-left-mc {
    padding: 6px 5px 6px 5px;
}

.x-window-header-default-right {
    box-shadow: #ecf2fb 0 1px 0 0 inset, #ecf2fb 0 -1px 0 0 inset, #ecf2fb -1px 0 0 0 inset, false;
}

.x-window-header-default-bottom {
    box-shadow: false, #ecf2fb 0 -1px 0 0 inset, #ecf2fb -1px 0 0 0 inset, #ecf2fb 1px 0 0 0 inset;
}

.x-window-header-default-left {
    box-shadow: #ecf2fb 0 1px 0 0 inset, #ecf2fb 0 -1px 0 0 inset, false, #ecf2fb 1px 0 0 0 inset;
}

.x-window-body-plain {
    background: transparent;
}

.apic-message-box {
    z-index: 999999999 !important;
}

.x-message-box .x-window-body {
    border: none;
}

.x-message-box .x-progress-wrap {
    margin-top: 4px;
}

.x-message-box-icon {
    width: 47px;
    height: 32px;
}

.x-message-box-info,
.x-message-box-warning,
.x-message-box-question,
.x-message-box-error {
    background: transparent no-repeat top left;
}

.x-message-box .x-msg-box-wait {
    background-image: url('../../../../extjs/resources/themes/images/default/shared/blue-loading.gif');
}

.x-message-box-info {
    background-image: url('../../../../extjs/resources/themes/images/default/shared/icon-info.gif');
}

.x-message-box-warning {
    background-image: url('../../../../extjs/resources/themes/images/default/shared/icon-warning.svg');
    height: 22px!important;
    width: 22px!important;
    margin-left: 4px!important;
}

.x-message-box-question {
    background-image: url('../../../../extjs/resources/themes/images/default/shared/icon-question.gif');
}

.x-message-box-error {
    background-image: url('../../../../extjs/resources/themes/images/default/shared/icon-error.gif');
}

.x-tab-bar, .i-tab-bar {
    position: relative;
    background-color: #cbdbef;
    background-image: linear-gradient(to bottom, #dde8f5, #cbdbef);
    font-size: 11px;
}

.x-nlg .x-tab-bar, .x-nlg .i-tab-bar {
    background-image: url('../../../../extjs/resources/themes/images/default/tab-bar/tab-bar-default-bg.gif');
}

.x-tab-bar-default-plain, .i-tab-bar-default-plain,
.x-nlg .x-tab-bar-default-plain,
.x-nlg .i-tab-bar-default-plain {
    background: transparent none;
}

.x-tab-bar-body, .i-tab-bar-body {
    border-style: solid;
    border-color: #99bce8;
    position: relative;
    z-index: 2;
    zoom: 1;
}

/* Top Tabs */
.x-tab-bar-top .x-tab-bar-body, .i-tab-bar-top .x-tab-bar-body, .x-tab-bar-top .i-tab-bar-body, .i-tab-bar-top .i-tab-bar-body {
    height: 20px;
    border-width: 1px 1px 0;
    padding: 1px 0 3px;
}

.x-tab-bar-top .x-tab-bar-strip, .i-tab-bar-top .x-tab-bar-strip, .x-tab-bar-top .i-tab-bar-strip, .i-tab-bar-top .i-tab-bar-strip {
    /*position strip from top rather than bottom to avoid off-by-one error in IE6*/
    top: 22px;
    border-width: 1px 1px 0;
    height: 2px;
}

.x-border-box .x-tab-bar-top .x-tab-bar-body, .x-border-box .i-tab-bar-top .x-tab-bar-body, .x-border-box .x-tab-bar-top .i-tab-bar-body, .x-border-box .i-tab-bar-top .i-tab-bar-body {
    height: 25px;
}

.x-border-box .x-tab-bar-top .x-tab-bar-strip, .x-border-box .i-tab-bar-top .x-tab-bar-strip, .x-border-box .x-tab-bar-top .i-tab-bar-strip, .x-border-box .i-tab-bar-top .i-tab-bar-strip {
    height: 3px;
}

.x-tab-bar-top .x-tab-bar-body-default-plain, .i-tab-bar-top .x-tab-bar-body-default-plain, .x-tab-bar-top .i-tab-bar-body-default-plain, .i-tab-bar-top .i-tab-bar-body-default-plain {
    height: 20px;
    border-width: 0;
    padding: 0 0 2px;
}

.x-tab-bar-top .x-tab-bar-strip-default-plain, .i-tab-bar-top .x-tab-bar-strip-default-plain, .x-tab-bar-top .i-tab-bar-strip-default-plain, .i-tab-bar-top .i-tab-bar-strip-default-plain {
    /*position strip from top rather than bottom to avoid off-by-one error in IE6*/
    top: 20px;
    border-width: 1px 1px 0;
    height: 2px;
}

.x-border-box .x-tab-bar-top .x-tab-bar-body-default-plain, .x-border-box .i-tab-bar-top .x-tab-bar-body-default-plain, .x-border-box .x-tab-bar-top .i-tab-bar-body-default-plain, .x-border-box .i-tab-bar-top .i-tab-bar-body-default-plain {
    height: 22px;
}

.x-border-box .x-tab-bar-top .x-tab-bar-strip-default-plain, .x-border-box .i-tab-bar-top .x-tab-bar-strip-default-plain, .x-border-box .x-tab-bar-top .i-tab-bar-strip-default-plain, .x-border-box .i-tab-bar-top .i-tab-bar-strip-default-plain {
    height: 3px;
}

/* Bottom Tabs */
.x-tab-bar-bottom .x-tab-bar-body, .i-tab-bar-bottom .x-tab-bar-body, .x-tab-bar-bottom .i-tab-bar-body, .i-tab-bar-bottom .i-tab-bar-body {
    height: 20px;
    border-width: 0 1px 1px;
    padding: 3px 0 1px;
}

.x-tab-bar-bottom .x-tab-bar-body .x-box-inner, .i-tab-bar-bottom .x-tab-bar-body .x-box-inner, .x-tab-bar-bottom .i-tab-bar-body .x-box-inner, .i-tab-bar-bottom .i-tab-bar-body .x-box-inner {
    position: relative;
    top: -1px;
}

.x-tab-bar-bottom .x-tab-bar-body .x-box-scroller, .i-tab-bar-bottom .x-tab-bar-body .x-box-scroller, .x-tab-bar-bottom .i-tab-bar-body .x-box-scroller, .i-tab-bar-bottom .i-tab-bar-body .x-box-scroller,
.x-tab-bar-bottom .x-tab-bar-body .x-box-scroller-left,
.i-tab-bar-bottom .x-tab-bar-body .x-box-scroller-left,
.x-tab-bar-bottom .i-tab-bar-body .x-box-scroller-left,
.i-tab-bar-bottom .i-tab-bar-body .x-box-scroller-left,
.x-tab-bar-bottom .x-tab-bar-body .x-box-scroller-right,
.i-tab-bar-bottom .x-tab-bar-body .x-box-scroller-right,
.x-tab-bar-bottom .i-tab-bar-body .x-box-scroller-right,
.i-tab-bar-bottom .i-tab-bar-body .x-box-scroller-right {
    height: 22px;
}

.x-tab-bar-bottom .x-tab-bar-strip, .i-tab-bar-bottom .x-tab-bar-strip, .x-tab-bar-bottom .i-tab-bar-strip, .i-tab-bar-bottom .i-tab-bar-strip {
    top: 0;
    border-width: 0 1px 1px;
    height: 2px;
}

.x-border-box .x-tab-bar-bottom .x-tab-bar-body, .x-border-box .i-tab-bar-bottom .x-tab-bar-body, .x-border-box .x-tab-bar-bottom .i-tab-bar-body, .x-border-box .i-tab-bar-bottom .i-tab-bar-body {
    height: 25px;
}

.x-border-box .x-tab-bar-bottom .x-tab-bar-strip, .x-border-box .i-tab-bar-bottom .x-tab-bar-strip, .x-border-box .x-tab-bar-bottom .i-tab-bar-strip, .x-border-box .i-tab-bar-bottom .i-tab-bar-strip {
    height: 3px;
}

.x-tab-bar-bottom .x-tab-bar-body-default-plain, .i-tab-bar-bottom .x-tab-bar-body-default-plain, .x-tab-bar-bottom .i-tab-bar-body-default-plain, .i-tab-bar-bottom .i-tab-bar-body-default-plain {
    height: 20px;
    border-width: 0;
    padding: 3px 0 0;
}

.x-tab-bar-bottom .x-tab-bar-body-default-plain .x-box-inner, .i-tab-bar-bottom .x-tab-bar-body-default-plain .x-box-inner, .x-tab-bar-bottom .i-tab-bar-body-default-plain .x-box-inner, .i-tab-bar-bottom .i-tab-bar-body-default-plain .x-box-inner {
    position: relative;
    top: -1px;
}

.x-tab-bar-bottom .x-tab-bar-body-default-plain .x-box-scroller, .i-tab-bar-bottom .x-tab-bar-body-default-plain .x-box-scroller, .x-tab-bar-bottom .i-tab-bar-body-default-plain .x-box-scroller, .i-tab-bar-bottom .i-tab-bar-body-default-plain .x-box-scroller,
.x-tab-bar-bottom .x-tab-bar-body-default-plain .x-box-scroller-left,
.i-tab-bar-bottom .x-tab-bar-body-default-plain .x-box-scroller-left,
.x-tab-bar-bottom .i-tab-bar-body-default-plain .x-box-scroller-left,
.i-tab-bar-bottom .i-tab-bar-body-default-plain .x-box-scroller-left,
.x-tab-bar-bottom .x-tab-bar-body-default-plain .x-box-scroller-right,
.i-tab-bar-bottom .x-tab-bar-body-default-plain .x-box-scroller-right,
.x-tab-bar-bottom .i-tab-bar-body-default-plain .x-box-scroller-right,
.i-tab-bar-bottom .i-tab-bar-body-default-plain .x-box-scroller-right {
    height: 21px;
}

.x-tab-bar-bottom .x-tab-bar-strip-default-plain, .i-tab-bar-bottom .x-tab-bar-strip-default-plain, .x-tab-bar-bottom .i-tab-bar-strip-default-plain, .i-tab-bar-bottom .i-tab-bar-strip-default-plain {
    top: 0;
    border-width: 0 1px 1px;
    height: 2px;
}

.x-border-box .x-tab-bar-bottom .x-tab-bar-body-default-plain, .x-border-box .i-tab-bar-bottom .x-tab-bar-body-default-plain, .x-border-box .x-tab-bar-bottom .i-tab-bar-body-default-plain, .x-border-box .i-tab-bar-bottom .i-tab-bar-body-default-plain {
    height: 23px;
}

.x-border-box .x-tab-bar-bottom .x-tab-bar-strip-default-plain, .x-border-box .i-tab-bar-bottom .x-tab-bar-strip-default-plain, .x-border-box .x-tab-bar-bottom .i-tab-bar-strip-default-plain, .x-border-box .i-tab-bar-bottom .i-tab-bar-strip-default-plain {
    height: 3px;
}

.x-tab-bar-strip-default, .i-tab-bar-strip-default,
.x-tab-bar-strip-default-plain,
.i-tab-bar-strip-default-plain {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1;
    border-style: solid;
    overflow: hidden;
    border-color: #99bce8;
    background-color: #deecfd;
    zoom: 1;
}

.x-tab-default-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 3px 3px 0 3px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    background-color: #deecfd;
    background-image: linear-gradient(to bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
}

.x-nlg .x-tab-default-top-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-bg.gif');
    background-color: #deecfd;
}

.x-nbr .x-tab-default-top {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100404px 1000000px;
}

.x-nbr .x-tab-default-top-tl,
.x-nbr .x-tab-default-top-bl,
.x-nbr .x-tab-default-top-tr,
.x-nbr .x-tab-default-top-br,
.x-nbr .x-tab-default-top-tc,
.x-nbr .x-tab-default-top-bc,
.x-nbr .x-tab-default-top-ml,
.x-nbr .x-tab-default-top-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-corners.gif');
}

.x-nbr .x-tab-default-top-ml,
.x-nbr .x-tab-default-top-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-sides.gif');
    background-position: 0 0;
}

.x-nbr .x-tab-default-top-mc {
    padding: 0;
}

.x-tab-default-bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0 3px 3px;
    border-width: 0 1px 1px;
    border-style: solid;
    background-color: #deecfd;
    background-image: linear-gradient(to top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
}

.x-nlg .x-tab-default-bottom-mc {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-bg.gif');
    background-color: #deecfd;
}

.x-nbr .x-tab-default-bottom {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100000px 1000404px;
}

.x-nbr .x-tab-default-bottom-tl,
.x-nbr .x-tab-default-bottom-bl,
.x-nbr .x-tab-default-bottom-tr,
.x-nbr .x-tab-default-bottom-br,
.x-nbr .x-tab-default-bottom-tc,
.x-nbr .x-tab-default-bottom-bc,
.x-nbr .x-tab-default-bottom-ml,
.x-nbr .x-tab-default-bottom-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-corners.gif');
}

.x-nbr .x-tab-default-bottom-ml,
.x-nbr .x-tab-default-bottom-mr {
    zoom: 1;
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-sides.gif');
    background-position: 0 0;
}

.x-nbr .x-tab-default-bottom-mc {
    padding: 0;
}

.x-tab {
    z-index: 1;
    margin: 0 0 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    white-space: nowrap;
    height: 20px;
    border-color: #8db3e3;
    cursor: pointer;
    cursor: hand;
}

.x-tab button {
    cursor: pointer;
    cursor: hand;
}

.x-tab em {
    display: block;
    padding: 0 6px;
}

.x-tab button {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    outline: 0 none;
    overflow-x: visible;
}

.x-tab button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.x-tab button .x-tab-inner {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 -2px;
    display: block;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
}

.x-tab img {
    display: none;
}

.x-border-box .x-tab-default-top {
    height: 21px;
}

.x-border-box .x-tab-default-bottom {
    height: 21px;
}

.x-tab-default-top {
    box-shadow: white 0 1px 0 0 inset, false, white -1px 0 0 0 inset, white 1px 0 0 0 inset;
    border-bottom: 1px solid #99bce8 !important;
}

.x-safari4 .x-tab-default-top .x-tab-inner,
.x-safari5_0 .x-tab-default-top .x-tab-inner {
    line-height: 11px;
}

.x-nbr .x-tab-default-top {
    border-bottom-width: 1px !important;
}

.x-tab-default-top-active {
    border-bottom-color: #deecfd !important;
}

.x-tab-default-bottom {
    box-shadow: false, white 0 -1px 0 0 inset, white -1px 0 0 0 inset, white 1px 0 0 0 inset;
    border-top: 1px solid #99bce8 !important;
    box-shadow: false, white 0 -1px 0 0 inset, white -1px 0 0 0 inset, white 1px 0 0 0 inset;
}

.x-tab-default-bottom em {
    padding-top: 3px;
}

.x-tab-default-bottom button,
.x-tab-default-bottom .x-tab-inner {
    height: 13px;
    line-height: 13px;
}

.x-nbr .x-tab-default-bottom {
    border-top-width: 1px !important;
}

.x-tab-default-bottom-active {
    border-top-color: #deecfd !important;
}

.x-tab-default-disabled {
    cursor: default;
    border-color: #bbd2ef;
    background-color: #e1ecfa;
    background-image: linear-gradient(to bottom, #e1ecfa, #ecf4fe);
}

.x-tab-default-disabled button {
    color: #c3b3b3 !important;
}

.x-tab-icon-text-left .x-tab-inner {
    padding-left: 20px;
}

.x-tab button {
    position: relative;
}

.x-tab-icon {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 -1px;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    width: 18px;
    height: 18px;
}

.x-strict .x-ie8 .x-tab button,
.x-strict .x-ie9 .x-tab button {
    overflow-y: visible;
}

.x-tab-default-disabled .x-tab-icon {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

/* In IE a disabled icon needs to be hidden or the opacity effect covers some of the text */
.x-tab-noicon .x-tab-icon {
    display: none;
}

.x-tab-top-over {
    background-color: #e8f2ff;
    background-image: linear-gradient(to bottom, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
}

.x-tab-bottom-over {
    background-color: #e8f2ff;
    background-image: linear-gradient(to top, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
}

.x-tab-active {
    z-index: 3;
}

.x-tab-active button {
    color: #15498b;
}

.x-tab-top-active {
    background-color: #deecfd;
    background-image: linear-gradient(to bottom, #fff, #f5f9fe 25%, #deecfd 45%);
}

.x-tab-bottom-active {
    background-color: #deecfd;
    background-image: linear-gradient(to top, #fff, #f5f9fe 25%, #deecfd 45%);
}

.x-tab-disabled {
    border-color: #bbd2ef;
}

.x-tab-disabled button {
    color: #c3b3b3;
}

.x-tab-top-disabled {
    background-color: #e1ecfa;
    background-image: linear-gradient(to bottom, #e1ecfa, #ecf4fe);
}

.x-tab-bottom-disabled {
    background-color: #e1ecfa;
    background-image: linear-gradient(to top, #e1ecfa, #ecf4fe);
}

.x-nlg .x-tab-top {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-bg.gif');
}

.x-nlg .x-tab-bottom {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-bg.gif');
}

.x-nlg .x-tab-top-over {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-over-bg.gif');
}

.x-nlg .x-tab-bottom-over {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-over-bg.gif');
}

.x-nlg .x-tab-top-active {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-active-bg.gif');
}

.x-nlg .x-tab-bottom-active {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-active-bg.gif');
}

.x-nlg .x-tab-top-disabled {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-disabled-bg.gif') !important;
}

.x-nlg .x-tab-bottom-disabled {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-disabled-bg.gif') !important;
}

.x-tab-closable em {
    padding-right: 14px;
}

.x-tab-close-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    background: no-repeat;
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-close.gif');
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

.x-nbr .x-tab-close-btn {
    top: 0;
    right: 0;
}

/* Include the element name otherwise Internet Explorer 7 & 8 take a performance hit */
a.x-tab-close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

/* Include the element name to raise the specificity to equal the :hover */
.x-tab-default-disabled a.x-tab-close-btn {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.x-nbr .x-tab-top-over .x-frame-tl,
.x-nbr .x-tab-top-over .x-frame-bl,
.x-nbr .x-tab-top-over .x-frame-tr,
.x-nbr .x-tab-top-over .x-frame-br,
.x-nbr .x-tab-top-over .x-frame-tc,
.x-nbr .x-tab-top-over .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-over-corners.gif');
}

.x-nbr .x-tab-top-over .x-frame-ml,
.x-nbr .x-tab-top-over .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-over-sides.gif');
}

.x-nbr .x-tab-top-over .x-frame-mc {
    background-color: #e8f2ff;
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-over-bg.gif');
}

.x-nbr .x-tab-bottom-over .x-frame-tl,
.x-nbr .x-tab-bottom-over .x-frame-bl,
.x-nbr .x-tab-bottom-over .x-frame-tr,
.x-nbr .x-tab-bottom-over .x-frame-br,
.x-nbr .x-tab-bottom-over .x-frame-tc,
.x-nbr .x-tab-bottom-over .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-over-corners.gif');
}

.x-nbr .x-tab-bottom-over .x-frame-ml,
.x-nbr .x-tab-bottom-over .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-over-sides.gif');
}

.x-nbr .x-tab-bottom-over .x-frame-mc {
    background-color: #e8f2ff;
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-over-bg.gif');
}

.x-nbr .x-tab-top-active .x-frame-tl,
.x-nbr .x-tab-top-active .x-frame-bl,
.x-nbr .x-tab-top-active .x-frame-tr,
.x-nbr .x-tab-top-active .x-frame-br,
.x-nbr .x-tab-top-active .x-frame-tc,
.x-nbr .x-tab-top-active .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-active-corners.gif');
}

.x-nbr .x-tab-top-active .x-frame-ml,
.x-nbr .x-tab-top-active .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-active-sides.gif');
}

.x-nbr .x-tab-top-active .x-frame-mc {
    background-color: #deecfd;
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-active-bg.gif');
}

.x-nbr .x-tab-bottom-active .x-frame-tl,
.x-nbr .x-tab-bottom-active .x-frame-bl,
.x-nbr .x-tab-bottom-active .x-frame-tr,
.x-nbr .x-tab-bottom-active .x-frame-br,
.x-nbr .x-tab-bottom-active .x-frame-tc,
.x-nbr .x-tab-bottom-active .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-active-corners.gif');
}

.x-nbr .x-tab-bottom-active .x-frame-ml,
.x-nbr .x-tab-bottom-active .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-active-sides.gif');
}

.x-nbr .x-tab-bottom-active .x-frame-mc {
    background-color: #deecfd;
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-active-bg.gif');
}

.x-nbr .x-tab-top-disabled .x-frame-tl,
.x-nbr .x-tab-top-disabled .x-frame-bl,
.x-nbr .x-tab-top-disabled .x-frame-tr,
.x-nbr .x-tab-top-disabled .x-frame-br,
.x-nbr .x-tab-top-disabled .x-frame-tc,
.x-nbr .x-tab-top-disabled .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-disabled-corners.gif');
}

.x-nbr .x-tab-top-disabled .x-frame-ml,
.x-nbr .x-tab-top-disabled .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-disabled-sides.gif');
}

.x-nbr .x-tab-top-disabled .x-frame-mc {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-top-disabled-bg.gif');
}

.x-nbr .x-tab-bottom-disabled .x-frame-tl,
.x-nbr .x-tab-bottom-disabled .x-frame-bl,
.x-nbr .x-tab-bottom-disabled .x-frame-tr,
.x-nbr .x-tab-bottom-disabled .x-frame-br,
.x-nbr .x-tab-bottom-disabled .x-frame-tc,
.x-nbr .x-tab-bottom-disabled .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-disabled-corners.gif');
}

.x-nbr .x-tab-bottom-disabled .x-frame-ml,
.x-nbr .x-tab-bottom-disabled .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-disabled-sides.gif');
}

.x-nbr .x-tab-bottom-disabled .x-frame-mc {
    background-repeat: repeat-x;
    background-image: url('../../../../extjs/resources/themes/images/default/tab/tab-default-bottom-disabled-bg.gif');
}

.x-autowidth-table table.x-grid-table {
    table-layout: auto;
    width: auto !important;
}

.x-tree-no-lines .x-tree-elbow {
    background-color: transparent;
}

.x-tree-no-lines .x-tree-elbow-end {
    background-color: transparent;
}

.x-tree-no-lines .x-tree-elbow-line {
    background-color: transparent;
}

.x-tree-arrows .x-tree-elbow-plus {
    background: transparent no-repeat 0 0;
}

.x-tree-arrows .x-tree-elbow-end-plus {
    background: transparent no-repeat 0 0;
}

.x-tree-arrows .x-tree-elbow-end-minus {
    background: transparent no-repeat -16px 0;
}

.x-tree-arrows .x-tree-elbow-minus {
    background: transparent no-repeat -16px 0;
}

.x-tree-arrows .x-tree-elbow {
    background-color: transparent !important;
}

.x-tree-arrows .x-tree-elbow-end {
    background-color: transparent !important;
}

.x-tree-arrows .x-grid-tree-node-expanded .x-tree-elbow-plus,
.x-tree-arrows .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    background-image: url(/insieme/stromboli/resources/icons/j/nav/opened_over.svg);
    background-size: 10px;
    background-position: 5px 5px;
}

.x-tree-elbow-plus,
.x-tree-elbow-minus,
.x-tree-elbow-end-plus,
.x-tree-elbow-end-minus {
    cursor: pointer;
}

.x-tree-lines .x-tree-elbow-plus {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/closed.svg);
}

.x-grid-with-row-lines .x-tree-icon {
    margin-top: 0;
}

.x-tree-elbow,
.x-tree-elbow-end,
.x-tree-elbow-plus,
.x-tree-elbow-end-plus,
.x-tree-elbow-empty,
.x-tree-elbow-line {
    height: 24px;
    width: 18px;
}

.x-tree-icon-leaf {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/policy.svg);
    background-repeat: no-repeat;
}

.x-tree-icon-parent {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/folder.svg);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

.x-grid-tree-node-expanded .x-tree-icon-parent {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/folder.svg);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

/* L4/L7 Param tables for Non-Cloud mode */
.x-tabpanel-child .x-tree-icon-parent,
.x-tabpanel-child .x-tree-icon-leaf {
    position: relative;
}
.x-tabpanel-child .x-tree-icon-parent {
    top: -4px;
    margin-right: 5px;
}
.x-tabpanel-child .x-tree-icon-leaf {
    top: -1px;
    margin-right: -1px;
}
/* END L4/L7 Param tables for Non-Cloud mode */

.x-grid-rowbody {
    padding: 0;
}

.x-grid-cell-treecolumn .x-grid-cell-inner {
    padding: 3px 0 0 0;
    line-height: 23px;
}

.x-grid-with-row-lines .x-grid-cell-treecolumn .x-grid-cell-inner {
    line-height: 21px;
}

.x-tree-panel .x-grid-cell-inner {
    cursor: pointer;
}

.x-tree-panel .x-grid-cell-inner img {
    display: inline-block;
}

.x-grid-editor-on-text-node .x-form-text, .x-grid-editor-on-text-node .i-form-text {
    padding-left: 1px;
    padding-right: 1px;
}

.x-opera .x-grid-editor-on-text-node .x-form-text, .x-opera .x-grid-editor-on-text-node .i-form-text {
    padding-left: 2px;
    padding-right: 2px;
}

.x-tree-checkbox {
    margin: 6px 4px 0 0;
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 13px;
    background: no-repeat;
    background-image: url('../../../../extjs/resources/themes/images/default/../../../../../insieme/stromboli/resources/icons/checkbox_sprite.png');
    overflow: hidden;
    padding: 0;
    border: 0;
}

.x-tree-checkbox::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.x-grid-with-row-lines .x-tree-checkbox {
    margin-top: 5px;
}

.x-tree-checkbox-checked {
    background-position: 0 -13px;
}

.x-tree-drop-ok-append .x-dd-drop-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/tree/drop-append.gif');
}

.x-tree-drop-ok-above .x-dd-drop-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/tree/drop-above.gif');
}

.x-tree-drop-ok-below .x-dd-drop-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/tree/drop-below.gif');
}

.x-tree-drop-ok-between .x-dd-drop-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/tree/drop-between.gif');
}

.x-grid-tree-loading .x-tree-icon {
    background-image: url('../../../../extjs/resources/themes/images/default/tree/loading.gif');
}

.x-tree-ddindicator {
    height: 1px;
    border-width: 1px 0 0;
    border-style: dotted;
    border-color: green;
}

.x-grid-tree-loading span {
    font-style: italic;
    color: #444;
}

.x-tree-animator-wrap {
    overflow: hidden;
}

.x-surface {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    overflow: hidden;
}

.rvml {
    behavior: url(#default#VML);
}

.x-surface tspan {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
}

.x-vml-sprite {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
}

.x-vml-group {
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px;
    height: 1000px;
}

.x-vml-measure-span {
    position: absolute;
    left: -9999em;
    top: -9999em;
    padding: 0;
    margin: 0;
    display: inline;
}

.x-vml-base {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    display: inline-block;
}

.x-vml-base {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    display: inline-block;
}

svg, vml {
    overflow: hidden;
}

.x-viewport, .x-viewport body {
    margin: 0;
    padding: 0;
    border: 0 none;
    overflow: hidden;
    height: 100%;
    position: static;
    background: #f2f2f2;
}

.x-splitter .x-collapse-el {
    position: absolute;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat !important;
}

.x-layout-split-left,
.x-layout-split-right {
    top: 50%;
    margin-top: -17px;
    width: 5px;
    height: 35px;
}

.x-layout-split-top,
.x-layout-split-bottom {
    left: 50%;
    width: 35px;
    height: 5px;
    margin-left: -17px;
}

.x-layout-split-left {
    background: no-repeat top right;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-left.gif');
}

.x-layout-split-right {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-right.gif');
}

.x-layout-split-top {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-top.gif');
}

.x-layout-split-bottom {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-bottom.gif');
}

.x-splitter-collapsed .x-layout-split-left {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-right.gif');
}

.x-splitter-collapsed .x-layout-split-right {
    background: no-repeat top right;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-left.gif');
}

.x-splitter-collapsed .x-layout-split-top {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-bottom.gif');
}

.x-splitter-collapsed .x-layout-split-bottom {
    background: no-repeat top left;
    background-image: url('../../../../extjs/resources/themes/images/default/util/splitter/mini-top.gif');
}

.x-splitter-horizontal {
    cursor: e-resize;
    cursor: row-resize;
    font-size: 1px;
}

.x-splitter-vertical {
    cursor: e-resize;
    cursor: col-resize;
    font-size: 1px;
}

.x-splitter-collapsed, .x-splitter-horizontal-noresize, .x-splitter-vertical-noresize {
    cursor: default;
}

.x-splitter-active {
    z-index: 4;
    font-size: 1px;
    background-color: #b4b4b4;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.x-splitter-active .x-collapse-el {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.x-proxy-el {
    position: absolute;
    background: #b4b4b4;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.x-btn-default-small:hover {
    color: #fff;
    background-color: #626469;
    box-shadow: 0 0 0 0 transparent;
}

.top-header-search-splitbutton .x-btn-inner {
    color: black;
}

.top-header-search-splitbutton {
    border-radius: 3px;
    background-color: white;
    border-color: #D1D1D1 !important;
}

.top-header-search-splitbutton:hover {
    border-color: #b0ccf2;
    background: #e4f3ff;
}

.x-btn-default-small.x-btn-default-small-disabled {
    opacity: 1;
    color: #c6c7ca !important;
    background-color: #dfdfdf !important;
}

.fabric-inventory-nodeconfig-btn .x-btn-inner {
    color: #017cad;
}

.button-group > li:first-child .button {
    border-left: 2px solid !important;
}

.button-group > li:first-child .button:hover, .button-group > li:first-child .button:active, .button-group > li:first-child .button:focus {
    border-left: 2px solid #2e81d6 !important;
}

.button.small {
    border: solid 2px #2e81d6 !important;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: normal;
    margin: 0;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding: 0 0 0.0625rem 0;
    background-color: #fff;
    color: #017cad;
    padding: 0.5em 1em;
    margin: 0.5em 0 0.5em -2px !important;
    font-size: 12px;
}

.button.small:hover, .button.small:focus {
    background-color: #017cad;
}

.button.small:hover, .button.small:focus {
    color: #fff;
}

.button.small:hover, .button.small:focus {
    background-color: #2e81d6;
}

.button.small:hover, .button.small:focus {
    color: #fff;
}

.graphisToggleBtn {
    float: right;
}

.graphisToggleBtn li {
    display: inline-block;
}

.x-btn-rollback-small {
    border-color: #0095D7;
}

.x-btn-rollback-small {
    border-radius: 0;
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    background-color: #0095D7;
}

.x-nlg .x-btn-rollback-small-mc {
    background-color: #0095D7;
}

.x-nbr .x-btn-rollback-small {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100000px 1000000px;
}

.x-nbr .x-btn-rollback-small-tl,
.x-nbr .x-btn-rollback-small-bl,
.x-nbr .x-btn-rollback-small-tr,
.x-nbr .x-btn-rollback-small-br,
.x-nbr .x-btn-rollback-small-tc,
.x-nbr .x-btn-rollback-small-bc,
.x-nbr .x-btn-rollback-small-ml,
.x-nbr .x-btn-rollback-small-mr {
    zoom: 1;
    background-image: url('../images/default/btn/btn-rollback-small-corners.gif');
}

.x-nbr .x-btn-rollback-small-ml,
.x-nbr .x-btn-rollback-small-mr {
    zoom: 1;
    background-image: url('../images/default/btn/btn-rollback-small-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-btn-rollback-small-mc {
    padding: 5px 5px 5px 5px;
}

.x-btn-rollback-small .x-btn-inner {
    font-size: 14px;
    font-family: "Open Sans Semibold";
    color: white;
    background-repeat: no-repeat;
    padding: 0;
}

.x-btn-rollback-small-icon button,
.x-btn-rollback-small-icon a,
.x-btn-rollback-small-icon .x-btn-inner,
.x-btn-rollback-small-noicon button,
.x-btn-rollback-small-noicon a,
.x-btn-rollback-small-noicon .x-btn-inner {
    height: 16px;
    line-height: 16px;
}

.x-btn-rollback-small-icon button,
.x-btn-rollback-small-icon a {
    padding: 0;
}

.x-btn-rollback-small-icon .x-btn-inner {
    /* even though there is no text we set a width and padding as buttons shrink-wrap around this element */
    width: 16px;
    padding: 0;
}

.x-btn-rollback-small-icon .x-btn-icon {
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-btn-rollback-small-icon-text-left button,
.x-btn-rollback-small-icon-text-left a {
    height: 16px;
}

.x-btn-rollback-small-icon-text-left .x-btn-inner {
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
}

.x-btn-rollback-small-icon-text-left .x-btn-icon {
    width: 16px;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
}

.x-ie6 .x-btn-rollback-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-rollback-small-icon-text-left .x-btn-icon {
    height: 16px;
}

.x-btn-rollback-small-icon-text-right button,
.x-btn-rollback-small-icon-text-right a {
    height: 16px;
}

.x-btn-rollback-small-icon-text-right .x-btn-inner {
    height: 16px;
    line-height: 16px;
    padding-right: 20px !important;
}

.x-btn-rollback-small-icon-text-right .x-btn-icon {
    width: 16px;
    height: auto;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-rollback-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-rollback-small-icon-text-right .x-btn-icon {
    height: 16px;
}

.x-btn-rollback-small-icon-text-top .x-btn-inner {
    padding-top: 20px;
}

.x-btn-rollback-small-icon-text-top .x-btn-icon {
    width: auto;
    height: 16px;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
}

.x-ie6 .x-btn-rollback-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-rollback-small-icon-text-top .x-btn-icon {
    width: 16px;
}

.x-btn-rollback-small-icon-text-bottom .x-btn-inner {
    padding-bottom: 20px;
}

.x-btn-rollback-small-icon-text-bottom .x-btn-icon {
    width: auto;
    height: 16px;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-rollback-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-rollback-small-icon-text-bottom .x-btn-icon {
    width: 16px;
}

.x-btn-rollback-small-over {
    background-image: none;
    background-color: #0095D7;
}

.x-btn-rollback-small-focus {
    background-image: none;
    background-color: #0095D7;
}

.x-btn-rollback-small-menu-active,
.x-btn-rollback-small-pressed {
    background-image: none;
    background-color: #0095D7;
}

.x-btn-rollback-small-menu-active .x-btn-inner,
.x-btn-rollback-small-pressed .x-btn-inner {
    font-weight: bold;
}

.x-btn-rollback-small-disabled {
    border-color: #87C8E5;
    background-image: none;
    background-color: #87C8E5;
}

.x-nbr .x-btn-rollback-small-over .x-frame-tl,
.x-nbr .x-btn-rollback-small-over .x-frame-bl,
.x-nbr .x-btn-rollback-small-over .x-frame-tr,
.x-nbr .x-btn-rollback-small-over .x-frame-br,
.x-nbr .x-btn-rollback-small-over .x-frame-tc,
.x-nbr .x-btn-rollback-small-over .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollback-small-over-corners.gif');
}

.x-nbr .x-btn-rollback-small-over .x-frame-ml,
.x-nbr .x-btn-rollback-small-over .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollback-small-over-sides.gif');
}

.x-nbr .x-btn-rollback-small-over .x-frame-mc {
    background-color: #0095D7;
}

.x-nbr .x-btn-rollback-small-focus .x-frame-tl,
.x-nbr .x-btn-rollback-small-focus .x-frame-bl,
.x-nbr .x-btn-rollback-small-focus .x-frame-tr,
.x-nbr .x-btn-rollback-small-focus .x-frame-br,
.x-nbr .x-btn-rollback-small-focus .x-frame-tc,
.x-nbr .x-btn-rollback-small-focus .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollback-small-focus-corners.gif');
}

.x-nbr .x-btn-rollback-small-focus .x-frame-ml,
.x-nbr .x-btn-rollback-small-focus .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollback-small-focus-sides.gif');
}

.x-nbr .x-btn-rollback-small-focus .x-frame-mc {
    background-color: #0095D7;
}

.x-nbr .x-btn-rollback-small-menu-active .x-frame-tl,
.x-nbr .x-btn-rollback-small-menu-active .x-frame-bl,
.x-nbr .x-btn-rollback-small-menu-active .x-frame-tr,
.x-nbr .x-btn-rollback-small-menu-active .x-frame-br,
.x-nbr .x-btn-rollback-small-menu-active .x-frame-tc,
.x-nbr .x-btn-rollback-small-menu-active .x-frame-bc,
.x-nbr .x-btn-rollback-small-pressed .x-frame-tl,
.x-nbr .x-btn-rollback-small-pressed .x-frame-bl,
.x-nbr .x-btn-rollback-small-pressed .x-frame-tr,
.x-nbr .x-btn-rollback-small-pressed .x-frame-br,
.x-nbr .x-btn-rollback-small-pressed .x-frame-tc,
.x-nbr .x-btn-rollback-small-pressed .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollback-small-pressed-corners.gif');
}

.x-nbr .x-btn-rollback-small-menu-active .x-frame-ml,
.x-nbr .x-btn-rollback-small-menu-active .x-frame-mr,
.x-nbr .x-btn-rollback-small-pressed .x-frame-ml,
.x-nbr .x-btn-rollback-small-pressed .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollback-small-pressed-sides.gif');
}

.x-nbr .x-btn-rollback-small-menu-active .x-frame-mc,
.x-nbr .x-btn-rollback-small-pressed .x-frame-mc {
    background-color: #0095D7;
}

.x-nbr .x-btn-rollback-small-disabled .x-frame-tl,
.x-nbr .x-btn-rollback-small-disabled .x-frame-bl,
.x-nbr .x-btn-rollback-small-disabled .x-frame-tr,
.x-nbr .x-btn-rollback-small-disabled .x-frame-br,
.x-nbr .x-btn-rollback-small-disabled .x-frame-tc,
.x-nbr .x-btn-rollback-small-disabled .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollback-small-disabled-corners.gif');
}

.x-nbr .x-btn-rollback-small-disabled .x-frame-ml,
.x-nbr .x-btn-rollback-small-disabled .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollback-small-disabled-sides.gif');
}

.x-nbr .x-btn-rollback-small-disabled .x-frame-mc {
    background-color: #87C8E5;
}

.x-btn-rollbackHeader-small {
    border-color: white;
}

.x-btn-rollbackHeader-small {
    border-radius: 1;
    padding: 2px 2px 2px 2px;
    border-width: 2px;
    border-style: solid;
    background-color: #0095D7;
}

.x-nlg .x-btn-rollbackHeader-small-mc {
    background-color: #0095D7;
}

.x-nbr .x-btn-rollbackHeader-small {
    padding: 0 !important;
    border-width: 0 !important;
    border-radius: 0;
    background-color: transparent;
    background-position: 1100101px 1000101px;
}

.x-nbr .x-btn-rollbackHeader-small-tl,
.x-nbr .x-btn-rollbackHeader-small-bl,
.x-nbr .x-btn-rollbackHeader-small-tr,
.x-nbr .x-btn-rollbackHeader-small-br,
.x-nbr .x-btn-rollbackHeader-small-tc,
.x-nbr .x-btn-rollbackHeader-small-bc,
.x-nbr .x-btn-rollbackHeader-small-ml,
.x-nbr .x-btn-rollbackHeader-small-mr {
    zoom: 1;
    background-image: url('../images/default/btn/btn-rollbackHeader-small-corners.gif');
}

.x-nbr .x-btn-rollbackHeader-small-ml,
.x-nbr .x-btn-rollbackHeader-small-mr {
    zoom: 1;
    background-image: url('../images/default/btn/btn-rollbackHeader-small-sides.gif');
    background-position: 0 0;
    background-repeat: repeat-y;
}

.x-nbr .x-btn-rollbackHeader-small-mc {
    padding: 3px 3px 3px 3px;
}

.x-btn-rollbackHeader-small .x-btn-inner {
    font-size: 14px;
    color: white;
    background-repeat: no-repeat;
    padding: 0;
}

.x-btn-rollbackHeader-small-icon button,
.x-btn-rollbackHeader-small-icon a,
.x-btn-rollbackHeader-small-icon .x-btn-inner,
.x-btn-rollbackHeader-small-noicon button,
.x-btn-rollbackHeader-small-noicon a,
.x-btn-rollbackHeader-small-noicon .x-btn-inner {
    height: 16px;
    line-height: 16px;
}

.x-btn-rollbackHeader-small-icon button,
.x-btn-rollbackHeader-small-icon a {
    padding: 0;
}

.x-btn-rollbackHeader-small-icon .x-btn-inner {
    /* even though there is no text we set a width and padding as buttons shrink-wrap around this element */
    width: 16px;
    padding: 0;
}

.x-btn-rollbackHeader-small-icon .x-btn-icon {
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-btn-rollbackHeader-small-icon-text-left button,
.x-btn-rollbackHeader-small-icon-text-left a {
    height: 16px;
}

.x-btn-rollbackHeader-small-icon-text-left .x-btn-inner {
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
}

.x-btn-rollbackHeader-small-icon-text-left .x-btn-icon {
    width: 16px;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
}

.x-ie6 .x-btn-rollbackHeader-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-rollbackHeader-small-icon-text-left .x-btn-icon {
    height: 16px;
}

.x-btn-rollbackHeader-small-icon-text-right button,
.x-btn-rollbackHeader-small-icon-text-right a {
    height: 16px;
}

.x-btn-rollbackHeader-small-icon-text-right .x-btn-inner {
    height: 16px;
    line-height: 16px;
    padding-right: 20px !important;
}

.x-btn-rollbackHeader-small-icon-text-right .x-btn-icon {
    width: 16px;
    height: auto;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-rollbackHeader-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-rollbackHeader-small-icon-text-right .x-btn-icon {
    height: 16px;
}

.x-btn-rollbackHeader-small-icon-text-top .x-btn-inner {
    padding-top: 20px;
}

.x-btn-rollbackHeader-small-icon-text-top .x-btn-icon {
    width: auto;
    height: 16px;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
}

.x-ie6 .x-btn-rollbackHeader-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-rollbackHeader-small-icon-text-top .x-btn-icon {
    width: 16px;
}

.x-btn-rollbackHeader-small-icon-text-bottom .x-btn-inner {
    padding-bottom: 20px;
}

.x-btn-rollbackHeader-small-icon-text-bottom .x-btn-icon {
    width: auto;
    height: 16px;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
}

.x-ie6 .x-btn-rollbackHeader-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-rollbackHeader-small-icon-text-bottom .x-btn-icon {
    width: 16px;
}

.x-btn-rollbackHeader-small-over {
    background-image: none;
    background-color: #0095D7;
}

.x-btn-rollbackHeader-small-over .x-btn-inner {
    font-family: "Inter", Helvetica, Arial, sans-serif;
}

.x-btn-rollbackHeader-small-focus {
    background-image: none;
    background-color: #0095D7;
}

.x-btn-rollbackHeader-small-focus .x-btn-inner {
    font-family: "Inter", Helvetica, Arial, sans-serif;
}

.x-btn-rollbackHeader-small-menu-active,
.x-btn-rollbackHeader-small-pressed {
    background-image: none;
    background-color: #0095D7;
}

.x-btn-rollbackHeader-small-menu-active .x-btn-inner,
.x-btn-rollbackHeader-small-pressed .x-btn-inner {
    font-weight: bold;
    font-family: "Inter", Helvetica, Arial, sans-serif;
}

.x-btn-rollbackHeader-small-disabled {
    background-image: none;
    background-color: #87C8E5;
}

.x-btn-rollbackHeader-small-disabled .x-btn-inner {
    font-family: "Inter", Helvetica, Arial, sans-serif;
}

.x-nbr .x-btn-rollbackHeader-small-over .x-frame-tl,
.x-nbr .x-btn-rollbackHeader-small-over .x-frame-bl,
.x-nbr .x-btn-rollbackHeader-small-over .x-frame-tr,
.x-nbr .x-btn-rollbackHeader-small-over .x-frame-br,
.x-nbr .x-btn-rollbackHeader-small-over .x-frame-tc,
.x-nbr .x-btn-rollbackHeader-small-over .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollbackHeader-small-over-corners.gif');
}

.x-nbr .x-btn-rollbackHeader-small-over .x-frame-ml,
.x-nbr .x-btn-rollbackHeader-small-over .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollbackHeader-small-over-sides.gif');
}

.x-nbr .x-btn-rollbackHeader-small-over .x-frame-mc {
    background-color: #0095D7;
}

.x-nbr .x-btn-rollbackHeader-small-focus .x-frame-tl,
.x-nbr .x-btn-rollbackHeader-small-focus .x-frame-bl,
.x-nbr .x-btn-rollbackHeader-small-focus .x-frame-tr,
.x-nbr .x-btn-rollbackHeader-small-focus .x-frame-br,
.x-nbr .x-btn-rollbackHeader-small-focus .x-frame-tc,
.x-nbr .x-btn-rollbackHeader-small-focus .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollbackHeader-small-focus-corners.gif');
}

.x-nbr .x-btn-rollbackHeader-small-focus .x-frame-ml,
.x-nbr .x-btn-rollbackHeader-small-focus .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollbackHeader-small-focus-sides.gif');
}

.x-nbr .x-btn-rollbackHeader-small-focus .x-frame-mc {
    background-color: #0095D7;
}

.x-nbr .x-btn-rollbackHeader-small-menu-active .x-frame-tl,
.x-nbr .x-btn-rollbackHeader-small-menu-active .x-frame-bl,
.x-nbr .x-btn-rollbackHeader-small-menu-active .x-frame-tr,
.x-nbr .x-btn-rollbackHeader-small-menu-active .x-frame-br,
.x-nbr .x-btn-rollbackHeader-small-menu-active .x-frame-tc,
.x-nbr .x-btn-rollbackHeader-small-menu-active .x-frame-bc,
.x-nbr .x-btn-rollbackHeader-small-pressed .x-frame-tl,
.x-nbr .x-btn-rollbackHeader-small-pressed .x-frame-bl,
.x-nbr .x-btn-rollbackHeader-small-pressed .x-frame-tr,
.x-nbr .x-btn-rollbackHeader-small-pressed .x-frame-br,
.x-nbr .x-btn-rollbackHeader-small-pressed .x-frame-tc,
.x-nbr .x-btn-rollbackHeader-small-pressed .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollbackHeader-small-pressed-corners.gif');
}

.x-nbr .x-btn-rollbackHeader-small-menu-active .x-frame-ml,
.x-nbr .x-btn-rollbackHeader-small-menu-active .x-frame-mr,
.x-nbr .x-btn-rollbackHeader-small-pressed .x-frame-ml,
.x-nbr .x-btn-rollbackHeader-small-pressed .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollbackHeader-small-pressed-sides.gif');
}

.x-nbr .x-btn-rollbackHeader-small-menu-active .x-frame-mc,
.x-nbr .x-btn-rollbackHeader-small-pressed .x-frame-mc {
    background-color: #0095D7;
}

.x-nbr .x-btn-rollbackHeader-small-disabled .x-frame-tl,
.x-nbr .x-btn-rollbackHeader-small-disabled .x-frame-bl,
.x-nbr .x-btn-rollbackHeader-small-disabled .x-frame-tr,
.x-nbr .x-btn-rollbackHeader-small-disabled .x-frame-br,
.x-nbr .x-btn-rollbackHeader-small-disabled .x-frame-tc,
.x-nbr .x-btn-rollbackHeader-small-disabled .x-frame-bc {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollbackHeader-small-disabled-corners.gif');
}

.x-nbr .x-btn-rollbackHeader-small-disabled .x-frame-ml,
.x-nbr .x-btn-rollbackHeader-small-disabled .x-frame-mr {
    background-image: url('../../../../extjs/resources/themes/images/default/btn/btn-rollbackHeader-small-disabled-sides.gif');
}

.x-nbr .x-btn-rollbackHeader-small-disabled .x-frame-mc {
    background-color: #87C8E5;
}

.x-panel, .i-panel {
    border: none;
}

.i-panel-body {
    border-width: 0;
}

.i-panel-body-default #app:foo-body {
    padding: 0 12px 12px 12px;
}

.x-panel-header-body, .i-panel-header-body {
    background-image: none;
    background-color: transparent;
    font-size: 21px;
    font-family: "SharpSans", Helvetica, Arial, sans-serif;
    font-style: normal;
}

.i-panel-header-default {
    border-width: 0;
    box-shadow: 0 0 0 0 transparent inset;
}

.cui .navTree img.x-tree-icon {
    color: #fff;
    margin: -2px 6px 0 2px;
}
.cui .navTree.tree-panel {
    background: #253D5F;
    padding: 10px 0;
}
.cui .navTree .x-panel-header,
.cui .navTree .x-panel-body,
.cui .navTree .x-grid-view,
.cui .navTree .x-grid-view .x-grid-table .x-grid-row .x-grid-cell {
    background-color: transparent;
}
.cui .navTree .x-grid-row.x-grid-row-selected .x-grid-cell:first-child,
.cui .navTree .x-grid-row.x-grid-row-selected .x-grid-cell,
.cui .navTree .x-grid-row.x-grid-row-selected .x-grid-rowwrap-div,
.cui .navTree .x-grid-row.x-grid-row-focused .x-grid-cell:first-child,
.cui .navTree .x-grid-row.x-grid-row-focused .x-grid-cell,
.cui .navTree .x-grid-row.x-grid-row-focused .x-grid-rowwrap-div,
.cui .navTree .x-grid-row.x-grid-row-over .x-grid-cell:first-child,
.cui .navTree .x-grid-row.x-grid-row-over .x-grid-cell,
.cui .navTree .x-grid-row.x-grid-row-over .x-grid-rowwrap-div {
    background-color: rgba(0,0,0,0.25);
    border-left: solid 4px #fff;
}
.cui .navTree .x-panel-header-default {
    padding-top: 5px;
}
.cui .navTree .x-grid-header-ct, .i-grid-header-ct {
    border-bottom: 0 !important;
}
.cui .navTree .x-panel-header-text {
    color: #fff;
    background-color: transparent;
    padding-left: 10px;
}
.cui .navTree .x-grid-table {
    color: #fff;
}
.cui .navTree .btn.btn--icon.btn--xsmall {
    background: #253D5F;
    border: solid 1px #fff;
    border-radius: 50%;
    overflow: unset;
}
.navTree *[class*='icon-'],
.insieme-topology-toolbar *[class*='icon-'] {
    color: #fff;
}

.cui .x-panel-body .navTree .x-grid-table {
    color: inherit;
}

/* custom button-icon for display only */
.alert__message .btn--xsmall.i-btn-display.i-btn-default {
    cursor: default;
}
.alert__message .btn--xsmall.i-btn-display *[class*='icon-'] {
    font-size: 1.9em;
    cursor: default;
}

.alert_allreasonMsg {
    overflow: scroll;
    height: 80px;
    padding:5px;
    border: 1px solid #ccc;
}
.alert_allreasonMsg::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.alert_allreasonMsg::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.i-panel-title-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.i-panel-title-text {
    padding-left: 5px;
}

.x-panel-header-text,
.i-panel-header-text {
    background-color: #fff;
    font-size: 21px;
}

.x-panel-header-text-container,
.i-panel-header-text-container {
    background-image: none;
    background-color: transparent;
    height: 32px;
    font-size: 21px;
    font-family: "SharpSans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
}

.dashboard-panel {
    background-color: #f2f2f2;
}

.x-panel-header-text-default,
.i-panel-header-text-default {
    background-color: transparent;
    font-size: 16px;
    position: relative;
    line-height: 1.3;
}

.x-tree-arrows .x-tree-elbow-plus,
.x-tree-arrows .x-tree-elbow-minus,
.x-tree-arrows .x-tree-elbow-end-plus,
.x-tree-lines .x-tree-elbow-plus,
.x-tree-lines .x-tree-elbow-end-plus,
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus,
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus,
.x-tree-arrows .x-tree-elbow-end-minus {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/closed.svg);
    width: 18px;
    height: 18px;
    background-size: 5px;
    background-position: 8px 4px;
    background-repeat: no-repeat;
}

.x-tree-arrows .x-grid-tree-node-expanded .x-tree-elbow-plus,
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus,
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus,
.x-tree-arrows .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/opened_over.svg);
    background-size: 10px;
    background-position-x: -1px;
    background-position: 5px 5px;
}

.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander-over .x-tree-elbow-plus,
.x-tree-lines .x-tree-elbow-end-plus,
.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander-over .x-tree-elbow-end-plus {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/opened_over.svg);
}

.x-tree-arrows .x-tree-expander-over .x-tree-elbow-plus,
.x-tree-arrows .x-tree-expander-over .x-tree-elbow-end-plus,
.x-grid-row.x-grid-row-selected.x-grid-row-focused .x-grid-cell-inner .x-tree-elbow-end-minus {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/closed_over.svg);
}

.x-grid-cell-inner .x-tree-elbow-end-plus {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/closed.svg);
}

.x-tree-elbow, .x-tree-elbow-end,
.x-tree-elbow-empty .x-tree-elbow .x-tree-elbow-end .x-tree-elbow-line {
    margin-right: 0;
    width: 18px !important;
    height: 18px;
}

.x-panel-i-table2 .x-grid-tree-node-expanded .x-tree-icon-parent,
.x-panel-i-table .x-grid-tree-node-expanded .x-tree-icon-parent,
.x-panel-i-table2 .x-tree-icon-parent,
.x-panel-i-table .x-tree-icon-parent {
    background-image: url("/insieme/stromboli/resources/icons/j/generic/folder.svg");
    width: 16px;
}

.x-panel-i-table2 .x-tree-icon-leaf,
.x-panel-i-table .x-tree-icon-leaf {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/policy.svg);
    background-repeat: no-repeat;
}

.x-grid-header-ct, .i-grid-header-ct {
    border-bottom: 1px solid #dfdfdf !important;
}

.x-panel .x-grid-body, .i-panel .x-grid-body, .i-panel .x-grid-body, .x-panel .i-grid-body, .i-panel .i-grid-body, .i-panel .i-grid-body {
    border-top: 0 !important;
}

.x-grid-cell-inner {
    font: 300 12px "Inter",Helvetica,Arial,sans-serif;
}

.x-grid-view {
    background-color: #fff;
}

.x-grid-header {
    background-color: yellow;
}

.fault-counts-domain-table .x-column-header, .fault-counts-type-table .x-column-header {
    border-bottom: 0 !important;
}

.x-grid-row .x-grid-cell {
    background-color: #f5f5f6;
    border-left: solid 4px transparent;
}

.x-grid-row-alt .x-grid-cell,
.x-grid-row-alt .x-grid-rowwrap-div {
    background-color: #fff;
}

.x-grid-row-selected .x-grid-cell:first-child,
.x-grid-row-selected .x-grid-rowwrap-div {
    background: rgba(1,124,173,.2);
    border-left: 4px solid #017CAD;
}

.x-grid-row-selected .x-grid-cell,
.x-grid-row-selected .x-grid-rowwrap-div {
    background: rgba(1,124,173,.2);
}

.x-grid-row-over .x-grid-cell,
.x-grid-row-over .x-grid-rowwrap-div {
    background: rgba(0,0,0,0.05);
}

.x-grid-row-selected.x-grid-row-over .x-grid-cell,
.x-grid-row-selected.x-grid-row-over .x-grid-rowwrap-div {
    background: rgba(1,124,173,.2);
}

.x-grid-header-ct-default {
    background: none repeat scroll 0 0 #fff;
}

.x-column-header, .i-column-header {
    padding: 0 6px;
}

.x-column-header-over {
    cursor: pointer !important;
}

.x-grid-with-row-lines {
    border-bottom: 1px solid #E7E6E8;
}

.x-accordion-hd,
.i-accordion-hd,
.i-small-accordion-hd {
    background-color: #e6e6e8;
    color: #017cad;
    border-top-color: #017cad !important;
    border-top-width: 0 !important;
}

.x-accordion-hd .x-panel-header-text, .i-accordion-hd .x-panel-header-text, .i-small-accordion-hd .x-panel-header-text, .x-accordion-hd .i-panel-header-text, .i-accordion-hd .i-panel-header-text, .i-small-accordion-hd .i-panel-header-text {
    color: #58585b;
}

.x-accordion-hd, .i-accordion-hd, .i-small-accordion-hd, .i-accordion-hd {
    background-color: #e6e6e8 !important;
}

div.i-small-accordion > div > div > div > div > div.i-panel-header {
    font-size: 12px;
    padding: 2px;
}

div.i-small-accordion > div > div > div > div > div.i-panel-header > div.i-panel-header-body {
    font-size: 12px;
}

div.i-small-accordion > div > div > div > div > div.i-panel-header > div.i-panel-header-body > div > div > div.i-panel-header-text-container {
    font-size: 12px;
}

div.i-small-accordion > div > div > div > div > div.i-panel-header > div.i-panel-header-body > div > div > div.i-panel-header-text-container > span.i-panel-header-text {
    font-size: 12px;
}

.x-accordion-hd .x-tool-collapse-top, .i-accordion-hd .x-tool-collapse-top, .i-small-accordion-hd .x-tool-collapse-top, .x-accordion-hd .x-tool-over .x-tool-collapse-top, .i-accordion-hd .x-tool-over .x-tool-collapse-top, .i-small-accordion-hd .x-tool-over .x-tool-collapse-top {
    -moz-appearance: none;
    border-radius: 30px;
    font-weight: normal;
    width: 22px;
    height: 22px;
    font-size: 1rem;
    line-height: 1;
    background-color: #7f7f86;
    color: #fff;
    padding-right: 0;
    padding-left: 0;
}

.x-accordion-hd .x-tool-collapse-top, .i-accordion-hd .x-tool-collapse-top, .i-small-accordion-hd .x-tool-collapse-top, .x-accordion-hd .x-tool-over .x-tool-collapse-top, .i-accordion-hd .x-tool-over .x-tool-collapse-top, .i-small-accordion-hd .x-tool-over .x-tool-collapse-top {
    -moz-appearance: none;
    border-radius: 30px;
    font-weight: normal;
    width: 22px;
    height: 22px;
    font-size: 1rem;
    line-height: 1;
    background-color: #7f7f86;
    color: #fff;
    padding-right: 0;
    padding-left: 0;
}

.x-accordion-hd .x-tool-collapse-top:hover, .i-accordion-hd .x-tool-collapse-top:hover {
    background-color: #58585b; /*  changed color for consistancy - made it darker */
}

.x-accordion-hd .x-tool-expand-bottom, .i-accordion-hd .x-tool-expand-bottom, .i-small-accordion-hd .x-tool-expand-bottom, .x-accordion-hd .x-tool-over .x-tool-expand-bottom, .i-accordion-hd .x-tool-over .x-tool-expand-bottom, .i-small-accordion-hd .x-tool-over .x-tool-expand-bottom {
    -moz-appearance: none;
    border-radius: 30px;
    font-weight: normal;
    width: 22px;
    height: 22px;
    font-size: 1rem;
    line-height: 1;
    background-color: #7f7f86;
    color: #fff;
    padding-right: 0;
    padding-left: 0;
}

.x-accordion-hd .x-tool-expand-bottom:hover, .i-accordion-hd .x-tool-expand-bottom:hover {
    background-color: #58585b; /*  changed color for consistancy - made it darker */
}

.x-form-cb-focus,
.i-form-cb-focus {
    background-position: 0 0;
}

.x-form-checkbox:active,
.i-form-checkbox:active {
    background-position: 0 0;
}

.x-form-cb-checked .x-form-checkbox,
.i-form-cb-checked .x-form-checkbox,
.x-form-cb-checked .i-form-checkbox,
.i-form-cb-checked .i-form-checkbox {
    background-position: -13px -13px;
}

.i-form-button-submit {
    background: url("/insieme/stromboli/resources/icons/SubmitButton.png") no-repeat;
    width: 108px;
    height: 35px;
    background-size: 100%;
    border: none;
}

.i-form-button-reset {
    background: url("/insieme/stromboli/resources/icons/ResetButton.png") no-repeat;
    width: 108px;
    height: 35px;
    background-size: 100%;
    border: none;
}

.x-tab-bar, .i-tab-bar {
    background-color: #fff;
    background-image: none;
}

.x-border-box .i-tab-bar-top .i-tab-bar-body {
    height: 36px;
}

.x-border-box .x-tab-default-top {
    height: 36px;
}

.i-tab-bar-body {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #dddfdf !important;
}

.i-tab-bar {
    border: none;
}

.i-tab-bar .x-tab {
    background: #fff;
    border-radius: 0;
    border: none;
    border-bottom: 10px solid #fff !important;
    margin: 0 3px 0 3px !important;
    padding: 0 6px 0 6px !important;
}

.i-tab-bar .x-tab-left-aligned {
    float: left;
}

.i-tab-bar .x-tab-bar-strip, .i-tab-bar .i-tab-bar-strip {
    display: none;
}

.i-tab-bar .x-border-box .x-tab-bar-top .x-tab-bar-body, .i-tab-bar .x-border-box .i-tab-bar-top .x-tab-bar-body, .i-tab-bar .x-border-box .x-tab-bar-top .i-tab-bar-body, .i-tab-bar .x-border-box .i-tab-bar-top .i-tab-bar-body {
    border: none;
}

.i-tab-bar .x-tab-active {
    border-bottom: 10px solid #017cad !important;
}
.i-tab-bar .x-tab:hover {
    border-bottom: 10px solid #017cad !important;
}

.i-tab-bar .x-tab-active .x-tab-inner {
    color: #017cad !important;
}

.i-tab-bar .x-tab:hover .x-tab-inner {
    color: #017cad;
    border: 1;
}

.i-tab-bar .x-tab-default-top {
    box-shadow: none;
}

.i-tab-bar .x-tab-left-aligned {
    float: left;
}

.breadcrumb {
    margin-left: 10px;
    line-height: 25px;
    display: inline-block;
    clear: both;
}

/************THIS SECTION CONTAINS STYLES COMMONLY USED BY DIFFERENT ELMENTS **************
* For example, instead of adding display: none to each element that we want to hide,
* we will simply make a class .hidden {display: none;} and add this class using JS
* to the element.  This follows the concept of OOCSS makes CSS reusable and much
* easier to maintain in the future.
*/

.hidden {
    display: none !important;
}

.shown {
    display: block;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis_200 {
    max-width: 200px;
}

.ellipsis_80 {
    max-width: 80px;
}

.left-100 {
    left: 100px !important;
}

.pan-detail .x-tool img {
    width: 15px;
    height: 15px;
    background-image: url("../../../../extjs/resources/themes/images/default/tools/tool-sprites.gif");
    margin-top: 5px;
}

.stroke-green {
    stroke: green;
    fill: none;
    stroke-dasharray: 5,5;
    stroke-width: 1;
}

.readOnlyTextField, .readOnlyTextField .x-form-field, .readOnlyTextField .i-form-field {
    border-style: none;
    background-image: none;
    background-color: transparent;
    font-weight: bold;
    padding-bottom: 5px;
}

.readOnlyTextField .x-form-field, .readOnlyTextField .i-form-field {
    margin-top: 2px;
}

.link {
    z-index: -1;
}

.x-draw-text-default text {
    fill: white;
}

.centerAln {
    text-align: center;
}

.x-grid-checkheader, .x-grid-checkheader-readonly {
    background-position: 0% -2px;
}

.x-grid-row-radiochecker {
    background-color: transparent;
    background-image: url("../icons/unradio.png");
    background-position: -1px -1px;
    background-repeat: no-repeat;
    height: 14px;
    line-height: 0;
    width: 14px;
}

.x-grid-row-selected .x-grid-row-radiochecker {
    background-image: url("../icons/radio.png");
}

.overflowScr {
    overflow: scroll;
}

.overflowHid {
    overflow: hidden;
}

.psa {
    padding: 2px;
}

.pma {
    padding: 5px;
}

.pla {
    padding: 10px;
}

.mma {
    margin: 5px;
}

.mla {
    margin: 10px;
}

.cursorPointer {
    cursor: pointer;
}

.cusorNormal .cursorPointer {
    cursor: default;
}

.label-right-aligned {
    width: 100px;
    text-align: right;
    display: inline-block;
}

.yellow {
    background-color: yellow;
}

.red {
    background-color: red;
}

.green {
    background-color: green;
}

.gray {
    background-color: #9e9ea2;
}

.opacity_20 {
    opacity: 0.25;
}

.opacity_20:hover {
    opacity: 0.75;
}

.opacity_30 {
    opacity: 0.3;
}

.opacity_40 {
    opacity: 0.4;
}

.opacity_50 {
    opacity: 0.5;
}

.ptm {
    top: 20px;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.lightgrayBdr {
    border: #bfbfbf;
}

.loading-icon {
    background: url("/extjs/resources/themes/images/default/grid/loading.gif");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
}

.noScrollX > div {
    overflow-x: hidden !important;
}

.i-panel-no-background .i-panel-body-default {
    background: none;
}

.i-textfield-long .i-form-text, .i-textfield-long .x-form-text, .i-textfield-long .i-form-text {
    max-width: none !important;
}

.status-configured {
    color: #6ebe4a;
}

.status-pending {
    color: #7f7f86;
}

.scrollX {
    overflow-x: auto;
}

.scrollY {
    overflow-y: auto;
}

.vis-container {
    min-width: 1100px;
}

.item-row {
    margin: 10px;
    overflow: auto;
    min-width: 1250px;
}

.item-section {
    display: block;
    width: 45%;
    margin: 5px;
    border: 1px solid #9e9ea2;
    float: left;
}

.item-section:first-child {
    min-width: 600px;
}

.item-section:last-child {
    min-width: 600px;
}

.full-width {
    width: 91%;
}

.item-body {
    position: relative;
}

.v-line {
    position: absolute;
    height: 90%;
    padding: 10px;
    border-right: 1px solid #f2f2f2;
    left: 415px;
    top: 5px;
}

.v-mid-line {
    left: 270px;
}

.v-left-line {
    left: 270px;
}

.single-row .v-line {
    height: 70%;
}

.item-record {
    height: 40px;
    border-bottom: 1px solid #f2f2f2;
}

.single-row .item-record {
    height: 80px;
}

.full-width .item-record {
    height: 40px;
}

.item-title {
    height: 30px;
    background: #2e81d6;
    line-height: 30px;
    padding: 0 10px;
}

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

.item-icon {
    width: 25px;
    height: 25px;
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/j/framework/Refresh28x28.png");
    background-size: 18px 18px;
    position: absolute;
    top: 6px;
    background-repeat: no-repeat;
}

.single-row .item-icon {
    top: 24px;
}

.full-width .item-icon {
    top: 12px;
}

.item-row-section {
    height: 10px;
    margin: 10px;
    font-weight: bold;
}

.item-third-width {
    display: inline-block;
    height: 100%;
    padding: 0 10px;
    position: relative;
}

.item-third-width:first-child {
    width: 270px;
}

.item-third-width:last-child {
    margin-left: 10px;
}

.item-section:last-child .item-third-width:last-child {
    min-width: 300px;
}

.item-section:first-child .item-third-width:last-child {
    min-width: 170px;
    width: -webkit-calc(100% - 300px);
    width: -o-calc(100% - 300px);
    width: -moz-calc(100% - 300px);
    width: calc(100% - 300px);
}

.item-cell {
    position: absolute;
    top: 50%;
    height: 25px;
    margin-top: -12px;
    left: 35px;
    width: 80%;
    font-size: 11px;
}

.event-count, .event-time {
    width: 45%;
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
}

.item-cell .map-cell {
    padding: 5px;
    width: 20px;
    height: 20px;
}

.item-cell .health-score {
    width: 80px;
    height: 36px;
    top: -6px;
    line-height: 36px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    cursor: default;
}

.item-third-width .fault-count-box {
    width: 60px;
    top: -11px;
}

.vis-cell-popup {
    background: #9e9ea2;
    max-width: 100px;
    font-size: 11px;
    color: white;
    padding: 3px;
}

.fault-score {
    position: relative;
    top: 0;
    left: 0;
}

.cursorNormal .cursorPointer {
    cursor: default;
}

.item-row .item-name {
    color: #2e81d6;
    font-weight: bold;
}

/* Traffic Map (Heat map) */
.trfmap-container {
    margin: 25px;
}

.trfmap-v-box-inner, .trfmap-container, .trfmap-h-box-inner {
    position: relative;
}

.trfmap-container div {
    vertical-align: middle;
    text-align: center;
    border-color: #99BCE7;
    line-height: 1;
}

.trfmap-top-box {
    position: absolute;
    overflow: hidden;
}

.trfmap-bottom-box {
    position: absolute;
    overflow: hidden;
    border-top: 1px solid;
}

.trfmap-left-box {
    position: absolute;
    overflow: hidden;
}

.trfmap-right-box {
    position: absolute;
    overflow: hidden;
    border-left: 1px solid;
}

.trfmap-center-box {
    position: absolute;
    overflow: auto;
}

.trfmap-cell {
    border-width: 0 1px 1px 0;
    float: left;
    border-style: solid;
    font-size: 10px;
}

/** THE SECTION BELOW ARE SPECIFIC RULES APPLIED TO EACH ELEMENT very specific and cannot be reused. */

.wiz-zone-page-2 {
    background-image: url("/insieme/stromboli/resources/icons/vz/vz-zone-page-2.png");
}

.wiz-zone-page-3 {
    background-image: url("/insieme/stromboli/resources/icons/vz/vz-zone-page-3.png");
}

.wiz-zone-page-4 {
    background-image: url("/insieme/stromboli/resources/icons/vz/vz-zone-page-4.png");
}

.wiz-filter-page-2 {
    background-image: url("/insieme/stromboli/resources/icons/vz/vz-filter-page-2.png");
}

.wiz-rule-page-2 {
    background-image: url("/insieme/stromboli/resources/icons/vz/vz-rule-page-2.png");
}

.wiz-rule-page-3 {
    background-image: url("/insieme/stromboli/resources/icons/vz/vz-rule-page-3.png");
}

.wiz-rule-page-4 {
    background-image: url("/insieme/stromboli/resources/icons/vz/vz-rule-page-4.png");
}

.wiz-vmm-page-2 {
    background-image: url("/insieme/stromboli/resources/icons/vmm/vmm-page2-bg.png");
}

.wiz-vmm-page-3 {
    background-image: url("/insieme/stromboli/resources/icons/vmm/vmm-page3-bg.png");
}

.wiz-vmm-page-4 {
    background-image: url("/insieme/stromboli/resources/icons/vmm/vmm-page4-bg.png");
}

.wiz-np-page-4 {
    background-image: url("/insieme/stromboli/resources/icons/fv/np-page4-bg.png");
}

.wiz-np-page-5 {
    background-image: url("/insieme/stromboli/resources/icons/fv/np-page5-bg.png");
}

.wiz-np-page-zone {
    background-image: url("/insieme/stromboli/resources/icons/fv/np-page6-zone.png");
}

.foo1 {
    background-image: url("/insieme/stromboli/resources/icons/fv/np-page2-bg.png");
}

.foo2 {
    background-image: url("/insieme/stromboli/resources/icons/fv/np-page3-bg.png");
}

.foo3 {
    background-image: url("/insieme/stromboli/resources/icons/fv/np-page5-bg.png");
}

a.hlnk-a-readonly {
    text-decoration: none;
    color: #808080;
    cursor: default;
}

a.hlnk-a-readonly:hover {
    text-decoration: none;
    color: #808080;
    cursor: default;
}

a.hlnk-a {
    text-decoration: none;
}

a.hlnk-a:hover {
    text-decoration: none;
}

img.hlnk-img-readonly {
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* msie */
}

img.hlnk-img {
    padding-right: 5px;
    vertical-align: middle;
}

.hlnk {
    background-color: #F1F7F9;
    border: solid;
    border-color: #fff;
    border-width: 1px;
    padding: 10;
}

.hlnk:hover {
    background-color: #017cad;
}

.hlnk-a {
    color: #fff;
    font-size: 11px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
}

.hlnk-a-readonly {
    color: #f2f2f2;
    padding-left: 5px;
    vertical-align: top;
    font-size: 11px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
}

.i-buttonedpane {
    border: none;
    margin-top: 1px;
    background-image: none;
}

.i-pan-header-span {
    color: #fff;
    font-size: 12px;
    font-family: "SharpSans", Helvetica, Arial, sans-serif;
}

.i-app-header {
    border: none;
    background-image: linear-gradient(to bottom, #4a89be, #325c95);
    background-image: -o-linear-gradient(top, #4A89BE, #325C95);
    background-image: -moz-linear-gradient(top, #4A89BE, #325C95);
    background-image: -webkit-linear-gradient(top, #4A89BE, #325C95);
    background-image: -ms-linear-gradient(top, #4A89BE, #325C95);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A89BE), color-stop(1, #325C95));
}

.i-base-panel, .i-app-header-body, .i-base-panel-body {
    border: none;
}

.version-info {
    color: #414149;
    font-size: 18px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    margin-top: -0.67em;
}

.i-info-text .x-border-layout-ct {
    background-color: transparent;
}

.i-alert-text,
.i-info-text,
.i-warning-text,
.i-success-text {
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.i-alert-text {
    color: #e2231a;
}
.i-info-text {
    color: #00bceb;
}
.i-warning-text {
    color: #fbab18;
}
.i-success-text {
    color: #6ebe4a;
}

.i-info-text.pan-info {
    color: #6d6e70;
    font-size: 11px;
    text-align: center;
    margin-bottom: 1em;
}

.i-license, .i-terms {
    color: #464449;
    text-decoration: none;
}

.i-license:hover,
.i-terms:hover {
    color: #017cad;
}

/* Login Panel */
.i-login-panel {
    background: #e6e6e8;
    background-image: url(/insieme/stromboli/resources/photos/splash/loginBkgd-min.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.i-login-bg {
    background-color: rgba(242, 242, 242, 0.7);
    display: flex;
    height: 100%;
    width: 100%;
}
.i-loading-content {
    position: absolute;
    width: 700px;
    height: 350px;
    top: 50%;
    left: 50%;
    margin: -175px 0 0 -350px;
}

.i-login-bg .i-login-msg {
    margin: 0px 0px 20px;
}
.i-login-bg .i-login-msg-body {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    max-height: 300px;
    width: 700px;
    overflow-y: auto;
}

/* login content */
.i-login-box {
    background: #253D5F;
    min-height: 350px;
    width: 700px;
}
/* left panel of login */
.i-login-brand {
    background: #253D5F;
    flex: 1;
    min-height: 350px;
}
.i-login-title {
    text-align: center;
}
.i-login-title .i-login-title-body {
    width: 350px;
    height: 140px;
}
.i-login-title .i-login-title-body h2 {
    color: #fff;
    position: relative;
    top: 70%;
}
.i-login-version {
    color: #fff;
    text-align: center;
}
.i-login-version-content {
    position: relative;
    top: 33%;
}
.i-login-logo {
    color: #fff;
    width: 350px;
}
.i-login-logo .i-login-logo-body {
    text-align: center;
}
.i-login-logo .icon-cisco {
    color: #fff;
    margin-top: 35px;
}
/* END left panel of login */

/* right panel of login */
.i-login-form {
    background: #fff;
    flex: 1;
}
.i-login-reduce td {
    padding-right: 16px;
}
.i-login-fields {
    width: 298px;
}
.i-login-fields .x-form-field {
    border-radius: 3px;
    margin-bottom: 17px;
    height: 35px;
}
.i-login-fields .x-form-field.x-trigger-noedit {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    width: 295px;
}
.i-login-fields .x-form-trigger {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 0 14px;
    width: 20px;
    height: 35px;
    position: relative;
    left: -3px;
}
.i-login-inner-panel {
    border: none;
}
.i-login-inner-panel-body {
    overflow: visible;
}
/* END right panel of login */

/* prelogin */
#preLoginSplash .i-login-title {
    width: 350px;
    height: 140px;
}
#preLoginSplash .i-login-title .i-login-title-body {
    width: 350px;
    height: 140px;
}
#preLoginSplash .i-login-version.x-box-item {
    top: 140px;
    height: 70px;
}
#preLoginSplash .i-login-logo.x-box-item {
    width: 350px;
    height: 140px;
    top: 210px;
}
#preLoginSplash .i-login-logo-body {
    width: 350px;
    height: 140px;
}
#preLoginSplash .i-login-form.x-box-item {
    width: 350px;
    left: 350px;
    height: 350px;
}
#preLoginSplash .i-login-form-body {
    width: 350px;
    height: 210px;
    padding-top: 100px;
}
/* END prelogin */

/* Login footer */
@media (min-width: 840px) {
    .cui .footer.footer--basic .footer__links ul.list {
        display: inline-flex;
        flex-wrap: wrap;
    }
    .cui .footer.footer--basic .footer__links ul.list li:after {
        color: #9e9ea2;
        content: '|';
        margin: 0 5px;
        padding: 0;
    }
    .cui .footer.footer--basic .footer__links ul.list li:last-child:after {
        content: '';
        margin: 0;
    }
}
/* END Login footer */
/* END login Panel */

.i-toolbar {
    border: none;
    background-image: none;
    padding: 0;
}

.i-toolbar .i-toolbar-btn:first-of-type {
    margin-left: 10px;
}

.i-toolbar-btn {
    color: #39393b;
    min-height: 48px;
    border: none;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}

.i-toolbar-btn:hover {
    cursor: pointer;
    color: #017cad;
}

.i-toolbar-btn-disabled {
    min-height: 48px;
    border: none;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}

.i-toolbar-btn-disabled:hover {
    cursor: default;
}

.i-toolbar-btn-pressed .i-toolbar-btn-inner {
    font-weight: 400;
}

.i-toolbar-btn-center {
    color: #39393b;
    background-color: transparent;
    border: none;
    max-height: 30px;
}

.i-toolbar-btn-center:hover {
    color: #017cad;
    cursor: pointer;
}

.i-toolbar-btn-pressed .i-toolbar-btn-center {
    color: #FFF;
    background-color: #253D5F;
}

.i-toolbar-btn-center:disabled {
    cursor: default;
    color: rgba(245, 245, 245, 0.2);
}

.i-toolbar-btn-center:disabled:hover {
    color: rgba(245, 245, 245, 0.2);
}

.i-toolbar-btn-inner {
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    text-transform: capitalize;
}

.i-toolbar-btn-tshoot {
    background-color: #017cad;
    min-height: 48px;
    border: none;
    padding: 0;
}

.i-toolbar-btn-tshoot-center {
    color: #fff;
    background-color: #017cad;
    background-image: url("../icons/Troubleshoot.16x16.png");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    min-height: 48px;
}

.i-toolbar-btn-tshoot-center:hover {
    cursor: pointer;
}

.i-sub-toolbar {
    border: none;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 25px;
}

.i-sub-toolbar .x-toolbar-text {
    color: #fff;
}

.i-sub-toolbar-cont {
    background-color: #253D5F;
}

.i-sub-toolbar-cont .x-toolbar .x-toolbar-text {
    color: #fff;
}

.i-sub-toolbar-cont .x-panel-body,
.i-sub-toolbar-cont .i-panel-body {
    border: none;
}

.i-sub-toolbar-btn {
    background-color: transparent;
    background-image: none;
    min-height: 32px;
    border: none;
    padding-right: 0;
    padding-left: 0;
}

.i-sub-toolbar-btn:hover {
    background-color: transparent;
    opacity: 1;
}

.i-sub-toolbar-btn-pressed {
    background-color: transparent;
    color: #fff;
    font-weight: 400;
    opacity: 1;
}

.i-sub-toolbar-btn-pressed:hover {
    text-decoration: none;
}

.i-sub-toolbar-btn-center {
    background-color: transparent;
    color: #fff;
    border: none;
    min-height: 32px;
    padding-right: 10;
    padding-left: 10;
    padding-top: 0;
    padding-bottom: 0;
}

.i-sub-toolbar-btn-pressed .i-sub-toolbar-btn-center {
    color: #fff;
    font-weight: bold !important;
    padding-right: 0;
}

.i-sub-toolbar-btn-center:hover {
    cursor: pointer;
    color: #fff;
    text-decoration: underline;
    opacity: 1;
}

.i-sub-toolbar-btn-inner {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    text-transform: capitalize;
}

.cs .i-sub-toolbar-btn-inner {
    text-transform: none;
}

/** insieme tabbedpane **/
.i-tabbedpane > .x-panel-body.i-tab-skinny {
  margin: -10px -10px 0 -10px !important;
}

/** END insieme tabbedpane **/
/* modern scrollbars (no IE)*/
/* Track */
/* Handle */
/* END modern scrollbars (no IE)*/

.i-form-helptext {
    font-size: 10px;
    color: #777;
    max-width: 700px;
}

/* topology */
.insieme-topology-component {
    color: #fff;
    white-space: nowrap;
    overflow: auto;
}

.insieme-topology-canvas, .insieme-topology-canvas3 {
    position: absolute;
    top: 0;
    left: 0;
}

.insieme-topology-canvas {
    z-index: 1;
}

.insieme-topology-canvas3 {
    z-index: 0;
}

.insieme-topology-root {
    /*border: 1px solid yellow;*/
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10;
}

.insieme-multipod-topology-root {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    position: relative;
    z-index: 10;
}

div.insieme-topology-level-container {
    /*border: 1px solid blue;*/
    position: relative;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.insieme-topology-objectBox {
    display: inline-block;
    position: relative;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

.insieme-multipod-topology-objectBox {
    display: block;
    position: relative;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

/* END topology */
/** insieme table **/
.x-column-header-inner .x-column-header-text {
    white-space: normal !important;
}

.x-panel-i-table3 .x-column-header-inner, .x-panel-i-table3 .x-column-header,
.x-panel-i-table2 .x-column-header-inner, .x-panel-i-table2 .x-column-header,
.x-panel-i-table .x-column-header-inner, .x-panel-i-table .x-column-header {
    color: #231F20;
    padding-right: 5px;
}

.x-panel-i-table .x-column-header {
    background-color: #fff;
}

.x-panel-i-table .x-column-header:hover {
    background-color: #f2f2f2;
}

.x-panel-i-table3 .x-column-header-inner, .x-panel-i-table3 .x-column-header {
    font-size: 11px;
}

.fault-counts-domain-table .x-grid-header-ct,
.fault-counts-type-table .x-grid-header-ct {
    border-bottom: 1px solid #e6e6e8;
}
.fault-counts-domain-table .x-column-header-inner,
.fault-counts-domain-table .x-column-header,
.fault-counts-type-table .x-column-header-inner,
.fault-counts-type-table .x-column-header {
    background: #fff;
    color: #6D6D6D;
}
.fault-counts-domain-table .x-grid-row:nth-child(2) .x-grid-cell .x-grid-cell-inner {
    font-weight: bold !important;
    color: #484846;
}

.health-penalty-policy-table .x-panel-header-text, .health-penalty-policy-table .i-panel-header-text, .health-penalty-policy-table .i-panel-heder-text {
    font-size: 20px;
}

.health-penalty-policy-table .health-penalty-policy-green .x-column-header-inner, .health-penalty-policy-table .health-penalty-policy-green.x-column-header {
    background-color: #56b72a;
}

.health-penalty-policy-table .health-penalty-policy-orange .x-column-header-inner, .health-penalty-policy-table .health-penalty-policy-orange.x-column-header {
    background-color: #ff7300;
}

.health-penalty-policy-table .health-penalty-policy-red .x-column-header-inner, .health-penalty-policy-table .health-penalty-policy-red.x-column-header {
    background-color: #CF2030;
}

.x-panel-i-table3 .x-column-header-inner:hover {
    cursor: hand;
}

.x-panel-i-table .x-grid-row {
    height: 30px;
    vertical-align: middle;
}

.x-panel-i-table3 .x-grid-row,
.x-panel-i-table2 .x-grid-row {
    vertical-align: middle;
}

.x-panel-i-table3 .x-grid-header-ct,
.x-panel-i-table2 .x-grid-header-ct, f
.x-panel-i-table .x-grid-header-ct {
    border-color: #017cad;
    border: 0 0 1px;
    margin-bottom: 1px;
}

.x-panel-i-table3 .x-column-header-text,
.x-panel-i-table2 .x-column-header-text,
.x-panel-i-table .x-column-header-text {
    padding-right: 0;
    background-position: 0;
}

.x-panel-i-table3 .x-column-header-sort-DESC .x-column-header-text, .x-panel-i-table3 .x-column-header-sort-ASC .x-column-header-text,
.x-panel-i-table2 .x-column-header-sort-DESC .x-column-header-text, .x-panel-i-table2 .x-column-header-sort-ASC .x-column-header-text,
.x-panel-i-table .x-column-header-sort-DESC .x-column-header-text, .x-panel-i-table .x-column-header-sort-ASC .x-column-header-text {
    padding-left: 14px;
}

/** END insieme table **/
/** insieme policy graphics **/
.insieme-tenant-graphics {
    text-align: center;
}

.insieme-graphics-level-container {
    text-align: center;
    margin: 100px 0 20px;
}

.insieme-graphics-level-container-60 {
    text-align: center;
    margin: 60px 0 20px;
}

.insieme-graphics-topology-obj-templateName {
    left: 2px;
    position: relative;
    text-align: left;
    top: -5px;
    font-size: 11px;
}

.mouseover .insieme-graphics-topology-obj-templateName,
.click .insieme-graphics-topology-obj-templateNamee,
.highlight .insieme-graphics-topology-obj-templateName,
.mouseover .insieme-graphics-topology-obj-name,
.click .insieme-graphics-topology-obj-name,
.highlight .insieme-graphics-topology-obj-name {
    font-weight: bold;
}

.connector {
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1px solid #9e9ea2;
}

.connector-left {
    top: 45%;
    left: -2px;
    border-right: none;
}

.connector-right {
    top: 45%;
    right: -8px;
    border-left: none;
}

.connector-cloud-left {
    top: 55%;
    left: 7px;
    border-right: none;
}

.connector-cloud-right {
    top: 55%;
    right: -5px;
    border-left: none;
}

.connector-top {
    top: -8px;
    left: 45%;
    border-bottom: none;
}

.insieme-graphics-fvApText {
    position: relative;
    top: 65px;
}

.topologyText {
    text-align: left;
    background: white;
    padding: 20px 30px;
}

.topologyText .title, .topologyText .texttitle {
    color: #9e9ea2;
    margin-bottom: 5px;
    font-size: 14px;
}

.topologyText .title, .topologyText .texttitle2 {
    color: #017cad;
    margin-bottom: 10px;
    font-size: 1.5em;
}

.description2 {
    font-size: medium;
}

td.tdqs {
    font-size: 12px;
    padding: 5px 0 5px 5px;
}

table.stepstable tr:nth-child(odd) {
    background-color: #f8f8f8;
}

.txt-body {
    padding-top: 20px;
}

.txt-body a {
    text-decoration: none;
}

.txt-left, .txt-right {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.txt-left {
    border-right: 1px solid #bfbfbf;
}

.txt-left .description {
    max-width: 90%;
}

.txt-left li {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.txt-left li:last-child {
    border-bottom: none;
}

.txt-left .texttitle {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

.txt-right {
    padding-left: 5%;
}

.txt-right .texttitle {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

.graphicPanelTopologyText, .helpContentTopologyText {
    margin: 0 auto;
    max-width: 500px;
    background: none;
}

.graphicPanelTopologyText .title, .graphicPanelTopologyText .title {
    font-size: 12px;
}

.cui .quickstartHeading {
    font-family: "SharpSans" !important;
    font-size: 28px !important;
}

.cui .quickstartText {
    font-family: "Inter" !important;
}

.cui .quickstartNext {
    font-family: "SharpSans" !important;
    font-size: 20px !important;
}


.cui .actionLink {
    margin: 4px 0 0 2px;
    font-family: "Inter";
    font-size: 14px !important;
}

.cui .jumpLink,
.cui .relatedLink,
.cui .externalWebLink {
    font-family: "Inter" !important;
}

.cui .seeAlsoLink,
.cui .apiConceptLink,
.cui .apiInspectorLink,
.cui .apicModelLink {
    margin: 4px 0;
    font-family: "Inter";
    font-size: 12px !important;
}

img.seeAlsoLink,
img.videoLink {
    cursor: pointer;
}

.ap-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.insieme-graphics-fvCtxText {
    display: inline-block;
    margin: 50px auto 0;
}

.insieme-graphics-cloud-container {
    display: table-cell;
    position: relative;
}

.insieme-graphics-ctx-container {
    position: relative !important;
}

.interface-selector-switch-profile {
    position: relative;
    background-image: url("../icons/infra/NodeP.png");
    margin-left: auto;
    margin-right: auto;
    width: 297;
    height: 137;
}

.interface-selector-interface-profile {
    position: relative;
    background-image: url("../icons/infra/PortP.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    width: 297;
    height: 137;
}

.insieme-graphics-cloud {
    width: 100px;
    height: 60px;
    z-index: 1;
    position: absolute;
    display: block;
    background-size: 80%;
}

.cloud-left {
    left: 0;
    position: absolute !important;
    background-image: url("../icons/fv/l2.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.cloud-right {
    right: 0;
    position: absolute !important;
    background-image: url("../icons/fv/l3.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.i-deployment-table {
    margin: 10px;
    color: transparent;
}

.i-deployment-table .x-grid-view {
    position: relative;
}

.i-deployment-table .x-grid-view > .x-grid-table {
    position: absolute;
    top: 10px;
}

.i-deployment-table-left {
    position: relative !important;
    width: 50% !important;
    float: left;
    overflow: auto;
}

.i-deployment-table-right {
    position: relative !important;
    width: 50% !important;
    float: right;
}

.epg
.cloud-ROut-double {
    background-image: url("../icons/fv/L3Double.png");
}

.cloud-ROut-dashed {
    background-image: url("../icons/fv/L3Dashed.png");
}

.l3extoutImgActive {
    background-image: url("../icons/fv/L3Blue.png");
}

.l3extoutDblImgActive {
    background-image: url("../icons/fv/L3DoubleBlue.png");
}

.cloud-l3Dom {
    background-image: url("../icons/fv/l3.png");
    top: 100px;
    right: -150px;
    background-position-x: 1px;
}

.cloud-BOut-double {
    background-image: url("../icons/fv/L2Double.png");
}

.cloud-BOut-dashed {
    background-image: url("../icons/fv/L2Dashed.png");
}

.l2extoutImgActive {
    background-image: url("../icons/fv/L2Blue.png");
}

.l2extoutDblImgActive {
    background-image: url("../icons/fv/L2DoubleBlue.png");
}

.cloud-traffic-label {
    position: absolute;
    bottom: -35px;
    width: 90px;
    left: 0;
    display: inline-block;
}

.insieme-graphics-fvCtx {
    height: 100px;
    width: 300px;
    border: 2px solid #fff;
    border-radius: 200px /70px;
    background: rgba(211, 211, 211, 0.5);
    display: inline-block;
    margin: 30px 10px 5px;
    position: relative;
}

.insieme-graphics-fvCtxImg {
    background-image: url("../icons/fv/PN.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 130px;
    width: 50px;
    height: 52px;
    top: -10px;
}

.pnImgActive {
    background-image: url("../icons/fv/PNBlue.png");
}

.pnImgDashed {
    background-image: url("../icons/fv/PNDashed.png");
}

.insieme-graphics-fvAp {
    height: 100px;
    width: 200px;
    border: 2px solid #fff;
    background-color: #f2f2f2;
    display: inline-block;
    margin: 5px 10px;
    position: relative;
    border-radius: 200px/100px;
    text-align: center;
}

.insieme-graphics-fvApImg {
    background-image: url("../icons/fv/AP.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 75px;
    width: 50px;
    height: 70px;
    top: -10px;
}

.insieme-graphics-fvTenantImg {
    background-image: url("../icons/fv/Tenant70x48.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 65px;
    width: 70px;
    height: 48px;
    top: 10px;
}

.insieme-graphics-tenant-fvApImg {
    background-image: url("../icons/fv/AP.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    width: 50px;
    height: 70px;
    margin: 0 auto;
}

.createNewBtn {
    background-image: url("../icons/fv/GreenAdd.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: -14px;
    right: -39px;
    width: 28px;
    height: 28px;
}

.createNewBtnTip {
    position: absolute;
    right: -108px;
    top: -20px;
    width: 90px;
    color: #9e9ea2;
    text-align: left;
}

.interface-selector-switch-profile-clickable {
    position: absolute;
    width: 40;
    height: 40;
    cursor: pointer;
    left: 158;
}

.interface-selector-interface-profile-clickable {
    position: absolute;
    width: 40;
    height: 40;
    cursor: pointer;
    left: 158;
}

.interface-selector-switch-profile-prompt {
    position: absolute;
    right: -110px;
    top: 10px;
    width: 200px;
    color: #9e9ea2;
    text-align: left;
}

.interface-selector-interface-profile-prompt {
    position: absolute;
    right: -110px;
    top: 10px;
    width: 200px;
    color: #9e9ea2;
    text-align: left;
}

.createNewExtBtnTip {
    right: -20px;
    top: -42px;
}

.createNewBDBtnTip {
    right: -90px;
    top: -10px;
}

.createNewL3Btn {
    right: -69px;
}

.apImgActive {
    background-image: url("../icons/fv/APBlue.png");
}

.insieme-graphics-childNodes {
    position: relative;
    margin-top: 100px;
    text-align: center;
    width: 100%;
    overflow: auto;
}

.bd-nodes {
    top: auto;
    bottom: auto;
    margin-top: 100px;
}

.ap-graphics .insieme-graphics-childNodes {
    width: auto;
}

.ap-graphics .insieme-graphics-fvCtx .insieme-graphics-childNodes {
    left: 30px;
}

.insieme-graphics-childNode-container {
    display: inline-block;
    margin: 10px;
    position: relative;
    padding: 10px;
    background: #f0f0f0;
    border: solid;
    border-width: 1;
    border-color: #f2f2f2;
}

.insieme-graphics-tenantNetwork .insieme-graphics-childNode-container {
    padding: 10px 10px 0;
}

.insieme-graphics-tenantNetwork .insieme-graphics-level-container {
    margin: 70px auto;
}

.insieme-graphics-childNode-container-fvAEPg {
    display: block;
    width: 50px;
    height: 30px;
}

.insieme-graphics-childNode-container-fvAP .insieme-graphics-childNode-img {
    background-image: url("../icons/j/fv/epg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.insieme-graphics-childNode-container-fvAP .insieme-graphics-childNode-img-Ap {
    background-image: url("../icons/fv/AP.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 70px;
    margin: 10px auto 0;
}

.insieme-graphics-childNode-container-fvAP .acImgActive {
    background-image: url("../icons/fv/EPG.png");
}

.insieme-graphics-childNode-container-fvAEPg .insieme-graphics-childNode-img {
    background-image: url("../icons/fv/EP.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 95px;
}

.insieme-graphics-childNode-container-fvRtCtx .insieme-graphics-childNode-img {
    background-image: url("../icons/fv/BridgeDomain.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 65px;
    height: 23px;
}

.insieme-graphics-childNode-container-fvRtCtx .bdImgActive {
    background-image: url("../icons/fv/BDBlue.png");
}

.insieme-graphics-canvas {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

/** END insieme policy graphics **/
/** insieme single AP / zone page **/
.insieme-graphics-singleAp, .insieme-graphics-zone {
    text-align: center;
}

div.vertical-container, div.insieme-graphics-zone div.vertical-container {
    width: 200px;
    display: inline-block;
}

div.vertical-container:first-child {
    width: 100%;
    display: inherit;
}

.insieme-graphics-zone .insieme-graphics-fvAp {
    width: 100% !important;
}

.insieme-apGraphics-childNode-container_onDrag,
.insieme-graphics-singleAp .insieme-apGraphics-childNode-container,
.insieme-graphics-zone .insieme-apGraphics-childNode-container,
.insieme-graphics-tenantAp .insieme-apGraphics-childNode-container {
    width: 93px;
    height: 33px;
    margin: 10px 100px 10px 10px;
    background-image: url("../icons/fv/Empty.h.png");
    background-position: right top;
    background-repeat: no-repeat;
    padding-top: 10px;
}

.insieme-apGraphics-childNode-container-fvAEPg {
    width: 72px !important;
    height: 72px !important;
    margin: 10px 100px 10px 10px;
    border: 2px solid #0095D7;
    border-radius: 50%;
    background: url("../icons/j/fv/epg.png") !important;
    background-repeat: no-repeat;
}

.insieme-apGraphics-childNode-container_onDrag {
    margin-top: 0 !important;
}

.insieme-graphics-zone .extInst-cloud {
    background-image: url("../icons/j/fv/l3.png") !important;
    background-repeat: no-repeat;
    width: 72px !important;
    height: 72px !important;
    margin: 10px 100px 10px 10px;
    border: 2px solid #0095D7;
    top: 56px !important;
    border-radius: 50%;
}

.insieme-graphics-zone .extInst-cloud2 {
    background-image: url("../icons/j/fv/l2.png") !important;
    background-repeat: no-repeat;
    width: 72px !important;
    height: 72px !important;
    margin: 10px 100px 10px 10px;
    top: 56px !important;
    border: 2px solid #0095D7;
    border-radius: 50%;
}

.insieme-graphics-zone .any-cloud {
    background-image: url("../icons/j/fv/vzany.png");
    background-repeat: no-repeat;
    top: 56px !important;
    width: 72px !important;
    height: 72px !important;
    margin: 10px 100px 10px 10px;
    border: 2px solid #0095D7;
    border-radius: 50%;
}

.insieme-graphics-zone .extInst-cloud .insieme-apGraphics-childNode-name,
.insieme-graphics-zone .extInst-cloud2 .insieme-apGraphics-childNode-name,
.insieme-graphics-zone .any-cloud .insieme-apGraphics-childNode-name {
    position: absolute;
    top: -18px;
    display: inline-block;
    text-align: center;
}

.insieme-graphics-zone .extInst-cloud .insieme-apGraphics-childNode-name-long,
.insieme-graphics-zone .extInst-cloud2 .insieme-apGraphics-childNode-name-long,
.insieme-graphics-zone .any-cloud .insieme-apGraphics-childNode-name-long {
    position: absolute;
    top: -60px;
    display: inline-block;
    text-align: center;
}

.insieme-graphics-tenantAp .insieme-apGraphics-childNode-container {
    background: none;
    margin: 10px;
}

.insieme-graphics-zone .insieme-apGraphics-childNode-container-zone {
    background: #fff;
    border-radius: 150px /50px;
    border: 2px solid #fff;
    width: 120px;
    height: 36px;
    padding-top: 10px;
    color: #fff;
    position: relative;
    z-index: 1;
}

.insieme-graphics-zone .insieme-apGraphics-childNode-container-contractNew {
    background-image: url("../icons/j/fv/contract.png") !important;
    width: 72px !important;
    height: 72px !important;
    border: 2px solid #0095D7;
    border-radius: 50%;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 50px;
}

.insieme-graphics-zone .insieme-apGraphics-childNode-container-contract {
    background: #d3d3d3;
    border: 2px solid #fff;
    width: 90px;
    height: 36px;
    padding-top: 10px;
    color: #000000;
    position: relative;
    z-index: 1;
    margin-right: 50px;
}

.insieme-apGraphics-childNode-container-contract-drag {
    background: #d3d3d3;
    border: 2px solid #fff;
    width: 90px;
    height: 36px;
    padding-top: 10px;
    color: #000000;
}

.insieme-graphics-zone .contract_cif {
    width: 120px;
    height: 60px;
    border: 1px dashed #9e9ea2;
}

.policy-container-fvApRule {
    position: absolute !important;
    margin: 0;
    width: 100%;
    opacity: 0.8;
}

.policy-container-fvApRule .insieme-graphics-fvApRule {
    background: #fff;
    width: 110px !important;
    margin: 0 auto;
    border: 2px solid #fff;
}

.policy-container-fvApRule .insieme-apgraphics-childnode-container {
    background-image: url("../icons/fv/Rule.png");
    width: 43px;
    height: 52px;
    display: inline-block;
    margin: 3px;
}

.insieme-apGraphics-childNode-container-rule, .vis-ac-container {
    display: inline-block;
}

.insieme-apGraphics-childNode-container-rule:first-child {
    margin-top: 30px;
}

.insieme-apGraphics-childNode-name {
    height: 15px;
    max-width: 80px;
    text-align: center;
    display: inline-block;
    padding: 0 5px;
}

.insieme-apGraphics-childNode-name-long {
    height: 15px;
    max-width: 80px;
    text-align: center;
    display: inline-block;
    padding: 0 5px;
}

.insieme-apGraphics-childNode-container-contractNew .insieme-apGraphics-childNode-name {
    position: relative;
    top: 68px;
    max-width: 100px;
}

.insieme-apGraphics-childNode-container-fvAEPg .insieme-apGraphics-childNode-name {
    position: relative;
    top: -30px;
    max-width: 100px;
}

.insieme-apGraphics-childNode-container-fvAEPg .insieme-apGraphics-childNode-name-long {
    position: relative;
    top: -70px;
    max-width: 100px;
}

.insieme-apGraphics-childNode-container-rule .insieme-apGraphics-childNode-name {
    padding-top: 12px;
    padding-left: 5px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/** END single AP / ZONE page  **/

/* line 2061, ../sass/_stromboli.scss */
.i-boundlist-button {
    padding: 2px;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    cursor: pointer;
    cursor: hand;
    position: relative;
    color: inherit;
    font-size: inherit;
    /*allow hover in IE on empty items*/
    border-width: 1px;
    border-style: dotted;
    border-color: white;
    width: 100%;
    text-align: left;
}

/* Foundation hover compatibility */
.i-boundlist-button:hover {
    color: inherit;
}

.i-boundlist-button:hover {
    background: #017cad;
    color: #fff;
}

.i-boundlist-button:active {
    background: #dfe8f6;
    border-color: #a3bae9;
}

.i-boundlist-button:focus {
    background: #dfe8f6;
    border-color: #a3bae9;
}

.i-boundlist-button:disabled {
    padding: 2px;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    position: relative;
    /*allow hover in IE on empty items*/
    border-width: 1px;
    border-style: dotted;
    border-color: white;
    background-color: #ddd;
}

.i-boundlist-button:disabled :hover {
    padding: 2px;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    position: relative;
    /*allow hover in IE on empty items*/
    border-width: 1px;
    border-style: dotted;
    border-color: white;
    background-color: #ddd;
}

/** firmware page firmware tab **/
.i-firmware_chart .i-panel-body {
    position: relative;
}

.chart-title-container {
    position: absolute;
    bottom: 25px;
    text-align: center;
    color: #9e9ea2;
    font-weight: bold;
    width: 100%;
}

.eqpt-chart-title-container {
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #9e9ea2;
    font-weight: bold;
    width: 100%;
}

.mid-size-chart .chart-score {
    font-size: 40px;
    font-weight: bold;
}

.small-size-chart .chart-score {
    font-size: 20px;
    font-weight: bold;
}

.firmware-img {
    width: 43px;
    height: 35px;
    float: left;
    margin: 5px;
}

.release-download-img {
    background-image: url("/insieme/stromboli/resources/icons/firmware/firmware.png");
    background-repeat: no-repeat;
}

.patch-download-img {
    background-image: url("/insieme/stromboli/resources/icons/firmware/patch.png");
    background-repeat: no-repeat;
}

.firmware-release-title {
    font-size: 14px;
    float: left;
    margin: 5px;
}

.i-firmware-btn-groupby {
    background: url("/insieme/stromboli/resources/icons/firmware/Group30x30.png") no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.i-firmware-btn-groupby:hover {
    background: url("/insieme/stromboli/resources/icons/firmware/Group30x30.png") no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
}

.i-firmware-btn-filter {
    background: url("/insieme/stromboli/resources/icons/firmware/Filter30x30.png") no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.i-firmware-btn-filter:hover {
    background: url("/insieme/stromboli/resources/icons/firmware/Filter30x30.png") no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
}

.i-firmware-btn-filter-active {
    background: url("/insieme/stromboli/resources/icons/firmware/FilterActive30x30.png") no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.i-firmware-btn-filter-active:hover {
    background: url("/insieme/stromboli/resources/icons/firmware/FilterActive30x30.png") no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
}

.i-firmware-btn-selectall {
    background: url("/insieme/stromboli/resources/icons/firmware/SelectAll30x30.png") no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.i-firmware-btn-selectall:hover {
    background: url("/insieme/stromboli/resources/icons/firmware/SelectAll30x30.png") no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
}

.i-check-btn-selectall {
    background: url("/insieme/stromboli/resources/icons/j/framework/CheckAll_28x28.png") no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.i-uncheck-btn-selectall {
    background: url("/insieme/stromboli/resources/icons/j/framework/UncheckAll_28x28.png") no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.i-check-btn-select {
    background: url("/insieme/stromboli/resources/icons/j/framework/Check28x28.png") no-repeat;
    width: 28px;
    height: 28px;
    background-size: 100%;
}

.i-uncheck-btn-select {
    background: url("/insieme/stromboli/resources/icons/j/framework/Uncheck28x28.png") no-repeat;
    width: 28px;
    height: 28px;
    background-size: 100%;
}

.insieme-firmware-release-childNodes {
    clear: both;
    height: 200px;
}

.firmware-childNode-name {
    list-style-type: disc;
    margin-top: 5px;
    margin-left: 20px;
}

.view-detail {
    float: right;
    background-color: #9e9ea2;
    padding: 3px 5px;
    margin: 7px 5px 0;
    color: white;
}

.activeLink {
    background-color: #444343;
}
/** END firmware page firmware tab **/

/** firmware page policies tab **/
.i-tab-leftAligned .x-tab:first-child {
    border-left-width: 1px !important;
    border-left-width: 1px !important;
}

.i-tab-bar .x-tab-right-aligned {
    border-left-width: 1px !important;
    border-bottom: 1px solid #017cad;
}

.pol-info-left {
    float: left;
}

.pol-info-left .label {
    display: inline-block;
    width: 200px;
    text-align: right;
}

.maintPol .pol-info-left .label {
    width: 60px;
}

.pol-info-right {
    float: right;
}

.maintNodes > .x-box-inner {
    overflow-y: auto;
}

.label {
    margin-left: 3px;
}

.value {
    margin-left: 10px;
    font-weight: bold;
}

.source-info-right .btn {
    display: inline-block;
}

.ifcMaintPol .x-form-trigger-wrap, .ifcMaintPol .i-form-trigger-wrap, .ifcMaintPol .x-boundlist-floating {
    width: 200px !important;
}

.cluster-lifs {
    height: 200px;
}

.cluster-lifs .x-form-trigger-wrap {
    width: 95% !important;
}

.ifcMaintPol .x-form-field, .ifcMaintPol .i-form-field {
    width: 100%;
}

.ifcMaintPol .x-form-radio, .ifcMaintPol .i-form-radio {
    width: 12px;
}

.ifcMaintPolRunModeHide table.x-checkboxgroup-form-item:last-child {
    display: none;
}
/** END firmware policy tab **/

/** firmware/maintenance node group **/
input, .input {
    margin: 0 5px;
}

input.x-form-text {
    font-size: 12px !important;
}
/** END firmware/maintenance node group **/

/** port select editor **/
.whiteBackground {
    background-color: #f9fbfb;
}

.firstBackground {
    background-image: url("/insieme/stromboli/resources/icons/infra/01SelectSwitchBG.png");
    background-repeat: no-repeat;
}

.secondBackground {
    background-image: url("/insieme/stromboli/resources/icons/infra/02SelectPortBG.png");
    background-repeat: no-repeat;
}

.thirdBackground {
    background-image: url("/insieme/stromboli/resources/icons/infra/03SelectFuncBG.png");
    background-repeat: no-repeat;
}

.saveBtn {
    background-image: url("/insieme/stromboli/resources/icons/add.17.png") !important;
    background-repeat: no-repeat;
}

.cancelBtn {
    background-image: url("/insieme/stromboli/resources/icons/Cancel17x17.png") !important;
    background-repeat: no-repeat;
}

div .checkedIcon {
    margin-left: 0;
    margin-right: 2px;
    visibility: hidden;
    display: inline-block;
}

.insieme-editor-topology-root {
    padding-top: 40px;
    position: relative;
    z-index: 10;
}

div .switchType {
    display: inline-block;
}

div .switchTypeText {
    padding-left: 18px;
    font-size: 10px;
    margin: 2px 0 20px 0;
}

div .switch_1ubkg {
    height: 51px;
    width: 600px;
    background-image: url("/insieme/stromboli/resources/icons/Topology_bg_600.png");
}

div .switch_2ubkg {
    height: 90px;
    width: 600px;
    background-image: url("/insieme/stromboli/resources/icons/Topology_2u_bg_600.png");
}

div .switch_1ubkg_full {
    height: 63px;
    width: 740px;
    background-image: url("/insieme/stromboli/resources/icons/Topology_bg.png");
}

div .switch_2ubkg_full {
    height: 111px;
    width: 740px;
    background-image: url("/insieme/stromboli/resources/icons/Topology_2u_bg.png");
}

div .switch_1ubkg_nobkg {
    height: 63px;
    width: 740px;
}

div .switch_2ubkg_nobkg {
    height: 111px;
    width: 740px;
}

div.insieme-switchBox {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    margin-top: 0;
    margin-left: 46px;
}

div.insieme-fexBox {
    margin-top: 20px;
    margin-left: 46px;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    width: 93px;
    height: 18px;
}

div.colorListStyle {
    width: 10px;
    height: 10px;
    margin: 2px;
    display: inline-block;
}

div.colorColumnStyle {
    width: 12px;
    height: 12px;
    display: block;
}

.mainSelectorBackground {
    background-color: #f9fbfb;
    position: relative;
}
/** END port select editor **/

.x-tool img {
    overflow: hidden;
    width: 31px;
    height: 31px;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: none;
    margin: 0 5px 0 0;
}

.x-tool-close {
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/close_bluebar_30x30.png") !important;
}

.x-tool-over .x-tool-close {
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/close_bluebar_30x30.png") !important;
}

.x-tool-plus {
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/AddIcon30x30.png") !important;
}

.x-tool-over .x-tool-plus {
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/AddIcon30x30.png") !important;
}

.x-tool-over .x-tool-expand-right {
    width: 30px;
    height: 30px;
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/DrawerOpen30x30.png") !important;
}

.x-tool-left,
.x-tool-over .x-tool-left,
.x-tool-collapse-left,
.x-tool-over .x-tool-collapse-left {
    width: 19px;
    height: 19px;
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/j/framework/collapse.30x30.png") !important;
    background-size: 18px 18px;
    position: relative;
    top: -4px;
    left: -4px;
}

.x-tool-help-tree,
.x-tool-over .x-tool-help-tree,
.x-tool-collapse-help-tree,
.x-tool-over .x-tool-collapse-help-tree {
    width: 15px;
    height: 15px;
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/j/framework/Help30x30.png") !important;
    background-size: 15px 15px;
    position: relative;
    top: 0;
    left: 1px;
}

.x-tool-right,
.x-tool-over .x-tool-right,
.x-tool-expand-right,
.x-tool-over .x-tool-expand-right {
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/j/framework/expand.30x30.png") !important;
    background-size: 14px 14px;
}

.x-tool-refresh,
.x-tool-over .x-tool-refresh {
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/j/framework/Refresh28x28.png") !important;
    background-size: 18px 18px;
    position: relative;
    top: -2px;
}

.x-tool-download,
.x-tool-over .x-tool-download {
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/j/framework/Save.28x29.png") !important;
    background-size: 18px 18px;
    position: relative;
    top: -2px;
}

.x-tool-help,
.x-tool-over .x-tool-help {
    position: relative;
    left: 0;
    height: 31px;
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/help_bluebar_new_30x30.png") !important;
}

.x-tool-helpContent,
.x-tool-over .x-tool-helpContent {
    position: relative;
    left: 0;
    height: 31px;
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/helpContent_30x30.png") !important;
}

.x-tool-config,
.x-tool-over .x-tool-config {
    position: relative;
    left: 0;
    height: 31px;
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/auto.png") !important;
}

.x-tool-import,
.x-tool-over .x-tool-import {
    position: relative;
    left: -10px;
    height: 31px;
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/import.png") !important;
}

.x-tool-settings,
.x-tool-over .x-tool-settings {
    position: relative;
    left: 0;
    height: 31px;
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/settings.png") !important;
}

.x-splitter {
    background-color: #D7D6D5;
}

/* traffic map */
.container, .map-container-body {
    position: relative;
    margin: auto;
}

.map-container {
    max-width: 1400px;
    max-height: 750px;
}

.map-label {
    top: 3px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    width: 180px;
}

.map-vertical-label {
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    width: 180px;
    position: relative;
    transform: rotate(270deg);
}

.map-description {
    position: relative;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    top: 15px;
    width: 360px;
}

.vertical-text {
    transform: rotate(270deg);
    left: 10px;
    display: block;
    top: 140px;
    font-size: 14px;
}

.map-body-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.empty_div {
    height: 50px;
}

.map-cell {
    border: 1px solid #f2f2f2;
    text-align: center;
    padding: 15px;
}

td.green, td.red {
    color: white;
}

.i-traffic-heat-map .map-cell {
    padding: 1px;
    width: 28px;
    height: 28px;
    font-size: 10px;
}

.i-traffic-combox {
    margin: 0 5px;
}

.i-traffic-map-label {
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
}

.slider-segment {
    left: 0;
    top: 0;
    overflow: visible;
    zoom: 1;
    background: transparent repeat-y 0 0;
    width: 12px;
    height: 100%;
}

.slider-green-container {
    padding-top: 50px;
    background: red;
    margin-left: 5px;
}

.slider-yellow-container {
    padding-top: 50px;
    background: yellow;
}

.slider-red-container {
    background: green;
}

.ac-slider {
    position: relative;
}

.horizontal-slider {
    position: absolute;
    top: -20px;
    right: 0;
}

.horizontal-slider .slider-segment {
    padding-top: 0 !important;
    background: none;
}

.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
    background: none;
}
/** END traffic  map **/

/* config rollback related */
.i-rollback-header-text {
    font-size: 15px;
    font-family: "SharpSans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #0095D7;
    margin-top: 20px;
}

.i-rollback-header-back a {
    width: 30px !important;
    height: 30px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/back.png") no-repeat;
    transition: none;
    display: inline-block;
}

.i-rollback-header-back a:hover {
    background: url("/insieme/stromboli/resources/icons/back.png") no-repeat;
}

.i-rollback-header-back a .x-pressed:hover {
    width: 30px !important;
    height: 30px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/back_h.png") no-repeat;
    transition: none;
    display: inline-block;
}

.i-rollback-page-title {
    font-size: 23px;
    margin-bottom: 10px;
    text-align: left;
}
/* END rollback */

/* Stats Related */
.i-menu-title {
    background: #D6E3F2;
    border-style: solid;
    border-color: #DAE6F4 #99BBE8 #99BBE8 #DAE6F4;
    border-width: 1px;
    margin: -2px -2px 0;
    color: #15428B;
    display: block;
    padding: 3px;
}

.stats-toolbar-cls-add {
    width: 20px !important;
    height: 20px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/Plus20x20.png") no-repeat;
    transition: none;
}

.stats-toolbar-cls-add:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/Plus20x20.png") no-repeat;
}

.stats-toolbar-cls-edit {
    width: 20px !important;
    height: 20px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/Edit.20x20.png") no-repeat;
    transition: none;
}

.stats-toolbar-cls-edit:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/Edit.20x20.png") no-repeat;
}

.stats-toolbar-cls-start {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/Play28x28.png") no-repeat;
    transition: none;
}

.stats-toolbar-cls-start:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/Play28x28.png") no-repeat;
}

.stats-toolbar-cls-stop {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/Stop28x28.png") no-repeat;
    transition: none;
}

.stats-toolbar-cls-stop:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/Stop28x28.png") no-repeat;
}

.stats-toolbar-cls-select {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/Check28x28.png") no-repeat;
    transition: none;
}

.stats-toolbar-cls-select:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/Check28x28.png") no-repeat;
}

.stats-toolbar-cls-gear {
    width: 39px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/gear.39x28.png") no-repeat;
    transition: none;
    background-image: url("/insieme/stromboli/resources/icons/j/framework/gear.39x28.png") !important;
}

.stats-toolbar-cls-gear:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/gear.39x28.png") no-repeat;
}

.stats-toolbar-cls-filter {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/Filter.30x30.png") no-repeat;
    transition: none;
}

.stats-toolbar-cls-filter:hover {
    background: url("/insieme/stromboli/resources/icons/Filter.30x30.png") no-repeat;
}

.stats-toolbar-cls-filter .x-btn-arrow, .stats-toolbar-cls-gear .x-btn-arrow {
    background: none;
}

.stats-toolbar-cls-splitButton {
    width: 105px;
    height: 25px;
    background-color: #444243;
}

.stats-toolbar-cls-splitButton .x-btn-inner {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px !important;
    font-weight: bold !important;
    color: white !important;
}

.insieme-toolbar {
    background: #dfdfdf;
    padding: 4px 5px;
}

.cui .insieme-toolbar .btn.btn--icon.btn--xsmall {
    background: transparent;
}
.cui .insieme-toolbar .btn.btn--icon.btn--xsmall:hover,
.cui .insieme-toolbar .btn.btn--icon.btn--xsmall:focus {
    background: #c6c7ca;
}

.insieme-toolbar-level2 {
    background-image: none;
    background-color: #E6E6E8;
}

.insieme-stats-toolbar .x-btn-default-toolbar-small {
    border-radius: 0;
    border-width: 0 !important;
}
/* End Stats Related */

/* of label panel */
.insieme-labelBox {
    display: inline-block;
    position: relative;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    width: 120px;
    height: 26px;
    margin: 10px;
    background-color: #ccc;
}

.insieme-labelColor {
    display: inline-block;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
}

.insieme-labelText {
    display: inline-block;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    width: 80px;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.insieme-labelClose {
    display: inline-block;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 10px;
    position: relative;
    top: -9px;
    cursor: pointer;
}

.icon-autoArrange {
    background-image: url("/insieme/stromboli/resources/icons/j/fv/autoArrange.png") !important;
    width: 114px !important;
    height: 36px !important;
}

.cui .actionItemCls .x-menu-item-link {
    padding: 5px 2px 3px;
}

.actionItemCls .x-menu-item-text {
    padding-left: 5px;
}

.iconGraphic {
    background-image: url("/insieme/stromboli/resources/icons/fv/DashboardIconDark.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 16px;
    height: 16px;
    left: 3px;
}

.topIconGraphic {
    background-image: url("/insieme/stromboli/resources/icons/fv/DashboardGrey.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    display: inline-block;
    height: 30px;
    position: relative;
    left: -6px;
    top: -12px;
}

@-moz-document url-prefix() {

    .topIconGraphic {
        background-image: url("/insieme/stromboli/resources/icons/fv/DashboardGrey.png");
        background-repeat: no-repeat;
        background-position: center center;
        width: 40px;
        display: inline-block;
        height: 30px;
        position: relative;
        left: -4px;
        top: -12px;
    }
}

.healthCatImpactBg {
    background-image: url("/insieme/stromboli/resources/icons/coopbg.png") !important;
    background-repeat: no-repeat;
    background-position: center;
}

.healthCatEntryBg {
    background-image: url("/insieme/stromboli/resources/icons/coopbg.png") !important;
    background-repeat: no-repeat;
    background-position: center;
}

.hsPolicySlide0 {
    background-image: url("/insieme/stromboli/resources/icons/healthscore/Slide1.PNG") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hsPolicySlide1 {
    background-image: url("/insieme/stromboli/resources/icons/healthscore/Slide2.PNG") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hsPolicySlide2 {
    background-image: url("/insieme/stromboli/resources/icons/healthscore/Slide3.PNG") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hsPolicySlide3 {
    background-image: url("/insieme/stromboli/resources/icons/healthscore/Slide4.PNG") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.x-tab-active .iconGraphic {
    background-image: url("/insieme/stromboli/resources/icons/fv/DashboardIcon.png") !important;
}

.x-tab-over .iconGraphic {
    background-image: url("/insieme/stromboli/resources/icons/fv/DashboardIcon.png") !important;
}

.tree-panel {
    padding-top: 5px !important;
}

.treeHeaderBody .x-panel-header-text-default,
.treeHeaderBody .i-panel-header-text-default {
    font-size: 12px !important;
}

.treeHeaderBody .x-tool img {
    height: 19px;
    margin: 0 5px 0 0;
    overflow: hidden;
    width: 19px;
}

.x-grid-tree-loading .x-tree-icon {
    background-image: none;
}

.x-grid-tree-loading .x-tree-elbow,
.x-grid-tree-loading .x-tree-elbow-plus,
.x-grid-tree-loading .x-tree-elbow-end-plus {
    background-image: url("../../../../extjs/resources/themes/images/default/tree/loading.gif");
}

.tabbar .x-box-inner {
    top: 4px !important;
}

#health-tip {
    background-color: #f2f2f3;
}

.x-window-header-default-top {
    box-shadow: none;
}

.tenantWizardApTbl .i-panel-header-text-default {
    font-size: 19px;
}

.beakLeft .x-clear {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 30px solid #bfbfbf;
    display: block;
}

.long-title-wizard .ext-ux-wiz-Header-step-title {
    max-width: 290px !important;
}

/* grayed out combobox item */
.x-combo-grayed-out-item {
    color: #f2f2f2;
    background-color: whitesmoke;
    font-style: italic;
}

.x-combo-disabled-stats {
    color: #f2f2f2;
    font-style: italic;
}

/*** Begin HEALTH WIDGET *****/
.health-widget-container {
    position: relative;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    padding-top: 1;
}

.cluster-availability-container {
    color: #fff;
    display: inline-block;
}

.health-icon.health-icon-dashboard {
    cursor: default;
}

.health-icon {
    display: inline-block;
    height: 22px;
    width: 22px;
    cursor: pointer;
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
}

.health-score {
    width: 70px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
}

.orchestrator-label {
    margin: 5px 2px;
    padding: 3px 5px;
    background: #00aeb8;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
}

.cluster-availability {
    display: inline-block;
    position: relative;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

.i-health-dashboard .health-score {
    cursor: auto;
}

.health-score-container .health-score {
    top: 0;
    margin: 2px;
    font-size: 12px;
    padding-top: 2px;
}

.badge-health-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: max-content;
    min-width: min-content;
    padding: 6px;
    height: 24px;
}

.badge-health-container.badge-health-critical-background {
    background-color: #FCE9E8;
}
.badge-health-container.badge-health-major-background {
    background-color: #FFF0D3;
}
.badge-health-container.badge-health-minor-background {
    background-color: #FFFAE6;
}
.badge-health-container.badge-health-warning-background {
    background-color: #E7F6F4;
}
.badge-health-container.badge-health-ok-background {
    background-color: #F0F8EC;
}
.badge-health-container.badge-health-unknonw-background {
    background-color: #DFDFDF;
}

.badge-health-text {
    color: #58585b;
    padding-left: 2px;
    font-weight: 400;
}

.badge-health-svg {
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
}
.badge-health-critical {
    background-image: url("../icons/j/faults/badge-health-critical.svg");
}
.badge-health-major {
    background-image: url("../icons/j/faults/badge-health-major.svg");
}
.badge-health-minor {
    background-image: url("../icons/j/faults/badge-health-minor.svg");
}
.badge-health-warning {
    background-image: url("../icons/j/faults/badge-health-warning.svg");
}
.badge-health-ok {
    background-image: url("../icons/j/faults/badge-health-ok.svg");
}
.badge-health-unknown {
    background-image: url("../icons/j/faults/badge-health-unknown.svg");
}


.health-critical {
    background-image: url("../icons/j/faults/icon_FaultSummaryCritical.svg");
}

.score-critical {
    background-color: #CF2030;
    border-radius: 15px;
    padding: 0 5px;
}

.health-major {
    background-image: url("../icons/j/faults/icon_FaultSummaryMajor.svg");
}

.score-major {
    background-color: #ff7300;
    border-radius: 15px;
    padding: 0 5px;
}

.health-minor {
    background-image: url("../icons/j/faults/icon_FaultSummaryMinor.svg");
}

.score-minor {
    background-color: #ff7300;
    border-radius: 15px;
    padding: 0 5px;
}

.health-warning {
    background-image: url("../icons/j/faults/icon_FaultSummaryWarning.svg");
}

.health-warning2 {
    background-image: url("../icons/j/faults/icon_FaultSummaryWarning2.svg");
}

.score-warning {
    background-color: #14a792;
    border-radius: 15px;
    padding: 0 5px;
}

.health-nofault {
    background-image: url("../icons/j/faults/ClearedFault24x24.png");
}

.tsw-changes {
    background-image: url("../icons/j/tsw/tsw-log.svg");
}

.tsw-no-changes {
    background-image: url("../icons/j/tsw/tsw-no-log.svg");
}

.tsw-no-stats {
    background-image: url("../icons/j/tsw/tsw-no-stats.svg");
}

.tsw-no-drop {
    background-image: url("../icons/j/tsw/tsw-no-drop.svg");
}

.tsw-drop {
    background-image: url("../icons/j/tsw/tsw-drop.svg");
}

.score-nofault {
    background-color: #56b72a;
    border-radius: 15px;
    padding: 0 5px;
}

.score-noscore {
    background-color: #f2f2f2;
    border-radius: 15px;
    padding: 0 5px;
}

.health-score-container {
    width: 680px;
    height: 300px;
    overflow-y: scroll;
}

.health-category-container {
    width: 210px;
    display: inline-block;
    border: 1px solid #f2f2f2;
    padding: 2px;
    margin: 5px;
    border-radius: 5px;
}

.health-fault-container {
    display: inline-block;
    position: relative;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 0 5px;
}

.fault-count-box {
    display: inline-block;
    position: relative;
    padding: 2px 2.5px;
}

.fault-count {
    display: inline-block;
    top: 0;
    border: 1px solid #dfdfdf;
    height: 23px;
    line-height: 22px;
    position: relative;
    z-index: 1;
    color: #fff;
    width: 27px;
    text-align: center;
}

.critical-fault-count {
    background: #CF2030;
}

.major-fault-count {
    background: #ff7300;
}

.minor-fault-count {
    background: #ffcc00;
}

.warning-fault-count {
    background: #14a792;
}

.ux-notification-light .x-window-header-text {
    font-size: 18px;
    line-height: 35px;
}

.badge {
    position: absolute;
    min-width: 14px;
    height: 14px;
    text-align: center;
    padding: 2px 2px 0 2px;
    font: 9px "Inter", arial, sans-serif;
    line-height: 1;
    border-radius: 7px;
    border: solid 1px #fff;
}
.badgeHidden {
    display: none;
}
.badgeInfo {
    background: #0075b1;
    top: 14px;
    left: 50%;
    margin-left: -8px;
    color: #fff;
}
.badgeWarning {
    background: #15a792;
    top: 6px;
    left: 15px;
    color: #fff;
}
.badgeMinor {
    background: #ffd700;
    top: 6px;
    right: 15px;
    color: #000;
}
.badgeMajor {
    background: #ff5c00;
    top: -11px;
    left: 13px;
    color: #fff;
}
.badgeCrit {
    background: #c40020;
    top: -11px;
    right: 13px;
    color: #fff;
}

/* To paint a different alert color based on highest severity */
.button--major {
    background: #FF5C00 !important;
    color: #fff;
}

.button--major:hover, .button--major:focus {
    box-shadow: 0 0 0 0 transparent;
    background-color: #A4101E;
    color: #fff;
}

.button--major:active, .button--major.button--active {
    box-shadow: 0 0 0 0 transparent;
    color: #fff;
    background-color: #58585b;
}

.button--major.disabled {
    opacity: 1;
    color: #c6c7ca;
    background-color: #dfdfdf;
}

.button--minor {
    background: #FFD700 !important;
    color: #fff;
}

.button--minor:hover, .button--minor:focus {
    box-shadow: 0 0 0 0 transparent;
    background-color: #A4101E;
    color: #fff;
}

.button--minor:active, .button--minor.button--active {
    box-shadow: 0 0 0 0 transparent;
    color: #fff;
    background-color: #58585b;
}

.button--minor.disabled {
    opacity: 1;
    color: #c6c7ca;
    background-color: #dfdfdf;
}

.button--info {
    background: #0075B1 !important;
    color: #fff;
}

.button--info:hover, .button--info:focus {
    box-shadow: 0 0 0 0 transparent;
    background-color: #A4101E;
    color: #fff;
}

.button--info:active, .button--info.button--active {
    box-shadow: 0 0 0 0 transparent;
    color: #fff;
    background-color: #58585b;
}

.button--info.disabled {
    opacity: 1;
    color: #c6c7ca;
    background-color: #dfdfdf;
}

.health-icon-cell {
    display: table-cell !important;
    height: 100%;
    width: 100%;
    background-position: center center !important;
    background-repeat: no-repeat;
}

/* These are for rendering grid rows */
.health-table .x-grid-table {
    border-collapse: collapse !important;
}

.health-table .x-grid-cell {
    border-left-width: 0 !important;
}

.health-critical-row {
    border: 1px solid rgba(207, 32, 48, 0.5) !important;
}

.health-critical-row .x-grid-cell {
    background-color: #E8C8CB;
}

.health-major-row {
    border: 1px solid rgba(255, 115, 0, 0.5) !important;;
}

.health-major-row .x-grid-cell {
    background-color: #F1D8C2;
}

.health-minor-row {
    border: 1px solid rgba(255, 247, 204, 0.5) !important;;
}

.health-minor-row .x-grid-cell {
    background-color: #fff7cc;
}

.health-info-row {
    border: 1px solid rgba(4, 159, 217, 0.5) !important;;
}

.health-info-row .x-grid-cell {
    background-color: #C4E0EA;
}

/* View More / Less Floats */
.viewBtn {
    color: #007493;
    float: right;
}
.wiz-page-content .viewBtn {
    cursor: pointer;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
}

/* Alert Notification Panel */
.x-window-default.notificationPanel {
    border: none;
    border-left: 4px solid #2a88ac;
    box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.1);
    padding-top: 20px;
}
.x-window-default.notificationPanel .x-window-header-text-default {
    display: block;
    margin: 20px 35px 0 16px;
    padding: 0;
}

/* Individual Alert Tiles */
.i-alert {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    color: #58585b;
    width: 430px;
}
.i-alert:hover {
    background-color: #f2f2f2;
    border-bottom: 1px solid #bfbfbf;
}
.i-alert .i-alert-header {
    padding: 8px 0 8px 15px;
}
.i-alert .i-alert-header-body {
    padding: 0 0 0 15px;
}
.i-alert .i-alert-header-text {
    font-family: "SharpSans", Helvetica, Arial, sans-serif;
    white-space: normal !important;
    top: 0 !important;
}
.i-alert .i-alert-header-text-container {
    height: auto;
}
.i-alert h6.alertTitle {
    color: #58585B;
    font-family: "SharpSans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
    padding-right: 25px;
    width: 400px;
}
.i-alert .alertBdy {
    color: #58585B;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    white-space: normal;
    width: 400px;
}
.i-alert .alertMsg {
    width: 400px;
    height: auto;
    white-space: normal;
}
.i-alert .alertMsg.trunc {
    float: left;
    height: 20px;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 310px;
}
.i-alert .jumpLink,
.i-alert .actionLink {
    display: inline !important;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
}

.i-alert .viewBtn {
    cursor: pointer;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    width: 85px;
    text-align: right;
    white-space: nowrap;
}
.i-alert .i-alert-header .btn.btn--icon.btn--xsmall .icon-close {
    color: #58585b;
}
.i-alert .i-alert-header .btn.btn--icon.alert__close,
.i-alert .i-alert-header .btn.btn--icon.alert__close:disabled {
    background-color: transparent;
    top: -5px !important;
    right: 0 !important;
}
.i-alert .btn.btn--gray {
    background-color: transparent;
    color: darkslategrey;
}
.i-alert button[disabled],
.i-alert .x-btn-default-small.x-btn-default-small-disabled {
    background-color: transparent !important;
    color: #e3e3e3;
    opacity: 0.7;
}
/* message body is not used */
.i-alert .i-alert-body {
    display: none;
    height: 0;
}

/* Alert Tile Colors */
/*  Critical alert tile */
.i-alert-critical .i-alert-header-body {
    border-left: 2px solid #c50020;
}
/*  Major alert tile */
.i-alert-major .i-alert-header-body {
    border-left: 2px solid #ff5c04;
}
/*  Minor alert tile */
.i-alert-minor .i-alert-header-body {
    border-left: 2px solid #fed700;
}
/*  Warning alert tile */
.i-alert-warning .i-alert-header-body {
    border-left: 2px solid #15a792;
}
/*  Info alert tile */
.i-alert-info .i-alert-header-body {
    border-left: 2px solid #0171aa;
}
/* END alert 'tiles' */

.alert-banner {
    text-align: center;
    padding: 8px 10px;
}
.alert-banner.alert-danger {
    background-color: #fce9e8;
}
.alert-banner.alert-info {
    background-color: #e5f8fd;
}
.alert-banner.alert-warning {
    background-color: #fff0d3;
}
.alert-banner.alert-danger .alert-icon {
    color: #e2231a;
}
.alert-banner.alert-info .alert-icon {
    color: #00bceb;
}
.alert-banner.alert-warning .alert-icon {
    color: #fbab18;
}
.alert-banner .alert-icon {
    font-size: 2.2rem;
    display: inline-block;
    padding-right: 10px;
}
.alert-banner .alert__message {
    display: inline-block;
    max-width: 95%;
}

/*** END HEALTH WIDGET *****/
.x-panel .x-grid-body, .i-panel .x-grid-body, .i-panel .x-grid-body, .x-panel .i-grid-body, .i-panel .i-grid-body, .i-panel .i-grid-body {
    background: none !important;
}

/** L4-L7 SERVICE GRAPHS **/
.i-svcGraph-termWrap {
    margin: 12px 0 0;
    width: 90px;
    display: inline-block;
}

.i-svcGraph-termWrap-Label {
    width: 90px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    display: block;
}

.i-svcGraph-termWrap-name {
    width: 90px;
    font-size: 14px;
    text-align: center;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    color: grey;
    display: block;
}

.i-svcGraph-termNode-left,
.i-svcGraph-termNode-right {
    width: 54px;
    height: 54px;
    display: block;
    background-image: url("../icons/j/fv/epg.png");
    background-repeat: no-repeat;
    background-size: 54px 54px;
    background-position: center center;
    border: 2px solid #0095D7;
    border-radius: 50%;
    margin-left: 20px;
}

.i-svcGraph-termNode-left .i-absGraph-absConn-output {
    right: -16px;
    top: 16px;
}

.i-svcGraph-termNode-right .i-absGraph-absConn-input {
    position: absolute;
    left: -16px;
    top: 16px;
}

.i-svcGraph-absNodes-container {
    vertical-align: top;
    display: inline-block;
    width: 768px;
    height: 130px;
    margin: 15 10 0 10px;
}

.i-svcGraph-absConn3,
.isvcGraph-absConn2 {
    width: 20px;
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 2px;
    font-size: 11px;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 9px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-left: 5px;
}

.i-svcGraph-absConn2 {
    height: 20px;
}

.i-svcGraph-absConn3 {
    height: 25px;
}

.portid22 {
    position: absolute;
    right: 2px;
}

.leftEmpty2 {
    left: -80px;
    position: absolute !important;
}

.i-svcGraph-absConn-input {
    position: absolute;
    left: -24px;
    top: 7px;
}

.i-svcGraph-absConn-input3 {
    position: absolute;
    left: -24px;
    top: 15px;
}

.i-svcGraph-absConn-output2 {
    position: absolute;
    right: -84px;
    top: 7px;
}

.i-svcGraph-absConn-output3 {
    position: absolute;
    right: -84px;
    top: 15px;
}

.i-svcGraph-funcImage-other {
    height: 28px;
    width: 28px;
    display: block;
    background: none;
    margin: auto;
}

.i-svcGraph-funcImage-othergothrough {
    height: 28px;
    width: 43px;
    display: block;
    background-image: url("../icons/vns/gothrough.png");
    background-repeat: no-repeat;
    background-size: 43px 23px;
    background-position: center;
    margin: auto;
}

.i-svcGraph-funcImage-othergoto {
    height: 32px;
    width: 43px;
    display: block;
    background-image: url("../icons/vns/l4ltGen.png");
    background-repeat: no-repeat;
    background-size: 43px 32px;
    background-position: center;
    margin: auto;
}

.i-svcGraph-funcImage-firewall {
    height: 24px;
    width: 24px;
    display: block;
    background-image: url("../icons/j/fv/fw_24.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    margin: auto;
}

.i-svcGraph-funcImage-loadbalancer {
    height: 24px;
    width: 24px;
    display: block;
    background-image: url("../icons/j/fv/lb_24.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    margin: auto;
}

.i-svcGraph-funcImage-idsips {
    height: 24px;
    width: 24px;
    display: block;
    background-image: url("../icons/j/fv/ids_24.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    margin: auto;
}
/** END L4-L7 SERVICE GRAPHS **/

/** L4-L7 GRAPHS **/
.i-absGraph-termWrap {
    margin: 140px 0;
    vertical-align: top;
    display: inline-block;
    visibility: hidden;
}

.i-absGraph-termWrap-name {
    width: 80px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    color: grey;
    display: block;
}

.i-absGraph-termWrap-name-left {
    margin: 3 15 0 55px;
}

.i-absGraph-termWrap-name-right {
    margin: 3 0 0 20px;
}

.i-absGraph-termWrap-name-right2 {
    margin: 3 0 0 40px;
}

.inputBox {
    width: 52px;
    color: #000;
}

.i-absGraph-absNodes-container2 {
    vertical-align: top;
    display: inline-block;
    width: 648px;
    height: 340px;
    margin: 0 10px;
}

.i-absGraph-node2-temp {
    width: 90px;
    height: 110px;
    margin: auto auto;
    border: 1px dashed grey;
    display: block;
}

.i-absGraph-copynode-copy,
.i-absGraph-copynode-tempcopy {
    width: 50px;
    height: 50px;
    margin: 35px auto 0;
    display: block;
}

.i-absGraph-copynode-tempcopy {
    border: 1px dashed grey;
}

.i-absGraph-copynode-copy {
    border: 3px solid lightgrey;
}

.i-absGraph-copynode-name {
    position: relative;
    top: 18px;
    width: 50px;
    margin: auto;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    color: grey;
    display: block;
}

.i-absGraph-node2 {
    width: 90px;
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 5px;
    display: block;
    margin: auto;
}

.i-absGraph-node2 .i-absGraph-absConn-input {
    position: absolute;
    left: -24px;
    top: 9px;
}

.i-absGraph-funcImage {
    width: 80px;
    height: 36px;
    background-repeat: no-repeat;
    background-image: url("../icons/vns/citrix3.jpg");
    background-size: 60px 27px;
    background-position: center center;
    margin-top: 5px;
    display: block;
}

.i-absGraph-funcImage2 {
    width: 80px;
    height: 36px;
    background-repeat: no-repeat;
    background-image: url("../icons/vns/cisco.gif");
    background-size: 46px 27px;
    background-position: center center;
    margin-top: 5px;
    display: block;
}

.i-absGraph-funcImage3 {
    width: 80px;
    height: 41px;
    display: table-cell;
    line-height: 41px;
    text-align: center;
    vertical-align: middle;
}

.i-absGraph-funcImage3 img {
    height: 28px;
}

.i-absGraph-funcName {
    width: 80px;
    height: 20px;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.i-absGraph-nodeWrap {
    width: 150px;
    height: 110px;
    margin: auto auto;
    display: block;
}

.i-absGraph-nodeWrap-name {
    width: 90px;
    margin: 3 0 0 30px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    color: grey;
    display: block;
}

.i-absGraph-node2 .i-absGraph-node-name,
.i-absGraph-node2-temp .i-absGraph-node-name {
    width: 60px;
    margin: auto;
}

.i-absGraph-copynode-copy .copyicon,
.i-absGraph-copynode-tempcopy .copyicon {
    width: 24px;
    height: 24px;
    top: -6px;
    position: relative;
    display: block;
    background-image: url("../icons/j/fv/copy24.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    margin-top: 8px;
    padding-left: 7px;
}

.i-absGraph-copynode-tempcopy .copyicon {
    margin-left: 13px;
}

.i-absGraph-copynode-copy .copyicon {
    margin-left: 11px;
}

.i-absGraph-copynode-copy .i-absGraph-node-name,
.i-absGraph-copynode-tempcopy .i-absGraph-node-name {
    width: 44px;
    top: 30px;
    margin-left: 3px;
    font-size: 12px;
}

.i-absGraph-copynode-tempcopy .i-absGraph-node-name {
    color: grey;
}

.parameterIcon {
    width: 16px;
    height: 16px;
    position: relative;
    background-image: url("../icons/vns/editProfile.png");
    background-repeat: no-repeat;
    margin: 0 4 3 60px;
    background-size: 16px 16px;
    cursor: pointer;
}

.netFlowDropdown {
    width: fit-content !important;
}

.noparameterIcon {
    width: 24px;
    height: 24px;
    position: relative;
    margin: 0 4 0 60px;
}

.managedIcon {
    width: 24px;
    height: 24px;
    position: relative;
    margin: 0 4 0 60px;
    background-image: url("../icons/j/fv/mgd_24.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    top: 15px;
    left: 12px;
}

.i-absGraph-node2-temp .i-absGraph-node-name {
    color: grey;
}

.insieme-graphics-level-container-absGraph {
    margin: 20px 0;
}

.i-absGraph-node {
    margin: 0 40px 20px;
}

.i-absGraph-termNode-left {
    width: 80px;
    height: 80px;
    background: #e3e3e3;
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 5px;
    display: block;
    margin-bottom: 0;
}

.i-absGraph-termNode-left .i-absGraph-termNode-label {
    position: relative;
    left: -52px;
    top: 36px;
    font-size: 10px;
    display: block;
    border-top: 1px solid #f2f2f2;
    width: 35px;
    padding-top: 5px;
}

.i-absGraph-termNode-left .i-absGraph-termNode-labelText {
    position: relative;
    left: -64px;
    font-size: 10px;
    display: block;
    width: 60px;
    top: 44px;
}

.i-absGraph-termNode-left .i-absGraph-termNode-labelText2 {
    position: relative;
    left: 62px;
    font-size: 10px;
    display: block;
    width: 60px;
    top: 44px;
}

.i-absGraph-termNode-left .i-absGraph-node-name {
    top: 14px;
}

.i-absGraph-termNode-right {
    width: 80px;
    height: 80px;
    background: #e3e3e3;
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 5px;
    display: block;
    margin-bottom: 0;
}

.highlightBorder {
    border-color: #8DB6CD !important;
}

.i-absGraph-termNode-right .i-absGraph-termNode-label {
    position: relative;
    right: -88px;
    top: 36px;
    font-size: 10px;
    display: block;
    border-top: 1px solid #f2f2f2;
    width: 35px;
    padding-top: 5px;
}

.i-absGraph-termNode-right .i-absGraph-termNode-labelText {
    position: relative;
    right: -70px;
    font-size: 10px;
    display: block;
    width: 35px;
    width: 60px;
    top: 44px;
}

.i-absGraph-termNode-right .i-absGraph-termNode-labelText2 {
    position: relative;
    right: -76px;
    font-size: 10px;
    display: block;
    width: 35px;
    width: 60px;
    top: 44px;
}

.i-absGraph-termNode-right .i-absGraph-node-name {
    top: 14px;
}

.i-absGraph-absEmptyNode {
    border: 1px dashed #f2f2f2;
}

.i-absGraph-absNode {
    border: 5px solid #f2f2f2;
}

.i-absGraph-absNode .i-absGraph-node-name {
    width: 80px;
    margin: auto;
    top: 88px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    color: grey;
    display: block;
}

.i-createNewFuncBtn {
    background-image: url("../icons/fv/GreenAdd.png");
    background-repeat: no-repeat;
    background-size: 80%;
    position: relative;
    top: 35px;
    margin: 0 auto;
    width: 28px;
    height: 28px;
}

.i-createNewTermNodeBtn {
    background-image: url("../icons/fv/GreenAdd.png");
    background-repeat: no-repeat;
    background-size: 80%;
    position: relative;
    margin: 0 auto;
    width: 28px;
    height: 28px;
}

.i-absGraph-termNode-left .i-createNewTermNodeBtn {
    top: -2px;
    left: -60px;
}

.i-absGraph-termNode-right .i-createNewTermNodeBtn {
    top: -2px;
    right: -35px;
}

.i-absGraph-node-name {
    position: absolute;
    top: 30px;
    text-align: center;
    font-weight: bold;
}

.i-absGraph-absConn {
    width: 15px;
    height: 17px;
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 2px;
    text-align: center;
    color: #9e9ea2;
    font-size: 11px;
    display: block;
    position: static;
    margin-bottom: 2px;
}

.configSteps {
    font-weight: 400;
    color: #9e9ea2;
    font-size: 16px;
    line-height: 1.4em;
}

.configNote {
    font-size: 14px;
}

.i-absGraph-absConn3,
.i-absGraph-absConn2 {
    width: 20px;
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 2px;
    text-align: center;
    color: #9e9ea2;
    font-size: 11px;
    display: block;
    position: absolute;
    top: 5px;
    margin-bottom: 2px;
}

.i-absGraph-absConn2 {
    height: 20px;
}

.i-absGraph-absConn3 {
    height: 25px;
}

.portid1 {
    position: absolute;
}

.portid2 {
    position: absolute;
    right: 62px;
}

.portplus1,
.portplus2 {
    position: relative;
    bottom: 0;
    color: grey;
    top: 6px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.portplus1 {
    right: -3px;
}

.portplus2 {
    left: -3px;
}

.topEmpty {
    border-top: 1px solid transparent;
}

.leftEmpty {
    border-left: 1px solid transparent;
}

.rightEmpty {
    border-right: 1px solid transparent;
}

.i-absGraph-absConnLabel {
    width: 20px;
    display: block;
    position: relative;
    left: -2px;
    margin-bottom: 2px;
    font-size: 10px;
}

.i-absGraph-absConnLabel2,
.i-absGraph-absConnLabel3 {
    width: 20px;
    display: block;
    position: relative;
    right: 2px;
    margin-bottom: 2px;
    font-size: 10px;
}

.i-absGraph-absConnLabel2 {
    right: 4px;
}

.i-absGraph-absConnLabel3 {
    right: -2px;
}

.i-absGraph-absConnLabelLeft {
    width: 80px;
    display: block;
    position: relative;
    left: 2px;
    margin-bottom: 2px;
    font-size: 10px;
}

.i-absGraph-absConnLabelRight {
    width: 80px;
    display: block;
    position: relative;
    left: 4px;
    margin-bottom: 2px;
    font-size: 10px;
}

.i-absGraph-absConn-input {
    position: absolute;
    left: -19px;
    top: 9px;
}

.i-absGraph-termNode-left .i-absGraph-absConn-input {
    left: -19px;
    top: 28px;
}

.i-absGraph-termNode-left .i-absGraph-absConn-output {
    right: -19px;
    top: 28px;
}

.i-absGraph-termNode-right .i-absGraph-absConn-input {
    left: -19px;
    top: 28px;
}

.i-absGraph-termNode-right .i-absGraph-absConn-output {
    right: -19px;
    top: 28px;
}

.i-absGraph-absConn-output {
    position: absolute;
    right: -24px;
    top: 9px;
}

.i-absGraph-absConn-output2 {
    position: absolute;
    right: -84px;
    top: 9px;
}

.i-absGraph-terminals {
    top: -20px;
}

.i-absGraph-term {
    margin: 5px 0;
}

.i-absGraph-childNodes {
    margin-top: 80px;
    height: 115px;
}

.i-absGraph-termNodes-container, .i-absGraph-absNodes-container {
    display: table-cell;
    vertical-align: middle;
}

.i-absGraph-epgNodes {
    position: relative;
    text-align: center;
    width: 100%;
    overflow: auto;
}

.i-absGraph-epg-left {
    position: relative;
    margin-right: 800px;
}

.i-absGraph-stats-left {
    /*background-color: #ECEAEB;*/
    width: 580px;
    height: 300px;
    margin-right: 20px;
    overflow: auto;
}

.i-absGraph-stats-right {
    /*background-color: #ECEAEB;*/
    width: 580px;
    height: 300px;
    overflow: auto;
}

.closeX {
    margin-left: 132px;
    cursor: pointer;
    display: inline-block;
}

.graphItem {
    width: 180px;
    height: 20px;
    margin: 5px auto;
    background-color: #fff;
    color: #000;
    text-align: center;
    line-height: 20px;
}

.extraHelpText {
    color: #808080;
    font-size: 65%;
    margin-bottom: 10px;
}

/*** NEW APPLICATION WIZARD***/
.i-tenantApWizard .insieme-graphics-level-container {
    margin-bottom: 0;
}

.i-tenantApWizard .insieme-graphics-level-container:first-child {
    margin-top: 20px;
}

.dashboard-slider .x-form-item-label, .dashboard-slider .i-form-item-label {
    padding: 1px 0 0;
}

/* admin menu - can also be used for other icon-free menus */
.no-icon-menu .x-menu-body {
    border-top: solid #f2f2f2 1px;
    padding: 0 !important;
}

.no-icon-menu .x-menu-item-icon {
    display: none;
}

.no-icon-menu .x-menu-item-link {
    padding: 6px 9px !important;
}

.no-icon-menu .x-menu-item-active .x-menu-item-link {
    background-image: none !important;
    border-radius: 0 !important;
    border-width: 0 !important;
}

.no-icon-menu .x-menu-item-active .x-menu-item-text {
    color: #fff;
}

.no-icon-menu .x-menu-item-text {
    font-family: "Inter", Helvetica, Arial, sans-serif;
}

.no-icon-menu .x-panel-header {
    margin: 10px 0 0 8px;
}

.x-menu-item-arrow {
    background-image: url("../icons/j/framework/menu-parent.png") !important;
}

.x-menu-item-active .x-menu-item-arrow {
    background-image: url("../icons/j/framework/menu-parent-active.png") !important;
}
/* END admin menu */

.x-grid-row .x-grid-cell-special,
.i-grid-row .x-grid-cell-special,
.x-grid-row .i-grid-cell-special,
.i-grid-row .i-grid-cell-special {
    background-image: none;
    border-right: none;
}

/*** grid filter menu ***/
.ux-rangemenu-icon {
    display: block;
    height: 16px;
    background: no-repeat 5px center;
}

.ux-rangemenu-gt {
    background-image: url(../icons/greater_than.png) !important;
}

.ux-rangemenu-lt {
    background-image: url(../icons/less_than.png) !important;
}

.ux-rangemenu-eq {
    background-image: url(../icons/equals.png) !important;
}

.ux-filtered-column {
    font-style: italic;
    font-weight: bold;
}

.ux-gridfilter-text-icon {
    background-image: url(../icons/find.png) !important;
}
/** End grid filter menu **/

.nav-wiz-panel {
    padding: 10px 10px 0;
    margin: 10px;
}

.filter-btn-cls-on-search {
    top: 7px !important;
}

.toolbar-logo:hover {
    cursor: default;
}

table.statusbar {
    border: 0 solid black;
    width: 100%;
    background-color: #DFDFDF;
    color: #58585b;
}

td.statusbar {
    border-style: none;
    border-width: 1px;
    border-color: #d3d3d3;
}

span.statusbar {
    color: #58585b;
    font-size: 10px;
}

td.timebar {
    border-style: none;
    border-width: 1px;
    border-color: #d3d3d3;
}

span.timebar {
    color: #58585b;
    font-size: 10px;
}

div.vendorText {
    display: inline;
    font-weight: bold;
    margin-right: 10px;
    position: relative;
    top: -15px;
}

img.vendorLogo {
    height: 25px;
    vertical-align: 25%;
}

.descriptionBox textarea {
    border: 0;
    background-color: #f2f2f3;
    background-image: none;
}

td.wrap-around-col > div.x-grid-cell-inner {
    white-space: pre-wrap;
    max-height: 80px;
}

a.fileExp {
    color: #017cad;
    text-decoration: underline;
}

a.fileExp:hover {
    color: #017cad;
    text-decoration: underline;
}

a.fileExp:link {
    color: #017cad;
    text-decoration: underline;
}

a.fileExp:visited {
    color: #017cad;
    text-decoration: underline;
}

a.dnLink {
    color: #017cad;
    text-decoration: underline;
    white-space: normal;
}

a.dnLink:hover {
    color: #017cad;
    text-decoration: underline;
}

a.dnLink:link {
    color: #017cad;
    text-decoration: underline;
}

a.dnLink:visited {
    color: #017cad;
    text-decoration: underline;
}

.x-hide-visible {
    visibility: hidden !important;
}

.led-icon {
    display: inline-block;
    height: 25px;
    width: 25px;
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
}

.led-no-color {
    background-image: url("../icons/LEDLightInactive24x24.png");
}

.led-off {
    background-image: url("../icons/LEDLightInactive24x24.png");
}

.led-unknown {
    background-image: url("../icons/LEDLightInactive24x24.png");
}

.led-green {
    background-image: url("../icons/LEDLightGreen24x24.png");
}

.led-yellow {
    background-image: url("../icons/LEDLightYellow24x24.png");
}

.led-amber {
    background-image: url("../icons/LEDLightAmber24x24.png");
}

.led-red {
    background-image: url("../icons/LEDLightRed24x24.png");
}

.led-blue {
    background-image: url("../icons/LEDLightBlue24x24.png");
}

/* feature panel */
.nav {
    margin: 0;
    padding: 0;
}

.navTitle {
    font-size: 14;
    margin-bottom: 20px;
}

.nav li {
    list-style: none;
    display: block;
    padding: 10px;
}

.nav li.inactive:hover {
    cursor: pointer;
    color: #017cad;
}

.nav li.active {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    background-color: #017cad;
}

.showProfileLabelCls {
    color: white;
    position: relative;
    top: -1px;
}

.row-required .x-grid-cell {
    color: red;
}

.row-modified .x-grid-cell {
    color: green;
}

.toggle-button-image {
    width: 22px !important;
    height: 19px !important;
    background-image: url(../icons/auto_h.png) !important;
}

.x-btn-noicon .x-btn-huge .x-btn-text {
    height: 19px;
}

.x-btn-icon .x-btn-huge .x-btn-text {
    height: 19px;
    width: 19px;
}

.x-btn-text-icon .x-btn-icon-huge-left .x-btn-text {
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left: 24px;
    height: 19px;
}

.x-btn-text-icon .x-btn-icon-huge-top .x-btn-text {
    background-position: center 0;
    background-repeat: no-repeat;
    padding-top: 24px;
}

.x-btn-text-icon .x-btn-icon-huge-right .x-btn-text {
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 24px;
    height: 19px;
}

.x-btn-text-icon .x-btn-icon-huge-bottom .x-btn-text {
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 24px;
}

.insfieldset .x-tool img {
    background-color: transparent;
    background-image: url("../../../../extjs/resources/themes/images/default/tools/tool-sprites.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    margin: 0;
    overflow: hidden;
    width: 15px;
}

.cancelauth .x-tool {
  top: -4px !important;
  left: 270px !important;
  margin: 0 50px 0 0 !important;
}

.cancelauth .btn {
  color: #58585b !important;
  background-color: transparent !important;
}

.cancelauth .btn .icon-expand-bottom::before {
  content: "";
}

.cancelauth .x-tool-expand-bottom .icon-expand-bottom::before {
   content: "";
}

.cancelauth .x-tool-collapse-top .icon-expand-bottom::before {
   content: "";
}

.insfieldset .x-panel-header-text-default,
.x-panel-header-text-i-table {
    font-size: 17px !important;
}

.bgpospfeigrp .x-panel-header-text-i-table {
    font-size : 18px !important;
}

td.x-grid-cell:hover {
    cursor: pointer;
}

.x-grid-row-editor-buttons {
    background-color: #fff;
    position: absolute;
    bottom: -41px;
    padding: 4px;
    height: 42px;
    border: 1px solid #017cad;
    border-top: 0;
}

/* Pan Info VRF */
.vrfinfo-header, .vrfinfo-protocols, .vrfinfo-connectivity {
    border-width: 0 0 1 0 !important;
    border-color: #a8aaae;
    border-style: solid;
    margin: 0.67em 0;
    padding: 0.67em;
}

.vrfinfo-header-right {
    border-width: 0 1 0 0 !important;
    border-color: #a8aaae;
    border-style: solid;
    margin: 0 13px 0 13px;
    padding-right: 4px;
    width: 6px !important;
    height: 1000px !important;
}

.vrfinfo-connectivity {
    border-width: 0 0 1 0 !important;
    border-color: #a8aaae;
    border-style: solid;
}

.vrfinfo-protocols {
    margin: 2em 0;
    padding-bottom: 1em;
}

div[id="eqpt:infoVrf"] {
    padding: 1em;
}

div[id="eqpt:infoVrf"] .x-toolbar {
    border-top: 0 !important;
}

div[id="eqpt:infoVrf"] div.x-column {
    padding-right: 2em;
}

div[id="eqpt: routeMapConfig"] {
    margin-top: 2em !important;
}

div[id="eqpt:infoVrf"] .x-column .i-panel-header-text {
    font-weight: bold;
    font-size: 12px;
    color: #414149;
}

div[id="eqpt:infoVrf"] .x-panel-collapsed .x-panel-header-text, div[id="eqpt:infoVrf"] .x-panel-collapsed .i-panel-header-text, .advanced-settings .x-panel-header-text, .advanced-settings .i-panel-header-text {
    font-size: 12px;
}

div.advanced-settings {
    margin-bottom: 2em;
}

div[id="eqpt:infoVrf"] .x-panel-header-text-i-table, .vrfinfo-protocols .x-panel-header-text, .vrfinfo-protocols .i-panel-header-text {
    color: #6d6e70;
    font-size: 18px;
    line-height: 1;
    margin-bottom: -24px;
    z-index: 100000;
}

.vrfinfo-divider {
    position: absolute;
    left: 50%;
    top: 10%;
    bottom: 10%;
    border-left: 1px solid white;
}

/* duplication for new panel Pan Info VRF */
div[id="l3ext:infoSimpleVrf:vrfItems"] {
    padding: 1em;
}

div[id="l3ext:infoSimpleVrf:vrfItems"] div.x-column {
    padding-right: 2em;
}

div[id="l3ext:infoSimpleVrf:vrfItems"] .x-column .i-panel-header-text {
    font-weight: bold;
    font-size: 12px;
    color: #414149;
}

div[id="l3ext:infoSimpleVrf:vrfItems"] .x-panel-collapsed .x-panel-header-text, div[id="l3ext:infoSimpleVrf:vrfItems"] .x-panel-collapsed .i-panel-header-text, .advanced-settings .x-panel-header-text, .advanced-settings .i-panel-header-text {
    font-size: 12px;
}

div[id="l3ext:infoSimpleVrf:vrfItems"] .x-panel-header-text-i-table, .vrfinfo-protocols .x-panel-header-text, .vrfinfo-protocols .i-panel-header-text {
    color: #6d6e70;
    font-size: 18px;
    line-height: 1;
    margin-bottom: -24px;
    z-index: 100000;
}

.tree-picker-combo .x-form-trigger-wrap, .tree-picker-combo .i-form-trigger-wrap {
    background: white;
}

#app\:rollback\:snapshot .x-box-inner .x-column-header-text:first-child {
    margin-left: -1px;
    width: 30px;
}

#configZonesRefreshBtn span.x-btn-inner {
    font-size: 20px;
}

#configZonesRefreshBtnPods span.x-btn-inner {
    font-size: 20px;
}

.header-check-correction .x-box-inner .x-column-header-text:first-child {
    margin-left: -1px;
    width: 30px;
}

/* app widget */
.appBox {
    margin: 5px !important;
    width: 340px;
    height: 268px;
    float: left;
    background-color: white;
    display: flex;
    flex-direction: column;
}

.appBox .activity__body {
    overflow: auto;
}

@-moz-document url-prefix() {
    .appBox {
        margin: 5px !important;
        width: 340px;
        height: 268px;
        float: left;
        background-color: white;
        overflow-y: auto;
    }
}

.activity__box {
    min-height: 193px !important;
    max-height: 193px !important;
}

@-moz-document url-prefix() {
    .activity__box {
        min-height: 192px !important;
        max-height: 192px !important;
    }
}

.app-faults {
    margin-top: 9px;
}

.app-faults-placeholder {
    height: 100%;
    width: 100%;
    background-color: #e7ebf0;
}

@-moz-document url-prefix() {
    .app-faults {
        margin-top: 10px;
    }
}

.appsContainer {
    background-color: #f2f2f2;
    border: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 5px;
}

.app-description {
    min-height: 100px;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    margin-top: 5.25px;
    -ms-flex-order: 3;
    box-ordinal-group: 4;
    order: 3;
    width: 100%;
}

.app-tabs-message {
    margin-left:10px;
    min-height: 30px;
    overflow: auto;
    line-height: normal;
    text-align-last: justify;
}

.app-errMsgDescr {
    height: 30px;
    color: red;
    width: 100%;
}

.app-button + .app-button {
    margin-left: 5.5px !important;
}

.base-package-description {
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}

*[disabled], .disabled {
    opacity: 0.3 !important;
    cursor: not-allowed;
    pointer-events: none;
    z-index: 0;
}

.activity__button {
    text-align: center;
}

.activity__pre_wrap {
    white-space: pre-wrap !important;
}

.activity__timestamp, .activity__title {
    color: #58585b !important;
}

.activity-over-top-toolbar {
    position: relative;
    top: -200px;
    left: 258px;
    width: 100;
}

.appBox .upgrade {
    cursor: pointer;
    z-index: -1;
    margin-right: 10px;
    background: url(../icons/Upload.png) no-repeat center;
    width: 16px;
    height: 16px;
}

.appBox .close {
    width: 15px;
    background-color: white;
    color: #9e9ea2;
    margin-top: 0;
    margin-right: 0;
    border-radius: 10px;
    cursor: pointer;
    z-index: -1;
    font-size: 12px;
}

.appBox .iconImg {
    width: 96px;
    height: 96px;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 0;
    cursor: pointer;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

.appBox .appName {
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    max-width: 130px;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 5px;
}

.appBox .vendorName {
    font-size: 12px;
    color: #9e9ea2;
    margin-left: 5px;
}

.detaiCloseIcon {
    width: 15px;
    background-color: white;
    color: #9e9ea2;
    cursor: pointer;
    z-index: -1;
    font-size: 12px;
    margin-left: 375px;
}

.detailVendorAndName {
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: -20px;
}

.detailImage {
    display: inline-block;
}

.detailDescr {
    width: 370px;
    height: 80px;
    overflow: auto;
    position: relative;
    top: -10px;
}

.detailInstallBtn {
    padding: 2px 12px;
    font-size: 13px;
    margin-left: 200px;
}

.installCont {
    position: relative;
    top: -45px;
    height: 25px;
}

.detailProgressbar {
    width: 100%;
    height: 19px;
    background-color: #eee;
    clear: both;
    border-radius: 8px;
    width: 80px;
    margin-bottom: 4px;
    margin-left: 165px;
}

.detailProgress {
    background: #A1C969;
    height: 19px;
    width: 0%;
    max-width: 100%;
    float: left;
    border-radius: 8px;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
}

.detailInstallError {
    color: red;
    font-size: 11px;
    margin-left: 220px;
}

.flashErrorText {
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    animation: flashText .75s ease-out infinite;
    text-shadow: 0 0 5px red, 0 0 7px red;
}

.flashProcessText {
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    animation: flashText .75s ease-out infinite;
    text-shadow: 0 0 5px green, 0 0 7px green;
}

@keyframes flashText {
    from {
        opacity: 0;
        transform: scale(0.8, 0.8);
    }
    to {
        opacity: 1;
        transform: scale(1, 1);
    }
}

.x-toolbar .x-toolbar-text {
    font-size: 11px;
    text-transform: capitalize;
}

.insieme-grid-toolbar {
    background-image: none;
    padding: 2px 0;
    background-color: #dfdfdf;
}

.insieme-grid-toolbar .x-btn-default-toolbar-small-icon {
    background: none;
}

.insieme-grid-top-toolbar {
    background-image: none;
    background-color: #dfdfdf;
    padding: 2px 0;
}

.insieme-grid-toolbar2 {
    background-image: none;
    background-color: #6e6e6e;
    color: white;
}

.insieme-topology-toolbar {
    background-image: none;
    background-color: #dfdfdf;
    border: none !important;
    padding: 5px;
}

.wiz-toolbar {
    padding: 0;
    background-image: none;
    background-color: #dfdfdf;
}

.wiz-toolbar .x-btn {
    margin-top: -9px;
}

.wiz-toolbar .x-btn.x-btn-center {
    height: 28px;
}

.wiz-toolbar button[disabled] {
    opacity: 0.42;
}

.wiz-toolbar .x-column-header-inner {
    background-color: #fff;
}

/* updated scrollers for tab bars */
.x-box-scroller-left .x-toolbar-scroll-left,
.x-box-scroller-left .x-tabbar-scroll-left {
    background-image: url("../icons/j/framework/scroll-left.png") !important;
    height: 32px !important;
}

.x-box-scroller-left .x-toolbar-scroll-left:hover,
.x-box-scroller-left .x-tabbar-scroll-left:hover {
    background-position: 0 0;
}

.x-box-scroller-left .x-toolbar-scroll-left-disabled,
.x-box-scroller-left .x-tabbar-scroll-left-disabled {
    background-position: 0 0 !important;
}

.x-box-scroller-right .x-toolbar-scroll-right,
.x-box-scroller-right .x-tabbar-scroll-right {
    background-image: url("../icons/j/framework/scroll-right.png") !important;
    height: 32px !important;
}

.x-box-scroller-right .x-toolbar-scroll-right:hover,
.x-box-scroller-right .x-tabbar-scroll-right:hover {
    background-position: -18px 0;
}

.x-box-scroller-right .x-toolbar-scroll-right-disabled,
.x-box-scroller-right .x-tabbar-scroll-right-disabled {
    background-position: -18px 0 !important;
}

/* updated for pagination */
div[id^="pagingtoolbar"] .x-btn-default-toolbar-small {
    background-color: transparent !important;
    padding: 0 5px;
}

.x-box-item .x-tbar-page-next {
    background-image: url("../icons/j/generic/next.svg") !important;
    top: 9px;
    width: 11px;
    height: 11px;
}

div[id^="pagingtoolbar"] .x-toolbar-separator-horizontal {
    visibility: hidden;
}

.x-box-item.over .x-tbar-page-next {
    background-image: url("../icons/j/generic/next-over.svg") !important;
}

.x-box-item .x-tbar-page-prev {
    background-image: url("../icons/j/generic/prev.svg") !important;
    top: 9px;
    width: 11px;
    height: 11px;
}

.x-box-item.over .x-tbar-page-prev {
    background-image: url("../icons/j/generic/prev-over.svg") !important;
}

.x-box-item .x-tbar-page-first {
    background-image: url("../icons/j/generic/first.svg") !important;
    top: 9px;
    width: 11px;
    height: 11px;
}

.x-box-item.over .x-tbar-page-first {
    background-image: url("../icons/j/generic/first-over.svg") !important;
}

.x-box-item .x-tbar-page-last {
    background-image: url("../icons/j/generic/last.svg") !important;
    width: 11px;
    height: 11px;
    top: 9px;
}

.x-box-item.over .x-tbar-page-last {
    background-image: url("../icons/j/generic/last-over.svg") !important;
}

.color-indicator {
  background-repeat: no-repeat;
  background-position: right;
  background-size: 12px;
  width: 12px;
  height: 12px;
  margin: 3px 3px 0;
}

.x-item-disabled .x-tbar-page-next {
    opacity: 0.25;
}

.x-item-disabled .x-tbar-page-prev {
    opacity: 0.25;
}

.x-item-disabled .x-tbar-page-first, .x-item-disabled .x-tbar-page-last {
    opacity: 0.25;
}

/* Split menu button */
.x-btn-default-toolbar-small-over.action-drop-down {
    opacity: 1 !important;
    background-image: none !important;
}

/* Hover and active state text */
.x-btn-default-toolbar-small-over.action-drop-down .x-btn-inner,
.x-btn-default-toolbar-small-menu-active.action-drop-down .x-btn-inner,
.x-btn-default-toolbar-small-menu-active .x-btn-inner:after,
.x-btn-default-toolbar-small-over.action-drop-down .x-btn-inner:after {
    color: #017cad !important;
}

/* other text */
.fv-toolbar-cls-button .x-btn-inner {
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 12px !important;
    font-weight: 300 !important;
    color: #017cad !important;
}

.fv-toolbar-cls-splitButton .x-btn-inner {
    font-size: 12px !important;
}

.fv-toolbar-cls-splitButton, .x-toolbar-docked-top {
    background-color: #dfdfdf;
}

/* creates the arrow after */
.x-btn-insiemeSplit .x-btn-inner:after {
    content: ' \025be';
    color: #017cad;
}

.x-btn-insiemeSplit {
    display: block;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
/* END split button */

.x-btn-stats-toolbar-small {
    border-radius: 3px;
    padding: 2px 2px 2px 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    background-image: none;
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
}

.x-btn-stats-toolbar-small .x-btn-inner {
    color: black;
    font-weight: bold;
}

.x-btn-stats-toolbar-small-over {
    border-color: #d1d1d1;
    background-color: #fffddd;
    background-image: linear-gradient(to bottom, #fffddd, #ffe8a0 48%, #ffc526 52%, #ffeaaa);
}

.fv-toolbar-cls-splitButton .x-disabled {
    background-color: #fff;
    color: #f2f2f2;
}

.fv-toobar-cls-graphic {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/GraphicViewActive28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-graphic:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/GraphicViewActive28x28.png") no-repeat;
}

.fv-toobar-cls-graphic-inActive {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/GraphicView28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-graphic-inActive:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/GraphicView28x28.png") no-repeat;
}

.fv-toobar-cls-table {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/ListViewActive28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-table:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/ListViewActive28x28.png") no-repeat;
}

.fv-toobar-cls-table-inactive {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/GraphicViewActive28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-table-inactive:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/GraphicViewActive28x28.png") no-repeat;
}

.fv-toobar-cls-clear {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/Close30x30.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-clear:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/Close30x30.png") no-repeat;
}

.fv-toobar-cls-expand-all {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/ExpandAll_28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-expand-all:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/ExpandAll_28x28.png") no-repeat;
}

.fv-toobar-cls-collapse-all {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/CollapseAll_28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-collapse-all:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/CollapseAll_28x28.png") no-repeat;
}

.fv-toobar-cls-check-all {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/CheckAll_28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-check-all:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/CheckAll_28x28.png") no-repeat;
}

.fv-toobar-cls-unckeck-all {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/UncheckAll_28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-unckeck-all:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/UncheckAll_28x28.png") no-repeat;
}

.fv-toobar-cls-download {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/Save.28x29.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-download:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/Save.28x29.png") no-repeat;
}

.fv-toobar-cls-print {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/o/framework/Print.28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-print:hover {
    background: url("/insieme/stromboli/resources/icons/o/framework/Print.28x28.png") no-repeat;
}

.fv-toobar-cls-gear {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/ContextualInfo28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-gear:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/ContextualInfo28x28.png") no-repeat;
}

.fv-toobar-cls-gear-active {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/ContextualInfoActive28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-gear-active:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/ContextualInfoActive28x28.png") no-repeat;
}

.fv-toobar-cls-edit {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/Edit.28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-edit:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/Edit.28x28.png") no-repeat;
}

.fv-toobar-cls-view {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/View.28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-view:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/View.28x28.png") no-repeat;
}

.fv-toobar-cls-collapseall {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/minus28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-collapseall:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/minus28x28.png") no-repeat;
}

.fv-toobar-cls-expandall {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/plus28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-expandall:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/plus28x28.png") no-repeat;
}

.fv-toobar-cls-health {
    width: 150px !important;
    height: 25px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/fv/HealthArrowDown.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-health:hover {
    background: url("/insieme/stromboli/resources/icons/fv/HealthArrowDown.png") no-repeat;
}

.fv-toobar-cls-graph {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/GraphicViewActive28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-graph:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/GraphicViewActive28x28.png") no-repeat;
}

.topology-toolbar-cls-refresh {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/Refresh28x28.png") no-repeat;
    transition: none;
}

.topology-toolbar-cls-refresh:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/Refresh28x28.png") no-repeat;
}

.topology-toolbar-cls-prev {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/fabric/TransferLeft.28x28.png") no-repeat;
    transition: none;
    opacity: 1;
}

.topology-toolbar-cls-prev:hover {
    background: url("/insieme/stromboli/resources/icons/j/fabric/TransferLeft.28x28.png") no-repeat;
}

.topology-toolbar-cls-next {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/fabric/TransferRight.28x28.png") no-repeat;
    transition: none;
    opacity: 1;
}

.topology-toolbar-cls-next:hover {
    background: url("/insieme/stromboli/resources/icons/j/fabric/TransferRight.28x28.png") no-repeat;
}

.topology-toolbar-cls-prev-dsbld {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/fabric/TransferLeft.28x28.png") no-repeat;
    transition: none;
    opacity: .3;
}

.topology-toolbar-cls-prev-dsbld:hover {
    background: url("/insieme/stromboli/resources/icons/j/fabric/TransferLeft.28x28.png") no-repeat;
}

.topology-toolbar-cls-next-dsbld {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/fabric/TransferRight.28x28.png") no-repeat;
    transition: none;
    opacity: .3;
}

.topology-toolbar-cls-next-dsbld:hover {
    background: url("/insieme/stromboli/resources/icons/j/fabric/TransferRight.28x28.png") no-repeat;
}

.topology-toolbar-cls-podadd {
    width: 36px !important;
    height: 36px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/add_36_h.png") no-repeat;
    transition: none;
}

.topology-toolbar-cls-podadd:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/add_36_h.png") no-repeat;
}

.topology-toolbar-cls-showpath {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/fabric/ShowPathButton28x28.png") no-repeat;
    transition: none;
}

.topology-toolbar-cls-showpath:hover {
    background: url("/insieme/stromboli/resources/icons/j/fabric/ShowPathButton28x28.png") no-repeat;
}

.topology-toolbar-cls-clearpath {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/fabric/ClearPath.28x28.png") no-repeat;
    transition: none;
}

.topology-toolbar-cls-clearpath:hover {
    background: url("/insieme/stromboli/resources/icons/j/fabric/ClearPath.28x28.png") no-repeat;
}

.fv-toobar-cls-download .x-pressed:hover {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/j/framework/SaveActive.28x29.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-download .x-pressed:hover:hover {
    background: url("/insieme/stromboli/resources/icons/j/framework/SaveActive.28x29.png") no-repeat;
}

.fv-toobar-cls-print .x-pressed:hover {
    width: 28px !important;
    height: 28px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/o/framework/Print.28x28.png") no-repeat;
    transition: none;
}

.fv-toobar-cls-print .x-pressed:hover:hover {
    background: url("/insieme/stromboli/resources/icons/o/framework/Print.28x28.png") no-repeat;
}

.x-window {
    background-color: #fff;
}

.x-window-default, .x-window-level-one, .x-window-level-two {
    border: 1px solid #d2d2d2;
}

.x-window-level-one {
    background-color: #fff;
}

.x-window-level-two {
    background-color: #fff;
}

.x-window-header,
.x-window-header-level-one {
    font-style: normal;
    font-weight: 300;
    border-radius: 0;
}

.x-window-header-text-default, .x-window-header-text-level-one {
    font-style: normal;
    font-weight: 300;
}

span.x-window-header-text-default,
span.x-window-header-text-level-one {
    margin: 2px 0 4px;
}

.x-window .x-window-body {
    border: none;
}

.x-window .x-window-body-level-one {
    border: none;
}

.x-window .x-window-body-level-two {
    border: none;
}

.ext-ux-wiz-content {
    overflow: hidden;
}

.ext-ux-wiz-content-level-one {
    overflow: hidden;
}

.ext-ux-wiz-content-level-two {
    overflow: hidden;
}

.wiz-page-content {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-width: 0;
    box-shadow: 0;
}

.wiz-card, .wiz-card-body {
    width: auto;
    height: auto;
}

.wiz-footer {
    background-color: #fff;
    border: none;
    margin: 0;
    padding: 0 12px 12px 12px;
}

.wiz-footer-level-one {
    /*background-color: $i-wiz-footer-level-one-background-color;*/
    border: none;
    margin: 0;
}

.wiz-footer-level-two {
    background-color: #fff;
    border: none;
    margin: 0;
}

.x-btn-wiz-level-two .x-btn-inner {
    color: #fff;
    background-color: #6E6E6E;
}

.ext-ux-wiz-Header-title {
    font-weight: bold;
    padding: 4px 0 0 4px;
}

.ext-ux-wiz-Header {
    background: transparent;
    margin: 0 10px;
}

.ext-ux-wiz-Header-level-two {
    background: transparent;
    border-bottom: solid 2px #AEACAB;
}

.ext-ux-wiz-Header-step {
    text-align: right;
    padding: 2px 4px 0 0;
}

.ext-ux-wiz-Header-stepIndicator-container {
    float: right;
    margin-right: 6px;
    margin-top: 8px;
}

.ext-ux-wiz-Header-stepIndicator {
    margin-left: 28px;
    float: left;
    background-image: url(../icons/stepIndicator.png);
    background-position: 6px 0;
    background-repeat: repeat-x;
    height: 6px;
    width: 6px;
}

.ext-ux-wiz-Side-stepText-passed, .ext-ux-wiz-Side-stepText-current, .ext-ux-wiz-Side-stepText-future {
    margin: 0 10 10 10px;
}

.ext-ux-wiz-Side-stepText-passed {
    color: #333;
}

.ext-ux-wiz-Side-stepText-future {
    color: #ccc;
}

.ext-ux-wiz-Side-stepText-current {
    font-weight: bold;
    color: #455DA4;
}

.ext-ux-wiz-subStep {
    padding-left: 20px;
}

.ext-ux-wiz-card-title {
    font-size: 15px;
    color: #9e9ea2;
}

.ext-ux-wiz-card-helpTxt {
    margin-top: 10px;
    font-size: 75%;
}

.ext-ux-wiz-Header-stepIndicator-active {
    background-position: 0 0 !important;
}

.ext-ux-wiz-rounderBorder {
    border-radius: 10px;
    border-color: #999;
    border-style: solid;
    border-width: 1px;
    background-color: #fff;
}

.ext-ux-wiz-Header-container {
    width: 100%;
}

.ext-ux-wiz-Header-container-level-two {
    width: 100%;
    display: inline-block;
}

.ext-ux-wiz-Header-breadcrumb-right {
    float: right;
    height: 100%;
    text-transform: capitalize;
}

.ext-ux-wiz-Header-step-left {
    float: left;
    height: 100%;
    text-transform: capitalize;
}

.ext-ux-wiz-Header-middle-level-two {
    float: left;
    height: 100%;
    width: 200px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
}

.ext-ux-wiz-Header-step-title {
    position: relative;
    top: 40%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    font: 15px "SharpSans", Helvetica, Arial, sans-serif;
    color: #017cad;
    text-transform: capitalize;
}

.ext-ux-wiz-Header-step-title-level-two {
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    font: 18px "SharpSans", Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    margin-top: 4px;
    margin-bottom: 4px;
}

.ext-ux-wiz-Header-step-wizTitle-level-two {
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    font: 14px "SharpSans", Helvetica, Arial, sans-serif;
    color: #6E6E6E;
}

/* global error indicator */
.form-error-state {
    font-size: 11px;
    padding-left: 20px;
    background: no-repeat 0 0;
    cursor: default;
}

.form-error-state-invalid {
    color: #C30;
    background-image: url(/insieme/stromboli/resources/icons/warning16x16.png);
}

.form-error-state-valid {
    color: #090;
    background-image: url(../images/drop-yes.gif);
    border: 1px ridge transparent;
}

/* Error details tooltip */
.errors-tip .error {
    font-style: italic;
}

/* Breadcrumbs */
.breadcrumb {
    position: relative;
    list-style: none;
    overflow: hidden;
}

.breadcrumb li {
    float: left;
    text-transform: capitalize;
}

.breadcrumb li a {
    pointer-events: none;
    cursor: default;
}

.breadcrumb li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.breadcrumb li a.ext-ux-wiz-a-future-breadcrumb {
    color: #989697;
    text-decoration: none;
    padding: 10px 0 10px 40px;
    background: #ECEAEB;
    position: relative;
    display: block;
    float: left;
}

.breadcrumb li a.ext-ux-wiz-a-future-breadcrumb:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #ECEAEB;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.breadcrumb li a.ext-ux-wiz-a-current-breadcrumb {
    color: #444343;
    text-decoration: none;
    padding: 10px 0 10px 55px;
    background: #017cad;
    position: relative;
    display: block;
    float: left;
    color: #fff;
}

.breadcrumb li a.ext-ux-wiz-a-current-breadcrumb:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #017cad;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.breadcrumb li a.ext-ux-wiz-a-past-breadcrumb {
    color: #989697;
    text-decoration: none;
    padding: 10px 0 10px 55px;
    /*background: brown;*/
    /* fallback color */
    background: #ECEAEB;
    position: relative;
    display: block;
    float: left;
}

.breadcrumb li a.ext-ux-wiz-a-past-breadcrumb:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #ECEAEB;
    /*hsla(34,85%,35%,1);*/
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.breadcrumb li:first-child a {
    padding-left: 10px;
}

.breadcrumb li a.ext-ux-wiz-a-last {
    padding-right: 25px;
}

.breadcrumb-level-two {
    position: relative;
    list-style: none;
    overflow: hidden;
    font: 14px Helvetica, Arial, Sans-Serif;
}

.breadcrumb-level-two li {
    float: left;
}

.breadcrumb-level-two li a {
    pointer-events: none;
    cursor: default;
}

.breadcrumb-level-two li a.ext-ux-wiz-a-future-breadcrumb {
    color: #92918f;
    text-decoration: none;
    padding: 4px 3px 4px 3px;
    position: relative;
    display: block;
    float: left;
}

.breadcrumb-level-two li a.ext-ux-wiz-a-current-breadcrumb {
    color: black;
    text-decoration: none;
    padding: 4px 3px 4px 3px;
    position: relative;
    display: block;
    float: left;
}

.breadcrumb-level-two li a.ext-ux-wiz-a-past-breadcrumb {
    color: #92918f;
    text-decoration: none;
    padding: 4px 3px 4px 3px;
    position: relative;
    display: block;
    float: left;
}

.breadcrumb-level-two li:first-child a {
    padding-left: 10px;
}

.breadcrumb-level-two li a.ext-ux-wiz-a-last {
    padding-right: 4px;
}

.x-boxselect.x-form-text, .x-boxselect.i-form-text {
    height: auto;
    cursor: text;
    padding: 0;
    overflow-y: auto;
}

/* keep overflow-y functionality */
.x-form-trigger-input-cell .x-boxselect.x-form-text {
    -ms-overflow-style: none;  /* hide scrollbar on Internet Explorer after version 10 */
    overflow: -moz-scrollbars-none;  /* hide scrollbar on Firefox before version 64 (deprecated) */
    scrollbar-width: none; /* hide scrollbar on Firefox after version 64 */
}
.x-form-trigger-input-cell .x-boxselect.x-form-text::-webkit-scrollbar {
    /*
        hide scrollbar on:
            Chrome after version 2
            Opera after version 15
            Safari after version 4
        needs pseudo-element: -webkit-scrollbar
     */
    display: none;
}

.x-boxselect ul.x-boxselect-list {
    padding: 1px 3px;
}

ul.x-boxselect-list.x-boxselect-singleselect {
    white-space: nowrap;
    overflow: hidden;
}

.x-boxselect input {
    border: none;
    background: none;
    line-height: 18px;
    height: 20px;
    width: 100%;
}

.x-boxselect-input, .x-boxselect-item {
    display: inline-block;
    position: relative;
    *display: inline;
    /* IE7 */
    zoom: 1;
    /* IE */
}

.x-boxselect-stacked .x-boxselect-item {
    display: block;
}

.x-boxselect-item {
    border-radius: 6px;
    border: 1px solid #CAD8F3;
    padding: 0 1px 0 5px !important;
    margin: 1px 1px 1px 0;
    background-color: #DEE7F8;
    cursor: default;
}

.x-field:not(.x-item-disabled) .x-boxselect-item:hover {
    background: #BBCEF1;
    border: 1px solid #6D95E0;
}

.x-field:not(.x-item-disabled) .x-boxselect-item:selected {
    border: 1px solid #316AD3 !important;
    background: #658FDC !important;
}

.x-boxselect-item-text {
    line-height: 16px;
    padding-right: 20px !important;
}

.x-boxselect-item-close {
    cursor: pointer;
}

.x-boxselect-hideselections .x-boundlist-selected {
    display: none;
}

div.i-spine-image-scs-container-row {
    display: table-row;
    height: 100%;
}

div.i-spine-image-sc {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
}

div.i-spine-image-scs-container-zoom1 {
    display: table;
    border: 0 solid transparent;
    width: 1778px;
    height: 188px;
}

div.i-spine-image-scs-container-zoom2 {
    display: table;
    border: 0 solid transparent;
    width: 1778px;
    height: 188px;
}

div.i-spine-image-scs-container-zoom3 {
    display: table;
    border: 0 solid transparent;
    width: 356px;
    height: 38px;
}

div.i-spine-image-scs-container-zoom4 {
    display: table;
    border: 0 solid transparent;
    width: 1778px;
    height: 188px;
}

div.i-spine-image-scs-container-zoom5 {
    display: table;
    border: 0 solid transparent;
    width: 1778px;
    height: 188px;
}

div.i-spine-image-scs-container-zoom6 {
    display: table;
    border: 0 solid transparent;
    width: 1778px;
    height: 188px;
}

div.i-spine-image-emptyscslot-content-zoom1 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCardSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 185px;
    height: 39px;
}

div.i-spine-image-emptyscslot-content-zoom2 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCardSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-emptyscslot-content-zoom3 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCardSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 178px;
    height: 38px;
}

div.i-spine-image-emptyscslot-content-zoom4 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCardSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-emptyscslot-content-zoom5 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCardSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-emptyscslot-content-zoom6 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCardSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-sc-content-zoom1 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCard2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 185px;
    height: 39px;
}

div.i-spine-image-sc-content-zoom2 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCard2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-sc-content-zoom3 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCard2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 178px;
    height: 38px;
}

div.i-spine-image-sc-content-zoom4 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCard2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-sc-content-zoom5 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCard2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-sc-content-zoom6 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/SupervisorCard2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}
/* END supervisor card */

/* power supply unit */
div.i-spine-image-psus-container-row {
    display: table-row;
    height: 100%;
}

div.i-spine-image-psu {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
}

div.i-spine-image-psus-container-zoom1 {
    display: table;
    border: 0 solid transparent;
    width: 1778px;
    height: 532px;
}

div.i-spine-image-psus-container-zoom2 {
    display: table;
    border: 0 solid transparent;
    width: 1778px;
    height: 532px;
}

div.i-spine-image-psus-container-zoom3 {
    display: table;
    border: 0 solid transparent;
    width: 355px;
    height: 106px;
}

div.i-spine-image-psus-container-zoom4 {
    display: table;
    border: 0 solid transparent;
    width: 1778px;
    height: 532px;
}

div.i-spine-image-psus-container-zoom5 {
    display: table;
    border: 0 solid transparent;
    width: 1778px;
    height: 532px;
}

div.i-spine-image-psus-container-zoom6 {
    display: table;
    border: 0 solid transparent;
    width: 1778px;
    height: 532px;
}

div.i-spine-image-emptypsuslot-content-zoom1 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnitSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 37px;
    height: 120px;
}

div.i-spine-image-emptypsuslot-content-zoom2 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnitSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-emptypsuslot-content-zoom3 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnitSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 106px;
}

div.i-spine-image-emptypsuslot-content-zoom4 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnitSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-emptypsuslot-content-zoom5 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnitSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-emptypsuslot-content-zoom6 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnitSlot.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-psu-content-zoom1 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnit.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 37px;
    height: 120px;
}

div.i-spine-image-psu-content-zoom2 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnit.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-psu-content-zoom3 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnit.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 106px;
}

div.i-spine-image-psu-content-zoom4 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnit.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-psu-content-zoom5 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnit.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}

div.i-spine-image-psu-content-zoom6 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/PowerSupplyUnit.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 398px;
}
/* END power supply unit */

/* fan tray */
div.i-spine-image-fts-container-row {
    display: table-row;
    height: 100%;
}

div.i-spine-image-ft {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
}

div.i-spine-image-emptyftslot-content-zoom1 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTraySlot.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 123px;
    height: 578px;
}

div.i-spine-image-emptyftslot-content-zoom2 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTraySlot.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 413px;
    height: 88px;
}

div.i-spine-image-emptyftslot-content-zoom3 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTraySlot.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 118px;
    height: 448px;
}

div.i-spine-image-emptyftslot-content-zoom4 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTraySlot.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 413px;
    height: 88px;
}

div.i-spine-image-emptyftslot-content-zoom5 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTraySlot.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 413px;
    height: 88px;
}

div.i-spine-image-emptyftslot-content-zoom6 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTraySlot.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 413px;
    height: 88px;
}

div.i-spine-image-ft-content-zoom1 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTray.png);
    background-repeat: no-repeat;
    background-size: 123px 100%;
    width: 123px;
    height: 578px;
}

div.i-spine-image-ft-content-zoom2 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTray.png);
    background-repeat: no-repeat;
    background-size: 413px 100%;
    width: 413px;
    height: 88px;
}

div.i-spine-image-ft-content-zoom3 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTray.png);
    background-repeat: no-repeat;
    background-size: 118px 100%;
    width: 118px;
    height: 448px;
}

div.i-spine-image-ft-content-zoom4 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTray.png);
    background-repeat: no-repeat;
    background-size: 413px 100%;
    width: 413px;
    height: 88px;
}

div.i-spine-image-ft-content-zoom5 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTray.png);
    background-repeat: no-repeat;
    background-size: 413px 100%;
    width: 413px;
    height: 88px;
}

div.i-spine-image-ft-content-zoom6 {
    display: inline-block;
    background: url(/insieme/stromboli/resources/icons/FanTray.png);
    background-repeat: no-repeat;
    background-size: 413px 100%;
    width: 413px;
    height: 88px;
}
/* END fan tray */

/* card and ports */
div.i-spine-image-card-smalltab {
    position: absolute;
    top: 0;
    right: 0;
    width: 3%;
    height: 100%;
    cursor: pointer;
}

div.i-spine-image-card-objectBox-zoom1,
div.i-spine-image-card-objectBox-zoom2,
div.i-spine-image-card-objectBox-zoom3,
div.i-spine-image-card-objectBox-zoom4,
div.i-spine-image-card-objectBox-zoom5,
div.i-spine-image-card-objectBox-zoom6 {
    display: table-cell;
    width: auto;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

div.i-spine-image-card-switchInsideBox1-zoom1 {
    display: table;
    width: 97%;
    height: 100%;
    border: 1px solid transparent;
    padding-left: 1px;
}

div.i-spine-image-card-switchInsideBox1-zoom2 {
    display: table;
    width: 97%;
    height: 100%;
    border: 1px solid transparent;
    padding-left: 1px;
}

div.i-spine-image-card-switchInsideBox1-zoom3 {
    display: table;
    width: 97%;
    height: 100%;
    border: 0 solid transparent;
    padding-left: 5px;
}

div.i-spine-image-card-switchInsideBox1-zoom4 {
    display: table;
    width: 97%;
    height: 100%;
    border: 1px solid transparent;
    padding-left: 1px;
}

div.i-spine-image-card-switchInsideBox1-zoom5 {
    display: table;
    width: 97%;
    height: 100%;
    border: 1px solid transparent;
    padding-left: 1px;
}

div.i-spine-image-card-switchInsideBox1-zoom6 {
    display: table;
    width: 97%;
    height: 100%;
    border: 1px solid transparent;
    padding-left: 1px;
}

div.i-spine-image-card-switchInsideBox1-toplevel-zoom1,
div.i-spine-image-card-switchInsideBox1-toplevel-zoom2,
div.i-spine-image-card-switchInsideBox1-toplevel-zoom3,
div.i-spine-image-card-switchInsideBox1-toplevel-zoom4,
div.i-spine-image-card-switchInsideBox1-toplevel-zoom5,
div.i-spine-image-card-switchInsideBox1-toplevel-zoom6 {
    display: table-row;
    height: 50%;
}

div.i-spine-image-card-switchInsideBox1-bottomlevel-zoom1,
div.i-spine-image-card-switchInsideBox1-bottomlevel-zoom2,
div.i-spine-image-card-switchInsideBox1-bottomlevel-zoom3,
div.i-spine-image-card-switchInsideBox1-bottomlevel-zoom4,
div.i-spine-image-card-switchInsideBox1-bottomlevel-zoom5,
div.i-spine-image-card-switchInsideBox1-bottomlevel-zoom6 {
    display: table-row;
    height: 50%;
}

div.i-spine-image-card-objectBox-zoom1 div.i-spine-image-card-switchPort_level1-zoom1,
div.i-spine-image-card-objectBox-zoom1 div.i-spine-image-card-switchPort_level2-zoom1,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom1,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom1 {
    width: 11px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    border: 0 solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

div.i-spine-image-card-objectBox-zoom2 div.i-spine-image-card-switchPort_level1-zoom2,
div.i-spine-image-card-objectBox-zoom2 div.i-spine-image-card-switchPort_level2-zoom2,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom2,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom2 {
    width: 23px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
    border: 0 solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

div.i-spine-image-card-objectBox-zoom3 div.i-spine-image-card-switchPort_level1-zoom3,
div.i-spine-image-card-objectBox-zoom3 div.i-spine-image-card-switchPort_level2-zoom3,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom3,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom3 {
    width: 13px;
    height: 7px;
    margin-left: auto;
    margin-right: auto;
    border: 0 solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

div.i-spine-image-card-objectBox-zoom4 div.i-spine-image-card-switchPort_level1-zoom4,
div.i-spine-image-card-objectBox-zoom4 div.i-spine-image-card-switchPort_level2-zoom4,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom4,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom4 {
    width: 23px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
    border: 0 solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

div.i-spine-image-card-objectBox-zoom5 div.i-spine-image-card-switchPort_level1-zoom5,
div.i-spine-image-card-objectBox-zoom5 div.i-spine-image-card-switchPort_level2-zoom5,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom5,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom5 {
    width: 23px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
    border: 0 solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

div.i-spine-image-card-objectBox-zoom6 div.i-spine-image-card-switchPort_level1-zoom6,
div.i-spine-image-card-objectBox-zoom6 div.i-spine-image-card-switchPort_level2-zoom6,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom6,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom6 {
    width: 23px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
    border: 0 solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

div.i-spine-image-card-objectBox-zoom1 div.i-spine-image-card-switchPort_level1-zoom1,
div.i-spine-image-card-objectBox-zoom1 div.i-spine-image-card-switchPort_level2-zoom1,
div.i-spine-image-card-objectBox-zoom2 div.i-spine-image-card-switchPort_level1-zoom2,
div.i-spine-image-card-objectBox-zoom2 div.i-spine-image-card-switchPort_level2-zoom2,
div.i-spine-image-card-objectBox-zoom3 div.i-spine-image-card-switchPort_level1-zoom3,
div.i-spine-image-card-objectBox-zoom3 div.i-spine-image-card-switchPort_level2-zoom3,
div.i-spine-image-card-objectBox-zoom4 div.i-spine-image-card-switchPort_level1-zoom4,
div.i-spine-image-card-objectBox-zoom4 div.i-spine-image-card-switchPort_level2-zoom4,
div.i-spine-image-card-objectBox-zoom5 div.i-spine-image-card-switchPort_level1-zoom5,
div.i-spine-image-card-objectBox-zoom5 div.i-spine-image-card-switchPort_level2-zoom5,
div.i-spine-image-card-objectBox-zoom6 div.i-spine-image-card-switchPort_level1-zoom6,
div.i-spine-image-card-objectBox-zoom6 div.i-spine-image-card-switchPort_level2-zoom6 {
    background-image: url(/insieme/stromboli/resources/icons/Port3.png);
}

div[class^='i-spine-image-card-switchPort_level1'] {
    margin-top: 45%;
}

div[class^='i-spine-image-card-switchPort_level2'] {
    margin-top: 20%;
}

div.connected div.i-spine-image-card-switchPort_level1-zoom1,
div.connected div.i-spine-image-card-switchPort_level2-zoom1,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom1,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom1,
div.connected div.i-spine-image-card-switchPort_level1-zoom2,
div.connected div.i-spine-image-card-switchPort_level2-zoom2,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom2,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom2,
div.connected div.i-spine-image-card-switchPort_level1-zoom3,
div.connected div.i-spine-image-card-switchPort_level2-zoom3,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom3,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom3,
div.connected div.i-spine-image-card-switchPort_level1-zoom4,
div.connected div.i-spine-image-card-switchPort_level2-zoom4,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom4,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom4,
div.connected div.i-spine-image-card-switchPort_level1-zoom5,
div.connected div.i-spine-image-card-switchPort_level2-zoom5,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom5,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom5,
div.connected div.i-spine-image-card-switchPort_level1-zoom6,
div.connected div.i-spine-image-card-switchPort_level2-zoom6,
div.mouseover div.i-spine-image-card-switchPort_level1-zoom6,
div.mouseover div.i-spine-image-card-switchPort_level2-zoom6 {
    background-image: url(/insieme/stromboli/resources/icons/Port3.png);
    cursor: pointer;
}

div.click div.i-spine-image-card-switchPort_level1-zoom1,
div.click div.i-spine-image-card-switchPort_level2-zoom1,
div.click div.i-spine-image-card-switchPort_level1-zoom2,
div.click div.i-spine-image-card-switchPort_level2-zoom2,
div.click div.i-spine-image-card-switchPort_level1-zoom3,
div.click div.i-spine-image-card-switchPort_level2-zoom3,
div.click div.i-spine-image-card-switchPort_level1-zoom4,
div.click div.i-spine-image-card-switchPort_level2-zoom4,
div.click div.i-spine-image-card-switchPort_level1-zoom5,
div.click div.i-spine-image-card-switchPort_level2-zoom5,
div.click div.i-spine-image-card-switchPort_level1-zoom6,
div.click div.i-spine-image-card-switchPort_level2-zoom6 {
    background-image: url(/insieme/stromboli/resources/icons/Port3.png);
    cursor: pointer;
}

/* fabric interface selector */
div.portff71b8 div.i-spine-image-card-switchPort_level1-zoom3,
div.portff71b8 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/portff71b8_rotate.png);
}

div.port095569 div.i-spine-image-card-switchPort_level1-zoom3,
div.port095569 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/port095569_rotate.png);
}

div.port27762e div.i-spine-image-card-switchPort_level1-zoom3,
div.port27762e div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/port27762e_rotate.png);
}

div.port56b02a div.i-spine-image-card-switchPort_level1-zoom3,
div.port56b02a div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/port56b02a_rotate.png);
}

div.port306bf1 div.i-spine-image-card-switchPort_level1-zoom3,
div.port306bf1 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/port306bf1_rotate.png);
}

div.port7bd5dd div.i-spine-image-card-switchPort_level1-zoom3,
div.port7bd5dd div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/port7bd5dd_rotate.png);
}

div.port9ecd2d div.i-spine-image-card-switchPort_level1-zoom3,
div.port9ecd2d div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/port9ecd2d_rotate.png);
}

div.portfdd333 div.i-spine-image-card-switchPort_level1-zoom3,
div.portfdd333 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/portfdd333_rotate.png);
}

div.portac5089 div.i-spine-image-card-switchPort_level1-zoom3,
div.portac5089 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/portac5089_rotate.png);
}

div.portf48422 div.i-spine-image-card-switchPort_level1-zoom3,
div.portf48422 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/portf48422_rotate.png);
}

div.port982137 div.i-spine-image-card-switchPort_level1-zoom3,
div.port982137 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/port982137_rotate.png);
}

div.portd93e14 div.i-spine-image-card-switchPort_level1-zoom3,
div.portd93e14 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/portd93e14_rotate.png);
}

div.port720067 div.i-spine-image-card-switchPort_level1-zoom3,
div.port720067 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/port720067_rotate.png);
}

div.portdc005f div.i-spine-image-card-switchPort_level1-zoom3,
div.portdc005f div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/portdc005f_rotate.png);
}

div.portc58a1f div.i-spine-image-card-switchPort_level1-zoom3,
div.portc58a1f div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/portc58a1f_rotate.png);
}

div.port15008e div.i-spine-image-card-switchPort_level1-zoom3,
div.port15008e div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/port15008e_rotate.png);
}

div.portfeb22b div.i-spine-image-card-switchPort_level1-zoom3,
div.portfeb22b div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/portfeb22b_rotate.png);
}

div.port00a5a5 div.i-spine-image-card-switchPort_level1-zoom3,
div.port00a5a5 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/port00a5a5_rotate.png);
}

div.port3e7973 div.i-spine-image-card-switchPort_level1-zoom3,
div.port3e7973 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/port3e7973_rotate.png);
}

div.portb9cba5 div.i-spine-image-card-switchPort_level1-zoom3,
div.portb9cba5 div.i-spine-image-card-switchPort_level2-zoom3 {
    background-image: url(../icons/portb9cba5_rotate.png);
}
/* END fabric interface selector */

div.i-spine-image-card-objectBox-zoom1 div.i-spine-image-card-switchPort_level2-zoom1,
div.i-spine-image-card-objectBox-zoom2 div.i-spine-image-card-switchPort_level2-zoom2,
div.i-spine-image-card-objectBox-zoom3 div.i-spine-image-card-switchPort_level2-zoom3,
div.i-spine-image-card-objectBox-zoom4 div.i-spine-image-card-switchPort_level2-zoom4,
div.i-spine-image-card-objectBox-zoom5 div.i-spine-image-card-switchPort_level2-zoom5,
div.i-spine-image-card-objectBox-zoom6 div.i-spine-image-card-switchPort_level2-zoom6 {
    transform: rotate(180deg);
}

div.i-spine-image-card-zoom1 {
    position: relative;
    background: url(/insieme/stromboli/resources/icons/LineCardSlot3.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 370px !important;
    height: 26px !important;
}

div.i-spine-image-card-zoom2 {
    position: relative;
    background: url(/insieme/stromboli/resources/icons/LineCardSlot3.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 739px !important;
    height: 52px !important;
}

div.i-spine-image-card-zoom3 {
    position: relative;
    background: url(/insieme/stromboli/resources/icons/LineCardSlot3.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 364px !important;
    height: 38px !important;
}

div.i-spine-image-card-zoom4 {
    position: relative;
    background: url(/insieme/stromboli/resources/icons/LineCardSlot3.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 739px !important;
    height: 52px !important;
}

div.i-spine-image-card-zoom5 {
    position: relative;
    background: url(/insieme/stromboli/resources/icons/LineCardSlot3.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 739px !important;
    height: 52px !important;
}

div.i-spine-image-card-zoom6 {
    position: relative;
    background: url(/insieme/stromboli/resources/icons/LineCardSlot3.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 739px !important;
    height: 52px !important;
}

div.i-spine-image-emptycardslot-zoom1 {
    background: url(/insieme/stromboli/resources/icons/LineCardSlot2.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 370px !important;
    height: 26px !important;
}

div.i-spine-image-emptycardslot-zoom2 {
    background: url(/insieme/stromboli/resources/icons/LineCardSlot2.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 739px !important;
    height: 52px !important;
}

div.i-spine-image-emptycardslot-zoom3 {
    background: url(/insieme/stromboli/resources/icons/LineCardSlot2.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 356px !important;
    height: 38px !important;
}

div.i-spine-image-emptycardslot-zoom4 {
    background: url(/insieme/stromboli/resources/icons/LineCardSlot2.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 739px !important;
    height: 52px !important;
}

div.i-spine-image-emptycardslot-zoom5 {
    background: url(/insieme/stromboli/resources/icons/LineCardSlot2.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 739px !important;
    height: 52px !important;
}

div.i-spine-image-emptycardslot-zoom6 {
    background: url(/insieme/stromboli/resources/icons/LineCardSlot2.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 black solid;
    width: 739px !important;
    height: 52px !important;
}
/* END card and ports */

/* buttons and others */
.i-eqpt-top-button-criticalalert {
    width: 30px;
    height: 30px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/CriticalAlert.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
}

.i-eqpt-top-button-criticalalert:hover {
    background: url("/insieme/stromboli/resources/icons/CriticalAlert.png") no-repeat;
}

.i-eqpt-top-button-refresh {
    width: 55px;
    height: 34px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/Refresh.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
}

.i-eqpt-top-button-refresh:hover {
    background: url("/insieme/stromboli/resources/icons/Refresh.png") no-repeat;
}

.i-eqpt-top-button-tree {
    width: 55px;
    height: 34px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/Tree.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
}

.i-eqpt-top-button-tree:hover {
    background: url("/insieme/stromboli/resources/icons/Tree.png") no-repeat;
}

.i-eqpt-top-button-filter {
    width: 55px;
    height: 34px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/Filter.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
}

.i-eqpt-top-button-filter:hover {
    background: url("/insieme/stromboli/resources/icons/Filter.png") no-repeat;
}

.i-eqpt-top-button-search {
    width: 36px;
    height: 34px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/SearchBar.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
}

.i-eqpt-top-button-search:hover {
    background: url("/insieme/stromboli/resources/icons/SearchBar.png") no-repeat;
}

.i-eqpt-top-button-expand {
    width: 30px;
    height: 30px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/Expand.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
}

.i-eqpt-top-button-expand:hover {
    background: url("/insieme/stromboli/resources/icons/Expand.png") no-repeat;
}

.i-eqpt-top-button-restore {
    width: 30px;
    height: 30px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/Restore.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
}

.i-eqpt-top-button-restore:hover {
    background: url("/insieme/stromboli/resources/icons/Restore.png") no-repeat;
}

.i-eqpt-top-button-max {
    width: 30px;
    height: 30px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/AddIcon30x30.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
}

.i-eqpt-top-button-max:hover {
    background: url("/insieme/stromboli/resources/icons/AddIcon30x30.png") no-repeat;
}

.i-eqpt-top-button-min {
    width: 30px;
    height: 30px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/MinusIcon30x30.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
}

.i-eqpt-top-button-min:hover {
    background: url("/insieme/stromboli/resources/icons/MinusIcon30x30.png") no-repeat;
}

.i-eqpt-top-textinput .x-form-text, .i-eqpt-top-textinput .i-form-text {
    width: 200px;
    height: 34px;
}

.i-eqpt-top-button-reset {
    width: 45px;
    height: 45px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/Reset.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
    margin-left: 30px;
}

.i-eqpt-top-button-reset:hover {
    background: url("/insieme/stromboli/resources/icons/Reset.png") no-repeat;
}

.i-eqpt-top-button-tool {
    width: 45px;
    height: 45px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/Tool.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
    margin-left: 15px;
}

.i-eqpt-top-button-tool:hover {
    background: url("/insieme/stromboli/resources/icons/Tool.png") no-repeat;
}

.i-eqpt-top-button-decommission {
    width: 45px;
    height: 45px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/Decommission.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
    margin-left: 15px;
}

.i-eqpt-top-button-decommission:hover {
    background: url("/insieme/stromboli/resources/icons/Decommission.png") no-repeat;
}

.i-eqpt-top-button-diagnostics {
    width: 45px;
    height: 45px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/Diagnostics.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
    margin-left: 15px;
}

.i-eqpt-top-button-diagnostics:hover {
    background: url("/insieme/stromboli/resources/icons/Diagnostics.png") no-repeat;
}

.i-eqpt-top-button-selftest {
    width: 45px;
    height: 45px;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/SelfTest.png") no-repeat;
    border-width: 0;
    transition: none;
    -moz-transition: none;
    /* Firefox 4 */
    -webkit-transition: none;
    /* Safari and Chrome */
    -o-transition: none;
    /* Opera */
    margin-left: 15px;
}

.i-eqpt-top-button-selftest:hover {
    background: url("/insieme/stromboli/resources/icons/SelfTest.png") no-repeat;
}

.i-eqpt-actions-button-panel {
    background-color: #48605D;
}

.i-eqpt-infopod-actions-button-img {
    position: absolute;
    right: 4px;
    bottom: 9px;
    background: url("/insieme/stromboli/resources/icons/pointerUp.png") no-repeat;
    width: 10px;
    height: 7px;
}

.i-eqpt-infopod-actions-button-img:hover {
    background: url("/insieme/stromboli/resources/icons/pointerUp.png") no-repeat;
}

.i-eqpt-infopod-actions-button-img-expanded {
    position: absolute;
    right: 4px;
    bottom: 9px;
    background: url("/insieme/stromboli/resources/icons/pointerDown.png") no-repeat;
    width: 10px;
    height: 7px;
}

.i-eqpt-infopod-actions-button-img-expanded:hover {
    background: url("/insieme/stromboli/resources/icons/pointerDown.png") no-repeat;
}

.i-eqpt-infopod-actions-button-div, .i-eqpt-infopod-actions-button-div-expanded {
    position: relative;
    background-color: #fff;
    padding: 5px;
    width: 70px;
    color: #017cad;
    font-weight: bold;
    cursor: pointer;
}

.i-eqpt-infospine-actions-button-div, .i-eqpt-infospine-actions-button-div-expanded {
    background: url("/insieme/stromboli/resources/icons/Button.png") no-repeat;
    color: #017cad;
    width: 151px;
    height: 31px;
    position: relative;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
    cursor: pointer;
}

.i-eqpt-infospine-actions-button-div:hover, .i-eqpt-infospine-actions-button-div-expanded:hover {
    background: url("/insieme/stromboli/resources/icons/Button.png") no-repeat;
}

.i-eqpt-infospine-enlarge-button-div {
    width: 120px;
    height: 31px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
    cursor: pointer;
}

.i-eqpt-infospine-actions-button-div-text, .i-eqpt-infospine-actions-button-div-text-expanded {
    position: absolute;
    left: 36px;
    top: 8px;
}

.i-eqpt-infospine-actions-button-img-reset {
    background: url("/insieme/stromboli/resources/icons/ButtonIcons/ResetIcon.png") no-repeat;
    position: absolute;
    left: 10px;
    top: 7px;
    width: 25px;
    height: 17px;
}

.i-eqpt-infospine-actions-button-img-reset:hover {
    background: url("/insieme/stromboli/resources/icons/ButtonIcons/ResetIcon.png") no-repeat;
}

.i-eqpt-infospine-actions-button-img-tool {
    background: url("/insieme/stromboli/resources/icons/ButtonIcons/FixIcon.png") no-repeat;
    position: absolute;
    background-size: cover;
    left: 10px;
    top: 5px;
    width: 21px;
    height: 21px;
}

.i-eqpt-infospine-actions-button-img-tool:hover {
    background: url("/insieme/stromboli/resources/icons/ButtonIcons/FixIcon.png") no-repeat;
}

.i-eqpt-infospine-actions-button-img-decommission {
    background: url("/insieme/stromboli/resources/icons/ButtonIcons/DecommissionIcon.png") no-repeat;
    position: absolute;
    left: 10px;
    top: 7px;
    width: 17px;
    height: 17px;
}

.i-eqpt-infospine-actions-button-img-decommission:hover {
    background: url("/insieme/stromboli/resources/icons/ButtonIcons/FixIcon.png") no-repeat;
}

.i-eqpt-infospine-actions-button-img-diagnostics {
    background: url("/insieme/stromboli/resources/icons/ButtonIcons/DiagnosticsIcon.png") no-repeat;
    position: absolute;
    left: 10px;
    top: 6px;
    width: 19px;
    height: 18px;
}

.i-eqpt-infospine-actions-button-img-diagnostics:hover {
    background: url("/insieme/stromboli/resources/icons/ButtonIcons/DiagnosticsIcon.png") no-repeat;
}

.i-eqpt-infospine-actions-button-img-selftest {
    background: url("/insieme/stromboli/resources/icons/ButtonIcons/SelfTestIcon.png") no-repeat;
    position: absolute;
    left: 10px;
    top: 6px;
    width: 17px;
    height: 19px;
}

.i-eqpt-infospine-actions-button-img-selftest:hover {
    background: url("/insieme/stromboli/resources/icons/ButtonIcons/SelfTestIcon.png") no-repeat;
}

.i-divbutton-image, .i-divbutton-text {
    display: inline-block;
}

.i-divbutton-text {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-size: 12px;
}

.i-eqpt-infospine-button-eqptdetail-text {
    position: absolute;
    font-size: 14px;
    left: 0;
    top: 5px;
}

.i-eqpt-infospine-button-eqptdetail-div, .i-eqpt-infospine-button-eqptdetail-div-expanded {
    position: relative;
    width: 100px;
    height: 30px;
}

.i-eqpt-infospine-button-eqptdetail-img {
    position: absolute;
    right: 0;
    top: 12px;
    background: url("/insieme/stromboli/resources/icons/pointerUp.png") no-repeat;
    width: 10px;
    height: 7px;
}

.i-eqpt-infospine-button-eqptdetail-img:hover {
    background: url("/insieme/stromboli/resources/icons/pointerUp.png") no-repeat;
}

.i-eqpt-infospine-button-eqptdetail-img-expanded {
    position: absolute;
    right: 0;
    top: 12px;
    background: url("/insieme/stromboli/resources/icons/pointerDown.png") no-repeat;
    width: 10px;
    height: 7px;
}

.i-eqpt-infospine-button-eqptdetail-img-expanded:hover {
    background: url("/insieme/stromboli/resources/icons/pointerDown.png") no-repeat;
}

.i-eqpt-button-expand {
    background: url("/insieme/stromboli/resources/icons/ExpandUp.png") no-repeat;
    width: 55px;
    height: 34px;
    background-size: 100%;
}

.i-eqpt-button-expand:hover {
    background: url("/insieme/stromboli/resources/icons/ExpandUp.png") no-repeat;
}

.i-eqpt-button-restore {
    background: url("/insieme/stromboli/resources/icons/ExpandDown.png") no-repeat;
    width: 55px;
    height: 34px;
    background-size: 100%;
}

.i-eqpt-button-restore:hover {
    background: url("/insieme/stromboli/resources/icons/ExpandDown.png") no-repeat;
}

/* toggle switch button */
.i-switchbutton-container {
    margin-top: 10px;
    /*    display: table-cell;
    vertical-align: middle;*/
}

.i-switchbutton-container-roweditor {
  margin-top: 0;
}

.i-switchbutton-label-left {
    margin-right: 5px;
  font-weight: inherit !important;
}

.i-switchbutton-label-right {
    margin-left: 5px;
  font-weight: inherit !important;
}

.i-switchbutton-switch {
    display: inline;
}

.i-switchbutton-switch-background {
    display: inline-block;
    width: 38px;
    height: 19px;
    background: url("/insieme/stromboli/resources/icons/SwitchBG.png");
    cursor: pointer;
    vertical-align: top;
}

.i-switchbutton-switch-background-on {
  display: inline-block;
  width: 38px;
  height: 19px;
  background: url("/insieme/stromboli/resources/icons/SwitchBG_On.png");
  cursor: pointer;
  vertical-align: top;
}

.i-switchbutton-switch-indicator-left {
    width: 19px;
    height: 19px;
    background: url("/insieme/stromboli/resources/icons/SwitchIndicator.png");
    float: left;
}

.i-switchbutton-switch-indicator-right {
    width: 19px;
    height: 19px;
    background: url("/insieme/stromboli/resources/icons/SwitchIndicator.png");
    float: right;
}

.i-switchbutton-switch-indicator-left-on {
  width: 19px;
  height: 19px;
  background: url("/insieme/stromboli/resources/icons/SwitchIndicator_On.png");
  float: left;
}

.i-switchbutton-switch-indicator-right-on {
  width: 19px;
  height: 19px;
  background: url("/insieme/stromboli/resources/icons/SwitchIndicator_On.png");
  float: right;
}
/* End: toggle switch button */

.i-zoombuttons-container {
    width: 56;
    height: 28;
}

.i-breadcrumb-container {
    margin-left: 10px;
    line-height: 25px;
    display: inline-block;
    clear: both;
}

.i-breadcrumb-seperator {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.i-breadcrumb-regularitem {
    display: inline-block;
    cursor: pointer;
}

.i-breadcrumb-activeitem {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}

.i-spine-view-detail-table {
    margin-top: 15px;
    margin-left: 40px;
    table-layout: fixed;
}

.i-spine-view-detail-table th {
    text-align: left;
    width: 100px;
}

.i-spine-view-detail-table td {
    text-align: left;
    width: 100px;
    color: #0000FF;
    height: 50px;
    vertical-align: middle;
}

.i-searchcombo-form-trigger {
    width: 36px;
    height: 35px !important;
    right: 20px;
    background-size: 100%;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/SearchBar.png") no-repeat;
}

.i-searchcombo-form-trigger:hover {
    background: url("/insieme/stromboli/resources/icons/SearchBar.png") no-repeat;
}

.i-categorycombo-form-trigger {
    width: 34px;
    height: 34px !important;
    background-size: 100%;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/droparrow34x34.png") no-repeat;
}

.i-categorycombo-form-trigger:hover {
    background: url("/insieme/stromboli/resources/icons/droparrow34x34.png") no-repeat;
}

.i-d3Layout-svg, .i-d3Legend-svg {
    position: absolute;
    top: 0;
}

.i-d3Legend {
    position: relative;
    top: 0 !important;
}

.i-d3Layout-svg rect {
    fill: none;
    pointer-events: all;
    stroke-width: 1px;
}

pre {
    font-size: 18px;
}

line {
    stroke: #000;
    stroke-width: 1.5px;
}

.string, .regexp {
    color: #f39;
}

.keyword {
    color: #00c;
}

.comment {
    color: #777;
    font-style: oblique;
}

.number {
    color: #369;
}

.class, .special {
    color: #1181B8;
}

.hint {
    position: absolute;
    right: 0;
    width: 1280px;
    font-size: 12px;
    color: #999;
}

.node {
    cursor: pointer;
}

.node circle {
    cursor: pointer;
}

.node text {
    font-size: 11px;
}

path.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
}

path.color-epg-link {
    fill: none;
    stroke: #4c4c4c;
    stroke-width: 2.2px;
}

path.link-dashed {
    stroke-dasharray: 3,3;
}

path.link-long-dashed {
    stroke-dasharray: 15, 15;
}

.inactive_node {
    cursor: default;
}

.x-boundlist-item img.chkCombo {
    background: transparent url(/extjs/resources/themes/images/default/menu/unchecked.gif);
    height: 16px;
    width: 16px;
}

.x-boundlist-selected img.chkCombo {
    background: transparent url(/extjs/resources/themes/images/default/menu/checked.gif);
    height: 16px;
    width: 16px;
}

.i-d3Layout-svg .invisible-container {
    fill: #fff;
    stroke: #fff;
}

.node .fsl {
    font-size: 20px;
}

.node .fsm_underscore {
    text-decoration: underline;
    font-weight: bold;
}

.ext-ux-clearbutton {
  width: 12px;
  height: 12px;
  background-image: url("/insieme/stromboli/resources/icons/misc/clear-text-icon.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-user-focus: ignore;
  /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  /* IE 6 :-( */
  margin-top: 3px;
  background-color: white;
}

.ext-ux-clearbutton-mouse-over-input {
    background-position: 0 -12px;
}

.ext-ux-clearbutton-mouse-over-button {
    background-position: 0 -24px;
}

.ext-ux-clearbutton-mouse-down {
    background-position: 0 -36px;
}

.ext-ux-clearbutton-on {
    opacity: 1;
    visibility: visible;
    transition: opacity .35s linear;
    -webkit-transition: opacity .35s linear;
    -moz-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -khtml-transition: opacity .35s linear;
}

.ext-ux-clearbutton-off {
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s linear, visibility .0s linear .35s;
    -webkit-transition: opacity .35s linear, visibility .0s linear .35s;
    -moz-transition: opacity .35s linear, visibility .0s linear .35s;
    -o-transition: opacity .35s linear, visibility .0s linear .35s;
    -ms-transition: opacity .35s linear, visibility .0s linear .35s;
    -khtml-transition: opacity .35s linear, visibility .0s linear .35s;
}

.ext-ux-passwordbutton {
    width: 16px;
    height: 16px;
    background-image: url("/insieme/stromboli/resources/icons/pw_hide.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-user-focus: ignore;
    /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
    cursor: pointer;
    position: absolute;
    overflow: hidden;
    /* IE 6 :-( */
    margin-top: 0;
    background-color: white;
    margin-right: 15px;
}

.ext-ux-passwordbutton-mouse-over-input {
    background-position: 0 0;
}

.ext-ux-passwordbutton-mouse-over-button {
    background-position: 0 0;
}

.ext-ux-passwordbutton-mouse-down {
    background-position: 0 0;
}

.ext-ux-passwordbutton-on {
    opacity: 1;
    visibility: visible;
    transition: opacity .35s linear;
    -webkit-transition: opacity .35s linear;
    -moz-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -khtml-transition: opacity .35s linear;
}

.ext-ux-passwordbutton-off {
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s linear, visibility .0s linear .35s;
    -webkit-transition: opacity .35s linear, visibility .0s linear .35s;
    -moz-transition: opacity .35s linear, visibility .0s linear .35s;
    -o-transition: opacity .35s linear, visibility .0s linear .35s;
    -ms-transition: opacity .35s linear, visibility .0s linear .35s;
    -khtml-transition: opacity .35s linear, visibility .0s linear .35s;
}

.ext-ux-passwordbutton-showPassword {
    background-image: url("/insieme/stromboli/resources/icons/pw_show.png");
}

.x-nlg {
    background-image: none !important;
}

.x-nlg .x-panel-header-default-top, .x-nlg .i-panel-header-default-top {
    background-image: none !important;
}

.x-nlg .x-tab-bar, .x-nlg .i-tab-bar, .x-nlg .i-tab-bar {
    background-image: none !important;
}

.x-nlg .x-toolbar-default {
    background-image: none !important;
}

.x-nlg .x-toolbar-default {
    background-image: none !important;
    background-color: transparent;
}

.x-toolbar .i-sub-toolbar {
    background-color: #017cad !important;
}

.x-toolbar .i-sub-toolbar .x-box-item .x-toolbar-default .x-box-layout-ct {
    background-image: none !important;
}

.x-nlg .x-btn-default-small {
    background-image: none !important;
}

.overviewtopology-zoom-100 {
    zoom: 100%;
    transform: scale(1);
}

.overviewtopology-zoom-120 {
    zoom: 120%;
    transform: scale(1.2);
}

.overviewtopology-zoom-140 {
    zoom: 140%;
    transform: scale(1.4);
}

.overviewtopology-zoom-160 {
    zoom: 160%;
    transform: scale(1.6);
}

.overviewtopology-zoom-180 {
    zoom: 180%;
    transform: scale(1.8);
}

.overviewtopology-zoom-200 {
    zoom: 200%;
    transform: scale(2);
}

div.insieme-topology-spin {
    margin: 0 80px 120px 0;
}

.insieme-graphics-interpodTopology-obj-templateName {
    padding-left: 10px;
    background: #253D5F;
    color: #9e9ea2;
    position: relative;
    text-align: left;
    font-size: 15px;
    clear: both;
}

.insieme-topology-pod-virtual .insieme-graphics-interpodTopology-obj-templateName {
    background: #626469;
}
.interpod-topo-section {
    display: flex;
    align-items: center;
}

.interpod-topo-leaf-section {
    height: 94px;
}
.interpod-topo-leaf-section.interpod-topo-section-type-max {
    height: 141px;
}

.interpod-topo-leaf-section .interpod-topo-body {
    display: flex;
    height: 33px;
    align-items: center;
}

.interpod-topo-section .interpod-topo-text {
    font-size: 12px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    color: #f8fafb;
    top: 6px;
    position: relative;
}

.interpod-topo-section .interpod-topo-body .interpod-topo-count {
    font-size: 35px;
    color: #f8fafb;
    margin-left: 17px;
    margin-top: -8px;
}

.interpod-topo-leaf-section .interpod-topo-icon {
    width: 76px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;

}

.interpod-topo-leaf-section .interpod-topo-icon.interpod-topo-icon-leaves {
    background-image: url(../icons/leaf_id3.png);
}

.interpod-topo-leaf-section .interpod-topo-icon.interpod-topo-icon-virtual-leaves {
    background-image: url(../icons/virtualnodes/topology-virtual-leaf.svg);
}

.interpod-topo-leaf-section .interpod-topo-icon.interpod-topo-icon-tier-2-leaf {
    background-image: url(../icons/subLeaf-topology.svg);
}

.interpod-topo-leaf-section .interpod-topo-icon.interpod-topo-icon-remote-leaves {
    background-image: url(../icons/leaf_remote_id3.png);
}

div.insieme-topology-pod-viewlink {
    margin: 0 80px 120px 0;
    display: table-cell;
}

div.insieme-topology-pod {
    margin: 0 20px;
    float: left;
    width: 240px;
}

div.insieme-multipod-topology-IconBox {
    min-width: 50px;
    position: absolute;
    border: ridge 2px;
    background: #0096DB;
}

div.insieme-topology-pod-main {
  background: #253D5F;
    width: 100%;
}

.insieme-topology-pod-virtual div.insieme-topology-pod-main {
  background: #626469;
}

div.insieme-topology-interpod-viewbtn {
    background: #555;
}

div.insieme-topology-pod-titlebar {
    background: #017cad;
    width: 100%;
    min-height: 52px;
    font-size: 11px;
}

div.insieme-topology-pod-titlebar .zone-title {
    text-align: left;
}

div.insieme-topology-pod-titlebar .zone-title span {
    position: relative;
    left: 36px;
    font-size: 11px;
    top: -8px;
    font-weight: 100;
    text-align: left;
}

div.insieme-topology-pod-titlebar .zone-title label {
    font-weight: bold;
}

div.insieme-topology-pod-titlebar .zone-title label {
    font-weight: bold;
}

div.insieme-topology-interpod-spines {
    margin: 0 40px 0 5px;
    float: left;
    background: #EAF4F7;
}

div.insieme-topology-interpod-controllers {
    margin: 0 40px 0 5px;
    float: left;
    background: #EAF4F7;
}

div.insieme-topology-interpod {
    margin: 10px 10px 10px 10px;
    top: 45%;
    left: 45%;
    position: absolute;
}

div.insieme-topology-interpod-singlepod {
    margin: 10px 10px 10px 10px;
    position: relative;
}

div.insieme-topology-interpod-org {
    margin: 10px 10px 10px 10px;
}

div.insieme-topology-spin2 {
    margin: 0 80px 120px 0;
    top: 90px;
}

div.insieme-topology-spin3 {
    margin: 0 80px 120px 0;
    top: 49px;
}

div.insieme-topology-breakout {
    margin: 60px 20px 20px 20px;
    height: 30px;
    padding: 11px 10px;
    border: 2px solid #ACACAC;
    background-color: #C8CBD2;
    border-radius: 5px;
}

div.insieme-topology-breakout div.port {
    margin: 0 5px;
    width: 16px;
    height: 8px;
    background-color: green;
    display: inline-block;
}

div.insieme-topology-breakout div.adminDown {
    background-color: red;
}

div.insieme-topology-breakout div.portAdminDown {
    background-color: white;
}

div.insieme-topology-breakout div.portUp {
    background-color: green;
}

div.insieme-topology-breakout div.portDisabled {
    background-color: white;
}

div.insieme-topology-breakout div.portEnabled {
    background-color: green;
}

div.insieme-topology-breakout div.portDisabledSwitching {
    background-color: orange;
}

div.portDisabledLink div.insieme-topology-ifcFabPort-connected {
    background-color: yellow;
    border: 1px solid yellow;
}

div.portEnabledError div.insieme-topology-ifcFabPort-connected {
    background-color: red;
    border: 1px solid red;
}

div.insieme-topology-spin4 {
    margin: 3px 80px 120px 0;
}

div.insieme-topology-spin div.insieme-topology-spinText,
div.insieme-topology-spin2 div.insieme-topology-spinText,
div.insieme-topology-spin3 div.insieme-topology-spinText,
div.insieme-topology-spin4 div.insieme-topology-spinText,
div.highlight div.insieme-topology-spinText,
div.click div.insieme-topology-spinText,
div.mouseover div.insieme-topology-spinText {
    font-size: 1em;
}

div.insieme-topology-spin div.insieme-topology-spinText,
div.insieme-topology-spin2 div.insieme-topology-spinText,
div.insieme-topology-spin3 div.insieme-topology-spinText,
div.insieme-topology-spin4 div.insieme-topology-spinText {
    color: #9e9ea2;
}

div.highlight div.insieme-topology-spinText,
div.mouseover div.insieme-topology-spinText {
    color: #cdba64;
}

div.click div.insieme-topology-spinText {
    font-weight: bold;
    color: #FF9900;
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinText,
div.highlight div.insieme-topology-interpod-spinText,
div.click div.insieme-topology-interpod-spinText,
div.mouseover div.insieme-topology-interpod-spinText {
    font-size: 1em;
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinText {
    color: #9e9ea2;
}

div.highlight div.insieme-topology-interpod-spinText,
div.mouseover div.insieme-topology-interpod-spinText {
    color: #cdba64;
}

div.insieme-topology-interpod-controllers div.insieme-topology-interpod-controllerText,
div.highlight div.insieme-topology-interpod-controllerText,
div.click div.insieme-topology-interpod-controllerText,
div.mouseover div.insieme-topology-interpod-controllerText {
    font-size: 1em;
}

div.insieme-topology-interpod-controllers div.insieme-topology-interpod-controllerText {
    color: #9e9ea2;
}

div.highlight div.insieme-topology-interpod-controllerText,
div.mouseover div.insieme-topology-interpod-controllerText {
    color: #cdba64;
}

div.insieme-topology-spin div.insieme-topology-spinImg,
div.highlight div.insieme-topology-spinImg,
div.click div.insieme-topology-spinImg,
div.mouseover div.insieme-topology-spinImg {
    width: 85px;
    height: 107px;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-spin div.insieme-topology-spinImg,
div.highlight div.insieme-topology-spinImg,
div.click div.insieme-topology-spinImg,
div.mouseover div.insieme-topology-spinImg {
    background-image: url(../icons/spines.png);
}

div.insieme-topology-spin2 div.insieme-topology-spinImg2,
div.highlight div.insieme-topology-spinImg2,
div.click div.insieme-topology-spinImg2,
div.mouseover div.insieme-topology-spinImg2 {
    width: 85px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-spin2 div.insieme-topology-spinImg2,
div.highlight div.insieme-topology-spinImg2,
div.click div.insieme-topology-spinImg2,
div.mouseover div.insieme-topology-spinImg2 {
    background-image: url(../icons/topology/9336.small.png);
}

div.insieme-topology-spin2 div.spineImg_N9K-C9364C,
div.highlight div.spineImg_N9K-C9364C,
div.click div.spineImg_N9K-C9364C,
div.mouseover div.spineImg_N9K-C9364C {
    background-image: url(../icons/topology/N9K-C9364C.png);
}

div.insieme-topology-spin3 div.insieme-topology-spinImg3,
div.highlight div.insieme-topology-spinImg3,
div.click div.insieme-topology-spinImg3,
div.mouseover div.insieme-topology-spinImg3 {
    width: 85px;
    height: 58px;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-spin3 div.insieme-topology-spinImg3,
div.highlight div.insieme-topology-spinImg3,
div.click div.insieme-topology-spinImg3,
div.mouseover div.insieme-topology-spinImg3 {
    background-image: url(../icons/topology/Cortina-4_9504_590x405_small.png);
}

div.insieme-topology-spin4 div.insieme-topology-spinImg4,
div.highlight div.insieme-topology-spinImg4,
div.click div.insieme-topology-spinImg4,
div.mouseover div.insieme-topology-spinImg4 {
    width: 95px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-spin4 div.insieme-topology-spinImg4,
div.highlight div.insieme-topology-spinImg4,
div.click div.insieme-topology-spinImg4,
div.mouseover div.insieme-topology-spinImg4 {
    background-image: url(../icons/topology/16-card-spine_small.png);
}

div.insieme-topology-pod div.insieme-topology-podText,
div.insieme-multipod-topology-IconBox div.insieme-topology-podText,
div.highlight div.insieme-topology-podText,
div.click div.insieme-topology-podText,
div.mouseover div.insieme-topology-podText {
    font-size: 1em;
}

div.insieme-topology-pod div.insieme-topology-podText,
div.insieme-multipod-topology-IconBox div.insieme-topology-podText {
    color: white;
    display: table-cell;
    padding-top: 10px;
}

div.highlight div.insieme-topology-podText,
div.mouseover div.insieme-topology-podText {
    color: #cdba64;
}

div.click div.insieme-topology-podText {
    font-weight: bold;
    color: #FF9900;
}

div.insieme-topology-interPodImg {
    width: 36px;
    height: 36px;
    display: table-cell;
    background-image: url(../icons/j/framework/ipn_36.png);
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-interPodText {
    color: white;
    display: table-cell;
    padding-top: 10px;
    font-weight: bold;
}

div.insieme-topology-pod div.insieme-topology-podImg,
div.insieme-multipod-topology-IconBox div.insieme-topology-podImg,
div.insieme-multipod-topology-root div.insieme-topology-podImg,
div.highlight div.insieme-topology-podImg,
div.click div.insieme-topology-podImg,
div.mouseover div.insieme-topology-podImg {
    width: 36px;
    height: 36px;
    display: table-cell;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-pod div.insieme-topology-podImg,
div.insieme-multipod-topology-root div.insieme-topology-podImg,
div.insieme-multipod-topology-IconBox div.insieme-topology-podImg,
div.highlight div.insieme-topology-podImg,
div.click div.insieme-topology-podImg,
div.mouseover div.insieme-topology-podImg {
    background-image: url(../icons/j/framework/pod_36.png);
}

div.insieme-topology-pod-physical div.insieme-topology-podImg {
    background-image: url(../icons/j/generic/pod-new.svg);
    width: 29px;
    height: 25px;
    position: relative;
    top: 4px;
}

div.insieme-topology-pod-virtual div.insieme-topology-podImg {
    background-image: url(../icons/virtualnodes/virtual-pod.svg);
    width: 29px;
    height: 25px;
    position: relative;
    top: 4px;
}

div.insieme-topology-pod .insieme-topology-title-spines:after {
    content: "Spines";
}
div.insieme-topology-pod .insieme-topology-title-leaves:after {
    content: "Leaves";
}
div.insieme-topology-pod .insieme-topology-title-controllers:after {
    content: "APIC Controllers";
}

div.insieme-topology-pod-virtual .insieme-topology-title-spines:after {
    content: "Virtual Spines";
}
div.insieme-topology-pod-virtual .insieme-topology-title-leaves:after {
    content: "Virtual Leaves";
}
div.insieme-topology-pod-virtual .insieme-topology-title-controllers:after {
    content: "AVEs";
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinImgExt,
div.highlight div.insieme-topology-interpod-spinImgExt,
div.click div.insieme-topology-interpod-spinImgExt,
div.mouseover div.insieme-topology-interpod-spinImgExt {
    width: 16px;
    height: 16px;
    display: table-cell;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinImgExt,
div.highlight div.insieme-topology-interpod-spinImgExt,
div.click div.insieme-topology-interpod-spinImgExt,
div.mouseover div.insieme-topology-interpod-spinImgExt {
    background-image: url(../icons/j/l3ext/routedoutside.16x16.png);
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinImg1u,
div.highlight div.insieme-topology-interpod-spinImg1u,
div.click div.insieme-topology-interpod-spinImg1u,
div.mouseover div.insieme-topology-interpod-spinImg1u {
    width: 94px;
    height: 42px;
    display: table-cell;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinImg1u,
div.highlight div.insieme-topology-interpod-spinImg1u,
div.click div.insieme-topology-interpod-spinImg1u,
div.mouseover div.insieme-topology-interpod-spinImg1u {
    background-image: url(../icons/spine_1u.png);
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinImg4u,
div.highlight div.insieme-topology-interpod-spinImg4u,
div.click div.insieme-topology-interpod-spinImg4u,
div.mouseover div.insieme-topology-interpod-spinImg4u {
    width: 94px;
    height: 42px;
    display: table-cell;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinImg4u,
div.highlight div.insieme-topology-interpod-spinImg4u,
div.click div.insieme-topology-interpod-spinImg4u,
div.mouseover div.insieme-topology-interpod-spinImg4u {
    background-image: url(../icons/spine_4u.png);
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinImg8u,
div.highlight div.insieme-topology-interpod-spinImg8u,
div.click div.insieme-topology-interpod-spinImg8u,
div.mouseover div.insieme-topology-interpod-spinImg8u {
    width: 94px;
    height: 42px;
    display: table-cell;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinImg8u,
div.highlight div.insieme-topology-interpod-spinImg8u,
div.click div.insieme-topology-interpod-spinImg8u,
div.mouseover div.insieme-topology-interpod-spinImg8u {
    background-image: url(../icons/spine_8u.png);
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinImg16u,
div.highlight div.insieme-topology-interpod-spinImg16u,
div.click div.insieme-topology-interpod-spinImg16u,
div.mouseover div.insieme-topology-interpod-spinImg16u {
    width: 94px;
    height: 42px;
    display: table-cell;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-interpod-spines div.insieme-topology-interpod-spinImg16u,
div.highlight div.insieme-topology-interpod-spinImg16u,
div.click div.insieme-topology-interpod-spinImg16u,
div.mouseover div.insieme-topology-interpod-spinImg16u {
    background-image: url(../icons/spine_16u.png);
}

.insieme-topology-objectBox .mp-icon-text {
    font-size: 12px;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    color: #f8fafb;
}

div.insieme-topology-interpod-spineImgNew {
    width: 70px;
    height: 54px;
    background-image: url(../icons/spine_id3.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 5px;
}

div.insieme-topology-pod-virtual div.insieme-topology-interpod-spineImgNew {
  background-image: url(../icons/virtualnodes/topology-virtual-spine.svg);
}

div.insieme-topology-interpod-spineTextNew {
    display: inline-block;
    position: relative;
    top: -20px;
    margin-left: 23px;
    font-size: 35px;
    color: #f8fafb;
}

div.insieme-topology-interpod-leafImgNew {
    width: 72px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../icons/leaf_id3.png);
    display: inline-block;
    margin-top: 22px;
}

div.insieme-topology-pod-virtual div.insieme-topology-interpod-leafImgNew {
    background-image: url(../icons/virtualnodes/topology-virtual-leaf.svg);
}

div.insieme-topology-interpod-leafTextNew {
    display: inline-block;
    position: relative;
    top: -12px;
    margin-left: 21px;
    font-size: 35px;
    color: #f8fafb;
}

div.insieme-topology-interpod-leafImgDbl {
    width: 76px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../icons/leaf_id3.png);
    display: inline-block;
    margin-top: 0;
}

.insieme-topology-interpod-remoteLeaf div.insieme-topology-interpod-leafImgDbl {
    background-image: url(../icons/leaf_remote_id3.png);
}

div.insieme-topology-interpod-leafTextDbl {
    display: inline-block;
    position: relative;
    top: -20px;
    margin-left: 27px;
    font-size: 30px;
    color: #f8fafb;
}

.insieme-topology-interpod-remoteLeaf {
    position: relative;
    top: 4px;
}

.insieme-topology-objectBox.insieme-topology-pod {
    margin-bottom: 10px;
}

div.insieme-topology-interpod-spineSwitchImgNew {
    width: 94px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../icons/leaf_id3.png);
    display: inline-block;
    margin-top: 25px;
}

div.insieme-topology-interpod-spineSwitchTextNew {
    display: inline-block;
    position: relative;
    top: -5px;
    margin-left: 35px;
    font-size: 35px;
    color: #f8fafb;
}

div.insieme-topology-interpod-controllerImgNew {
    width: 58px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../icons/apic_id3.png);
    display: inline-block;
    margin-top: 3px;
}

div.insieme-topology-pod-virtual  div.insieme-topology-interpod-controllerImgNew {
    background-image: url(../icons/virtualnodes/topology-ave.svg);
}

div.insieme-topology-interpod-controllerText {
    color: #f8fafb;
    font-size: 12px;
}

div.insieme-topology-interpod-controllerTextNew {
    display: inline-block;
    position: relative;
    top: -15px;
    margin-left: 35px;
    font-size: 35px;
    color: #f8fafb;
}

div.insieme-topology-interpod-controllers div.insieme-topology-interpod-controllerImg,
div.highlight div.insieme-topology-interpod-controllerImg,
div.click div.insieme-topology-interpod-controllerImg,
div.mouseover div.insieme-topology-interpod-controllerImg {
    width: 82px;
    height: 34px;
    display: table-cell;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-interpod-controllers div.insieme-topology-interpod-controllerImg,
div.highlight div.insieme-topology-interpod-controllerImg,
div.click div.insieme-topology-interpod-controllerImg,
div.mouseover div.insieme-topology-interpod-controllerImg {
    background-image: url(../icons/apic_todo.png);
}

div.insieme-topology-interpod div.insieme-topology-interpodText,
div.highlight div.insieme-topology-interpodText,
div.click div.insieme-topology-interpodText,
div.mouseover div.insieme-topology-interpodText {
    font-size: 1em;
}

div.insieme-topology-interpod div.insieme-topology-interpodText {
    color: #9e9ea2;
}

div.highlight div.insieme-topology-interpodText,
div.mouseover div.insieme-topology-interpodText {
    color: #cdba64;
}

div.click div.insieme-topology-interpodText {
    font-weight: bold;
    color: #FF9900;
}

div.insieme-topology-interpod div.insieme-topology-interpodImg,
div.highlight div.insieme-topology-interpodImg,
div.click div.insieme-topology-interpodImg,
div.mouseover div.insieme-topology-interpodImg {
    width: 178px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-interpod div.insieme-topology-interpodImg,
div.highlight div.insieme-topology-interpodImg,
div.click div.insieme-topology-interpodImg,
div.mouseover div.insieme-topology-interpodImg {
    background-image: url(../icons/interpod.svg);
}

div.insieme-topology-interpod-singlepod div.insieme-topology-interpodImg,
div.highlight div.insieme-topology-interpodImg,
div.click div.insieme-topology-interpodImg,
div.mouseover div.insieme-topology-interpodImg {
    width: 178px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-interpod-singlepod div.insieme-topology-interpodImg,
div.highlight div.insieme-topology-interpodImg,
div.click div.insieme-topology-interpodImg,
div.mouseover div.insieme-topology-interpodImg {
    background-image: url(../icons/interpod.svg);
}

div.insieme-topology-interpod-org div.insieme-topology-interpodImg1,
div.highlight div.insieme-topology-interpodImg1,
div.click div.insieme-topology-interpodImg1,
div.mouseover div.insieme-topology-interpodImg1 {
    width: 810px;
    height: 49px;
    background-size: contain;
    background-repeat: no-repeat;
}

div.insieme-topology-interpod-org div.insieme-topology-interpodImg1,
div.highlight div.insieme-topology-interpodImg1,
div.click div.insieme-topology-interpodImg1,
div.mouseover div.insieme-topology-interpodImg1 {
    background-image: url(../icons/j/eqpt/interpod.svg);
}

div.insieme-topology-leaf, div.insieme-topology-leaf-spine-lc {
    margin: 0 30px 60px 0;
    padding: 0 20px;
}

div.insieme-topology-leaf-spine-lc {
    margin: 60px 80px 60px 0;
}

div.insieme-topology-leaf div.insieme-topology-leafText, div.insieme-topology-leaf-spine-lc div.insieme-topology-leafText,
div.highlight div.insieme-topology-leafText,
div.mouseover div.insieme-topology-leafText {
    font-size: 1em;
}

div.insieme-topology-leaf div.insieme-topology-leafText, div.insieme-topology-leaf-spine-lc div.insieme-topology-leafText {
    color: #9e9ea2;
}

div.highlight div.insieme-topology-leafText,
div.mouseover div.insieme-topology-leafText {
    color: #cdba64;
}

div.click div.insieme-topology-leafText {
    font-weight: bold;
    color: #FF9900;
}

div.insieme-topology-leaf div.insieme-topology-portText, div.insieme-topology-leaf-spine-lc div.insieme-topology-portText,
div.highlight div.insieme-topology-portText,
div.mouseover div.insieme-topology-portText {
    font-size: 1em;
}

div.insieme-topology-leaf div.insieme-topology-portText, div.insieme-topology-leaf-spine-lc div.insieme-topology-portText {
    color: #9e9ea2;
    opacity: 0;
}

div.highlight div.insieme-topology-portText,
div.mouseover div.insieme-topology-portText {
    color: #cdba64;
    opacity: 1;
}

div.click div.insieme-topology-portText {
    font-weight: bold;
    color: #FF9900;
    opacity: 1;
}

.insieme-topology-leaf.click {
    border: 1px solid orange;
}

div.insieme-topology-leaf div.insieme-topology-leafImg, div.insieme-topology-leaf-spine-lc div.insieme-topology-leafImg,
div.highlight div.insieme-topology-leafImg,
div.click div.insieme-topology-leafImg,
div.mouseover div.insieme-topology-leafImg {
    background-size: 85px auto;
    background-repeat: no-repeat;
}

div.insieme-topology-leaf div.insieme-topology-leafImg-generic1u, div.insieme-topology-leaf-spine-lc div.insieme-topology-leafImg-generic1u {
    width: 85px;
    height: 18px;
    background-image: url(../icons/leaves.png);
}

div.insieme-topology-leaf div.insieme-topology-leafImg-generic2u, div.insieme-topology-leaf-spine-lc div.insieme-topology-leafImg-generic2u {
    width: 85px;
    height: 25px;
    background-image: url(../icons/leaf_2u.png);
}

div.insieme-topology-leaf div.insieme-topology-leafImgSmall-C9372PX, div.insieme-topology-leaf-spine-lc div.insieme-topology-leafImgSmall-C9372PX {
    width: 85px;
    height: 10px;
    background-image: url(../icons/topology/9372PX_592x58.png);
}

div.insieme-topology-leaf div.insieme-topology-leafImgSmall-C9332PQ, div.insieme-topology-leaf-spine-lc div.insieme-topology-leafImgSmall-C9332PQ {
    width: 85px;
    height: 10px;
    background-image: url(../icons/topology/9332PQ_592x58.png);
}

div.insieme-topology-leaf div.insieme-topology-leafImgSmall-C9372TX, div.insieme-topology-leaf-spine-lc div.insieme-topology-leafImgSmall-C9372TX {
    width: 85px;
    height: 10px;
    background-image: url(../icons/topology/9372TX_592x57.png);
}

div.insieme-topology-leaf div.insieme-topology-leafImgSmall-93180YC-EX, div.insieme-topology-leaf-spine-lc div.insieme-topology-leafImgSmall-93180YC-EX {
    width: 85px;
    height: 10px;
    background-image: url(../icons/topology/93180YC-EX.png);
}

div.insieme-topology-leaf div.insieme-topology-leafImgSmall-C9348GC-FXP, div.insieme-topology-leaf-spine-lc div.insieme-topology-leafImgSmall-C9348GC-FXP {
    width: 85px;
    height: 10px;
    background-image: url(../icons/topology/N9K-C9348GC-FXP.png);
}

div.insieme-topology-leaf div.insieme-topology-faultImg, div.insieme-topology-leaf-spine-lc div.insieme-topology-faultImg {
    background-image: url(../icons/LEDLightRed24x24.png);
    position: absolute;
    right: 0;
    width: 15px;
    background-repeat: no-repeat;
    height: 15px;
    background-size: 60%;
    top: 20px;
}

div.insieme-topology-endpoint {
    margin: 0 80px 0 0;
}

div.insieme-topology-endpoint div.insieme-topology-endpointText,
div.highlight div.insieme-topology-endpointText,
div.click div.insieme-topology-endpointText,
div.mouseover div.insieme-topology-endpointText {
    font-size: 1em;
}

div.insieme-topology-endpoint div.insieme-topology-endpointText {
    color: #9e9ea2;
}

div.highlight div.insieme-topology-endpointText,
div.mouseover div.insieme-topology-endpointText {
    color: #cdba64;
}

div.click div.insieme-topology-endpointText {
    color: #FF9900;
}

div.insieme-topology-endpoint div.insieme-topology-endpointImg,
div.highlight div.insieme-topology-endpointImg,
div.click div.insieme-topology-endpointImg,
div.mouseover div.insieme-topology-endpointImg {
    width: 64px;
    height: 64px;
    background-size: 64px 64px;
    background-repeat: no-repeat;
}

div.insieme-topology-endpoint div.insieme-topology-endpointImg {
    background-image: url(../icons/endpoint.png);
}

div.highlight div.insieme-topology-endpointImg,
div.click div.insieme-topology-endpointImg,
div.mouseover div.insieme-topology-endpointImg {
    background-image: url(../icons/endpoint.png);
}

div.insieme-topology-switchBox {
    position: relative;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    margin-bottom: 0;
}

div.insieme-topology-object-leds {
    position: absolute;
    left: 740px;
    top: 64px;
}

div.insieme-topology-object-indled {
    width: 32px;
    height: 32px;
    border-radius: 16px;
}

div.insieme-topology-object-locled {
    width: 32px;
    height: 32px;
    border-radius: 16px;
}

div.insieme-topology-object-indled-unknown {
    background-color: transparent;
}

div.insieme-topology-object-indled-green {
    background-color: green;
}

div.insieme-topology-object-indled-yellow {
    background-color: yellow;
}

div.insieme-topology-object-indled-amber {
    background-color: amber;
}

div.insieme-topology-object-indled-red {
    background-color: red;
}

div.insieme-topology-object-indled-blue {
    background-color: blue;
}

div.insieme-topology-object-locled-unknown {
    background-color: unknown;
}

div.insieme-topology-object-locled-green {
    background-color: green;
}

div.insieme-topology-object-locled-yellow {
    background-color: yellow;
}

div.insieme-topology-object-locled-amber {
    background-color: amber;
}

div.insieme-topology-object-locled-red {
    background-color: red;
}

div.insieme-topology-object-locled-blue {
    background-color: blue;
}

div.switchBox-1u {
    width: 592px;
    height: 116px;
}

div.switchBox-2u {
    width: 592px;
    height: 173px;
}

div.insieme-topology-switchInsideBox1,
div.insieme-topology-switchInsideBox2,
div.insieme-topology-switchInsideBox3,
div.insieme-topology-switchInsideBox4,
div.insieme-topology-switchInsideBox5,
div.insieme-topology-switchInsideBox6,
div.insieme-topology-switchInsideBox7,
div.insieme-topology-switchInsideBox8,
div.insieme-topology-switchInsideBox9,
div.insieme-topology-switchInsideBox10 {
    position: relative;
    display: inline-block;
    width: 143px;
    height: 45px;
    border: 1px solid transparent;
    padding-left: 1px;
}

div.insieme-topology-switchInsideBox1,
div.insieme-topology-switchInsideBox2,
div.insieme-topology-switchInsideBox3,
div.insieme-topology-switchInsideBox4,
div.insieme-topology-switchInsideBox5 {
    top: 14px;
}

div.insieme-topology-switchInsideBox6,
div.insieme-topology-switchInsideBox7,
div.insieme-topology-switchInsideBox8,
div.insieme-topology-switchInsideBox9,
div.insieme-topology-switchInsideBox10 {
    top: 18px;
}

div.insieme-topology-switchInsideBox1,
div.insieme-topology-switchInsideBox6 {
    left: 4px;
}

div.insieme-topology-switchInsideBox2,
div.insieme-topology-switchInsideBox7 {
    left: 8px;
}

div.insieme-topology-switchInsideBox3,
div.insieme-topology-switchInsideBox8 {
    left: 12px;
}

div.insieme-topology-switchInsideBox4,
div.insieme-topology-switchInsideBox9 {
    left: 16px;
}

div.insieme-topology-switchInsideBox5,
div.insieme-topology-switchInsideBox10 {
    left: 20px;
}

div.insieme-topology-fexBox {
    position: relative;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    width: 596px;
    height: 63px;
}

div.insieme-topology-fexInsideBox1,
div.insieme-topology-fexInsideBox2,
div.insieme-topology-fexInsideBox3,
div.insieme-topology-fexInsideBox4,
div.insieme-topology-fexInsideBox5 {
    position: relative;
    display: inline-block;
    top: 14px;
    width: 143px;
    height: 45px;
    border: 1px solid transparent;
    padding-left: 1px;
}

div.insieme-topology-fexInsideBox1 {
    left: 5px;
}

div.insieme-topology-fexInsideBox2 {
    left: 9px;
}

div.insieme-topology-fexInsideBox3 {
    left: 13px;
}

div.insieme-topology-fexInsideBox4 {
    left: 17px;
}

div.insieme-topology-SwitchText {
    font-size: 1em;
    margin: 50 0 0 10px;
    color: #9e9ea2;
}

div.insieme-topology-FexText {
    font-size: 1em;
    margin: 70 0 0 10px;
}

div.insieme-topology-FexText {
    color: #9e9ea2;
}

div.highlight div.insieme-topology-FexText,
div.mouseover div.insieme-topology-FexText {
    color: #cdba64;
}

div.click div.insieme-topology-FexText {
    color: #8db6cd;
}

div.insieme-topology-fexBoxNew,
div.insieme-topology-fexBoxNew1,
div.insieme-topology-fexBoxNew2 {
    position: relative;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    width: 592px;
    height: 49px;
}

div.insieme-topology-fexBoxNew1 {
    height: 70px;
}

div.insieme-topology-fexBoxNew1 {
    height: 58px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox11,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox12,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox13,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox14 {
    position: relative;
    display: inline-block;
    top: 4px;
    width: 114px;
    height: 40px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox11 {
    left: 28px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox12 {
    left: 44px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox13 {
    left: 58px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox14 {
    left: 72px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort_level1,
div.insieme-topology-objectBox div.insieme-topology-fexPort_level2,
div.connected div.insieme-topology-fexPort_level1,
div.connected div.insieme-topology-fexPort_level2,
div.hasHidden div.insieme-topology-fexPort_level1,
div.hasHidden div.insieme-topology-fexPort_level2,
div.click div.insieme-topology-fexPort_level1,
div.click div.insieme-topology-fexPort_level2 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 8px;
    width: 8px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort_level1,
div.connected div.insieme-topology-fexPort_level1,
div.hasHidden div.insieme-topology-fexPort_level1,
div.click div.insieme-topology-fexPort_level1 {
    margin: 6 6 6 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort_level2,
div.connected div.insieme-topology-fexPort_level2,
div.hasHidden div.insieme-topology-fexPort_level2,
div.click div.insieme-topology-fexPort_level2 {
    margin: 3 6 9 5px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexFabBox {
    border: 1px solid transaparent;
    display: inline-block;
    height: 36px;
    left: 82px;
    position: relative;
    top: 0;
    width: 40px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort_level1,
div.insieme-topology-objectBox div.insieme-topology-fexFabPort_level2,
div.connected div.insieme-topology-fexFabPort_level1,
div.connected div.insieme-topology-fexFabPort_level2,
div.hasHidden div.insieme-topology-fexFabPort_level1,
div.hasHidden div.insieme-topology-fexFabPort_level2,
div.click div.insieme-topology-fexFabPort_level1,
div.click div.insieme-topology-fexFabPort_level2 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 9px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort_level1,
div.connected div.insieme-topology-fexFabPort_level1,
div.hasHidden div.insieme-topology-fexFabPort_level1,
div.click div.insieme-topology-fexFabPort_level1 {
    margin: 2px 2px 7px 4px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort_level2,
div.connected div.insieme-topology-fexFabPort_level2,
div.hasHidden div.insieme-topology-fexFabPort_level2,
div.click div.insieme-topology-fexFabPort_level2 {
    margin: 5px 2px 4px 4px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox21,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox22,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox23,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox24 {
    position: relative;
    display: inline-block;
    top: 4px;
    width: 80px;
    height: 38px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox21 {
    left: 62px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox22 {
    left: 85px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox23 {
    left: 108px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox24 {
    left: 131px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexFabBox2 {
    height: 38px;
    left: 475px;
    position: relative;
    top: -34px;
    width: 80px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort2_level1,
div.insieme-topology-objectBox div.insieme-topology-fexPort2_level2,
div.connected div.insieme-topology-fexPort2_level1,
div.connected div.insieme-topology-fexPort2_level2,
div.hasHidden div.insieme-topology-fexPort2_level1,
div.hasHidden div.insieme-topology-fexPort2_level2,
div.click div.insieme-topology-fexPort2_level1,
div.click div.insieme-topology-fexPort2_level2 {
    border: 1px solid  transparent;
    cursor: pointer;
    height: 7px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort2_level1,
div.connected div.insieme-topology-fexPort2_level1,
div.hasHidden div.insieme-topology-fexPort2_level1,
div.click div.insieme-topology-fexPort2_level1 {
    margin: 6 3 5 3px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort2_level2,
div.connected div.insieme-topology-fexPort2_level2,
div.hasHidden div.insieme-topology-fexPort2_level2,
div.click div.insieme-topology-fexPort2_level2 {
    margin: 8 3 5 3px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort2_level1,
div.insieme-topology-objectBox div.insieme-topology-fexFabPort2_level2,
div.connected div.insieme-topology-fexFabPort2_level1,
div.connected div.insieme-topology-fexFabPort2_level2,
div.hasHidden div.insieme-topology-fexFabPort2_level1,
div.hasHidden div.insieme-topology-fexFabPort2_level2,
div.click div.insieme-topology-fexFabPort2_level1,
div.click div.insieme-topology-fexFabPort2_level2 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 7px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort2_level1,
div.connected div.insieme-topology-fexFabPort2_level1,
div.hasHidden div.insieme-topology-fexFabPort2_level1,
div.click div.insieme-topology-fexFabPort2_level1 {
    margin: 6 3 5 3px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort2_level2,
div.connected div.insieme-topology-fexFabPort2_level2,
div.hasHidden div.insieme-topology-fexFabPort2_level2,
div.click div.insieme-topology-fexFabPort2_level2 {
    margin: 8 3 5 3px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox31,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox32,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox33,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox34 {
    position: relative;
    display: inline-block;
    top: 5px;
    width: 80px;
    height: 36px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox31 {
    left: 50px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox32 {
    left: 69px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox33 {
    left: 88px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox34 {
    left: 107px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexFabBox3 {
    height: 38px;
    left: 470px;
    position: relative;
    top: -32px;
    width: 80px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort3_level1,
div.insieme-topology-objectBox div.insieme-topology-fexPort3_level2,
div.connected div.insieme-topology-fexPort3_level1,
div.connected div.insieme-topology-fexPort3_level2,
div.hasHidden div.insieme-topology-fexPort3_level1,
div.hasHidden div.insieme-topology-fexPort3_level2,
div.click div.insieme-topology-fexPort3_level1,
div.click div.insieme-topology-fexPort3_level2 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 8px;
    width: 8px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort3_level1,
div.connected div.insieme-topology-fexPort3_level1,
div.hasHidden div.insieme-topology-fexPort3_level1,
div.click div.insieme-topology-fexPort3_level1 {
    margin: 5 5 6 6px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort3_level2,
div.connected div.insieme-topology-fexPort3_level2,
div.hasHidden div.insieme-topology-fexPort3_level2,
div.click div.insieme-topology-fexPort3_level2 {
    margin: 3 5 9 6px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort3_level1,
div.insieme-topology-objectBox div.insieme-topology-fexFabPort3_level2,
div.connected div.insieme-topology-fexFabPort3_level1,
div.connected div.insieme-topology-fexFabPort3_level2,
div.hasHidden div.insieme-topology-fexFabPort3_level1,
div.hasHidden div.insieme-topology-fexFabPort3_level2,
div.click div.insieme-topology-fexFabPort3_level1,
div.click div.insieme-topology-fexFabPort3_level2 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 7px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort3_level1,
div.connected div.insieme-topology-fexFabPort3_level1,
div.hasHidden div.insieme-topology-fexFabPort3_level1,
div.click div.insieme-topology-fexFabPort3_level1 {
    margin: 6 3 5 3px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort3_level2,
div.connected div.insieme-topology-fexFabPort3_level2,
div.hasHidden div.insieme-topology-fexFabPort3_level2,
div.click div.insieme-topology-fexFabPort3_level2 {
    margin: 8 3 5 3px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox41,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox42,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox43 {
    position: relative;
    display: inline-block;
    top: 6px;
    width: 156px;
    height: 36px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox41 {
    left: 21px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox42 {
    left: 25px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox43 {
    left: 30px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexFabBox4 {
    height: 36px;
    left: 504px;
    position: relative;
    top: -30px;
    width: 80px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort4_level1,
div.insieme-topology-objectBox div.insieme-topology-fexPort4_level2,
div.connected div.insieme-topology-fexPort4_level1,
div.connected div.insieme-topology-fexPort4_level2,
div.hasHidden div.insieme-topology-fexPort4_level1,
div.hasHidden div.insieme-topology-fexPort4_level2,
div.click div.insieme-topology-fexPort4_level1,
div.click div.insieme-topology-fexPort4_level2 {
    border: 1px solid  transparent;
    cursor: pointer;
    height: 7px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort4_level1,
div.connected div.insieme-topology-fexPort4_level1,
div.hasHidden div.insieme-topology-fexPort4_level1,
div.click div.insieme-topology-fexPort4_level1 {
    margin: 4 1 7 4px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort4_level2,
div.connected div.insieme-topology-fexPort4_level2,
div.hasHidden div.insieme-topology-fexPort4_level2,
div.click div.insieme-topology-fexPort4_level2 {
    margin: 8 1 3 4px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort4_level1,
div.insieme-topology-objectBox div.insieme-topology-fexFabPort4_level2,
div.connected div.insieme-topology-fexFabPort4_level1,
div.connected div.insieme-topology-fexFabPort4_level2,
div.hasHidden div.insieme-topology-fexFabPort4_level1,
div.hasHidden div.insieme-topology-fexFabPort4_level2,
div.click div.insieme-topology-fexFabPort4_level1,
div.click div.insieme-topology-fexFabPort4_level2 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 7px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort4_level1,
div.connected div.insieme-topology-fexFabPort4_level1,
div.hasHidden div.insieme-topology-fexFabPort4_level1,
div.click div.insieme-topology-fexFabPort4_level1 {
    margin: 4px 0 7px 6px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort4_level2,
div.connected div.insieme-topology-fexFabPort4_level2,
div.hasHidden div.insieme-topology-fexFabPort4_level2,
div.click div.insieme-topology-fexFabPort4_level2 {
    margin: 6px 0 7px 6px;
}

div.insieme-topology-fexBoxNew1 div.insieme-topology-fexFabBox51,
div.insieme-topology-fexBoxNew1 div.insieme-topology-fexFabBox52 {
    position: relative;
    display: inline-block;
    top: 40px;
    width: 125px;
    height: 30px;
}

div.insieme-topology-fexBoxNew1 div.insieme-topology-fexFabBox51 {
    left: 112px;
}

div.insieme-topology-fexBoxNew1 div.insieme-topology-fexFabBox52 {
    left: 205px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort5_level1,
div.connected div.insieme-topology-fexFabPort5_level1,
div.hasHidden div.insieme-topology-fexFabPort5_level1,
div.click div.insieme-topology-fexFabPort5_level1 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 10px;
    width: 20px;
    margin: 4px 7px 2px 3px;
}

div.insieme-topology-fexBoxNew1 div.insieme-topology-fexFabBox61,
div.insieme-topology-fexBoxNew1 div.insieme-topology-fexFabBox62 {
    position: relative;
    display: inline-block;
    top: 48px;
    width: 165px;
    height: 30px;
}

div.insieme-topology-fexBoxNew1 div.insieme-topology-fexFabBox61 {
    left: 86px;
}

div.insieme-topology-fexBoxNew1 div.insieme-topology-fexFabBox62 {
    left: 165px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort6_level1,
div.connected div.insieme-topology-fexFabPort6_level1,
div.hasHidden div.insieme-topology-fexFabPort6_level1,
div.click div.insieme-topology-fexFabPort6_level1 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 10px;
    width: 27px;
    margin: 4px 10px 2px 6px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexFabBox71,
div.insieme-topology-fexBoxNew div.insieme-topology-fexFabBox72 {
    position: relative;
    display: inline-block;
    top: 15px;
    width: 90px;
    height: 25px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexFabBox71 {
    left: 175px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexFabBox72 {
    left: 235px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort7_level1,
div.connected div.insieme-topology-fexFabPort7_level1,
div.hasHidden div.insieme-topology-fexFabPort7_level1,
div.click div.insieme-topology-fexFabPort7_level1 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 8px;
    width: 16px;
    margin: 9px 0 0 5px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox81,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox82,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox83 {
    position: relative;
    display: inline-block;
    top: 12px;
    width: 230px;
    height: 36px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox81 {
    left: 16px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox82 {
    left: 21px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexFabBox8 {
    height: 36px;
    left: 492px;
    position: relative;
    top: -25px;
    width: 82px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort8_level1,
div.insieme-topology-objectBox div.insieme-topology-fexPort8_level2,
div.connected div.insieme-topology-fexPort8_level1,
div.connected div.insieme-topology-fexPort8_level2,
div.hasHidden div.insieme-topology-fexPort8_level1,
div.hasHidden div.insieme-topology-fexPort8_level2,
div.click div.insieme-topology-fexPort8_level1,
div.click div.insieme-topology-fexPort8_level2 {
    border: 1px solid  transparent;
    cursor: pointer;
    height: 7px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort8_level1,
div.connected div.insieme-topology-fexPort8_level1,
div.hasHidden div.insieme-topology-fexPort8_level1,
div.click div.insieme-topology-fexPort8_level1 {
    margin: 4 1 4 4px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort8_level2,
div.connected div.insieme-topology-fexPort8_level2,
div.hasHidden div.insieme-topology-fexPort8_level2,
div.click div.insieme-topology-fexPort8_level2 {
    margin: 12 1 3 4px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort8_level1,
div.insieme-topology-objectBox div.insieme-topology-fexFabPort8_level2,
div.connected div.insieme-topology-fexFabPort8_level1,
div.connected div.insieme-topology-fexFabPort8_level2,
div.hasHidden div.insieme-topology-fexFabPort8_level1,
div.hasHidden div.insieme-topology-fexFabPort8_level2,
div.click div.insieme-topology-fexFabPort8_level1,
div.click div.insieme-topology-fexFabPort8_level2 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 7px;
    width: 21px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort8_level1,
div.connected div.insieme-topology-fexFabPort8_level1,
div.hasHidden div.insieme-topology-fexFabPort8_level1,
div.click div.insieme-topology-fexFabPort8_level1 {
    margin: 7px -18px 6px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort8_level2,
div.connected div.insieme-topology-fexFabPort8_level2,
div.hasHidden div.insieme-topology-fexFabPort8_level2,
div.click div.insieme-topology-fexFabPort8_level2 {
    margin: 8px -20px 7px 6px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox91,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox92,
div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox93 {
    position: relative;
    display: inline-block;
    top: 13px;
    width: 160px;
    height: 36px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox91 {
    left: 64px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexInsideBox92 {
    left: 92px;
}

div.insieme-topology-fexBoxNew div.insieme-topology-fexFabBox9 {
    height: 36px;
    left: 485px;
    position: relative;
    top: -25px;
    width: 82px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort9_level1,
div.insieme-topology-objectBox div.insieme-topology-fexPort9_level2,
div.connected div.insieme-topology-fexPort9_level1,
div.connected div.insieme-topology-fexPort9_level2,
div.hasHidden div.insieme-topology-fexPort9_level1,
div.hasHidden div.insieme-topology-fexPort9_level2,
div.click div.insieme-topology-fexPort9_level1,
div.click div.insieme-topology-fexPort9_level2 {
    border: 1px solid  transparent;
    cursor: pointer;
    height: 7px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort9_level1,
div.connected div.insieme-topology-fexPort9_level1,
div.hasHidden div.insieme-topology-fexPort9_level1,
div.click div.insieme-topology-fexPort9_level1 {
    margin: 4 1 4 4px;
}

div.insieme-topology-objectBox div.insieme-topology-fexPort9_level2,
div.connected div.insieme-topology-fexPort9_level2,
div.hasHidden div.insieme-topology-fexPort9_level2,
div.click div.insieme-topology-fexPort9_level2 {
    margin: 5 1 3 4px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort9_level1,
div.insieme-topology-objectBox div.insieme-topology-fexFabPort9_level2,
div.connected div.insieme-topology-fexFabPort9_level1,
div.connected div.insieme-topology-fexFabPort9_level2,
div.hasHidden div.insieme-topology-fexFabPort9_level1,
div.hasHidden div.insieme-topology-fexFabPort9_level2,
div.click div.insieme-topology-fexFabPort9_level1,
div.click div.insieme-topology-fexFabPort9_level2 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 7px;
    width: 21px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort9_level1,
div.connected div.insieme-topology-fexFabPort9_level1,
div.hasHidden div.insieme-topology-fexFabPort9_level1,
div.click div.insieme-topology-fexFabPort9_level1 {
    margin: 7px -1px 6px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fexFabPort9_level2,
div.connected div.insieme-topology-fexFabPort9_level2,
div.hasHidden div.insieme-topology-fexFabPort9_level2,
div.click div.insieme-topology-fexFabPort9_level2 {
    margin: 7px -2px 7px 6px;
}

div.spineSwitchBox-1u {
    width: 592px;
    height: 115px;
}

div.spineSwitchBox-1u div.insieme-topology-spineSwitchInsideBox1 {
    position: relative;
    display: inline-block;
    width: 545px;
    top: 3px;
    left: 25px;
}

div.spineSwitchBox-1u div.insieme-topology-spineSwitchInsideBox2 {
    position: relative;
    display: inline-block;
    width: 545px;
    top: 3px;
    left: 25px;
}

div.spineSwitchBox-1u div.insieme-topology-spineSwitchInsideBox3 {
    position: relative;
    display: inline-block;
    width: 54px;
    top: 3px;
    left: 25px;
}

div#insieme-topology-switchBox.insieme-topology-switch-N9K-C9364 div.insieme-topology-spineSwitchInsideBox1 {
    top: 5px;
    left: 47px;
    width: 592px;
    height: 40px;
}

div#insieme-topology-switchBox.insieme-topology-switch-N9K-C9364 div.insieme-topology-spineSwitchInsideBox2 {
    top: 5px;
    left: 19px;
    width: 592px;
    height: 40px;
}

div#insieme-topology-switchBox.insieme-topology-switch-N9K-C9364 div.insieme-topology-spineSwitchInsideBox3 {
    top: 5px;
    left: 16px;
    width: 28px;
    height: 40px;
}

div.insieme-topology-switch-N9K-C9364 div.insieme-topology-objectBox div.insieme-topology-fabPort2_level1,
div.insieme-topology-switch-N9K-C9364 div.insieme-topology-objectBox div.insieme-topology-fabPort2_level2 {
    cursor: pointer;
    height: 9px;
    width: 22px;
}

div.insieme-topology-switch-N9K-C9364 div.insieme-topology-spineSwitchInsideBox3 div.insieme-topology-objectBox div.insieme-topology-fabPort2_level1,
div.insieme-topology-switch-N9K-C9364 div.insieme-topology-spineSwitchInsideBox3 div.insieme-topology-objectBox div.insieme-topology-fabPort2_level2 {
    cursor: pointer;
    height: 8px;
    width: 18px;
}

div.insieme-topology-switch-N9K-C9364 div.insieme-topology-objectBox div.insieme-topology-fabPort2_level2 {
    margin: 6px 6px 3px 5px;
}

div.insieme-topology-switch-N9K-C9364 div.insieme-topology-objectBox div.insieme-topology-fabPort2_level1 {
    margin: 3px 6px 6px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fabPort2_level1,
div.connected div.insieme-topology-fabPort2_level1,
div.click div.insieme-topology-fabPort2_level1,
div.adminDown div.insieme-topology-fabPort2_level1,
div.portAdminDown div.insieme-topology-fabPort2_level1,
div.portUp div.insieme-topology-fabPort2_level1,
div.portDisabled div.insieme-topology-fabPort2_level1,
div.portEnabled div.insieme-topology-fabPort2_level1,
div.portDisabledSwitching div.insieme-topology-fabPort2_level1,
div.portDisabledLink div.insieme-topology-fabPort2_level1,
div.portEnabledError div.insieme-topology-fabPort2_level1,
div.portForBreakout div.insieme-topology-fabPort2_level1,
div.insieme-topology-objectBox div.insieme-topology-fabPort2_level2,
div.connected div.insieme-topology-fabPort2_level2,
div.click div.insieme-topology-fabPort2_level2,
div.portUp div.insieme-topology-fabPort2_level2,
div.portAdminDown div.insieme-topology-fabPort2_level2,
div.portDisabled div.insieme-topology-fabPort2_level2,
div.portEnabled div.insieme-topology-fabPort2_level2,
div.portDisabledSwitching div.insieme-topology-fabPort2_level2,
div.portDisabledLink div.insieme-topology-fabPort2_level2,
div.portEnabledError div.insieme-topology-fabPort2_level2,
div.portForBreakout div.insieme-topology-fabPort2_level2,
div.adminDown div.insieme-topology-fabPort2_level2 {
    cursor: pointer;
    height: 9px;
    width: 20px;
}

div.insieme-topology-objectBox div.insieme-topology-fabPort2_level1,
div.connected div.insieme-topology-fabPort2_level1,
div.click div.insieme-topology-fabPort2_level1,
div.portUp div.insieme-topology-fabPort2_level1,
div.portAdminDown div.insieme-topology-fabPort2_level1,
div.portDisabled div.insieme-topology-fabPort2_level1,
div.portEnabled div.insieme-topology-fabPort2_level1,
div.portDisabledSwitching div.insieme-topology-fabPort2_level1,
div.portDisabledLink div.insieme-topology-fabPort2_level1,
div.portEnabledError div.insieme-topology-fabPort2_level1,
div.portForBreakout div.insieme-topology-fabPort2_level1,
div.adminDown div.insieme-topology-fabPort2_level1 {
    margin: 3px 5px 6px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fabPort2_level2,
div.connected div.insieme-topology-fabPort2_level2,
div.click div.insieme-topology-fabPort2_level2,
div.portUp div.insieme-topology-fabPort2_level2,
div.portAdminDown div.insieme-topology-fabPort2_level2,
div.portDisabled div.insieme-topology-fabPort2_level2,
div.portEnabled div.insieme-topology-fabPort2_level2,
div.portDisabledSwitching div.insieme-topology-fabPort2_level2,
div.portDisabledLink div.insieme-topology-fabPort2_level2,
div.portEnabledError div.insieme-topology-fabPort2_level2,
div.portForBreakout div.insieme-topology-fabPort2_level1,
div.adminDown div.insieme-topology-fabPort2_level2 {
    margin: 6px 5px 3px 5px;
}

div.spineLcSwitchBox div.insieme-topology-spineSwitchInsideBox1 {
    position: relative;
    display: inline-block;
    width: 561px;
    height: 60px;
}

div.spineLcSwitchBox div.insieme-topology-spineSwitchInsideBox-N9K-X9732C-EX-1 {
    position: relative;
    display: inline-block;
    width: 561px;
    height: 60px;
    margin-top: 16px;
    margin-left: 42px;
}

div.spineSwitchBox-8u {
    width: 590px;
    height: 750px;
}

div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox1,
div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox2,
div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox3,
div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox4,
div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox5,
div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox6,
div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox7,
div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox8 {
    position: relative;
    display: inline-block;
    width: 561px;
    top: 22px;
    left: 14px;
}

div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox1 {
    height: 60px;
}

div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox2 {
    height: 57px;
}

div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox3 {
    height: 58px;
}

div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox4 {
    height: 59px;
}

div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox5 {
    height: 57px;
}

div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox6 {
    height: 57px;
}

div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox7 {
    height: 58px;
}

div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox8 {
    height: 60px;
}

div.onepxwidthblock {
    display: inline-block;
    height: 16px;
    width: 1px;
}

div.twentypxwidthblock {
    display: inline-block;
    height: 18px;
    width: 20px;
}

div.twentyfivepxwidthblock {
    display: inline-block;
    height: 16px;
    width: 25px;
}

div.tenpxwidthblock {
    display: inline-block;
    height: 16px;
    width: 10px;
}

div.fourpxwidthblock {
    display: inline-block;
    height: 16px;
    width: 4px;
}

div.insieme-topology-spineSwitchPortArea {
    margin-top: 16px;
    margin-left: 38px;
}

div.spineSwitchBox-8u div.insieme-topology-spineSwitchInsideBox9 {
    position: relative;
    display: inline-block;
    width: 561px;
    height: 61px;
    border: 0 solid red;
    top: 22px;
    left: 14px;
}

div.insieme-topology-spineSwitchInsideBox9 div.superVisorCard1 {
    width: 291px;
    height: 61px;
    cursor: pointer;
    background-image: url(../icons/topology/Card9_291x61.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchInsideBox9 div.superVisorCardBlank1 {
    width: 291px;
    height: 61px;
    background-color: transparent;
    display: inline-block;
}

div.insieme-topology-spineSwitchInsideBox9 div.superVisorCard2 {
    width: 270px;
    height: 61px;
    cursor: pointer;
    background-image: url(../icons/topology/Card10_270x61.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchInsideBox9 div.superVisorCardBlank2 {
    width: 270px;
    height: 61px;
    background-color: transparent;
    display: inline-block;
}

div.spineSwitchBox-8u div.insieme-topology-spineSwitchFanAndPowers {
    position: relative;
    display: inline-block;
    width: 561px;
    height: 182px;
    border: 0 solid red;
    top: 22px;
    left: 14px;
}

div.insieme-topology-spineSwitchFanAndPowers div.spineSwitchFan {
    width: 148px;
    height: 182px;
    background-image: url(../icons/topology/Card11_148x182.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchFanAndPowers div.spineSwitchFan1 {
    width: 113px;
    height: 182px;
    background-image: url(../icons/topology/Card11_113x182.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchFanAndPowers div.spineSwitchFan2 {
    width: 114px;
    height: 182px;
    background-image: url(../icons/topology/Card12_114x182.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchFanAndPowers div.spineSwitchFan3 {
    width: 112px;
    height: 182px;
    background-image: url(../icons/topology/Card13_112x182.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchFanAndPowers div.spineSwitchPower {
    width: 52px;
    height: 182px;
    cursor: pointer;
    background-image: url(../icons/topology/Card14_52x182.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchFanAndPowers div.spineSwitchPowerBlank {
    width: 52px;
    height: 182px;
    background-color: transparent;
    display: inline-block;
}

div.spineSwitchBox-16u {
    width: 590px;
    height: 1200px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox1,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox2,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox3,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox4,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox5,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox6,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox7,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox8,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox9,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox10,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox11,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox12,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox13,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox14,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox15,
div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox16 {
    position: relative;
    display: inline-block;
    width: 561px;
    top: 22px;
    left: 14px;
    height: 60px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox1 {
    height: 60px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox2 {
    height: 57px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox3 {
    height: 58px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox4 {
    height: 59px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox5 {
    height: 57px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox6 {
    height: 57px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox7 {
    height: 58px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox8 {
    height: 58px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox9 {
    height: 58px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox10 {
    height: 58px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox11 {
    height: 58px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox12 {
    height: 58px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox13 {
    height: 58px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox14 {
    height: 58px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox15 {
    height: 58px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox16 {
    height: 60px;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchInsideBox17 {
    position: relative;
    display: inline-block;
    width: 561px;
    height: 61px;
    border: 0 solid red;
    top: 30px;
    left: 14px;
}

div.insieme-topology-spineSwitchInsideBox17 div.superVisorCard1 {
    width: 291px;
    height: 61px;
    cursor: pointer;
    background-image: url(../icons/topology/Card9_291x61.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchInsideBox17 div.superVisorCardBlank1 {
    width: 291px;
    height: 61px;
    background-color: transparent;
    display: inline-block;
}

div.insieme-topology-spineSwitchInsideBox17 div.superVisorCard2 {
    width: 270px;
    height: 61px;
    cursor: pointer;
    background-image: url(../icons/topology/Card10_270x61.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchInsideBox17 div.superVisorCardBlank2 {
    width: 270px;
    height: 61px;
    background-color: transparent;
    display: inline-block;
}

div.spineSwitchBox-16u div.insieme-topology-spineSwitchFanAndPowers1 {
    position: relative;
    display: inline-block;
    width: 561px;
    height: 182px;
    border: 0 solid red;
    top: 35px;
    left: 14px;
}

div.insieme-topology-spineSwitchPowers1 div.spineSwitchFan {
    width: 148px;
    height: 182px;
    background-image: url(../icons/topology/Card11_148x182.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchFanAndPowers1 div.spineSwitchFan1 {
    width: 113px;
    height: 182px;
    background-image: url(../icons/topology/Card11_113x182.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchFanAndPowers1 div.spineSwitchFan2 {
    width: 114px;
    height: 182px;
    background-image: url(../icons/topology/Card12_114x182.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchFanAndPowers1 div.spineSwitchFan3 {
    width: 112px;
    height: 182px;
    background-image: url(../icons/topology/Card13_112x182.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchFanAndPowers1 div.spineSwitchPower {
    width: 56px;
    height: 182px;
    cursor: pointer;
    background-image: url(../icons/topology/Card15_54x182.png);
    display: inline-block;
}

div.insieme-topology-spineSwitchFanAndPowers1 div.spineSwitchPowerBlank {
    width: 56px;
    height: 182px;
    background-color: transparent;
    display: inline-block;
}

div.spineSwitchBox-4u {
    width: 590px;
    height: 405px;
}

div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBox1,
div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBox2,
div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBox3,
div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBox4,
div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBoxBlank1,
div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBoxBlank2,
div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBoxBlank3,
div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBoxBlank4 {
    position: relative;
    display: inline-block;
    width: 561px;
    left: 14px;
    height: 50px;
}

div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBoxBlank1,
div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBox1 {
    top: 11px;
}

div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBoxBlank2,
div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBox2 {
    top: 18px;
}

div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBoxBlank3,
div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBox3 {
    top: 25px;
}

div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBoxBlank4,
div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBox4 {
    top: 32px;
}

div .insieme-topology-spineSwitchPortArea2 {
    margin-left: 22px;
    margin-top: 12px;
}

div .insieme-topology-spineSwitchPortArea-N9K-X9732C-EX {
    margin-left: 40px;
    margin-top: 16px;
}

div.insieme-topology-objectBox div.insieme-topology-fabPort3_level1,
div.connected div.insieme-topology-fabPort3_level1,
div.click div.insieme-topology-fabPort3_level1,
div.adminDown div.insieme-topology-fabPort3_level1,
div.portAdminDown div.insieme-topology-fabPort3_level1,
div.portUp div.insieme-topology-fabPort3_level1,
div.portDisabled div.insieme-topology-fabPort3_level1,
div.portEnabled div.insieme-topology-fabPort3_level1,
div.portDisabledSwitching div.insieme-topology-fabPort3_level1,
div.portDisabledLink div.insieme-topology-fabPort3_level1,
div.portEnabledError div.insieme-topology-fabPort3_level1,
div.portForBreakout div.insieme-topology-fabPort3_level1,
div.insieme-topology-objectBox div.insieme-topology-fabPort3_level2,
div.connected div.insieme-topology-fabPort3_level2,
div.click div.insieme-topology-fabPort3_level2,
div.portUp div.insieme-topology-fabPort3_level2,
div.portDisabled div.insieme-topology-fabPort3_level2,
div.portEnabled div.insieme-topology-fabPort3_level2,
div.portDisabledSwitching div.insieme-topology-fabPort3_level2,
div.portDisabledLink div.insieme-topology-fabPort3_level2,
div.portEnabledError div.insieme-topology-fabPort3_level2,
div.portForBreakout div.insieme-topology-fabPort3_level2,
div.portAdminDown div.insieme-topology-fabPort3_level2,
div.adminDown div.insieme-topology-fabPort3_level2 {
    cursor: pointer;
    height: 9px;
    width: 20px;
}

div.insieme-topology-objectBox div.insieme-topology-fabPort3_level1,
div.connected div.insieme-topology-fabPort3_level1,
div.click div.insieme-topology-fabPort3_level1,
div.portUp div.insieme-topology-fabPort3_level1,
div.portDisabled div.insieme-topology-fabPort3_level1,
div.portEnabled div.insieme-topology-fabPort3_level1,
div.portDisabledSwitching div.insieme-topology-fabPort3_level1,
div.portDisabledLink div.insieme-topology-fabPort3_level1,
div.portEnabledError div.insieme-topology-fabPort3_level1,
div.portForBreakout div.insieme-topology-fabPort3_level1,
div.portAdminDown div.insieme-topology-fabPort3_level1,
div.adminDown div.insieme-topology-fabPort3_level1 {
    margin: 1px 6px 8px 2px;
}

div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.insieme-topology-objectBox div.insieme-topology-fabPort3_level1,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.connected div.insieme-topology-fabPort3_level1,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.click div.insieme-topology-fabPort3_level1,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portUp div.insieme-topology-fabPort3_level1,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portDisabled div.insieme-topology-fabPort3_level1,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portEnabled div.insieme-topology-fabPort3_level1,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portDisabledSwitching div.insieme-topology-fabPort3_level1,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portDisabledLink div.insieme-topology-fabPort3_level1,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portEnabledError div.insieme-topology-fabPort3_level1,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portForBreakout div.insieme-topology-fabPort3_level1,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portAdminDown div.insieme-topology-fabPort3_level1,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.adminDown div.insieme-topology-fabPort3_level1 {
    margin: 1px 4px 8px 2px;
}

div.insieme-topology-objectBox div.insieme-topology-fabPort3_level2,
div.connected div.insieme-topology-fabPort3_level2,
div.click div.insieme-topology-fabPort3_level2,
div.portUp div.insieme-topology-fabPort3_level2,
div.portDisabled div.insieme-topology-fabPort3_level2,
div.portEnabled div.insieme-topology-fabPort3_level2,
div.portDisabledSwitching div.insieme-topology-fabPort3_level2,
div.portDisabledLink div.insieme-topology-fabPort3_level2,
div.portEnabledError div.insieme-topology-fabPort3_level2,
div.portForBreakout div.insieme-topology-fabPort3_level2,
div.portAdminDown div.insieme-topology-fabPort3_level2,
div.adminDown div.insieme-topology-fabPort3_level2 {
    margin: 3px 6px 6px 2px;
}

div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portDisabled div.insieme-topology-fabPort3_level2,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portEnabled div.insieme-topology-fabPort3_level2,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portDisabledSwitching div.insieme-topology-fabPort3_level2,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portDisabledLink div.insieme-topology-fabPort3_level2,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portEnabledError div.insieme-topology-fabPort3_level2,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portForBreakout div.insieme-topology-fabPort3_level2,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.portAdminDown div.insieme-topology-fabPort3_level2,
div.insieme-topology-spineSwitchPortArea-N9K-X9732C-EX div.adminDown div.insieme-topology-fabPort3_level2 {
    margin: 3px 4px 6px 2px;
}

div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBox5 {
    position: relative;
    display: inline-block;
    width: 561px;
    height: 55px;
    border: 0 solid red;
    top: 35px;
    left: 14px;
}

div.insieme-topology-spineSwitchInside4uBox5 div.superVisorCard1 {
    width: 233px;
    height: 55px;
    left: 48px;
    cursor: pointer;
    background-image: url(../icons/topology/Supervisor1_233x55.png);
    display: inline-block;
    position: relative;
}

div.insieme-topology-spineSwitchInside4uBox5 div.superVisorCardBlank1 {
    width: 233px;
    height: 55px;
    left: 48px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

div.insieme-topology-spineSwitchInside4uBox5 div.superVisorCard2 {
    width: 233px;
    height: 55px;
    left: 66px;
    cursor: pointer;
    background-image: url(../icons/topology/Supervisor2_233x55.png);
    display: inline-block;
    position: relative;
}

div.insieme-topology-spineSwitchInside4uBox5 div.superVisorCardBlank2 {
    width: 233px;
    height: 55px;
    left: 66px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBox6 {
    position: relative;
    display: inline-block;
    width: 561px;
    height: 51px;
    top: 38px;
    left: 14px;
}

div.insieme-topology-spineSwitchInside4uBox6 div.powerCard1 {
    width: 170px;
    height: 51px;
    left: 14px;
    cursor: pointer;
    background-image: url(../icons/topology/PowerSupplier1_170x51.png);
    display: inline-block;
    position: relative;
}

div.insieme-topology-spineSwitchInside4uBox6 div.powerCard1Blank {
    width: 170px;
    height: 51px;
    left: 14px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

div.insieme-topology-spineSwitchInside4uBox6 div.powerCard3 {
    width: 170px;
    height: 51px;
    left: 209px;
    cursor: pointer;
    background-image: url(../icons/topology/PowerSupplier1_170x51.png);
    display: inline-block;
    position: relative;
}

div.insieme-topology-spineSwitchInside4uBox6 div.powerCard3Blank {
    width: 170px;
    height: 51px;
    left: 209px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

div.spineSwitchBox-4u div.insieme-topology-spineSwitchInside4uBox7 {
    position: relative;
    display: inline-block;
    width: 561px;
    height: 51px;
    top: 40px;
    left: 14px;
}

div.insieme-topology-spineSwitchInside4uBox7 div.powerCard2 {
    width: 170px;
    height: 51px;
    left: 14px;
    cursor: pointer;
    background-image: url(../icons/topology/PowerSupplier2_170x51.png);
    display: inline-block;
    position: relative;
}

div.insieme-topology-spineSwitchInside4uBox7 div.powerCard2Blank {
    width: 170px;
    height: 51px;
    left: 14px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

div.insieme-topology-spineSwitchInside4uBox7 div.powerCard4 {
    width: 170px;
    height: 51px;
    left: 209px;
    cursor: pointer;
    background-image: url(../icons/topology/PowerSupplier2_170x51.png);
    display: inline-block;
    position: relative;
}

div.insieme-topology-spineSwitchInside4uBox7 div.powerCard4Blank {
    width: 170px;
    height: 51px;
    left: 209px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

div.insieme-topology-objectBox div.insieme-topology-fabPort_level1,
div.connected div.insieme-topology-fabPort_level1,
div.click div.insieme-topology-fabPort_level1,
div.adminDown div.insieme-topology-fabPort_level1,
div.portAdminDown div.insieme-topology-fabPort_level1,
div.portUp div.insieme-topology-fabPort_level1,
div.portDisabled div.insieme-topology-fabPort_level1,
div.portEnabled div.insieme-topology-fabPort_level1,
div.portDisabledSwitching div.insieme-topology-fabPort_level1,
div.portDisabledLink div.insieme-topology-fabPort_level1,
div.portEnabledError div.insieme-topology-fabPort_level1,
div.portForBreakout div.insieme-topology-fabPort_level1,
div.insieme-topology-objectBox div.insieme-topology-fabPort_level2,
div.connected div.insieme-topology-fabPort_level2,
div.click div.insieme-topology-fabPort_level2,
div.portUp div.insieme-topology-fabPort_level2,
div.portDisabled div.insieme-topology-fabPort_level2,
div.portEnabled div.insieme-topology-fabPort_level2,
div.portDisabledSwitching div.insieme-topology-fabPort_level2,
div.portDisabledLink div.insieme-topology-fabPort_level2,
div.portEnabledError div.insieme-topology-fabPort_level2,
div.portForBreakout div.insieme-topology-fabPort_level2,
div.portAdminDown div.insieme-topology-fabPort_level2,
div.adminDown div.insieme-topology-fabPort_level2 {
    cursor: pointer;
    height: 9px;
    width: 20px;
}

div.insieme-topology-objectBox div.insieme-topology-fabPort_level1,
div.connected div.insieme-topology-fabPort_level1,
div.click div.insieme-topology-fabPort_level1,
div.portUp div.insieme-topology-fabPort_level1,
div.portDisabled div.insieme-topology-fabPort_level1,
div.portEnabled div.insieme-topology-fabPort_level1,
div.portDisabledSwitching div.insieme-topology-fabPort_level1,
div.portDisabledLink div.insieme-topology-fabPort_level1,
div.portEnabledError div.insieme-topology-fabPort_level1,
div.portForBreakout div.insieme-topology-fabPort_level1,
div.portAdminDown div.insieme-topology-fabPort_level1,
div.adminDown div.insieme-topology-fabPort_level1 {
    margin: 1px 6px 8px 1px;
}

div.insieme-topology-objectBox div.insieme-topology-fabPort_level2,
div.connected div.insieme-topology-fabPort_level2,
div.click div.insieme-topology-fabPort_level2,
div.portUp div.insieme-topology-fabPort_level2,
div.portDisabled div.insieme-topology-fabPort_level2,
div.portEnabled div.insieme-topology-fabPort_level2,
div.portDisabledSwitching div.insieme-topology-fabPort_level2,
div.portDisabledLink div.insieme-topology-fabPort_level2,
div.portEnabledError div.insieme-topology-fabPort_level2,
div.portForBreakout div.insieme-topology-fabPort_level2,
div.portAdminDown div.insieme-topology-fabPort_level2,
div.adminDown div.insieme-topology-fabPort_level2 {
    margin: 3px 6px 6px 1px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1,
div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2,
div.connected div.insieme-topology-fabricPort_level1,
div.connected div.insieme-topology-fabricPort_level2,
div.click div.insieme-topology-fabricPort_level1,
div.click div.insieme-topology-fabricPort_level2,
div.portUp div.insieme-topology-fabricPort_level1,
div.portUp div.insieme-topology-fabricPort_level2,
div.portDisabled div.insieme-topology-fabricPort_level1,
div.portEnabled div.insieme-topology-fabricPort_level1,
div.portDisabledSwitching div.insieme-topology-fabricPort_level1,
div.portDisabledLink div.insieme-topology-fabricPort_level1,
div.portEnabledError div.insieme-topology-fabricPort_level1,
div.portForBreakout div.insieme-topology-fabricPort_level1,
div.portDisabled div.insieme-topology-fabricPort_level2,
div.portEnabled div.insieme-topology-fabricPort_level2,
div.portDisabledSwitching div.insieme-topology-fabricPort_level2,
div.portDisabledLink div.insieme-topology-fabricPort_level2,
div.portEnabledError div.insieme-topology-fabricPort_level2,
div.portForBreakout div.insieme-topology-fabricPort_level2,
div.portAdminDown div.insieme-topology-fabricPort_level1,
div.portAdminDown div.insieme-topology-fabricPort_level2,
div.adminDown div.insieme-topology-fabricPort_level1,
div.adminDown div.insieme-topology-fabricPort_level2 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 9px;
    width: 20px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_C9332PQ,
div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_C9332PQ,
div.connected div.insieme-topology-fabricPort_level1_C9332PQ,
div.connected div.insieme-topology-fabricPort_level2_C9332PQ,
div.click div.insieme-topology-fabricPort_level1_C9332PQ,
div.click div.insieme-topology-fabricPort_level2_C9332PQ,
div.portUp div.insieme-topology-fabricPort_level1_C9332PQ,
div.portUp div.insieme-topology-fabricPort_level2_C9332PQ,
div.portDisabled div.insieme-topology-fabricPort_level1_C9332PQ,
div.portEnabled div.insieme-topology-fabricPort_level1_C9332PQ,
div.portDisabledSwitching div.insieme-topology-fabricPort_level1_C9332PQ,
div.portDisabledLink div.insieme-topology-fabricPort_level1_C9332PQ,
div.portEnabledError div.insieme-topology-fabricPort_level1_C9332PQ,
div.portForBreakout div.insieme-topology-fabricPort_level1_C9332PQ,
div.portDisabled div.insieme-topology-fabricPort_level2_C9332PQ,
div.portEnabled div.insieme-topology-fabricPort_level2_C9332PQ,
div.portDisabledSwitching div.insieme-topology-fabricPort_level2_C9332PQ,
div.portDisabledLink div.insieme-topology-fabricPort_level2_C9332PQ,
div.portEnabledError div.insieme-topology-fabricPort_level2_C9332PQ,
div.portForBreakout div.insieme-topology-fabricPort_level2_C9332PQ,
div.portAdminDown div.insieme-topology-fabricPort_level1_C9332PQ,
div.portAdminDown div.insieme-topology-fabricPort_level2_C9332PQ,
div.adminDown div.insieme-topology-fabricPort_level1_C9332PQ,
div.adminDown div.insieme-topology-fabricPort_level2_C9332PQ {
    border: 1px solid transparent;
    cursor: pointer;
    height: 9px;
    width: 26px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_C9372TX,
div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_C9372TX,
div.connected div.insieme-topology-fabricPort_level1_C9372TX,
div.connected div.insieme-topology-fabricPort_level2_C9372TX,
div.click div.insieme-topology-fabricPort_level1_C9372TX,
div.click div.insieme-topology-fabricPort_level2_C9372TX,
div.portUp div.insieme-topology-fabricPort_level1_C9372TX,
div.portUp div.insieme-topology-fabricPort_level2_C9372TX,
div.portDisabled div.insieme-topology-fabricPort_level1_C9372TX,
div.portEnabled div.insieme-topology-fabricPort_level1_C9372TX,
div.portDisabledSwitching div.insieme-topology-fabricPort_level1_C9372TX,
div.portDisabledLink div.insieme-topology-fabricPort_level1_C9372TX,
div.portEnabledError div.insieme-topology-fabricPort_level1_C9372TX,
div.portForBreakout div.insieme-topology-fabricPort_level1_C9372TX,
div.portDisabled div.insieme-topology-fabricPort_level2_C9372TX,
div.portEnabled div.insieme-topology-fabricPort_level2_C9372TX,
div.portDisabledSwitching div.insieme-topology-fabricPort_level2_C9372TX,
div.portDisabledLink div.insieme-topology-fabricPort_level2_C9372TX,
div.portEnabledError div.insieme-topology-fabricPort_level2_C9372TX,
div.portForBreakout div.insieme-topology-fabricPort_level2_C9372TX,
div.portAdminDown div.insieme-topology-fabricPort_level1_C9372TX,
div.portAdminDown div.insieme-topology-fabricPort_level2_C9372TX,
div.adminDown div.insieme-topology-fabricPort_level1_C9372TX,
div.adminDown div.insieme-topology-fabricPort_level2_C9372TX {
    border: 1px solid transparent;
    cursor: pointer;
    height: 9px;
    width: 22px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_C9372PX,
div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_C9372PX,
div.connected div.insieme-topology-fabricPort_level1_C9372PX,
div.connected div.insieme-topology-fabricPort_level2_C9372PX,
div.click div.insieme-topology-fabricPort_level1_C9372PX,
div.click div.insieme-topology-fabricPort_level2_C9372PX,
div.portUp div.insieme-topology-fabricPort_level1_C9372PX,
div.portUp div.insieme-topology-fabricPort_level2_C9372PX,
div.portDisabled div.insieme-topology-fabricPort_level1_C9372PX,
div.portEnabled div.insieme-topology-fabricPort_level1_C9372PX,
div.portDisabledSwitching div.insieme-topology-fabricPort_level1_C9372PX,
div.portDisabledLink div.insieme-topology-fabricPort_level1_C9372PX,
div.portEnabledError div.insieme-topology-fabricPort_level1_C9372PX,
div.portForBreakout div.insieme-topology-fabricPort_level1_C9372PX,
div.portDisabled div.insieme-topology-fabricPort_level2_C9372PX,
div.portEnabled div.insieme-topology-fabricPort_level2_C9372PX,
div.portDisabledSwitching div.insieme-topology-fabricPort_level2_C9372PX,
div.portDisabledLink div.insieme-topology-fabricPort_level2_C9372PX,
div.portEnabledError div.insieme-topology-fabricPort_level2_C9372PX,
div.portForBreakout div.insieme-topology-fabricPort_level2_C9372PX,
div.portAdminDown div.insieme-topology-fabricPort_level1_C9372PX,
div.portAdminDown div.insieme-topology-fabricPort_level2_C9372PX,
div.adminDown div.insieme-topology-fabricPort_level1_C9372PX,
div.adminDown div.insieme-topology-fabricPort_level2_C9372PX {
    border: 1px solid transparent;
    cursor: pointer;
    height: 9px;
    width: 24px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_93180YC-EX,
div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_93180YC-EX,
div.connected div.insieme-topology-fabricPort_level1_93180YC-EX,
div.connected div.insieme-topology-fabricPort_level2_93180YC-EX,
div.click div.insieme-topology-fabricPort_level1_93180YC-EX,
div.click div.insieme-topology-fabricPort_level2_93180YC-EX,
div.portUp div.insieme-topology-fabricPort_level1_93180YC-EX,
div.portUp div.insieme-topology-fabricPort_level2_93180YC-EX,
div.portDisabled div.insieme-topology-fabricPort_level1_93180YC-EX,
div.portEnabled div.insieme-topology-fabricPort_level1_93180YC-EX,
div.portDisabledSwitching div.insieme-topology-fabricPort_level1_93180YC-EX,
div.portDisabledLink div.insieme-topology-fabricPort_level1_93180YC-EX,
div.portEnabledError div.insieme-topology-fabricPort_level1_93180YC-EX,
div.portForBreakout div.insieme-topology-fabricPort_level1_93180YC-EX,
div.portDisabled div.insieme-topology-fabricPort_level2_93180YC-EX,
div.portEnabled div.insieme-topology-fabricPort_level2_93180YC-EX,
div.portDisabledSwitching div.insieme-topology-fabricPort_level2_93180YC-EX,
div.portDisabledLink div.insieme-topology-fabricPort_level2_93180YC-EX,
div.portEnabledError div.insieme-topology-fabricPort_level2_93180YC-EX,
div.portForBreakout div.insieme-topology-fabricPort_level2_93180YC-EX,
div.portAdminDown div.insieme-topology-fabricPort_level1_93180YC-EX,
div.portAdminDown div.insieme-topology-fabricPort_level2_93180YC-EX,
div.adminDown div.insieme-topology-fabricPort_level1_93180YC-EX,
div.adminDown div.insieme-topology-fabricPort_level2_93180YC-EX {
    border: 1px solid transparent;
    cursor: pointer;
    height: 9px;
    width: 22px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2 {
    margin: 5px 10px 4px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1 {
    margin: 2px 10px 7px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_C9332PQ {
    margin: 5px 4px 4px 4px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_C9332PQ {
    margin: 2px 4px 7px 4px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_C9372TX {
    margin: 5px 5px 4px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_C9372TX {
    margin: 2px 5px 7px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_93180YC-EX {
    margin: 2px 2px 5px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_93180YC-EX {
    margin: 2px 2px 5px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_C9372PX {
    margin: 5px 2px 5px 2px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_C9372PX {
    margin: 2px 2px 7px 2px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox11 {
    top: 12px;
    left: -127px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox11-TX {
    top: 6px;
    left: -127px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox14 {
    top: -28px;
    left: -121px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox13 {
    top: 18px;
    left: -130px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox13-TX {
    top: 10px;
    left: -130px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-C9332PQ-1 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    width: 440px;
    left: 25px;
    top: 10px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-C9332PQ-2 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    top: 10px;
    left: 40px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-C9372TX-1 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    left: 14px;
    top: 9px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-C9372TX-2 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    top: 9px;
    left: 18px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-C9372TX-3 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    top: 9px;
    left: 24px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-C9372TX-4 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    top: 9px;
    left: 25px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-C9372PX-1 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    left: 14px;
    top: 9px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-C9372PX-2 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    top: 9px;
    left: 20px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-C9372PX-3 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    top: 9px;
    left: 28px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-93180YC-EX-1 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    left: 16px;
    top: 19px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-93180YC-EX-2 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    top: 19px;
    left: 18px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-93180YC-EX-3 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    top: 19px;
    left: 24px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox-93180YC-EX-4 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    top: 19px;
    left: 25px;
}

div.insieme-topology-switchInsideBox-C9348GC-FXP-1 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    /*top: 4px;*/
    left: 19px;}

div.insieme-topology-switchInsideBox-C9348GC-FXP-2 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    /*top: 4px;*/
    left: 24px;
}

div.insieme-topology-switchInsideBox-C9348GC-FXP-3 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    /*top: 4px;*/
    left: 29px;
}

div.insieme-topology-switchInsideBox-C9348GC-FXP-4 {
    border: 1px solid transparent;
    display: inline-block;
    height: 45px;
    position: relative;
    top: 2px;
    left: 32px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2_C9348GC-FXP {
    margin: 6px 1px 5px 4px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1_C9348GC-FXP {
    margin: 4px 1px 5px 4px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1_C9348GC-FXP,
div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2_C9348GC-FXP,
div.connected div.insieme-topology-leafPort2_level1_C9348GC-FXP,
div.connected div.insieme-topology-leafPort2_level2_C9348GC-FXP,
div.hasHidden div.insieme-topology-leafPort2_level1_C9348GC-FXP,
div.hasHidden div.insieme-topology-leafPort2_level2_C9348GC-FXP,
div.click div.insieme-topology-leafPort2_level1_C9348GC-FXP,
div.click div.insieme-topology-leafPort2_level2_C9348GC-FXP {
    border: 1px solid transparent;
    cursor: pointer;
    height: 6px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_C9348GC-FXP {
    margin: 5px 5px 4px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_C9348GC-FXP {
    margin: 2px 5px 7px 5px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_C9348GC-FXP,
div.connected div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.connected div.insieme-topology-fabricPort_level2_C9348GC-FXP,
div.click div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.click div.insieme-topology-fabricPort_level2_C9348GC-FXP,
div.portUp div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.portUp div.insieme-topology-fabricPort_level2_C9348GC-FXP,
div.portDisabled div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.portEnabled div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.portDisabledSwitching div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.portDisabledLink div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.portEnabledError div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.portForBreakout div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.portDisabled div.insieme-topology-fabricPort_level2_C9348GC-FXP,
div.portEnabled div.insieme-topology-fabricPort_level2_C9348GC-FXP,
div.portDisabledSwitching div.insieme-topology-fabricPort_level2_C9348GC-FXP,
div.portDisabledLink div.insieme-topology-fabricPort_level2_C9348GC-FXP,
div.portEnabledError div.insieme-topology-fabricPort_level2_C9348GC-FXP,
div.portForBreakout div.insieme-topology-fabricPort_level2_C9348GC-FXP,
div.portAdminDown div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.portAdminDown div.insieme-topology-fabricPort_level2_C9348GC-FXP,
div.adminDown div.insieme-topology-fabricPort_level1_C9348GC-FXP,
div.adminDown div.insieme-topology-fabricPort_level2_C9348GC-FXP {
    border: 1px solid transparent;
    cursor: pointer;
    height: 9px;
    width: 24px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox21,
div.switchBox-1u div.insieme-topology-switchInsideBox22,
div.switchBox-1u div.insieme-topology-switchInsideBox23,
div.switchBox-1u div.insieme-topology-switchInsideBox31,
div.switchBox-1u div.insieme-topology-switchInsideBox32,
div.switchBox-1u div.insieme-topology-switchInsideBox33 {
    border: 1px solid transparent;
    display: inline-block;
    height: 35px;
    position: relative;
    width: 156px;
    top: 68px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox21 {
    left: 79px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox22 {
    left: 92px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox23 {
    left: 104px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox31 {
    left: 77px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox32 {
    left: 90px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox33 {
    left: 102px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2 {
    margin: 6 2 5 3px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1 {
    margin: 4 2 5 3px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1,
div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2,
div.connected div.insieme-topology-leafPort2_level1,
div.connected div.insieme-topology-leafPort2_level2,
div.hasHidden div.insieme-topology-leafPort2_level1,
div.hasHidden div.insieme-topology-leafPort2_level2,
div.click div.insieme-topology-leafPort2_level1,
div.click div.insieme-topology-leafPort2_level2 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 6px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2_C9372TX {
    margin: 6 2 5 3px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1_C9372TX {
    margin: 4 2 5 3px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1_C9372TX,
div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2_C9372TX,
div.connected div.insieme-topology-leafPort2_level1_C9372TX,
div.connected div.insieme-topology-leafPort2_level2_C9372TX,
div.hasHidden div.insieme-topology-leafPort2_level1_C9372TX,
div.hasHidden div.insieme-topology-leafPort2_level2_C9372TX,
div.click div.insieme-topology-leafPort2_level1_C9372TX,
div.click div.insieme-topology-leafPort2_level2_C9372TX {
    border: 1px solid transparent;
    cursor: pointer;
    height: 6px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2_93180YC-EX {
    margin: 6 1 5 4px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1_93180YC-EX {
    margin: 4 1 5 4px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1_93180YC-EX,
div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2_93180YC-EX,
div.connected div.insieme-topology-leafPort2_level1_93180YC-EX,
div.connected div.insieme-topology-leafPort2_level2_93180YC-EX,
div.hasHidden div.insieme-topology-leafPort2_level1_93180YC-EX,
div.hasHidden div.insieme-topology-leafPort2_level2_93180YC-EX,
div.click div.insieme-topology-leafPort2_level1_93180YC-EX,
div.click div.insieme-topology-leafPort2_level2_93180YC-EX {
    border: 1px solid transparent;
    cursor: pointer;
    height: 6px;
    width: 14px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2_C9332PQ {
    margin: 6 4 5 4px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1_C9332PQ {
    margin: 5 4 5 4px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1_C9332PQ,
div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2_C9332PQ,
div.connected div.insieme-topology-leafPort2_level1_C9332PQ,
div.connected div.insieme-topology-leafPort2_level2_C9332PQ,
div.hasHidden div.insieme-topology-leafPort2_level1_C9332PQ,
div.hasHidden div.insieme-topology-leafPort2_level2_C9332PQ,
div.click div.insieme-topology-leafPort2_level1_C9332PQ,
div.click div.insieme-topology-leafPort2_level2_C9332PQ {
    border: 1px solid transparent;
    cursor: pointer;
    height: 9px;
    width: 26px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2_C9372PX {
    margin: 6 2 5 2px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1_C9372PX {
    margin: 5 2 5 2px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort2_level1_C9372PX,
div.insieme-topology-objectBox div.insieme-topology-leafPort2_level2_C9372PX,
div.connected div.insieme-topology-leafPort2_level1_C9372PX,
div.connected div.insieme-topology-leafPort2_level2_C9372PX,
div.hasHidden div.insieme-topology-leafPort2_level1_C9372PX,
div.hasHidden div.insieme-topology-leafPort2_level2_C9372PX,
div.click div.insieme-topology-leafPort2_level1_C9372PX,
div.click div.insieme-topology-leafPort2_level2_C9372PX {
    border: 1px solid transparent;
    cursor: pointer;
    height: 9px;
    width: 15px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox21,
div.switchBox-2u div.insieme-topology-switchInsideBox22,
div.switchBox-2u div.insieme-topology-switchInsideBox23,
div.switchBox-2u div.insieme-topology-switchInsideBox24,
div.switchBox-2u div.insieme-topology-switchInsideBox25,
div.switchBox-2u div.insieme-topology-switchInsideBox26 {
    border: 0 solid #FF0000;
    display: inline-block;
    height: 38px;
    position: relative;
    width: 152px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox12 {
    top: -31px;
    left: -118px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox21 {
    top: 69px;
    left: 76px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox22 {
    top: 69px;
    left: 92px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox23 {
    top: 69px;
    left: 109px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox24 {
    top: 87px;
    left: 76px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox25 {
    top: 87px;
    left: 92px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox26 {
    top: 87px;
    left: 109px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox11,
div.switchBox-1u div.insieme-topology-switchInsideBox11-TX,
div.switchBox-2u div.insieme-topology-switchInsideBox12 {
    position: relative;
    display: inline-block;
    width: 216px;
    height: 38px;
}

div.switchBox-1u div.insieme-topology-switchInsideBox13,
div.switchBox-1u div.insieme-topology-switchInsideBox13-TX,
div.switchBox-2u div.insieme-topology-switchInsideBox14 {
    position: relative;
    display: inline-block;
    width: 216px;
    height: 19px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort_level1,
div.insieme-topology-objectBox div.insieme-topology-leafPort_level2,
div.connected div.insieme-topology-leafPort_level1,
div.connected div.insieme-topology-leafPort_level2,
div.hasHidden div.insieme-topology-leafPort_level1,
div.hasHidden div.insieme-topology-leafPort_level2,
div.click div.insieme-topology-leafPort_level1,
div.click div.insieme-topology-leafPort_level2 {
    border: 1px solid transparent;
    cursor: pointer;
    height: 7px;
    width: 10px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort_level2 {
    margin: 2 0 12 8px;
}

div.insieme-topology-objectBox div.insieme-topology-leafPort_level1 {
    margin: 7 0 7 8px;
}

div.insieme-topology-objectBox div.insieme-topology-switchPort_level1,
div.insieme-topology-objectBox div.insieme-topology-switchPort_level2,
div.mouseover div.insieme-topology-switchPort_level1,
div.mouseover div.insieme-topology-switchPort_level2 {
    width: 23px;
    height: 22px;
    border: 0 solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 12px;
}

div.insieme-topology-objectBox div.insieme-topology-switchPort_level1,
div.insieme-topology-objectBox div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port.png);
}

div.connected div.insieme-topology-switchPort_level1,
div.connected div.insieme-topology-switchPort_level2,
div.mouseover div.insieme-topology-switchPort_level1,
div.mouseover div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port_hover.png);
    cursor: pointer;
}

div.hasHidden div.insieme-topology-switchPort_level1,
div.hasHidden div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port56b02a.png);
    cursor: pointer;
}

div.highlight div.insieme-topology-switchPort_level1,
div.highlight div.insieme-topology-switchPort_level2,
div.click div.insieme-topology-switchPort_level1,
div.click div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port_active.png);
    cursor: pointer;
}

div.fabport div.insieme-topology-switchPort_level1,
div.fabport div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/fabport.png);
}

div.portff71b8 div.insieme-topology-switchPort_level1,
div.portff71b8 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/portff71b8.png);
}

div.port095569 div.insieme-topology-switchPort_level1,
div.port095569 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port095569.png);
}

div.port27762e div.insieme-topology-switchPort_level1,
div.port27762e div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port27762e.png);
}

div.port56b02a div.insieme-topology-switchPort_level1,
div.port56b02a div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port56b02a.png);
}

div.port306bf1 div.insieme-topology-switchPort_level1,
div.port306bf1 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port306bf1.png);
}

div.port7bd5dd div.insieme-topology-switchPort_level1,
div.port7bd5dd div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port7bd5dd.png);
}

div.port9ecd2d div.insieme-topology-switchPort_level1,
div.port9ecd2d div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port9ecd2d.png);
}

div.portfdd333 div.insieme-topology-switchPort_level1,
div.portfdd333 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/portfdd333.png);
}

div.portac5089 div.insieme-topology-switchPort_level1,
div.portac5089 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/portac5089.png);
}

div.portf48422 div.insieme-topology-switchPort_level1,
div.portf48422 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/portf48422.png);
}

div.port982137 div.insieme-topology-switchPort_level1,
div.port982137 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port982137.png);
}

div.portd93e14 div.insieme-topology-switchPort_level1,
div.portd93e14 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/portd93e14.png);
}

div.port720067 div.insieme-topology-switchPort_level1,
div.port720067 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port720067.png);
}

div.portdc005f div.insieme-topology-switchPort_level1,
div.portdc005f div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/portdc005f.png);
}

div.portc58a1f div.insieme-topology-switchPort_level1,
div.portc58a1f div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/portc58a1f.png);
}

div.port15008e div.insieme-topology-switchPort_level1,
div.port15008e div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port15008e.png);
}

div.portfeb22b div.insieme-topology-switchPort_level1,
div.portfeb22b div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/portfeb22b.png);
}

div.port00a5a5 div.insieme-topology-switchPort_level1,
div.port00a5a5 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port00a5a5.png);
}

div.port3e7973 div.insieme-topology-switchPort_level1,
div.port3e7973 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/port3e7973.png);
}

div.portb9cba5 div.insieme-topology-switchPort_level1,
div.portb9cba5 div.insieme-topology-switchPort_level2 {
    background-image: url(../icons/portb9cba5.png);
}

div.insieme-topology-objectBox div.insieme-topology-switchPort_level1 {
    transform: rotate(180deg);
}

div.ifcportBox {
    border: 1px solid transparent;
    display: inline-block;
    height: 14px;
    left: 494px;
    position: relative;
    top: 13px;
    width: 50px;
}

div.insieme-topology-objectBox div.insieme-topology-ifcFabPort,
div.insieme-topology-objectBox div.insieme-topology-ifcFabPort-connected {
    border: 1px solid transparent;
    display: inline-block;
    height: 7px;
    margin: 3px 5px 3px 3px;
    width: 16px;
}

div.insieme-topology-objectBox div.insieme-topology-ifcFabPort-connected {
    background-color: #008000;
    border: 1px solid #008000;
}

div.adminDown div.insieme-topology-ifcFabPort-connected {
    background-color: red;
    border: 1px solid red;
}

div.portAdminDown div.insieme-topology-ifcFabPort-connected {
    background-color: white;
    border: 1px solid white;
}

div.portUp div.insieme-topology-ifcFabPort-connected {
    background-color: green;
    border: 1px solid green;
}

div.portDisabled div.insieme-topology-ifcFabPort-connected {
    background-color: white;
    border: 1px solid white;
}

div.portEnabled div.insieme-topology-ifcFabPort-connected {
    background-color: green;
    border: 1px solid green;
}

div.portDisabledSwitching div.insieme-topology-ifcFabPort-connected {
    background-color: orange;
    border: 1px solid orange;
}

div.portDisabledLink div.insieme-topology-ifcFabPort-connected {
    background-color: yellow;
    border: 1px solid yellow;
}

div.portEnabledError div.insieme-topology-ifcFabPort-connected {
    background-color: red;
    border: 1px solid red;
}

div.portForBreakout div.insieme-topology-ifcFabPort-connected {
    background-color: white;
    border: 1px solid white;
}

div.mouseover div.baseport {
    background-color: transparent;
    border: 1px solid #008000;
}

div.connected div.baseport,
div.hasHidden div.baseport,
div.portUp div.baseport {
    background-color: #008000;
    border: 1px solid #008000;
}

div.portDisabled div.baseport {
    background-color: white;
    border: 1px solid white;
}

div.portEnabled div.baseport {
    background-color: green;
    border: 1px solid green;
}

div.portDisabledSwitching div.baseport {
    background-color: orange;
    border: 1px solid orange;
}

div.portDisabledLink div.baseport {
    background-color: yellow;
    border: 1px solid yellow;
}

div.portEnabledError div.baseport {
    background-color: red;
    border: 1px solid red;
}

div.portForBreakout div.baseport {
    background-color: white;
    border: 1px solid white;
}

div.adminDown div.baseport {
    background-color: red;
    border: 1px solid red;
}

div.portAdminDown div.baseport {
    background-color: white;
    border: 1px solid white;
}

div.click div.div.baseport,
div.highlight div.baseport {
    background-color: #00a4dc;
    border: 1px solid #00a4dc;
}

div.insieme-topology-hyperV {
    margin: 60px 30px 10px 0;
}

div.insieme-topology-hyperV2 {
    margin: 60px 30px 10px 0;
    height: 100px;
}

div.insieme-topology-hyperV3 {
    margin: 0 30px 0 0;
}

.hvContainer {
    border: 1px solid #000;
    padding: 10px;
}

div.insieme-topology-hyperV3 div.insieme-topology-spineSwitchText,
div.insieme-topology-hyperV2 div.insieme-topology-spineSwitchText,
div.insieme-topology-hyperV div.insieme-topology-spineSwitchText {
    font-size: 1em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 94px;
}

div.insieme-topology-hyperV3 div.insieme-topology-spineSwitchText,
div.insieme-topology-hyperV2 div.insieme-topology-spineSwitchText,
div.insieme-topology-hyperV div.insieme-topology-spineSwitchText {
    color: #9e9ea2;
}

div.insieme-topology-hyperV3 div.insieme-topology-hyperVText,
div.insieme-topology-hyperV2 div.insieme-topology-hyperVText,
div.insieme-topology-hyperV div.insieme-topology-hyperVText {
    font-size: 1em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 110px;
}

div.insieme-topology-hyperV3 div.insieme-topology-hyperVText,
div.insieme-topology-hyperV2 div.insieme-topology-hyperVText,
div.insieme-topology-hyperV div.insieme-topology-hyperVText {
    color: #9e9ea2;
}

div.highlight div.insieme-topology-hyperVText,
div.mouseover div.insieme-topology-hyperVText {
    color: #cdba64;
}

div.click div.insieme-topology-hyperVText {
    color: #8DB6CD;
}

div.insieme-topology-hyperV3 div.insieme-topology-portText,
div.insieme-topology-hyperV2 div.insieme-topology-portText,
div.insieme-topology-hyperV div.insieme-topology-portText {
    font-size: 1em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 110px;
}

div.insieme-topology-hyperV3 div.insieme-topology-portText,
div.insieme-topology-hyperV2 div.insieme-topology-portText,
div.insieme-topology-hyperV div.insieme-topology-portText {
    color: #9e9ea2;
    opacity: 0;
}

div.highlight div.insieme-topology-portText,
div.mouseover div.insieme-topology-portText {
    color: #cdba64;
    opacity: 1;
}

div.click div.insieme-topology-portText {
    color: #8DB6CD;
    opacity: 1;
}

div.insieme-topology-hyperV2 div.insieme-topology-vmImg,
div.highlight div.insieme-topology-vmImg,
div.click div.insieme-topology-vmImg,
div.mouseover div.insieme-topology-vmImg {
    width: 28px;
    height: 20px;
    background-repeat: no-repeat;
    opacity: 1;
}

div.insieme-topology-hyperV2 div.insieme-topology-vmImg {
    background-image: url(../icons/vm.png);
}

div.highlight div.insieme-topology-vmImg,
div.click div.insieme-topology-vmImg,
div.mouseover div.insieme-topology-vmImg {
    background-image: url(../icons/vm.png);
}

div.insieme-topology-hyperV div.insieme-topology-hostImg,
div.highlight div.insieme-topology-hostImg,
div.click div.insieme-topology-hostImg,
div.mouseover div.insieme-topology-hostImg {
    width: 93px;
    height: 18px;
    background-repeat: no-repeat;
}

div.insieme-topology-hyperV div.insieme-topology-hostImg {
    background-image: url(../icons/host.png);
}

div.highlight div.insieme-topology-hostImg,
div.click div.insieme-topology-hostImg,
div.mouseover div.insieme-topology-hostImg {
    background-image: url(../icons/host.png);
}

div.insieme-topology-hyperV2 div.insieme-topology-epImg,
div.highlight div.insieme-topology-epImg,
div.click div.insieme-topology-epImg,
div.mouseover div.insieme-topology-epImg {
    /*padding: 10 5px;*/
    border: 1px solid #000;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center;
}

div.insieme-topology-hyperV2 div.insieme-topology-vmmImg,
div.highlight div.insieme-topology-vmmImg,
div.click div.insieme-topology-vmmImg,
div.mouseover div.insieme-topology-vmmImg {
    width: 65px;
    height: 97px;
    background-image: url(../icons/ep2.png);
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
}

div.insieme-topology-hyperV3 div.insieme-topology-spineSwitchImg,
div.insieme-topology-hyperV2 div.insieme-topology-spineSwitchImg,
div.insieme-topology-hyperV div.insieme-topology-spineSwitchmg,
div.highlight div.insieme-topology-spineSwitchImg,
div.click div.insieme-topology-spineSwitchImg,
div.mouseover div.insieme-topology-spineSwitchImg {
    width: 94px;
    height: 23px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 94px 23px;
}

div.insieme-topology-hyperV3 div.insieme-topology-spineSwitchImg,
div.insieme-topology-hyperV2 div.insieme-topology-spineSwitchImg,
div.insieme-topology-hyperV div.insieme-topology-spineSwitchImg {
    background-image: url(../icons/j/framework/ipn_switch.png);
}

div.insieme-topology-hyperV3 div.insieme-topology-ifcImg,
div.insieme-topology-hyperV2 div.insieme-topology-ifcImg,
div.insieme-topology-hyperV div.insieme-topology-ifcImg,
div.highlight div.insieme-topology-ifcImg,
div.click div.insieme-topology-ifcImg,
div.mouseover div.insieme-topology-ifcImg {
    width: 102px;
    height: 102px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 102px 102px;
}

div.insieme-topology-hyperV2 div.insieme-topology-hostImg,
div.insieme-topology-hyperV div.insieme-topology-hostImg,
div.highlight div.insieme-topology-hostImg,
div.click div.insieme-topology-hostImg,
div.mouseover div.insieme-topology-hostImg {
    width: 85px;
    height: 28px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 85px 28px;
}

div.insieme-topology-hyperV3 div.insieme-topology-ifcImg,
div.insieme-topology-hyperV2 div.insieme-topology-ifcImg,
div.insieme-topology-hyperV div.insieme-topology-ifcImg {
    background-image: url(../icons/topology/apiccontroller.png);
}

div.insieme-topology-hyperV2 div.insieme-topology-hostImg,
div.insieme-topology-hyperV div.insieme-topology-hostImg {
    background-image: url(../icons/host.png);
}

div.insieme-topology-hyperV2 div.insieme-topology-hyperVIcon,
div.insieme-topology-hyperV div.insieme-topology-hyperVIcon,
div.highlight div.insieme-topology-hyperVIcon,
div.click div.insieme-topology-hyperVIcon,
div.mouseover div.insieme-topology-hyperVIcon {
    width: 90px;
    height: 65px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 65px;
}

div.insieme-topology-hyperV2 div.insieme-topology-hyperVIcon,
div.insieme-topology-hyperV div.insieme-topology-hyperVIcon {
    background-image: url(../icons/topology/Hypervisor_90x65.png);
}

div.highlight div.insieme-topology-ifcImg,
div.click div.insieme-topology-ifcImg,
div.mouseover div.insieme-topology-ifcImg {
    background-image: url(../icons/topology/apiccontroller.png);
}

div.insieme-topology-hyperV2 div.insieme-topology-ifcImg2,
div.insieme-topology-hyperV div.insieme-topology-ifcImg2,
div.highlight div.insieme-topology-ifcImg2,
div.click div.insieme-topology-ifcImg2,
div.mouseover div.insieme-topology-ifcImg2 {
    width: 592px;
    height: 51px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 592px 51px;
}

div.highlight div.insieme-topology-hostImg,
div.click div.insieme-topology-hostImg,
div.mouseover div.insieme-topology-hostImg {
    background-image: url(../icons/host.png);
}

div.insieme-topology-outBand {
    margin: 80px 80px 0 0;
}

div.insieme-topology-outBand div.insieme-topology-outBandText {
    font-size: 1em;
}

div.insieme-topology-outBand div.insieme-topology-outBandText {
    color: #9e9ea2;
}

div.highlight div.insieme-topology-outBandText,
div.mouseover div.insieme-topology-outBandText {
    color: #cdba64;
}

div.click div.insieme-topology-outBandText {
    color: #8DB6CD;
}

div.insieme-topology-outBand div.insieme-topology-outBandImg,
div.highlight div.insieme-topology-outBandImg,
div.click div.insieme-topology-outBandImg,
div.mouseover div.insieme-topology-outBandImg {
    width: 105px;
    height: 73px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 105px 73px;
}

div.insieme-topology-outBand div.insieme-topology-outBandImg {
    background-image: url(../icons/fv/Cloud.png);
}

div.highlight div.insieme-topology-outBandImg,
div.click div.insieme-topology-outBandImg,
div.mouseover div.insieme-topology-outBandImg {
    background-image: url(../icons/fv/Cloud.png);
}

div.insieme-topology-bladeSwitch {
    margin: 60px 30px 0 0;
}

div.insieme-topology-bladeSwitch div.insieme-topology-bladeSwitchText {
    font-size: 1em;
}

div.insieme-topology-bladeSwitch div.insieme-topology-bladeSwitchText {
    color: #9e9ea2;
}

div.highlight div.insieme-topology-bladeSwitchText,
div.mouseover div.insieme-topology-bladeSwitchText {
    color: #cdba64;
}

div.click div.insieme-topology-bladeSwitchText {
    color: #8DB6CD;
}

div.insieme-topology-bladeSwitch div.insieme-topology-bladeSwitchImg,
div.highlight div.insieme-topology-bladeSwitchImg,
div.click div.insieme-topology-bladeSwitchImg,
div.mouseover div.insieme-topology-bladeSwitchImg {
    width: 250px;
    height: 39px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 250px 39px;
}

div.insieme-topology-bladeSwitch div.insieme-topology-bladeSwitchImg {
    background-image: url(../icons/topology/UnmanagedFabricMode_250x39.png);
}

div.highlight div.insieme-topology-bladeSwitchImg,
div.click div.insieme-topology-bladeSwitchImg,
div.mouseover div.insieme-topology-bladeSwitchImg {
    background-image: url(../icons/topology/UnmanagedFabricMode_250x39.png);
}

div .insieme-topology-leaves-row-container {
    white-space: normal;
}

div.insieme-topology-spineSwitchInsideBoxLED-8u-CH {
    position: absolute;
    left: 220;
    top: 5;
    display: inline-block;
    width: 200;
    height: 20;
}

div.insieme-topology-spineSwitchInsideBoxLED-16u-CH {
  position: absolute;
  left: 220;
  top: 8;
  display: inline-block;
  width: 200;
  height: 20;
}

div.insieme-topology-spineSwitchInsideBoxLED-16u-CH div.insieme-topology-spineSwitchInsideBoxLED-CH-BCN,
div.insieme-topology-spineSwitchInsideBoxLED-16u-CH div.insieme-topology-spineSwitchInsideBoxLED-CH-SUP,
div.insieme-topology-spineSwitchInsideBoxLED-16u-CH div.insieme-topology-spineSwitchInsideBoxLED-CH-FAB,
div.insieme-topology-spineSwitchInsideBoxLED-16u-CH div.insieme-topology-spineSwitchInsideBoxLED-CH-IOM,
div.insieme-topology-spineSwitchInsideBoxLED-16u-CH div.insieme-topology-spineSwitchInsideBoxLED-CH-PSU,
div.insieme-topology-spineSwitchInsideBoxLED-16u-CH div.insieme-topology-spineSwitchInsideBoxLED-CH-FAN,
div.insieme-topology-spineSwitchInsideBoxLED-16u-CH div.insieme-topology-spineSwitchInsideBoxLED-CH-PWR {
  float: left;
  margin-left: 12;
  width: 8;
  height: 8;
}

div.insieme-topology-spineSwitchInsideBoxLED-CH-BCN {
    float: left;
    margin-left: 10;
    width: 9;
    height: 9;
}

div.insieme-topology-spineSwitchInsideBoxLED-CH-Nocolor {
    background-image: url("../icons/topology/LEDLightInactive8x8.png");
    background-size: contain;
}

div.insieme-topology-spineSwitchInsideBoxLED-CH-Blue {
    background-image: url("../icons/topology/LEDLightBlue8x8.png");
    background-size: contain;
}

div.insieme-topology-spineSwitchInsideBoxLED-CH-SUP {
    float: left;
    margin-left: 11;
    width: 9;
    height: 9;
}

div.insieme-topology-spineSwitchInsideBoxLED-CH-Green {
    background-image: url("../icons/topology/LEDLightGreen8x8.png");
    background-size: contain;
}

div.insieme-topology-spineSwitchInsideBoxLED-CH-Amber {
    background-image: url("../icons/topology/LEDLightAmber8x8.png");
    background-size: contain;
}

div.insieme-topology-spineSwitchInsideBoxLED-CH-FAB {
    float: left;
    margin-left: 11;
    width: 9;
    height: 9;
}

div.insieme-topology-spineSwitchInsideBoxLED-CH-IOM {
    float: left;
    margin-left: 11;
    width: 9;
    height: 9;
}

div.insieme-topology-spineSwitchInsideBoxLED-CH-PSU {
    float: left;
    margin-left: 12;
    width: 9;
    height: 9;
}

div.insieme-topology-spineSwitchInsideBoxLED-CH-FAN {
    float: left;
    margin-left: 11;
    width: 9;
    height: 9;
}

div.insieme-topology-spineSwitchInsideBoxLED-CH-PWR {
    float: left;
    margin-left: 11;
    width: 9;
    height: 9;
}

div.insieme-topology-spineSwitchInsideBoxLED-4u-CH {
    position: absolute;
    left: 217px;
    top: 335px;
    display: inline-block;
    height: 20px;
}

/** Squaw Valley TOR **/
div.switchBox-2u div.insideBox-C93120TX {
    height: 116px;
}

div.switchBox-2u div.insideBox-C93120TX div.insieme-topology-switchInsideBox-C93120TX-1,
div.switchBox-2u div.insideBox-C93120TX div.insieme-topology-switchInsideBox-C93120TX-2,
div.switchBox-2u div.insideBox-C93120TX div.insieme-topology-switchInsideBox-C93120TX-3,
div.switchBox-2u div.insideBox-C93120TX div.insieme-topology-switchInsideBox-C93120TX-4,
div.switchBox-2u div.insideBox-C93120TX div.insieme-topology-switchInsideBox-C93120TX-5,
div.switchBox-2u div.insideBox-C93120TX div.insieme-topology-switchInsideBox-C93120TX-6 {
    border: 0 solid #FF0000;
    display: inline-block;
    height: 38px;
    position: relative;
    width: 152px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox-C93120TX-1 {
    top: 11px;
    left: 12px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox-C93120TX-2 {
    top: 11px;
    left: 19px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox-C93120TX-3 {
    top: 11px;
    left: 27px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox-C93120TX-4 {
    top: 30px;
    left: 12px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox-C93120TX-5 {
    top: 30px;
    left: 19px;
}

div.switchBox-2u div.insieme-topology-switchInsideBox-C93120TX-6 {
    top: 30px;
    left: 27px;
}

div.switchBox-2u div.insideBox-C93120TX div.insieme-topology-switchInsideBox-C93120TX-21 {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 35px;
    top: -30px;
    left: 36px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_C93120TX,
div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_C93120TX,
div.connected div.insieme-topology-fabricPort_level1_C93120TX,
div.connected div.insieme-topology-fabricPort_level2_C93120TX,
div.click div.insieme-topology-fabricPort_level1_C93120TX,
div.click div.insieme-topology-fabricPort_level2_C93120TX,
div.portUp div.insieme-topology-fabricPort_level1_C93120TX,
div.portUp div.insieme-topology-fabricPort_level2_C93120TX,
div.portDisabled div.insieme-topology-fabricPort_level1_C93120TX,
div.portEnabled div.insieme-topology-fabricPort_level1_C93120TX,
div.portDisabledSwitching div.insieme-topology-fabricPort_level1_C93120TX,
div.portDisabledLink div.insieme-topology-fabricPort_level1_C93120TX,
div.portEnabledError div.insieme-topology-fabricPort_level1_C912020TX,
div.portForBreakout div.insieme-topology-fabricPort_level1_C912020TX,
div.portDisabled div.insieme-topology-fabricPort_level2_C931120TX,
div.portEnabled div.insieme-topology-fabricPort_level2_C9312120X,
div.portDisabledSwitching div.insieme-topology-fabricPort_level2_C93120TX,
div.portDisabledLink div.insieme-topology-fabricPort_level2_C93120TX,
div.portEnabledError div.insieme-topology-fabricPort_level2_C93120TX,
div.portForBreakout div.insieme-topology-fabricPort_level2_C93120TX,
div.portAdminDown div.insieme-topology-fabricPort_level1_C93120TX,
div.portAdminDown div.insieme-topology-fabricPort_level2_C93120TX,
div.adminDown div.insieme-topology-fabricPort_level1_C93120TX,
div.adminDown div.insieme-topology-fabricPort_level2_C93120TX {
    border: 1px solid transparent;
    cursor: pointer;
    height: 9px;
    width: 22px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level1_C93120TX {
    margin: 4px 4px 5px 2px;
}

div.insieme-topology-objectBox div.insieme-topology-fabricPort_level2_C93120TX {
    margin: 4px 4px 5px 2px;
}

.panendpoints-endpoint-title {
    font-size: 22px;
    line-height: 1.3;
}

div.tr-panendpoints-endpoint div#tr-endpoints-src-extip-checkbox {
    position: relative;
    top: 12px;
}

div.tr-panendpoints-endpoint div#tr-endpoints-dst-extip-checkbox {
    position: relative;
    top: 12px;
}

div.tr-panendpoints-tw-info {
    float: left;
    display: block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../icons/troubleshoot/time-window.20x20.png);
}

.troubleshoot-clearbutton:after {
    content: '\00D7';
}
.troubleshoot-clearbutton,
.troubleshoot-clearbutton-off {
    color: #777;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 20px;
    height: 24px;
    width: 24px;
    line-height: 1;
    text-align: right;
    padding-right: 10px;
    margin-top: -1px;
    -moz-user-focus: ignore;
    /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
    cursor: pointer;
    overflow: hidden;
    visibility: hidden;
}
.x-boundlist-selected .troubleshoot-clearbutton,
.troubleshoot-clearbutton.troubleshoot-clearbutton-on {
    opacity: 1;
    visibility: visible;
}
.x-boundlist-selected .troubleshoot-clearbutton {
    color: #dfdfdf;
}
.troubleshoot-clearbutton.troubleshoot-clearbutton-on,
.troubleshoot-clearbutton:hover {
    color: #fff;
}

#session_type {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: auto;
    padding: 4px;
    font-size: 11px;
    background-color: #e7e7e7;
    color: #333;
    border-radius: 2px;
    color: #666;
}

.tr-toolbox-wrapper {
    z-index: 30;
}

ul.tr-tools li.tr-tools-regular-item {
    padding: 5px 0;
    margin-top: 1px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}

ul.tr-tools li.tr-tools-regular-item.inactive {
    background-color: #fff;
    transition: background-color 0.25s ease;
}

ul.tr-tools li.tr-tools-regular-item.inactive:hover {
    color: #017cad;
}

ul.tr-tools li.tr-tools-regular-item.active {
    background-color: #253D5F;
    color: #fff;
    cursor: default;
}

ul.tr-tools div.tr-toolbox-circle {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 15px;
}

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

ul.tr-tools li.tr-tools-regular-item.active div.tr-toolbox-circle-faults {
    background-image: url(../icons/troubleshoot/nav_faults.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.inactive div.tr-toolbox-circle-faults {
    background-image: url(../icons/troubleshoot/nav_faults_a.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.active div.tr-toolbox-circle-tr {
    background-image: url(../icons/troubleshoot/nav_trace.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.inactive div.tr-toolbox-circle-tr {
    background-image: url(../icons/troubleshoot/nav_trace_a.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.active div.tr-toolbox-circle-stats {
    background-image: url(../icons/troubleshoot/nav_stat.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.inactive div.tr-toolbox-circle-stats {
    background-image: url(../icons/troubleshoot/nav_stat_a.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.active div.tr-toolbox-circle-changes {
    background-image: url(../icons/troubleshoot/nav_logs.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.inactive div.tr-toolbox-circle-changes {
    background-image: url(../icons/troubleshoot/nav_logs_a.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.active div.tr-toolbox-circle-ac {
    background-image: url(../icons/troubleshoot/nav_atom.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.inactive div.tr-toolbox-circle-ac {
    background-image: url(../icons/troubleshoot/nav_atom_a.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.active div.tr-toolbox-circle-span {
    background-image: url(../icons/troubleshoot/nav_span.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.inactive div.tr-toolbox-circle-span {
    background-image: url(../icons/troubleshoot/nav_span_a.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.inactive div.tr-toolbox-circle-latency {
    background-image: url(../icons/troubleshoot/nav_latency_a.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.active div.tr-toolbox-circle-latency {
    background-image: url(../icons/troubleshoot/nav_latency.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.active div.tr-toolbox-circle-contracts {
    background-image: url(../icons/troubleshoot/nav_pol.24x24.png);
}

ul.tr-tools li.tr-tools-regular-item.inactive div.tr-toolbox-circle-contracts {
    background-image: url(../icons/troubleshoot/nav_pol_a.24x24.png);
}

div.tr-tools-info-session {
    color: #777;
    background-color: #dfdfdf;
    border-right: 1px #9d9da2 solid;
}

div.tr-tools-info:first-child {
    margin-top: 0;
}

div.tr-tools-session-name {
    font-size: 16px;
    height: 28px;
    line-height: 1.75;
}

div#tr-tools-backbutton {
    display: inline-block;
    position: relative;
    top: 5px;
    left: 4px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(../icons/troubleshoot/back.png);
}

div#tr-tools-backbutton:hover {
    background-image: url(../icons/troubleshoot/back_hover.png);
}

span#tr-session-name {
    display: inline-block;
    margin-left: 10px;
    width: 190px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

span.tr-master-toggle-expanded {
    float: right;
    margin-right: 10px;
    font-size: 28px;
    cursor: pointer;
}

span.tr-master-toggle-collapsed {
    float: right;
    margin-right: 14px;
    font-size: 28px;
    cursor: pointer;
}

span.tr-tools-info-title {
    font-size: 16px;
    line-height: 1;
}

span#tr-tw-toggle {
    float: right;
    margin-right: 10px;
    font-size: 28px;
    cursor: pointer;
    line-height: 1;
}

span#tr-tw-toggle.expanded {
    transform: rotate(270deg);
}

span#tr-tw-toggle.collapsed {
    transform: rotate(90deg);
}

span#tr-si-toggle {
    float: right;
    margin-right: 10px;
    font-size: 28px;
    cursor: pointer;
    line-height: 1;
}

span#tr-si-toggle.expanded {
    transform: rotate(270deg);
}

span#tr-si-toggle.collapsed {
    transform: rotate(90deg);
}

div#tr-tools-info-container {
    position: absolute;
    bottom: 0;
    width: 100%;
}

div.tr-tools-info {
    color: #777;
    background-color: #DDDFDF;
    margin-top: 1px;
}

div.tr-tools-info-titlesection {
    padding: 5px 0;
    background-color: #253D5F;
    color: #fff !important;
}

div.tr-tools-info-collapsed {
    line-height: 48px;
    height: 48px;
    text-align: center;
}

div.tr-tools-info-icon {
    display: inline-block;
    position: relative;
    margin-left: 15px;
    margin-right: 17px;
    width: 20px;
    height: 20px;
}

div.tr-tools-info-collapsed div.tr-tools-info-icon {
    top: 13px;
}

div.tr-tools-info-icon-tw {
    background-image: url(../icons/troubleshoot/time-white.svg);
}

div.tr-tools-info-icon-si {
    background-image: url(../icons/troubleshoot/info-white.svg);
}

li.tr-tools-regular-item.collapsed span.tr-toolbox-tool-label {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    transition: width 0.25s linear;
}

li.tr-tools-regular-item.inactive.collapsed {
    transition: background-color 0.25s linear;
}

li.tr-tools-regular-item.inactive.collapsed:hover span.tr-toolbox-tool-label {
    display: block;
    position: absolute;
    top: 0;
    left: 48px;
    width: 208px;
    height: 48px;
    line-height: 48px;
    background-color: #28AAE2;
    color: #fff;
}

div#tr-tools-tw-from {
    display: inline-block;
}

div#tr-tools-tw-to {
    display: inline-block;
}

div.troubleshoot-topology-component-body {
    transform-origin: top left;
    display: inline-block;
}

div.troubleshoot-topology-root {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10;
}

div.troubleshoot-topology-level-container {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

div.troubleshoot-topology-level-container-fixedwidth {
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 1700px;
}

div.troubleshoot-topology-objectBox {
    display: inline-block;
    position: relative;
}

div.troubleshoot-text {
    white-space: nowrap;
}

div.troubleshoot-big-leaf div.troubleshoot-text {
    position: relative;
    top: -10px;
}

div.troubleshoot-topology-level-container-src {
    float: left;
    min-width: 300px;
    margin-bottom: 20px;
    text-align: center;
}

div.troubleshoot-topology-level-container-dst {
    float: right;
    margin-bottom: 20px;
    text-align: center;
}

div.troubleshoot-topology-level-container-intersect {
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
}

div.troubleshoot-big {
    width: 90;
    height: 90;
    background: none;
    border: none;
}

div.troubleshoot-small {
    width: 75;
    height: 75;
    background: none;
    border: none;
}

div.troubleshoot-bigpod {
    margin-bottom: 40px;
    width: 810;
    height: 49;
    background: none;
    border: none;
}

div.troubleshoot-wide {
    width: 180;
    height: 75;
    background: none;
    border: none;
}

div.troubleshoot-info {
    display: inline-block;
    position: absolute;
    border: 1px solid black;
    color: white;
    text-align: center;
    line-height: 2;
    cursor: pointer;
    z-index: 1;
}

div.troubleshoot-info-changes-logs {
    color: black;
}

div.troubleshoot-info-changes-nologs {
    color: black;
}

div.troubleshoot-big div.troubleshoot-info {
    width: 75px;
    height: 25px;
    top: 40px;
    left: 15px;
}

div.troubleshoot-small div.troubleshoot-info {
    width: 60px;
    height: 25px;
    top: 32px;
    left: 15px;
}

div.troubleshoot-info-stats-drop {
    background-color: red;
}

div.troubleshoot-info-stats-nodrop {
    background-color: green;
}

div.troubleshoot-spine {
    position: absolute;
    width: 75;
    height: 75;
    background-color: #fff;
    border: 1px solid black;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

div.troubleshoot-leaf {
    position: absolute;
    width: 75;
    height: 75;
    background-color: #fff;
    border: 1px solid black;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

div.troubleshoot-fex {
    position: absolute;
    width: 60;
    height: 60;
    background-color: #fff;
    border: 1px solid black;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

div.troubleshoot-bladeswitch {
    position: absolute;
    width: 60;
    height: 60;
    background-color: #fff;
    border: 1px solid black;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

div.troubleshoot-esx {
    position: absolute;
    width: 60;
    height: 60;
    background-color: #fff;
    border: 1px solid black;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

div.troubleshoot-hyperv {
    position: absolute;
    width: 60;
    height: 60;
    background-color: #fff;
    border: 1px solid black;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

div.troubleshoot-vm {
    position: absolute;
    width: 60;
    height: 60;
    background-color: #fff;
    border: 1px solid black;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

div.troubleshoot-fvcep {
    position: absolute;
    width: 60;
    height: 60;
    background-color: #fff;
    border: 1px solid black;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

div.troubleshoot-ldev {
    position: absolute;
    width: 165;
    height: 60;
    background-color: #fff;
    border: 1px solid black;
    top: 15px;
    left: 15px;
    cursor: pointer;
    opacity: 0.4;
}

div.troubleshoot-cdev {
    position: absolute;
    width: 60;
    height: 30;
    background-color: #fff;
    border: 1px solid black;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

div.troubleshoot-cloud {
    position: absolute;
    width: 90;
    height: 60;
    top: 15px;
    left: 15px;
    background-size: auto 60px;
    background-image: url(../icons/fv/Cloud.png);
    background-repeat: no-repeat;
}

div.troubleshoot-interpods {
    position: absolute;
    width: 810px;
    height: 49px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../icons/j/eqpt/interpod.png);
}

div.troubleshoot-filling {
    position: absolute;
    width: 60;
    height: 60;
    top: 15px;
    left: 15px;
}

div.troubleshoot-topology-level-container div.troubleshoot-topology-objectBox {
    margin-right: 40px;
}

div.troubleshoot-topology-level-container-fixedwidth div.troubleshoot-topology-objectBox {
    margin-right: 40px;
}

div.troubleshoot-topology-level-container div.troubleshoot-topology-objectBox:first-child {
    margin-left: 0;
}

div.troubleshoot-wide div.troubleshoot-topology-objectBox {
    margin-left: 10px;
    margin-top: 5px;
}

div.troubleshoot-topology-root div.troubleshoot-topology-level-container-fixedwidth {
    margin-top: 40px;
}

div.troubleshoot-topology-root div.troubleshoot-topology-level-container {
    margin-top: 0;
}

.troubleshoot-topology-canvas, .troubleshoot-topology-canvas3, .troubleshoot-topology-canvas-top {
    position: absolute;
    top: 0;
    left: 0;
}

.troubleshoot-topology-canvas {
    z-index: 1;
}

.troubleshoot-topology-canvas3 {
    z-index: 0;
}

.troubleshoot-topology-canvas-top {
    z-index: 15;
}

.troubleshoot-faults-icon {
    cursor: pointer;
    display: inline-block;
    height: 25px;
    width: 25px;
}

.troubleshoot-big .troubleshoot-faults-icon {
    position: absolute;
    top: 15px;
    left: 65px;
}

.troubleshoot-small .troubleshoot-faults-icon {
    position: absolute;
    top: 15px;
    left: 50px;
}

.troubleshoot-faults-icon-critical {
    background-image: url(../icons/j/faults/icon_FaultSummaryCritical.svg);
}

.troubleshoot-faults-icon-major {
    background-image: url(../icons/j/faults/icon_FaultSummaryMajor.svg);
}

.troubleshoot-faults-icon-minor {
    background-image: url(../icons/j/faults/icon_FaultSummaryMinor.svg);
}

.troubleshoot-faults-icon-warning {
    background-image: url(../icons/j/faults/icon_FaultSummaryWarning.svg);
}

div.troubleshoot-faults-border-critical {
    border: 2px solid #CF2030;
}

div.troubleshoot-faults-border-major {
    border: 2px solid #ff7300;
}

div.troubleshoot-faults-border-minor {
    border: 2px solid #FFcc00;
}

div.troubleshoot-faults-border-warning {
    border: 2px solid #14a792;
}

div.troubleshoot-faults-border-none {
    border: 1px solid black;
}

div.troubleshoot-ifcontainer {
    position: absolute;
    display: inline-block;
    text-align: center;
}

div.troubleshoot-big div.troubleshoot-ifcontainer-top {
    top: 15px;
    left: 15px;
    width: 75px;
    height: 5px;
}

div.troubleshoot-big div.troubleshoot-ifcontainer-bottom {
    top: 85px;
    left: 15px;
    width: 75px;
    height: 5px;
}

div.troubleshoot-small div.troubleshoot-ifcontainer-top {
    top: 15px;
    left: 15px;
    width: 65px;
    height: 5px;
}

div.troubleshoot-small div.troubleshoot-ifcontainer-bottom {
    top: 70px;
    left: 15px;
    width: 60px;
    height: 5px;
}

div.troubleshoot-if {
    display: inline-block;
    cursor: pointer;
}

div.troubleshoot-ifcontainer-top div.troubleshoot-if {
    width: 5px;
    height: 5px;
    margin-left: 2px;
}

div.troubleshoot-ifcontainer-bottom div.troubleshoot-if {
    width: 5px;
    height: 5px;
    margin-left: 2px;
}

div.troubleshoot-if:first-child {
    margin-left: 0;
}

div.troubleshoot-if-name {
    white-space: nowrap;
}

div.troubleshoot-ifcontainer-top div.troubleshoot-if-name {
    position: relative;
    top: -15px;
    left: -10px;
}

div.troubleshoot-ifcontainer-bottom div.troubleshoot-if-name {
    position: relative;
    top: -15px;
    left: -10px;
}

div.troubleshoot-small div.troubleshoot-text-bottom {
    position: absolute;
    top: 80px;
    white-space: nowrap;
}

div.troubleshoot-small-cdev div.troubleshoot-text-bottom {
    position: absolute;
    top: 60px;
    white-space: nowrap;
}

div.troubleshoot-vpc-text {
    position: relative;
    top: 75px;
    left: 10px;
}

div.troubleshoot-filling {
    width: 75;
    height: 10;
    background: none;
    border: none;
}

div.info-tooltip {
    background-image: url(../icons/troubleshoot/info_gr.18x18.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

div.ep-tooltip {
    background-image: url(../icons/troubleshoot/Info.18x18.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 48px;
    top: 26px;
    cursor: pointer;
    z-index: 1;
}

div.cdev-tooltip {
    background-image: url(../icons/troubleshoot/Info.18x18.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 118px;
    top: 12px;
    z-index: 1;
}

div.vm-cisco-logo {
    background-image: url(../icons/troubleshoot/cisco_bl.16x16.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 12px;
    position: absolute;
    right: 2px;
    top: 52px;
    z-index: 1;
}

div.vm-citrix-logo {
    background-image: url(../icons/troubleshoot/citrix_bl.16x16.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 52px;
    z-index: 1;
}

div.vm-f5-logo {
    background-image: url(../icons/troubleshoot/f5.16x16.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 52px;
    z-index: 1;
}

div.ldev-cisco-logo {
    background-image: url(../icons/troubleshoot/cisco_bl.16x16.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 12px;
    position: absolute;
    right: 2px;
    top: 90px;
    z-index: 1;
}

div.ldev-citrix-logo {
    background-image: url(../icons/troubleshoot/citrix_bl.16x16.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 90px;
    z-index: 1;
}

div.ldev-f5-logo {
    background-image: url(../icons/troubleshoot/f5.16x16.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 90px;
    z-index: 1;
}

div.cdev-cisco-logo {
    background-image: url(../icons/troubleshoot/cisco_bl.16x16.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 12px;
    position: absolute;
    right: 2px;
    top: 20px;
    z-index: 1;
}

div.cdev-citrix-logo {
    background-image: url(../icons/troubleshoot/citrix_bl.16x16.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 20px;
    z-index: 1;
}

div.cdev-f5-logo {
    background-image: url(../icons/troubleshoot/f5.16x16.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 20px;
    z-index: 1;
}

div.spine-title {
    margin-bottom: 15px;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 230;
    max-width: 230;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.leaf-title {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: -30px; /*CSCwp04335*/
}

.leaf-title-textright {
    position: absolute;
    left: 164px;
    text-align: left;
}

.leaf-title-textleft {
    position: absolute;
    left: -130px;
    text-align: right;
}

div.fex-title {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 120;
    max-width: 120;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.bladeswitch-title {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 120;
    max-width: 120;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fex-title-textright {
    position: absolute;
    left: 164px;
    text-align: left;
}

.fex-title-textleft {
    position: absolute;
    left: -130px;
    text-align: right;
}

.bladeswitch-title-textright {
    position: absolute;
    left: 164px;
    text-align: left;
}

.bladeswitch-title-textleft {
    position: absolute;
    left: -130px;
    text-align: right;
}

div.ep-title {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 240;
    max-width: 240;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.extip-title {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 240;
    max-width: 240;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.hyperv-title {
    text-align: left;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 220;
    max-width: 220;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.svr-icon-vmware {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 248px;
    top: 18px;
    z-index: 1;
}

div.svr-icon-microsoft {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 248px;
    top: 18px;
    z-index: 1;
}

div.svr-icon-avs {
    background-image: url(../icons/troubleshoot/cisco_bl.16x16.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 248px;
    top: 18px;
    z-index: 1;
}

div.hyperv-title-container {
    height: 38px;
    background-color: #999;
    padding-top: 15px;
    padding-left: 15px;
    width: 270px;
}

div.vm-title {
    white-space: nowrap;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 100;
    max-width: 100;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.vmlabel {
    white-space: nowrap;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 22;
    max-width: 22;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
    font-size: 14px;
    color: white;
    position: absolute;
    left: 4px;
    top: 0;
}

div.vmcdevFunction {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 66;
    max-width: 66;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    z-index: 1;
    font-size: 14px;
    color: black;
    position: absolute;
    left: 4px;
    top: 0;
}

div.ldev-title {
    height: 38px;
    background-color: #f0f0f0;
    border: 1px solid #666;
    text-align: left;
    padding-top: 10px;
    padding-left: 5px;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 180;
    max-width: 180;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.cdevSingle-title {
    text-align: left;
    margin-bottom: 10px;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 150;
    max-width: 150;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.cdev-title {
    margin-bottom: 10px;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    width: 150;
    max-width: 150;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ep-title-textright {
    position: absolute;
    left: 92px;
    text-align: left;
}

.ep-title-textleft {
    position: absolute;
    left: -250px;
    text-align: right;
}

.extip-title-textright {
    position: absolute;
    left: 92px;
    text-align: left;
}

.extip-title-textleft {
    position: absolute;
    left: -250px;
    text-align: right;
}

.troubleshoot-vpc-text-new {
    position: relative;
    top: 60px;
    left: 5px;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.troubleshoot-faults-icon-criticalNew {
    display: inline-block;
    background-image: url("../icons/troubleshoot/CriticalFault16x16.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

.troubleshoot-faults-icon-majorNew {
    display: inline-block;
    background-image: url("../icons/troubleshoot/MajorFault16x16.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

.troubleshoot-faults-icon-minorNew {
    display: inline-block;
    background-image: url("../icons/troubleshoot/MinorFault16x16.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

.troubleshoot-faults-icon-warningNew {
    display: inline-block;
    background-image: url("../icons/troubleshoot/WarningFault16x16.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

div.troubleshoot-spine-box {
    display: inline-block;
    position: absolute;
    background-color: #666;
    line-height: 2;
    cursor: pointer;
    z-index: 1;
    width: 144px;
    height: 122px;
}

div.troubleshoot-leaf-box {
    display: inline-block;
    position: absolute;
    background-color: #666;
    line-height: 2;
    cursor: pointer;
    z-index: 1;
    width: 144px;
    height: 48px;
    left: 0;
}

div.troubleshoot-fex-box {
    display: inline-block;
    position: absolute;
    background-color: #666;
    line-height: 2;
    cursor: pointer;
    z-index: 1;
    width: 144px;
    height: 48px;
    left: 0;
}

div.troubleshoot-bladeswitch-box {
    display: inline-block;
    position: absolute;
    background-color: #666;
    line-height: 2;
    cursor: pointer;
    z-index: 1;
    width: 144px;
    height: 48px;
    left: 0;
}

div.troubleshoot-ep-box {
    display: inline-block;
    position: absolute;
    background-color: #666;
    line-height: 2;
    z-index: 1;
    width: 72px;
    height: 48px;
    left: 0;
}

div.troubleshoot-extip-box {
    display: inline-block;
    position: absolute;
    background-color: #666;
    line-height: 2;
    z-index: 1;
    width: 72px;
    height: 48px;
    left: 0;
}

div.troubleshoot-hyperv-box {
    display: inline-block;
    position: absolute;
    line-height: 2;
    background-color: #DEDEDE;
    cursor: pointer;
    z-index: 0;
    width: 270px;
    left: 0;
    padding: 0 10 0 10;
}

div.troubleshoot-vm-box {
    display: inline-block;
    position: absolute;
    background-color: #666;
    line-height: 2;
    cursor: pointer;
    z-index: 1;
    width: 72px;
    height: 72px;
    left: 0;
}

div.troubleshoot-vm-cdev-box {
    display: inline-block;
    position: absolute;
    background-color: #999;
    line-height: 2;
    cursor: pointer;
    z-index: 1;
    width: 72px;
    height: 72px;
    left: 0;
}

div.troubleshoot-ldev-box {
    display: inline-block;
    position: absolute;
    line-height: 2;
    background-color: #DEDEDE;
    cursor: pointer;
    z-index: 1;
    width: 180px;
    padding-bottom: 30px;
    left: 0;
    text-align: center;
}

div.troubleshoot-cdev-box {
    display: inline-block;
    position: absolute;
    background-color: #666;
    line-height: 2;
    cursor: pointer;
    z-index: 1;
    width: 144px;
    height: 36px;
    left: 0;
}

div.troubleshoot-bigspine {
    margin-bottom: 40px;
    width: 200;
    height: 156;
    background: none;
    border: none;
}

div.troubleshoot-bigleaf {
    background: none;
    display: inline-block;
    width: 150px;
    height: 40px;
    margin-bottom: 20px;
}

div.troubleshoot-bigfex {
    background: none;
    display: inline-block;
    width: 150px;
    height: 40px;
    margin-bottom: 20px;
}

div.troubleshoot-bigbladeswitch {
    background: none;
    display: inline-block;
    width: 150px;
    height: 40px;
    margin-bottom: 20px;
}

div.troubleshoot-bigEp {
    background: none;
    display: inline-block;
    width: 75px;
    height: 40px;
}

div.troubleshoot-bigExtIp {
    background: none;
    display: inline-block;
    width: 75px;
    height: 40px;
}

div.troubleshoot-bighyperv {
    background-color: #DEDEDE;
    display: inline-block;
    width: 270px;
}

div.troubleshoot-smallVm {
    background-color: #DEDEDE;
    display: inline-block;
    width: 125px;
    height: 100px;
    margin: 0 0 10 0 !important;
}

div.troubleshoot-bigldev {
    background-color: #DEDEDE;
    display: inline-block;
    width: 180px;
    height: 120px;
    margin-right: 20px !important;
}

div.troubleshoot-smallCdev {
    background-color: #DEDEDE;
    display: inline-block;
    width: 160px;
    height: 60px;
    margin: 10px !important;
}

div.troubleshoot-smallSingleCdev {
    display: inline-block;
    width: 160px;
    margin: 10px !important;
}

div.boxAtleft {
    margin-left: 130px;
    margin-right: 0 !important;
}

div.boxAtright {
    margin-right: 130px !important;
    margin-left: 0 !important;
}

div.spine-ifcontainer {
    top: 106px;
    left: 15px;
    position: absolute;
    display: inline-block;
}

div.leaf-ifcontainer {
    top: 5px;
    left: 5px;
    position: absolute;
    display: inline-block;
}

div.leaf-ifcontainer div.troubleshoot-if-name {
    top: -40px;
    position: relative;
}

div.leaf-ifcontainer-bottom {
    top: 33px;
    left: 5px;
    position: absolute;
    display: inline-block;
}

div.leaf-spanportontainer-bottom {
    text-align: left;
    background-color: #666;
    width: 135px;
    top: 31px;
    left: 5px;
    position: absolute;
    display: inline-block;
}

div.fex-ifcontainer-bottom {
    top: 33px;
    left: 5px;
    position: absolute;
    display: inline-block;
}

div.bladeswitch-ifcontainer-bottom {
    top: 33px;
    left: 5px;
    position: absolute;
    display: inline-block;
}

div.fex-spanportontainer-bottom {
    text-align: left;
    background-color: #666;
    width: 135px;
    top: 31px;
    left: 5px;
    position: absolute;
    display: inline-block;
}

div.bladeswitch-spanportontainer-bottom {
    text-align: left;
    background-color: #666;
    width: 135px;
    top: 31px;
    left: 5px;
    position: absolute;
    display: inline-block;
}

div.fex-ifcontainer-top {
    top: 5px;
    left: 5px;
    width: 40px;
    height: 10px;
    position: absolute;
    display: inline-block;
}

div.bladeswitch-ifcontainer-top {
    top: 5px;
    left: 5px;
    width: 40px;
    height: 10px;
    position: absolute;
    display: inline-block;
}

div.hyperv-ifcontainer-top {
    top: 4px;
    left: 0;
    width: 270px;
    position: absolute;
    display: inline-block;
}

div.vm-ifcontainer-bottom {
    top: 58px;
    left: 5px;
    width: 50px;
    position: absolute;
    text-align: left;
    display: inline-block;
}

div.cdev-ifcontainer-top {
    top: 5px;
    left: 5px;
    width: 90px;
    position: absolute;
    text-align: left;
    display: inline-block;
}

div.troubleshoot-newif {
    display: inline-block;
    cursor: pointer;
    margin: 0 4px 4px 0;
    width: 8px;
    height: 8px;
    border: none;
}

div.troubleshoot-faults-border-new-none {
    background-color: white;
}

div.troubleshoot-faults-border-new-critical {
    background-color: #CF2030;
}

div.troubleshoot-faults-border-new-major {
    background-color: #ff7300;
}

div.troubleshoot-faults-border-new-minor {
    background-color: #FFcc00;
}

div.troubleshoot-faults-border-new-warning {
    background-color: #14a792;
}

.spine-dropandlogcontainer {
    top: 96px;
    left: 117px;
    position: absolute;
    display: inline-block;
}

.leaf-dropandlogcontainer {
    top: 23px;
    left: 119px;
    position: absolute;
    display: inline-block;
}

.hyperv-dropandlogcontainer {
    top: -36px;
    left: 205px;
    position: absolute;
    display: inline-block;
}

.vm-dropandlogcontainer {
    top: 20px;
    position: absolute;
    display: inline-block;
}

div.troubleshoot-info-changes-logsNew {
    display: inline-block;
    background-image: url("../icons/troubleshoot/Log.36x36.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-size: 20px;
}

div.troubleshoot-info-changes-nologsNew {
    display: inline-block;
    background-image: url("../icons/troubleshoot/NoLog.36x36.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-size: 20px;
}

div.troubleshoot-info-stats-dropNew {
    display: inline-block;
    background-image: url("../icons/troubleshoot/Drop.36x36.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-size: 20px;
}

div.troubleshoot-info-stats-nodropNew {
    display: inline-block;
    background-image: url("../icons/troubleshoot/NoDrop.36x36.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-size: 20px;
}

div.troubleshoot-info-stats-nodataNew {
    display: inline-block;
    background-image: url("../icons/troubleshoot/no-data.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-size: 20px;
}

label.css-label,
label.css-green-label,
label.css-red-label,
label.css-disabled-label {
    display: inline-block;
    position: relative;
    /* needed for checkbox absolute positioning */
}

label.css-label > input[type="checkbox"],
label.css-red-label > input[type="checkbox"],
label.css-green-label > input[type="checkbox"],
label.css-disabled-label > input[type="checkbox"] {
    display: block;
    position: absolute;
    /* remove it from the flow */
    width: 100%;
    height: 100%;
    margin: -.5rem;
    /* negative the padding of label to cover the "button" */
    cursor: pointer;
    opacity: 0;
    /* make it transparent */
    z-index: 666;
    /* place it on top of everything else */
}

label.css-label > input[type="checkbox"] + span,
label.css-red-label > input[type="checkbox"] + span,
label.css-green-label > input[type="checkbox"] + span,
label.css-disabled-label > input[type="checkbox"] + span {
    display: inline-block;
    width: 14px;
    height: 16px;
    border: 2px solid #28AAE2;
    background-color: #fff;
    margin-right: 4px;
}

label.css-label > input[type="checkbox"]:checked + span {
    background-image: url(../icons/troubleshoot/check.14x14.png);
    background-repeat: no-repeat;
    background-size: 12px;
}

label.css-disabled-label > input[type="checkbox"] + span,
label.css-disabled-label > input[type="checkbox"]:checked + span {
    background-image: url(../icons/troubleshoot/texture.png);
}

label.css-green-label > input[type="checkbox"] + span,
label.css-green-label > input[type="checkbox"]:checked + span {
    background-color: #72BD44;
    border: 2px solid #fff;
}

label.css-red-label > input[type="checkbox"] + span,
label.css-red-label > input[type="checkbox"]:checked + span {
    background-color: #f00;
    border: 2px solid #fff;
}

.spanPort-critical {
    outline: 1px solid #CF2030;
}

.spanPort-major {
    outline: 1px solid #ff7300;
}

.spanPort-minor {
    outline: 1px solid #FFcc00;
}

.spanPort-warning {
    outline: 1px solid #14a792;
}

.rounded-label {
    width: 1em;
    height: 1em;
    background: #fff;
    color: #31abe7;
    text-align: center;
    line-height: 1;
    border-radius: 0.5em;
    margin-right: 15px;
    font-size: 1em;
    display: inline-block;
}

.ruleTitle {
    padding-left: 20px;
    background-image: url(../icons/troubleshoot/Policy.14x16.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 5px;
    margin-left: 2px;
    color: white;
}

.ruleName {
    margin-top: 5px;
    color: white;
    float: right;
    display: block;
    padding-right: 10px;
}

.arrow-wrapper {
    position: absolute;
    margin-top: 10px;
    width: 84px;
}

.arrow-wrapper div {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.rounded-label2 {
    width: 40px;
    height: 40px;
    background: #10A4E1;
    color: #fff;
    text-align: center;
    line-height: 2.67;
    border-radius: 20px;
    font-size: 15px;
}

.arrow-block {
    width: 28px;
    height: 15px;
    display: inline-block;
    background: #10A4E1;
    vertical-align: middle;
    margin: -5px !important;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #10A4E1;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #10A4E1;
}

div.troubleshoot-ac-startbtn {
    display: inline-block;
    background-image: url("../icons/troubleshoot/play.32x32.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 36px;
    width: 36px;
}

div.troubleshoot-ac-startbtn-off {
    display: inline-block;
    background-image: url("../icons/troubleshoot/play_off.32x32.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 36px;
    width: 36px;
}

div.troubleshoot-ac-stopbtn {
    display: inline-block;
    background-image: url("../icons/troubleshoot/stop.32x32.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 36px;
    width: 36px;
    margin-left: 5px;
}

div.troubleshoot-ac-stopbtn-off {
    display: inline-block;
    background-image: url("../icons/troubleshoot/stop_off.32x32.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 36px;
    width: 36px;
    margin-left: 5px;
}

div.tr-atom-rslt-diretion-text {
    color: #31ABE7;
}

div.tr-atom-rslt-type-text {
    font-weight: bold;
}

div.tr-atom-rslt-diretion-text {
    padding-top: 5px;
}

div.tr-atom-rslt-value-text span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75px;
}

div.tr-latency-rslt-value-text span.tr-latency-rslt-value-text-top-level {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 75px;
}

.x-tool-expand {
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/troubleshoot/expand_diag.32x32.png") !important;
}

.x-tool-collapse {
    background-position: 0 0;
    background-image: url("/insieme/stromboli/resources/icons/troubleshoot/collapse_diag.32x32.png") !important;
}

.troubleshoot-traceroute-start {
    width: 36px !important;
    height: 36px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/play.32x32.png") no-repeat;
    transition: none;
    background-size: contain;
}

.troubleshoot-traceroute-start:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/play.32x32.png") no-repeat;
}

.troubleshoot-traceroute-start-off {
    width: 36px !important;
    height: 36px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/play_off.32x32.png") no-repeat;
    transition: none;
    background-size: contain;
}

.troubleshoot-traceroute-start-off:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/play_off.32x32.png") no-repeat;
}

.troubleshoot-traceroute-stop {
    width: 36px !important;
    height: 36px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/stop.32x32.png") no-repeat;
    transition: none;
    background-size: contain;
}

.troubleshoot-traceroute-stop:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/stop.32x32.png") no-repeat;
}

.troubleshoot-traceroute-stop-off {
    width: 36px !important;
    height: 36px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/stop_off.32x32.png") no-repeat;
    transition: none;
    background-size: contain;
}

.troubleshoot-traceroute-stop-off:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/stop_off.32x32.png") no-repeat;
}

.troubleshoot-toolbar-viewall {
    width: 36px !important;
    height: 36px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/viewAll.36x36.png") no-repeat;
    transition: none;
    background-size: contain;
}

.troubleshoot-toolbar-viewall:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/viewAll.36x36.png") no-repeat;
}

.troubleshoot-toolbar-viewall:hover {
    width: 36px !important;
    height: 36px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/viewAll_h.36x36.png") no-repeat;
    transition: none;
    background-size: contain;
}

.troubleshoot-toolbar-viewall:hover:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/viewAll_h.36x36.png") no-repeat;
}

.troubleshoot-toolbar-print {
    width: 36px !important;
    height: 36px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/print.36x36.png") no-repeat;
    transition: none;
}

.troubleshoot-toolbar-print:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/print.36x36.png") no-repeat;
}

.troubleshoot-toolbar-print:hover {
    width: 36px !important;
    height: 36px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/print_h.36x36.png") no-repeat;
    transition: none;
}

.troubleshoot-toolbar-print:hover:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/print_h.36x36.png") no-repeat;
}

.troubleshoot-toolbar-help {
    width: 36px !important;
    height: 36px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/help_bluebar_new_30x30.png") no-repeat;
    transition: none;
}

.troubleshoot-toolbar-help:hover {
    background: url("/insieme/stromboli/resources/icons/help_bluebar_new_30x30.png") no-repeat;
}

.troubleshoot-toolbar-help:hover {
    width: 36px !important;
    height: 36px !important;
    background-size: 100%;
    background: url("/insieme/stromboli/resources/icons/help_bluebar_new_30x30.png") no-repeat;
    transition: none;
}

.troubleshoot-toolbar-help:hover:hover {
    background: url("/insieme/stromboli/resources/icons/help_bluebar_new_30x30.png") no-repeat;
}

.troubleshoot-toolbar-zooms .i-zoombuttons-container {
    width: 72;
    height: 36;
}

.troubleshoot-toolbar-zooms .i-zoombuttons-zoomin {
    display: inline-block;
    width: 36;
    height: 36;
    background-size: contain;
    cursor: pointer;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/zoomIn.36x36.png");
}

.troubleshoot-toolbar-zooms .i-zoombuttons-zoomin:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/zoomIn_h.36x36.png");
}

.troubleshoot-toolbar-zooms .i-zoombuttons-zoomout {
    display: inline-block;
    width: 36;
    height: 36;
    background-size: contain;
    cursor: pointer;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/zoomOut.36x36.png");
}

.troubleshoot-toolbar-zooms .i-zoombuttons-zoomout:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/zoomOut_h.36x36.png");
}

.troubleshoot-toolbar-zooms .i-zoombuttons-zoomin-grayed {
    display: inline-block;
    width: 36;
    height: 36;
    background-size: contain;
    cursor: pointer;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/zoomIn.36x36.png");
}

.troubleshoot-toolbar-zooms .i-zoombuttons-zoomin-grayed:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/zoomIn_h.36x36.png");
}

.troubleshoot-toolbar-zooms .i-zoombuttons-zoomout-grayed {
    display: inline-block;
    width: 36;
    height: 36;
    background-size: contain;
    cursor: pointer;
    background: url("/insieme/stromboli/resources/icons/troubleshoot/zoomOut.36x36.png");
}

.troubleshoot-toolbar-zooms .i-zoombuttons-zoomout-grayed:hover {
    background: url("/insieme/stromboli/resources/icons/troubleshoot/zoomOut_h.36x36.png");
}

div#troubleshoot-faults-legends span {
    display: inline-block;
    width: 80px;
    padding-left: 25px;
    background-repeat: no-repeat;
}

div#troubleshoot-faults-legends div.troubleshoot-faults-legends-row {
    line-height: 24px;
    height: 24px;
}

span#troubleshoot-faults-legends-critical-icon {
    background-image: url(../icons/j/faults/icon_FaultSummaryCritical.svg);
}

span#troubleshoot-faults-legends-major-icon {
    background-image: url(../icons/j/faults/icon_FaultSummaryMajor.svg);
}

span#troubleshoot-faults-legends-minor-icon {
    background-image: url(../icons/j/faults/icon_FaultSummaryMinor.svg);
}

span#troubleshoot-faults-legends-warning-icon {
    background-image: url(../icons/j/faults/icon_FaultSummaryWarning.svg);
}

div#troubleshoot-stats-legends span#troubleshoot-stats-legends-nodata {
    display: inline-block;
    padding-left: 25px;
    margin: 5px 10px;
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    line-height: 25px;
    background-image: url(../icons/troubleshoot/no-data.svg);
}

div#troubleshoot-stats-legends span#troubleshoot-stats-legends-nodrop {
    display: inline-block;
    padding-left: 25px;
    margin: 5px 10px;
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    line-height: 25px;
    background-image: url(../icons/troubleshoot/NoDrop.36x36.png);
}

div#troubleshoot-stats-legends span#troubleshoot-stats-legends-drop {
    display: inline-block;
    padding-left: 25px;
    margin: 5px 10px;
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    line-height: 25px;
    background-image: url(../icons/troubleshoot/Drop.36x36.png);
}

div#troubleshoot-events-legends span#troubleshoot-events-legends-nolog {
    display: inline-block;
    padding-left: 30;
    background-repeat: no-repeat;
    height: 25px;
    background-size: 25px;
    line-height: 32px;
    background-image: url(../icons/troubleshoot/NoLog.36x36.png);
}

div#troubleshoot-events-legends span#troubleshoot-events-legends-log {
    display: inline-block;
    line-height: 32px;
    padding-left: 40px;
    margin-left: 5px;
    background-repeat: no-repeat;
    height: 25px;
    background-size: 25px;
    background-image: url(../icons/troubleshoot/Log.36x36.png);
}

.i-networking-instruction {
    font-size: 12px;
    padding-left: 30px;
    padding-right: 7px;
    padding-top: 13px;
    padding-bottom: 7px;
}

.i-networking-mainRoom {
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: white;
}

.i-networking-fvCtxImg {
    display: inline-block;
    background-image: url("../icons/j/fv/vrf.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.i-networking-fvCtxImg-color {
    background-image: url("../icons/j/graph/vrf-graph.svg");
}

.i-networking-fvBdImg {
    display: inline-block;
    background-image: url("../icons/j/fv/bd-graph.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.i-networking-fvBdImg-color {
    background-image: url("../icons/j/graph/bd-graph.svg");
}

.i-networking-fvL2Img {
    background-image: url("../icons/j/fv/l2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.i-networking-fvL2Img-color {
    background-image: url("../icons/j/graph/l2-graph.svg");
    background-position-y: 2px;
    background-size: 41px !important;
}

.i-networking-fvL3Img {
    display: inline-block;
    background-image: url("../icons/j/fv/l3.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.i-networking-fvL3Img-color {
    background-image: url("../icons/j/graph/l3-graph.svg");
    background-position-y: 2px;
    background-size: 41px !important;
}

.i-graph-toolbar {
    background-color: #f2f2f2;
}

.i-graph-toolbar button {
    color: #fff;
}

.i-graph-toolbar .btn {
    background-color: #626469;
}

.i-graph-toolbar .btn:hover {
    background-color: #4b4b4e;
}

.i-graph-label {
    display: inline-block;
    font: 10px "Helvetica", "Arial", sans-serif;
    margin: 15px;
    padding: 25px 10px;
    width: 50px;
}

.i-networking-commonCtxImg {
    display: inline-block;
    background-image: url("../icons/j/fv/vrf_sh.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.i-networking-commonCtxImg-color {
    background-image: url("../icons/j/graph/cvrf-graph.svg");
}

.i-networking-commonBdImg-color {
    background-image: url("../icons/j/graph/cbd-graph.svg");
}

.i-networking-commonBdImg {
    display: inline-block;
    background-image: url("../icons/j/fv/bd_sh.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.i-graph-button {
    background-repeat: no-repeat;
    background-size: 30px;
    width: 45px;
    height: 50px;
    margin: 5px;
    background-position-x: 7px;
    text-align: center;
    cursor: move;
}

.i-graph-button-long {
    background-repeat: no-repeat;
    background-size: 34px;
    width: 81px;
    height: 50px;
    margin: 5px;
    background-position-x: 21px;
    text-align: center;
    cursor: move;
}

.graph-button-text {
    padding-top: 32px;
    font-size: 10px;
    line-height: 1;
}
.i-graph-button-long .graph-button-text {
    padding-top: 36px;
}

.i-multitier-icon {
    background-repeat: no-repeat;
    background-size: 30px;
    width: 45px;
    height: 50px;
    margin: 5px;
    background-position-x: 7px;
    text-align: center;
}

.i-ap-fvEpgColorImg {
    background-image: url("../icons/j/graph/epg-graph.svg");
    margin-left: 0;
    margin-right: 0;
}

.i-ap-fvMEpgColorImg {
    background-image: url("../icons/j/graph/uepg-graph.svg");
    margin-left: 0;
    margin-right: 0;
}

.i-ap-fvContractColorImg {
    background-image: url("../icons/j/graph/contract-graph.svg");
  margin-right: 0;
}

.i-ap-fvBaremetalColorImg {
    background-image: url("../icons/j/graph/baremetal-graph.svg");
  margin-left: 0;
}

.i-ap-fvVmwareColorImg {
    background-image: url("../icons/j/graph/vmware-graph.svg");
  margin-left: 0;
}

.i-ap-fvVm_msColorImg {
    background-image: url("../icons/j/graph/microsoft-graph.svg");
 margin-left: 0;
}

.i-ap-fvRedhatColorImg {
 background-image: url("../icons/j/graph/redhat-graph.svg");
 margin-left: 0;
}

.i-ap-fvOpenstackColorImg {
    background-image: url("../icons/j/graph/openstack-graph.svg");
 margin-left: 0;
 margin-right: 6px;
}

.i-ap-fvKubernetesColorImg {
    background-image: url("../icons/j/graph/kubernetes-graph.svg");
}

.i-ap-fvCloudFoundryColorImg {
  background-image: url("../icons/j/graph/cloudfoundry-graph.svg");
  margin-right: 0;
}

.i-networking-fvL2ColorImg {
    background-image: url("../icons/j/graph/l2-graph.svg");
    background-position-y: 2px;
    background-size: 35px !important;
    margin-left: 0;
    margin-right: 0;
}

.i-networking-fvL3ColorImg {
    background-image: url("../icons/j/graph/l3-graph.svg");
    background-position-y: 2px;
    background-size: 35px !important;
    margin-left: 0;
    margin-right: 0;
}

.i-networking-fvL4L7ColorImg {
    background-image: url("../icons/j/graph/l4l7-graph.svg");
    background-position-y: 2px;
    background-size: 35px !important;
    width: 46px;
    background-position-x: 4px;
}

.i-ap-fvOpenShiftColorImg {
  background-image: url("../icons/j/graph/openshift-graph.svg");
}

.i-ap-fvVzAnyColorImg {
    background-image: url("../icons/j/graph/any-graph.svg");
  width: 40px;
  background-position-x: 6px;
  margin-left: 0;
  margin-right: 0;
}

.i-ap-fvEpgImg {
    background-image: url("../icons/j/graph/epg-graph.svg");
}

.i-ap-fvMEpgImg {
    display: inline-block;
    background-image: url("../icons/j/fv/epg-m.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 2px 2px 2px 2px;
}

.i-ap-fvContractImg {
    display: inline-block;
    background-image: url("../icons/j/fv/contract.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 2px 2px 2px 2px;
}

.i-ap-fvBaremetalImg {
    display: inline-block;
    background-image: url("../icons/j/fv/baremetal.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 2px 2px 2px 2px;
}

.i-ap-fvVmwareImg {
    display: inline-block;
    background-image: url("../icons/j/fv/vmware.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 2px 2px 2px 2px;
}

.i-ap-fvVm_msImg {
    display: inline-block;
    background-image: url("../icons/j/fv/vm_ms.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 2px 2px 2px 2px;
}

.i-ap-fvOpenstackImg {
    display: inline-block;
    background-image: url("../icons/j/fv/vmm_os.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 2px 2px 2px 2px;
}

.i-ap-fvKubernetesImg {
    display: inline-block;
    background-image: url("../icons/j/fv/vmm_k8s.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 2px 2px 2px 2px;
}

.i-ap-fvCloudFoundryImg {
  display: inline-block;
  background-image: url("../icons/j/fv/vmm_k8s.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 50px;
  height: 50px;
  margin: 2px 2px 2px 2px;
}

.i-ap-fvOpenShiftImg {
  display: inline-block;
  background-image: url("../icons/j/fv/vmm_os.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 50px;
  height: 50px;
  margin: 2px 2px 2px 2px;
}

.i-ap-fvVmAwsImg {
    display: inline-block;
    background-image: url("../icons/j/fv/aws.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 2px 2px 2px 2px;
}

.i-ap-fvVmAzureImg {
    display: inline-block;
    background-image: url("../icons/j/fv/azure.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 2px 2px 2px 2px;
}

.i-ap-fvVzAnyImg {
    display: inline-block;
    background-image: url("../icons/j/fv/vzany.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 2px 2px 2px 2px;
}

.i-ap-fvServiceImg {
    display: inline-block;
    background-image: url("../icons/j/fv/service.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: 2px 2px 2px 2px;
}

.i-serviceGraphImg {
    display: block;
    background: url("../icons/j/fv/servicegraph.svg") no-repeat;
    background-size: 800px 100px;
    width: 800px;
    height: 100px;
}

.i-ap-fvFirewallImg {
    background-image: url("../icons/j/graph/fw-graph.svg");
   margin-left: 0;
   margin-right: 0;
}

.i-ap-fvLoadBalancerImg {
    background-image: url("../icons/j/graph/lb-graph.svg");
   margin-left: 0;
   margin-right: 0;
}

.icon-DefaultZoom {
    background-image: url("/insieme/stromboli/resources/icons/j/fabric/DefaultZoom28x28.png") !important;
    width: 30px !important;
    height: 28px !important;
}

.usg-container {
    width: 100%;
    height: 100%;
}

.usg-left-pane {
    padding: 24px;
    width: 250px;
    background: #ddd;
}

.usg-left-pane h3 {
    font-size: larger;
    margin-bottom: 10px;
}

.usg-right-pane {
    width: 100%;
    height: 100%;
    /*margin-bottom: 10px;*/
}

.usage-block {
    padding: 10px 0;
    height: 80px;
}

.usg-right-pane table {
    font-family: Open Sans;
    font-size: 12px;
}

.usg-right-pane, .usg-left-pane {
    font-family: Open Sans;
}

.usg-dashbd-message {
    display: none;
    font-family: 'Open Sans';
    font-size: 14.3999996185303px;
    font-style: normal;
    font-weight: bold;
}

.usg-left-pane .count {
    font-size: 20px;
}

.usg-left-pane .usg-bar {
    font-size: 20px;
}

.usg-left-pane .usg-chart {
    height: 88px;
}

.usg-left-pane .usg-bar {
    height: 14px;
    background-color: #d2d2d2;
}

.usg-left-pane .usg-bar .usg-used {
    background-color: #004B4B;
    float: left;
    height: 100%;
}

.usg-right-pane .usg-bar {
    float: right;
    margin-top: 5px;
    height: 8px;
    width: 50px;
    background-color: #d2d2d2;
}

.usg-right-pane .usg-bar .usg-used {
    background-color: #004B4B;
    float: left;
    height: 100%;
}

.usg-right-pane .usg-info {
    margin-left: auto;
    margin-right: 5px;
    width: 105px;
}

.usg-right-pane .usg-info-padding {
    padding-top: 17px;
}

.usg-right-pane .usg-model-info {
    margin-left: auto;
    width: 120px;
}

.usg-right-pane .usg-model-info .configProf {
    cursor: pointer;
}

.usg-right-pane .usg-model-info .configProf_not_supported {
    color: lightgrey;
}

.usg-right-pane .usg-info .usg-label {
    text-align: right;
}

.usg-right-pane .usg-info .usg-txt {
    float: none;
    text-align: right;
    font-size: smaller;
}

.usg-right-pane .usg-info .usg-percentage {
    float: left;
    font-size: smaller;
}
.usg-right-pane .usg-info .usg-percentage-only {
    font-size: smaller;
}

.usg-right-pane .usg-info .usg-bar {
    margin: 5px 0;
    height: 6px;
    width: 100%;
    float: none;
    background-color: #d2d2d2;
    border-radius: 5px;
}

.usg-right-pane .usg-info .usg-bar .usg-used {
    background-color: #004B4B;
    float: left;
    height: 100%;
    border-radius: 5px;
    margin-left: 1px;
}

.usg-right-pane .usg-txt {
    float: right;
}

.usg-right-pane .even {
    background-color: #f2f2f2;
}

.usg-right-pane h3 {
    font-size: larger;
    margin-bottom: 20px;
}

.usg-right-pane table.dataTable thead .sorting_asc {
    background: url("../icons/misc/sort_asc.png") no-repeat center right;
}

.usg-right-pane table.dataTable thead .sorting_desc {
    background: url("../icons/misc/sort_desc.png") no-repeat center right;
}

.usg-right-pane table.dataTable thead .sorting {
    background: #fff;
}

.usg-right-pane table.dataTable td {
    vertical-align: top;
}

.usg-right-pane table.dataTable tr td:first-child, .usg-right-pane table.dataTable tr th:first-child {
    border-left: 0;
    vertical-align: middle;
}

.usg-right-pane table.dataTable tbody tr:last-child td {
    border-bottom: 0;
}

.usg-right-pane table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0;
    text-align: right;
}

.usg-right-pane .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border: 1px solid #E7E6E8;
    border-left: 0;
    border-right: 0;
}

.usg-right-pane button {
    font-size: medium;
    padding: 4px;
    border: 0;
    background: #9e9ea2;
}

.usg-right-pane button:hover {
    opacity: .7;
}

.expr-editor {
    width: 100%;
    min-height: 200px;
    overflow: auto;
    padding: 20px 0 0 5px;
    color: #555;
}

.expr-editor input, .expr-editor textarea, .expr-editor select {
    font-size: 12px;
    height: 21px;
    margin-left: 4px;
}

.expr-editor .value {
    width: 200px;
}

.expr-editor .add-compound, .expr-editor .add-simple, .expr-editor .del {
    color: #fff;
    background-color: #253D5F;
}

.expr-editor .add-simple, .expr-editor .del {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    font-weight: bolder;
    float: right;
    border: 0;
    font-size: smaller;
    vertical-align: middle;
    margin-left: 5px;
}

.expr-editor .add-compound {
    height: 22px;
    width: 24px;
    border-radius: 50%;
    text-align: left;
    font-weight: bolder;
    float: right;
    border: 0;
    font-size: x-small;
    vertical-align: middle;
    margin-left: 5px;
}

.add-compound:hover {
    background-color: #24b9be;
}

.add-simple:hover {
    background-color: #24b9be;
}

button.del:hover {
    background-color: #24b9be;
}

.expredt-node select {
    height: 22px;
    border-radius: 0;
    width: auto;
    font-size: 12px;
}

.expredt-node .expredt-node .expredt-node .expredt-node .add-compound {
    display: none;
}

.lookup-val, .lookup-label, .lookup-category {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    border: 0;
    margin-left: 0;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/insieme/stromboli/resources/icons/NavSearch16x16.png);
    background-color: #2E81D6;
    vertical-align: middle;
    background-size: 14px 14px;
}

.lookup-val:hover, .lookup-label:hover {
    background-color: #24b9be;
}

.expredt-open-brace {
    padding: 0;
}

.expr-editor input {
    line-height: inherit;
    padding: 2px;
}

.expredt-node {
    height: auto;
    width: auto;
    box-shadow: 0 0 10px #999;
    margin-right: 7px;
    margin-top: 8px;
}

.expredt-node .expredt-node {
    margin-left: 40px;
}

.expredt-leaf, .expredt-open-brace, .expredt-close-brace {
    padding: 10px;
    height: auto;
    padding: 5px;
}

.expredt-leaf {
    margin-left: 40px;
    border-bottom: 1px darkcyan dotted;
}

.expredt-open-brace, .expredt-close-brace {
    font-size: larger;
    background-color: #eee;
    margin-top: 3px;
    margin-bottom: 3px;
}

.expr-editor select:invalid {
    border-color: f66;
}

.expr-editor select:valid {
    border-color: #9e9ea2;
}

.expr-editor input:invalid {
    border-color: f66;
}

.expr-editor .value, .expr-editor .crtrn-prec {
    width: 250px;
    font-size: 12px;
}

.expr-editor .value {
    width: 250px;
    font-size: 12px;
}

.expredt-children {
    min-height: 30px;
}

.empty-nodes-div {
    margin: 30px;
}

.node-div .del-btn {
    position: absolute !important;
    height: 20px;
    width: 20px;
    background-color: #7f7f86;
    right: -10px !important;
    top: -18px;
    border-radius: 10px;
    color: #fff;
    padding: 0;
}

.spine-div.node-div .del-btn {
    position: absolute !important;
    top: 1px;
}

.ifconf-port-selector {
    border: 0;
}

.swi-conf-root .x-column-header {
    border-bottom: 1px solid #e6e6e8 !important;
}

.swi-conf-root .warning-msg {
    color: orangered !important;
}

.ifconf-port-selector .list-button {
    background-image: url(/insieme/stromboli/resources/icons/listview_24.png) !important;
}

.ifconf-port-selector .tile-button {
    background-image: url(/insieme/stromboli/resources/icons/gridview_24.png);
}

.ifconf-port-selector .progressbar {
    width: 100%;
    height: 15px;
    background-color: #eee;
    clear: both;
    border-radius: 8px;
}

.ifconf-port-selector .progress {
    background: #A1C969;
    height: 15px;
    width: 0%;
    max-width: 100%;
    float: left;
    border-radius: 8px;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
}

@-webkit-keyframes progress {
    to {
        width: 100%;
    }
}
@-moz-keyframes progress {
    to {
        width: 100%;
    }
}
@-ms-keyframes progress {
    to {
        width: 100%;
    }
}
@keyframes progress {
    to {
        width: 100%;
    }
}

.ifconf-port-selector .x-panel-body-default, .ifconf-port-selector .i-panel-body-default, .i-panel-body-default {
    border: 0;
}

.ifconf-port-selector .switch-container {
    display: inline-block;
    margin: 10px 0;
    vertical-align: top;
}

.ifconf-port-selector .ifconf-container {
    margin: 30px auto;
    position: relative;
    text-align: center;
}

.ifconf-port-selector .node-div, .ifconf-port-selector .fex-div {
    display: inline-block;
    background-color: #fff;
    padding: 0;
    position: relative;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.ifconf-port-selector .switch-ports-div {
    min-width: 481px;
    min-height: 43px;
    display: inline-block;
    background-color: #dfdfdf;
    padding: 0;
    position: relative;
    border-radius: 3px;
    /*box-shadow: 2px 2px 3px #9e9ea3;*/
}

.ifconf-port-selector .fex-ports-div {
    min-width: 486px;
    min-height: 43px;
    display: inline-block;
    background-color: #dfdfdf;
    padding: 0;
    border-radius: 3px;
    /*box-shadow: 2px 2px 3px #9e9ea3;*/
}

.ifconf-port-selector .subports-div {
    display: inline-block;
    background-color: #fff;
    padding: 0;
    margin: 10px;
    margin-top: 0;
}

.ifconf-port-selector .subports-ports-div {
    min-width: 45px;
    min-height: 43px;
    display: inline-block;
    background-color: #dfdfdf;
    padding: 0;
    border-radius: 3px;
}

.ifconf-port-selector .fex-div {
    margin: 18px 18px 0;
}

.ifconf-port-selector .fex-div.selected-fex {
    border: 3px solid #017cad;
}

.ifconf-port-selector input[type="checkbox"] {
    display: none;
}

.ifconf-port-selector input[type="checkbox"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    line-height: 17px;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    color: #9e9ea2;
    font-size: smaller;
    border: 2px solid #dfdfdf;
}

.fabric-ports-div input[type="checkbox"] + label span {
    display: inline-block;
    width: 27px;
    height: 19px;
    line-height: 17px;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    color: #9e9ea2;
    font-size: smaller;
    border: 2px solid #dfdfdf;
}

.ifconf-port-selector input[type="checkbox"].preselected + label span {
    background: #fff !important;
    opacity: 1 !important;
}

.ifconf-port-selector input[type="checkbox"].vpc-highlight + label span {
    background: #099ed3 !important;
    color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].pc-highlight + label span {
    background: #00b454 !important;
    color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].l2-highlight + label span {
    background: #b2aa08 !important;
    color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].l3-highlight + label span {
    background: #ff8500 !important;
    color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].vfc-highlight + label span {
    background: #834200 !important;
    color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].fex-highlight + label span {
    background: #a81b9b !important;
    color: #fff !important;
    cursor: pointer;
}

.ifconf-port-selector input[type="checkbox"].connected-highlight + label span {
  color: #9e9ea2;
  border: 2px solid #000;
  cursor: pointer;
}

.ifconf-port-selector input[type="checkbox"].uplink-highlight + label span {
  background: #2C4E09 !important;
  color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].fabric-highlight + label span {
  background: #2C4E09 !important;
  color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].breakout-highlight + label span {
    background: #3c4fa0 !important;
    color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].portEnabled-highlight + label span {
  background: green !important;
  color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].portDisabled-highlight + label span {
  background: #9e9ea2 !important;
  color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].portEnabledError-highlight + label span {
  background: red !important;
  color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].portDisabledSwitching-highlight + label span {
  background: orange !important;
  color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].portDisabledLink-highlight + label span {
  background: yellow !important;
  color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].portEthernet-highlight + label span {
  background: #38af9d !important;
  color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].portFc-highlight + label span {
  background: #6f5a8a !important;
  color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].fcPc-highlight + label span {
  background: purple !important;
  color: #fff !important;
}

.ifconf-port-selector input[type="checkbox"].port-state-mismatching-highlight + label span {
  background: 'transparent';
  opacity: 0.65;
}

.ifconf-port-selector input[type="checkbox"].disabled + label span {
    opacity: 0.5
}

.ifconf-port-selector input[type="checkbox"]:checked + label span {
    display: inline-block;
    line-height: 17px;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    color: #9e9ea2;
    font-size: smaller;
    border: 2px solid #017cad;
    opacity: 1 !important;
}

.ifconf-port-selector .toggle-button {
    background-color: red;
    margin: 5px 0;
    border-radius: 20px;
    border: 2px solid #D0D0D0;
    height: 24px;
    cursor: pointer;
    width: 50px;
    position: relative;
    display: inline-block;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

.ifconf-port-selector .toggle-button button {
    cursor: pointer;
    outline: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background-color: white;
    float: left;
    border: 2px solid #D0D0D0;
    transition: left 0.3s;
}

.ifconf-port-selector .toggle-button-selected {
    background-color: #83B152;
}

.ifconf-port-selector .toggle-button-selected button {
    left: 26px;
}

.ifconf-port-selector .star {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAQAAADI+WwIAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAACXZwQWcAAAALAAAACgCF+qVAAAAAhUlEQVQI103NMQqCABgF4C+Fxg7QHDQ0JkFnaKqlKJBu4Np9hEDoBq2doCYP0B4UBKLYUKZvex+P/+9N/dJ3FXl9S9CopbF9U1pOkAgb3irVanOMlGqldeBoo9CmspMFOFmp/hzLmtuXzvrWvpwJFVJvLLqci8Qmzl8OhzBwcMdD6ilXfwAd9B9f78yTCQAAAABJRU5ErkJggg==);
}

.ifconf-port-selector .unstar {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAQAAADI+WwIAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAACXZwQWcAAAALAAAACgCF+qVAAAAAo0lEQVQI1z2NMQrCQBRE32YxGFDwBGJnYZkll0ilpDISLO28k4lFwN7CTsTKSisbK8ELCJFI/BZJdn41j/kzSqiVuZ3r1yzeAAanoajpcOwsW2dxf+0yWGe6CaVzNmgY4VHyQKAiVsIlUlvc9otK4lXugNnJjKqlkpi86X6exIZfNztZBGhKUgr4hBZ3A3UX4ye/CYdeWHch7MOzJ9R3jFLt8we7izGyoi32iQAAAABJRU5ErkJggg==);
}

.ifconf-port-selector .half-star {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAQAAADI+WwIAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAJdnBBZwAAAAsAAAAKAIX6pUAAAACTSURBVAjXTY0xCsJAEEVfdiEgpPAWFpYTvMRWSioDwdIuh7GydbEIeAM7sU1lo42tR1CEdSzMJk4178H/H7qTVK4+A0URTNTMmZhVhEHXMK69/UEiS3Z0sOGOQqBMQAr2pABbgKDlujHQHlgQYpdWeRO7z/0Cj8swOcPyxvOEl/vXN/K2+kw5Zq4PipNR/E+Ft8IX7yMjsFUGo0cAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAAElFTkSuQmCC);
}

.rating {
    float: left;
    width: 11px;
    height: 10px;
}

.swi-conf-root .legends {
    margin-top: 4px;
    width: 303px;
}

.swi-conf-root .x-btn-default-small .x-btn-inner {
    color: #fff;
}

.swi-conf-root .legend-item {
    float: left;
    width: 70px;
    text-align: left;
}

.swi-conf-root .legend-item:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    content: '';
    margin-left: 3px;
    margin-right: 3px;
}

.swi-conf-root .main-title {
    font-size: large;
    margin-left: 12px;
    padding-top: 5px;
}

.configure-heading-container {
    width: 190px;
    margin: 0;
    height: 23px;
    padding-top: 5px;
    border-bottom: 1px solid black;
}

.swi-conf-root .legend-border-box {
  width: 12px;
  height: 12px;
  margin-top: 1px;
}

.swi-conf-root .legend-border-box.selected {
    border: 2px solid #017cad;
    width: 12px;
    height: 12px;
    margin-top: 1px;
}

.swi-conf-root .legend-border-box.vpc {
    background-color: #099ed3;
}

.swi-conf-root .legend-border-box.pc {
    background-color: #00b454;
}

.swi-conf-root .legend-border-box.fex {
    background-color: #a81b9b;
}

.swi-conf-root .legend-border-box.l2interface {
    background-color: #b2aa08;
}

.swi-conf-root .legend-border-box.l3interface {
    background-color: #ff8500;
}

.swi-conf-root .legend-border-box.breakoutinterface {
    background-color: #3c4fa0;
}

.swi-conf-root .legend-border-box.vfcinterface {
    background-color: #834200;
}

.swi-conf-root .legend-border-box.upLink {
    background-color: #2C4E09;
}

.swi-conf-root .legend-border-box.connected-highlight {
  border: 2px solid #000;
}

.swi-conf-root .legend-border-box.downLink {
    background-color: #4e0925;
}
.swi-conf-root .legend-border-box.fabric {
  background-color: #2C4E09;
}
.swi-conf-root .legend-border-box.portEnabled {
  background-color: green;
}
.swi-conf-root .legend-border-box.portDisabled {
  background-color: #9e9ea2;
}
.swi-conf-root .legend-border-box.portEnabledError {
  background-color: red;
}
.swi-conf-root .legend-border-box.portDisabledSwitching {
  background-color: orange;
}
.swi-conf-root .legend-border-box.portDisabledLink {
  background-color: yellow;
}
.swi-conf-root .legend-border-box.portEthernet {
  background-color: #38af9d;
}
.swi-conf-root .legend-border-box.portFc {
  background-color: #6f5a8a;
}
.swi-conf-root .legend-border-box.fcPc {
  background-color: purple;
}

.swi-conf-root .legend-item.unselected:before {
    border: 3px solid #017cad;
    background-color: #fff;
}

.swi-conf-root .legend-item.selected:before {
    border: 2px solid #017cad;
    width: 14px;
    height: 14px;
    margin-top: 1px;
}

.swi-conf-root .legend-item.vpc:before {
    background-color: #099ed3;
}

.swi-conf-root .legend-item.pc:before {
    background-color: #00b454;
}

.swi-conf-root .legend-item.fex:before {
    background-color: #a81b9b;
}

.swi-conf-root .legend-item.l2interface:before {
    background-color: #b2aa08;
}

.swi-conf-root .legend-item.l3interface:before {
    background-color: #ff8500;
}

.swi-conf-root .legend-item.breakoutinterface:before {
    background-color: #3c4fa0;
}

.swi-conf-root .legend-item.vfcinterface:before {
    background-color: #834200;
}

.swi-conf-root .legend-item.connected-highlight:before {
  border: 2px solid #000;
}

.blank-lcslot {
    background: #b6b4b4;
    margin-top: 2px;
}

.ifconf-port-selector .port-pair {
  display: inline-table;
    background: #b6b4b4;
    width: 20px;
    margin-top: 2px;
}

.ifconf-port-selector .port-pair .port-div {
    background: #dfdfdf;
    align-items: center;
    vertical-align: middle;
    line-height: 20px;
    width: 20px;
    height: 20px;
}

.ifconf-port-selector .port-pair .port-div .small-font-size {
    font-size: xx-small;
}

.ifconf-port-selector .port-pair .port-div .port-info-popup-div {
  position: relative;
  width: 214px;
  background: #fff;
  border: 2px solid #dfdfdf;
  display: none;
  z-index: 19022;
}

.fabric-ports-div .port-pair {
    display: inline-block;
    background: #b6b4b4;
    width: 28px;
    margin-top: 2px;
}

.fabric-ports-div .port-pair div {
    background: #dfdfdf;
    align-items: center;
    vertical-align: middle;
    line-height: 20px;
    width: 28px;
    height: 20px;
}

.fabric-ports-div .port-pair div div {
    width: 16px;
    margin: 3px;
    background: #b6b4b4;
}

.ifconf-port-selector .name-and-fabric-ports {
    /*min-height: 43px;*/
    background: #fff;
    border: 0;
    padding: 0;
    width: 100%;
    position: relative;
    text-align: right;
    background: rgba(255, 255, 255, 0);
}

.ifconf-port-selector .name-div {
    background: #fff;
    border: 0;
    padding: 0;
    width: 100%;
    position: relative;
    text-align: left;
    background: rgba(255, 255, 255, 0);
}

.ifconf-port-selector .fabric-ports-div {
    max-width: 286px;
    min-width: 86px;
    min-height: 47px;
    background-color: #dfdfdf;
    padding-left: 2px;
    padding-right: 1px;
    border-radius: 3px;
    position: absolute;
    top: 4px;
    right: 0;
    text-align: center;
}

.swi-conf-root .x-panel-header-text-default,
.swi-conf-root .i-panel-header-text-default {
    font-size: 12px;
    top: 5px;
}

.swi-conf-root .tbl-pc .x-panel-header-text:after,
.swi-conf-root .tbl-pc .i-panel-header-text:after {
    content: '';
    background-color: #00b454;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    border-radius: 50%;
}

.swi-conf-root .tbl-vpc .x-panel-header-text:after,
.swi-conf-root .tbl-vpc .i-panel-header-text:after {
    content: '';
    background-color: #099ed3;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    border-radius: 50%;
}

.swi-conf-root .tbl-fex .x-panel-header-text:after,
.swi-conf-root .tbl-fex .i-panel-header-text:after {
    content: '';
    background-color: #a81b9b;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    border-radius: 50%;
}

.swi-conf-root .tbl-fcPc .x-panel-header-text:after,
.swi-conf-root .tbl-fcPc .i-panel-header-text:after {
    content: '';
    background-color: purple;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    border-radius: 50%;
}

.swi-conf-root .x-grid-header-ct-default {
    background: #fff;
}

.swi-conf-root .blue-btn-new {
    background-color: #017cad;
    height: 26px;
}

.swi-conf-root .add-btn .x-btn-inner {
    font-size: 12;
    color: #fff !important;
    padding: 8 20;
    line-height: 18px;
    background-color: #017cad;
}

.swi-conf-root .back-btn {
    margin: 2px;
    border: 1px;
    color: #fff !important;
    background-color: #017cad;
}

.swi-conf-root .back-btn .x-btn-inner {
    font-size: 12px;
    color: #fff !important;
    padding: 8px 20px;
    line-height: 1.5;
}

.swi-conf-root .x-btn-default-small {
    padding: 2px;
    border: 0;
}

.swi-conf-root .separator {
    background: lightgrey;
    height: 1px;
    margin: 8px 8px 16px;
}

.i-radio-group .x-form-item-label,
.i-radio-group .i-form-item-label {
    margin-top: 6px;
}

.swi-conf-root .x-form-radio, .swi-conf-root .i-form-radio, .i-radio-group .x-form-radio, .i-radio-group .i-form-radio {
    height: 0;
    width: 0;
}

.swi-conf-root .x-form-radio-group, .i-radio-group .x-form-radio-group {
    width: auto !important;
}

.swi-conf-root .x-form-checkboxgroup-body table,
.swi-conf-root .i-form-checkboxgroup-body table,
.i-radio-group .x-form-checkboxgroup-body table,
.i-radio-group .i-form-checkboxgroup-body table {
    width: auto !important;
}

.x-form-radio-group .x-form-item .x-form-cb-label,
.x-form-radio-group .i-form-item .x-form-cb-label,
.x-form-radio-group .x-form-item .i-form-cb-label,
.x-form-radio-group .i-form-item .i-form-cb-label {
    padding: 11px 12px;
    margin: 0;
    white-space: nowrap;
}

.x-form-radio-group .x-form-item,
.x-form-radio-group .i-form-item {
    background: #fff;
    margin: 0;
    height: 30px;
}

.x-form-radio-group .x-form-cb-checked,
.x-form-radio-group .i-form-cb-checked {
    background: #017cad;
    color: #fff;
}

.x-checkboxgroup-form-item {
    margin-bottom: 0;
}

.x-form-radio-group .x-checkboxgroup-form-item {
    table-layout: fixed;
    border-collapse: separate;
    border-radius: 30px;
    border-spacing: 0;
}
.x-form-radio-group .x-checkboxgroup-form-item .x-form-cb-wrap {
    background: #fff;
    border: #017cad solid 1px;
    border-left: none;
    color: #017cad;
    padding: 0 5px;
}
.x-form-radio-group:first-child .x-checkboxgroup-form-item td.x-form-cb-wrap:nth-child(2) {
    border-left: #017cad 1px solid;
    border-radius: 30px 0 0 30px;
}
.x-form-radio-group:last-child .x-checkboxgroup-form-item td.x-form-cb-wrap:nth-child(2) {
    border-radius: 0 30px 30px 0;
}

.x-form-radio-group:last-child .only-child td.x-form-cb-wrap:nth-child(2) {
    border-radius: 30px 30px 30px 30px;
}

.x-form-radio-group .x-checkboxgroup-form-item.x-form-cb-checked .x-form-cb-wrap {
    background: #017cad;
    color: #fff;
}
.x-form-radio-group .x-checkboxgroup-form-item.final-item td.x-form-cb-wrap:nth-child(2) {
    border-radius: 0 30px 30px 0;
}

.swi-conf-root .inner-tab .x-tab-disabled {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

ul, ol {
    padding: 0 !important;
}

.swi-conf-root .x-form-trigger-input-cell .x-form-field,
.swi-conf-root .i-form-trigger-input-cell .x-form-field,
.swi-conf-root .x-form-trigger-input-cell .i-form-field,
.swi-conf-root .i-form-trigger-input-cell .i-form-field {
    font-size: 12px;
}

.swi-conf-root .x-trigger-cell .x-form-arrow-trigger,
.swi-conf-root .x-trigger-cell .i-form-arrow-trigger {
    background-color: #fff;
}

.swi-conf-root .x-trigger-cell {
    width: 18px !important;
}

.swi-conf-root .x-form-trigger-wrap .x-form-spinner-up:hover,
.swi-conf-root .i-form-trigger-wrap .x-form-spinner-up:hover,
.swi-conf-root .x-form-trigger-wrap .i-form-spinner-up:hover,
.swi-conf-root .i-form-trigger-wrap .i-form-spinner-up:hover {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/up_over.svg)
}

.swi-conf-root .x-form-trigger-wrap .x-form-spinner-down,
.swi-conf-root .i-form-trigger-wrap .x-form-spinner-down,
.swi-conf-root .x-form-trigger-wrap .i-form-spinner-down,
.swi-conf-root .i-form-trigger-wrap .i-form-spinner-down {
    border-top: none;
    border-bottom: 1px solid #c6c7ca;
    border-right: 1px solid #c6c7ca;
}

.swi-conf-root .x-form-trigger-wrap .x-form-spinner-down:hover,
.swi-conf-root .i-form-trigger-wrap .x-form-spinner-down:hover,
.swi-conf-root .x-form-trigger-wrap .i-form-spinner-down:hover,
.swi-conf-root .i-form-trigger-wrap .i-form-spinner-down:hover {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/opened_over.svg)
}

.swi-conf-root .toggle-switch {
    margin: 4px;
}

.swi-conf-root .toggle-switch-background {
    background-color: #017cad;
    border: 1px solid #017cad;
}

.swi-conf-root .toggle-option {
    border: 1px solid #017cad;
    padding: 4px 8px;
    cursor: pointer;
}

.swi-conf-root .toggle-active-background {
    background-color: #017cad;
    color: white;
}

.swi-conf-root .toggle-default-background {
    background-color: white;
    color: passive-color;
}

.swi-conf-root .toggle-label {
    padding: 4px 8px;
    width: 150px;
    text-align: right;
}

.swi-conf-root .port-item {
    background-color: #ddd;
    margin: 4px;
    border-radius: 6px;
    padding: 3px 6px;
}

.swi-conf-root .port-item button {
    border: 0;
    background-color: #ddd;
    color: #444;
    font-size: smaller;
}

.swi-conf-root .port-item button:hover {
    border: 0;
    background-color: #ddd;
    color: white;
}

.swi-conf-root .round-btn {
    height: 35px;
    width: 35px;
    border-radius: 50%;
}

.swi-conf-root .port-selector {
    background-color: #67afd8;
    padding: 4px;
}

.swi-conf-root .port-selector .clear-all {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 12px;
    padding-right: 8px;
    font-size: larger;
    color: #fff;
    text-decoration: underline;
}

.swi-conf-root .port-selector .clear-all:hover {
    cursor: pointer;
}

.swi-conf-root .x-tab-bar-strip, .swi-conf-root .i-tab-bar-strip {
    display: none;
}

.swi-conf-root .x-tab-bar-body,
.swi-conf-root .i-tab-bar-body {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #dddfdf !important;
    height: 36px !important;
}

.swi-conf-root .x-tab {
    background: #fff;
    border-radius: 0;
    border: 0;
}

.swi-conf-root .x-tab button {
    color: #898C8E;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.swi-conf-root .x-tab-active button {
    color: #017cad;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.swi-conf-root .x-tab-active {
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-size: 12px;
    border-bottom: 5px solid #017cad !important;
}

.pim-l3 .x-grid-tree-node-expanded .x-tree-icon-parent {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/folder.svg);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

.pim-l3 .x-tree-icon-parent {
    width: 18px;
    background-image: url("../icons/j/generic/folder.16x16.png") !important;
}

.pim-l3 .x-panel .x-grid-body, .pim-l3 .i-panel .x-grid-body, .i-panel .x-grid-body, .i-panel .x-grid-body, .x-panel .i-grid-body, .i-panel .i-grid-body, .i-panel .i-grid-body, .i-panel .i-grid-body {
    border-left: 0 !important;
    border-right: 0 !important;
}

.pim-l3 .x-grid-header-ct-default {
    border: 0;
}

.pim-toolbar .x-btn .x-btn-center .x-btn-inner {
    text-align: center;
    font-size: 18px;
    line-height: 1.55;
    font-weight: bold;
    background-color: #F1F7F9;
    border: 1px solid;
}

.pim-l3 .x-toolbar-default {
    border: 0;
    background-image: none;
    background-color: #fff;
}

.pim-l3 .x-column-header, .i-column-header {
    border-bottom: 1px solid #bbb !important;
}

.pim-l3 .pim-container .x-panel-header-text-default,
.pim-l3 .pim-container .i-panel-header-text-default {
    color: #000;
    font-size: 12px !important;
}

.pim-l3 .x-panel-header-text-default,
.pim-l3 .i-panel-header-text-default {
    font-size: 11px !important;
    font-family: "SharpSans", Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    text-transform: capitalize !important;
    color: #838487 !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    left: 12px !important;
    top: 6px !important;
    margin: 0 !important;
}

div[id='pim6:infoEntity:center:a:a:props:0-inputEl'], div[id='pim:infoEntity:center:a:a:props:0-inputEl'] {
    text-transform: lowercase;
}

.planner-tenantImg {
    display: inline-block;
    background-image: url("../icons/planner/tenant.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-epgImg {
    display: inline-block;
    background-image: url("../icons/planner/epg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-bdImg {
    display: inline-block;
    background-image: url("../icons/planner/bd.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-contractImg {
    display: inline-block;
    background-image: url("../icons/planner/contract.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-vcenterImg {
    display: inline-block;
    background-image: url("../icons/planner/vmware.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-graphImg {
    display: inline-block;
    background-image: url("../icons/planner/service.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-l2Img {
    display: inline-block;
    background-image: url("../icons/planner/l2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-l3Img {
    display: inline-block;
    background-image: url("../icons/planner/l3.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-vrfImg {
    display: inline-block;
    background-image: url("../icons/planner/vrf.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-spineImg {
    display: inline-block;
    background-image: url("../icons/planner/spine.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-leafImg {
    display: inline-block;
    background-image: url("../icons/planner/leaf.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-fexImg {
    display: inline-block;
    background-image: url("../icons/planner/fex.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-azureImg {
    display: inline-block;
    background-image: url("../icons/planner/azure.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-physicalImg {
    display: inline-block;
    background-image: url("../icons/planner/physical.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-vmwareImg {
    display: inline-block;
    background-image: url("../icons/planner/vmware.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    margin: 2px 2px 2px 2px;
}

.planner-instruction {
    font-size: 16px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    color: #444343;
    padding-left: 30px;
    padding-right: 7px;
    padding-top: 13px;
    padding-bottom: 7px;
}

.planner-mainRoom {
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: white;
}

.planner circle {
    stroke: #0095D7;
    stroke-width: 2px;
}

.planner-halo circle {
    stroke: green;
    stroke-width: 5px;
}

.headerLogo {
    margin: 14px !important;
}

.header-title {
    margin-top: 35px !important;
}

.i-header {
    padding: 20;
}

.i-header-toolbar {
    float: right;
    padding: 6px 12px 12px 12px;
}
.cui .btn.btn--icon.btn--xsmall.btn--xsmall-split {
    width: 48px;
}
.cui .btn.btn--icon.btn--xsmall {
    text-align: center;
    padding: 0;
    font-size: 0.75rem;
    line-height: 1.33;
    vertical-align: middle;
    min-width: 22px;
    width: 22px;
    height: 22px;
    -webkit-transition: box-shadow 0.1s linear;
    transition: box-shadow 0.1s linear;
}

.panel ul {
    padding: 0;
}

.container {
    max-width: none !important;
}

.btn.btn--icon.btn--darker--gray {
    background: #c6c7ca;
}

.btn.btn--gray {
    background: #dfdfdf;
    color: #58585b;
}

.btn.btn--transparent {
    background: transparent;
    color: #017cad;
}

.btn.btn--transparent:hover,
.btn.btn--transparent:focus {
    box-shadow: 0 0 0 0 transparent;
    background-color: transparent;
    color: #017cad;
    font-size: 0.80rem;
}

.btn.btn--gray:hover,
.btn.btn--gray:focus {
    box-shadow: 0 0 0 0 transparent;
    /* override .cui .btn:hover in cui-standard.min.css */
    background: #dfdfdf;
    color: #58585b;
}
.cui .x-toolbar-item.btn.btn--xsmall.btn--gray:hover,
.cui .x-toolbar-item.btn.btn--xsmall.btn--gray:focus {
    background: #c6c7ca;
}

.btn.btn--action-button-jump-out {
    margin-top: 7px;
}

.x-top .btn.btn--icon.btn--xsmall [class*='icon-'],
.x-panel-body .x-disabled.btn.btn--icon.btn--xsmall [class*='icon-'] {
    color: #fff;
}

.x-panel-body .btn.btn--icon.btn--darker--gray [class*='icon-'],
.x-panel-body .x-toolbar .btn.btn--icon.btn--xsmall [class*='icon-'],
.x-panel-body .insieme-toolbar .btn.btn--icon.btn--xsmall [class*='icon-'],
.x-panel-body .insieme-grid-toolbar .btn.btn--icon.btn--xsmall [class*='icon-'],
.i-panel.x-docked .x-toolbar-item.x-disabled.btn.btn--icon.btn--xsmall [class*='icon-'] {
    color: #58585b;
}
.x-panel-body .x-toolbar .btn.btn--icon.btn--xsmall,
.x-panel-body .insieme-toolbar .btn.btn--icon.btn--xsmall,
.x-panel-body .insieme-grid-toolbar .btn.btn--icon.btn--xsmall {
    background: #dfdfdf;
}
.x-panel-body .x-toolbar .btn.btn--icon.btn--xsmall:hover,
.x-panel-body .insieme-toolbar .btn.btn--icon.btn--xsmall:hover,
.x-panel-body .insieme-grid-toolbar .btn.btn--icon.btn--xsmall:hover {
    background: #c6c7ca;
}

.x-top .bookmark-selected,
.x-top .bookmark-selected:focus,
.x-top .bookmark-selected:hover {
    background: white;
    border: #017cad solid 2px;
}

.x-top .bookmark-selected.btn.btn--icon.btn--xsmall [class*='icon-'],
.x-top .bookmark-selected.btn.btn--icon.btn--xsmall [class*='icon-']:focus,
.x-top .bookmark-selected.btn.btn--icon.btn--xsmall [class*='icon-']:hover {
    color: #017cad;
}

.x-grid-cell-inner img {
    width: 18px;
    height: 18px;
}

.x-grid-with-row-lines .x-grid-cell-inner img {
    width: 20px;
    height: 20px;
}

.i-panhealth {
    background-color: #dfdfdf;
    width: 118px;
    padding: 5px;
}

.icon-collapse-left {
    padding-left: 5px
}

.icon-collapse-left:before {
    content: "";
}

.icon-expand-right:before {
    content: "";
}

textarea,
textarea .x-input-el {
    resize: none !important;
}

.tree-filter {
    padding: 10px 0 5px;
}

.contCommon {
    margin: 10px 5px 10px;
    padding: 0 10px 10px;
    height: 100%;
}

.contSummary,
.contSeeAlso {
    background-color: #f8f8f8;
}

.contSteps {
    background-color: #fff;
}

.contTile {
  padding-top: 10px !important;
  border: 1px solid #dfdfdf !important;
}

.textTitleCommon {
    font-weight: 300;
    text-align: center;
    line-height: 24px;
    margin: 0 0 10px;
}

.textTitleMajor {
    font-size: 20px;
    color: #0F7AC0;
}

.textTitleMinor {
    font-size: 18px;
    color: #404040;
}

.textBodySummary {
    font-size: 12px;
    color: #404040;
}

.textBodySummary .x-form-display-field {
    padding-bottom: 6px;
}

.imgMagnify:hover {
    cursor: zoom-in;
}

@keyframes animation-icon {
    from {
        opacity: 0.1;
    }
    to {
        opacity: 1;
    }
}

.button--danger {
    animation: animation-icon 1s infinite;
}

.header-toolbar > * {
    margin: 0 10px 0 0 !important;
}

a.btn.btn--icon.btn--small.btn--hide {
    display: none !important;
}

.app-tile-body .app-tile-toolbar>* {
    opacity: 0;
    -webkit-transition: opacity 200ms ease-out !important;
    -o-transition: opacity 200ms ease-out !important;;
    transition: opacity 200ms ease-out !important;;
}

.app-tile-body:hover .app-tile-toolbar>* {
    opacity: 1;
    -webkit-transition: opacity 200ms ease-out !important;
    -o-transition: opacity 200ms ease-out !important;;
    transition: opacity 200ms ease-out !important;;
}

.app-icon-container {
    position: relative;
    display: inline;
}

.app-icon-container .overlay-icon {
    position: absolute;
    z-index: 1;
    top: 32px;
    right: -4px;
    width: 20px;
    height: 20px;
}

.app-icon-container .overlay-icon.overlay-icon-small {
    top: 12px;
    width: 12px;
    height: 12px;
}

.alert__message {
    word-break: normal !important;
}
.alert__message p {
    margin: 0 0 10px;
}

.tree-picker {
    border: 1px solid #dfdfdf !important;
}

.tr-tools-info-infosection {
    background-color: #fff;
    padding-top: 10px;
}

.toolbar-legends {
    background-color: #f3f3f3;
    width: 100%;
    padding-bottom: 5px;
}

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

.configure-container .id3-tooltip {
    box-shadow: 2px 2px 5px grey;
    padding: 8px;
}

.id3-tooltip .id3-color-indicator {
    width: 15px;
    height: 13px;
    padding-left: 4px;
    padding-bottom: 2px;
}

.configure-container .id3-tooltip .title {
    text-align: left;
}

.swi-conf-root *.accordion-title {
    float: left;
    width: 200px;
    text-align: left;
    font-size: 15px;
    font-weight: 300;
}

.legend-item {
    width: 100%;
    height: 9px;
    margin-top: 4px;
    margin-left: 4px;
}
.legend-border-box {
    width: 100%;
    height: 9px;
    margin-top: 4px;
    margin-left: 4px;
}

.legend-title {
    font-size: 11px;
    min-width: 150px;
}

.legend {
    display: flex;
    width: 100%;
    height: 23px;
    align-items: center;
}

.legend :not(:nth-last-child(2)) {
    border-bottom: 1px solid lightgray;
}

.overlay-container {
    position: relative;
    display: inline;
}

.overlay-container .overlay-icon {
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 10px;
    height: 10px;
}

.overlay-container .overlay-icon-wide {
    position: absolute;
    bottom: -5px;
    right: -2px;
    width: 10px;
    height: 10px;
}

.x-tool-videos,
.internal-link {
    background-image: url("../icons/internal-link.svg") !important;
}

.x-internal-link,
.x-internal-link-policy-combo {
    cursor: hand;
    cursor: pointer;
    margin-left: 5px !important;
    width: 16px;
    height: 16px;
}

.x-delete-policy-combo {
    cursor: hand;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 2px;
    width: 16px;
    height: 16px;
}

.cui .btn.btn--white-ghost .x-btn-inner {
    color: #fff;
}
.cui .btn.btn--white-ghost:hover .x-btn-inner {
    color: #58585b;
}

.cui .btn.btn--secondary .x-btn-inner {
    color: #017CAD;
}
.cui .btn.btn--secondary:hover .x-btn-inner {
    color: #fff;
}

/** What's New */
.panel--indigo table {
    color: #fff;
}
.panel--indigo .x-form-checkbox,
.panel--indigo .x-form-cb-checked .x-form-checkbox {
    border: 3px solid #fff;
    border-radius: 2px;
    height: 17px;
    width: 17px;
}
.panel--indigo .x-form-checkbox {
    background-position: -53px 0;
}
.panel--indigo .x-form-cb-checked .x-form-checkbox {
    background-position: -53px -14px;
}
.panel--indigo .x-panel-header-default {
    background: transparent;
    border-bottom: 1px solid #00bceb;
    color: #00bceb;
    font-size: 18px;
    text-align: center;
}
.panel--indigo .i-tool-videos,
.panel--indigo .i-internal-link {
    display: inline-block;
    background: transparent url("../icons/internal-link.png") no-repeat;
    margin-left: 5px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.cui .panel--indigo a.jumpLink:focus {
    color: #dfdfdf;
}
/* override CUI panel--indigo link treatment */
.cui .panel--indigo a:not(.btn) {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.wn-panel h3,
.wn-panel h4,
.wn-panel h6 {
    text-align: center;
}
.wn-panel h3,
.wn-panel h6 {
    color: #fff;
}
.wn-panel h3 {
    font-size: 33px;
    margin-top: 21px;
}
.wn-panel h4 {
    color: #00bceb;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px;
}
.wn-panel h6 {
    margin-top: 18px;
}
.wn-panel .x-panel-header-default {
    color: #fff;
    margin: 1px 0 0;
}
.wn-panel .icon-star {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 1;
    height: 16px;
    width: 16px;
    margin: 7px auto 5px;
    text-align: center;
    vertical-align: middle;
}
.wn-panel .panel--indigo .x-panel-header-default {
    font-weight: 600;
}
.wn-panel span.x-window-header-text-default {
    margin-bottom: 0;
}
.wn-panel .x-panel-header-text-container {
    height: 24px;
}
.wn-panel .child-panel {
    border-top: 1px solid #fff;
}
.wn-panel .other .x-panel-header {
    padding-left: 6px;
}
.wn-panel .x-form-cb-label-after {
    color: #fff;
}
.wn-panel .x-internal-link {
    margin-left: 5px;
    vertical-align: middle;
}
.wn-panel .x-form-checkbox {
    vertical-align: -3px;
}
.wn-panel .x-btn-default-small.btn--white .x-btn-inner {
    color: #58585b;
}
.wn-panel .x-btn.btn.btn--small.btn--white:hover {
    background: #f2f2f2;
    color: #58585b;
}
.wn-panel .x-btn-default-small.btn--white:hover .x-btn-inner {
    color: #212529;
}

.transparent-toolbar {
    background: transparent;
}

/** END What's New */

@-webkit-keyframes pulsate {
    0% {
        color: #8B1001;
    }
    25% {
        color: #FF7300;
    }
    50% {
        color: #004BAF;
    }
    75% {
        color: #FF7300;
    }
    100% {
        color: #8B1001;
    }
}
@keyframes pulsate {
    0% {
        color: #8B1001;
    }
    25% {
        color: #FF7300;
    }
    50% {
        color: #004BAF;
    }
    75% {
        color: #FF7300;
    }
    100% {
        color: #8B1001;
    }
}
/* Accordion */
.x-accordion-item .x-panel-header .x-box-item,
.x-accordion-item .i-panel-header .x-box-item {
    top: 0 !important; /* alignment of the button in the toolbar */
}
.icon-expand-bottom:before {
    content: ""; /*  copied from cui-standard.min.css -  icon-chevron-down */
    position: relative;
    top: 1px;
    font-size: 14px;
}
.icon-collapse-top:before {
    content: ""; /*  copied from cui-standard.min.css -  icon-chevron-up */
    position: relative;
    font-size: 14px;
}
.x-tool-collapse-top .icon-collapse-top:before {
    content: ""; /*  copied from cui-standard.min.css -  icon-chevron-up */
    top: -1px;
    font-size: 14px;
}
.x-tool-expand-bottom .icon-collapse-top:before {
    content: ""; /*  copied from cui-standard.min.css -  icon-chevron-down */
    top: 0;
    font-size: 14px;
}
.x-tool-collapse-top .icon-expand-bottom:before {
    content: ""; /*  copied from cui-standard.min.css -  icon-chevron-up */
    top: -1px;
    font-size: 14px;
}
.x-tool-expand-bottom .icon-expand-bottom:before {
    content: ""; /*  copied from cui-standard.min.css -  icon-chevron-down */
    top: 0;
    font-size: 14px;
}
/* END Accordion */

.toolbar-margin {
    margin-top: 5px;
}

.insieme-stats-toolbar {
    background-color: #dfdfdf;
    margin: 5px 0;
    padding: 5px 10px;
}
.insieme-stats-toolbar .x-box-inner {
    height: 37px !important;
}
.insieme-stats-toolbar .x-box-inner .i-radio-group .x-form-item-label  {
    position: relative;
    top: -5px;
}

.i-form-selector-btn *[class*='icon-chevron-'] {
    color: #fff;
}

.i-form-selector-btn .icon-chevron-right {
    left: 1px;
}

.i-form-selector-btn .icon-chevron-left {
    left: -1px;
}

.inheritance-hidden {
    display: none !important;
}

.label-broken-hidden {
    display: none !important;
}

.latency-sorting-arrow-none .x-column-header-text {
    background-image: none;
}

.policy-combo-box-icon {
  width: 18px;
  height: 12px;
  float: left;
  margin-right: 3px;
  margin-top: 3px;
}

.sc-policy-combo-box-icon {
  width: 18px;
  height: 18px;
  float: left;
  margin: 1px 6px 0 2px !important;
}

li.x-boundlist-item.policy-combo-box-boundlist-item {
    height: 40px;
}

li.x-boundlist-item-over.policy-combo-box-boundlist-item {
        background-color: #D2EBF6 !important;
}

li.x-boundlist-item.policy-combo-box-boundlist-item:hover {
        background-color: #D2EBF6 !important;
}

.policy-combo-box-container {
  height: 30px;
}

.policy-combo-box-boundlist-item .policy-combo-box-title-item {
    float: left;
    height: 15px;
    color: #58585b;
    font-weight: 400;
}

.policy-combo-box-boundlist-item .sc-policy-combo-box-title-item {
    float: left;
    height: 15px;
    color: #58585b;
    font-weight: bold;
}

.policy-combo-box-title-type {
  color: #9e9ea2;
}

.sc-policy-combo-box-title-type {
  color: #9e9ea2;
}

.policy-combo-box-separator {
    border-bottom: 1px solid #f2f2f2;
    margin: 4px 0;
}

.sc-policy-combo-box-separator {
    border-bottom: 1px solid #f2f2f2;
    margin: 0 0 4px !important;
}

.policy-combo-box-boundlist-item .policy-combo-box-subtitle-item {
    font-style: italic;
    font-size: 11px;
    clear: left;
    padding-left: 22px;
     height: 15px;
     color: #9e9ea2;
}

.policy-combo-box-boundlist-item .sc-policy-combo-box-subtitle-item {
    font-style: italic;
    font-size: 11px;
    clear: left;
    padding-left: 25px;
    height: 15px;
    color: #9e9ea2;
}

.policy-combo-box-title-item {
    font-weight: bold;
}

.policy-combo-box-title-item-right {
    float: right;
    color: #58585b;
    padding-right: 5px;
    font-weight: bold;
}

.i-fieldset-header-text {
    background-color: transparent;
    font-size: 15px;
    font-weight: lighter;
}

.first-letter-status tspan.red {
    fill: red;
    font-size: 25px;
}
.first-letter-status tspan.green {
    fill: #34cb34;
    font-size: 25px;
}
.first-letter-status tspan.grey {
    fill: grey;
    font-size: 25px;
}

.first-letter-status tspan.orange {
    fill: #FFA500;
    font-size: 25px;
}

.i-appstore-tabbedpane > .x-panel-body, .i-tabbedpane > .i-panel-body {
  border: none;
  padding: 0 !important;
}

.id3-graphPanel .toolbar-title {
    font-weight: bold;
    text-decoration: underline;
}

.id3-graphPanel .graph-title {
    line-height: 2.13;
    padding-left: 5px;
    font-size: 15px;
}

.cui .graph-title .alert {
    line-height: 1.38;
    padding: 5px;
    width: 98%;
    font-size: 13px;
}
.cui .graph-title .alert__icon {
    top: 5px;
    font-size: 20px;
}

.i-networking-fvL2ColorImg2 {
 background-image: url("../icons/j/graph/l2-graph.svg");
}

.i-networking-fvL3ColorImg2 {
 background-image: url("../icons/j/graph/l3-graph.svg");
}
.cui .graph-action button {
    color: white;
}

.id3-icon-button {
    cursor: move;
}
.id3-legend-colorbox {
    background-color: white;
    display: inline-block;
    width: 15px;
    height: 14px;
    margin-right: 5px;
    margin-bottom: 2px;
}
.id3-legend-text {
    line-height: 12px;
}

.id3-legend-img-text {
    background-repeat: no-repeat;
    padding-left: 18px;
    background-size: 14px;
}

.id3-legend {
    padding: 5px 0;
    font-size: 11px;
    border-bottom: 1px solid lightgrey;
    display: flex;
}

.id3-legend:last-child {
    border-bottom: none;
}
.id3-graphArea-container {
    height: 100%;
    width: 100%;
    /*background-color: #f8f8f8;*/
}

.id3-graphPanel .x-btn-default-small.x-btn-default-small-disabled {
    background-color: #bdbdbd !important;
}

.id3-tooltip-loading img {
    width: 14px;
    height: 14px;
}

.id3-tooltip-loading-hidden img {
    display: none;
}

.id3-tooltip-loading span {
    color: lightgrey;
}

.id3-tooltip-loading.id3-tooltip-loading-hidden span {
    color: #58585B;
}

.id3-tooltip .body table {
    font-size: 11px;
}

.id3-tooltip .body table td {
    padding: 2px 3px;
    vertical-align: top;
}

.id3-tooltip {
    padding: 3px;
    min-width: 200px;
}
.id3-tooltip .title {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;
    min-width: 210px;
}

.id3-tooltip .health {
    color: white;
    padding: 2px 10px;
    border-radius: 25px;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

.id3-tooltip .fault table td {
    width: 26px;
    height: 23px;
    text-align: center;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 12px;
}

.id3-tooltip .fault {
    background-color: green;
}

.id3-tooltip .fault table {
    border-collapse: separate;
    border-spacing: 2px;
    background-color: white;
}

.id3-tooltip hr {
    margin-top: 0;
}

.i-fieldset .field-set-seperator{
    margin: 10px 0 0;
    border-block-end: solid 1px;
}

.id3-tooltip .fault .blur {
    opacity: 0.2;
}

path.node-connect-link.id3-link-faulty {
    stroke: #ffbdbd;
}

svg .draw-container.dimmed path.selected.id3-link-faulty {
    stroke: red;
}

svg .node-container.selected.clicked .selectable {
    stroke: #017CAD;
    stroke-width: 1px;
}

svg .node-container.selected text.title {
    font-weight: bold;
}

svg .node-container text.title.is-master {
    font-weight: bold;
}

svg .node-container.clicked text.title {
    font-weight: bold;
}

svg .draw-container .node-container.node-disabled .fgrect {
    fill: #bfbfbf;
    opacity: 0.35;
}

svg .draw-container.dimmed .node-container.node-disabled.selected .fgrect {
    /*fill: none;*/
    fill: #bfbfbf;
    opacity: 0.35;
}

svg .draw-container.dimmed .node-container .fadable {
    opacity: 0.20;
}

svg .draw-container.dimmed .node-container .id3-port,
svg .draw-container.dimmed .node-container .id3-rem-port-count {
    opacity: 0.25;
}

svg .draw-container.dimmed .node-container.selected .id3-port,
svg .draw-container.dimmed .node-container.selected .id3-rem-port-count {
    opacity: 1;
}

svg .draw-container .node-container text.title {
    transition: fill .25s;
}

svg .draw-container.dimmed .node-container:not(.selected) text.title {
    fill: #fff;
}

svg .draw-container .node-container.node-disabled text.title {
    fill: #b1b1b1;
}

svg .draw-container .node-container .fgrect {
    transition: opacity .25s;
    fill: white;
    opacity: 0;
}

svg .draw-container .node-container .fadable {
    transition: opacity .25s;
    opacity: 1;
}

svg .draw-container.dimmed .node-container.selected .fadable {
    /*fill: none;*/
    opacity: 1;
}

svg .draw-container .node-container .fgrect.pointer {
    cursor: pointer;
}

svg .draw-container.dimmed path {
    stroke: #eaebea;
}

svg .draw-container.dimmed path.selected {
    stroke: #039fd8;
}

/* generic class to add top-margin */
.top-margin-25 {
    margin-top: 25px;
}

/* generic override class to left justify a field label (useful when only one field aligned full left) */
.label-left-justified label.x-form-item-label-right {
    text-align: left;
}

.i-appstore-tabbedpane > .x-panel-body, .i-tabbedpane > .i-panel-body {
    border: none;
    padding: 0 0 0 0 !important;
}

.pan-domain-tree .x-form-display-field img {
    width: 18px;
    height: 18px;
}

.illustration-btn {
  max-width: 150;
  padding: 10;
}

.tbl-node-connection .active {
    background-color: #14a792;
    color: white;
    padding: 0 3px;
    border-radius: 5px;
}

.tbl-node-connection .inactive {
    background-color: #eb2300;
    color: white;
    padding: 0 3px;
    border-radius: 5px;
}

.x-grid-row-editor-buttons .x-btn .x-btn-center .x-btn-inner {
    text-align: center;
    font-size: 10px;
    padding: 0;
}

.id3-tooltip-main.x-tip {
    width: auto !important;
}
.id3-tooltip-main .x-tip-body {
    width: auto !important;
}
.id3-tooltip-main .x-tip-body span {
    width: auto !important;
}

.form-error-state-indicator {
  font-style: italic  !important;
}

/*
 *  Force action button images to be small and only show up when the
 *  row is hovered over
 */
.x-grid-row .x-action-col-cell .x-action-col-icon {
    display: none !important;
}

.x-grid-row:hover .x-action-col-cell .x-action-col-icon {
    display: inline-block !important;
    background-color: transparent !important;
    width: 16px !important;
    height: 16px !important;
}

/* Show read-only text field-type controls as clearly read-only */
.i-readOnlyTextarea textarea[readonly],
.i-readOnlyTextField input {
    background-color: #f2f2f2 !important;
}

.icon-edit-stats {
  margin-left: 3px;
  padding: 0 0 5px;
  cursor: hand;
  cursor: pointer;
  width: 18px !important;
  height: 16px !important;
  background-color: transparent;
  border: none;
  background-image: url("/insieme/stromboli/resources/icons/j/generic/stats.svg");
}

.icon-edit-stats:hover {
  background-color: #fff;
  border: #017cad solid 1px;
}

.x-grid-row .x-action-col-cell .x-action-col-icon.icon-edit-stats {
  display: inline !important;
}

.icon-show-endpoint {
  margin-left: 3px;
  padding: 0 0 5px;
  cursor: hand;
  cursor: pointer;
  width: 16px !important;
  height: 16px !important;
  margin-left: 5px !important;
  background-color: transparent;
  border: none;
  background-image: url("/insieme/stromboli/resources/icons/internal-link.svg");
}

.icon-show-endpoint:hover {
  background-color: #fff;
  border: #017cad solid 1px;
}

.x-grid-row .x-action-col-cell .x-action-col-icon.icon-show-endpoint {
  display: inline !important;
}
.icon-popup-info {
  margin-left: 3px;
  padding: 0 0 5px;
  cursor: hand;
  cursor: pointer;
  width: 16px !important;
  height: 16px !important;
  border-radius: 0 !important;
  background-color: #fff;
  border: #fff solid 1px;
  background-image: url("/insieme/stromboli/resources/icons/internal-link.svg");
}
.icon-popup-info:hover {
  background-color: #fff;
  border: #017cad solid 1px;
}
.x-grid-row .x-action-col-cell .x-action-col-icon.icon-popup-info {
  display: inline !important;
}

.id3-nodeControlBox .i-panel-body {
    overflow: auto;
}

.id3-legend-container {
    background-color: #f2f2f2;
    padding: 5px 10px;
}

.id3-legend-zone-color-0 {
    background-color: #e6194b;
}

.id3-legend-zone-color-1 {
    background-color: #3cb44b;
}

.id3-legend-zone-color-2 {
    background-color: #ffe119;
}

.id3-legend-zone-color-3 {
    background-color: #0082c8;
}

.id3-legend-zone-color-4 {
    background-color: #f58231;
}

.id3-legend-zone-color-5 {
    background-color: #911eb4;
}

.id3-legend-zone-color-6 {
    background-color: #46f0f0;
}

.id3-legend-zone-color-7 {
    background-color: #f032e6;
}

.id3-legend-zone-color-8 {
    background-color: #d2f53c;
}

.id3-legend-zone-color-9 {
    background-color: #fabebe;
}

.state_zoneVisible .id3-fabricnode-zone-color-0 .zone-symbol {
    stroke: #e6194b
}

.state_zoneVisible .id3-fabricnode-zone-color-1 .zone-symbol {
    stroke: #3cb44b
}

.state_zoneVisible .id3-fabricnode-zone-color-2 .zone-symbol {
    stroke: #ffe119
}

.state_zoneVisible .id3-fabricnode-zone-color-3 .zone-symbol {
    stroke: #0082c8
}

.state_zoneVisible .id3-fabricnode-zone-color-4 .zone-symbol {
    stroke: #f58231
}

.state_zoneVisible .id3-fabricnode-zone-color-5 .zone-symbol {
    stroke: #911eb4
}

.state_zoneVisible .id3-fabricnode-zone-color-6 .zone-symbol {
    stroke: #46f0f0
}

.state_zoneVisible .id3-fabricnode-zone-color-7 .zone-symbol {
    stroke: #f032e6
}

.state_zoneVisible .id3-fabricnode-zone-color-8 .zone-symbol {
    stroke: #d2f53c
}

.state_zoneVisible .id3-fabricnode-zone-color-9 .zone-symbol {
    stroke: #fabebe
}

.id3-zone-warning {
    padding: 3px 0;
    margin: 3px 0;
    font-size: 10px;
    color: #aaa;
}

/*  Apply Service Graph Template dialog */
.i-servicegraph-contract-container {
    background-color: transparent;
}

.i-servicegraph-contract-tile {
    border: 1px solid lightgrey;
    margin: 0 10px 10px 0;
    padding: 10px 10px 0;
}

.i-servicegraph-contract-tile .i-fieldset-header-text {
    font-weight: 600;
    line-height: 1.57;
    font-size: 14px;
}

.i-servicegraph-contract-tile .i-fieldset .i-fieldset .i-fieldset-header-text {
    font-weight: 500;
    margin-top: 6px;
}

.i-servicegraph-contract-grapheditor {
    border: 1px solid lightgrey;
    margin: 0 0 4px 0;
}
/*  END Service Graph Template dialog */
.fabric-membership-tiles-panel .id3-tileArea-container {
    overflow: hidden !important;
}

.id3-tileArea-container {
    font-family: "Inter", Helvetica, Arial, sans-serif;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.id3-long-tile {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 135px;
}
.id3-tile-container .cursorPointer {
    border: 1px solid #f2f2f2;
}

.id3-tile-container .cursorPointer:hover {
    border-color: #059fda;
}

/* Getting Started */
.id3-long-tile-item-text {
    font-size: 48px;
    font-weight: 200;
    line-height: 1.04;
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.id3-long-tile-item {
    display: inline-block;
    margin: 7px 10px 10px;
}
.id3-long-tile-item.total {
    width: 110px;
}
.id3-long-tile-item.line {
    border-right: 1px solid lightgray;
    height: 60px;
    position: relative;
    top: 2px;
}
.id3-long-tile-item-title {
    color: #9E9EA2;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    line-height: 1;
}
/* append red asterisk after FM, BGP, and Intersight */
.id3-tile-field-bgp-title::after,
.id3-tile-field-fabricMembership-title::after,
.id3-tile-field-ntp-title::after {
    color: #e2231a;
    content: '*';
}

.id3-tile-field-intersightSummary-value1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 91px;
}

.id3-tileArea-in-container {
    min-width: 400px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    position: relative;
}
.oobGSBtn {
    max-width: 350px !important;
    float: right !important;
}
.id3-long-tile-getStart {
    display: table;
    width: 100%;
}
.id3-long-tile-text {
    width: 78%;
}
.id3-long-tile-text-bestPractices {
    width: 78%;
}
.id3-long-tile-text-oob {
    width: 78%;
}
.id3-long-tile-btn {
    width: 12%;
    padding-left: 11px;
    padding-top: 4px;
}
.id3-long-tile-subtext {
    display: table-cell;
    font-weight: 400;
    color: #9E9EA2;
    font-size: 16px;
    padding: 18px 0 0 3px;
}
.id3-long-tile-chk {
    width: 6%;
    padding-top: 5px;
}
.id3-long-tile-action {
    width: 16%;
    padding-top: 5px;
}
.id3-long-tile-btn-bestPractices {
    width: 22%;
    padding-top: 3px;
}
.id3-long-tile-btn-oob {
    width: 22%;
    padding-top: 3px;
}
.id3-long-tile-edit {
    color: #017CAD;
    display: table-cell;
    font-size: 14px;
    padding-left: 12px;
}
.id3-long-tile-edit:hover {
    text-decoration: underline;
}
.gettingStartedTiles .id3-tile-container {
    width: 100% !important;
    height: 70px !important;
}
.gettingStartedSummaryTiles {
    margin: 14px 0 0;
}
.gettingStartedSummaryTiles .id3-tile-container {
    width: 297px !important;
    height: 200px !important;
}
.gettingStartedSummaryTiles .id3-tileArea-in-container {
    justify-content: normal;
}
.gettingStartedSummaryTiles .id3-tileArea-in-container {
    justify-content: normal;
}
#id3-tile-fabricMembership {
    margin-top: 18px !important;
}
.gettingStartedTiles .id3-tile-container .id3-basic-tile-title-icon {
    display: none !important;
}
.gettingStartedSummaryTiles .id3-tile-container .id3-basic-tile-title-icon {
    display: none !important;
}
.gettingStartedTiles .btn {
    height: 30px;
    width: 80px;
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
    margin-right: 18px;
}
.gettingStartedTiles .btn span {
    line-height: 2 !important;
}
.gettingStartedTiles .id3-tile-container .id3-basic-tile.card {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 3px;
}
.gettingStartedTiles .id3-tile-body-loading {
	padding-top: 0;
}
.gettingStartedSummaryTiles .id3-tile-container .id3-basic-tile.card {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 3px;
}
.gettingStartedSummaryTiles .id3-tile-body {
    padding: 20px 0px 20px 10px;
}
.gettingStartedSummaryTiles .data-cont-right {
    margin-left: 18px;
}
.gettingStartedSummaryTiles .card-label {
    color: #9e9ea2;
    margin-left: 12px;
    margin-top: 6px;
}
.gettingStartedSummaryTiles .additional-config-card-label {
    color: #9e9ea2;
}
.gettingStartedSummaryTiles .additional-config-hyperlink {
    margin-top: 40px;
    color: #007493;
}
.gettingStartedSummaryTiles .additional-config-hyperlink:hover {
    text-decoration: underline;
}
.gettingStartedSummaryTiles .gauge-container {
    margin-top: 6px;
    margin-left: 10px;
}
.gettingStartedSummaryTiles .card-data-count {
    margin-left: 24px;
    margin-top: 6px;
}
.wn-panelMain.getting-started.panel--indigo .btn.btn--icon {
    margin-left: 0;
    background: none;
    border: 1px solid;
}
.icon-subtext {
    display: block;
    font-size: 14px;
    color: #9e9ea2;
    line-height: 4;
    font-family: "Inter";
}
/* Let these be here for now, may add fabric membership and OOB gauge's back in IMR */

/*#id3-tile-fabricMembershipSummary .id3-tile-body {
    padding: 0 !important;
}*/
/*#id3-tile-fabricMembershipSummary .fm-first-value {
    margin-left: 21px
}*/
/*#id3-tile-fabricMembershipSummary .data-cont-right {
   margin-top: 26px;
}*/

/*#id3-tile-oobSummary .id3-tile-body {
    padding: 0 !important;
}
#id3-tile-oobSummary .data-cont-right {
    margin-top: 15px;
}
#id3-tile-oobSummary .fm-first-value {
    margin-left: 24px
}*/
.oob-card-label-text {
    color: #9e9ea2;
}
.quicklinks-container {
    background-color: #f2f2f2 !important;
    height: 188px !important;
}
.quicklinks-container-body {
    height: 188px !important;
    width: 800px;
    background-color: #fff !important;
    margin-right: 31px !important;
    border: 1px solid #dfdfdf !important;
    border-radius: 3px;
}
.id3-leaf-tile-panel .id3-tileArea-in-container {
    min-width: 700px;
}
.id3-spine-tile-panel .id3-tileArea-in-container {
    min-width: 430px;
}
.quicklinks-container .i-panel-header-text-default {
    font-size: 16px;
    font-weight: 500;
}
.recommended {
    font-style: italic;
    font-size: 12px;
}
.id3-ap-tile-panel .id3-tileArea-in-container {
    min-width: 500px;
}
.id3-long-tile-list-right .list-ic-right {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 4px;
}
.id3-long-tile-list-right {
    width: 110px;
    margin-left: 130px;
    margin-top: -60px;
}

.id3-long-tile-list-right .list-ic-right.down {
    background-color: #CF2030;
    border: 1px solid #CF2030;
}

.id3-long-tile-list-right .list-ic-right.mid {
    background-color: #cf7c0b;
    border: 1px solid #cf7c0b;
}

.id3-long-tile-list-right .list-ic-right.up {
    background-color: #6CC04A;
    border: 1px solid #6CC04A;
}

.id3-long-tile-list-right .list-ic-right.inactive {
    background-color: #b3b3b3;
    border: 1px solid #b3b3b3;
}

.grouped-status {
    width: 110px;
    margin-left: 50px;
    line-height: 21px;
}

.id3-tile-field-nprTile-unsupported,
.id3-tile-field-nprTile-undiscovered {
    color: #c10725;
}

.id3-tile-field-nprTile-unknown {
    color: #fd985c;
}

.status-list-text-right {
    display: inline-flex;
    width: 90px;
    min-height: 10px;
    font-size: 10px;
}

.rn-tiles-panel {
    background-color: #fff;
}

.id3-tile-body .id3-long-tile-updown-list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.id3-long-tile-updown-list .updown-list-ic {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 3px;
}

.id3-long-tile-updown-list .updown-list-space {
    width: 10px;
}

.id3-long-tile-updown-list .updown-list-ic.down {
     background-color: #CF2030;
     border: 1px solid #CF2030;
 }

.updown-list-text {
    display: inline-block;
    min-height: 10px;
    font-size: 12px;
    padding: 0 2px;
}

.id3-long-tile-updown-list .updown-list-ic.up {
    background-color: #6CC04A;
    border: 1px solid #6CC04A;
}

.id3-tileArea-error {
    margin-left: auto;
    margin-right: auto;
    display: table;
    border: 1px solid red;
    margin-top: 10px;
    padding: 5px;
    font-size: 14px;
    background-color: yellow;
}

.id3-tile-container {
    display: inline-block;
    margin: 2px 15px 22px;
    vertical-align: top;
}

.cui .id3-basic-tile.card {
    min-height: initial;
}

.id3-basic-tile-title-icon {
    background-color: white;
    display: inline-block;
    padding: 2px;
    border: 1px solid #e4e4e4;
    border-radius: 17px;
    position: relative;
    height: 25px;
    width: 25px;
}

.id3-tile-section-all .id3-tile-footer-warning.text-no-icon img {
    display: none;
}

.id3-tile-section-all .id3-tile-footer-warning.text-no-icon span {
    color: #a9aaad;
}

.id3-tile-container .id3-tile-section-footer {
    margin: 0 -10px -10px;
}

.id3-tile-container.sm .id3-tile-footer-warning.text-no-icon span {
    line-height: 11px;
}

.id3-basic-tile-title-icon img {
    height: 17px;
    width: 17px;
    top: 1px;
    left: 1px;
    position: relative;
}

.id3-basic-tile-title {
    font-weight: bold;
    position: relative;
    top: 3px;
    left: 3px;
}

.id3-basic-tile-text span {
    font-weight: 200;
    font-size: 48px;
    line-height: 1.04;
    margin: 10px auto 0;
    display: table;
    color: #58585B;
}

.id3-basic-tile-left {
    float: left;
}

.twoCol {
    width: 50%;
}

.id3-basic-tile-right {
    float: right;
}

.id3-basic-tile-firmware-text {
    font-weight: 500;
    font-size: 20px;
    margin-left: auto;
    vertical-align: 30px;
    display: inline;
    color: #58585B;
}

.i-radio-btns-legacy .x-form-radio-group .x-checkboxgroup-form-item.x-form-cb-checked {
    background: none;
    border: none;
    padding: 0;
}
.i-radio-btns-legacy .x-form-radio-group .x-checkboxgroup-form-item .x-form-cb-label,
.i-radio-btns-legacy .x-form-radio-group .x-checkboxgroup-form-item .x-form-cb-wrap {
    background: none;
    border: none !important;
    color: #58585b;
    padding: 6px;
    top: -4px;
}
.i-radio-btns-legacy .x-form-radio-group .x-checkboxgroup-form-item .x-form-cb-label.x-form-cb-label-after {
    position: relative;
    top: -1px;
}

.list-with-style li {
    list-style: disc !important;
    margin-left: 14px;
}

.registerButton {
   border: 1px solid #000000;
   background: #fff;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
   background: -webkit-linear-gradient(top, #fff, #fff);
   background: -moz-linear-gradient(top, #fff, #fff);
   background: -ms-linear-gradient(top, #fff, #fff);
   background: -o-linear-gradient(top, #fff, #fff);
   border-radius: 15px;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   text-decoration: none;
   vertical-align: middle;
   margin-left: 20px;
}
.registerButton:hover {
   border-top-color: #04a0d9;
   background: #04a0d9;
   color: #000000;
}
.registerButton:active {
   border-top-color: #f2f5f7;
   background: #f2f5f7;
}
.id3-basic-tile-text {
    padding-top: 16px;
    line-height: 1.5;
}

.id3-basic-tile-subtext span {
    margin-left: auto;
    margin-right: auto;
}

.id3-basic-tile-firmware-subtext {
    color: #9E9EA2;
}

.id3-basic-tile-subtext span:first-child {
    display: table;
    font-weight: 300;
    color: #9E9EA2;
    font-size: 20px;
}

.id3-tile-field-controller-subsubText {
    font-weight: 400 !important;
    font-size: 11px !important;
    padding-top: 10px;
}

.id3-basic-tile-percentage span:first-child {
    display: table;
    margin: 0 auto;
}

.id3-tile-header {
    background-color: white;
    height: 100%;
}

.id3-tile-body {
    background-color: white;
    height: 100%;
}

.id3-tile-footer {
    background-color: #E8EBF1;
    padding: 6px 10px;
    position: relative;
    height: 100%;
}

.id3-basic-tile-faults {
    display: inline-block;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.id3-basic-tile-faults-val {
    position: relative;
    top: -6px;
    padding-left: 3px;
}

.id3-basic-tile-fault-container {
    display: inline-block;
}

.id3-basic-tile-health-container {
    display: block;
    float: right;
}

.id3-basic-tile-health {
    display: block;
    width: 20px;
    height: 15px;
    margin-top: 4px;
    float: right;
    border-radius: 2px;
}

.id3-basic-tile-cpu,
.id3-basic-tile-memory {
    display: block;
    width: 10px;
    height: 0;
    margin-right: 5px;
    margin-top: 6px;
    float: right;
    border-radius: 2px;
}

.id3-basic-tile-temperature {
    display: block;
    width: 8px;
    height: 0;
    margin-top: 0;
    margin-right: 5px;
    float: right;
    border-radius: 2px;
}

.id3-basic-tile-health-val, .id3-basic-tile-temperature-val, .id3-basic-tile-cpu-val, .id3-basic-tile-memory-val {
    float: right;
    position: relative;
    top: 3px;
    padding-right: 3px;
}

.id3-basic-tile-version-val {
    float: initial;
    position: inherit;
    margin-left: 30px;
    color: #58585b;
    font-weight: 600;
}

.id3-basic-tile-percentage-val {
    float: initial;
    position: inherit;
    color: #58585b;
    font-weight: 550;
    font-size: 12;
    margin-left: 5px;
}

.id3-tile-header-loading,.id3-tile-body-loading,.id3-tile-footer-loading {
    height: 100%;
    background-color: white;
    width: 100%;
    text-align: center;
    padding-top: 12px;
}

.id3-tile-header-warning,.id3-tile-body-warning,.id3-tile-footer-warning {
    height: 100%;
    width: 100%;
    padding-top: 7px;
    background-color: white;
    padding-left: 6px;
}
.id3-tile-body-warning {
    text-align: center;
}

.id3-tile-body-warning img {
    height: 40px;
    margin-top: 30px;
}
.id3-tile-body-warning span {
    display: block;
}
.id3-tile-header-warning img,.id3-tile-footer-warning img {
    height: 19px;
}

.id3-tile-body-loading {
    padding-top: 55px;
}

.id3-tile-footer-loading,
.id3-tile-footer-warning {
    background-color: #e8ebf1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.id3-contract-tile .id3-basic-tile-text {
    padding: 0;
}
.id3-basic-tile-infotext {
    color: #9E9EA2;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.id3-basic-tile-infotext.id3-top {
    padding-top: 5px;
}
.id3-basic-tile-infotext .row {
    display: table-row;
}
.id3-basic-tile-infotext label,
.id3-basic-tile-infotext .value {
    display: table-cell;
}
.id3-basic-tile-infotext label {
    text-align: right;
    padding: 0 3px 0 10px;
}
.id3-basic-tile-infotext label:first-child {
    padding-left: 0;
}
.id3-basic-tile-infotext .value {
    color: #58585B;
    font-size: 14px;
}

.id3-mini-tooltip {
    display: inline-block;
    padding: 6px;
    border-radius: 4px;
    background-color: #434345;
    z-index: 100;
    position: absolute;
    pointer-events: none;
    min-width: 50px;
    color: white;
}

.id3-mini-tooltip .id3-mini-tooltip-content {
    display: inline-block;
    position: relative;
}

.id3-mini-tooltip .id3-mini-tooltip-arrows {
    position: absolute;
    background-color: #434345;
    border-radius: 2px;
    transform: rotate(45deg);
}

.id3-mini-tooltip .id3-mini-tooltip-faults {
    color: white;
}
.id3-mini-tooltip-faults table {
    color: white;
    font-size: 10px;
}

.id3-mini-tooltip-faults table th {
    width: 28px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
}

.id3-mini-tooltip-faults table td {
    text-align: center;
    padding-top: 4px;
}

.id3-mini-tooltip-help {
    color: white;
    width: auto;
}

.id3-mini-tooltip-controller-name{
    color: white;
    width: 100px;
}

.id3-mini-tooltip-help table {
    color: white;
    font-size: 12px;
}

.warning-fault-count2 {
    background: #6cc04a;
}

.x-boundlist-item-overridden {
    background: #f2f2f2 !important;
    padding: 5px;
    text-align: center;
}

.searchPanel {
    top: 4px !important;
}

/* Firefox and Internet Explorer */
div[id$='left-targetEl'], div[id$='top-targetEl'], div[id$='headerNew-targetEl'] {
    width: 100% !important;
}

.hide-column-ack .x-grid-cell-inner {
    display: none;
}

.operation-status-red .x-form-display-field {
    font-weight: 200;
    font-size: 18px;
    color: #d62737;
}

.operation-status-orange .x-form-display-field {
    font-weight: 200;
    font-size: 18px;
    color: #ff7300;
}

.operation-status-green .x-form-display-field {
    font-weight: 200;
    font-size: 18px;
    color: #6cc04a;
}

.smart-licensing-section-title .i-panel-header-text-default {
    font-size: 18px;
}

.operation-status-title .i-panel-header-text-default {
    font-weight: 400;
    font-size: 14px;
    color: #333131;
}

.operation-status-title .i-panel-header-text-container {
    height: 24px;
}

.operation-status-title .i-panel-header-default {
    height: 24px;
}

.return-auth-title .i-panel-header-text-default {
    font-weight: 200;
    font-size: 12px;
    color: #333131;
}

.return-auth-title .x-panel-header-default {
    height: 24px;
}

.id3-basic-tile-main-container {
   width: 100%;
   height: -webkit-fill-available;
}

.id3-basic-tile-right-container {

   display: inline-block;
   text-align: center;
   width: 20%;
}

.id3-basic-tile-left-container {
   display: inline-block;
   width: 80%;
   line-height: 38px;
   padding-left: 100px;
   position: relative;
   bottom: 30px;
}

.id3-basic-tile-left-container label {
   color: #58585B ;
   font-size: 25px;
   font-weight: 200;
}

.id3-basic-tile-container {
   display: inline-block;
   width: 22%;
}

.id3-basic-tile-container .id3-basic-tile-text span {
   font-size: 35px;
   width: 10%;
   margin: 0 auto;
}

.id3-basic-tile-container .id3-basic-tile-subtext span {
   display: table;
   font-weight: 300;
   color: #9e9ea2;
   font-size: 15px;
   margin-left: auto;
   margin-right: auto;
}

.id3-basic-tile-hide {
   display: none;
}

.id3-tile-btn,
.id3-tile-btn:hover {
   background-color: #f2f2f2;
   color: #017cad;
   border-width: 1px;
   border-color: #017cad;
   border-style: solid;
   line-height: 30px;
   text-align: center;
   min-width: 150px;
   display: inline-block;
   vertical-align: middle;
}

.id3-tile-btn-container {
   width: 100%;
   display: table;
   text-align: center;
   padding-top: 30px;
}

.id3-basic-tile-beacon-left {
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    margin-left: 36%;
    margin-right: 2px;
}

.id3-basic-tile-beacon-left-total {
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    margin-right: 2px;
}

.id3-basic-tile-beacon-right-total {
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    margin-right: 2px;
    margin-left: 10px;
}

.id3-basic-tile-beacon-right {
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    margin-left: 15px;
}

.id3-basic-tile-firmware-main-container {
    width: 100%;
    padding-left: 15px;
}

.id3-basic-tile-firmware-main-container .status-bar {
    margin-top: 2px;
}

.id3-tile-field-physicalInterfaces-upLinkUp, .id3-tile-field-physicalInterfaces-upLinkDown, .id3-tile-field-physicalInterfaces-downLinkUp,
.id3-tile-field-physicalInterfaces-downLinkDown, .id3-tile-field-physicalInterfaces-fexUpLinkUp, .id3-tile-field-physicalInterfaces-fexUpLinkDown,
.id3-tile-field-physicalInterfaces-fexDownLinkUp, .id3-tile-field-physicalInterfaces-fexDownLinkDown {
    font-size: 12px !important;
}

.id3-basic-tile-total {
    margin-bottom: 16px;
}

.id3-tile-field-physicalInterfaces-totalUp, .id3-tile-field-physicalInterfaces-totalDown {
   font-size: 12px !important;
}

.warning-fault-count2 {
  background: #6cc04a;
}

.tile-sm {
    width: 19%;
    height: 30%;
    margin-left: 5%;
    font-size: 100%;
}

.tile-md {
    width: 22%;
    height: 30%;
    margin-left: 5%;
    font-size: 100%;
}

.tile-lg {
    width: 91%;
    height: 30%;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 100%;
}

.id3-tile-field-spines-objs,
.id3-tile-field-leaves-objs,
.id3-tile-field-tier-2-leaf-objs,
.id3-tile-field-controllers-objs,
.id3-tile-field-pods-objs,
.id3-tile-field-nodes-objs,
.id3-tile-field-virtualNodes-objs,
.id3-tile-field-spines-temperatureObj,
.id3-tile-field-leaves-temperatureObj,
.id3-tile-field-tier-2-leaf-temperatureObj,
.id3-tile-field-spines-memoryObj,
.id3-tile-field-leaves-memoryObj,
.id3-tile-field-tier-2-leaf-memoryObj,
.id3-tile-field-spines-cpuObj,
.id3-tile-field-leaves-cpuObj,
.id3-tile-field-tier-2-leaf-cpuObj,
.id3-tile-field-spines-memoryObj,
.id3-tile-field-leaves-memoryObj,
.id3-tile-field-tier-2-leaf-memoryObj {
   display: inline-block;
   width: 65%;
   padding-left: 23px;
   padding-right: 10px;
   vertical-align: top;
   height: -webkit-fill-available;
   overflow: auto;
}

.id3-tile-field-ctrlStorage-storageMos {
   display: inline-block;
   width: 100%;
   padding-left: 23px;
   vertical-align: top;
   height: 90%;
   overflow: auto;
}

.id3-basic-tile-pod-right-container {
   display: inline-block;
   text-align: center;
   width: 35%;
   padding-bottom: 35px;
}

.id3-basic-tile-firmware-right-container {
   display: inline-block;
   text-align: center;
   margin-left: 190px;
   padding-bottom: 35px;
}

.id3-tile-objs-left,
.id3-tile-temperatureObj-left,
.id3-tile-cpuObj-left,
.id3-tile-memoryObj-left {
    height: 5%;
}

.fabric-membership-tiles-panel.node-register-loading .id3-tile-body-fm {
    display: none;
}

.id3-tile-body-fm {
    background-color: white;
    height: 80%;
    width: 65%;
}

.id3-tile-body-fm-pending-reg {
    background-color: white;
    height: 80%;
    width: 65%;
    margin-left: -160px;
}

@media screen and (min-width: 800px) {
    .id3-tile-body-fm {
        width: 180%;
    }
    .id3-tile-body-fm-pending-reg {
        width: 65%;
        margin-left: 0;
    }
    .id3-long-tile-item {
        margin: 7px 0 10px;
    }
}

@media screen and (min-width: 1024px) {
    .id3-tile-body-fm {
        width: 250%;
    }
    .id3-tile-body-fm-pending-reg {
        width: 180%;
        margin-left: -150px;
    }
    .top3px {
        left: 3% !important;
    }
}

@media screen and (min-width: 1152px) {
    .top3px {
        left: 9% !important;
    }
}

@media screen and (min-width: 1280px) {
    .id3-tile-body-fm {
        width: 180%;
    }
    .id3-tile-body-fm-pending-reg {
        width: 115%;
        margin-left: -150px;
    }
    #id3-tile-chassisInventory {
        width: 100% !important;
    }
    .top3px {
        left: 14% !important;
    }
}

@media screen and (min-width: 1336px) {
    .id3-tile-body-fm {
        width: 160%;
    }
    .id3-tile-body-fm-pending-reg {
        width: 115%;
        margin-left: -150px;
    }
    #id3-tile-chassisInventory {
        width: 100% !important;
    }
    .top3px {
        left: 17% !important;
    }
}

@media screen and (min-width: 1400px) {
    .top3px {
        left: 18% !important;
    }
}

@media screen and (min-width: 1440px) {
    .id3-tile-body-fm {
        width: 150%;
    }
    .id3-tile-body-fm-pending-reg {
        width: 100%;
        margin-left: -100px;
    }
    #id3-tile-chassisInventory {
        width: 62% !important;
    }
    .top3px {
        left: 19% !important;
    }
}

@media screen and (min-width: 1600px) {
    .top3px {
        left: 23% !important;
    }
}

@media screen and (min-width: 1680px) {
    .id3-tile-body-fm {
        width: 130%;
    }
    .id3-tile-body-fm-pending-reg {
        width: 80%;
    }
    #id3-tile-chassisInventory {
        width: 68% !important;
    }
    .top3px {
        left: 24% !important;
    }
}

@media screen and (min-width: 1856px) {
    .top3px {
        left: 28% !important;
    }
}

@media screen and (min-width: 1900px) {
    .id3-tile-body-fm {
        width: 105%;
    }
    .id3-tile-body-fm-pending-reg {
        width: 65%;
        margin-left: -160px;
    }
    #id3-tile-chassisInventory {
        width: 66% !important;
    }
}

@media screen and (min-width: 1920px) {
    .top3px {
        left: 30% !important;
    }
}

@media screen and (min-width: 2048px) {
    .top3px {
        left: 33% !important;
    }
}

@media screen and (min-width: 2560px) {
    .top3px {
        left: 35% !important;
    }
}

@media screen and (min-width: 3840px) {
    .top3px {
        left: 39% !important;
    }
}

.id3-firmware-tile-objs-left {
    margin-top: 5px;
}

.id3-tile-obj-link {
    display: inline-block;
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #017cad;
    cursor: pointer;
    font-size: 11px;
    position: relative;
    top: 5px;
}

.id3-tile-obj-link-hover {
    white-space: normal;
    border-radius: 5%;
    padding: 5px;
    color: white;
      background-color: #58585b;
      overflow: visible;
      position: absolute !important;
      zoom: 1;
      word-wrap: break-word;
      width: auto !important;
        font-size: 11px;
}

 .id3-tile-obj-link-container {
    display: inline-block;
}

.id3-tile-obj-info {
    color: #58585b;
}

.id3-tile-obj-controller-info {
    color: #58585b;
    margin-right: 8px;
}

.id3-tile-obj-controller-value {
    color: #58585b;
    padding-left: 10px;
}

.id3-tile-obj-controller-name {
    color: #58585b;
    display: inline-flex;
    width: 100px;
    margin-right: 8px;
}

.id3-tile-obj-controller-name > span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.id3-tile-objs-info,
.id3-tile-temperatureObj-info,
.id3-tile-cpuObj-info,
.id3-tile-memoryObj-info {
    font-weight: 300;
    color: #9E9EA2;
    font-size: 10px;
}

hr.id3-tile-hr1 {
    width: 100%;
    margin: 2px 0;
}

@-moz-document url-prefix() {
    hr.id3-tile-hr1 {
        width: 100%;
        margin: 12px 0;
    }
}

.id3-tileArea-container #id3-tile-multicast .id3-tile-body,
.id3-tileArea-container #id3-tile-multicastIPv6 .id3-tile-body {
    padding-top: 13px;
}

/* apps iframe - override of cui iframe margin */
.cui iframe {
    margin: 0;
}

/*  The App Control Bar appears above apps so they can go full-screen and then be restored */
.appcontrolbar {
    z-index: 18001; /* Allow menus (z=19011) to be placed over us */
    background-color: #dfdfdf;
}

.appcontrolbar .x-field {
    color: black !important;
    line-height: 22px !important;
    font-size: 18px !important;
}

.appcontrolbar .x-panel-header-default {
    height: 24px !important;
}

.appcontrolbar-button {
    border: none !important;
    cursor: pointer;
    border-radius: 0 !important;
    background-color: transparent !important;
    color: black !important;
    min-width: 20px !important; /* Needed to override CUI styles */
    width: 20px !important;
    height: 20px !important;
}

.appcontrolbar-button-right {
    margin: 0 6px 0 2px !important;
}

.appcontrolbar-button-maximized.x-box-item {
    position: fixed !important;
}

.appcontrolbar-button .x-btn-center .x-btn-inner {
    display: none;
}

.appcontrolbar-title.x-field {
    color: black !important;
    line-height: 1.33 !important;
    font-size: 12px !important;
    font-style: italic !important;
}

.app-maximized {
    z-index: 18000; /* Allow menus (z=19011) to be placed over us */
    position: fixed !important;
    width: 100vw !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
}

.app-restored {
    z-index: auto !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    top: initial !important;
    left: initial !important;
    border: 1px solid lightgray !important;
}

.app-iframe {
    border: none !important;
}

.i-appstore-tabbedpane {
    margin-top: -10px !important;
}

.apic-banner {
    color: #7f7f85;
    font-size: 18px;
    padding-left: 10px;
    font-weight: lighter;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-icon img {
    display: inline-block !important;
    width: 10px;
}

.status-icon-table {
    width: 7px;
    margin: 0 10px 0 10px;
}

.status-bar {
    margin-left: 5px;
}

.status-widgets-table {
    font-size: 10px;
    line-height: 2.5;
}

.id3-port {
    cursor: pointer;
}

.id3-mini-tooltip .port-tooltip-table {
    color: white;
    font-size: 10px;
}

.id3-mini-tooltip .port-tooltip-table td {
    padding: 2px;
}

.id3-port.fault-none {
    fill: #fff;
    stroke: #fff;
    stroke-width: 0;
}
.id3-port.fault-warning {
    fill: #02a893;
    stroke: #02a893;
    stroke-width: 0;
}
.id3-port.fault-minor {
    fill: #ffc300;
    stroke: #ffc300;
    stroke-width: 0;
}
.id3-port.fault-major {
    fill: #ff7300;
    stroke: #ff7300;
    stroke-width: 0;
}
.id3-port.fault-critical {
    fill: #C40020;
    stroke: #C40020;
    stroke-width: 0;
}

.id3-port:hover {
    stroke-width: 1px;
    stroke: black;
}

.id3-info-container {
    color: #808080;
    font-size: 11px;
    line-height: 1.73;
}

.id3-info-container .id3-info-label {
    font-weight: bold;
}
.id3-title-back {
     color: #e6e6e8;
     padding: 2px 2px 2px 21px;
     margin-right: 4px;
     border-radius: 15px 3px 3px 15px;
     cursor: pointer;
     background: #777 url(../icons/troubleshoot/back2.png) no-repeat left;
     line-height: 2.13;
     font-size: 15px;
}
.tsw-graph-title {
    line-height: 2.13;
    padding-left: 5px;
    font-size: 15px;
}

.inner-action-popup {
    margin-left: 5px;
    width: 15px !important;
    height: 15px !important;
    margin-bottom: 5px;
}

.alert.panel-table-alert {
    font-size: 14px;
}

.alert.panel-table-alert label {
    font-weight: bold;
}

/*  To get around the .x-html li spec above */
.x-html ul.level1 {
    margin: 0 0 0 30px !important;
    font-weight: 400;
}

.x-html ul.level1 li {
    list-style-type: disc !important;
}

.x-html ul.level2 {
    margin: 0 0 0 16px !important;
    font-weight: 400;
}

.x-html ul.level2 li {
    list-style-type: circle !important;
}

.x-html ul.level3 {
    margin: 0 0 0 16px !important;
    font-weight: 400;
}

.x-html ul.level3 li {
    list-style-type: square !important;
}

ul.force-bullet {
    margin: 0 0 0 16px !important;
}

ul.force-bullet li {
    list-style-type: disc !important
}

.window-header-normal .x-window-header {
    text-transform: none;
}

.tile-dropdown {
    position: relative;
    top: 5px;
    right: 5px;
    width: 110px;
    height: 22px;
    border: 1px solid #AAA;
    float: right;
    cursor: pointer;
}

.tile-image-container {
    position: absolute;
    width: 20px;
    right: 0;
    border-left: 1px solid #AAA;
    height: 20px;
    background-image: url(/insieme/stromboli/resources/icons/j/generic/opened.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
}

.tile-image-container:hover {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/opened_over.svg);
}

.tile-dropdown-contents {
    display: none;
    border: 1px solid #AAA;
    position: absolute;
    width: inherit;
    margin-top: 21px;
    border-top: none;
    left: -1px;
    z-index: 1;
}

.tile-dropdown-contents li {
    text-indent: 5px;
    background: rgba(255, 255, 255,  1);
    padding: 2px;
}

.tile-dropdown-contents li:hover {
    text-indent: 5px;
    background: rgb(232,235,241);
}

.tile-selector-text {
    position: absolute;
    top: 2px;
    left: 3px;
    font: 300 12px "SharpSans", Helvetica, Arial, sans-serif !important;
}

.tile-selector-show {
    display: inline-block;
}

.select-read-only {
    -webkit-appearance: none;
    background: inherit;
    border: none;
}

.fake-selector {
    -webkit-appearance: none;
    visibility: hidden;
    width: 0;
    height: 0;
}

#id3-tile-pods, #id3-tile-spines, #id3-tile-leaves, #id3-tile-tier-2-leaf {
    width: 340px !important;
}

.optics {
    display: block;
    margin: 10px 0 10px 0;
    font-size: 14px;
}
.id3-tile-field-chassisInventory-optics {
    line-height: 25px;
}
.status-value {
    font-size: 10px;
}

.i-tab-default {
    background-size: 12px 12px !important;
}

.i-tab-default-on {
    background-image: url('/insieme/stromboli/resources/icons/j/generic/icon-star.png') !important;
}

.i-tab-default-off {
    background-image: url('/insieme/stromboli/resources/icons/j/generic/icon-star-empty.png') !important;
}
.custom-summary-handler {
    border-top: 1px solid #5cb73a;
    border-right: 1px solid #5cb73a;
    border-bottom: 1px solid #5cb73a;
    border-left: 5px solid #5cb73a;
}

.custom-summary-handler div.x-form-display-field {
    margin-left: 10px;
}

.custom-json-viewer-panel-hidden {
    display: none;
}

.custom-json-viewer {
    margin-top: 15px;
}

.passphrase {
    padding-left: 0;
    padding-right: 0;
    border-width: 1px;
    left: 0;
    margin: 210px 0 0 520px;
    top: 400px !important;
    z-index: 2;
}

.ipn-warning {
    padding-left: 0;
    padding-right: 0;
    border-width: 1px;
    left: 30px !important;
    margin: 0 0 0 0 !important;
    width: 100% !important;
    top: 250px !important;
}

.vpod-passphrase {
    padding-left: 0;
    padding-right: 0;
    border-width: 1px;
    left: 30px !important;
    margin: 0 0 0 0 !important;
    width: 100% !important;
    top: 250px !important;
    z-index: 2;
}
.ppod-passphrase {
    padding-left: 0;
    padding-right: 0;
    border-width: 1px;
    left: 30px !important;
    margin: 0 0 0 0 !important;
    width: 100% !important;
    top: 180px !important;
}

.vpod-passphrase div.x-form-display-field {
    width: 900px;
    bottom: 50px;
    top: 50px;
}

.custom-json-viewer textarea.x-form-text {
    background: black;
    color: white;
    font-size: 13px;
    font-family: Menlo;
    margin-top: 30px;
}

.custom-summary-button-bottom {
    height: 28px !important;
    width: 145px !important;
    position: relative !important;
    top: 95% !important;
    margin-left: 15px !important;
}

.ipc-custom-summary-button-bottom {
    height: 28px !important;
    width: 140px !important;
    position: relative !important;
    top: 95% !important;
    margin-left: 25px !important;
}

.custom-summary-button-bottom-secondary {
    height: 28px !important;
    width: 140px !important;
    position: relative !important;
    top: 95% !important;
    left: 5px !important;
}

.vpod-summary-window {
    height: 810px !important;
}

.vpod-custom-summary-button-bottom {
    height: 28px !important;
    width: 142px !important;
    position: relative !important;
    top: 96% !important;
    margin-left: 20px !important;
}

.vpod-custom-summary-button-bottom-secondary {
    height: 28px !important;
    width: 142px !important;
    position: relative !important;
    top: 96% !important;
    left: 25px !important;
}

.vpod-custom-summary-ok-button-bottom {
    height: 28px !important;
    width: 65px !important;
    position: relative !important;
    top: 96% !important;
    float: right !important;
    margin-left: 5px !important;
    margin-right: 25px !important;
}

.custom-summary-ok-button-bottom {
    height: 28px !important;
    width: 65px !important;
    position: relative !important;
    top: 95% !important;
    float: right !important;
    margin-left: 5px !important;
    margin-right: 30px !important;
}

.ipc-custom-summary-ok-button-bottom {
    height: 28px !important;
    width: 90px !important;
    position: relative !important;
    top: 95% !important;
    float: right !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    background: #7f7f86 !important;
}

.custom-summary-secondary-button-bottom {
    height: 28px !important;
    width: 160px !important;
    position: relative !important;
    top: 95% !important;
    float: right !important;
    margin-left: 5px !important;
    margin-right: 25px !important;
}

.ipc-custom-summary-secondary-button-bottom {
    height: 28px !important;
    width: 160px !important;
    position: relative !important;
    top: 95% !important;
    float: right !important;
    margin-left: 5px !important;
    margin-right: 15px !important;
}

.ipc-wide-custom-summary-secondary-button-bottom {
    height: 28px !important;
    width: 220px !important;
    position: relative !important;
    top: 95% !important;
    float: right !important;
    margin-left: 5px !important;
    margin-right: 15px !important;
}

.phispod-custom-summary-secondary-button-bottom {
    height: 28px !important;
    width: 160px !important;
    position: relative !important;
    top: 95% !important;
    float: right !important;
    margin-left: 5px !important;
    margin-right: 15px !important;
    background: #059fd9 !important;
}

.phispod-custom-summary-ok-button-bottom {
    height: 28px !important;
    width: 90px !important;
    position: relative !important;
    top: 95% !important;
    float: right !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.phispod-custom-summary-button-bottom {
    height: 28px !important;
    width: 140px !important;
    position: relative !important;
    top: 95% !important;
}

.custom-summary-third-button-bottom {
    height: 28px !important;
    width: 170px !important;
    position: relative !important;
    top: 95% !important;
    float: right !important;
    margin-left: 5px !important;
    margin-right: 15px !important;
    background: #059fd9 !important;
}

.custom-summary-button button {
    height: 30px !important;
}

.custom-summary-explanation-img-pod {
    margin-top: 50px !important;
    left: 30px !important;
    height: 250px !important;
}

.custom-summary-explanation-img-vpod {
    margin-top: 50px !important;
    left: 30px !important;
    height: 250px !important;
}

.custom-summary-explanation-img-ipn {
    margin-top: 50px !important;
    left: 30px !important;
    height: 350px !important;
}

.custom-summary-explanation-img-remote-leaf {
    left: 30px !important;
    height: 240px !important;
}

.custom-summary-explanation-text {
    width: 90% !important;
    height: 56px !important;
    top: 190px !important;
    left: 30px !important;
}

.panel-summary {
    width: 400px !important;
    margin: 10px 0 0 20px !important;
    top: 0 !important;
}

.ppod-panel-summary {
    width: 950px !important;
    top: 400px !important;
    left: 30px !important;
    z-index: 2;
}

.ppod-configured-panel {
    width: 500px !important;
    top: 320px !important;
    left: 30px !important;
    z-index: 2;
}

.ipc-panel-summary {
    width: 500px !important;
    top: 400px !important;
    left: 30px !important;
    z-index: 2;
}

.oob-panel-summary {
    width: 400px !important;
    top: 400px !important;
    left: 30px !important;
    z-index: 2;
}

.hero {
    overflow: visible;
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
    margin-left: 20px !important;
    margin-top: 16px !important;
    padding: 0 !important;
    background-color: #f2f2f2 !important;
}

.hero-smaller {
    overflow: visible;
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
    margin-left: 20px !important;
    margin-top: 16px !important;
    padding: 0 !important;
}

.hero h1 {
    font-weight: 150 !important;
    margin-left: 80px !important;
    padding: 0 !important;
}

.hero-body {
    font-size: 16px !important;
    font-weight: 460 !important;
    margin-left: 22px !important;
    color: #7f7f86;
    line-height: 1 !important;
}

#mgmt\:gettingStartedSetupA\:dayZero\:1-body {
    height: 800px !important;
    overflow: auto !important;
}

#mgmt\:dayZeroSummaryA\:summaryDayZero\:1\:gssummary\:tiles-body,
#mgmt\:dayZeroSummaryA\:summaryDayZero\:1 .id3-tileArea-container,
#mgmt\:dayZeroSummaryA\:summaryDayZero\:1\:ymwt\:tiles-body {
    overflow: hidden !important;
}

.gray-background {
    background-color: #f2f2f2;
}

.light-gray-background {
    background-color: #f2f2f2d1;
}

.inband-panel-summary {
    left: 30px !important;
}

.panel-summary > *:last-child {
    width: 400px !important;
}

.panel-summary > div * {
    width: 400px;
}

.panel-summary label {
    width: 150px !important;
}

.ipc-panel-summary label {
    width: 195px !important;
    top: 400px !important;
}

.ipc-panel-summary div.x-box-inner {
    width: 500px !important;
}

.green-check {
    height: 20px;
    width: 25px;
    margin-right: 20px;
    margin-bottom: 5px;
}

.custom-copy {
    width: 22px !important;
    height: 22px !important;
    position: absolute !important;
    top: 10% !important;
    left: 97% !important;
}

.custom-summary-helptext {
    height: 22px !important;
    top: 15% !important;
}

.generated-fields {
    margin: 10px;
    display: contents;
}

.remote-leaf-panel-summary {
    top: 200px !important;
    z-index: 2 !important;
    margin-left: 15px !important;
}

.remote-leaf-panel-summary .x-box-inner {
    width: 900px !important;
    height: 200px !important;
}

.multitier-panel-summary {
    padding-left: 20px !important;
    height: 650px;
}

.multitier-panel-summary .x-box-inner {
    width: 100% !important;
    height: 640px !important;
    overflow: auto;
    margin-top: 10px;
    margin-left: 15px;
}

.interface-panel-summary {
    padding-left: 20px !important;
    height: 650px;
}

.interface-panel-summary .x-box-inner {
    width: 900px !important;
    height: 800px !important;
    margin-top: 10px;
    margin-left: 15px;
}

.oob-panel-summary .x-box-inner {
    width: 900px !important;
    height: 200px !important;
}

.oob-panel-summary .x-box-inner div {
    height: inherit !important;
    width: inherit !important;
    overflow: auto;
}

.inband-panel-summary .x-box-inner {
    width: inherit !important;
}

.inband-panel-summary .x-box-inner div {
    height: inherit !important;
    width: inherit !important;
    overflow: auto;
}

.generated-fields div.x-form-display-field {
    width: 300px;
}
.generated-fields label.x-form-item-label {
    width: 200px !important;
}

.hidden-hook {
    display: none;
}

.custom-alert-wrapper {
    padding: 15px 15px 15px 15px;
}


.topo-tooltip-epg-shutdown{
    display: flex;
}

.topo-tooltip-epg-shutdown img{
    width: 8px;
    height: 8px;
    margin-right: 2px;
    margin-top: 3px;
}

.floating-window .loading-icon {
  margin-top: 6px;
  padding-left: 20px;
}

.clone-accordion {
    display: flex;
    cursor: pointer;
    color: #489fd9;
}

.clone-accordion-btn {
    color: #489fd9;
}

.health-fault-summary-container {
  display: flex;
  padding: 6px;
  background-color: #E8EBF1;
  height: 36px;
  min-width: 270px;
}
.health-fault-summary-widget {
  align-items: center;
  display: flex;
  flex-grow: 1;
  position: relative;
}
.health-fault-summary-widget > div {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.health-fault-summary-widget > div.health-section {
  flex-direction: row-reverse;
}
.health-fault-summary-widget > div.health-section img{
  pointer-events: none;
}
.health-fault-summary-widget > div.loading-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  pointer-events: none;
  background-color: #E8EBF1;
}
.health-fault-summary-widget .fault-icon{
  width: 21px;
  height: 21px;
  margin-right: 3px;
  cursor: pointer;
}
.health-fault-summary-widget .health-icon{
  width: 20px;
  height: 15px;
  margin-left: 3px;
  margin-top: 0;
  margin-top: 0;
  cursor: pointer;
}

.cui .header--compressed .header-bar__logo .icon-cisco {
    display: block;
    color: #017cad;
    font-size: 30px;
    line-height: 1;
}
.cui .header--compressed .header-bar__logo *:before,
.cui .header--compressed .header-bar__logo *:after {
    box-sizing: inherit;
    display: table;
}
.cui .header--compressed .header-bar__logo *[class*='icon'] {
    vertical-align: -12%;
    text-indent: 0;
}
.cui .header--compressed a.header-bar__logo {
    color: #017cad;
    background: transparent;
    text-decoration: none !important;
    border-radius: 0;
    line-height: 1;
    font-size: 30px;
    position: relative;
    order: 1;
}
.cui .header--compressed .container {
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 767px) {
    .cui .header--compressed .header-bar__logo {
        display: block;
        margin: 0 20px 0 0;
    }
}
.cui .header--compressed .header-bar__main {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    height: 56px;
    padding: 0;
    position: relative;
    order: 2;
}
.cui .i-panel-docked-top [class*='icon-'] {
    color: #58585b;
}


.custom-confirmation .alert__message {
    margin: 20px 0 20px 30px;
    font-family: "Inter", "Arial", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.panel--indigo .btn {
    margin-left: 132px;
    margin-bottom: 10px;
}

#welcomeText {
    padding-left: 60px;
}

.custom-confirmation {
    border-top: 1px solid #5cb73a !important;
    border-right: 1px solid #5cb73a !important;
    border-bottom: 1px solid #5cb73a !important;
    border-left: 5px solid #5cb73a !important;
    margin-bottom: 25px;
}

.custom-confirmation td.x-form-item-body  {
    padding-left: 10px;
}

.alert-confirmation-panel {
    width: 15px;
    margin-right: 5px !important;
}

.fabric-membership-tiles-panel {
    background-color: #fff;
}

.fabric-membership-tooltip-header {
   font-weight: bold;
   font-family: "SharpSans";
   color: #58585b;
   margin-left: 20px;
   margin-top:10px;
}

.fabric-membership-tooltip-data {
    margin: 20px;
    display: inline;
    color: #58585b;
    font-family: "Inter";
    font-weight: lighter;
    text-align: center;
}

.fts-connected-icon {
    color: #6cc04a;
    font-size: 50px;
    margin: 10px 8px 0;
}

.fts-unconnected-icon {
    color: #c6c7ca;
    font-size: 50px;
    margin: 10px 8px 0;
}

.id3-fabric-membership-tooltip {
    display: inline-block;
    border-radius: 1px;
    border-color: black;
    background-color: #fff;
    z-index: 100;
    position: absolute;
    pointer-events: none;
    min-width: 50px;
}

.id3-fabric-membership-tooltip-content {
    display: block;
    position: relative;
}

.rn-tiles-panel .id3-basic-tile {
    border: none;
}

.rn-tiles-panel .id3-tile-body-fm-pending-reg {
    width: auto;
    display: contents;
}

.rn-tiles-panel .id3-tileArea-container {
    height: auto;
}


.fabric-membership-tiles-panel .id3-basic-tile {
    border: none;
    min-height: 110px;
}
.fabric-membership-tiles-panel .icon-info-outline {
    width: 13px;
    margin-left: 3px;
    margin-top: 1px;
    color: #017cad;
}
.fabric-membership-tiles-panel .id3-long-tile-item {
    margin: 15px 10px 0;
}
.fabric-membership-tiles-panel .id3-long-tile-item-text {
    display: table-caption;
    text-align: center;
    width: 110px;
}
.fabric-membership-tiles-panel .id3-long-tile-item-title {
    height: 15px;
    width: 110px;
}
.fabric-membership-tiles-panel .id3-tile-body-fm {
    width: 1070px;
}
.fabric-membership-inner-tiles-panel {
    background-color: #fff;
    border: none;
}
.fabric-membership-tiles-panel .id3-long-tile {
    display: block;
    justify-content: space-between;
    align-items: center;
    height: 100px;
}
.fabric-membership-tiles-panel .id3-long-tile-list-right {
    margin-left: 120px;
}

.fabric-membership-tiles-panel .id3-tileArea-in-container {
    display: block;
}

.fabric-membership-tiles-panel .id3-tile-container {
    width: 90% !important;
}

.fabric-membership-tiles-panel span.status-list-text-right {
    width: 150px;
    height: 15px;
}


.fabric-membership-tiles-panel .grouped-status {
    width: 165px;
    margin-left: 0;
    line-height: 15px;
}

.confirmation-label-hidden {
    width: 195px !important;
    margin-left: 205px;
}

#app\:ifc\:root\:main\:workspace {
    padding: 0;
}
#app\:ifc\:root\:main\:workspace-body {
    padding: 0;
}
#app\:ifc\:root\:main\:workspace-body > .i-panel {
    padding: 0;
}
#app\:ifc\:root\:main\:workspace-body > .i-panel > .i-panel-header {
    line-height: 1.5;
}
#app\:ifc\:root\:main\:workspace-body > .no-navTree.i-panel {
    background: #f2f2f2;
    padding: 10px;
}
#app\:ifc\:root\:main\:workspace-body > .no-navTree.i-panel > .i-panel-header {
    background: #fff;
    padding: 10.5px;
    position: absolute !important;
    top: -10px;
    left: -10px;
    height: 52px;
}
#app\:ifc\:root\:main\:workspace-body > .no-navTree.i-panel > .i-panel-body {
    background: #fff;
    padding: 10.5px;
}
#app\:ifc\:root\:main\:workspace-body > .no-navTree.i-panel > .i-panel-header ~ .i-panel-body {
    background: #fff;
    padding: 0 10.5px 10.5px;
    top: 42px;
}
#app\:ifc\:root\:main\:workspace-body > .i-panel.dashboard-tab > .i-panel-body > .x-panel {
    padding: 10px 0 0 10px;
}
#app\:ifc\:root\:main\:workspace-body .x-panel.navTree {
    background: #253D5F;
    padding: 0;
}
/* '~' means is a sibling of */
#app\:ifc\:root\:main\:workspace-body .x-panel.navTree ~ .i-panel {
    padding: 10px;
}
#app\:ifc\:root\:main\:workspace-body .x-panel.navTree ~ .i-panel .x-grid-cell-treecolumn .x-grid-row {
    color: #58585b;
}
#app\:ifc\:root\:main\:workspace-body .x-panel.navTree ~ .i-panel .x-grid-cell-treecolumn img.x-tree-icon {
    margin: -5px 8px 0 2px;
}

.cui .x-window.x-layer .x-window-body .navTree .btn.btn--icon.btn--xsmall {
    background: transparent;
    border: none;
}

.cui .x-window.x-layer .x-window-body .navTree .btn.btn--icon.btn--xsmall:hover {
    background: #c6c7ca;
}

.cui .x-form-item .btn--xsmall button {
    color: #fff;
}
/* override of cui-standard.min.css for card buttons */
.cui .btn.btn--small {
    max-width: 300px;
}

.x-window.x-layer .x-window-body .navTree.tree-panel,
#app\:ifc\:root\:main\:workspace-body .x-panel.navTree ~ .i-panel .x-panel.navTree {
    background: #fff;
    padding: 10px 0;
}

/** Nav Bar opened and closed carets */
/* closed */
.navTree.x-tree-arrows .x-tree-elbow-plus,
.navTree.x-tree-arrows .x-tree-lines .x-tree-elbow-end-plus,
.navTree.x-tree-arrows .x-grid-cell-inner .x-tree-elbow-end-plus {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/closed.svg);
}
/* closed and over */
.navTree.x-tree-arrows .x-tree-expander-over .x-tree-elbow-end-plus,
.navTree.x-tree-arrows .x-grid-row-over .x-tree-elbow-plus,
.navTree.x-tree-arrows .x-grid-row-over .x-grid-cell-inner .x-tree-elbow-end-plus {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/closed_over.svg);
}
/* opened */
.navTree.x-tree-arrows .x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus,
.navTree.x-tree-arrows .x-grid-tree-node-expanded .x-tree-elbow-plus,
.navTree.x-tree-arrows .x-grid-tree-node-expanded .x-grid-cell-inner .x-tree-elbow-end-plus {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/opened.svg);
}
/* opened and mouseover */
.navTree.x-tree-arrows .x-tree-lines .x-grid-tree-node-expanded .x-tree-expander-over .x-tree-elbow-end-plus,
.navTree.x-tree-arrows .x-grid-row-over.x-grid-tree-node-expanded .x-tree-elbow-plus,
.navTree.x-tree-arrows .x-grid-row-over.x-grid-tree-node-expanded .x-grid-cell-inner .x-tree-elbow-end-plus {
    background-image: url(/insieme/stromboli/resources/icons/j/generic/opened_over.svg);
}
/* end Nav Bar opened and closed carets */

/* ItemSelector */
.x-form-multiselect-body .x-boundlist .x-mask {
    background: none;
}
.x-form-itemselector-body .x-form-item {
    margin: 0;
}
.x-form-itemselector-top {
    background-image: url(images/top2.gif);
}
.x-form-itemselector-up {
    background-image: url(images/up2.gif);
}
.x-form-itemselector-add {
    background-color: #e4f3ff;
    background-image: url(images/right2.gif);
}
.x-form-itemselector-remove {
    background-color: #e4f3ff;
    background-image: url(images/left2.gif);
}
.x-form-itemselector-down {
    background-image: url(images/down2.gif);
}
.x-form-itemselector-bottom {
    background-image: url(images/bottom2.gif);
}
.d3-tooltip-body .d3-tooltip-entry{
    display: flex;
}

.d3-tooltip-body .d3-tooltip-entry .d3-tooltip-entry-key{
    font-weight: bold;
    min-width: 80px;
}
.d3-tooltip-body .d3-tooltip-entry .d3-tooltip-entry-value{
    word-break: break-all;
}
ul.bullets {
    margin: 0 0 0 16px;
}
ul.bullets li{
    list-style-type: disc;
}

/* end ItemSelector */

.card-fabric-topology {
    position: relative;
    color: #58585b;
}

.card-fabric-topology svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card-fabric-topology svg line {
    stroke: #a2a2a2;
    stroke-width: 1px;
}

.card-fabric-topology .ipn-container {
    display: flex;
    justify-content: center;
    padding: 10px 10px 50px 10px;
}

.card-fabric-topology .ipn-node {
        border: 1px solid #e3e3e3;
        padding: 10px;
        min-height: 100px;
}

.card-fabric-topology .ipn-node-title-block {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 700;
}

.card-fabric-topology .ipn-node-title-block label {
        margin-left: 5px;
}

.card-fabric-topology .ipn-node .leaf-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 140px;
    margin: 10px;
}

.card-fabric-topology .ipn-node .leaf-block img {
    width: 40px;
    height: 40px;
}

.card-fabric-topology .ipn-node-body-block {
    padding: 5px 15px 0 15px ;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card-fabric-topology .ipn-node .leaf-block label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 140px;
}

.card-fabric-topology .pod-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.card-fabric-topology .pod-node-measurement {
    border: 1px solid none;
    margin: 10px;
    width: 270px;
}

.card-fabric-topology .pod-node{
    border: 1px solid #e3e3e3;
    padding: 5px;
    background-color: white;
}

.card-fabric-topology .pod-node-title {
    display: flex;
}

.card-fabric-topology .pod-node-title-c1 {
    font-size: 14px;
    font-weight: 700;
}

.card-fabric-topology .pod-node-title-c2 label {
    font-size: 12px;
    text-decoration: underline;
    color: #069ed9;
    cursor: pointer;
}

.card-fabric-topology .pod-node-title-a2 {
    margin-left: 5px;
    flex-grow: 1;
    align-self: center;
}
.card-fabric-topology .pod-node-title-b1 {
    display: flex;
    justify-content: space-between;
}

.card-fabric-topology .pod-node-title-a1 .sub-icon {
    display: none;
}

.card-fabric-topology .pod-node-title-a1 .sub-icon.pod-type-virtual {
    display: initial;
    position: absolute;
    top: 10px;
    left: 10px;
}

.card-fabric-topology .draw-container {
    position: relative;
}

.card-fabric-topology .pod-node-body {
    margin-top: 25px;
}

.card-fabric-topology .pod-body-node-container {
    display: flex;
    margin: 10px 0;
}

.card-fabric-topology .pod-body-node-container-a1 {
    width: 60px;
}

.card-fabric-topology .pod-body-node-container-a2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #9e9ea2;
    padding-top: 13px;
    margin-left: 44px;
}

.card-fabric-topology .pod-body-node-container-b1 label {
    font-size: 12px;
    font-weight: 300;
}

.card-fabric-topology .pod-body-node-container-b2 img {
    width: 30px;
    height: 30px;
}

.validation_checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:0px 20px;
}
.validation_checkbox input {
  cursor: pointer;
  display: none;
}
.checkmark {
  position: absolute;
  height: 13px;
  width: 13px;
  border: 1px solid #4595d6;
  background-color: #ffffff;
  margin: 3px 0 0 -18px;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.validation_checkbox input:checked ~ .checkmark:after {
  display: block;
}
.validation_checkbox .checkmark:after {
    width: 4px;
    height: 9px;
    border: solid #49a0da;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 3px;
}

.timelineItem {
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    margin: 10px auto;
    width: 100%;
}

.timelineText {
    color: #ffffff;
    text-align: center;
    margin: 5px;
    text-decoration: bold;
}

.timeLineTitle {
    height: 20px;
    display: block;
    background-color: #9E9EA2;
}

.timelineList {
    height: 440px;
    top: 5px;
}

.timelineIcon {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 20px;
    z-index: 2;
    border: 5px solid #fff;
    background-color: #9e9ea2;

}

.timelineTime {
    float: center;
    width: 45px;
    min-width: 45px;
    text-align: right;
    font-style: italic;
    padding-right: 10px;
}

.timelineContent {
    margin-left: 20px;
}

.cui .timeline:after {
    left: 30px ;
    top: 2px;
}

.timelineIcon.timeline--success {
    background-color: #6ebe4a;
}

.timelineIcon.timeline--info {
    background-color: #017cad;
}

.timelineIcon.timeline--warning {
    background-color: #fbab18;
}

.timelineIcon.timeline--danger {
    background-color: #e2231a;
}

.annotation-text-item {
    font: 400 12px "Inter", Helvetica, Arial, sans-serif !important;
    color: #9E9EA2;
}
.annotation-item-padding {
    padding: 5px 5px 0px 0px;
}

.annotation-close-item {
    color: #58585B;
}


.tag-text-item {
    font: 400 12px "Inter", Helvetica, Arial, sans-serif !important;
    color: #9E9EA2;
}
.tag-item-padding {
    padding: 5px 5px 0px 0px;
}

.tag-close-item {
    color: #58585B;
}


.dashboard-panel-refresh {
    background: #afa9a9 !important;
}

#mgmt\:gettingStartedSetupA\:dayZero .id3-tileArea-container {
   font-family: "Inter", Helvetica, Arial, sans-serif;
   width: 100%;
   height: 100%;
   overflow: hidden !important;
}

.migrate-to-ave-credentials-table .x-form-text {
    width: 97% !important;
}

.badge-health-container-only-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 24px;
    min-width: 24px;
    padding: 6px;
    height: 24px;
}

.badge-health-container-only-icon.badge-health-critical-background {
    background-color: #FCE9E8;
}
.badge-health-container-only-icon.badge-health-major-background {
    background-color: #FFF0D3;
}
.badge-health-container-only-icon.badge-health-minor-background {
    background-color: #FFFAE6;
}
.badge-health-container-only-icon.badge-health-warning-background {
  background-color: #E7F6F4;
}
.badge-health-container-only-icon.badge-health-ok-background {
    background-color: #F0F8EC;
}
.badge-health-container-only-icon.badge-health-unknonw-background {
    background-color: #DFDFDF;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .badge-health-container {
       display: flex;
       flex-direction: row;
       align-items: center;
       max-width: 100px;
       min-width: 100px;
       padding: 6px;
       height: 24px;
   }
}


.search-field-clearbutton {
    top: 2px !important;
}

.search-field-operators {
    position: absolute;
    left: 18px;
    height: 18px;
    width: 80px;
    top: 1px;
    border-top: none;
    border-bottom: none;
    position: absolute;
    left: 3px;
    bottom: 3px;
}

.search-field-op-input {
    padding-left: 100px;
}

.decommission-messages {
    margin-top: 5px;
    margin-bottom: 5px;
}

.whatsNewImageClass {
    border: 2px solid var(--neutral-4-lines-borders, #E1E4E8) !important;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.whatsNewImageClass:hover {
   border: 2px solid var(--interact-border-hover, #0D5CBD) !important;
   box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.18);
}

.dashboard-panel {
    height: auto !important;
    .i-panel-body {
        height: auto !important;
        .x-panel-body {
            height: auto !important;
        }
    }
}

#app\:dashboard-body {
    overflow-y: scroll;
}