html body #container div.title,
#container div.title,
html body #container #tabBottom,
#container #tabBottom,
#tabBottom#tabBottom {
    height: 40px;
    position: relative;
    padding: 0;
    overflow: hidden;
    background: linear-gradient(to bottom, #9ecfec 0%, #cbe6f6 45%, #f5fbfd 100%);
    background-color: #9ecfec;
    border-bottom: 0;
}

html body #container div.title .titleInner,
#container div.title .titleInner {
    margin: 0;
}

html body #container table#dataTable thead tr th,
#container table#dataTable thead tr th {
    height: 25px;
    padding: 0 5px 0 5px;
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    line-height: 2.4em;
    white-space: nowrap;
    border-right: 1px solid #4C4C4C;
    background-color: #1d4e78;
}

html body #container table#dataTable thead tr th a,
#container table#dataTable thead tr th a {
    color: #ffffff;
    text-decoration: underline;
}

html body #container table#dataTable tbody tr:nth-child(even),
#container table#dataTable tbody tr:nth-child(even) {
    background-color: #eaf6fc;
}

html body #container table#dataTable tbody tr td.listEdit a,
#container table#dataTable tbody tr td.listEdit a,
html body #container td.listEdit a,
#container td.listEdit a {
    background-color: #9ecfec;
}

html body #container ul#globalMenu li.selectedList,
#container ul#globalMenu li.selectedList,
body #container ul#globalMenu li.selectedList,
ul#globalMenu li.selectedList.selectedList {
    background-color: #1d4e78;
}

html body #container ul#globalMenu li.selectedList a,
#container ul#globalMenu li.selectedList a,
body #container ul#globalMenu li.selectedList a,
ul#globalMenu li.selectedList.selectedList a {
    color: #ffffff;
}

html body #container ul#globalMenu li:hover:not(:has(> div.subMenu)),
#container ul#globalMenu li:hover:not(:has(> div.subMenu)),
body #container ul#globalMenu li:hover:not(:has(> div.subMenu)),
ul#globalMenu li:hover:not(:has(> div.subMenu)) {
    background-color: #ffe066;
}
html body #container ul#globalMenu li:hover > a,
#container ul#globalMenu li:hover > a,
body #container ul#globalMenu li:hover > a,
ul#globalMenu li:hover > a {
    color: #000000;
}

html body #container ul#globalMenu li a.globalMenuPulldown:after,
#container ul#globalMenu li a.globalMenuPulldown:after,
body #container ul#globalMenu li a.globalMenuPulldown:after,
ul#globalMenu li a.globalMenuPulldown:after {
    border-right: 1px solid #1d4e78;
    border-bottom: 1px solid #1d4e78;
}

html body #container #userName,
#container #userName,
body #userName,
html body #userName {
    background-color: #1d4e78;
}

html body #container .MenuInner div#Help:hover,
#container .MenuInner div#Help:hover,
html body #container .MenuInner div#Back:hover,
#container .MenuInner div#Back:hover,
html body #container .MenuInner div#Logout:hover,
#container .MenuInner div#Logout:hover,
html body #container .MenuInner div#Admin:hover,
#container .MenuInner div#Admin:hover,
html body #container .MenuInner div#contact:hover,
#container .MenuInner div#contact:hover {
    background-color: #5f8fb8;
}

ul#globalMenu li div.subMenu div a:hover,
html body #container ul#globalMenu li div.subMenu div a:hover,
#container ul#globalMenu li div.subMenu div a:hover,
body #container ul#globalMenu li div.subMenu div a:hover {
    background-color: #999;
}

html body #container .subMenuBody,
#container #subMenu .subMenuBody,
#container .subMenuBody,
body #subMenu .subMenuBody,
.subMenuBody.subMenuBody {
    background-color: #4a7ba6;
}

html body #container #header .logoTitleCustom,
html body #container .logoTitleCustom,
#container #header .logoTitleCustom,
#container .logoTitleCustom,
body #header .logoTitleCustom,
.logoTitleCustom.logoTitleCustom {
    display: block;
    width: 86px;
    height: 32px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-image: url("../img/soramieLogo.png?20260806000000");
    background-repeat: no-repeat;
    background-position: 31px center;
    background-size: auto 32px;
    margin: 2px 2px 3px 6px;
}

html body #container #header,
#container #header,
body #container #header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 38px;
}

html body #container .configSettingListTitle,
#container .configSettingListTitle,
body #container .configSettingListTitle,
.configSettingListTitle.configSettingListTitle {
    color: #000;
    background-color: #9ecfec;
}

html body #container ul.configSettingList li a,
#container ul.configSettingList li a,
body #container ul.configSettingList li a,
ul.configSettingList li a.configSettingListLink,
ul.configSettingList li a {
    background-color: #d9d9d9;
}

html body #container #logo,
#container #logo,
body #container #logo,
#logo#logo {
    margin-top: -8px;
}

html body #container ul#globalMenu li:has(> a[href*="app_id=monitor_app"]),
html body #container ul#globalMenu li:has(> a[href*="app_id=livenext_app"]),
#container ul#globalMenu li:has(> a[href*="app_id=monitor_app"]),
#container ul#globalMenu li:has(> a[href*="app_id=livenext_app"]) {
    display: none;
}

/* Prevent header contents (text + sort icon) from overflowing into adjacent cells.
   Text must never be truncated or wrapped; allow horizontal scroll instead of shrinking. */
html body #container .table_style,
#container .table_style {
    overflow-x: auto;
}

html body #container table#dataTable,
#container table#dataTable {
    table-layout: auto;
}

html body #container table#dataTable thead tr th,
#container table#dataTable thead tr th {
    box-sizing: border-box;
    white-space: nowrap;
    width: auto;
}

html body #container table#dataTable thead tr th a,
#container table#dataTable thead tr th a {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

html body #container table#dataTable thead tr th a img,
#container table#dataTable thead tr th a img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

/* Avoid mid-word line breaks in list cells (e.g. term type names); only break at
   explicit <br> or word boundaries, never in the middle of a word/character run. */
html body #container table#dataTable tbody tr td,
#container table#dataTable tbody tr td {
    word-break: keep-all;
    overflow-wrap: normal;
}

/* Portal page notice list headers must stay dark, unaffected by other menus' list styling.
   Extra #container id is intentional (raises specificity above the generic thead th rule
   above) instead of using !important. */
#container #platformPortalImportantInfo table#dataTable thead tr th,
#container #platformPortalLatestInfo table#dataTable thead tr th {
    background-color: #333333;
}