/* odin/module.css */

:root {
    --sp-app-blurb-font-color: #ffffff;
    --sp-module-font-color: #ffffff;
    --sp-popuplink-color: #0000EE;
    --sp-module-config-button-background-color: #1e2e4e;
    --sp-selection-panel-border-color: #cecece;
    --sp-selection-panel-border: 1px solid var(--sp-selection-panel-border-color);
}

body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    overflow: auto;
    position: relative;
    overflow-y: scroll;
}

/** to avoid the crisp theme override of the body element style */
.app-body {
    background-image: url("/image/odin/background.jpg");
    width:100%;
    height:100%;
    background-color: var(--sp-base-color);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.visionworksSpirentLogoSpacer {
    left: 30px !important;
    top: 0px !important;
    position: fixed !important;
}

.visionworksSpirentLogoSpacer a img {
    border: 0;
    width: 170px;
    height: 43px;
    margin-left: 10px;
    margin-top: 10px;
}

.app-home-body .x-navigation-toolbar .visionworksSpirentLogoSpacer a,
.app-oauth-body .x-navigation-toolbar .visionworksSpirentLogoSpacer a,
.app-error-body .x-navigation-toolbar .visionworksSpirentLogoSpacer a,
.app-auth-body .x-navigation-toolbar .visionworksSpirentLogoSpacer a {
    padding: 0px 0px;
}

.spirentLogoImage {
    position:fixed;
    overflow: visible;
    margin-top: 10px;
    margin-left: 10px;
}

.spirentLogoImage img {
    width: 170px;
    height: 43px;
}

.app-home-body .x-navigation-toolbar {
    overflow: visible;
}

.x-navigation-toolbar .x-toolbar-spacer.applogo {
    background-image: url("/image/cna/spirent-touch-logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%;
}

.app-home-body .x-navigation-toolbar, .app-home-body .x-sp-header,
.app-auth-body .x-navigation-toolbar, .app-auth-body .x-sp-header,
.app-oauth-body .x-navigation-toolbar,.app-oauth-body .x-sp-header,
.app-error-body .x-navigation-toolbar, .app-error-body .x-sp-header {
    background-color: transparent !important;
}

.app-home-body .x-navigation-toolbar .x-btn-focus {
    background-color: inherit;
    border-color: transparent;
}

.app-home-body .x-navigation-toolbar .x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.app-home-body .x-navigation-toolbar .x-btn.x-btn-pressed.x-btn-default-toolbar-small,
.app-home-body .x-navigation-toolbar .x-btn-over.x-btn-default-toolbar-small,
.app-home-body .x-navigation-toolbar .x-btn-focus.x-btn-default-toolbar-small {
    border-bottom: 5px transparent;
    background-color: var(--sp-navigation-top-background-color-active);
    border-top: none;
    border-right: none;
    border-left: none;
}

.app-home-body.x-navigation-submenu.x-menu {
    box-shadow: 0px;
}

.app-home-body .x-sp-header {
    display: none;
}

.app-info {
    background-color: transparent;
    margin-bottom: 10px;
    top: 120px !important;
    border: 0;
}

.app-description {
    background-color: transparent;
    margin-left: 40px;
    color: var(--sp-app-blurb-font-color);
}

.app-description .product_name {
    white-space: normal;
    word-wrap: break-word;
    margin-top: 30px;
    color: var(--sp-app-blurb-font-color);
    font-size: 56px;
    margin-bottom: 50px;
}

.app-description .product_desc {
    white-space: normal;
    word-wrap: break-word;
    font-size: 18px;
    color: var(--sp-app-blurb-font-color);
    margin-top: 10px;
    width: 522px;
    -webkit-font-smoothing: antialiased;
    line-height: 20px;
}

.app-home-body .x-navigation-toolbar, .app-home-body .x-sp-header, .app-auth-body .x-navigation-toolbar, .app-oauth-body .x-navigation-toolbar, .app-oauth-body .x-sp-header, .app-auth-body .x-sp-header {
    background-color: transparent !important;
}

.app-home-body .x-navigation-toolbar .x-btn-focus {
    background-color: inherit;
    border-color: transparent;
}

.app-home-body .x-navigation-toolbar .x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.app-home-body .x-navigation-toolbar .x-btn.x-btn-pressed.x-btn-default-toolbar-small,
.app-home-body .x-navigation-toolbar .x-btn-over.x-btn-default-toolbar-small,
.app-home-body .x-navigation-toolbar .x-btn-focus.x-btn-default-toolbar-small {
    border-bottom: 5px transparent;
    background-color: var(--sp-navigation-top-background-color-active);
    border-top: none;
    border-right: none;
    border-left: none;
}

.app-home-body.x-navigation-submenu.x-menu {
    box-shadow: 0px;
}

.app-home-body .x-sp-header {
    display: none;
}

.x-navigation .x-treelist-item .x-treelist-item-icon.sp-actionablenotification-class,
.x-treelist-item-tool.sp-actionablenotification-class {
    background-image: url(/image/odin/qoe_norm.png) !important;
}

.x-navigation-item-hover .icon.sp-actionablenotification-class,
.x-item-selected .icon.sp-actionablenotification-class,
.x-navigation .x-treelist-item .x-treelist-item-selected-parent .x-treelist-item-icon.sp-actionablenotification-class,
.x-navigation .x-treelist-item .x-treelist-item-selected .x-treelist-item-icon.sp-actionablenotification-class,
.x-navigation .x-treelist-item .x-treelist-row-over .x-treelist-item-icon.sp-actionablenotification-class,
.x-treelist-item-tool.sp-actionablenotification-class .x-treelist-item-selected,
.x-treelist-item-tool.sp-actionablenotification-class .x-treelist-item-over,
.x-treelist-item-tool .x-treelist-item-selected-parent.sp-actionablenotification-class {
    background-image: url(/image/odin/qoe_hov.png) !important;
}

.popupLink {
    color: var(--sp-popuplink-color) !important;
    text-decoration: none !important;
    text-align: center !important;
}
.popupLink:hover{
    cursor: pointer;
    text-decoration: underline !important;
}

sup {
    font-weight: normal;
    position: relative;
    font-size: 60%;
    line-height: 0;
    vertical-align: top;
}

.sp-module #signatureanalysis-btnInnerEl {
    bottom: 20px;
    width: 142px;
    font-weight: 500;
    line-height: normal;
    color: var(--sp-module-font-color);
    white-space: normal;
    word-wrap: break-word;
}

.sp-module #signatureanalysis-btnEl {
    text-align: left !important;
    vertical-align: bottom;
}

.sp-module #signatureanalysis-btnWrap, .sp-module #rulesdesigner-btnWrap, .sp-module #adhoc-btnWrap {
    background-image: none !important;
    background-color: var(--sp-module-config-button-background-color) !important;
    opacity: .8;
}

.sp-module .x-btn-inner {
    bottom: 20px;
    width: 142px; /*in order to force module text wrapping on 2 lines */
    font-size: 21px;
    font-weight: 500;
    line-height: normal;
    color: var(--sp-module-font-color);
    white-space: normal;
    word-wrap: break-word;
}

.sp-module .x-btn-inner-default-large {
    padding: 0;
    vertical-align: bottom;
    position: relative;
}

.sp-module #signatureanalysis-btnIconEl,.sp-module #rulesdesigner-btnIconEl {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    width: 66px;
    height: 67px;
    margin: 0px 15px 15px 15px;
}

.sp-module #adhoc-btnIconEl {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    margin: 0px 15px 15px 15px;
    width: 78px;
    height: 78px;
}

a .sp-module.x-btn-focus, a .sp-module.x-btn-pressed {
    text-decoration: none !important;
    outline: 0px;
    box-shadow: none;
}

.sp-module.x-btn.x-btn-menu-active.x-btn-default-medium,
.sp-module.x-btn.x-btn-pressed.x-btn-default-medium {
    border: none;
}

.sp-module.x-btn-default-large {
    padding: 0;
}

.sp-module #signatureanalysis-btnEl, .sp-module #rulesdesigner-btnEl, .sp-module #adhoc-btnEl {
    text-align: left !important;
    vertical-align: bottom;
}

.sp-module.x-btn-default-large, .sp-module.x-btn-default-medium {
    border-width: 0px !important;
    border-style: none !important;
    border-radius: 0px !important;
    background-color: transparent;
    padding: 0;
}

.sp-modulescontainer {
    margin-top: 30px;
}

.sp-modulescontainer.x-panel, .sp-module.x-panel , .sp-modules-container.x-panel.x-panel-default,
.sp-common-modulescontainer.x-panel.x-panel-default {
    background-color: transparent;
    border: none;
    border-radius: 0px;
}

.sp-modulescontainer .x-panel-body-default {
    padding: 10px;
    border: none;
    background-color: transparent;
}

.x-sp-selectionpanel .x-panel-body-default {
    border: 0px;
}
.x-sp-selectionpanel .x-panel-body-default.x-panel-body.x-grid-body {
    border: var(--sp-selection-panel-border);
}

.x-sp-selectionpanel .x-toolbar {
    left: 0px !important;
    padding: 2px 0 2px 3px;
}

.x-sp-selectionpanel .x-panel-default-framed {
    border: 0px;
    border-radius: 0;
}

.x-sp-selectionpanel .x-panel-default-framed .x-toolbar-footer {
    border: 0px;
    background-color: var(--sp-toolbar-background-color);
}
.x-sp-selectionpanel .x-panel-default-framed .x-panel-body-default-framed {
    border: 0px;
}

a#partner {
    left: 185px!important;
}

a#partner .x-btn-over {
    background-color: transparent;
}

span#partner-btnIconEl {
    width: 80px!important;
    height: 47px!important;
}
span#partner-btnInnerEl {
    font-size: 18px;
    font-weight: 400;
    padding-left: 10px;
}

.sp-module #signatureanalysis-btnWrap {
    background-image: none !important;
    background-color: var(--sp-module-config-button-background-color) !important;
    opacity: .8;
}

.sp-module .x-btn-button {
    align-items: end;
    justify-content: left;
}

.sp-module .module-toolbar .moduleBtn .x-btn-button {
    justify-content: center;
    -webkit-box-pack: center;
    align-items: center;
}