/*
  Paste the resolved contents of this file into widget_controls.css

  Last Updated: 24-May-2024
*/

/*
  General LESS-based CSS and Constants

  Version: 1.07 (1-Dec-2023)
*/

/*
====
BETA
====
*/

/*
======================================================
 General
======================================================
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Comfortaa);
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
html {
  font-family: 'Open Sans', Sans-serif, 'Helvetica Neue', Helvetica, Verdana, Arial;
  font-size: 0.9em;
}
button {
  font-family: 'Open Sans', Sans-serif, 'Helvetica Neue', Helvetica, Verdana, Arial;
}
input,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="search"],
textarea {
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}
::-ms-clear {
  display: none;
}
::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}
::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}
::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}
/*
======================================================
 Media Rules
======================================================
*/
/*
  Default Theme LESS CSS Constants

  Version: 1.05 (8-Jul-2019)
*/
/* Theme */
/*#963C2B;*/
/*#008272;*/
/*##E0E0E0*/
/* Application */
/* Selection */
/* Buttons */
/*#5BC0DE;*/
/* Other Controls */
/* Forms */
/* Modals */
/* Other */
@font-face {
  font-family: isdi;
  src: url(dashicons.woff);
}
/*@font-face { font-family:isfa; src:url(fontawesome-webfont.woff); }*/

@font-face {
  font-family: isse;
  src: url(segmdl2.woff);
}
/*
======================================================
General
======================================================
*/

.is-no-select {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media print {
  .is-no-print {
    display: none;
  }
}
/*
==============
Input Controls
==============
*/

input.is-textbox,
input.is-combobox,
input.is-datebox,
input.is-timebox,
input.is-numberbox,
select.is-combobox {
  height: 22px !important;
  overflow: hidden;
}
input.is-textbox,
input.is-combobox,
input.is-datebox,
input.is-timebox,
input.is-numberbox,
select.is-combobox,
textarea.is-textbox {
  font-family: Verdana, Helvetica, Arial;
  font-size: 13px;
  border: 1px solid #d6d6d6;
  margin: 0;
  padding: 2px;
}
input.is-textbox,
input.is-combobox,
input.is-datebox,
input.is-timebox,
input.is-numberbox,
textarea.is-textbox {
  /*-webkit-appearance:none;*/
  -webkit-border-radius: 0px;
}
input.is-textbox:focus,
input.is-combobox:focus,
input.is-datebox:focus,
input.is-timebox:focus,
input.is-numberbox:focus,
textarea.is-textbox:focus,
select.is-textbox:focus,
select.is-combobox:focus {
  background-color: honeydew;
  transition: background-color 0.25s;
}
label.is-mandatory {
  color: #0070bf;
}
input.is-mandatory,
textarea.is-mandatory,
select.is-mandatory {
  background-color: #ffffee;
  transition: background-color 0.25s;
}
input.is-mandatory:focus,
textarea.is-mandatory:focus,
select.is-mandatory:focus {
  background-color: #ffffbb;
  transition: background-color 0.25s;
}
input.is-textbox:disabled,
input.is-combobox:disabled,
input.is-datebox:disabled,
input.is-timebox:disabled,
input.is-numberbox:disabled,
select.is-textbox:disabled,
textarea.is-textbox:disabled {
  background-color: #fff0f0;
  color: #a0a0a0;
  cursor: not-allowed;
  transition: background-color 0.25s;
}
input.is-textbox[readonly="readonly"],
input.is-combobox[readonly="readonly"],
input.is-datebox[readonly="readonly"],
input.is-timebox[readonly="readonly"],
input.is-numberbox[readonly="readonly"],
textarea.is-textbox[readonly="readonly"] {
  background-color: #fff0f0;
  transition: background-color 0.25s;
}
/*
======================================================
File Upload
======================================================
*/

label.is-file-upload {
  background-color: #ffffee;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-collapse: collapse;
  display: inline-block;
  max-width: 640px;
  margin-top: 0;
  padding: 0;
  width: 100%;
}
label.is-file-upload > div.preview {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: table-row;
  height: 64px;
  width: 100%;
}
label.is-file-upload > div.preview > img {
  border: none;
  display: table-cell;
  margin: 4px;
  width: 64px;
}
label.is-file-upload > div.preview > label {
  color: black;
  display: table-cell;
  font-weight: normal;
  vertical-align: middle;
  padding-left: 4px;
  width: 100%;
}
label.is-file-upload > div.preview > div {
  display: table-cell;
  padding-right: 4px;
  vertical-align: middle;
}
label.is-file-upload > div.preview > button {
  cursor: pointer;
  vertical-align: middle;
}
label.is-file-upload > h1 {
  color: black;
  font-size: 12px;
  font-weight: normal;
  padding: 4px;
  margin: 0;
}
label.is-file-upload > h1:empty {
  display: none;
}
label.is-file-upload > label {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  line-height: 40px;
  margin: 4px;
  padding: 0;
  vertical-align: middle;
}
label.is-file-upload > label > div {
  background-color: #fefefe;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  font-weight: normal;
  height: 40px;
  margin: 4px 4px 4px 0;
  text-align: center;
  vertical-align: middle;
  width: 40px;
}
label.is-file-upload > label > div:before {
  font-family: isse;
  content: "\e109";
}
label.is-file-upload > label > div:hover {
  color: black;
  background-color: #f0f0f0;
}
/* 
======================================================
Labels
======================================================
*/

label.is-label-heading {
  display: inline-block;
  color: #0000a0;
  font-weight: bold;
  font-size: 1.05em;
  margin-bottom: 4px;
}
label.is-label-hyperlink {
  color: blue;
  cursor: pointer;
  display: inline-block;
  color: #0000a0;
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: underline;
}
label.is-label-information {
  display: block;
  font-size: 1em;
  background: url(Images/Information.png) no-repeat left center;
  background-size: 16px 16px;
  color: #6b806c;
  line-height: 110%;
  padding: 0.5em 0 0.5em 20px;
}
label.is-label-warning {
  color: darkred;
  display: block;
  font-size: 1em;
  background: url(Images/Warning.png) no-repeat left center;
  background-size: 16px 16px;
  line-height: 110%;
  padding: 0.5em 0 0.5em 20px;
}
label.is-label-pageheading {
  display: block !important;
  color: #d24726;
  border-bottom: 1px solid;
  font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Verdana, Arial;
  font-size: 15px;
  font-weight: bold !important;
  margin-bottom: 4px;
  margin-top: 8px;
  margin-left: -8px;
  padding: 4px 4px 4px 0;
}
label.is-tooltip,
header.is-tooltip,
h1.is-tooltip,
h2.is-tooltip,
h3.is-tooltip {
  cursor: default;
  padding-right: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAD4UlEQVR4nGNgGGDASI6muqVnpIEaYxgZGcwY/jOs/c/AcLAx2uQpOWYxE6uwevGpVSya/lP03OK7//1nKGJjYXJhYmTS/Pnnb/DLj9+LZKwiG6QsI7Ji0wvNDq2bvZpqDqhZfHoOt17gBmlhbu0MT03uNHdNhlAbJQYXA2kGRz0pMO1nJs/gZSzLoK8oxH372SdtVk3/+tj0ItmD62ZtItsBs3deFxEwCnnMwcZsXR9pxBhkpcggI8LDAORjVQ8SB8mDHGWjJcF49PpLI1WHmLz84sp5GxdP+YbLHqxpYPaO6/bLDt3dk+KmzhJlr0LIEzjBsoN3GObsuvkn1lHFJclV4yA2NSxYLBcBWT4pzZJFR14Iq8Hvv/xk2HDiIZitIA70ta4UVnUgx+spCLHkzTq+Z97uG5JAR7wh6IBD117cBPkcl+UgALJ8wd5bcL5jO3YHgADIHJB5O889uQnkCqPLMyFzqhedniPOzylESbBjAyDzxIDm1i05MwddDiUEzt19nTQlw5qggaBgh7PFePCoRIBML02GnBlHk4DMFGRxeCKsXnRqFRMTY2hTtAlRBpIDgAUYAxMj42pgoRUGE4OHwLEbr+zb4mhnOQh4mcgyVC06Y48sBncANzuLmKaMIFEGnb/3lqFg9nEw20BRmGFimiVR+kDmg+xBFgMnwqpFp6SlhbkY+LnZiDKIXAAyH2RPPbAuQXEAIwNjgAAPO00thwGQPYyMjAEoDmBg/O/ExkJ0vUQRgNjz3wnGB6eB/8Aq9dffv0H0cMCvP38ZOFiZ16I74ODbzz/oYT8DyB4pIW54vQB2QHu82VO/5p0MH7/+omlCBJn/6sMPhjm59vDGC7wo/vz996vrT97TzHIQAJkPsgdZDO4Ac3XRg9vOPKapA0Dm22iJo1TL8IKoI948zLl6y797Lz4xKknwUd1yoLkMx66//L+31ScMWRylNjRTE5s3des1qlsOAiBzLTXE56GLo9SGwMSYEtO7PxDYksFbJQsAEyqoCAYBDRl+gpaDWkavP/14t7jIMQVdDqNBYqMprg5sRj0HtWRwNUoUxXmJLv+vPHwHbpZF2SurL8Yij7VNOGPbNfuVR+5RrU0YZafskuqhibVNiLNjAnSEyJHrL29KCHAKgRoTpCRMUIIDxTko2G21JNTTPDQx2oIEHQADlQtPzblw702SiaooI6g+B1Wp2AorUCEDyuegrAZK7Rbq4vNa40wx4pxkByAccnLViZuv7Xk5WcXEBDgZhHnZwRULqGwHFa+gEg5UyFhpiB1sjTMLI2wiiQ5AdcwpaWC/EKVv2BZnRlbfcBQAAMP8WKaGZvVrAAAAAElFTkSuQmCC);
  background-size: 14px 14px;
  background-position: right top;
  background-repeat: no-repeat;
  display: inline-block;
}
div.is-tooltip {
  background-color: lightyellow;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.2);
  color: black;
  cursor: default;
  font-size: 13px;
  font-weight: normal;
  line-height: 150%;
  /*13px;*/
  max-width: 60%;
  padding: 8px;
  text-align: left;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  animation: fadein 0.2s, pop 0.2s;
}
@media screen and (max-width:680px),(max-height:440px) {
  div.is-tooltip {
    max-width: 95%;
  }
}
div.is-tooltip a,
div.is-tooltip a:visited {
  color: blue;
}
label.is-validation-tip {
  color: red !important;
  padding-left: 4px !important;
  animation: pop 0.2s;
  display: flex;
}
label.is-validation-tip.below {
  background-color: #fff0f0;
  border: rgba(0, 0, 0, 0.1);
  font-size: 10px;
  margin-top: 28px;
  padding-left: 0 !important;
  padding: 1px !important;
  position: absolute;
}
/* HTML formatting within Tooltips */

.is-tooltip ul {
  margin: 8px 0 0 20px;
  padding: 0;
}
.is-tooltip ul > li {
  margin-bottom: 4px;
}
.is-tooltip ul > li > small/* E.g., examples in the Search view tooltip */ {
  color: #a7381e;
  line-height: 150%;
}
/*
 High DPI
*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {
  label.is-message-information {
    background-image: url(Images/Information@2.png);
  }
}
/* 
======================================================
Checkbox
======================================================
*/

span.is-checkbox {
  height: 20px;
  position: relative;
  display: inline-block;
  /* Checkbox */

  /* Caption */

  /* Non-wrapping Caption */

}
span.is-checkbox input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  /* Read-only */

}
span.is-checkbox input:checked + label,
span.is-checkbox input:not(:checked) + label {
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  padding-left: 20px;
  position: relative;
}
span.is-checkbox input:checked + label:before,
span.is-checkbox input:not(:checked) + label:before {
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  color: darkcyan;
  content: " ";
  display: inline-block;
  font-family: isse !important;
  font-size: 14px;
  height: 14px;
  left: 0;
  line-height: 14px;
  overflow: hidden;
  position: absolute;
  top: 1px;
  transition: border-color 0.25s;
  width: 14px;
}
span.is-checkbox input:hover + label:before {
  border-color: #9d9d9d;
  transition: border-color 0.25s;
}
span.is-checkbox input:focus + label {
  border: 1px dotted #e0e0e0;
  border-radius: 2px;
}
span.is-checkbox input:checked + label:before {
  content: "\E001";
  font-weight: bold;
}
span.is-checkbox input:checked:focus + label:before {
  background-color: honeydew;
  transition: background-color 0.25s;
}
span.is-checkbox input:disabled + label:before,
span.is-checkbox input:hover:disabled + label:before {
  background-color: #fff0f0;
  border-color: #d0d0d0;
  color: black;
  transition: background-color 0.25s;
}
span.is-checkbox label {
  vertical-align: middle;
}
span.is-checkbox.caption-wrap {
  height: auto !important;
}
span.is-checkbox.caption-wrap > input + label {
  line-height: 18px !important;
  margin-bottom: 4px !important;
}
/* Radio Button */

span.is-checkbox input:checked + label.is-radio-button,
span.is-checkbox input:not(:checked) + label.is-radio-button {
  overflow: hidden;
}
span.is-checkbox input:checked + label.is-radio-button:before,
span.is-checkbox input:not(:checked) + label.is-radio-button:before {
  border: none;
  content: "\EA3A" !important;
  font-size: 13px;
  font-weight: normal !important;
  padding-top: 2px;
}
span.is-checkbox input:checked.is-radio-button + label:before {
  content: "\EA3B" !important;
}
span.is-checkbox input:disabled + label.is-radio-button,
span.is-checkbox input:hover:disabled + label.is-radio-button {
  color: silver;
  /* Unlike a checkbox, a read-only radio button can be considered to be properly disabled */

}
span.is-checkbox input:disabled + label.is-radio-button:before,
span.is-checkbox input:hover:disabled + label.is-radio-button:before {
  background-color: transparent !important;
  color: silver;
}
/*
======================================================
Calendar
======================================================
*/

div.is-dropdown div.is-calendar {
  height: 340px;
  width: 280px;
  border-radius: 8px !important;
  overflow: hidden;
  display: block;
  margin: 0 !important;
  flex: none;
}
div.is-calendar {
  -webkit-appearance: none;
}
.is-calendar-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: black;
  padding: 12px 0 12px 0;
  margin: 0;
  text-align: center;
}
.is-calendar-header > div {
  position: relative;
}
.is-calendar-header div.left,
.is-calendar-header div.right {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  position: absolute;
  width: 30px;
  overflow: hidden;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  vertical-align: middle;
}
.is-calendar-header div.left:hover,
.is-calendar-header div.right:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.is-calendar-header div.left {
  left: 8px;
}
.is-calendar-header div.left::before {
  font-family: isse;
  font-weight: normal;
  content: "\E0E2";
}
.is-calendar-header div.right {
  right: 8px;
}
.is-calendar-header div.right::before {
  font-family: isse;
  font-weight: normal;
  content: "\E0E3";
}
.is-calendar-header div.month-year {
  line-height: 30px;
}
.is-calendar-header select {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: black;
  cursor: pointer;
  font-weight: bold;
  line-height: 22px;
  margin: 0 !important;
  outline: none;
  padding: 0;
  text-align: center;
  text-align-last: center;
  /* Chrome */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.is-calendar-header select::-ms-expand {
  display: none;
}
.is-calendar-header select:hover {
  border-bottom: 2px solid #5b9dcc;
}
.is-calendar-header select > option {
  background-color: white;
  color: black;
  font-weight: normal;
}
.is-calendar-header select.day {
  font-size: 15px;
}
.is-calendar-header select.month {
  font-size: 15px;
}
.is-calendar-header select.year {
  font-size: 15px;
  margin-bottom: 6px;
}
.is-calendar-header > select::-ms-expand {
  display: none;
}
.is-calendar-body {
  padding: 2px;
  margin-bottom: 0px;
}
.is-calendar-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 8px;
  padding: 8px 4px 8px 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  white-space: nowrap;
}
.is-calendar-footer button {
  background-color: rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: 8px;
  color: black;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  margin: 0 4px 0 0;
  min-width: 48px;
  line-height: 30px;
  /* OK */

}
.is-calendar-footer button:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: black;
}
.is-calendar-footer button.ok {
  background: #337ab7;
  color: white;
  margin-right: 0;
  /* Done is the right-hand button */

}
.is-calendar-footer button.ok:hover {
  background: #285f8f;
}
.is-calendar-body > table {
  border-spacing: 0;
  cursor: default;
  font-size: 13px;
}
.is-calendar-body > table > thead th {
  font-weight: bold;
  height: 32px;
  text-align: center;
  vertical-align: middle;
  width: 14.28%;
  /* Weekend */

}
.is-calendar-body > table > tbody td {
  border: 1px solid transparent;
  border-radius: 8px !important;
  cursor: pointer;
  height: 30px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  /* Weekend */

  /* Today */

  /* Selected */

  /* Not in current month */

}
.is-calendar-body > table > tbody td:hover {
  background-color: #f0f0f0;
}
.is-calendar-body > table > tbody td.today {
  color: #d24726;
  font-weight: bold;
  border: 1px solid #d24726;
  border-style: dotted;
}
.is-calendar-body > table > tbody td.is-sel {
  background-color: #5b9dcc;
  color: white;
  font-weight: bold;
}
.is-calendar-body > table > tbody td.is-sel-border {
  border: 1px solid #5b9dcc;
}
.is-calendar-body > table > tbody td.notcurrent {
  color: silver;
}
/*
======================================================
ComboBox/ DBCombo
======================================================
*/

input.is-combobox {
  border: 1px solid #d0d0d0;
  padding: 2px 22px 2px 2px;
}
input.is-combobox.is-hyperlink {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input.is-combobox.fetchingdata {
  border-color: #b6b6b6;
}
input.is-combobox[readonly="readonly"] {
  padding-right: 2px;
  /* No dropdown button shows when read-only */

}
button.is-combobox-button {
  background-color: transparent;
  border: 1px solid transparent;
  border-left: 1px solid rgba(0, 0, 0, 0.075);
  color: #404040;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 0;
  font-size: 11px;
  margin: 0 0 0 -21px;
  outline: none;
  overflow: hidden;
  padding: 0;
  width: 20px;
}
button.is-combobox-button:before {
  font-family: isse;
  font-weight: normal;
  content: "\E011";
  width: 100%;
}
button.is-combobox-button.is-picker:before {
  content: "\E013";
}
button.is-combobox-button.fetchingdata:before {
  animation: spin 1s infinite linear;
  content: "\f01e";
  font-family: isfa;
}
button.is-combobox-button:disabled {
  color: #e0e0e0;
}
button.is-combobox-button:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.075);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
label.is-combobox {
  color: gray;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  padding-left: 4px !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
}
label.is-combobox.is-invalid {
  color: red;
}
div.is-dropdown {
  background-color: white;
  border: 1px solid #d0d0d0;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  color: black;
  font-size: 13px;
  overflow: auto;
  padding: 0;
  text-align: left;
  -webkit-overflow-scrolling: touch;
  animation: fadein 0.1s, pop 0.1s;
  /* Single Column List (ComboBox) */

  /* Tabular List (DBComboBox) */

}
div.is-dropdown > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  /* Selected Item */

  /* Row Striping */

}
div.is-dropdown > ul > li {
  margin: 0;
  padding: 2px;
  cursor: default;
}
div.is-dropdown > ul > li.is-sel {
  background: #5b9dcc;
  color: white;
}
div.is-dropdown > ul > li.is-sel:hover {
  background-color: #3e8cc3;
}
div.is-dropdown > ul > li:nth-child(even):not(.is-sel) {
  background-color: honeydew;
}
div.is-dropdown > ul > li:nth-child(even):not(.is-sel):hover {
  background-color: #d0f8d0;
}
div.is-dropdown > ul > li:nth-child(odd):not(.is-sel) {
  background-color: white;
}
div.is-dropdown > ul > li:nth-child(odd):not(.is-sel):hover {
  background-color: #ececec;
}
div.is-dropdown > table {
  border: none;
  border-collapse: collapse;
  cursor: default;
  /* Column headers */

}
div.is-dropdown > table > thead > tr > th {
  background-color: #e6e6e6;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  padding: 4px;
}
div.is-dropdown > table > tbody > tr.is-sel {
  background: #5b9dcc;
  color: white;
}
div.is-dropdown > table > tbody > tr.is-sel:hover {
  background-color: #3e8cc3;
}
div.is-dropdown > table > tbody > tr:nth-child(even):not(.is-sel) {
  background-color: honeydew;
}
div.is-dropdown > table > tbody > tr:nth-child(even):not(.is-sel):hover {
  background-color: #d0f8d0;
}
div.is-dropdown > table > tbody > tr:nth-child(odd):not(.is-sel) {
  background-color: white;
}
div.is-dropdown > table > tbody > tr:nth-child(odd):not(.is-sel):hover {
  background-color: #ececec;
}
div.is-dropdown > table td {
  border: 1px solid #f0f0f0;
  padding: 4px;
}
/* Filter row */

caption.is-table-filter > input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 4px;
  padding: 4px;
}
caption.is-table-filter > input::-webkit-input-placeholder {
  font-style: italic;
}
caption.is-table-filter > input::-moz-placeholder {
  font-style: italic;
}
/* Filtered out row */

tr.is-filtered-out {
  display: none;
  visibility: hidden;
}
tr.is-filtered-out td {
  display: none;
  visibility: hidden;
}
/* Filtered out item */

li.is-filtered-out {
  display: none !important;
}
/*
======================================================
DateBox
======================================================
*/

input:not(.native).is-datebox {
  border: 1px solid #d0d0d0;
  margin: 0;
  padding: 2px 22px 2px 2px;
  text-align: right;
  -webkit-appearance: none;
  width: 108px;
}
input:not(.native).is-datebox[readonly="readonly"] {
  padding-right: 4px;
}
input.native.is-datebox {
  border: 1px solid #d0d0d0;
  padding: 2px;
  height: 20px;
  margin: 0;
  width: 7em;
  vertical-align: middle;
}
/*
======================================================
TimeBox
======================================================
*/

input:not(.native).is-timebox {
  border: 1px solid #d0d0d0;
  margin: 0;
  padding: 2px 22px 2px 2px;
  text-align: right;
  -webkit-appearance: none;
  width: 92px;
}
input:not(.native).is-timebox[readonly="readonly"] {
  padding-right: 4px;
}
input.native.is-timebox/* NOTE: Native time control not currently used since it does not show second precision */ {
  border: 1px solid #d0d0d0;
  padding: 2px;
  height: 20px;
  margin: 0;
  margin-left: 4px;
  width: 5em;
}
/*
=============================================================
DateTimeZone (a combination of Date, Time and Combo controls)
=============================================================
*/

table.is-datetimezone {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}
table.is-datetimezone td {
  line-height: 12px;
  padding: 0;
}
/*
======================================================
NumberBox
======================================================
*/

input.is-numberbox {
  border: 1px solid #d0d0d0;
  padding: 2px;
  text-align: right;
  -webkit-appearance: none;
  /* Size as per a DateBox */

}
input.is-numberbox.date {
  width: 7em;
}
/*
======================================================
 Miscellaneous
======================================================
*/

/* Non-intrusive info text, e.g., under record tabs */

.is-info-text {
  color: #7c2a16;
  cursor: default;
  font-size: 13px;
  margin: 4px 0 8px 0;
  /* Small */

  /* List */

  /* Information (e.g., below the checkboxes on the Account Application Accept/ Decline wizard) */

  /* Validation (e.g., on Search View as validation message) */

  /* Warning */

  /* Control (after a control) */

}
.is-info-text.small {
  font-size: 11px;
}
.is-info-text > ul {
  padding: 4px;
  margin: 2px 0 2px 12px;
}
.is-info-text.info {
  animation: pop 0.2s;
  background-color: #ffffee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: black;
  display: inline-block;
  padding: 8px;
}
.is-info-text.info p {
  margin: 6px 0 6px 0;
}
.is-info-text.validation {
  animation: pop 0.2s;
  background-color: #a7381e;
  color: white;
  display: inline-block;
  padding: 2px;
}
.is-info-text.warning {
  animation: pop 0.2s;
  color: red;
}
.is-info-text.control {
  color: gray;
  font-size: 11px;
  padding-left: 4px;
}
/*
==============================================================
Docking

NOTE: Assume element's parent is either Relative or Absolute
==============================================================
*/

.is-dock-fill {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.is-dock-fill.border {
  border: 1px solid #d6d6d6;
}
.is-dock-fill.is-pad {
  bottom: 4px;
  left: 4px;
  right: 4px;
  top: 4px;
}
@media screen and (max-width:680px),(max-height:440px) {
  .is-dock-fill.is-pad {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
.is-dock-fill.is-pad-bottom {
  bottom: 4px;
}
.is-dock-fill > div.is-tab-page {
  background-color: white;
}
/* In a table cell, e.g., the Confirm page of the Account Application Accept/ Decline wizard */

td > div.is-dock-fill,
th > div.is-dock-fill {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
/*
==============================================================
Split Container
==============================================================
*/

div.is-split-container {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  /* Panels side-by-side but will change responsively to vertically stacked (the default) */

  /* Panel */

}
div.is-split-container.side-by-side {
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  display: flex;
  /* Responsive (stack vertically) */

}
@media screen and (max-width:680px),(max-height:440px) {
  div.is-split-container.side-by-side {
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    /* Split vertically with top taking 50% and bottom 50%*/
  
    /* Split vertically with top taking 30% and bottom 70%*/
  
  }
  div.is-split-container.side-by-side.split5050 > div.panel:first-child {
    flex: 0.5;
  }
  div.is-split-container.side-by-side.split5050 > div.panel:last-child {
    flex: 0.5;
  }
  div.is-split-container.side-by-side.split3070 > div.panel:first-child {
    flex: 0.3;
  }
  div.is-split-container.side-by-side.split3070 > div.panel:last-child {
    flex: 0.7;
  }
}
div.is-split-container > div.panel {
  flex: auto;
  position: relative;
}
/* Collapsed caption (will only be displayed if pane is collapsed) */

div.collapsed-caption {
  display: none;
}
/* Pseudo-responsive */

.is-container-small div.is-split-container.side-by-side {
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  /* Split vertically with top taking 30% and bottom 70% */

  /* Split vertically with top taking 50% and bottom 50% */

}
.is-container-small div.is-split-container.side-by-side.split3070 > div.panel:first-child {
  flex: 0.3;
}
.is-container-small div.is-split-container.side-by-side.split3070 > div.panel:last-child {
  flex: 0.7;
}
.is-container-small div.is-split-container.side-by-side.split5050 > div.panel:first-child {
  flex: 0.5;
}
.is-container-small div.is-split-container.side-by-side.split5050 > div.panel:last-child {
  flex: 0.5;
}
/* Responsive */

@media screen and (max-width:680px),(max-height:440px) {
  /* Auto-collapse panel 2, e.g., the preview below grid on an iPhone */
  
  div.is-split-container.auto-collapse > div.panel:first-child,
  div.is-split-container.side-by-side.split5050.auto-collapse > div.panel:first-child,
  div.is-split-container.side-by-side.split3070.auto-collapse > div.panel:first-child {
    flex: 1;
  }
  div.is-split-container.auto-collapse > div.panel:last-child,
  div.is-split-container.side-by-side.split5050.auto-collapse > div.panel:last-child,
  div.is-split-container.side-by-side.split3070.auto-collapse > div.panel:last-child {
    border: none;
    height: 38px;
    flex: none;
  }
  div.is-split-container.auto-collapse > div.panel:last-child > div,
  div.is-split-container.side-by-side.split5050.auto-collapse > div.panel:last-child > div,
  div.is-split-container.side-by-side.split3070.auto-collapse > div.panel:last-child > div {
    overflow: hidden;
    border: none;
  }
  div.is-split-container.auto-collapse > div.panel:last-child > div > div.collapsed-caption,
  div.is-split-container.side-by-side.split5050.auto-collapse > div.panel:last-child > div > div.collapsed-caption,
  div.is-split-container.side-by-side.split3070.auto-collapse > div.panel:last-child > div > div.collapsed-caption {
    background-color: #00192d;
    color: rgba(255, 255, 255, 0.9);
    display: block;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    padding-right: 6px;
    position: relative;
    text-align: right;
    transition: background-color 0.1s;
    vertical-align: middle;
  }
  div.is-split-container.auto-collapse > div.panel:last-child > div > div.collapsed-caption[available='false'],
  div.is-split-container.side-by-side.split5050.auto-collapse > div.panel:last-child > div > div.collapsed-caption[available='false'],
  div.is-split-container.side-by-side.split3070.auto-collapse > div.panel:last-child > div > div.collapsed-caption[available='false'] {
    background-color: gray;
    color: rgba(255, 255, 255, 0.25);
    cursor: not-allowed;
    transition: background-color 0.1s;
  }
  div.is-split-container.auto-collapse > div.panel:last-child > div > div.collapsed-caption > a,
  div.is-split-container.side-by-side.split5050.auto-collapse > div.panel:last-child > div > div.collapsed-caption > a,
  div.is-split-container.side-by-side.split3070.auto-collapse > div.panel:last-child > div > div.collapsed-caption > a {
    cursor: pointer;
  }
  div.is-split-container.auto-collapse > div.panel:last-child > div > div.collapsed-caption > a::after,
  div.is-split-container.side-by-side.split5050.auto-collapse > div.panel:last-child > div > div.collapsed-caption > a::after,
  div.is-split-container.side-by-side.split3070.auto-collapse > div.panel:last-child > div > div.collapsed-caption > a::after {
    content: "\E759";
    font-family: isse;
    font-size: 14px;
    line-height: 32px;
    padding: 4px 0 4px 8px;
    position: relative;
    vertical-align: middle;
  }
  div.is-split-container.auto-collapse > div.panel:last-child > div > iframe,
  div.is-split-container.side-by-side.split5050.auto-collapse > div.panel:last-child > div > iframe,
  div.is-split-container.side-by-side.split3070.auto-collapse > div.panel:last-child > div > iframe {
    display: none;
  }
}
/*
==============================================================
Preview Pane
==============================================================
*/

.is-preview-pane {
  background-color: white;
  border: 1px solid #d0d0d0;
  display: block;
  /* FUDGE: iOS Safari */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* IFRAME */

}
.is-preview-pane > iframe {
  border: none;
  display: block;
  /* Without this, Chrome has a bottom gap! - it still does for this but NOT for widget? investigate TODO: */
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  /*width:100%;*/
  /* FUDGE: iOS Safari (code also adds scroll='no' to iframe) */
  width: 10px !important;
  min-width: 100%;
  *width: 100%;
}
.is-preview-pane.has-buttons {
  display: flex;
  flex-direction: column;
}
/*
======================================================
 Grid
======================================================
*/

/* Input controls within editable grid cells */

.is-grid input[type='checkbox'].is-grid-checkbox {
  appearance: checkbox;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -o-appearance: checkbox;
}
/*
======================================================
Other (finalised after previous)
======================================================
*/

input.is-invalid,
textarea.is-invalid,
select.is-invalid {
  border: 1px solid red;
}
/* Tags List */

div.is-textbox-tagslist > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
div.is-textbox-tagslist > ul > li {
  background-color: #2e6993;
  border-radius: 4px;
  color: white;
  display: inline-block;
  cursor: pointer;
  font-size: 11px;
  margin: 4px;
  padding: 2px 4px 2px 4px;
}
div.is-textbox-tagslist > ul > li:hover {
  background-color: #3a85ba;
}
/* Control Actions Button */

span.is-control-actions-button,
div.is-control-actions-button {
  position: relative;
}
span.is-control-actions-button > button.is-control-actions-button,
div.is-control-actions-button > button.is-control-actions-button {
  background: #337ab7;
  border: 1px solid #2d6da3;
  color: white;
  cursor: pointer;
  line-height: 19px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 22px;
  height: 22px;
  overflow: hidden;
  text-align: center;
}
span.is-control-actions-button > button.is-control-actions-button:not(.icon),
div.is-control-actions-button > button.is-control-actions-button:not(.icon) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
span.is-control-actions-button > button.is-control-actions-button:not(.icon)::before,
div.is-control-actions-button > button.is-control-actions-button:not(.icon)::before {
  font-family: isse;
  font-weight: normal;
  content: "\E10C";
  font-size: 12px;
}
span.is-control-actions-button > button.is-control-actions-button.icon,
div.is-control-actions-button > button.is-control-actions-button.icon {
  border-color: transparent;
  border-left-color: rgba(0, 0, 0, 0.05);
  background-color: rgba(0, 0, 0, 0.1);
}
span.is-control-actions-button > button.is-control-actions-button.icon > img,
div.is-control-actions-button > button.is-control-actions-button.icon > img {
  margin-top: 2px;
  width: 16px;
  height: 16px;
  position: relative;
}
span.is-control-actions-button > button.is-control-actions-button:hover,
div.is-control-actions-button > button.is-control-actions-button:hover {
  background: #2d6da3;
}
span.is-control-actions-button > button.is-control-actions-button.icon:hover,
div.is-control-actions-button > button.is-control-actions-button.icon:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
/*
======================================================
 Other Animations
======================================================
*/

@keyframes pop {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
======================================================
Parameters Host
======================================================
*/

.is-parametershost-container {
  display: inline-block;
  position: relative;
}
.is-parametershost-container label.is-label-heading {
  display: inline-block !important;
}
table.is-form .is-parametershost-container {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2px 4px 2px 4px;
}
input.is-parameter-highlight {
  background-color: #fae8e3;
  border: 1px solid #d24726;
  box-shadow: 2px 2px 3px rgba(210, 71, 38, 0.5), -2px -2px 3px rgba(210, 71, 38, 0.5);
  animation: bounce-small 3s;
}
/*
======================================================
MsgBox List
======================================================
*/

.is-msgbox-list {
  color: #404040;
  outline: none;
  padding: 8px 8px 0 8px;
  /* Message */

  /* List */

}
.is-msgbox-list > label {
  display: block;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 16px !important;
}
.is-msgbox-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.is-msgbox-list ul li {
  background-color: rgba(0, 0, 0, 0.025);
  border: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
  margin: 0 0 8px 0;
  padding: 16px;
  /* Disabled Item */

  /* Selected Item */

}
.is-msgbox-list ul li.icon {
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: 4px center;
  padding-left: 48px;
}
.is-msgbox-list ul li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.is-msgbox-list ul li h1 {
  color: black;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 4px 0;
  padding: 0;
}
.is-msgbox-list ul li div {
  font-size: 12px;
}
.is-msgbox-list ul li.disabled {
  color: #b0b0b0;
  cursor: not-allowed;
}
.is-msgbox-list ul li.disabled div.warning {
  margin-top: 4px;
  color: #c00000;
}
.is-msgbox-list ul li.is-sel:not(.disabled) {
  background-color: #5b9dcc;
  border-color: #3a85ba;
  color: white;
}
.is-msgbox-list ul li.is-sel:not(.disabled):hover {
  background-color: #3e8cc3;
}
.is-msgbox-list ul li.is-sel:not(.disabled) h1 {
  color: white;
}
/*
======================================================
Parameters Host
======================================================
*/

.is-parametershost-container {
  display: inline-block;
  position: relative;
}
table.is-form .is-parametershost-container {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2px 4px 2px 4px;
}
/*
======================================================
Button Strip
======================================================
*/

div.is-button-strip {
  display: inline-block;
  position: relative;
  margin-top: -3px;
  /* Unsure why? */

}
div.is-button-strip > ul {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.is-button-strip > ul > li {
  display: inline-block;
  margin: 0 0 0 2px;
  min-width: 22px;
  height: 22px;
  padding: 0;
}
div.is-button-strip > ul > li > a {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  color: #606060;
  cursor: pointer;
  display: block;
  height: 22px;
  line-height: 20px;
}
div.is-button-strip > ul > li > a:hover {
  background: #e6e6e6;
  border: 1px solid #cccccc;
}
div.is-button-strip > ul > li > a > img {
  height: 16px;
  width: 16px;
  margin-left: 2px;
  margin-top: 2px;
}
/* Alignment tweaks */

span[controltype='textbox'] div.is-button-strip,
span[controltype='numberbox'] div.is-button-strip,
span[controltype='combobox'] div.is-button-strip {
  top: 3px;
}
/* 
======================================================
Command Button
======================================================
*/

.is-button {
  border-radius: 12px;
  display: inline-block;
  margin: 0 2px 0 2px;
  cursor: pointer;
  font-weight: normal;
  font-size: 14px;
  height: 32px;
  min-width: 80px;
  outline: none;
  padding: 0 8px 0 8px;
  /* Active, i.e., pressed */

  /* Focused */

  /* Flat */

  /* Normal/ Cancel */

  /* OK */

  /* Danger/ Negative */

  /* Positive */

  /* Small (e.g., between lists on Report, Export page) */

  /* Small Caption */

  /* Refresh */

  /* Customise */

  /* Search */

  /* Hyperlink */

  /* In a Form, e.g., a 'Reset' button next to a Log's Publish Status */

  /* Actions */

  /* Other Actions (e.g., Log 'Reply' button) */

  /* Icon only */

  /* Icon and Caption */

  /* Contextual (i.e., only appears for a specific Page) */

  /* Checked (assumes 'normal' style button) */

  /* Disabled */

}
.is-button:active {
  position: relative;
  top: 1px;
}
.is-button:focus {
  border: 1px solid #5b9dcc !important;
  box-shadow: 0 0 4px 1px rgba(91, 157, 204, 0.5);
}
.is-button.flat {
  border: none;
  color: #337ab7;
  font-weight: bold;
  margin-left: 0;
  margin-right: 1.5em;
  min-width: 0;
  padding: 0 0 0 0;
  width: auto;
}
.is-button.flat:hover {
  color: #285f8f;
}
.is-button.normal,
.is-button.cancel {
  background-color: white;
  border: 1px solid #e6e6e6;
  color: #606060;
}
.is-button.normal:hover,
.is-button.cancel:hover {
  background-color: #e6e6e6;
  border: 1px solid #cccccc;
}
.is-button.ok {
  background: #337ab7;
  border: 1px solid #2d6da3;
  color: white;
}
.is-button.ok:hover {
  background: #2d6da3;
  border: 1px solid #255985;
}
.is-button.ok:focus {
  border: 1px solid white !important;
}
.is-button.danger,
.is-button.negative {
  background: #d9534f;
  border: 1px solid #d43f3a;
  color: white;
}
.is-button.danger:hover,
.is-button.negative:hover {
  background: #d43f3a;
  border: 1px solid #bf2e29;
}
.is-button.positive {
  background: #27ae60;
  border: 1px solid #229955;
  color: white;
}
.is-button.positive:hover {
  background: #229955;
  border: 1px solid #1b7a43;
}
.is-button.small {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  min-width: 0;
}
.is-button.small-caption {
  border-radius: 9px;
  font-size: 11px !important;
  height: 22px;
  line-height: 20px;
}
.is-button.refresh {
  background-color: #27ae60;
  border: 1px solid #229955;
  color: white;
  min-width: 0;
  line-height: 30px;
  height: 32px;
  padding: 0 0 0 0;
  position: relative;
  text-align: center;
  transform: rotate(90deg);
  width: 32px;
}
.is-button.refresh:before {
  color: white !important;
  font-size: 20px;
  font-family: isse;
  font-weight: normal;
  content: "\E149";
}
.is-button.refresh:hover {
  background-color: #229955;
  border: 1px solid #1b7a43;
}
.is-button.refresh.dark {
  color: black;
}
.is-button.customise {
  background-color: #337ab7;
  border: 1px solid #2d6da3;
  min-width: 0;
  padding: 0 0 0 0;
  width: 32px;
}
.is-button.customise::before {
  color: white;
  font-family: isdi;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  content: "\F107";
}
.is-button.customise:hover {
  background-color: #2d6da3;
  border: 1px solid #255985;
}
.is-button.search {
  background: #337ab7;
  border: none;
  border-radius: 0;
  color: white;
  height: 22px;
  margin: 0;
  min-width: 20px;
  vertical-align: bottom;
  width: 20px;
}
.is-button.search::before {
  font-family: isse;
  font-weight: normal;
  content: "\E1A3";
}
.is-button.search:hover {
  background-color: #285f8f;
}
.is-button.search.full {
  height: 32px;
  padding: 4px 8px 4px 8px;
  width: auto;
  border-radius: 4px;
}
.is-button.search.full::before {
  font-family: isse;
  font-weight: normal;
  content: "\E1A3\0020";
}
.is-button.hyperlink {
  background: transparent;
  border: none;
  color: #337ab7;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}
.is-button.hyperlink:hover {
  background: transparent;
  border: none;
  text-decoration: underline;
}
.is-button.form {
  height: 22px;
  font-size: 12px;
  margin-left: 2px;
  min-width: 60px;
  padding: 0 !important;
  vertical-align: top;
}
.is-button.actions {
  background-color: #2980b9;
  border: 1px solid #2472a4;
  color: white;
  line-height: 32px;
  min-width: 0;
  padding: 0 0 0 1px !important;
  width: 32px;
}
.is-button.actions:before {
  font-size: 22px;
  font-family: isse;
  font-weight: normal;
  content: "\E78B";
}
.is-button.actions:hover {
  background-color: #2472a4;
  border: 1px solid #1d5c85;
}
.is-button.action-other {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  min-width: 32px;
}
.is-button.icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  min-width: 32px;
}
.is-button.icon > img {
  height: 16px;
  width: 16px;
}
.is-button.icon-and-caption {
  background-position-x: 8px;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-left: 32px;
  /* Responsive */

}
@media screen and (max-width:680px),(max-height:440px) {
  .is-button.icon-and-caption {
    /* Drop button captions so more can fit, e.g., Log form */
    color: transparent;
    max-width: 20px !important;
    min-width: 16px;
    width: 20px !important;
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 24px;
    background-position-x: 8px;
    overflow: hidden;
    transition: all 0.2s;
  }
}
.is-button.checked {
  background-color: #bc4022 !important;
  border: 1px solid #b23c20 !important;
  color: white !important;
}
.is-button.checked:hover {
  background-color: #bfbfbf !important;
  border: 1px solid #a6a6a6 !important;
}
.is-button:disabled,
.is-button:disabled:hover {
  border-color: #e8e8e8;
  background-color: #eeeeee;
  color: #cccccc;
  cursor: not-allowed;
  text-shadow: none;
  filter: grayscale(100%);
  opacity: 0.5;
}
.is-button:disabled:active,
.is-button:disabled:hover:active {
  position: relative;
  top: 0;
}
/* 
======================================================
Check List
======================================================
*/

span.is-checklist {
  background-color: white;
  border: 1px solid #d0d0d0;
  display: inline-block;
  min-height: 20px;
  min-width: 4em;
  position: relative;
  overflow-y: auto;
  /* Textbox used to store value is always hidden */

  /* List */

  /* Read-Only */

}
span.is-checklist:focus {
  background-color: honeydew;
}
span.is-checklist.is-mandatory {
  background-color: #ffffee;
}
span.is-checklist.is-mandatory:focus {
  background-color: #ffffbb;
}
span.is-checklist > input {
  display: none;
}
span.is-checklist > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
span.is-checklist > ul > li {
  cursor: pointer;
  font-size: 13px;
  min-height: 22px;
  line-height: 22px;
  padding: 0 4px 0 4px;
  vertical-align: baseline;
}
span.is-checklist > ul > li::before {
  font-family: isse;
  font-weight: normal;
  content: "\E003";
  padding-right: 4px;
  vertical-align: bottom;
}
span.is-checklist > ul > li.checked {
  background-color: rgba(0, 0, 0, 0.05);
  color: #662212;
}
span.is-checklist > ul > li.checked::before {
  content: "\E0A2";
}
span.is-checklist.is-readonly {
  background-color: #fff0f0;
  transition: background-color 0.25s;
}
span.is-checklist.is-readonly:focus {
  background-color: #fff0f0;
}
/*
=======================
Panel Menu + Popup Menu
=======================
*/

/* Panel menu */

div.is-panel-menu {
  background-color: white;
  z-index: 888888;
  /* Inner container for scrolling */

}
div.is-panel-menu > div {
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
div.is-panel-menu > div.hascaption {
  top: 48px;
}
/* Panel menu + Popup menu */

div.is-panel-menu ul,
div.is-popup-menu ul {
  color: black;
  font-size: 10pt;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  /* Selected Menu Item (most menus do not have this concept but things like the Tasks menu do) */

  /* System Item (e.g., for Task Groups) */

  /* Indented Item (e.g., for Task Groups) */

  /* Sub-Menu (i.e., just a heading) */

  /* Normal Item */

  /* Separator */

}
div.is-panel-menu ul > li.selected,
div.is-popup-menu ul > li.selected {
  background-color: #82b4d8;
  color: white;
}
div.is-panel-menu ul > li.selected > a,
div.is-popup-menu ul > li.selected > a {
  font-weight: bold !important;
}
div.is-panel-menu ul > li.selected[itemtype='Normal'] > a:hover,
div.is-popup-menu ul > li.selected[itemtype='Normal'] > a:hover {
  background-color: #4891c6;
}
div.is-panel-menu ul > li:not(.selected).system,
div.is-popup-menu ul > li:not(.selected).system {
  background-color: rgba(0, 0, 0, 0.05);
  color: navy;
}
div.is-panel-menu ul > li.indent > a,
div.is-popup-menu ul > li.indent > a {
  font-size: 0.9em !important;
  padding-left: 24px !important;
}
div.is-panel-menu ul > li[itemtype='SubMenu'] > a,
div.is-popup-menu ul > li[itemtype='SubMenu'] > a {
  color: #9c351c;
  cursor: default;
  display: block;
  font-weight: bold;
  margin-top: 12px;
  padding: 0 8px 4px 8px;
  position: relative;
}
div.is-panel-menu ul > li[itemtype='Normal'] > a,
div.is-popup-menu ul > li[itemtype='Normal'] > a {
  cursor: pointer;
  display: block;
  font-weight: normal;
  padding: 6px 8px 6px 8px;
  /* Icon */

  /* Multi-Instance Button */

}
div.is-panel-menu ul > li[itemtype='Normal'] > a:hover,
div.is-popup-menu ul > li[itemtype='Normal'] > a:hover {
  background-color: #5b9dcc;
  color: white;
}
div.is-panel-menu ul > li[itemtype='Normal'] > a > img,
div.is-popup-menu ul > li[itemtype='Normal'] > a > img {
  height: 16px;
  margin-right: 8px;
  vertical-align: middle;
  width: 16px;
}
div.is-panel-menu ul > li[itemtype='Normal'] > a > a.multi-instance,
div.is-popup-menu ul > li[itemtype='Normal'] > a > a.multi-instance {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  display: inline-block;
  height: 22px;
  margin-top: -2px;
  position: absolute;
  padding: 3px 0 0 4px;
  right: 8px;
  width: 24px;
}
div.is-panel-menu ul > li[itemtype='Normal'] > a > a.multi-instance::before,
div.is-popup-menu ul > li[itemtype='Normal'] > a > a.multi-instance::before {
  font-family: isse;
  font-weight: normal;
  font-size: 16px;
  opacity: 0.5;
  content: "\E92F";
}
div.is-panel-menu ul > li[itemtype='Normal'] > a > a.multi-instance:hover::before,
div.is-popup-menu ul > li[itemtype='Normal'] > a > a.multi-instance:hover::before {
  opacity: 1;
}
div.is-panel-menu ul > li[itemtype='Separator'] > a,
div.is-popup-menu ul > li[itemtype='Separator'] > a {
  border-bottom: 1px solid #e0e0e0;
  display: block;
  height: 1px;
  margin: 4px 8px 4px 8px;
}
div.is-panel-menu ul > li[enabled='false'] > a,
div.is-popup-menu ul > li[enabled='false'] > a {
  color: #a0a0a0;
  cursor: default;
}
div.is-panel-menu ul > li[enabled='false'] > a > img,
div.is-popup-menu ul > li[enabled='false'] > a > img {
  opacity: 0.5;
}
div.is-panel-menu > div.caption,
div.is-popup-menu > div.caption {
  background-color: #f3f3f3;
  /*border-bottom:1px solid #D2D2D2;*/
  color: #a7381e;
  font-size: 20px;
  font-weight: normal;
  height: 48px;
  left: 0;
  line-height: 48px;
  overflow: hidden;
  padding: 0 8px 0 8px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
  /* Icon */

  /* Close button */

}
div.is-panel-menu > div.caption > span.icon,
div.is-popup-menu > div.caption > span.icon {
  font-family: isse;
  font-size: 1em;
  vertical-align: middle;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  margin-top: -1px;
}
div.is-panel-menu > div.caption > a,
div.is-popup-menu > div.caption > a {
  color: #b2b2b2;
  cursor: pointer;
  line-height: 48px;
  position: absolute;
  top: 0;
  right: 8px;
}
div.is-panel-menu > div.caption > a > span:before,
div.is-popup-menu > div.caption > a > span:before {
  font-size: 20px;
  font-weight: normal;
}
div.is-panel-menu > div.caption > a:hover,
div.is-popup-menu > div.caption > a:hover {
  color: gray;
}
/* Popup Menu specific */

div.is-popup-menu ul > li {
  white-space: pre;
}
/* Collapsible Groups Menu */

div.is-panel-menu > .collapsible-groups {
  padding: 4px;
  /* Sub-Menu Heading */

  /* Sub-Menu */

}
div.is-panel-menu > .collapsible-groups li.collapsible {
  padding: 0;
  margin-bottom: 1px;
  /* System Sub-Menu */

}
div.is-panel-menu > .collapsible-groups li.collapsible > a {
  background-color: gray;
  color: white;
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 8px;
  position: relative;
}
div.is-panel-menu > .collapsible-groups li.collapsible > a::after {
  position: absolute;
  right: 8px;
  font-family: isse;
  font-weight: normal;
  font-size: 12px;
  content: "\E011";
  padding-top: 3px;
}
div.is-panel-menu > .collapsible-groups li.collapsible.system > a {
  background-color: #d24726;
}
div.is-panel-menu > .collapsible-groups li.collapsible.expanded > a::after {
  content: "\E010";
}
/*
==========
Popup Menu
==========
*/

div.is-popup-menu {
  background-color: #f8f8f8;
  border: 2px solid #003056;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25);
  z-index: 999999999999;
  /* Showing animation */
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.1s ease-in-out;
}
div.is-popup-menu.active {
  opacity: 1;
  transform: scale(1);
}
div.is-popup-menu div.is-menu-item-glyph {
  display: inline-block;
  height: 20px;
  margin-right: 4px;
  padding: 2px;
  vertical-align: middle;
  width: 20px;
}
/* 
======================================================
Grouping List
======================================================
*/

span.is-groupinglist {
  display: inline-block;
  min-height: 20px;
  min-width: 4em;
  position: relative;
  width: 100%;
  /* Textbox used to store value is always hidden */

  /* Lists (general) */

  /* Left list */

  /* Right list */

}
span.is-groupinglist:focus {
  background-color: honeydew;
}
span.is-groupinglist > div {
  background-color: white;
  border: 1px solid #d0d0d0;
  display: inline-block;
  max-height: 240px;
  min-height: 240px;
  min-width: 20em;
  position: relative;
  overflow-y: auto;
  vertical-align: top;
  width: 45%;
  max-width: 400px;
}
span.is-groupinglist > div > ul {
  min-height: 100%;
}
span.is-groupinglist > div > ul > li {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  cursor: default;
  margin-bottom: 2px;
  padding: 4px 4px 4px 24px;
  position: relative;
  white-space: pre;
}
span.is-groupinglist > div > ul > li.selected {
  background-color: #5b9dcc;
  color: white;
}
span.is-groupinglist > div > ul > li.selected button:before {
  color: white !important;
}
span.is-groupinglist > div > ul > li button {
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  outline: none;
  padding: 0;
  position: absolute;
  top: 1px;
  width: 22px;
  height: 23px;
  line-height: 23px;
  overflow: hidden;
  text-align: center;
}
span.is-groupinglist > div > ul > li button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
span.is-groupinglist div.left > ul {
  list-style: none;
  margin: 0;
  padding: 4px 4px 0 4px;
  position: relative;
}
span.is-groupinglist div.left > ul > li {
  padding: 4px 32px 4px 4px;
}
span.is-groupinglist div.left > ul > li.selected {
  background-color: #5b9dcc;
  color: white;
}
span.is-groupinglist div.left > ul > li.selected button {
  color: white;
}
span.is-groupinglist div.left > ul > li button {
  right: 1px;
}
span.is-groupinglist div.left > ul > li button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
span.is-groupinglist div.left > ul > li button[action='add']:before {
  font-family: isse;
  content: "\E0AB";
  font-size: 12px;
}
@media screen and (max-width:680px),(max-height:440px) {
  span.is-groupinglist div.left > ul > li button[action='add']:before {
    content: "\E74B";
  }
}
span.is-groupinglist div.right {
  margin-left: 8px;
  /* Responsive */

}
span.is-groupinglist div.right > ul {
  list-style: none;
  list-style-position: inside;
  margin: 0;
  padding: 4px 4px 0 4px;
  position: relative;
  counter-reset: item;
}
span.is-groupinglist div.right > ul > li {
  padding: 4px 4px 4px 24px;
  white-space: pre;
}
span.is-groupinglist div.right > ul > li:before {
  content: counter(item);
  counter-increment: item;
  color: rgba(0, 0, 0, 0.5);
  font-size: 9px;
  margin-right: 8px;
  vertical-align: middle;
}
span.is-groupinglist div.right > ul > li.selected {
  background-color: #5b9dcc;
  color: white;
}
span.is-groupinglist div.right > ul > li.selected button:before {
  color: white !important;
}
span.is-groupinglist div.right > ul > li button[action='remove'] {
  left: 1px;
}
span.is-groupinglist div.right > ul > li button[action='remove']:before {
  font-family: isse;
  content: "\E711";
  font-size: 12px;
  color: red;
}
span.is-groupinglist div.right > ul > li button[action='pagebreak'] {
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
  filter: grayscale(100%);
  opacity: 0.3;
  right: 1px;
}
span.is-groupinglist div.right > ul > li button[action='pagebreak'].checked {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  opacity: 1;
  filter: grayscale(0%);
}
@media screen and (max-width:680px),(max-height:440px) {
  span.is-groupinglist div.right {
    margin-top: 8px;
    margin-left: 0;
  }
}
/* Read-Only */

.is-groupinglist.is-readonly button {
  display: none !important;
}
/*
====================
Enquiry Records List 
====================
*/

div.is-enquiry-records-list {
  background-color: ivory;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 4px 0 4px 0;
  padding: 4px;
}
ul.is-enquiry-records-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.is-enquiry-records-list > li {
  cursor: pointer;
  font-size: 12px;
  line-height: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.is-enquiry-records-list > li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
ul.is-enquiry-records-list > li.range-include {
  background-color: rgba(0, 255, 0, 0.1);
}
ul.is-enquiry-records-list > li.range-include:hover {
  background-color: rgba(0, 255, 0, 0.2);
}
ul.is-enquiry-records-list > li.range-exclude {
  background-color: rgba(255, 0, 0, 0.1);
}
ul.is-enquiry-records-list > li.range-exclude:hover {
  background-color: rgba(255, 0, 0, 0.2);
}
ul.is-enquiry-records-list > li > span.icon {
  display: inline-block;
  width: 20px;
  margin-right: 4px;
}
ul.is-enquiry-records-list > li > span.icon > img {
  display: inline-block;
  width: 16px;
  vertical-align: middle;
}
ul.is-enquiry-records-list > li > span.code {
  display: inline-block;
  width: 80px;
  margin-right: 4px;
}
ul.is-enquiry-records-list > li > span.description {
  color: rgba(0, 0, 0, 0.7);
  line-height: 20px;
}
/* 
====================================================================================
Grouping List (Widget control, NOT the Parameters Host version on which it is based)
====================================================================================
*/

div.is-widget-groupinglist {
  overflow-y: auto;
}
span.is-widget-groupinglist {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-items: stretch;
  min-height: 20px;
  min-width: 4em;
  position: relative;
  width: 100%;
  /* Responsive */

  /* Lists (general) */

  /* Left list */

  /* Right list */

}
@media screen and (max-width:680px),(max-height:440px) {
  span.is-widget-groupinglist {
    flex-direction: column;
  }
}
span.is-widget-groupinglist:focus {
  background-color: honeydew;
}
span.is-widget-groupinglist > div {
  flex-grow: 1;
  background-color: white;
  border: 1px solid #d0d0d0;
  display: inline-block;
  min-height: 240px;
  min-width: 240px;
  position: relative;
  overflow-y: auto;
  vertical-align: top;
  width: 45%;
  max-width: 400px;
}
span.is-widget-groupinglist > div > ul {
  min-height: 100%;
}
span.is-widget-groupinglist > div > ul > li {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  cursor: default;
  margin-bottom: 2px;
  padding: 4px 4px 4px 24px;
  position: relative;
  white-space: pre;
}
span.is-widget-groupinglist > div > ul > li.selected {
  background-color: #5b9dcc;
  color: white;
}
span.is-widget-groupinglist > div > ul > li.selected button:before {
  color: white !important;
}
span.is-widget-groupinglist > div > ul > li button {
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  outline: none;
  padding: 0;
  width: 22px;
  height: 23px;
  line-height: 23px;
  overflow: hidden;
  text-align: center;
}
span.is-widget-groupinglist > div > ul > li button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
span.is-widget-groupinglist div.left > ul {
  list-style: none;
  margin: 0;
  padding: 4px 4px 0 4px;
  position: relative;
}
span.is-widget-groupinglist div.left > ul > li {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 4px;
}
span.is-widget-groupinglist div.left > ul > li.selected {
  background-color: #5b9dcc;
  color: white;
}
span.is-widget-groupinglist div.left > ul > li.selected button {
  color: white;
}
span.is-widget-groupinglist div.left > ul > li label {
  flex-grow: 1;
  overflow: hidden;
}
span.is-widget-groupinglist div.left > ul > li button {
  flex-grow: 0;
}
span.is-widget-groupinglist div.left > ul > li button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
span.is-widget-groupinglist div.left > ul > li button[action='add']:before {
  font-family: isse;
  content: "\E0AB";
  font-size: 12px;
}
@media screen and (max-width:680px),(max-height:440px) {
  span.is-widget-groupinglist div.left > ul > li button[action='add']:before {
    content: "\E74B";
  }
}
span.is-widget-groupinglist div.right {
  margin-left: 8px;
  /* Responsive */

}
span.is-widget-groupinglist div.right > ul {
  list-style: none;
  list-style-position: inside;
  margin: 0;
  padding: 4px 4px 0 4px;
  position: relative;
  counter-reset: item;
}
span.is-widget-groupinglist div.right > ul > li {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 4px;
  white-space: pre;
}
span.is-widget-groupinglist div.right > ul > li:before {
  content: counter(item);
  counter-increment: item;
  color: rgba(0, 0, 0, 0.5);
  font-size: 9px;
  margin-right: 8px;
  line-height: 22px;
  vertical-align: middle;
}
span.is-widget-groupinglist div.right > ul > li.selected {
  background-color: #5b9dcc;
  color: white;
}
span.is-widget-groupinglist div.right > ul > li.selected button:before {
  color: white !important;
}
span.is-widget-groupinglist div.right > ul > li label {
  flex-grow: 1;
  overflow: hidden;
}
span.is-widget-groupinglist div.right > ul > li button {
  flex-grow: 0;
}
span.is-widget-groupinglist div.right > ul > li button[action='remove'] {
  order: -1;
}
span.is-widget-groupinglist div.right > ul > li button[action='remove']:before {
  font-family: isse;
  content: "\E711";
  font-size: 12px;
  color: red;
}
span.is-widget-groupinglist div.right > ul > li button[action='moveup']:before {
  font-family: isse;
  content: "\E74A";
  font-size: 12px;
  color: blue;
}
span.is-widget-groupinglist div.right > ul > li button[action='movedown']:before {
  font-family: isse;
  content: "\E74B";
  font-size: 12px;
  color: blue;
}
span.is-widget-groupinglist div.right > ul > li button[action='pagebreak'] {
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
  filter: grayscale(100%);
  opacity: 0.3;
}
span.is-widget-groupinglist div.right > ul > li button[action='pagebreak'].checked {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  opacity: 1;
  filter: grayscale(0%);
}
@media screen and (max-width:680px),(max-height:440px) {
  span.is-widget-groupinglist div.right {
    margin-top: 8px;
    margin-left: 0;
    display: block;
  }
}
/* Read-Only */

.is-widget-groupinglist.is-readonly button {
  display: none !important;
}