@CHARSET "ISO-8859-1";
@import "cm-base.css";

/* Only in the old UI */

/* CLASSES */
/* Specificity: 0010 */

/* Styles from content1 */
.additional-information-row td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt !important;
}

.alienuld {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt !important;
    font-weight: bold;
    color: red;
}

/* backgrounds */
.background-grey {
    background: #EEE;
}

/* borders (default color: black) */
.border {
    border: 1px solid #000;
}

.border-grey {
    border: 1px solid #848484;
}

.border-bottom {
    border-bottom: 1px solid #000;
}

.border-left-right {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.border-left {
    border-left: 1px solid #000;
}

.border-right {
    border-right: 1px solid #000;
}

.border-top {
    border-top: 1px solid #000;
}

.border-top-grey {
    border-top: 1px solid #848484;
}

table.cellspacing {
    border-spacing: 1px;
    border-collapse: separate;
}

table.cellspacing-0 {
    border-spacing: 0;
}

.color-transparent, .color-transparent:hover {
    color: transparent;
}

.content1, .content2 {
    font-family: Arial, Helvetica, sans-serif;
}

.content1 {
    font-size: 8pt !important;
    background-color: #E7E7E7;
}

.errormsg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

/* Replacement for the ident line */
.exit-entry-table > tbody > tr:not(.tablehead) > td {
    border-top: 3px solid #848484;
}

.field1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt !important;
    background-color: #EEE;
}

.flexEnd {
    display: flex;
    justify-content: flex-end;
}

/* headlines */
.headline1, .headline2, .headline3 {
    font-family: Arial, Helvetica, sans-serif;
}

.headline1 {
    font-size: 10pt !important;
    color: #77787A;
}

.headline2, .headline3 {
    font-size: 9pt !important;
    font-weight: bold;
    color: #0B437B;
}

.headline3 {
    background-color: #FFF
}

.infomsg-black, .searchinput, .small, .smallbold, .username {
    font-family: Arial, Helvetica, sans-serif;
}

.infomsg-black {
    font-size: 9pt;
    font-weight: bold
}

.inner-table {
    width: 300px;
}

div.inner-div a {
    margin-left: 4px;
}

/* TODO: Only used once in adm_settings_autoconfirm */
input.days {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    width: 50pt;
}

.link-no-decoration, .link-no-decoration:visited, .link-no-decoration:hover {
    text-decoration: none;
}

.numeric {
    font-family: Courier new, Courier, monospace !important;
    font-size: 8pt;
}

.old-bold, .old-bold a {
    font-weight: bold;
}

.old-right {
    text-align: right !important;
}

.pagination {
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}

.pagination:last-child {
    margin-bottom: 0;
}

.periodicstkind {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt !important;
    font-weight: bold;
    color: green;
}

.position-absolute {
    position: absolute;
}

/* rows */
.evenrow, .oddrow {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt !important;
}

.evenrow, .evenrow td {
    background-color: #F4F4F4 !important;
}

.oddrow, .oddrow td {
    background-color: #E7E7E7 !important;
}

.section-spacer {
    height: 10px;
    background-color: #FFF;
}

.select-reference-type {
    width: 100%;
    max-width: 150px;
    font-size: 11px;
    font-weight: bold;
}

.small {
    font-size: 8pt !important;
}

.smallbold {
    font-size: 9pt;
    font-weight: bold;
    position: relative;
}

.statpages {
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

.tab a, .tab span {
    font-size: 12px !important;
}

.tabActive, .tabInactive {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}

.tabActive {
    border-bottom: 0;
    background-color: #EEE;
}

.tabActive span, .tabInactive span, .tabActive a, .tabInactive a {
    font-size: 12px !important;
}

.tabInactive {
    background-color: #CCC;
    height: 24px;
}

.tabInactive a {
    text-decoration: none;
}

.tab-width {
    width: 154px;
    min-width: 154px;
}

.table-list input:not(input[type="image"]), .table-list select {
    width: 100%;
}

.viewport {
    max-height: 760px;
    overflow-y: scroll;
}

thead tr, .tablehead, .tablebottom, .tablesum, .grid-header > *:first-child {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt !important;
    font-weight: normal;
    color: #000;
}

thead tr, thead th, .tablehead, .tablehead th, .tablebottom, .grid-header > *:first-child {
    background-color: #CCCCCC;
}

table.sticky-table th {
    top: 1px;
}

/* Custom cols */
.w-50 input, .w-50 select {
    width: 100%;
}

.w-195px {
    width: 195px;
}

.w-auto {
    width: auto !important;
}

/* Custom height */
.h-24-one-tab{
    height: 24px;
}
/* TAGS */
/* Specificity: 0001 */

a {
    color: #202020;
    text-decoration: underline;
}

a:active {
    color: #101010;
}

a:hover {
    color: #404040;
    text-decoration: underline;
}

a:visited {
    color: #101010
}

ADDRESS, BLOCKQUOTE, BODY, DIV, DL, H1, H2, H3, H4, H5, H6, OL, P, PRE, SPAN, UL, TH, TD {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 8pt !important;
}

body {
    margin: 4px;
}

input.statlines {
    border: 0;
    background-color: #D0D0D0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

input[type='image'] {
    margin-left: 4px;
}

th {
    text-align: left;
}

/* Topframe account navigation */
.topframe_accountname {
    color: black;
    font-weight: normal;
    text-decoration: none;
}

.topframe_accountname:hover {
    color: black;
    text-decoration: none;
}

.topframe_accountname_selected {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

.switchDesignLink, .switchDesignLink:hover, .switchDesignLink:visited, .switchDesignLink:active, .switchDesignLink:focus {
    color: black !important;
    text-decoration: underline;
}

/* old-ui disable underline on element a when It's tab navigation */
td.tabInactive a, td.tabActive a {
    text-decoration: none;
}

/*JSP specific CSS
Since we need two different styles for old/new UI, we cannot include specific CSS in the JSP files*/

/*standings_pdl_balace */
.table-separator {
    height: 10px;
    background-color: #FFFFFF;
}

/* New main menu */
.menuActive, .menuInactive {
    width: 150px;
    height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    border: 1px solid #000;
}

.menuActive {
    border-bottom: none;
    background-color: #EEE;
}

.menuActive > a {
    text-decoration: none;
}

.menuInactive {
    background-color: #CCC;
}

.menuInactive a {
    text-decoration: none;
}

.menuActive a span, .menuInactive a span {
    font-size: 12px !important;
    font-weight: bold;
}

input[readonly] {
    background-color: rgb(235, 235, 228);
    color: rgb(84, 84, 84);
    border-style: solid;
    border-width: 1px;
    border-color: #a9a9a9;
    cursor: default;
}

#topFrame {
    order: 3;
}

#naviFrame {
    order: 2;
}

.content-background {
    background-color: #E7E7E7;
}