/*
/!\ Do not modify the style order /!\
*/

/* Modal Panel */
.rich-mpnl-mask-div-opaque {
  opacity: 0.70;
}

.rich-mpnl-body {
  /* height: 340px; */
  overflow: auto;
  margin: 0px;
  padding: 0px;
  background-color: var(--panel-content-bg-color);
  color: var(--primary-text-color);
}

.richProgress {
  background-color: #003255;
  color: #90B8D6;
  font-weight: bold;
  font-style: italic;
}

.rich-mpnl-header-cell {
  height: 5px;
}

.rich-mpnl-header {
  height: 2px;
  background-image: none;
  background-color: var(--primary-bg-color);
  border-bottom-width: 0px;
  border-color: transparent;
}

.rich-mpnl-controls a {
  margin-top: 10px;
  display: inline-block;
  color: var(--btn-text-color);
}

.rich-mpnl-content {
  border-style: none;
  /* overflow: auto; */
}

/* table */
.rich-table {
  background-color: transparent;
  border: none;
}

.rich-table-header {
  background-color: transparent;
  background-image: none;
}

.rich-table-headercell {
  font-size: 1.0em;
  text-align: left;
  color: #FFFFFF;
  border: none;
}

.rich-table-subheadercell {
  font-size: 1.0em;
  border-top: 0px solid #66A701;
  color: #FFFFFF;
  background: #66A703;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
  text-transform: uppercase;
}

.rich-table-cell {
  font-size: 1.0em;
  padding: 3px 5px 1px;
  border: none;
}

.rich-table-cell img.separator {
  vertical-align: middle;
  display: inline-block;
  margin-top: -10px;
}

.rich-table-footer {
  background-color: transparent;
}

.rich-table-footercell {
  font-size: 1.0em;
}

.rich-table-footer label {
  margin-left: 2px;
}

.rich-table-footer input {
  margin: 0 2px;
  background-color: var(--field-bg-color);
  color: var(--field-text-color);
  border: solid 1px var(--field-border-color);
}

.rich-table-footer input.Btn2_sun4 {
  border-color: #3658A3 #1F3971 #102656;
}

.rich-table-footercell {
  border: none;
}

.rich-datascr-button, .rich-datascr-ctrls-separator,
.rich-datascr-act, .rich-datascr-button-content, a.rich-datascr-button-content:hover {
  font-size: 1.0em;
}

.rich-table-footer .rich-datascr .rich-dtascroller-table {
  border: none;
  background-color: transparent;
}

.rich-table-footer .rich-datascr .rich-dtascroller-table .rich-datascr-button {
  background-color: transparent;
  border-color: #3658A3 #1F3971 #102656;
  width: 20px;
}

.rich-table-footer .rich-datascr .rich-dtascroller-table .rich-datascr-button-dsbld {
  border-color: #C3C6CD;
}

.rich-table-footer .rich-datascr .rich-dtascroller-table .rich-datascr-inact {
  border-top-color: var(--btn-bg-color);
}

.rich-table-footer .rich-datascr .rich-dtascroller-table .rich-datascr-inact .rich-datascr-button-content {
  color: var(--btn-bg-color);
}

.rich-table-footer .rich-datascr .rich-dtascroller-table .rich-datascr-inact:hover,
.rich-table-footer .rich-datascr .rich-dtascroller-table .rich-datascr-inact .rich-datascr-button-content:hover {
  border-top-color: var(--btn-bg-color);
  color: var(--btn-bg-color);
  opacity: var(--opacity-hover);
}

/* spinner */
.panel .rich-spinner-c {
  display: inline;
  float: left;
  margin-bottom: 8px;
}

.rich-spinner-buttons {
  background-image: none;
  background: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
}

.rich-spinner-buttons table {
  margin-top: -3px;
}

.rich-spinner-buttons td, .rich-spinner-c td {
  padding: 0px;
  margin: 0px;
}

input.rich-spinner-button {
  background-color: transparent;
  border-color: #CEE1EF;
  margin-left: 0px;
  margin-bottom: 5px;
}

.rich-spinner-input-container {
  border-style: none;
  background-image: none;
  background: transparent;
}

input.rich-spinner-input {
  text-align: right;
  color: var(--field-text-color);
  background-color: var(--field-bg-color);
  border: 1px solid var(--field-border-color);
  height: 16px;
  margin: 0;
  margin-bottom: 3px;
  margin-left: 10px;
  padding: 1px 0 0 1px;
  width: 60px;
}

/* Tree */
.rich-tree-node-icon {
  height: 16px;
  line-height: 16px;
  font-weight: bold;
}

.rich-tree-node .rich-tree-h-ic-line-clp,
.rich-tree-node .rich-tree-h-ic-line-exp,
.rich-tree-node-icon-leaf {
  height: 16px;
  line-height: 16px;
  color: var(--primary-text-color);
  text-align: left;
}

.rich-tree-node-selected, .rich-tree-node-selected {
  font-weight: bold;
  font: Verdana;
  text-align: left;
  border: 0px;
}

.rich-tree-node-highlighted {

}

.rich-tree-node-text {
  color: var(--primary-text-color);
  text-align: left;
  white-space: normal;
}

.rich-tree-h-ic-line-last {
  background-image: url(../img/tree_line_last.gif);
}

.rich-tree-h-ic-line-node,
p.rich-tree-last-node-marker + * .rich-tree-h-ic-line-node {
  background-image: url(../img/tree_line_node.gif);
}

.rich-tree-h-ic-line-exp {
  background-image: url(../img/tree_line_expanded.gif);
}

.rich-tree-h-ic-line {
  background-image: url(../img/tree_line.gif);
}

/* Calendar */
.rich-calendar-button {
  float: left;
  margin-left: -5px;
  width: 20px;
  height: 20px;
  background-image: url(../img/wizard/picker_calendar.gif);
}

.rich-calendar-input {
  border: 1px solid var(--field-border-color);
  height: 16px;
  padding: 1px 0 0 1px;
  width: 138px;
}

.rich-calendar-popup {
  width: 200px;
}

.rich-calendar-popup,
.rich-calendar-editor-container {
  color: var(--primary-text-color);
}

.rich-calendar-tool,
.rich-calendar-month {
  background-color: var(--panel-title-bg-color);
  color: var(--panel-title-text-color);
}

.rich-calendar-cell.disabled {
  opacity: 1;
  color: #eeeeee;
  background-color: #bbbbbb;
}

/* Message */
.rich-message {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 8px;
}

.inline .rich-message {
  float: left;
}

.adminParameterForm .rich-message {
  padding-right: 0;
  padding-bottom: 0;
}

.rich-message-label {
  padding-bottom: 10px;
  color: #C60000;
  font-style: italic;
  font-weight: normal;
}

.picker_message {
  float: left;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 0;
}

fieldset .rich-message {
  padding-right: 20px;
}

/* File upload */
.rich-fileupload-list-decor {
  background-color: transparent;
  border: medium none;
}

.rich-fileupload-toolbar-decor {
  background-color: transparent;
  border-bottom: medium none;
  border-left: medium none;
  border-top: medium none;
  padding: 0;
  width: auto;
}

.rich-fileupload-button-border {
  border: 1px solid var(--field-border-color);
}

/* Misc */
fieldset .rich-combobox {
  float: left;
  margin-bottom: 11px;
  margin-right: 47px;
}

input.rich-combobox-font-disabled {
  border: 1px solid var(--field-border-color);
}

input.rich-combobox-font-inactive {
  border-color: var(--field-border-color);
}

.rich-combobox-font, input.rich-combobox-font {
  float: left;
}

 .rich-combobox input:first-child {
   width: 100% !important;
   box-sizing: border-box;
   margin-left: 0;
 }

 .rich-combobox {
   margin-left: 10px;
 }

.rich-list-shuttle {
  float: left;
  margin: 0 0 8px 0;
}

.rich-shuttle-controls {
  padding: 0 80px 5px;
}

.rich-datalist {
  color: var(--primary-text-color);
}

.panel_table_admin .eiShuttle {
  width: auto;
}

.panel_table_admin .rich-shuttle-controls {
  padding: 0 20px 5px;
}

.rich-shuttle-source-caption,
.rich-shuttle-target-caption {
  color: var(--primary-text-color);
  font-size: 1.0em;
}

.rich-shuttle-source-cell, .rich-shuttle-target-cell, .rich-shuttle-source-cell *, .rich-shuttle-target-cell *,
.rich-list-shuttle-button, .rich-list-shuttle-button-content, .rich-list-shuttle-button-disabled {
  font-size: 1.0em;
}

.rich-panel-body {
  font-size: 1.0em;
}

.rich-sb-int-sel, .rich-sb-int {
  font-size: 1.0em;
}

/* Toggle panel */
.rich-stglpanel-header, .rich-stglpanel-body {
  font-size: 100%;
}

.rich-stglpanel-body {
  background-color: #CEE1EF;
}

/* tooltip */
.rich-tool-tip {
  font-size: 1.0em;
  background-color: #CEE1EF;
  border-color: #FFFFFF;
}

.rich-tool-tip ul {
  padding-left: 10px;
  margin: 2px;
}

.rich-tool-tip ul li {
  margin-bottom: 2px;
}

/* Tab panel */
.rich-tab-header, .rich-tabpanel-content {
  font-size: 100%;
}

.rich-tabhdr-cell-inactive .rich-tab-header::before {
  content: '';
  display: block;
  height: 2px;
  background-color: var(--tab-active-border-top-color);
  position: absolute;
  top: 1px;
  width: 0;
  left: 0;
  transition: all ease-in-out 250ms;
}

.rich-tabhdr-cell-inactive .rich-tab-header:hover::before {
  width: 100%;
}

.rich-tab-bottom-line table:first-child {
  height: 1px;
}

.rich-tab-active {
  font-weight: bold;
  background-image: none;
  border-top-width: 2px;
  border-top-color: var(--tab-active-border-top-color);
}

.rich-tabhdr-side-cell {
  border-top-style: none;
}