/* For all page
----------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600&display=swap');

body {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    font: 70% Verdana, sans-serif;
}

a:link, a:visited, a:hover, a:active {
    color: var(--text-linked);
    text-decoration: underline;
}

a:hover {
    color: #44859E;
}

*, input, td, th, label {
    font-size: 100%;
}

form {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

textarea, input {
    font: 100% Verdana, sans-serif;
}

textarea.preformatted {
    font: 150% monospace;
}

hr {
    height: 1px;
    color: #023769;
    border-top: #023769;
}

table, td, th {
    vertical-align: top;
    border-collapse: collapse;
    border: none;
    margin: 0;
    padding: 0;
}

dl {
    margin: 10px 0;
}

dt {
    margin: 2px 0 0 0;
}

dd {
    margin: 2px 0 0 17px;
}

/* Text when no panels selected
----------------------------------------------- */
#noItemsInfo {
    font-size: 150%;
    color: #000;
    display: block;
    position: absolute;
    left: 3em;
    top: 7em;
}

#noItemsInfo a:link, #noItemsInfo a:visited, #noItemsInfo a:active {
    color: #4976aa;
}

#noItemsInfo a:hover {
    color: #6a96cc;
}

/* Resizable panels
----------------------------------------------- */
.xPanelBorder {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    background: transparent;
    margin: 0;
    padding: 0;
}

.xPanelCaption {
    color: #FFF;
    font: 1em Verdana, sans-serif;
    background: #0097c8 url('/aes/en/images/roughness.gif') repeat-x 0 2px;
    overflow: hidden;
    white-space: nowrap;
    height: 1.4em;
    margin: 0;
    padding: 0;
    cursor: move;
    position: absolute;
}

.xPanelCaption span {
    padding: 0 .5em;
    background-color: #0097c8;
    cursor: default;
}

.xPanelCaptionEditor {
    white-space: nowrap;
    background-color: #0097c8;
    position: absolute;
}

.xPanelCaptionEditor img {
    width: 16 px;
    height: 16px;
}

.xPanelCaptionEditor input {
    border: 1px solid #0097c8;
    background-color: #FFF;
}

.xPanelCaptionEditor a {
    margin: 0 0 0 1em;
    font-size: 82%;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    color: #FFF;
    cursor: default;
    height: 1.2em;
    padding: 1px 1px 0 1px;
    border: 1px solid #0097c8;
}

.xPanelCaptionEditor a:hover {
    border: 1px solid #FFF;
}

.xPanelCaptionEditor a.xPanelCaptionEditorError {
    color: #FFFF00;
    margin: 0;
    font-size: 100%;
    font-weight: normal;
}

.xPanelCaptionEditor a.xPanelCaptionEditorError:hover {
    border: 1px solid #FFFF00;
}


a.xPanelMaximizeBtn:link, a.xPanelMaximizeBtn:visited {
    display: block;
    width: 1.2em;
    margin: 0 .27em 0 .09em;
    padding: 1px;
    font-size: 82%;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    color: #FFF;
    cursor: default;
    position: absolute;
    height: 1.2em;
    border: 1px solid #0097c8;
    background: url('/aes/en/images/fullscreen.gif') no-repeat center center;
}

a.xPanelRestoreBtn:link, a.xPanelRestoreBtn:visited {
    display: block;
    width: 1.2em;
    margin: 0 .27em 0 .09em;
    padding: 1px;
    font-size: 82%;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    color: #FFF;
    cursor: default;
    position: absolute;
    height: 1.2em;
    border: 1px solid #0097c8;
    background: url('/aes/en/images/restore.gif') no-repeat center center;
}

a.xPanelRestoreBtn:active, a.xPanelMaximizeBtn:active {
    border: 1px solid #FFF;
}

a.xPanelOptionsBtn:link, a.xPanelOptionsBtn:visited {
    display: block;
    margin: 0 .27em 0 .09em;
    font-size: 82%;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    color: #FFF;
    cursor: default;
    position: absolute;
    height: 1.2em;
    border: 1px solid #0097c8;
    padding: 1px 12px 1px 2px;
    background: url('/aes/en/images/ddlist.gif') no-repeat center right;
}

a.xPanelOptionsDownBtn:link, a.xPanelOptionsDownBtn:visited, a.xPanelOptionsDownBtn:hover {
    display: block;
    margin: 0 .27em 0 .09em;
    font-size: 82%;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    color: #FFF;
    cursor: default;
    position: absolute;
    height: 1.2em;
    border: 1px solid #FFF;
    padding: 1px 12px 1px 2px;
    background: #0097c8 url('/aes/en/images/ddlist_sel.gif') no-repeat center right;
}

a.xPanelMaximizeBtn:hover, a.xPanelRestoreBtn:hover, a.xPanelOptionsBtn:hover {
    border: 1px solid #FFF;
}

.xButtonsPad {
   background-color: #0097c8;
   position: absolute;
}

.xPanelResizeNBtn, .xPanelResizeNEBtn, .xPanelResizeEBtn, .xPanelResizeSEBtn,
.xPanelResizeSBtn, .xPanelResizeSWBtn, .xPanelResizeWBtn, .xPanelResizeNWBtn {
    position: absolute;
    overflow: hidden;
    width: 4px;
    height: 4px;
    background: #0097c8;
}

.logoallignment {
    padding-top: 5px !important;
    margin-left: 4px !important;
}
.xPanelResizeNBtn {
    cursor: n-resize;
}

.xPanelResizeNEBtn {
    cursor: ne-resize;
    width: 8px;
    height: 8px;
    /*background: transparent url('/aes/en/images/ne_resize.gif') no-repeat;*/ /*Commented code for OW-2838- Performance issue*/
}

.xPanelResizeEBtn {
    cursor: e-resize;
}

.xPanelResizeSEBtn {
    cursor: se-resize;
    width: 8px;
    height: 8px;
    /*background: transparent url('/aes/en/images/se_resize.gif') no-repeat;*/ /*Commented code for OW-2838- Performance issue*/
}

.xPanelResizeSBtn {
    cursor: s-resize;
}

.xPanelResizeSWBtn {
    cursor: sw-resize;
    width: 8px;
    height: 8px;
    /*background: transparent url('/aes/en/images/sw_resize.gif') no-repeat;*/ /*Commented code for OW-2838- Performance issue*/
}

.xPanelResizeWBtn {
    cursor: w-resize;
}

.xPanelResizeNWBtn {
    cursor: nw-resize;
    width: 8px;
    height: 8px;
    /*background: transparent url('/aes/en/images/nw_resize.gif') no-repeat;*/ /*Commented code for OW-2838- Performance issue*/
}

.xPanelContent {
    position: absolute;
    visibility: hidden;
    overflow: auto;
    background: white;
}

.xAppletContainer {
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: white;
    width: 400px;
}

.xPanelContentWarning {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    background: white;
    color: #696969;
    padding: .5em;
    font-size: 140%;
}

.xDesktop {
    height: 246px;
    background: #FFF url('/aes/en/images/desktop-bg.gif') repeat-x;
}

.xDesktopGrid {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
    background: transparent url('/aes/en/images/grid_el.gif');
    filter: Alpha(Opacity=35);
    opacity: .35;
}

.popupMenu {
    position: absolute;
    visibility: hidden;
    color: #000;
    background-color: menu;
    padding: 2px;
    border-top: 1px solid #B2B4BF;
    border-left: 1px solid #B2B4BF;
    border-bottom: 1px solid #B2B4BF;
    border-right: 1px solid #B2B4BF;
}

.popupMenu img {
    padding-right: .3em;
    width: 16px;
    height: 16px;
}

.popupMenu div.line {
    border-bottom: 1px solid buttonhighlight;
    border-top: 1px solid buttonshadow;
    margin: .3em 0;
}

.popupMenu .item {
    padding: .3em 2em .3em .3em;
    white-space: nowrap;
}

.popupMenu .item img {
    vertical-align: middle;
}

.popupMenu .itemSpecial {
    font-weight: bold;
    padding: .3em 2em .3em .3em;
    white-space: nowrap;
}

.popupMenu .itemDisabled {
    color: graytext;
    padding: .3em 2em .3em .3em;
    white-space: nowrap;
}

.popupMenu .over {
    background-color: #B2B4BF;
    color: #000;
    border-color: highlight;
    cursor: default;
}

.xPanelContent .formFilters{
    margin:5px 5px 5px 5px
}

.xPanelContent .formFilters > div.portalfilter{
    padding:4px 0 4px 0

}
.xPanelContent .formFilters > div.portalfilter:nth-child(even){
    background-color: #F3F3F3
}

.filtered-portal-result .hide{
    display: none;
}

.formFilters > .portalfilter {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.formFilters > .portalfilter > label {
  width: 120px;
  margin-right: 10px;
}

.no-background th{
    background-color: transparent !important
}

/* Header Banner
----------------------------------------------- */
#headerBanner {
  /*  background: #d8e8f5;*/
    width: 100%;
    border-bottom: 1px solid #80919f;
}

#headerBanner td.logo img {
    /*width: 276px;*/
    height: 34px;
    margin: 2px 0 2px 3px;
    float: left;
}

#headerBanner td.logo_small img {
    width: 21px;
    height: 21px;
    margin: 10px 6px 3px 4px;
}

#headerBanner td.txt {
    width: 100%;
    background: url(/aes/en/images/header-tools-bg-left.png) no-repeat right top;
    padding-left: 18px;
}

#headerBanner td.txt span {
    color: #FFF;
}

#headerBanner td.tools {
    background: url(/aes/en/images/header-tools-bg.png) repeat-x;
    white-space: nowrap;
    padding-top: 9px;
    color:white;
    padding-right: 5px;
}

#headerBanner td.tools a {
    color: white;
    text-decoration: none;
}

#headerBanner td.tools img {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    padding-bottom: 1px;
}

#portalMessageHint {
    position: absolute;
    left: 16px;
    top: 1px;
    width: 75%;
    border: 1px solid #80919f;
    padding: .5em;
    color: #000;
    z-index: 100;
    height: 5em;
    overflow: auto;
}

#portalMessageHint .title {
    font-weight: bold;
    margin-right: 20em;
}

#portalMessageHint .portalMessageIcon {
    width: 19px;
    height: 16px;
    float: left;
}

.portalMessageInfo {
    background-color: #EFEFEF;
}

#portalMessageHint.portalMessageInfo .title{
    color: #737373;
}

#portalMessageHint.portalMessageInfo .portalMessageIcon {
    background: url(/aes/en/images/small_icon_information.gif) 0 0 no-repeat;
}

.portalMessageWarning {
    background-color: #FFFFB9;
}

#portalMessageHint.portalMessageWarning .title {
    color: #FFA800;
}

#portalMessageHint.portalMessageWarning .portalMessageIcon {
    background: url(/aes/en/images/small_icon_warning.gif) 0 0 no-repeat;
}

.portalMessageProblem {
    background-color: #FFD9D9;
}

#portalMessageHint.portalMessageProblem .title{
    color: #CC0000;
}

#portalMessageHint.portalMessageProblem .portalMessageIcon {
    background: url(/aes/en/images/small_icon_problem.gif) 0 0 no-repeat;
}

#portalMessageHint div.tools {
    float: right;
}

/* Bookmark navigation
----------------------------------------------- */
#portalPages {
    position: relative;
    background-color: #16293d;
    border-top: 1px solid #16293d;
    border-bottom: 3px solid #bcd8e9;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.1em;
    height: 2em;
}

#portalPagesScrollLeftBtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 2em;
    width: 10px;
    background: #16293D url(../images/scroll-tab-left-btn.gif) center center;
    visibility: hidden;
    z-index: 2;
}

#portalPagesScrollLeftBtn.disabledScrollLeftBtn {
    background: #16293D url(../images/scroll-tab-left-disabled-btn.gif) center center !important;
}

#portalPagesScrollRightBtn {
    position: absolute;
    top: 0;
    right: 0;
    height: 2em;
    width: 10px;
    /*background: #16293D url(../images/scroll-tab-right-btn.gif) center center;*/ /*Commented code for OW-2838- Performance issue*/
    visibility: hidden;
    z-index: 2;
}

#portalPagesScrollRightBtn.disabledScrollRightBtn {
    background: #16293D url(../images/scroll-tab-right-disabled-btn.gif) center center !important;
}

#portalPagesViewPort {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 2em;
    white-space: nowrap;
    color: #FFF;
    z-index: 1;
}

#portalPagesViewPort .pageTabSelected {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    height: 2em;
}

#portalPagesViewPort .pageTab {
    position: absolute;
    top: 0;
    white-space: nowrap;
    height: 2em;
}

#portalPagesViewPort .pageTabLeft {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 2em;
}

#portalPagesViewPort .pageTabRight {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 2em;
}

#portalPagesViewPort .pageTabTitle {
    position: absolute;
    top: 0;
    left: 0;
    height: 2em;
    white-space: nowrap;
    _z-index: -1;
}

#portalPagesViewPort .pageTabSelected .pageTabTitle .pageTabTitleText {
    color: #000;
    background: #bcd8e9 url(../images/portal-page-tab-bg.gif) no-repeat left top;
}

#portalPagesViewPort .pageTabTitle .pageTabTitleText {
    padding: .4em .4em 0 .4em;
    display: block;
    height: 2em;
}

#portalPagesViewPort .pageTabTitle a.pageTabTitleText:link,
#portalPagesViewPort .pageTabTitle a.pageTabTitleText:visited,
#portalPagesViewPort .pageTabTitle a.pageTabTitleText:active
{
    background-color: #16293d;
    color: #FFF;
    text-decoration: none;
}

#portalPagesViewPort .pageTabTitle a.pageTabTitleText:hover {
    color: #FFF;
    background: #516174 url(../images/portal-page-tab-over-bg.gif) no-repeat left top;
    text-decoration: none;
}

#portalPagesViewPort .pageTabTitle {
    height: 2em;
    float: left;
}

#portalSelectedPage {
    color: #FFF;
    background: #516174 url('../images/tabddlist.gif') no-repeat right center;
    z-index: -1;
}

.nanocontrol {
    margin: 0 3px 0 3px;
    font-size: 85%;
    /* font-style: italic; */
    text-decoration: underline;
    cursor: pointer;
}

/* Panel Border
----------------------------------------------- */
.panelPadding {
    padding: 9px;
}

table.panelBorder {
    width: 100%;
}

div.panelBorderTitle {
    position: relative;
    _clear: both;
}

div.panelBorderTitle div.leftCorner, div.panelBorderTitle div.rightCorner {
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
}

div.panelBorderTitle div.leftCorner {
    background: url('/aes/en/images/panel_top_left.gif') no-repeat;
    left: 0;
}

div.panelBorderTitle div.rightCorner {
    background: url('/aes/en/images/panel_top_right.gif') no-repeat right top;
    right: 0;
    _right: -1px;
}

div.panelBorderTitle div.topBorder {
    color: #000;
    background: #d8e8f5 url('../images/aspect_mini_logo_new.png') no-repeat 41px 6px;
    font-size: 1.8em;
    text-align: left;
    padding: 6px 10px 6px 85px;
    border-bottom: 1px solid #FFF;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left 20px top 0px;
}

div.panelBorderTitle div.topBorder span {
    color: #096ab2;
}

.panelInnerContent {
   /*background: #FFF url('/aes/en/images/internaldlg-bg.gif') repeat-x;*/
}

.panelInnerContent div.footer {
    border-top: 1px solid #FFF;
    background-color: #d8e8f5;
    padding: 0 3.5em;
    height: 4em;
}

.panelInnerContent div.footer div.footerBack {
    padding-top: 1.3em;
}

.panelInnerContent div.footer div.footerButtons {
    float: right;
    white-space: nowrap;
    padding-top: .9em;
}

.panelInnerContent div.footer div.footerButtons span.margin {
    margin: 0 3px;
}

.panelInnerContent div.footer div.footerButtons input.primary {
    font-weight: bold;
}

.panelInnerContent div.footer div.footerButtons input {
    margin-left: 5px;
}

.panelInnerContent div.footer div.footerBack a {
    color: #FFF;
}

.panelInnerContent div.footer div.footerBack a:hover {
    text-decoration: none;
}

/* panelInnerContent
----------------------------------------------- */
.panelInnerContent div.content {
    background: transparent url('/aes/en/images/internaldlg-bg-bottom.gif') repeat-x bottom;
    border-left: 10px solid #d8e8f5;
    border-right: 10px solid #d8e8f5;
    _padding: .36em .36em 1em .36em;
}

div.contentPad {
    background: transparent url('/aes/en/images/internaldlg-bg.gif') repeat-x;
}

HTML>BODY .panelInnerContent div.contentPad {
    padding: .36em .36em 2em .36em;
}

.panelInnerContent div.caption, .panelInnerContent div.popupCaption {
    font-size: 1.1em;
    padding: 1em 1.3em 1em .36em;
}

.panelInnerContent div.caption div.lCaption {
    float: left;
}

.panelInnerContent div.caption div.rCaption {
    float: right;
}

.panelInnerContent div.caption div.dialogTabs {
    clear: both;
}

.panelInnerContent div.caption span.description {
    font-size: .8em;
    display: block;
    padding-top: 2em;
}

/* Table types
----------------------------------------------- */
td.col, td.col1 {
    width: 50%;
    padding: 0 2px 0 2px;
}

td.col1 {
    padding-left: 0;
}

td.colLeft {
    padding: 0 4em 0 0 !important;
    width: 50%;
}

table.twoCols {
    clear: both;
    width: 100%;
}

table.twoCols td.col, table.twoCols th.col {
    width: 50%;
    padding-top: 1.3em;
}

table.manyCols td {
    padding: 0;
}

table.manyCols td {
    vertical-align: top;
    padding: .8em 1.5em 1.5em 0;
}

table.manyCols td.lastCol {
    width: 100%;
    text-align: right;
    white-space: nowrap;
}

table.dialogTable {
    width: 100%;
}

table.dialogTable .name {
    text-align: left !important;
}

table.dialogTable th {
    color: #000;
    padding: .4em .6em;
    text-align: left;
    white-space: nowrap;
}

/* Header for new Price Reader / DSCharts Reader*/
table.dialogTableNew th {
    background-color: #336699;
    padding: .4em 0em .4em .6em;
    text-align: left;
    white-space: nowrap;
    color: white !important;
}

table.dialogTable th.listHeader {
    font-size: 1.4em;
}

table.dialogTable .date {
    white-space: nowrap;
}

table.dialogTable td.tools {
    text-align: right;
    white-space: nowrap;
}

table.dialogTable td.tools a {
    margin-left: 1em;
}

table.dialogTable td {
    padding: .4em 0em .4em .6em;
    vertical-align: middle;
}

table.dialogTable tr td table tr td {
    padding: 0;
}

table.dialogTable td.data {
    width: 100%;
}

table.dialogTable td.data input.allWidth {
    width: 95% !important;
}

table.dialogTable td.data textarea {
    width: 95%;
}

table.dialogTable td.service {
    white-space: nowrap;
    text-align: center;
}

table.dialogTable td.service a {
    text-decoration: none;
}

table.dialogTable td.dataOptionsLabel {
    width: 40%;
}

table.dialogTable td.dataOptions {
    width: 60%;
}

table.dialogTable td.dataOptions input {
    width: 95%;
}

table.dialogTable td.panelField {
    width: 100%;
}

table.dialogTable td.panelField textarea {
    width: 90%;
}

table.dialogTable td.panelField select {
    width: 90%;
}

table.dialogTable td.dataOptions select {
    width: 97%;
}

table.dialogTable td.settingsFooter {
    text-align: right;
}

table.dialogTable input.checkbox {
    margin: 0 .5em 0 -.2em;
}

table.dialogTable td.service label {
    margin: 0 1em 0 .5em;
}

table.dialogTable td.subData {
    padding: .4em .6em .4em 2.9em;
    width: 100%;
}

table.dialogTable td.label {
    white-space: nowrap;
    line-height: 20px;
    padding-top: 6px;
    vertical-align: top;
}

table.dialogTable td.criteria input {
    vertical-align: middle;
}

table.dialogTable td.label select {
    margin-left: .5em;
}

table.dialogTableNew img {
    width: 16px; height: 16px;
    border: none;
    padding: 2px;
    vertical-align: middle;
    cursor: pointer;
}

table.dialogTableNew span.disabled {
     filter: alpha(opacity=40); opacity: 0.4;
}

.qname {
    min-width: 250px !important;
}

div.confirm-dialog table td {
    vertical-align: middle;
}

.dialogButton {
    background-color: ButtonFace;
    color: ButtonText;
}

table.panel {
    margin-top: 2px;
}

table.panel td.header {
    background-color: #023769;
}

td.allChannels {
    font-style: italic;
}

p.successInfo, p.successLog, p.errorInfo {
    color: #346699;
    font-weight: bold;
    padding: .5em;
}

p.successInfo {
    text-align: center;
    font-size: 120%;
}
p.successLog {
    text-align: right;
}

.noSelection {
    padding: 5px;
}

td.postSearch, td.searchRange {
    text-align: right;
}

td.searchKeys, td.searchRange {
    width: 50%;
    background-color: #CCC;
}

td.searchKeys span {
    font-weight: bold;
}

img.exceldrag {
    cursor: pointer;
    cursor: hand;
    vertical-align: middle;
}

table.priceList td {
    padding: 0;
}

table.priceList td {
    padding-left: .4em;
    padding-right: .4em;
    vertical-align: middle;
}

table.priceList span.weekend {
    color: red;
}

table.priceList span.weekendPrice {
    color: #999;
}

table.priceList th, table.priceList td {
    padding: .4em .6em .4em .6em;
    border-color: #369;
    border-style: dotted;
    border-width: 1px 1px 1px 0;
}

table.priceList td {
    text-align: right;
    white-space: nowrap;
}

table.priceList td.leftHead {
    text-align: left;
    white-space: nowrap;
    border-left-width: 0;
}

table.priceList td.middleHead {
    text-align: left;
    white-space: nowrap;
    border-left-width: 0;
    border-right-width: 0;
}

table.priceList td.ident {
    border-right-width: 0;
    padding-right: 1;
    width: 11px;
}

table.priceList td.ident img {
    cursor: pointer;
    cursor: hand;
    vertical-align: middle;
}

table.priceList td.trendUp {
    color: green;
}

table.priceList td.trendDown {
    color: red;
}

table.priceList tr.total {
    font-weight: bold;
}

table.priceList tr.hiddenRow {
    display: none;
}

table.priceList th {
    background-color: #CCC;
    border-bottom-style: solid;
    vertical-align: bottom;
    white-space: nowrap;
}

table.priceList th img {
    margin-left: .5em;
}

table.priceList th.lastCol {
    width: 100%;
    border-right-width: 0;
}

table.priceList td.lastCol {
    border-right-width: 0;
}

table.priceList td.summary {
    background-color: #CCC;
    border-bottom-width: 0;
    border-top-width: 1px;
    border-top-style: solid;
}

div.newsLogo {
    text-align: right;
}

table.newsContent {
    width: 100%;
}

table.newsContent td p {
    text-align: left;
}

table.newsContent td pre {
    text-align: center;
}

td.newsBody {
    font-size: 1.2em;
    font-family: monospace, monospace;
    text-align: left;
}

table.newsContent td.newsBody pre {
    text-align: left;
}

.newsCodes {
    padding: 1em 0 1em 0;
    font-weight: bold;
    text-align: center;
}

.newsCopyright {
    text-align: center;
}

hr.newsContent {
    color: #CCC;
}

#qm-confirm-dialog, #qm-error-messagebox, #cm-confirm-dialog, #cm-error-messagebox {
    display: none;
}

/* Progress bar
----------------------------------------------- */
body.progressDlg {
    text-align: center;
    cursor: wait;
}

.progressBarLabel {
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 120%;
    padding: 1em;
}

.progressBar {
    height: 2em;
    border: solid .1em white;
    margin: 0 2em 0 2em;
    width: 90%;
}

.progressBar td {
    width: 1.2em;
    border: solid .1em white;
    background-color: #CCC;
}

.progressBar td.done {
    background-color: #8193A4;
}

/* Futures
----------------------------------------------- */
.future, .futureHighlight {
    cursor: pointer;
    padding: .2em;
    font-size: 100%;
}

.futureHighlight {
    background-color: #8193A4;
    color: #FFF;
}

.selectedSymbol {
    background-color: #8193A4;
    font-weight: bold;
    color: #FFF;
    width: 16em;
}

.message {
    margin: 1.7em .3em 1.7em .3em;
}

.resultNavigator {
    white-space: nowrap;
    margin: 0 .3em 0 .3em;
}

.inlineHelp {
    width: 100%;
}
.inlineHelp .switchInfo {
    width: 100%;
}
.inlineHelp .switchOff {
    white-space: nowrap;
    text-align: right;
    padding: .8em 1.86em .8em 1.86em;
}

.inlineHelp .switchOn {
    white-space: nowrap;
    text-align: right;
    background: #E5E5E5;
    padding: .8em 1.86em .8em 1.86em;
}

.inlineHelp .text {
    width: 100%;
    background: #E5E5E5;
    padding: .8em 1.86em .8em 1.86em;
}

.inlineHelp .more {
    white-space: nowrap;
    text-align: right;
    background: #E5E5E5;
    vertical-align: bottom;
    padding: .8em 1.86em .8em 1.86em;
}

/* Real Time News
----------------------------------------------- */
input.operationBtn {
    font-weight: normal;
    margin-left: .9em;
    border: 1px solid #000;
    color: #000;
    background-color: #DDD;
}

/* For applets
----------------------------------------------- */
div.appletToolbar {
    padding: 0 0 5px 5px;
}

div.appletToolbar a {
    margin: 0 .1em 4px .1em;
}

/* Special
----------------------------------------------- */
select.taffyInput {
    width: 99%;
}

.newEntry {
    text-align: right;
    padding: 1em 2.5em .2em 0;
}

.xPanelContent input.operationBtn {
    border: 1px solid #000;
    color: #000;
    background-color: #DDD;
    padding: 1px;
}

.middleSelect {
    width: 60%;
}

.xPanelContent th.tableList {
    height: 1.8em;
    background-color: #FFF;
    font-weight: bold;
    padding: .4em .6em .4em .6em;
    border-bottom: 2px solid #CCC;
}

.highlight {
    color: #cc3300;
}

.topTitle {
    position: relative;
    padding: 5px 0;
    color: black;
    text-align: center;
}

.active {
    font-weight: bold;
}

.active a {
    font-weight: normal;
}

/* Misc
----------------------------------------------- */
.hideBlock {
    display: none;
}

.displayBlock {
    display: block;
}

.hidden {
    display: none;
}

.arrowToolbar img {
    cursor: pointer;
    cursor: hand;
}

.error {
    color: red;
    font-weight: normal;
    text-align: center;
    clear: both;
    padding: 5px 0 10px 0;
}

.mainMargin {
    margin: 0 7px;
    padding: 5px 0;
}

.warning {
    color: #AC003B;
}

.absmiddle {
    vertical-align: middle;
}

body.internalDlg {
    background-color: #FFF;
}

body.internalDlg #headerBanner {
    display: none;
}

.evenRow, tr.evenRow {
    background-color: #F3F3F3;
}

div.evenRow {
    background-color: #F3F3F3;
    padding-top: 1px;
    padding-botton: 3px;
}

.inlineControl {
    cursor: pointer;
    padding: 3px;
    font-size: 85%;
    color: #F3F3F3;
    background-color: gray;
}

.inlineControl img {
    vertical-align: middle;
    margin-right: 3px;
}

.allWidth {
    width: 100% !important;
}

.autoWidth {
    width: auto !important;
}

.tableMinContentWidth {
    width: 51em;
}

div.left {
    width: 9em;
    float: left;
    clear: both;
    padding-top: 3px;
    margin-top: 3px;
    padding-left: 1em !important;
}

div.right {
    text-align: left;
    margin-left: 10em;
    margin-top: 3px;
    padding-bottom: 3px;
    line-height: 20px;
}

.right input.button {
    font-weight: normal;
    margin:0 .4em 0 0;
}

.right .checkbox {
    width: 13px;
    margin: 0 3px 0 0;
}

a.selector {
    padding: 1px 3px;
}

a.selectorActive {
    padding: 1px 3px;
    font-weight: normal;
    background-color: #336699;
    color: #FFF;
    text-decoration: none;
}

a.selectorActive:link {
    color: #FFF;
}

.inputButton {
    width: 15px;
    height: 16px;
}

.inputWithImageButton {
    white-space: nowrap;
}

.inputWithImageButton input {
    vertical-align: middle;
}

.inputWithImageButton img {
    vertical-align: middle;
    margin-left: 3px;
    cursor: pointer;
    cursor: hand;
}

.realtimenewsButtons {
    vertical-align: bottom;
    white-space: nowrap;
}

.realtimenewsButtons input {
    margin: 1em 0 0 0.4em;
}

.catalogueHeader1 {
    font-size: 2em;
}

.catalogueHeader2 {
    font-size: 1.5em;
}

ul.catalogue {
    margin-top: 0;
}

ul.catalogue li {
    margin-top: 0.5em;
}

.description {
    color: #8D8C8C;
}

div.selectedOptions {
    margin-left: 2em;
}

a.btn {
    font-weight: normal;
    text-decoration: none;
}

/* optionSelectBox
----------------------------------------------- */
table.optionSelectBox td.leftBox, table.optionSelectBox td.rightBox {
    width: 48%;
}

table.optionSelectBox td.img {
    vertical-align: middle;
    width: 2%;
    padding: 0 .5em;
}
table.optionSelectBox td {
    padding: .4em 0;
}

/* autosuggest
----------------------------------------------- */
div.autosuggest {
    position: relative;
    white-space: nowrap;
}

.textInput {
    width: 18.4em;
}

div.autosuggest button {
    height: 20px;
    width: 19px;
    margin: 0;
    padding: 0;
    text-align: center;
}

div.autosuggest span {
    position:relative;
    top: 2px;
    margin-left: 5px;
}

div.autosuggest span label {
    vertical-align: top;
}

div.autosuggest img {
    width: 22; height: 21;
    position: relative;
    top: 4px; left: 5px;
    border: none;
}

.active {
    cursor: pointer;
    cursor: hand;
}

body:last-child:not(:root:root) div.autosuggest button {
    padding-top: 5px;
    height: 12px;
}

div.autocomplete {
    color: windowtext;
    position: absolute;
    display: hidden;
    display: none;
    overflow: auto;
    border: solid 1px windowframe;
    z-index: 100;
    background: window;
}

div.ac_option {
    line-height: 14px !important;
    cursor: pointer;
    cursor: hand;
    white-space: nowrap;
    padding-left: 2px;
    color: windowtext;
    background-color: window;
}

div.ac_highlight {
    color: highlighttext !important;
    background-color: highlight !important;
}

div.ac_unhighlight {
    color: windowtext;
    background-color: window;
}

div.ac_silver {
    background-color: window;
    color: graytext;
}

/* versionChooser
----------------------------------------------- */
.versionChooser {
    margin-top: 3px;
    line-height: 2em;
    text-align: center;
    padding: 10px;
}

.versionChooser input {
    font-size: 1.1em;
}

.versionChooser input {
    margin: 0 7px;
}

/* formTable
----------------------------------------------- */
table.formTable td, table.formTable th, td.formTable {
    padding: .4em;
}

table.formTable th {
    text-align: left;
    white-space: nowrap;
}

table.formTable td.child {
    padding-left: 4em;
}

table.formTable td.child1 {
    padding-left: 4em;
    vertical-align: top;
}

table.formTable input.checkbox {
    margin: 0 .5em 0 -.2em;
}

table.formTable input.radio {
    margin: 0 .5em 0 -.2em;
}

table.formTable .name {
    font-weight: bold;
}

table.formTable .fieldName {
    text-align: right;
}

table.formTable .value {
    font-weight: bold;
}

table.formTable td a img {
    vertical-align: middle;
    padding: 0 15px 5px 3px;
}

.portalDialogContainer {
    padding-left: 5em;
}

.portalDialogContainer table.formTable {
    width: 60%;
}

table.formTable td.date {
    white-space: nowrap;
}

.left {
    vertical-align: middle;
}

/* separatedControls
-----------------------------------------------  */
table.separatedControls td, table.separatedControls th {
    padding: 0.4em 2em;
    vertical-align: middle;
}

table.separatedControls input.checkbox {
    margin: 0 .5em 0 -.2em;
}

table.formTable tr td table tr td {
    padding: 0;
}

/* userAgreement
----------------------------------------------- */
.userAgreement {
    text-align: center;
}

.userAgreement textarea {
    padding: .3em 0 .3em .3em;
}

/* passwordChange
----------------------------------------------- */
div.passwordChange table.dialogTable {
    width: 50%;
    margin: 0 0 10px 6px;
}

div.passwordChange table.dialogTable td h3 {
    font-size: 1.8em; 
    margin: 0; 
    padding: 0;
}

/* Static charting
----------------------------------------------- */
.staticChartingImage {
    _width: 300px;
    _height: 300px;
    min-height: 300px;
}

div.upgradeHint {
    background: #FFFFC6;
    margin: 0.5em 0;
    float: left;
}

div.upgradeHint img {
    margin-right: 5px;
}

div.upgradeHint a {
    white-space: nowrap;
    font-weight: bold;
    color: #000;
}

div.chartingBottom {
    height: 3.5em;
}

div.bottomPanel {
    float: right;
    padding: 0.9em 0.3em 0.3em 0.3em;
}

table.chartingPopupControls {
    width: 100%;
}

table.chartingPopupControls td.controlsLeft {
    text-align: left;
}

table.chartingPopupControls td.controlsCenter {
    text-align: center;
    vertical-align: middle;
}

table.chartingPopupControls td.controlsRight table {
    float: right;
}

/* DDEpanel
----------------------------------------------- */
.DDEpanel {
    padding: 0 0.2em;
    margin: 0;
    height: 300px;
}

.scrolledBlock {
    height: 300px;
    overflow: auto;
    padding-right: 0.3em;
}

HTML>BODY .DDEpanel {
    height: 100%; 
    min-height: 300px;
}

/* Multi items select control
----------------------------------------------- */
div.multiItemsSelectContainer {
    height: 39em;
    margin: 0 1px 0 0;
    padding: 0;
}

ul.multiItemsSelect {
    border: 1px inset;
    *border: 2px inset;
    height: 36em;
    overflow: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    cursor: default !important;
}

ul.multiItemsSelect li {
    font-size: 1.2em;
    color: #333;
    white-space: nowrap;
    list-style: none;
    padding: 3px 5px 3px 17px;
    margin: 0 0 1px 0 !important;
    cursor: default !important;
    position: static !important;
    width: auto !important;
    border: 0 !important;
}

ul.multiItemsSelect li.subItem {
    padding-left: 4em;
}

ul.multiItemsSelect li.selected {
    background-color: #FFFFBF !important;
}

ul.multiItemsSelect li.category {
    color: #000; 
    font-weight: bold;
    padding: 3px 5px 3px 23px;
    display: block;
    border-top: 1px solid #264A6E !important;
}

ul.multiItemsSelect li.category div.tools {
    font-size: 0.8em;
    font-weight: normal;
    background-color: #CFDAE5;
    padding: 2px 0 0 5px;
    float: right;
}

ul.multiItemsSelect li.category div.tools a {
    margin-left: 1em;
    text-decoration: none;
    white-space: nowrap;
}

ul.multiItemsSelect li.opened {
   background: url(/aes/en/images/list_opened.gif) 5px 50% no-repeat #CFDAE5;
}

ul.multiItemsSelect li.closed {
  background: url(/aes/en/images/list_closed.gif) 5px 50% no-repeat #CFDAE5;
}

ul.multiItemsSelect li input {
    margin: 0 3px 0 0;
}

.strong {
   font-weight: bold;
}

/* Ordered items control
----------------------------------------------- */
ul.orderedItems {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 30em;
}

ul.orderedItems li {
    list-style: none;
    cursor: move;
    display: block;
    font-size: 1.2em;
    margin: 0;
    padding: 4px 5px 4px 5px;
    background-color: #FFF;
    width: 30em;
    border: 1px solid #FFF;
}

ul.orderedItems li.draging {
    background-color: #FFFFBF;
    border: 1px dotted #000;
}

ul.orderedItems li.wink {
    background-color: #E0F1FD;
}

ul.orderedItems li.wink div.tools {
    background-color: #E0F1FD;
}

ul.orderedItems li.winkFade {
    background-color: #F1FFFF;
}

ul.orderedItems li.winkFade div.tools {
    background-color: #F1FFFF;
}

ul.orderedItems li.winkRed {
    background-color: #FF0000;
}

ul.orderedItems li.winkRed div.tools {
    background-color: #FF0000;
}

ul.orderedItems li.winkRedFade {
    background-color: #FFA07A;
}

ul.orderedItems li.winkRedFade div.tools {
    background-color: #FFA07A;
}

ul.orderedItems li div.narrowText {
    width: 14em;
}

ul.orderedItems li div.longText {
    width: 18em;
}

ul.orderedItems li div.narrowText1 {
    width: 18em;
}

ul.orderedItems li div.longText1 {
    width: 22em;
}

ul.orderedItems li div.tools {
    background-color: #FFF;
    position: absolute;
    padding: 4px 5px 1px 5px;
    right: 0px;
    top: 0px;
}

ul.orderedItems li.draging div.tools {
    background-color: #FFFFBF;
}

ul.orderedItems li div.tools a {
    font-size: 0.8em;
    text-decoration: none;
    white-space: nowrap;
    margin-left: 1em;
}

ul.orderedItems li div.tools span {
    color: #8D8C8C;
    font-size: 0.8em;
    text-decoration: none;
    white-space: nowrap;
    margin-left: 1em;
}

ul.orderedItems li.over {
    border: 1px dotted #666;
}

ul.orderedItems li input {
    cursor: default;
}

ul.orderedItems li label {
    cursor: default;
}

ul.orderedItems li.selected {
    background-color: #FFF;
    border: 1px solid #BBB;
}

ul.orderedItems li.selected div.tools {
    background-color: #FFF;
}

ul.orderedItems li .editor {
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    margin: 5px 0 1px 0;
}

ul.orderedItems li .editor ul.orderedItems {
    width: 11em !important;
}

ul.orderedItems li .editor ul.orderedItems li {
    font-size: .8em !important;
    width: 11em !important;
    padding: 4px;
}

ul.orderedItems li .editor .twoPanels {
    position: relative;
    margin: 0;
    padding: 0;
}

ul.orderedItems li .editor .twoPanels div.header {
    font-size: .8em;
    font-weight: bold;
    width: 2em;
    color: #840084;
    margin: 0 0 0 5px;
    padding: 4px 5px 4px 0;
    border-bottom: 1px dotted #CCC;
    cursor: default;
}

ul.orderedItems li .editor div.difference {
    border-top: 1px dotted #CCC;
    font-size: .8em;
    margin: 5px;
    padding: 4px 0 4px 0;
    cursor: default;
}

ul.orderedItemsWide {
    width: 36em !important;
}

ul.orderedItemsWide li {
    width: 36em !important;
}

ul.orderedItems li .editor .title {
    font-size: .8em;
    color: #840084;
    font-weight: bold;
    padding: 3px 5px 3px 23px;
    border-top: 1px dotted #CCC;
    background-color: #FFF;
}

ul.orderedItems li .editor .opened {
    cursor: pointer;
    cursor: hand;
    background: url(/aes/en/images/list_opened.gif) 5px 50% no-repeat #FFF;
}

ul.orderedItems li .editor .closed {
    cursor: pointer;
    cursor: hand;
    background: url(/aes/en/images/list_closed.gif) 5px 50% no-repeat #FFF;
}
/* Selected items list
----------------------------------------------- */
ul.selectedItems {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 21em;
}

ul.selectedItems li {
    list-style: none;
    display: block;
    position: relative;
    font-size: 1.2em;
    margin: 0;
    padding: 4px 25px 4px 5px;
    background-color: #FFF;
    width: 21em;
    border: 1px solid #FFF;
}

ul.selectedItems li div.tools {
    background-color: #FFF;
    position: absolute;
    padding: 4px 5px 1px 5px;
    right: 0px;
    top: 0px;
}

ul.selectedItems li div.tools a {
    font-size: 0.8em;
    text-decoration: none;
    white-space: nowrap;
}

ul.selectedItems li.over {
    border: 1px dotted #666;
}

/* dowJonesPlus
----------------------------------------------- */

.dowJonesPlus {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
}

/* sorting buttons */

a.sortAsc, a.sortDesc {
    margin-left: 2px;
    background: url("/aes/en/images/sortUp.gif") no-repeat 0 1px;
}

a.sortDesc {
    background: url("/aes/en/images/sortDown.gif") no-repeat 0 1px;
}

a.sortAsc:hover {
    background: url("/aes/en/images/sortUpHover.gif") no-repeat 0 1px; 
}

a.sortDesc:hover {
    background: url("/aes/en/images/sortDownHover.gif") no-repeat 0 1px; 
}

/* remove column (originally in price reader) */

a.remove {
    margin: 0 2px 0 4px;
    background: url("/aes/en/images/removeColumn.gif") no-repeat 0 1px;
}

a.remove:hover {
    background: url("/aes/en/images/removeColumnHover.gif") no-repeat 0 1px;
}

a.remove.absolute.right {
    position: absolute;
    top: 3px;
    right: 0;
}

.bannerActive {
    font-weight: bold;
}
.bannerActive-evenRow, tr.bannerActive-evenRow {
    font-weight: bold;
    background-color: #F3F3F3;
}

.bannerNotExpiredDraft {
    color: #AC003B;
}
.bannerNotExpiredDraft-evenRow, tr.bannerNotExpiredDraft-evenRow {
    color: #AC003B;
    background-color: #F3F3F3;
}
.bannerExpired {
    color: graytext;
}
.bannerExpired-evenRow, tr.bannerExpired-evenRow {
    color: graytext;
    background-color: #F3F3F3;
}

.banner_message {
    background-color: #FFFFB9;
    text-align: center;
    padding: 5px 0 10px 0;
}

.deletedConfirm {
    background-color: #FFFFB9;
    font-weight: bold;
    text-align: center;
    clear: both;
    padding: 5px 0 10px 0;
}

.formulasHint {
    background: #FFFFFF;
}

.hrLineInstrument {
    background-color:#023769 !important;
    color:#FFFFFF !important;
}

.formulaInstrument {
    background-color: #F0FFF0 !important;
}
/* Copy/Move panel
----------------------------------------------- */
.cmItems {
    display: table;
}
.cmItems .cmItem {
    display: table-row;
    font-size: 1.2em;
    padding: 2px;
}
.cmItems .cmItemRow {
    border: 1px dotted transparent;
}
.cmItems .cmItemRow:hover {
    border: 1px dotted #666;
    border-radius: 6px;
}
.cmItems .narrowText {
    display: table-cell;
    width: 330px;
    padding: 4px;
}
.cmItems .tools {
    display: table-cell;
    padding: 2px;
}
.cmItems .tools a {
    font-size: 0.8em;
    text-decoration: none;
    white-space: nowrap;
    margin-left: 1em;
}
.multiselect {
    width: 120px;
}
.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
}
.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes {
    display: none;
    border: 1px #dadada solid;
    background-color: #FFFFFF;
}

#checkboxes label {
    display: block;
}

#checkboxes label:hover {
    background-color: #1e90ff;
}
ul.mainList {
    list-style: none;
    padding-left: 7px;
    margin-top: 5px;
}
ul.subList {
    list-style: none;
    padding-left: 20px;
}


/* 
////////////////////////////////////////////////////////////////
 CTRM Welcome Page CSS
////////////////////////////////////////////////////////////////
*/

.aspect_crtm_only_user_welcome_page_container {
	box-sizing: border-box;
    --gray20: #E2E1E3;
    --blue60: #1978D4;
    --blue50: #4498E9;
    --accent-color: var(--blue50);
    font-family: 'Work Sans', 'Tahoma', sans-serif;
	
	background-color: var(--gray20);height: 100vh;width: 100vw;overflow: hidden;
    display: flex;justify-content: center;align-items: center;
}

.theme_dark .aspect_crtm_only_user_welcome_page_container {
  --gray20-dark: #A5A4A8;
  background-color:var(--gray20-dark);
}

.theme_dark .aspect_crtm_only_user_welcome_page_container .main_content .menu_card .menu_card_header{
  color:white;
}

.theme_dark .aspect_crtm_only_user_welcome_page_container .menu_item .menu_item_details .menu_item_icon {
 filter:invert(0.5);
}

.theme_dark .aspect_crtm_only_user_welcome_page_container .menu_card .menu_item{
  color:white;
}

.theme_dark .menu_item_action_icon{
  filter: invert(1);
}

.theme_dark .aspect_crtm_only_user_welcome_page_container .main_content .menu_card {
    background-color: #16161f !important;
    color:white !important;
}

.aspect_crtm_only_user_welcome_page_container .main_content {display: flex; justify-content: space-around; align-items: center; flex-direction: column; row-gap: 48px;}
.aspect_crtm_only_user_welcome_page_container .main_content .aspect_logo {--logo-size: 48px; height: var(--logo-size); width: var(--logo-size); filter: opacity(0.85); animation-name: fadein; animation-duration: 1.5s; animation-fill-mode: forwards;}

.aspect_crtm_only_user_welcome_page_container .main_content .menu_card {
    background-color: #F7F7F8; border-radius: 4px; width: 400px; height: 0px; overflow: hidden; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 8px rgba(0, 0, 0, 0.2); opacity: 0;
    animation-name: menu_card; animation-duration: 1s; animation-delay: 1.5s; animation-fill-mode: forwards;
}

.aspect_crtm_only_user_welcome_page_container .main_content .menu_card .menu_card_header {font-size: 20px; font-weight: 500; color: #16161f; border-bottom: 1px solid var(--gray20); padding: 20px; letter-spacing: -0.01em;}
.aspect_crtm_only_user_welcome_page_container .main_content .menu_card .menu_item_container { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; row-gap: 4px; padding: 8px;}
.aspect_crtm_only_user_welcome_page_container .menu_card .menu_item {
    text-decoration: none; display: flex; justify-content: space-between; align-items: center; flex-direction: row;
    width: 100%; height: 60px; color: #16161f; padding: 0 16px; border-radius: 4px; box-sizing: border-box; transition: 0.1s all cubic-bezier(0.645, 0.045, 0.355, 1);
}

.aspect_crtm_only_user_welcome_page_container .menu_item .menu_item_details {display: flex; justify-content: space-between; align-items: center; flex-direction: row; column-gap: 16px;}

.aspect_crtm_only_user_welcome_page_container .menu_item .menu_item_details .menu_item_icon {height: 24px; width: 24px; filter: invert(0.25); transition: 0.1s all cubic-bezier(0.645, 0.045, 0.355, 1);}

.aspect_crtm_only_user_welcome_page_container .menu_item .menu_item_details .menu_item_label .menu_item_label_title {font-size: 16px; font-weight: 500;}

.aspect_crtm_only_user_welcome_page_container .menu_item .menu_item_details .menu_item_label .menu_item_label_title {font-size: 16px; font-weight: 500;}
.aspect_crtm_only_user_welcome_page_container .menu_item .menu_item_details .menu_item_label .menu_item_label_subtitle {font-size: 12px; color: #737379; transition: 0.1s all cubic-bezier(0.645, 0.045, 0.355, 1);}
.aspect_crtm_only_user_welcome_page_container .menu_item .menu_item_action .menu_item_action_icon { transition: 0.1s all cubic-bezier(0.645, 0.045, 0.355, 1);}

.aspect_crtm_only_user_welcome_page_container .menu_item:hover { background-color: var(--accent-color); cursor: pointer; color: white;}
.aspect_crtm_only_user_welcome_page_container .menu_item:hover .menu_item_icon {filter: invert(1);}
.theme_dark .aspect_crtm_only_user_welcome_page_container .menu_item:hover .menu_item_icon {filter: invert(0);}
.aspect_crtm_only_user_welcome_page_container .menu_item:hover .menu_item_action .menu_item_action_icon {filter: invert(1);}
.aspect_crtm_only_user_welcome_page_container .menu_item:hover .menu_item_details .menu_item_label .menu_item_label_subtitle {font-size: 12px; color: white; opacity: 0.5;}


/*
////////////////////////////////////////////////////////////////
 Miniportal Unwelcome Page
////////////////////////////////////////////////////////////////
*/
.aspect_crtm_only_user_welcome_page_container .no_hover:hover { background-color: inherit !important; cursor:default !important; color:black !important;}
.aspect_crtm_only_user_welcome_page_container .no_hover:hover .menu_item_icon {filter: invert(0);}
.aspect_crtm_only_user_welcome_page_container .no_hover:hover .menu_item_action .menu_item_action_icon {filter: invert(0);}
.aspect_crtm_only_user_welcome_page_container .no_hover:hover .menu_item_details .menu_item_label .menu_item_label_subtitle {color: black !important;}
.aspect_crtm_only_user_welcome_page_container .no_hover .menu_item_details .menu_item_label .menu_item_label_subtitle {font-size: 12px; color: #737379;}



/* 
////////////////////////////////////////////////////////////////
  Animation
////////////////////////////////////////////////////////////////
*/

@keyframes fadein {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes menu_card {
    0%   {opacity: 0; height: 0px;}
    100% {opacity: 1; height: 420px;}
}

#gaugeContainer {
    position: relative;
    width: 300px;
    height: 150px;
}
#gauge {
    width: 100%;
    height: 100%;
}
#pointer {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 75px solid black;
    transform-origin: bottom center;
    transform: rotate(-90deg);
}
#passwordStrength{
  font-weight: bold;
  position: relative;
  top: 28px;
  left: 86px
}
.toggle-password {
    height: 22px;
    width: 27px;
    border: 1px;
    position: relative;
    left: 10px;
    float:right;
    cursor:pointer;
}
.eyeImage{
  background: white url(../images/eye.svg) no-repeat;
}
.eyeOffImage{
  background: white url(../images/eye-off.svg) no-repeat;
}