:root {
  --login-width: 500px;
}

.environmentBanner {
  background-color: #FFD166;
  border-bottom: 2px solid #E09F3E;
  /* There is no border-box by default, thus the padding must stay in the given width */
  box-sizing: border-box;
  color: #44384E;
  font-weight: 700;
  text-align: center;
}

div.Widget_EljaQuillOutput.clickable div.ql-editor,
div.Widget_EljaQuillOutput.clickable div.ql-editor > * {
  cursor: pointer;
}

tr.Widget_Table_Row.nonclickable,
tr.Widget_Table_Row.nonclickable > * {
  cursor: default;
}

/*for dropdown size tagInput*/
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
  max-height: 300px;
  overflow-x: clip;
  overflow-y: scroll;
}

tr.venue-expired td span {
  color: lightgray !important;
}

div.protectEljaquillOutput div.ql-container.ql-snow {
  border: none;
  background-color: inherit;
}

.AccordionForm .Widget_Accordion_Caption.Widget_Accordion_Caption_Opened,
.AccordionForm .Widget_Accordion_Caption.Widget_Accordion_Caption_Closed {
  font-size: 1.3em;
  display: block;
  padding: 2px 10px;
  text-align: left;
  font-family: Maven Pro, Source Sans Pro, Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-weight: 500;
  background: #00A896;
  color: #F1F1F1;
  letter-spacing: 0.05em;
  text-shadow: initial;
}

.Widget_Accordion_Caption_Opened > .Widget_Accordion_Icon,
.Widget_Accordion_Caption_Closed > .Widget_Accordion_Icon {
  display: block;
  background: none;
}

.Widget_Accordion_Caption_Closed > .Widget_Accordion_Icon:before {
  content: '⯈';
}

.Widget_Accordion_Caption_Opened > .Widget_Accordion_Icon:before {
  content: '⯆';
}

#standardCommentsPopup_wrapper {
  overflow: hidden;
}

.omrupload.Widget_FileDropzone.dropzone {
  padding: initial;
  min-height: initial;
}

.omrupload.Widget_FileDropzone.dropzone.dz-drag-hover {
  padding: 20px;
  background-color: #e5eaef;
  height: 156px;
}

.omrupload.Widget_FileDropzone.dropzone.dz-drag-hover .dz-message {
  display: none;
}

.badge {
  display: inline-block;
  width: 20px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  padding-top: 2px;
  margin-right: 4px;
  margin-left: auto;
  margin-top: 2px;
  font-size: .75em;
}

.badge.correct {
  background-color: #00bf00;
}

.badge.wrong {
  background-color: #A30B35;
}

.columns-2 {
  display: grid;
  grid-template-columns: auto auto;
}

/* A column of filter fields next to other content: it keeps its own width, so the other content
   gives way instead of the filter fields. */
.filterColumn {
  white-space: nowrap;
}

/* The fields of a range filter stay on one line, which is what keeps the column on its own width. */
.filterColumn .Widget_Stack_Row_Float {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.filterColumn .Widget_Stack_Cell_Float {
  float: none;
}

.Widget_FormLayout_Row.Widget_Labeled.disabled label {
  color: #bbbbbb !important;
}

.Widget_FormLayout_Row.disabled .Widget_LinkButton_Disabled {
  color: #bbbbbb !important;
  background: transparent !important;
  cursor: default !important;
}

.Widget_Stack.disabledButtonWrapper:has(.Widget_LinkButton_Disabled) {
  cursor: not-allowed;
}

.Widget_FormLayout_Row .Widget_TextOutput.price {
  display: inline-block;
  width: 8em;
  text-align: right;
  margin: 0;
}

.Widget_TextOutput.price.order-warning {
  color: red;
  font-weight: bold;
}

.submenu.zebra-menu > .Widget_Stack_Row_Float:nth-child(even) {
  background-color: white;
}

.submenu.zebra-menu > .Widget_Stack_Row_Float:nth-child(odd) {
  background-color: #f2f2f2;
}

/*** START MENU CSS ***/
/* Menu Container */
.submenu.table-menu {
  /* Vertical layout */

  &.Widget_Stack_Vertical {
    display: flex;
    flex-direction: column;

    /* Direct child of menu container */

    & > .Widget_Stack_Row_Float {
      padding-top: 3px;
      padding-bottom: 3px;

      /* Direct parent of the cells. The menu row */

      & > .Widget_Stack_Cell_Float_Single > .Widget_Stack_Float {
        flex: 1;
        display: flex;

        /* Row item/column */

        & > .Widget_Stack_Row_Float {
          flex-grow: 1;
          flex-shrink: 1;
          flex-basis: 0;
          align-content: stretch;

          /* First cell: Contains the main text about the menu item. */
          /* We set it as big as possible, assuming the other cells might be nothing more than icons or small numbers */

          &:first-child {
            flex-grow: 6;
            word-break: break-word;
          }
        }
      }
    }
  }
}

/*** END MENU CSS ***/

.Widget_Table.alignTop td {
  vertical-align: top;
}

/*Images could have rotation meta-data. Use that data*/
img {
  image-orientation: from-image;
}

/* The login page has no menu, so its content is centered in the viewport */
body:has(#main.login) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Most themes set html, body { height: auto }, so the viewport height is enforced here */
  min-height: 100vh;
}

.mainPage.login {
  /* .mainPage has a 1px border, thus border-box keeps the container at the given width */
  box-sizing: border-box;
  width: var(--login-width);
}

/* The banner gets the width of the login container, thus it is a bar on top of it */
body:has(#main.login) .environmentBanner {
  margin: 0 auto;
  width: var(--login-width);
}

.roleTiles > .Widget_Stack_Row_Float {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}

.roleTiles .Widget_Stack_Cell_Float,
.roleTiles .Widget_Stack_Cell_Float_Single {
  display: contents;
}

.roleTiles .Widget_Stack_Closer,
.roleTiles .EmptyDiv {
  display: none;
}

.roleTile {
  box-sizing: border-box;
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 6px;
  transition: background-color .15s ease-in-out;
}

.roleTile > .Widget_Stack_Row_Float {
  display: flex;
  justify-content: center;
}

.roleTile > .Widget_Stack_Row_Float:has(.roleIcon) {
  flex: 1;
  align-items: center;
  min-height: 0;
  overflow: hidden;
}

.roleTile .Widget_LinkButton.button {
  width: 100%;
  margin: 0;
  text-align: center;
}

/* The whole tile is the button's click area: the overlay stretches the link over the tile, so a
   click on the icon logs in as well and hovering the icon shows the button's hover state. The
   disabled button is pointer-events: none, and the overlay inherits that. */
.roleTile .Widget_LinkButton.button::before {
  content: "";
  position: absolute;
  inset: 0;
}

/* The icon is a coloured box masked by the SVG, so the colour comes from the CSS
   variable instead of from the fill in the file. The box needs its own size: unlike
   an <img> it has no intrinsic dimensions. */
.roleIcon {
  display: block;
  width: 100px;
  height: 100px;
  max-width: 100%;
  max-height: 100%;
  background-color: var(--button-background);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

.roleIcon.admin {
  -webkit-mask-image: url("icons/role/admin.svg");
  mask-image: url("icons/role/admin.svg");
}

.roleIcon.coordinator {
  -webkit-mask-image: url("icons/role/coordinator.svg");
  mask-image: url("icons/role/coordinator.svg");
}

.roleIcon.agent {
  -webkit-mask-image: url("icons/role/agent.svg");
  mask-image: url("icons/role/agent.svg");
}

.roleChoiceBack {
  text-align: center;
}

.roleChoiceBack .Widget_Stack_Cell_Float {
  float: none;
}

.footer .Widget_TextOutput {
  padding-right: 5px;
}

.formCaption {
  font-size: 1.3em;
  font-weight: bold;
  display: block;
  padding: 2px 10px;
  text-align: left;
}

.tabDetails {
  margin: 10px 10px 0px;
}

.verticalMenu {
  background-color: #E9F1F4;
  width: 200px;
}

.Widget_List.verticalMenu li {
  margin-left: 10px;
}

.Widget_Repeater.grid .Widget_Repeater_Item {
  float: left;
  margin: 10px;
}

.Widget_Stack_Horizontal.inlineForm .Widget_Stack_Cell_Float {
  margin-right: 7px;
}

.Widget_Stack_Horizontal.inlineForm .Widget_TextOutput {
  line-height: 25px;
}

.Widget_Stack_Horizontal.inlineForm .Widget_LinkButton.button {
  margin-top: 0;
}

.Widget_LinkButton_Selected.button {
  border-color: #269;
}

.Widget_LinkButton.button.export {
  background: url(icon_xls.png) no-repeat 3px center, -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
  background: url(icon_xls.png) no-repeat 3px center, -moz-linear-gradient(center top, #EEE, #DDD) repeat scroll 0% 0% transparent;
  padding-left: 23px;
}


#questionPreviewPopup {
  height: 100%;
}

.CodeMirror {
  border: 1px solid #999;
  height: auto;
}

.Widget_Table .Widget_Stack_Horizontal .Widget_Stack_Cell_Float {
  margin-right: 10px;
}

.no_vertical_inner_borders td {
  border-left: none;
  border-right: none;
}

.mainPage,
.mainPage .title {
  border-top: 0;
}

.ui-dialog-titlebar .ui-dialog-title {
  font-size: 1.2em;
  color: #F1F1F1;
  text-shadow: 0 1px black;
}

.ui-button-icon-only .ui-icon-closethick {
  margin-left: -8px;
}

.ui-button-icon-only:focus {
  outline: none !important;
}

.mainPage .title .name {

}

.subPanelTitle {
  display: block;
  font-weight: bold;
  color: #045;
  padding-bottom: 5px;
}

.button.warning {
  color: red;
}

.Widget_LinkButton.button.inline:hover {
  text-decoration: none;
}

.nofound {
  font-style: italic;
  color: gray;
  padding: 3px 10px;
  display: block;
}

/* 'filter bar' */
.Widget_FormLayout_Row .Widget_Container.filterBar {
  padding-left: 1px;
  width: auto;
}

/* use mainMenu's style, but reset some props.  */
.notMainMenu.mainMenu.Widget_Stack_Horizontal,
.notMainMenu.mainMenu.Widget_Stack_Flat {
  margin-top: 5px;
  padding: 0 0 0 10px;
}

.Widget_FormLayout.edit > fieldset > .Widget_FormLayout_Row {
  line-height: 1.8em;
}

.Widget_FormLayout > fieldset > .Widget_FormLayout_Row.labelMiddle > label {
  vertical-align: middle;
}

.Widget_FormLayout.valueWidth500 fieldset .Widget_FormLayout_Row .Widget_TextInput,
.Widget_FormLayout.valueWidth500 fieldset .Widget_FormLayout_Row .Widget_TextAreaInput {
  width: 500px;
}

.Widget_FormLayout.filter fieldset .Widget_FormLayout_Row .Widget_TextInput,
.Widget_FormLayout.filter fieldset .Widget_FormLayout_Row .Widget_TextAreaInput {
  width: 500px;
}

.Widget_FormLayout fieldset .Widget_FormLayout_Row .Widget_FormLayout_Row_FieldWrapper .Widget_LinkButton {
  margin-left: 0;
  margin-right: 10px;
}

.Widget_FormLayout .Widget_DropDown {
  padding: 2px;
  margin: 2px 0;
}

td > span.gray {
  color: #DDD;
}

/* FormLayout in een veld van een FormLayout  */
.childForm {
  padding-left: 5px;
}

.childForm fieldset label {
  text-align: left !important;
  font-weight: normal !important;
  font-size: 90% !important;
  padding-left: 10px;
}

.keywords {
  max-width: 500px;
}

.keywords .stKeyword {
  display: inline-block;
  background: #4b8388;
  padding: 1px 10px !important;
  border-radius: 5px;
  margin-right: 5px !important;
  margin-bottom: 4px;
}

.keywords .toKeyword {
  display: inline-block;
  font-weight: bold;
  margin: 0 !important;
  padding-right: 6px !important;
  color: #eee;
}

.keywords .lbKeyword {
  display: inline-block;
  margin: 0 !important;
  margin-left: 5px !important;
  color: #eee;
  border-left: 1px solid white !important;
  padding-left: 5px !important;
  padding-right: -5px !important;
}

.Widget_NumberOutput.pad4,
.Widget_NumberOutput.pad5,
.Widget_NumberOutput.pad6 {
  display: inline-block;
  text-align: right;
}

.Widget_NumberOutput.pad4 {
  width: 4ex;
}

.Widget_NumberOutput.pad5 {
  width: 5ex;
}

.Widget_NumberOutput.pad6 {
  width: 6ex;
}

.Widget_Labeled.space_suffix::after {
  content: "\00a0";
}

.Widget_FormLayout .FL_help_url {
  padding-left: 1ex;
}

.consent_incomplete:after {
  content: "\26A0";
  color: red;
  padding-left: 5px;
  text-decoration: none;
  display: inline-block;
  float: right;
}

.Widget_ListTable_Checkbox_Cell {
  width: 1px;
}

tr.ui-draggable.ui-draggable-dragging {
  white-space: nowrap;
}

.DragHandle {
  white-space: nowrap;
  cursor: grab;
}

.Widget_Table .Widget_Table_Row td.DragHandle {
  width: 1%;
}

tr.Widget_Droppable_Hover td {
  background-color: wheat !important;
}

tr.Widget_Table_Row_Selected td {
  background: #00A89650 !important;
}

/* Set table width to parent width, */
.Widget_Table.max {
  width: 100%;
}

/* set one of the columns to max width as well, */
.Widget_Table.max td.td_grow,
.Widget_Table.max.td1 tr td:nth-child(1)[colspan="1"],
.Widget_Table.max.td1 tr td:nth-child(1):not([colspan]),
.Widget_Table.max.td2 tr td:nth-child(2)[colspan="1"],
.Widget_Table.max.td2 tr td:nth-child(2):not([colspan]),
.Widget_Table.max.td3 tr td:nth-child(3)[colspan="1"],
.Widget_Table.max.td3 tr td:nth-child(3):not([colspan]),
.Widget_Table.max.td4 tr td:nth-child(4)[colspan="1"],
.Widget_Table.max.td4 tr td:nth-child(4):not([colspan]),
.Widget_Table.max.td6 tr td:nth-child(6)[colspan="1"],
.Widget_Table.max.td6 tr td:nth-child(6):not([colspan]),
.Widget_Table.max.td_1 tr td:nth-last-child(1)[colspan="1"],
.Widget_Table.max.td_1 tr td:nth-last-child(1):not([colspan]),
.Widget_Table.max.td_2 tr td:nth-last-child(2)[colspan="1"],
.Widget_Table.max.td_2 tr td:nth-last-child(2):not([colspan]),
.Widget_Table.max.td_3 tr td:nth-last-child(3)[colspan="1"],
.Widget_Table.max.td_3 tr td:nth-last-child(3):not([colspan]) {
  width: 99%;
}

/* and shrink all other cells to min width. */
.Widget_Table.max thead,
.Widget_Table.max tbody {
  white-space: pre;
}

/* A cell that holds free text of an unknown length wraps instead, so that its
   content cannot make the table wider than the screen. Its column keeps the
   width of its content, because the 1 pixel below would collapse a cell that
   can wrap to the width of its longest word. The minimum width stops the column
   from giving way to a few characters per line on a screen that is genuinely too
   small; the table scrolls horizontally again from there. */
.Widget_Table.max td.td_wrap {
  white-space: normal;
  overflow-wrap: anywhere;
  min-width: 8em;
}

.Widget_Table.max th.td_wrap {
  width: auto;
}

.Widget_Table.max th {
  width: 1px;
}

.Widget_Table.shrink {
  width: auto;
}

.Widget_TextOutput.dragdropinfo {
  display: block;
  padding: 5px 0;
  color: #888;
  font-style: italic;
}

.Widget_FormLayout > fieldset > legend {
  font-size: 120%;
  color: #666;
  padding-bottom: 5px;
}

.ui-dialog {
  border: inherit;
  border-radius: 3px;
}

.ui-button-icon-only .ui-icon {
  margin-left: -9px;
}

.Widget_StarRate label:last-of-type span {
  color: #bbbbbb !important;
}

.dropzone .dz-preview .dz-error-message {
  width: auto;
}

.Widget_LinkButton.text {
  font-weight: normal;
}

.Widget_LinkButton.danger {
  color: red;
}

.Widget_NumberOutput.percentage:after {
  content: " %";
}

.Widget_Table .Widget_TextOutput.price {
  display: inline-block;
  width: 6em;
  text-align: right;
}

.draggable:hover {
  cursor: grab;
}

.Widget_Table.omrtable tbody tr td {
  vertical-align: top;
}

.Widget_Table.omrtable tbody tr.dark,
.Widget_Table.omrtable tbody tr.dark td {
  background-color: #DDDDDD;
}

.Widget_Table.omrtable tbody tr.light,
.Widget_Table.omrtable tbody tr.light td {
  background-color: #F2F2F2;
}

.Widget_Table.omrtable tbody tr:hover,
.Widget_Table.omrtable tbody tr:hover td {
  background-color: #CECECE;
}

thead th .button-header {
  display: block;
}

thead th .button-header .icon {
  margin: 0 .25em 0 0;
  padding: 0;
}

thead th .button-header.Widget_LinkButton:hover {
  background-color: transparent;
  transition: none;
  text-decoration: none;
}

.coordinatorList tbody tr td {
  vertical-align: baseline;
  padding-bottom: 10px;
}

td[title],
.Widget_Stack[title],
.Widget_TextOutput[title],
.Widget_NumberOutput[title],
.Widget_DateOutput[title]{
  text-decoration-color: black;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
}

.Widget_FormLayout .Widget_TextOutput[title]::after,
.Widget_FormLayout .Widget_NumberOutput[title]::after,
.Widget_FormLayout .Widget_DateOutput[title]::after {
  content: "🛈";
  color: #2a64a6;
  padding-left: .2em;
  display: inline-block;
}

.Widget_FormLayout.buttonMultiSelect, .Widget_FormLayout.buttonMultiSelect .Widget_FormLayout_Row_FieldWrapper,
.Widget_FormLayout.buttonMultiSelect .Widget_FormLayout_Row {
  width: fit-content;
  display: inline-block;
}

.Widget_FormLayout.buttonMultiSelect input[type="checkbox"] {
  display: none;
}

.Widget_FormLayout.buttonMultiSelect:has(input[type="checkbox"]) label {
  border-radius: 0;
  border: var(--button-border);
  font-weight: normal;
  text-shadow: none;
  background: var(--button-background-disabled);
  color: var(--button-text);
  display: inline-block;
  font-size: .9em;
  padding: 0.5em 0.9em .5em .6em;
  text-decoration: none;
  cursor: pointer;
}

.Widget_FormLayout.buttonMultiSelect:has(input[type="checkbox"]:checked) label {
  background: var(--button-background);
}

.dropzone .dz-preview .dz-error-message {
  top: 0;
  left: 137px;
  width: 150px;
}

.dropzone .dz-preview .dz-error-message::after {
  content: "";
  position: absolute;
  top: 20px;
  left: -6px;
  width: 0;
  height: 0;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-right: 6px solid #be2626;
  border-left: revert;
}

table.group_question_import_table tbody tr {
  height: 70px;
}

table.group_question_import_table tbody tr td {
  vertical-align: top;
}

.Widget_Stack.translationConfigRow {
  display: flex;
  align-items: center;

  & > .sourceLanguage,
  & > .targetLanguage {
    flex: 1 1 0;
    padding-right: 15px;
    box-sizing: border-box;
  }

  /* A short, fixed label: give it just the space it needs, on one line. */
  & > .makePrimary {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  & > .sourceLanguage,
  & > .makePrimary {
    display: flex;
    align-items: center;
  }

  & input[type=checkbox],
  & input[type=radio] {
    margin: 0 5px 0 0;
  }

  & select {
    max-width: 100%;
  }
}

@keyframes delayedHide {
  to {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin-bottom: 0;
    opacity: 0;
  }
}

.message {
  visibility: visible;
  animation: .3s forwards delayedHide;
  animation-delay: 5s;
  color: red;
}

.errorSummary {
  display: block;
  color: #d0021b;
  margin: 2px 0;
}

.errorList {
  counter-reset: errorNumber;
  padding: 0.5em 1em;
  color: #d0021b;
  border: 1px solid #ffa9a9;
  background: #ffecec;
  margin: 2px 0;
}

.errorList > div {
  counter-increment: errorNumber;
}

.errorList > div::before {
  content: counter(errorNumber) ". ";
  font-weight: bold;
}

/* The gap is a padding, because the FormLayout styling of a span overrules a margin. */
.messageLabel {
  font-weight: bold;
  padding-right: 0.3em;
}

.messageClue {
  display: block;
  font-size: 85%;
  color: #7b7b7b;
  margin: 2px 0;
}

table.clear {
  border: none;
  width: unset;

  & thead {
    & tr, th {
      background: transparent;
      border: none;
      font: var(--label-font);
      color: var(--label-color);
      padding: 0 1em;
    }
  }

  & td, & tr.Widget_Table_Row_Selected, & tr.Widget_Table_Row_Selected td, & tr:hover, & td:hover {
    background-color: transparent !important;
  }

  & span, & input[type=checkbox] {
    margin: 0;
  }

  & tr :not(:first-child) {
    text-align: center;
  }
}

.Widget_Table.school_list {
  & tbody td {
    padding: 6px 8px;
    vertical-align: middle;
  }

  & tbody tr:nth-child(odd) td {
    background-color: white;
  }

  & tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }

  & tbody tr:hover td {
    background-color: #ECECEC;
  }

  & tbody tr.Widget_Table_Row_Selected td:first-child {
    box-shadow: inset 3px 0 0 #00463C;
  }

  & tbody td:first-child {
    text-align: center;
  }

  & input[type="radio"] {
    margin: 0;
    vertical-align: middle;
  }
}

.Widget_Stack.school_selection {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 5px 10px;
  box-sizing: border-box;
  background-color: #f2f2f2;

  & > .school_selection_school {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;
  }

  & .school_selection_name {
    font-weight: bold;
  }

  & > .school_selection_buttons {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 10px;
  }
}

/* Below are the declarations that all eight customer stylesheets carry. A value that
   differs per customer is a variable, set in the :root block of each stylesheet; a
   plain value is the same for every customer. A customer stylesheet can still
   overrule any of it: Util::getSharedStylesheetLinks() loads this file before it. */

body {
  background-color: var(--page-background);
  color: #44384e;
  font-family: var(--page-font-family);
  font-size: 14px;
}

.digits,
.Widget_Table td > .digits {
  font-family: Mulish,Catamaran,Verdana,Tahoma,Arial,Helvetica,sans-serif;
  font-size: 13px;
}

.footer {
  color: #666666;
  display: block;
  font-size: 85%;
  margin-top: var(--footer-margin-top);
  position: relative;
  text-align: center;
}

.mainMenu.Widget_Stack_Horizontal,
.mainMenu.Widget_Stack_Flat {
  border: 0;
  margin: 0;
  min-height: 2em;
}

.detailSection {
  border: var(--detail-section-border);
}

.Widget_List.verticalMenu {
  padding: 5px;
  list-style-type: none;
}

.verticalMenuTitle {
  margin-left: var(--vertical-menu-title-margin-left);
  font-weight: var(--vertical-menu-title-font-weight);
}

.Widget_LinkButton.button.Widget_LinkButton_Disabled {
  pointer-events: none;
  background: var(--button-background-disabled);
}

.mainPage .title {
  border-bottom: 0;
}

.panel,
.Widget_Table .Widget_Table_ControllerRow {
  background: transparent;
}

.Widget_Table tr:hover td {
  background-color: var(--table-background);
}

.Widget_List.verticalMenu {
  background-color: var(--vertical-menu-background);
}

.mainPage {
  border: var(--main-page-border);
}

.panel {
  border: var(--panel-border);
}

.panelTitle {
  color: var(--panel-title-color);
  letter-spacing: var(--panel-title-letter-spacing);
}

.mainPage .title {
  color: var(--caption-color);
  letter-spacing: var(--caption-letter-spacing);
}

.formCaption {
  font-weight: var(--caption-font-weight);
  background: var(--caption-background);
  color: var(--caption-color);
  letter-spacing: var(--caption-letter-spacing);
}

.formCaption .id,
.mainPage .title .id {
  line-height: 115%;
  color: var(--caption-id-color);
  padding-right: var(--caption-id-padding-right);
  text-shadow: none;
}

.Widget_LinkButton.button,
.Widget_FileUpload_Button,
.Widget_Menu.button > .Widget_Menu_Text {
  border-radius: var(--button-radius);
  border: 0;
  font-weight: normal;
  text-shadow: none;
  background: var(--button-background);
  color: white;
}

.button:hover {
  background: var(--button-hover-background);
}

.Widget_LinkButton.button.inline {
  margin: var(--button-inline-margin);
  margin-right: var(--button-inline-margin-right);
  white-space: nowrap;
}

.warning {
  display: block;
  padding: 1em;
  font-size: 90%;
  color: var(--warning-color);
  border: 1px solid #ffa9a9;
  margin: 2px 0;
}

.Widget_FormLayout_Row .Widget_Container.filterBar a {
  font-weight: normal;
  display: inline-block;
  padding: 2px 10px;
  background: var(--filterbar-background);
  border-top: var(--filterbar-border);
  border-bottom: var(--filterbar-border);
  font-size: 13px;
  border-right: var(--filterbar-border);
  color: var(--filterbar-color);
  margin-right: 0 !important;
}

.Widget_FormLayout_Row .Widget_Container.filterBar a:hover {
  color: var(--filterbar-hover-color);
  background: var(--filterbar-hover-background);
}

.Widget_FormLayout_Row .Widget_Container.filterBar a:first-child {
  padding-left: 15px;
  border-left: var(--filterbar-border);
  border-right: var(--filterbar-border);
  box-shadow: none;
}

.Widget_FormLayout_Row .Widget_Container.filterBar a:last-child {
  padding-right: 15px;
  border-right: var(--filterbar-border);
}

.Widget_FormLayout_Row .Widget_Container.filterBar a.Widget_LinkButton_Selected {
  background: var(--filterbar-selected-background);
}

.Widget_FormLayout > fieldset > .Widget_FormLayout_Row > label,
.label {
  padding-right: 15px;
  font-weight: var(--label-font-weight);
  color: var(--label-color);
  text-align: right;
  max-width: 300px;
  vertical-align: baseline;
}

.Widget_Table_Row.sch_address_not_ok td * {
  color: var(--table-color);
}

.Widget_FormLayout fieldset input {
  margin: 1px 0;
}

.Widget_Table td > * {
  font-size: inherit;
}

.Widget_TabControl > .Tab_Links > ul > li.active > a:hover,
.Widget_TabControl > .Tab_Links > ul > li.active > a {
  background: var(--tab-active-background);
  color: white;
}

.Widget_TabControl > .Tab_Links > ul > li > a {
  background: white;
  border: 1px gray;
}

.main_coordinator {
  color: gray;
  font-weight: var(--main-coordinator-font-weight);
}

.help_text {
  display: block;
  padding: var(--help-text-padding);
}

.Widget_ListTable {
  width: 100%;
  margin-bottom: var(--table-margin-bottom);
}

.Widget_ListTable_Header_Row,
.Widget_ListTable_Header_Row th {
  text-align: left;
}

.ui-dialog-titlebar {
  border-radius: 3px 3px 0 0;
  background: var(--dialog-titlebar-background);
}

.Widget_Table tr:last-child td {
  border-bottom: var(--table-border-bottom);
}

.mainMenu.Widget_Stack_Flat a {
  height: 1em;
  line-height: 1em;
  display: inline-block;
  margin: 1px 5px;
  padding: 5px 12px;
}

.mainMenu > .Widget_Stack_Row_Float > div > .Widget_Stack_Cell_Float > a,
.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float > a,
.mainMenu a {
  text-shadow: none;
  color: var(--menu-color);
  font-weight: var(--menu-font-weight);
}

.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float > a.Widget_LinkButton_Selected,
.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float_Single > a.Widget_LinkButton_Selected,
.mainMenu a.Widget_LinkButton_Selected {
  background: var(--menu-selected-background);
  border: var(--menu-selected-border);
  box-shadow: none;
  text-shadow: none;
}

.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float > a.Widget_LinkButton_Selected:hover,
.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float_Single > a.Widget_LinkButton_Selected:hover,
.mainMenu a.Widget_LinkButton_Selected:hover {
  color: var(--menu-selected-hover-color);
}

a {
  color: var(--link-color);
}

thead th .button-header {
  margin: 0;
  padding: 0;
  color: var(--table-header-button-color);
  text-decoration: none;
}

thead th .button-header.Widget_LinkButton:hover .icon {
  color: var(--table-header-button-hover-color);
}