:root {
    --mainBgColor: #EFF0F6;
    --trimBgColor: #EFF0F6;
    --stripeBgColor: #EFF0F6;
    --mainTextColor: #1B1D2A;
    --secondaryTextColor: #000000;
    --buttonColor: #4e47d6;
    --menuColor: #ddd;
    --highlightColor: #4E4AD8;
    --highlightColorLight: #4E4AD8;
    --menuBorderColor: #1B1D2A;
    --menuBgColor: #4E4AD8;
    --menuSelectedColor: #fff;
    --tabHoverBgColor: #444;
    --tabRidgeHoverColor: purple;
    --tabRidgeSelectedColor: #6332FF;
    --linkTextColor: #1B1D2A;
    --linkTextVisitedColor: #ddd;
    --loginFieldBgColor: #333;
    --loginFieldUnderlineColor: #666;
    --loginFieldUnderlineFocusedColor: #999;
    --loginFieldLabelColor: #eee;
    --loginFieldLabelFocusedColor: #fff;
    --submitButtonBgColor: #1B1D2A;
    --submitButtonBgImage: linear-gradient(-180deg, #555, #333 91%);
    --submitButtonTextColor: #EFF0F6;
    --mobileFooterBgColor: #6332FF;
    --mobileFooterBorderColor: #555;
    --mobileTabLabelColor:black;
    --mobileTabLabelSelectedColor:white;
    --inputBgColor: #EFF0F6;
    --inputBorderColor: #1B1D2A;
}

body {
    font-family: Space Grotesk, sans-serif;
    font-size: 91%;
    background-color: var(--mainBgColor);
    color: var(--mainTextColor);
    margin: 0;
    padding: 0;
}

body.two-col #main_table,
body.two-col #status-bar .responsive-content,
  body.one-col .responsive-content {
      margin:0;
      padding:0;
      width: 1920px;
      margin: 0 auto;
  }

body.large #list-window {
    overflow-x: scroll;
    width: 1920px;
}

.resultListCell {
    min-width: 10px;
    min-height: 100px;
	max-height: 200px;
    padding: 0.25em;
}
.listing td,
.stx table td {
    border-right: 1px solid var(--highlightColorLight);
    padding: 0em 0.5em;
    text-align: left;
}
.row-actions-header {
    display: none;
   }
   
   .row-actions-cell {
    display: none;
   }

table {
    font-size: 91%;
}
.listing .odd {
    /*every second line should be shaded */
    background-color: #9FCDFF;
}
.listing .even,
.listing > tbody > tr.even > td{
    /**/
    background-color:#9FCDFF;
}

.df__editable:empty {
    /*every second line should be shaded */
    font-size: 125%;
    padding-left: 0em;
    padding-right: 0em;
    padding: 0em;
    margin: 0em;
    background-color: #FBD860;
    content: "_______";
}
.df__editable:empty::before {
    /*every second line should be shaded */
    font-size: 125%;
    padding-left: 0em;
    padding-right: 0em;
    padding: 0em;
    margin: 0em;
    background-color: #FBD860;
    content: "_______";
}

.df__editable {
    margin:auto;
    display:table;
}

.unmarked_link {
    margin:auto;
    display:table;
    font-weight: bolder;
}

table.record-view-table td {
	color: var(--mainTextColor);
	font-weight: normal;
    font-size: 125%;
    padding:5px;
}

table.record-view-table th {
	text-align: left;
	width: 100px;
	color: black;
	font-size: 125%;
	background-color: transparent;
	font-weight: bold;
    vertical-align: top;
    white-space:nowrap;
    padding: 5px;
}

.bread-crumbs {
    border-bottom: none;
    padding-left: 1em;
    color: #1B1D2A;
    text-align: left;
    vertical-align: middle;
}

.Dataface_GlanceList-oneLineDescription-title {
    color: #1B1D2A;
}

nav.tables li > a {
    color: #000000;
}

nav.tables li.selected > a {
    color:var(--menuSelectedColor);
}

div.xf-button-bar-actions > ul > li.featured-action,
  nav.personal-tools-menu > ul > li.featured-action {
    color: #000000;
    background-color: #6332FF;
    background-image: linear-gradient(-180deg,#6332FF,#6332FF 91%);
  }
  div.xf-button-bar-actions > ul > li.featured-action > a,
  nav.personal-tools-menu > ul > li.featured-action > a {
    color: #fff;
    
  }

  div.xf-button-bar-actions li,
  nav.tables li,
  nav.personal-tools-menu  li {
      color: #fff;
    background: var(--menuBgColor);
      border: 1px solid var(--menuBorderColor);
      border-radius: 4px;
      display: block;
      padding: 0.25em;
        padding-left: 10px;
        padding-right: 10px;
      position: relative;
      text-decoration: none;
    transition-duration: 0.5s;
        margin-bottom: 0;
        box-sizing: border-box;
  }

  input[type='submit'] {
    color: var(--submitButtonTextColor);
    background-color: var(--submitButtonBgColor);
    background-image: none;
}

textarea {
    font-family: Space Grotesk, sans-serif;
    font-size: 91%;
    border: 1px solid #8cacbb;  
    color: var(--mainTextColor);
    background-color: var(--mainBgColor);
    width: 100%;
}

.documentContent {
    font-size: 91%;
    background: var(--mainBgColor);
}

nav.table_tabs span {
    background:none;
    color:#999;
    background:none;
    background-color:transparent;
    font-size: 91%;
}

.ui-widget-header {
    border: 1px solid #6332FF;
    background: #6332FF;
    color: #fff;
    font-weight: bold
}

.mobile-description > a {
    font-weight: normal;
    color: #555;
    font-size: 1pt;
    line-height: 1pt;
}