/*------------------------------------*\
  #BOX
\*------------------------------------*/
/*------------------------------------*\
  #ELLIPSIS
\*------------------------------------*/
/*------------------------------------*\
  #OUTLINE
\*------------------------------------*/
/*------------------------------------*\
  #POPOVERS
\*------------------------------------*/
/*------------------------------------*\
  #Borders
\*------------------------------------*/
/*------------------------------------*\
  #ELEVATION
\*------------------------------------*/
.rui {
  color: #222222;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
}
/* Headings */
.ruiH {
  color: #222222;
}
.ruiH1 {
  color: #222222;
  font-weight: 400;
  font-size: 2.2857143em;
}
.ruiH2 {
  color: #222222;
  font-weight: 400;
  font-size: 1.7142857em;
}
.ruiH3 {
  color: #222222;
  font-weight: 400;
  font-size: 1.4285714em;
}
.ruiH4 {
  color: #222222;
  font-weight: 700;
  font-size: 1.1428571em;
}
.ruiH5 {
  color: #222222;
  font-weight: 700;
  font-size: 1.0000000em;
}
.ruiH6 {
  color: #222222;
  font-weight: 700;
  font-size: 0.85714286em;
  text-transform: uppercase;
}
.ruiH--light {
  color: #767676;
  font-weight: 500;
}
/* Paragraph Text */
.ruiParagraph {
  color: #222222;
  font-size: 1.0000000em;
}
.ruiParagraph--light {
  color: #767676;
  font-weight: 300;
}
/* Tag Text */
.ruiTagText {
  font-size: 0.78571429em;
}
/* Links */
.ruiLink {
  color: #0052cc;
  text-decoration: none;
}
.ruiLink:hover {
  text-decoration: underline;
}
.ruiLink:focus {
  -webkit-box-shadow: inset 0 0 0 2px #4782da !important;
          box-shadow: inset 0 0 0 2px #4782da !important;
  outline: none;
}
.rIcon-unfavorite:before {
  content: "\e939";
}
.rIcon-unpin:before {
  content: "\e93a";
}
.rIcon-right-arrow:before {
  content: "\e92d";
}
.rIcon-user:before {
  content: "\e921";
}
.rIcon-timer:before {
  content: "\e922";
}
.rIcon-time:before {
  content: "\e923";
}
.rIcon-table:before {
  content: "\e924";
}
.rIcon-pie:before {
  content: "\e925";
}
.rIcon-calculation:before {
  content: "\e926";
}
.rIcon-numbers:before {
  content: "\e927";
}
.rIcon-document:before {
  content: "\e928";
}
.rIcon-diagram:before {
  content: "\e929";
}
.rIcon-calendar-thin:before {
  content: "\e92a";
}
.rIcon-calendar-today:before {
  content: "\e92b";
}
.rIcon-calendar:before {
  content: "\e92c";
}
.rIcon-collapse-right:before {
  content: "\e920";
}
.rIcon-reduce-screen:before {
  content: "\e91e";
}
.rIcon-full-screen:before {
  content: "\e91f";
}
.rIcon-maximize:before {
  content: "\e913";
}
.rIcon-minimize:before {
  content: "\e91b";
}
.rIcon-locked:before {
  content: "\e91c";
}
.rIcon-unlocked:before {
  content: "\e91d";
}
.rIcon-filter:before {
  content: "\e911";
}
.rIcon-user-group:before {
  content: "\e912";
}
.rIcon-list-view:before {
  content: "\e914";
}
.rIcon-grid-view:before {
  content: "\e915";
}
.rIcon-layout-2:before {
  content: "\e916";
}
.rIcon-layout-1-2:before {
  content: "\e917";
}
.rIcon-layout-3:before {
  content: "\e918";
}
.rIcon-layout-2-1:before {
  content: "\e919";
}
.rIcon-layout-1:before {
  content: "\e91a";
}
.rIcon-attachment:before {
  content: "\e910";
}
.rIcon-arrow-left:before {
  content: "\e90d";
}
.rIcon-arrow-right:before {
  content: "\e90e";
}
.rIcon-arrow-up:before {
  content: "\e90f";
}
.rIcon-arrow-down:before {
  content: "\e90b";
}
.rIcon-danger:before {
  content: "\e90c";
}
.rIcon-warning:before {
  content: "\e90a";
}
.rIcon-pin:before {
  content: "\e909";
}
.rIcon-collapse:before {
  content: "\e902";
}
.rIcon-share:before {
  content: "\e907";
}
.rIcon-download:before {
  content: "\e908";
}
.rIcon-export:before {
  content: "\e940";
}
.rIcon-options:before {
  content: "\e900";
}
.rIcon-favorite:before {
  content: "\e901";
}
.rIcon-clear:before {
  content: "\e903";
}
.rIcon-edit:before {
  content: "\e904";
}
.rIcon-delete:before {
  content: "\e905";
}
.rIcon-close:before {
  content: "\e906";
}
.rIcon-check-circle:before {
  content: "\e86c";
}
.rIcon-error-circle:before {
  content: "\e000";
}
.rIcon-help-circle:before {
  content: "\e887";
}
.rIcon-circle:before {
  content: "\e3fa";
}
.rIcon-save:before {
  content: "\e161";
}
.rIcon-search:before {
  content: "\e8b6";
}
.rIcon-visible:before {
  content: "\e92e";
}
.rIcon-invisible:before {
  content: "\e92f";
}
.rIcon-shared:before {
  content: "\e930";
}
.rIcon-sync:before {
  content: "\e931";
}
.rIcon-print:before {
  content: "\e932";
}
.rIcon-add:before {
  content: "\e933";
}
.rIcon-caret-down:before {
  content: "\e934";
}
.rIcon-caret-left:before {
  content: "\e935";
}
.rIcon-caret-right:before {
  content: "\e936";
}
.rIcon-caret-up:before {
  content: "\e937";
}
.rIcon-move:before {
  content: "\e938";
}
.rIcon-sort-down:before {
  content: "\e93b";
}
.rIcon-full-arrow-down:before {
  content: "\e93c";
}
.rIcon-full-arrow-up:before {
  content: "\e93f";
}
.rIcon-full-arrow-left:before {
  content: "\e93d";
}
.rIcon-full-arrow-right:before {
  content: "\e93e";
}
.rIcon-add-comment:before {
  content: "\e941";
}
.rIcon-color-bucket:before {
  content: "\e942";
}
.rIcon-object-graph:before {
  content: "\e943";
}
.rIcon-tag:before {
  content: "\e944";
}
.rIcon-cog:before {
  content: "\e945";
}
@font-face {
  font-family: "riada-icons";
  src: url("fonts/riada-icons.eot?nzhion");
  src: url("fonts/riada-icons.eot?nzhion#iefix") format("embedded-opentype"), url("fonts/riada-icons.ttf?nzhion") format("truetype"), url("fonts/riada-icons.woff?nzhion") format("woff"), url("fonts/riada-icons.svg?nzhion#riada-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="rIcon-"][disabled],
[class*=" rIcon-"][disabled] {
  cursor: not-allowed;
}
[class^="rIcon-"],
[class*=" rIcon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "riada-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ruiAvatar [class^="rIcon-"] {
  margin: auto;
}
/* Add prefered icon colors here */
.rIcon-color-favorite {
  color: #ffda4e;
}
.rIcon-color-danger {
  color: #ff4d4d;
}
.ruiList {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  list-style: none;
  padding: 0;
  width: 100%;
}
.ruiList--dropdown {
  -webkit-box-shadow: 0 0.28571429em 0.57142857em -0.14285714em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
          box-shadow: 0 0.28571429em 0.57142857em -0.14285714em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
  background-color: white;
  padding: 0.0000000em;
  border-radius: 0.21428571em;
  margin: 0.28571429em 0 0 0;
  z-index: 3500;
}
.ruiList__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222222;
  cursor: pointer;
  display: block;
  font-size: 1em;
  list-style: none;
  position: relative;
  width: 100%;
}
.ruiList__item--is-hovered:not(.ruiList__item--is-selected) .ruiList__item__label:not([disabled]),
.ruiList__item:not(.ruiList__item--is-selected):hover .ruiList__item__label:not([disabled]) {
  color: #222222;
  background-color: #f7f7f7;
  text-decoration: none;
}
.ruiList__item__label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  color: #222222;
  cursor: pointer;
  display: block;
  font-size: 1em;
  padding: 0.57142857em;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.ruiList__item__label::-moz-focus-inner {
  border: 0;
}
.ruiList__item__label[disabled] {
  color: #c7c7c7;
  cursor: default;
}
.ruiList__item:not(.ruiList__item--is-selected) .ruiList__item__label:not([disabled]):hover {
  color: #222222;
  background-color: #f7f7f7;
  text-decoration: none;
}
.ruiList__item__label.ruiList__item__label--is-focused,
.ruiList__item__label:focus {
  -webkit-box-shadow: inset 0 0 0 2px #4782da !important;
          box-shadow: inset 0 0 0 2px #4782da !important;
  outline: none;
  text-decoration: none;
}
.ruiList__item__label:active {
  background-color: #e6e6e6;
}
.ruiList__item--is-selected .ruiList__item__label {
  background-color: #e6e6e6;
  font-weight: bold;
}
.ruiList__item--is-selected .ruiList__item__label {
  cursor: default;
}
.ruiList__item--link .ruiList__item__label {
  color: #0052cc;
}
.ruiList__item--link:hover {
  background-color: transparent;
  color: #0052cc;
  text-decoration: underline;
}
.ruiList__item--link:hover .ruiList__item__label:hover {
  background-color: transparent;
  color: #0052cc;
  text-decoration: underline;
}
.ruiList__item--link .ruiList__item__label:hover {
  background-color: transparent;
  color: #0052cc;
  text-decoration: underline;
}
.ruiList__item--caution .ruiList__item__label {
  color: #ff4e4e;
}
.ruiList__item--caution:not(.ruiList__item--is-selected):hover .ruiList__item__label:not([disabled]) {
  color: #ff4e4e;
}
.ruiList__item--caution:not(.ruiList__item--is-selected) .ruiList__item__label:not([disabled]):hover {
  color: #ff4e4e;
}
.ruiList__item__label--align-center {
  text-align: center;
}
.ruiDropdown__content .ruiList__item:last-child .ruiList__item__label {
  border-bottom-left-radius: 0.21428571em;
  border-bottom-right-radius: 0.21428571em;
}
.ruiList__item__meta {
  color: #4b4b4b;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.57142857em;
  font-size: 0.80000000em;
  padding-left: 1.8000000em;
}
.ruiList__item__meta--toggle {
  display: none;
}
.ruiList__item:not([disabled]):hover .ruiList__item__meta--toggle {
  display: block;
}
.ruiList__item--is-selected .ruiList__item__meta {
  font-weight: normal;
}
.ruiList__separator {
  border: none;
  border-top: 1px solid #e6e6e6;
  list-style: none;
  margin: 0 1px;
}
.ruiList__separator--block {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.ruiList__header {
  font-size: 0.78571429em;
  text-transform: uppercase;
  color: #767676;
  padding: 0.90909091em 0.72727273em;
}
.ruiList__item__meta .ruiButton {
  margin-right: 0.54545455em;
}
.ruiList__item__meta .ruiButton--stealth.ruiButton--iconOnly {
  font-size: 1em;
  margin-left: 0.54545455em;
}
.ruiList__item__meta .ruiButton:hover {
  text-decoration: none;
}
.ruiSelect .ruiList--dropdown {
  display: block !important;
  overflow: auto;
}
.ruiList__item__label:not([disabled]) [class^="rIcon-"] {
  color: #4b4b4b;
}
.ruiAvatar,
.ruiAvatar__meta {
  font-size: 1.7142857em;
  position: relative;
  display: inline-block;
  width: 1.75em;
  height: 1.75em;
  background-color: #7c58c3;
  color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 1.75em;
  white-space: nowrap;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.035714286em;
  vertical-align: middle;
  margin: 0 0.57142857em 0 0;
}
.ruiAvatar__image,
.ruiAvatar__meta__image {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ruiAvatar__content {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ruiAvatar__meta {
  width: 1.1428571em;
  height: 1.1428571em;
  line-height: 1.1428571em;
  font-size: 0.64285714em;
  position: absolute;
  color: black;
  border: 0.071428571em solid white;
  background-color: white;
  margin: 0;
}
.ruiAvatar__meta--top-right {
  top: 0;
  right: -0.14285714em;
}
.ruiAvatar__meta--top-left {
  top: 0;
  left: -0.14285714em;
}
.ruiAvatar__meta--bottom-right {
  bottom: 0;
  right: -0.14285714em;
}
.ruiAvatar__meta--bottom-left {
  bottom: 0;
  left: -0.14285714em;
}
.ruiAvatar__meta__image {
  width: 1.1428571em;
  height: 1.1428571em;
}
.ruiAvatar--transparent {
  background-color: transparent;
}
.ruiAvatar--size-xxlarge {
  font-size: 3.4285714em;
}
.ruiAvatar--size-xlarge {
  font-size: 2.2857143em;
}
.ruiAvatar--size-large {
  font-size: 1.7142857em;
}
.ruiAvatar--size-medium {
  font-size: 1.1428571em;
}
.ruiAvatar--size-small {
  font-size: 0.85714286em;
}
.ruiAvatar--size-xsmall {
  font-size: 0.65357143em;
}
.ruiAvatar__meta--appearance-notification {
  background-color: #f64949;
  color: white;
}
.ruiAvatar__meta--appearance-favorite {
  color: #ffda4e;
  background: white;
}
.ruiTag .ruiAvatar {
  font-size: 0.71428571em;
  margin-bottom: 0.14285714em;
  margin-right: 0.42857143em;
}
.ruiSelect__control .ruiAvatar,
.ruiList__item .ruiAvatar {
  top: -0.14285714em;
}
.ruiTag [class^="rIcon-"]:not(.ruiTag__icon) {
  margin-right: 0.42857143em;
}
.ruiAttributeValueContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.ruiAttributeValue {
  display: inline-block;
  margin-right: 1%;
  word-break: break-word;
  margin-bottom: 0.14285714em;
}
.ruiAttributeValue--ellipsed {
  width: 23%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ruiAttributeValue--ellipsed .ruiObjectType,
.ruiAttributeValue--ellipsed .ruiProject,
.ruiAttributeValue--ellipsed .ruiObjectLabel,
.ruiAttributeValue--ellipsed .ruiTag,
.ruiAttributeValue--ellipsed .ruiUser {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.ruiAttributeValue--ellipsed .ruiObjectType a,
.ruiAttributeValue--ellipsed .ruiProject a,
.ruiAttributeValue--ellipsed .ruiProject span,
.ruiAttributeValue--ellipsed .ruiObjectLabel span,
.ruiAttributeValue--ellipsed .ruiObjectLabel a,
.ruiAttributeValue--ellipsed .ruiTag span,
.ruiAttributeValue--ellipsed .ruiUser a,
.ruiAttributeValue--ellipsed .ruiUser span {
  width: 100%;
}
.ruiAttributeValue--ellipsed .ruiObjectType img + a,
.ruiAttributeValue--ellipsed .ruiProject i + a,
.ruiAttributeValue--ellipsed .ruiProject i + span,
.ruiAttributeValue--ellipsed .ruiObjectLabel i + span,
.ruiAttributeValue--ellipsed .ruiObjectLabel i + a,
.ruiAttributeValue--ellipsed .ruiTag i + span,
.ruiAttributeValue--ellipsed .ruiUser i + a,
.ruiAttributeValue--ellipsed .ruiUser i + span {
  width: calc(100% - 24px);
}
.ruiAttributeValue--ellipsed .ruiObjectType a,
.ruiAttributeValue--ellipsed .ruiProject a,
.ruiAttributeValue--ellipsed .ruiProject span,
.ruiAttributeValue--ellipsed .ruiObjectLabel span,
.ruiAttributeValue--ellipsed .ruiObjectLabel a,
.ruiAttributeValue--ellipsed .ruiTag span,
.ruiAttributeValue--ellipsed .ruiUser a,
.ruiAttributeValue--ellipsed .ruiUser span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ruiAttributeValue--ellipsed .ruiTag {
  line-height: unset;
  padding-top: 4px;
  padding-bottom: 4px;
}
.ruiBanner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.1428571em;
  width: 100%;
  color: #ffffff;
  font-size: 1.0000000em;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 0.21428571em;
  background-color: #1ac99a;
}
.ruiBanner--danger {
  background-color: #ff4d4d;
}
.ruiBanner--success {
  background-color: #1ac99a;
}
.ruiBanner--warning {
  background-color: #ffc800;
}
.ruiBanner--info {
  background-color: #7c58c3;
}
.ruiBanner [class^="rIcon-"] {
  margin-right: 0.40000000em;
  font-size: 1.4285714em;
}
.ruiBanner--light {
  color: #222222;
  background-color: white;
  border: 0.14285714em solid #1ac99a;
  padding: 1.0000000em;
}
.ruiBanner--light [class^="rIcon-"] {
  color: #1ac99a;
}
.ruiBanner--light.ruiBanner--danger {
  border-color: #ff4d4d;
}
.ruiBanner--light.ruiBanner--danger [class^="rIcon-"] {
  color: #ff4d4d;
}
.ruiBanner--light.ruiBanner--warning {
  border-color: #ffc800;
}
.ruiBanner--light.ruiBanner--warning [class^="rIcon-"] {
  color: #ffc800;
}
.ruiBanner--light.ruiBanner--info {
  border-color: #7c58c3;
}
.ruiBanner--light.ruiBanner--info [class^="rIcon-"] {
  color: #7c58c3;
}
.ruiBanner--small {
  padding: 0.57142857em;
}
.ruiBanner--small.ruiBanner--light {
  padding: 0.42857143em;
}
.ruiColor {
  display: block;
  width: 1.1428571em;
  height: 1.1428571em;
}
.ruiColorPalette {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.ruiColorPalette__item {
  margin: 0.21428571em;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ruiColorPalette .ruiColor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.071428571em solid transparent;
}
.ruiColorPalette .ruiColor:hover {
  border: 1px solid #808080;
}
.ruiColor.ruiColor--no-color {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #808080;
  background-color: #ffffff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8ZGVmcz48L2RlZnM+ICA8bGluZSBzdHlsZT0ic3Ryb2tlOiByZ2IoMjU1LCAwLCAwKTsiIHgxPSIxNS41ODYiIHkxPSIwLjMzNCIgeDI9IjAuMjY4IiB5Mj0iMTUuNTI1Ij48L2xpbmU+PC9zdmc+);
}
textarea {
  font-family: inherit;
}
.ruiTextInput {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 0.35714286em;
  color: #222222;
  font-size: 1em !important;
  padding: 0.57142857em;
}
.ruiTextInput--is-focused,
.ruiTextInput:focus {
  -webkit-box-shadow: inset 0 0 0 1px #4782da !important;
          box-shadow: inset 0 0 0 1px #4782da !important;
  border: 1px solid #4782da;
  -webkit-box-shadow: inset 0 0 0 2px border !important;
          box-shadow: inset 0 0 0 2px border !important;
  outline: none;
}
.ruiTextInput::-webkit-input-placeholder {
  color: #C7C7C7;
}
.ruiTextInput::-moz-placeholder {
  color: #C7C7C7;
}
.ruiTextInput:-ms-input-placeholder {
  color: #C7C7C7;
}
.ruiTextInput::-ms-input-placeholder {
  color: #C7C7C7;
}
.ruiTextInput::placeholder {
  color: #C7C7C7;
}
.ruiTextInput[disabled] {
  background-color: #F7F7F7;
  color: #c5c3c8;
  cursor: not-allowed;
}
.ruiTextInput--full-width {
  width: 100%;
}
.ruiForm__field--with-error .ruiTextInput {
  border-color: #ff4d4d;
}
.ruiForm__field--with-error .ruiTextInput:focus {
  -webkit-box-shadow: inset 0 0 0 1px #ff4d4d !important;
          box-shadow: inset 0 0 0 1px #ff4d4d !important;
  border: 1px solid #ff4d4d;
  -webkit-box-shadow: inset 0 0 0 #ff4d4d border !important;
          box-shadow: inset 0 0 0 #ff4d4d border !important;
  outline: none;
}
.ruiCheckboxGroup .ruiCheckbox {
  display: block;
  margin-top: 0.57142857em;
}
/* TODO: Check with Nithaya
.ruiForm__field--with-error .ruiCheckbox {
  color: @error_message_color;
}
*/
.ruiForm__field--with-error .ruiCheckbox__mark {
  border-color: #ff4d4d;
}
.ruiCheckbox {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-left: 1.4285714em;
  color: #767676;
  font-size: 0.85714286em;
}
/* Hide the browser's default checkbox */
.ruiCheckbox__input {
  position: absolute;
  cursor: pointer;
  display: none;
  opacity: 0;
}
/* Create a custom checkbox */
.ruiCheckbox__mark {
  position: absolute;
  top: 0.14285714em;
  left: 0;
  height: 0.83333333em;
  width: 0.83333333em;
  border: 0.083333333em solid #e6e6e6;
  border-radius: 0.16666667em;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.071428571em 0.071428571em 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.071428571em 0.071428571em 0 rgba(0, 0, 0, 0.05);
}
.ruiCheckbox:hover .ruiCheckbox__mark {
  background-color: #f7f7f7;
}
.ruiCheckbox [class^="rIcon-"] {
  margin-right: 0.28571429em;
  position: relative;
  top: 1px;
}
/* When the checkbox is focused */
.ruiCheckbox__input:focus ~ .ruiCheckbox__mark,
.ruiCheckbox__input:focus + .ruiCheckbox__mark {
  -webkit-box-shadow: inset 0 0 0 1px #4782da !important;
          box-shadow: inset 0 0 0 1px #4782da !important;
  border: 1px solid #4782da;
  -webkit-box-shadow: inset 0 0 0 2px border !important;
          box-shadow: inset 0 0 0 2px border !important;
  outline: none;
}
/* When the checkbox is disabled */
.ruiCheckbox__input:disabled ~ .ruiCheckbox__mark {
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
/* When the checkbox is checked */
.ruiCheckbox__input:checked ~ .ruiCheckbox__mark {
  background-color: #0052cc;
  border-color: #0052cc;
}
/* When the checkbox is checked but disabled,
   modify the outer layer
 */
.ruiCheckbox__input:disabled:checked ~ .ruiCheckbox__mark {
  background-color: #f7f7f7;
  border-color: rgba(9, 30, 66, 0.1);
}
/* When the checkbox is checked but disabled,
   modify the inner layer
 */
.ruiCheckbox__input:disabled:checked ~ .ruiCheckbox__mark:after {
  border-color: #c7c7c7;
}
/* The checkmark itself, not visible by default */
.ruiCheckbox__mark:after {
  content: "";
  position: absolute;
  left: 0.28571429em;
  top: 0.14285714em;
  width: 0.21428571em;
  height: 0.42857143em;
  border: solid white;
  border-width: 0 0.071428571em 0.071428571em 0;
  -webkit-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  display: none;
}
/* Show the checkmark when checked */
.ruiCheckbox__input:checked ~ .ruiCheckbox__mark:after {
  display: block;
}
.ruiButton {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #F7F7F7;
  border: 0;
  color: #222222;
  border-radius: 0.21428571em;
  cursor: pointer;
  font-size: 1em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  line-height: 1em;
  padding: 0.57142857em 1.1428571em;
  -webkit-box-shadow: 0 0.071428571em 0.071428571em 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.071428571em 0.071428571em 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.ruiButton:not(.ruiButton--iconOnly) [class^="rIcon-"] {
  padding-right: 0.28571429em;
}
.ruiButton--icon-after [class^="rIcon-"] {
  padding-right: 0;
  padding-left: 0.28571429em;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
          order: 2;
}
.ruiButton--small {
  border-radius: 0.25000000em;
  padding: 0.66666667em 1.3333333em;
  -webkit-box-shadow: 0 0.083333333em 0.083333333em 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.083333333em 0.083333333em 0 rgba(0, 0, 0, 0.1);
}
.ruiButton::-moz-focus-inner {
  border: 0;
}
.ruiButton:focus,
.ruiButton.ruiButton--is-focused {
  -webkit-box-shadow: 0 0 0 2px #4782da !important;
          box-shadow: 0 0 0 2px #4782da !important;
  -webkit-box-shadow: inset 0 0 0 2px button !important;
          box-shadow: inset 0 0 0 2px button !important;
  outline: none;
  background-color: #F7F7F7;
}
.ruiButton:hover,
.ruiButton.ruiButton--is-hovered {
  background-color: #E6E6E6;
}
.ruiButton:active,
.ruiButton.ruiButton--is-active {
  background-color: #C7C7C7;
}
.ruiButton[disabled] {
  color: #767676;
  background-color: #E6E6E6;
  cursor: not-allowed;
}
.ruiButton[disabled]:focus,
.ruiButton--is-focused[disabled] {
  -webkit-box-shadow: 0 0.071428571em 0.071428571em 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.071428571em 0.071428571em 0 rgba(0, 0, 0, 0.1);
}
.ruiButton--iconOnly {
  color: #4B4B4B;
}
.ruiButton--iconOnly [class^="rIcon-"] {
  padding-left: 0;
}
.ruiButton--primary {
  background-color: #0052CC;
  color: white;
  font-weight: 700;
}
.ruiButton--primary:focus,
.ruiButton--primary.ruiButton--is-focused {
  background-color: #0052CC;
}
.ruiButton--primary:hover,
.ruiButton--primary.ruiButton--is-hovered {
  background-color: #0045AC;
}
.ruiButton--primary:active,
.ruiButton--primary.ruiButton--is-active {
  background-color: #002B90;
}
.ruiButton--primary[disabled] {
  color: rgba(255, 255, 255, 0.58);
  background-color: #3173D6;
}
.ruiButton--subtle {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #222222;
}
.ruiButton--subtle:focus,
.ruiButton--subtle.ruiButton--is-focused {
  background-color: transparent;
}
.ruiButton--subtle:hover,
.ruiButton--subtle.ruiButton--is-hovered {
  background-color: #E6E6E6;
}
.ruiButton--subtle:active,
.ruiButton--subtle.ruiButton--is-active {
  background-color: #C7C7C7;
}
.ruiButton--subtle[disabled] {
  color: #C7C7C7;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ruiButton--subtle.ruiButton--iconOnly:not(.ruiButton--toggle):not([disabled]) {
  color: #4B4B4b;
}
.ruiButton--caution {
  background-color: #FF4D4D;
  color: white;
  font-weight: 700;
}
.ruiButton--caution:focus,
.ruiButton--caution.ruiButton--is-focused {
  background-color: #FF4D4D;
}
.ruiButton--caution:hover,
.ruiButton--caution.ruiButton--is-hovered {
  background-color: #FF3939;
}
.ruiButton--caution:active,
.ruiButton--caution.ruiButton--is-active {
  background-color: #FF2222;
}
.ruiButton--caution[disabled] {
  color: rgba(255, 255, 255, 0.6);
  background-color: #FF6161;
}
.ruiButton--light {
  background-color: white;
  border: 1px solid #E6E6E6;
  padding-top: 0.50000000em;
  padding-bottom: 0.50000000em;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #222222;
}
.ruiButton--light:focus,
.ruiButton--light.ruiButton--is-focused {
  background-color: white;
  border-color: transparent;
}
.ruiButton--light:hover,
.ruiButton--light.ruiButton--is-hovered {
  background-color: #F7F7F7;
}
.ruiButton--light:active,
.ruiButton--light.ruiButton--is-active {
  background-color: #C7C7C7;
  border-color: #C7C7C7;
}
.ruiButton--light[disabled] {
  background-color: white;
  color: #C7C7C7;
}
.ruiButton--light.ruiButton--iconOnly:not([disabled]) {
  color: #4B4B4b;
}
.ruiButton--link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #0052cc;
  padding-left: 0;
  padding-right: 0;
}
.ruiButton--link:focus,
.ruiButton--link.ruiButton--is-focused {
  background-color: transparent;
}
.ruiButton--link:hover,
.ruiButton--link.ruiButton--is-hovered {
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
}
.ruiButton--link:active,
.ruiButton--link.ruiButton--is-active {
  background-color: transparent;
  border-color: transparent;
}
.ruiButton--link[disabled] {
  background-color: white;
  color: #767676;
  text-decoration: none;
}
.ruiButton--iconOnly {
  position: relative;
  left: 0;
  padding-left: 0;
  padding-right: 0;
  min-width: 2.2857143em;
  text-align: center;
}
.ruiButton--iconOnly i[class^="rIcon-"] {
  left: 0;
}
.ruiButton--stealth {
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #222222;
  padding: 0;
  display: inline-block;
  min-width: 0;
  border-radius: 0;
}
.ruiButton--stealth:focus,
.ruiButton--stealth.ruiButton--is-focused {
  -webkit-box-shadow: 0 0 0 2px #4782da !important;
          box-shadow: 0 0 0 2px #4782da !important;
  -webkit-box-shadow: inset 0 0 0 2px button !important;
          box-shadow: inset 0 0 0 2px button !important;
  outline: none;
  background-color: transparent;
}
.ruiButton--stealth:hover,
.ruiButton--stealth.ruiButton--is-hovered,
.ruiButton--stealth:active,
.ruiButton--stealth.ruiButton--is-active {
  background-color: transparent;
  color: #222222;
}
.ruiButton--stealth[disabled] {
  color: #C7C7C7;
  background-color: transparent;
}
.ruiButton--stealth.ruiButton--iconOnly {
  font-size: 1.4285714em;
  width: 1em;
  height: 1em;
}
.ruiButton--stealth.ruiButton--small,
.ruiButton--small {
  font-size: 0.85714286em;
}
.ruiButton--toggle {
  color: #C7C7C7;
}
.ruiButton--toggle:not([disabled]):hover {
  color: #4B4B4B;
}
.ruiButton--toggle:active,
.ruiButton--toggle.ruiButton--is-active {
  color: #4B4B4B;
}
.ruiDropdown .ruiButton:not(.ruiButton--iconOnly):after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "riada-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: " \e90b";
  position: absolute;
  right: 0.78571429em;
  font-size: 0.85714286em;
  margin-top: 0.071428571em;
  color: #767676;
}
.ruiDropdown .ruiButton:not(.ruiButton--iconOnly) {
  padding-right: 2.1428571em;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  text-align: left;
  width: inherit;
}
.ruiDropdown .ruiButton {
  margin-top: 0;
  margin-bottom: 0;
}
.ruiDropdown--with-fixed-width .ruiButton {
  display: inline-block;
}
.ruiDialog__footer__actions .ruiButton {
  margin-left: 0.28571429em;
}
.ruiDialog__header .ruiButton--stealth {
  color: #c7c7c7;
}
.ruiDialog__header .ruiButton--stealth:hover {
  color: #767676;
}
.ruiToast__header .ruiButton--stealth {
  color: #c7c7c7;
}
.ruiToast__header .ruiButton--stealth:hover {
  color: #767676;
}
.ruiLayout__header__actions .ruiButton {
  margin-left: 0.21428571em;
}
.ruiPopoverTrigger--is-open .ruiButton {
  background-color: #C7C7C7;
}
.ruiPopoverTrigger--is-open .ruiButton--primary {
  background-color: #002B90;
}
.ruiPopoverTrigger--is-open .ruiButton--subtle {
  background-color: #C7C7C7;
}
.ruiPopoverTrigger--is-open .ruiButton--caution {
  background-color: #FF2222;
}
.ruiPopoverTrigger--is-open .ruiButton--light {
  background-color: #C7C7C7;
  border-color: #C7C7C7;
}
.ruiPopoverTrigger--is-open .ruiButton--toggle {
  color: #4B4B4B;
}
.ruiButtonGroup .ruiButton {
  margin-right: 0.21428571em;
}
.ruiButtonGroup .ruiButton--small {
  font-size: 0.85714286em;
  margin-right: 0.25000000em;
}
.ruiButtonGroup .ruiButton:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ruiButtonGroup .ruiButton:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-right: 0;
}
.ruiButtonGroup .ruiButton:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ruiPanel__header__actions .ruiButton {
  margin-left: 0.21428571em;
}
.ruiSelect__control:not(.ruiSelect__control--is-disabled) .ruiSelect__indicators__clear .ruiButton--stealth {
  color: #4b4b4b;
}
.ruiSelect__control:not(.ruiSelect__control--is-disabled) .ruiSelect__indicators__chevron .ruiButton--stealth {
  color: #767676;
}
.ruiSelect__control--is-disabled .ruiSelect__indicators__chevron .ruiButton--stealth {
  color: #c7c7c7;
}
.ruiList__item__label [class^="rIcon-"] {
  margin-right: 0.42857143em;
}
.ruiTag .ruiButton {
  font-size: 0.72727273em;
  margin-left: 1.0909091em;
}
.ruiTag .ruiButton {
  color: #4b4b4b;
}
.ruiTag .ruiButton:hover {
  color: #222222;
}
.ruiTag--brown .ruiButton,
.ruiTag--blue .ruiButton,
.ruiTag--red .ruiButton {
  color: white;
}
.ruiTag--brown .ruiButton:hover,
.ruiTag--blue .ruiButton:hover,
.ruiTag--red .ruiButton:hover {
  color: #e6e6e6;
}
.ruiTable__row__cell--menu .ruiButton {
  font-size: 10px;
}
.ruiButtonGroup {
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.ruiButtonGroup__separator {
  border: 1px solid #e6e6e6;
  margin: 0 0.57142857em 0 0.35714286em;
  -webkit-align-self: stretch;
          align-self: stretch;
}
.ruiBlanket {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3500;
  overflow: auto;
  background-color: rgba(9, 30, 66, 0.6);
}
.ruiDialog {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0.57142857em 1.1428571em -0.28571429em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
          box-shadow: 0 0.57142857em 1.1428571em -0.28571429em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
  position: relative;
  width: 32.142857em;
  background-color: white;
  border-radius: 0.21428571em;
  margin: 0 auto;
  margin-top: 3.5em;
  margin-bottom: 1em;
  color: #222222;
}
.ruiDialog--medium {
  width: 42.857143em;
}
.ruiDialog--large {
  width: 57.142857em;
}
.ruiDialog__header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 1.1428571em 1.7142857em;
}
.ruiDialog__header__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  max-width: 95%;
  font-size: 1.4285714em;
  font-weight: 400;
  margin: 0;
}
.ruiDialog__header__title .rIcon-warning {
  color: #ffc800;
}
.ruiDialog__header__title .rIcon-danger {
  color: #ff3939;
}
.ruiDialog__header__title .rIcon-check-circle {
  color: #1ac99a;
}
.ruiDialog__header__title [class^="rIcon-"],
.ruiDialog__header__title [class*=" rIcon-"] {
  font-size: 0.87500000em;
  padding-right: 0.50000000em;
}
.ruiDialog__header__title .ruiAvatar {
  font-size: 0.80000000em;
  margin-right: 0.57142857em;
}
.ruiDialog__header .ruiButton {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  font-size: 1.2857143em;
}
.ruiDialog__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1em 1.71428571em 2.28571429em;
}
.ruiDialog__footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 0.57142857em 1.6428571em 0.78571429em 1.6428571em;
}
.ruiDialog__footer__actions {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
          order: 2;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-flex-basis: 0;
          flex-basis: 0;
  max-width: 100%;
  text-align: right;
}
.ruiDialog__footer__secondary {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
          order: 1;
  -webkit-flex-basis: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 40%;
  width: 40%;
}
.ruiDialog--scrollable .ruiLayout__section {
  max-height: 70vh;
}
.ruiDialog--scrollable .ruiDialog__body {
  padding: 0;
}
.ruiDialog--scrollable .ruiDialog__body {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}
.ruiDialog--scrollable .ruiLayout__section--primary,
.ruiDialog--scrollable .ruiLayout__section--secondary {
  padding: 1em 1.71428571em 2.28571429em;
}
.ruiDialog--scrollable .ruiLayout__section--secondary {
  overflow-y: auto;
}
.ruiDialog--alert .ruiDialog__body h2,
.ruiDialog--confirmation .ruiDialog__body h2 {
  font-weight: bold;
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 0.71428571em;
}
.ruiDialog--alert .ruiDialog__body p,
.ruiDialog--confirmation .ruiDialog__body p {
  color: #767676;
  margin-top: 0.71428571em;
  margin-bottom: 0;
}
.ruiDialog--wizard .ruiDialog__header {
  padding: 0;
  min-height: 4.2857143em;
}
.ruiDialog--wizard.ruiDialog--scrollable .ruiDialog__body {
  border-top: 0;
}
.ruiBody--modal-mode {
  overflow: hidden;
}
.ruiDropdown {
  display: inline-block;
  position: relative;
}
.ruiDropdown__content .ruiList {
  -webkit-box-shadow: 0 0.28571429em 0.57142857em -0.14285714em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
          box-shadow: 0 0.28571429em 0.57142857em -0.14285714em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
  background-color: white;
  padding: 0.0000000em;
  border-radius: 0.21428571em;
  margin: 0.28571429em 0 0 0;
  z-index: 3500;
  z-index: 2900;
  width: auto;
}
.ruiDropdown__content {
  z-index: 3500;
}
.ruiLayout__header__actions .ruiDropdown {
  margin-left: 0.21428571em;
  margin-right: 0.21428571em;
}
.ruiButtonGroup .ruiDropdown {
  margin-right: 0.21428571em;
}
.ruiTable__row__cell--menu .ruiDropdown {
  opacity: 0;
}
.ruiTable__row--with-menu:hover .ruiTable__row__cell--menu .ruiDropdown,
.ruiTable__row--menu-active .ruiTable__row__cell--menu .ruiDropdown {
  opacity: 1;
}
.ruiToasts__container {
  z-index: 9999;
  position: fixed;
  top: 1.1428571em;
  right: 1.1428571em;
  padding: 0;
  width: 28.571429em;
  pointer-events: none;
}
.ruiToasts__container__toast {
  padding: 0;
  margin: 0 0 0.57142857em 0;
  min-height: 3.5714286em;
}
.ruiToast {
  -webkit-box-shadow: 0 1.4285714em 2.2857143em -0.57142857em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
          box-shadow: 0 1.4285714em 2.2857143em -0.57142857em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
  background-color: #ffffff;
  padding: 1.1428571em 1.1428571em 2.2857143em;
  border-radius: 0.21428571em;
  pointer-events: all;
}
.ruiToast__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: top;
  -webkit-align-items: top;
          align-items: top;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-bottom: 1.1428571em;
}
.ruiToast__header__title {
  color: #222222;
  font-weight: 700;
  font-size: 1.1428571em;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: top;
  -webkit-align-items: top;
          align-items: top;
  max-width: 90%;
}
.ruiToast__header__title .rIcon-check-circle {
  color: #1ac99a;
}
.ruiToast__header__title .rIcon-warning {
  color: #ffc800;
}
.ruiToast__header__title .rIcon-danger {
  color: #ff3939;
}
.ruiToast__header__title .rIcon-error-circle {
  color: #7c58c3;
}
.ruiToast__header__title [class^="rIcon-"],
.ruiToast__header__title [class*=" rIcon-"] {
  padding-right: 1.0000000em;
  font-weight: normal;
}
.ruiToast__body {
  color: #4b4b4b;
  padding-left: 2.2857143em;
  line-height: 1.5;
  max-height: 57.142857em;
  overflow: hidden;
  word-break: break-word;
}
.ruiLabel {
  text-align: right;
  color: #767676;
}
.ruiLabel--is-required::after {
  color: rgba(255, 0, 0, 0.8);
  padding-left: 0.14285714em;
  content: "*";
}
.ruiForm {
  margin: 0;
  padding: 0;
}
.ruiForm__field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative;
  padding: 0 0 1.1428571em 0;
}
.ruiForm__field .ruiLabel {
  -webkit-box-flex: 0;
  -webkit-flex: 0 8.9285714em;
          flex: 0 8.9285714em;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
          order: 1;
  padding-right: 0.57142857em;
  padding-top: 0.50000000em;
}
.ruiForm__field > * {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
          order: 2;
}
.ruiForm__field--full-width > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.ruiForm__field--full-width > .ruiWithIcon > * {
  width: 100%;
}
.ruiForm__field__description {
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
          flex: 1 100%;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
          order: 4;
  font-size: 0.78571429em;
  line-height: 1em;
  padding-left: 12.727273em;
  padding-top: 0.27272727em;
  color: #767676;
}
.ruiForm__field--with-error {
  padding-bottom: 0.14285714em;
}
.ruiForm__field__error-message {
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
          flex: 1 100%;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
          order: 3;
  font-size: 0.78571429em;
  line-height: 1em;
  padding-left: 12.727273em;
  padding-top: 0.27272727em;
  color: #ff4d4d;
  display: none;
}
.ruiForm__field--with-error .ruiForm__field__error-message {
  display: block;
}
.ruiForm--vertical .ruiLabel {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
          flex: 0 100%;
  padding: 0;
  text-align: left;
  color: #767676;
  font-size: 0.85714286em;
  margin-bottom: 0.25000000em;
}
.ruiForm--vertical .ruiForm__field__error-message {
  padding-left: 0.63636364em;
}
.ruiForm--vertical .ruiForm__field__description {
  padding-left: 0.63636364em;
}
.ruiLozengeGroup {
  list-style: none;
  padding: 0;
  white-space: nowrap;
  zoom: 1;
}
.ruiLozengeGroup:before,
.ruiLozengeGroup:after {
  content: "";
  display: table;
}
.ruiLozengeGroup:after {
  clear: both;
}
.ruiLozengeGroup__item {
  float: left;
  margin-right: 0.28571429em;
  margin-top: 0.28571429em;
}
.ruiLozengeGroup__item:last-of-type {
  margin-right: 0;
}
.ruiLozenge {
  font-size: 0.78571429em;
  background-color: #e6e6e6;
  color: #4b4b4b;
  padding: 0 0.36363636em;
  border-radius: 0.27272727em;
  display: inline-block;
  line-height: 1.8181818em;
  background: #4b4b4b;
  color: white;
  line-height: 1.6363636em;
  border: 0.090909091em solid;
  border-color: transparent;
  font-weight: 600;
}
.ruiLozenge--subtle {
  background: #e6e6e6;
  color: #373737;
}
.ruiLozenge--yellow {
  background: #cc7400;
}
.ruiLozenge--subtle.ruiLozenge--yellow {
  background: #fff3ca;
  color: #cc7400;
}
.ruiLozenge--red {
  background: #ff4d4d;
}
.ruiLozenge--subtle.ruiLozenge--red {
  background: #ff9d9d;
  color: #940000;
}
.ruiLozenge--green {
  background: #119e78;
}
.ruiLozenge--subtle.ruiLozenge--green {
  background: #b4efe3;
  color: #00614f;
}
.ruiLozenge--blue {
  background: #1862d0;
}
.ruiLozenge--subtle.ruiLozenge--blue {
  background: #c8deff;
  color: #002b90;
}
.ruiLozenge--orange {
  background: #ff611e;
}
.ruiLozenge--subtle.ruiLozenge--orange {
  background: #ffe7af;
  color: #b33600;
}
.ruiLozenge--purple {
  background: #7c58c3;
}
.ruiLozenge--subtle.ruiLozenge--purple {
  background: #eae4f5;
  color: #592f9b;
}
.ruiLozenge--brown {
  background: #98684a;
}
.ruiLozenge--subtle.ruiLozenge--brown {
  background: #f5d5c0;
  color: #98684a;
}
.ruiLozenge--grey {
  background: #4b4b4b;
}
.ruiLozenge--subtle.ruiLozenge--grey {
  background: #e6e6e6;
  color: #373737;
}
.ruiTagGroup {
  list-style: none;
  padding: 0;
  white-space: nowrap;
  zoom: 1;
}
.ruiTagGroup:before,
.ruiTagGroup:after {
  content: "";
  display: table;
}
.ruiTagGroup:after {
  clear: both;
}
.ruiTagGroup__item {
  float: left;
  margin-right: 0.28571429em;
  margin-top: 0.28571429em;
}
.ruiTag {
  font-size: 0.78571429em;
  background-color: #e6e6e6;
  color: #4b4b4b;
  padding: 0 0.36363636em;
  border-radius: 0.27272727em;
  display: inline-block;
  line-height: 1.8181818em;
}
.ruiTag__icon {
  margin-right: 0.36363636em;
}
.ruiTag.ruiTag--truncatable {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.ruiTag--truncatable .ruiTag__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 9.2727273em;
}
.ruiSelect {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: normal !important;
}
.ruiSelect--time-picker {
  width: 4.5714286em;
}
.ruiSelect__control {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 0.35714286em;
  color: #222222;
  font-size: 1em !important;
  padding: 0.57142857em;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 0.35714286em;
  padding-bottom: 0.35714286em;
}
.ruiSelect__control--is-disabled {
  background-color: #F7F7F7;
  color: #c5c3c8;
  cursor: not-allowed;
}
.ruiSelect__control--is-focused {
  -webkit-box-shadow: inset 0 0 0 1px #4782da !important;
          box-shadow: inset 0 0 0 1px #4782da !important;
  border: 1px solid #4782da;
  -webkit-box-shadow: inset 0 0 0 2px border !important;
          box-shadow: inset 0 0 0 2px border !important;
  outline: none;
}
.ruiSelect__value-container {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 1.6428571em;
  overflow-x: hidden;
}
.ruiSelect__value-container--is-multi {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
}
.ruiSelect__placeholder {
  color: #C7C7C7;
  position: absolute;
  top: 49%;
  -webkit-transform: translateY(-49%);
       -o-transform: translateY(-49%);
          transform: translateY(-49%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ruiSelect__input {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.ruiSelect__input > input {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background: 0 center;
  width: 100%;
  border: 0;
  font-size: inherit;
  opacity: 1;
  outline: 0;
  padding: 0;
  color: inherit;
}
.ruiSelect__multi-value {
  margin-right: 0.21428571em;
  margin-top: 0.10714286em;
  margin-bottom: 0.10714286em;
}
.ruiSelect__indicators {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-align-self: stretch;
          align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 0.35714286em;
  margin-top: 0.071428571em;
}
.ruiSelect__indicators__clear {
  margin-right: 0.35714286em;
}
.ruiSelect__menu {
  z-index: 3500;
}
.ruiForm__field--with-error .ruiSelect__control {
  border-color: #ff4d4d;
}
.ruiTable {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.ruiTable__row__col,
.ruiTable__row__col-fixed {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
  color: #767676;
  padding: 8px 16px;
  text-align: left;
  vertical-align: top;
}
.ruiTable__row__col .ruiTable__row--disabled,
.ruiTable__row--disabled .ruiTable__row__col-fixed {
  background-color: #f7f7f7;
}
.ruiTable__row--disabled td > div:first-child {
  opacity: 0.6;
}
.ruiTable__row__cell--menu {
  padding: 0 8px 0 4px;
  width: 23px;
  position: -webkit-sticky;
  position: sticky;
  vertical-align: middle;
  right: 0;
}
.ruiTable__row__col-fixed {
  overflow-y: visible;
  width: 8.5714286em;
  max-width: 8.5714286em;
  min-width: 8.5714286em;
  color: #222222;
  background-color: #ffffff;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  top: auto;
}
.ruiTable__row--with-menu:hover,
.ruiTable__row--menu-active {
  background-color: #f7f7f7;
}
.ruiTable__row--with-menu:hover .ruiTable__row__col-fixed,
.ruiTable__row--menu-active .ruiTable__row__col-fixed {
  background-color: #f7f7f7;
}
.msie.edge .ruiTable__row__col-fixed {
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
}
.ruiTable__row_col__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.ruiTable__row_col__label {
  padding-left: 6px;
}
.ruiTable__row_col-fixed__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ruiTable__row__col-fixed--first {
  border-left: 1px solid #e6e6e6;
}
.ruiTable__row__col-fixed--last {
  border-right: 1px solid #e6e6e6;
}
.ruiTable__row--header .ruiTable__row__col,
.ruiTable__row--header .ruiTable__row__col-fixed {
  font-size: 0.85714286em;
  background-color: #f7f7f7;
  color: #4b4b4b;
  font-weight: bold;
  vertical-align: middle;
  padding: 8px 16px;
}
.ruiTable__row--header .ruiTable__row__col {
  position: relative;
}
.ruiTable__row--header .ruiTable__row__col-fixed--select,
.ruiTable__row__col-fixed--select {
  width: 3.9285714em;
  max-width: 3.9285714em;
  min-width: 3.9285714em;
  font-size: 1em;
}
.ruiTableWithFixedCols {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow-x: auto;
  overflow-y: visible;
}
.ruiTableWithFixedCols .ruiTable {
  border-left: none;
}
.ruiTableWithFixedCols .ruiTable__row__col {
  white-space: nowrap;
}
.ruiTable__row--header .ruiTable__row__col--sorted-desc,
.ruiTable__row--header .ruiTable__row__col--sorted-asc,
.ruiTable__row--header .ruiTable__row__col--sortable:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.ruiTable__row__col--sortable:hover::before,
.ruiTable__row__col--sorted-desc::before,
.ruiTable__row__col--sorted-asc::before {
  font-family: "riada-icons" !important;
  cursor: pointer;
  margin-left: 0.21428571em;
  position: absolute;
  top: 0.71428571em;
  left: 0;
}
.ruiTable__row__col--sortable:hover::before {
  content: "\e93f";
}
.ruiTable__row__col--sorted-desc::before {
  content: "\e93c";
}
.ruiTable__row__col--sorted-asc::before {
  content: "\e93f";
}
.ruiWithIcon {
  display: inline-block;
  position: relative;
}
.ruiWithIcon [class^="rIcon-"],
.ruiWithIcon [class*=" rIcon-"] {
  font-size: 1em;
  line-height: 1em;
  height: 1em;
  width: 1em;
  color: #767676;
  fill: #767676;
  position: absolute;
  left: 0.64285714em;
  top: 50%;
  -webkit-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ruiWithIcon--inverted [class^="rIcon-"],
.ruiWithIcon--inverted [class*=" rIcon-"] {
  left: auto;
  right: 0.5em;
}
.ruiWithIcon .ruiTextInput {
  padding-left: 2.0000000em;
}
.ruiWithIcon--inverted .ruiTextInput {
  padding-left: 0.50000000em;
  padding-right: 2.0000000em;
}
.ruiPanel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0.14285714em 0.42857143em 0 rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
          box-shadow: 0 0.14285714em 0.42857143em 0 rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
  border-radius: 0.28571429em;
}
.ruiPanel__header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  border-bottom: 1px solid #e6e6e6;
  border-top-left-radius: 0.28571429em;
  border-top-right-radius: 0.28571429em;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0.85714286em 1.1428571em;
}
.ruiPanel__header__titles {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.ruiPanel__header__titles__main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
          flex: 1 100%;
  color: #4b4b4b;
  font-size: 1.1428571em;
  margin: 0;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
          order: 2;
}
.ruiPanel__header__titles__sub {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #767676;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
          flex: 1 100%;
  font-size: 0.85714286em;
  font-weight: bold;
  margin: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
          order: 1;
}
.ruiPanel__header__actions {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.ruiPanel__body {
  background-color: #f7f7f7;
  border-bottom-left-radius: 0.28571429em;
  border-bottom-right-radius: 0.28571429em;
  padding: 1.0714286em 1.2142857em;
}
.ruiPanel--dashboard .ruiPanel__header {
  border-bottom: 0;
  border-top: 8px solid #7c58c3;
}
.ruiPanel--dashboard .ruiPanel__body {
  background-color: white;
}
.ruiPanel--dashboard .ruiPanel__header__actions {
  visibility: hidden;
}
.ruiPanel--dashboard .ruiPanel__header:hover .ruiPanel__header__actions,
.ruiPanel--dashboard .ruiPanel__header--is-hovered .ruiPanel__header__actions {
  visibility: visible;
}
.ruiPanel--dashboard .ruiPanel__header:hover,
.ruiPanel--dashboard .ruiPanel__header--is-hovered {
  background-color: #f7f7f7;
}
.ruiBreadcrumbs {
  zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ruiBreadcrumbs:before,
.ruiBreadcrumbs:after {
  content: "";
  display: table;
}
.ruiBreadcrumbs:after {
  clear: both;
}
.ruiBreadcrumbs__item {
  color: #767676;
  display: block;
  float: left;
  margin-right: 0.3em;
}
.ruiBreadcrumbs__item em {
  font-style: normal;
  font-weight: bold;
}
.ruiBreadcrumbs__item::after {
  content: " / ";
}
.ruiBreadcrumbs__item--current::after {
  content: "";
}
.ruiBreadcrumbs__item__link {
  color: #3173d6;
  text-decoration: none;
}
.ruiBreadcrumbs__item__link:hover {
  color: #3173d6;
  text-decoration: none;
}
.ruiPage {
  height: 100vh;
  width: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.ruiPagination {
  font-size: 0.85714286em;
  line-height: 1.3333333em;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
}
.ruiPagination__page {
  margin-right: 0.16666667em;
  display: block;
}
.ruiPagination__page:last-of-type {
  margin-right: 0;
}
.ruiPagination__page--previous {
  padding-right: 0.0000000em;
}
.ruiPagination__page--next {
  padding-left: 0.0000000em;
}
.ruiPagination .ruiButton {
  padding: 0.16666667em 0.33333333em;
  border-radius: 0.25000000em;
  line-height: 1.0833333em;
}
.ruiProgressIndicator {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.ruiProgressIndicator:after {
  content: "";
  height: 0.54545455em;
  background: #f0f1f1;
  border-radius: 0.54545455em;
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
}
.ruiProgressIndicator__step {
  border: 0;
  background: 0;
  margin: 0;
  font-size: 0.78571429em;
  color: #767676;
  -webkit-flex-basis: 100%;
          flex-basis: 100%;
  text-align: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
  position: relative;
  padding: 1.2727273em 0;
}
.ruiProgressIndicator__step:after {
  -webkit-transition: all 50ms;
  -o-transition: all 50ms;
  transition: all 50ms;
}
.ruiProgressIndicator__step:focus {
  outline: none;
}
.ruiProgressIndicator__step--passed,
.ruiProgressIndicator__step--current {
  color: #000;
}
.ruiProgressIndicator__step--current {
  font-weight: bold;
}
.ruiProgressIndicator__step--passed:before,
.ruiProgressIndicator__step--current:before {
  content: "";
  height: 0.54545455em;
  background: #f0f1f1;
  border-radius: 0.54545455em;
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  background: #0052cc;
  border-radius: 0;
  z-index: 2;
}
.ruiProgressIndicator__step:first-child.ruiProgressIndicator__step--passed:before,
.ruiProgressIndicator__step:first-child.ruiProgressIndicator__step--current:before {
  border-top-left-radius: 0.54545455em;
  border-bottom-left-radius: 0.54545455em;
}
.ruiProgressIndicator__step:last-child.ruiProgressIndicator__step--passed:before,
.ruiProgressIndicator__step:last-child.ruiProgressIndicator__step--current:before {
  border-top-right-radius: 0.54545455em;
  border-bottom-right-radius: 0.54545455em;
}
.ruiProgressIndicator__step:not(:last-child).ruiProgressIndicator__step--current:before {
  width: 50%;
}
.ruiProgressIndicator__step:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 0.90909091em;
  width: 0.90909091em;
  border: 0.090909091em solid #c7c7c7;
  background-color: #ffffff;
  bottom: -0.18181818em;
  left: calc(50% - 5px);
  z-index: 3;
}
.ruiProgressIndicator__step--passed:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 0.90909091em;
  width: 0.90909091em;
  border: 0;
  background-color: #0052cc;
  bottom: -0.18181818em;
  left: calc(50% - 5px);
  z-index: 3;
}
.ruiProgressIndicator__step--current:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.18181818em solid #0052cc;
  background-color: #ffffff;
  z-index: 3;
}
.ruiProgressIndicator__step:hover {
  cursor: pointer;
  font-weight: bold;
}
.ruiProgressIndicator__step.ruiProgressIndicator__step--current:hover {
  cursor: default;
}
.ruiProgressIndicator__step:disabled:hover {
  cursor: default;
  font-weight: normal;
}
.ruiProgressIndicator__step.ruiProgressIndicator__step--current:disabled:hover {
  font-weight: bold;
}
.ruiProgressIndicator__step--current:after,
.ruiProgressIndicator__step:not(:disabled):hover:after {
  height: 1.2727273em;
  width: 1.2727273em;
  bottom: -0.36363636em;
  left: calc(50% - 7px);
}
.ruiDialog--wizard .ruiProgressIndicator__step:before {
  border-radius: 0 !important;
}
.ruiProgressIndicator--vertical {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding-left: 0.35714286em;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step {
  border-left: 0.42857143em #f0f1f1 solid;
  font-size: 1.0000000em;
  text-align: left;
  padding-top: 1.2857143em;
  padding-bottom: 0;
  padding-right: 0.71428571em;
  padding-left: 0.71428571em;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step:last-child {
  padding-bottom: 0.57142857em;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 0.71428571em;
  width: 0.71428571em;
  border: 0.071428571em solid #c7c7c7;
  background-color: #ffffff;
  bottom: 0.21428571em;
  left: -0.57142857em;
  z-index: 3;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step:last-child:before {
  bottom: 0.78571429em;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step--passed {
  border-left: 0.42857143em #0052cc solid;
  padding-top: 0.57142857em;
  padding-right: 0.71428571em;
  padding-bottom: 0.71428571em;
  padding-left: 0.71428571em;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step--current {
  border-left: 0.42857143em #0052cc solid;
  padding-top: 0.57142857em;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step--passed:before {
  border: 0.14285714em solid #0052cc;
  bottom: 0.92857143em;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step--current:before {
  border: 0.14285714em solid #0052cc;
  height: 1.0000000em;
  width: 1.0000000em;
  bottom: 0;
  left: -0.71428571em;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step:not(:last-child).ruiProgressIndicator__step--current:before {
  width: 1.0000000em;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step:first-child.ruiProgressIndicator__step--passed:before,
.ruiProgressIndicator--vertical .ruiProgressIndicator__step:first-child.ruiProgressIndicator__step--current:before {
  border-radius: 50%;
}
.ruiProgressIndicator--vertical:after,
.ruiProgressIndicator--vertical .ruiProgressIndicator__step:after,
.ruiProgressIndicator--vertical .ruiProgressIndicator__step--current:after {
  display: none;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step:first-child:after,
.ruiProgressIndicator--vertical .ruiProgressIndicator__step:first-child:hover:after {
  display: block;
  width: 0.42857143em;
  height: 0.42857143em;
  background-color: #0052cc;
  left: -0.42857143em;
  top: -0.071428571em;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step:last-child:after,
.ruiProgressIndicator--vertical .ruiProgressIndicator__step:last-child:hover:after {
  display: block;
  width: 0.42857143em;
  height: 0.42857143em;
  background-color: #f0f1f1;
  border: 0.071428571em solid #f0f1f1;
  left: -0.42857143em;
  bottom: -0.071428571em;
}
.ruiProgressIndicator--vertical .ruiProgressIndicator__step--current:last-child:after,
.ruiProgressIndicator--vertical .ruiProgressIndicator__step--current:last-child:hover:after {
  background-color: #0052cc;
  border: 0.071428571em solid #0052cc;
}
@-webkit-keyframes ruiSpinner-animation-keyframes-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-o-keyframes ruiSpinner-animation-keyframes-rotate {
  from {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes ruiSpinner-animation-keyframes-rotate {
  from {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ruiSpinner {
  width: 4.5714286em;
  height: 4.5714286em;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation-name: ruiSpinner-animation-keyframes-rotate;
       -o-animation-name: ruiSpinner-animation-keyframes-rotate;
          animation-name: ruiSpinner-animation-keyframes-rotate;
  -webkit-animation-duration: 0.86s;
       -o-animation-duration: 0.86s;
          animation-duration: 0.86s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.15, 0.6, 0.85);
       -o-animation-timing-function: cubic-bezier(0.4, 0.15, 0.6, 0.85);
          animation-timing-function: cubic-bezier(0.4, 0.15, 0.6, 0.85);
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background-image: url(data:image/svg+xml;base64,ICAgICAgICAgICAgPHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiM5MDkwOTAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTMyLDY0IEMzMC4wMzYzMjA5LDY0IDI4LjQ0NDQ0NDQsNjIuNDA4MTIzNiAyOC40NDQ0NDQ0LDYwLjQ0NDQ0NDQgQzI4LjQ0NDQ0NDQsNTguNDgwNzY1MyAzMC4wMzYzMjA5LDU2Ljg4ODg4ODkgMzIsNTYuODg4ODg4OSBDNDUuNzQ1NzUzOCw1Ni44ODg4ODg5IDU2Ljg4ODg4ODksNDUuNzQ1NzUzOCA1Ni44ODg4ODg5LDMyIEM1Ni44ODg4ODg5LDE4LjI1NDI0NjIgNDUuNzQ1NzUzOCw3LjExMTExMTExIDMyLDcuMTExMTExMTEgQzE4LjI1NDI0NjIsNy4xMTExMTExMSA3LjExMTExMTExLDE4LjI1NDI0NjIgNy4xMTExMTExMSwzMiBDNy4xMTExMTExMSwzNS4yODIyODg2IDcuNzQ0ODgwMTcsMzguNDcwMzA0MyA4Ljk2MTM0MTM4LDQxLjQzNjYxMDkgQzkuNzA2NDEzOTMsNDMuMjUzNDQ5NSA4LjgzNzU3NTg4LDQ1LjMzMDI4ODkgNy4wMjA3MzcyNyw0Ni4wNzUzNjE0IEM1LjIwMzg5ODY2LDQ2LjgyMDQzNCAzLjEyNzA1OTMyLDQ1Ljk1MTU5NTkgMi4zODE5ODY3Niw0NC4xMzQ3NTczIEMwLjgxNTg5ODI2Myw0MC4zMTU4OTQzIDAsMzYuMjExNzIzNSAwLDMyIEMwLDE0LjMyNjg4OCAxNC4zMjY4ODgsMCAzMiwwIEM0OS42NzMxMTIsMCA2NCwxNC4zMjY4ODggNjQsMzIgQzY0LDQ5LjY3MzExMiA0OS42NzMxMTIsNjQgMzIsNjQgWiI+PC9wYXRoPiAgICAgICAgICAgIDwvc3ZnPg==);
}
.ruiSpinner--small {
  width: 1.1428571em;
  height: 1.1428571em;
}
.ruiSpinner--medium {
  width: 2.2857143em;
  height: 2.2857143em;
}
.ruiSpinner--large {
  width: 4.5714286em;
  height: 4.5714286em;
}
.ruiStatusMessage {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 1.4285714em;
}
.ruiStatusMessage--border-message {
  width: 35.714286em;
  height: 12.142857em;
  border: 0.14285714em solid #e6e6e6;
  border-radius: 0.28571429em;
}
.ruiStatusMessage__message {
  font-size: 1.2857143em;
  color: #767676;
  display: inline-block;
  padding: 0.57142857em 0 0;
}
.ruiStatusMessage__image {
  margin-right: 1.4285714em;
  margin-left: 1.4285714em;
}
.ruiStatusMessage__message .ruiLink {
  padding: 0.57142857em 0 0;
  display: inline-block;
}
.ruiSwitch {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-left: 3.2857143em;
  line-height: 1.4285714em;
  vertical-align: middle;
  color: #767676;
  display: inline-block;
}
/* Hide the browser's default switch */
.ruiSwitch__input {
  left: -99999px;
  position: absolute;
  opacity: 0;
}
/* Create a custom switch */
.ruiSwitch__toggle {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.4285714em;
  width: 2.8571429em;
  border-radius: 1.4285714em;
  background-color: #c7c7c7;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
/* */
.ruiSwitch--inverted-label {
  padding-left: 0;
  padding-right: 3.2857143em;
}
.ruiSwitch--inverted-label .ruiSwitch__toggle {
  left: initial;
  right: 0;
}
/* */
/* When the switch is focused and active */
.ruiSwitch__input:focus ~ .ruiSwitch__toggle,
.ruiSwitch__input:active ~ .ruiSwitch__toggle {
  -webkit-box-shadow: inset 0 0 0 2px #4782da !important;
          box-shadow: inset 0 0 0 2px #4782da !important;
  outline: none;
}
/* When the switch is disabled */
.ruiSwitch__input:disabled ~ .ruiSwitch__toggle {
  cursor: not-allowed;
  opacity: 0.7;
}
.ruiSwitch__input:disabled ~ .ruiSwitch__label {
  cursor: not-allowed;
}
.ruiSwitch__input:disabled ~ .ruiSwitch__toggle:after {
  opacity: 0.7;
}
/* When the switch is checked */
.ruiSwitch__input:checked ~ .ruiSwitch__toggle {
  background-color: #0052cc;
}
/* When the switch is checked but disabled,
   modify the outer layer
 */
.ruiSwitch__input:disabled:checked ~ .ruiSwitch__toggle {
  opacity: 0.7;
}
/* When the switch is checked but disabled,
   modify the inner layer
 */
.ruiSwitch__input:disabled:checked ~ .ruiSwitch__toggle:after {
  opacity: 0.7;
}
/* Different labels depending on switch state */
.ruiSwitch__label--on {
  display: none;
}
.ruiSwitch__input:checked ~ .ruiSwitch__label--on {
  display: inline-block;
}
.ruiSwitch__input:checked ~ .ruiSwitch__label--off {
  display: none;
}
/* The toggle itself, not visible by default */
.ruiSwitch__toggle:after {
  content: "";
  position: absolute;
  left: 0;
  width: 1.1428571em;
  height: 1.1428571em;
  margin: 0.14285714em;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: left 0.15s;
  -o-transition: left 0.15s;
  transition: left 0.15s;
}
.ruiSwitch__input:checked ~ .ruiSwitch__toggle:after {
  left: 1.4285714em;
}
.ruiPopover {
  -webkit-box-shadow: 0 0.28571429em 0.57142857em -0.14285714em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
          box-shadow: 0 0.28571429em 0.57142857em -0.14285714em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
  background-color: white;
  padding: 0.57142857em;
  border-radius: 0.21428571em;
  margin: 0.28571429em 0 0.28571429em 0;
  z-index: 3500;
}
.ruiPopoverTrigger {
  display: inline-block;
}
.ruiPopover--color-picker {
  width: 10.000000em;
}
.ruiRadioButtonGroup .ruiRadioButton {
  display: block;
  margin-top: 0.57142857em;
}
/* General radioButton segment */
.ruiRadioButton {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-left: 1.4285714em;
  color: #767676;
  font-size: 0.85714286em;
}
/* Hide the browser's default radioButton */
.ruiRadioButton__input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
/* Create a custom radioButton */
.ruiRadioButton__mark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.0000000em;
  width: 1.0000000em;
  border: 0.083333333em solid #e6e6e6;
  border-radius: 50%;
  background-color: #ffffff;
}
/* When the user hovers over the radioButton */
.ruiRadioButton:hover .ruiRadioButton__mark {
  background-color: #f7f7f7;
}
.ruiRadioButton [class^="rIcon-"] {
  margin-right: 0.28571429em;
}
/* When the radioButton is focused */
.ruiRadioButton__input:focus ~ .ruiRadioButton__mark,
.ruiRadioButton__input:focus + .ruiRadioButton__mark {
  -webkit-box-shadow: inset 0 0 0 1px #4782da !important;
          box-shadow: inset 0 0 0 1px #4782da !important;
  border: 1px solid #4782da;
  -webkit-box-shadow: inset 0 0 0 2px border !important;
          box-shadow: inset 0 0 0 2px border !important;
  outline: none;
}
/* When the radioButton is disabled */
.ruiRadioButton__input:disabled ~ .ruiRadioButton__mark {
  cursor: not-allowed;
  background-color: #f7f7f7;
  border-color: #e6e6e6;
}
/* When the radioButton is checked */
.ruiRadioButton__input:checked ~ .ruiRadioButton__mark {
  background-color: #0052cc;
  border-color: #0052cc;
}
/* When the radioButton is checked but disabled,
   modify the outer layer
*/
.ruiRadioButton__input:disabled:checked ~ .ruiRadioButton__mark {
  background-color: #f7f7f7;
  border: 1px solid rgba(9, 30, 66, 0.1);
}
/* When the checkbox is checked but disabled,
   modify the inner layer
 */
.ruiRadioButton__input:disabled:checked ~ .ruiRadioButton__mark:after {
  background-color: #c7c7c7;
}
/* The radioButton dot, not visible by default */
.ruiRadioButton__mark:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: white;
  display: none;
}
/* Show the radioButton dot when checked */
.ruiRadioButton__input:checked ~ .ruiRadioButton__mark:after {
  display: block;
}
/* TODO: Check with Nithaya
.ruiForm__field--with-error .ruiRadioButton {
  color: @error_message_color;
}
*/
.ruiForm__field--with-error .ruiRadioButton__mark {
  border-color: #ff4d4d;
}
.ruiCalendar {
  -webkit-box-shadow: 0 0.28571429em 0.57142857em -0.14285714em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
          box-shadow: 0 0.28571429em 0.57142857em -0.14285714em rgba(9, 30, 66, 0.25), 0 0 0.071428571em rgba(9, 30, 66, 0.31);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 16.714286em;
  width: 19.571429em;
  border-radius: 0.21428571em;
  background-color: #ffffff;
  padding: 1.1428571em;
}
.ruiCalendar--is-picker {
  -webkit-box-shadow: 0 0 0.0000000em 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0.0000000em 0 rgba(0, 0, 0, 0);
  border: 0;
  padding: 0.57142857em;
  height: 16.285714em;
}
.ruiCalendar__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 2.0000000em;
  margin-bottom: 0.57142857em;
}
.ruiCalendar__header__title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  color: #2f2c5b;
  font-family: Arial;
  font-size: 0.85714286em;
  font-weight: bold;
  line-height: 1.0000000em;
}
.ruiCalendar__header__month_selector,
.ruiCalendar__header__year_selector {
  display: inline-block;
}
.ruiCalendar__header__year_selector {
  width: 4.0000000em;
}
.ruiCalendar__header__month_selector {
  min-width: 6.7142857em;
}
.ruiCalendar__header__title__month,
.ruiCalendar__header__title__year {
  padding: 0.28571429em 0.42857143em;
  border-radius: 0.14285714em;
}
.ruiCalendar__header__month_selector {
  margin-right: 0.42857143em;
}
.ruiCalendar__header__year_selector .ruiSelect__control,
.ruiCalendar__header__month_selector .ruiSelect__control {
  padding-top: 0.14285714em;
  padding-bottom: 0.14285714em;
}
.ruiCalendar__header__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  width: 80%;
}
.ruiCalendar__header__actions--secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  width: 20%;
  padding-right: 0.21428571em;
}
.ruiCalendar__header__action [class*="rIcon-"] {
  color: #767676;
  font-size: 0.9em;
}
.ruiCalendar__header__action [class*="rIcon-calendar-today"] {
  font-size: 1.2em;
}
.ruiCalendar__header__action {
  border-radius: 0.21428571em;
  height: 2.1428571em;
  width: 2.1428571em;
  border: none;
  padding: 0;
  background-color: transparent;
  font-size: 10px;
  color: #4B4B4B;
  position: relative;
  margin-right: 2px;
}
.ruiCalendar__header__action:hover,
.ruiCalendar__header__action--is-hovered,
.ruiCalendar__header__title__month:hover,
.ruiCalendar__header__title__year:hover {
  background-color: #e6e6e6;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.ruiCalendar__header__action:focus,
.ruiCalendar__header__action:active {
  -webkit-box-shadow: inset 0 0 0 2px #4782da !important;
          box-shadow: inset 0 0 0 2px #4782da !important;
  outline: none;
}
.ruiCalendar__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.ruiCalendar__content__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-basis: 14.28%;
          flex-basis: 14.28%;
  height: 1.8571429em;
  width: 2.3571429em;
  color: #2f2c5b;
  border-radius: 0.21428571em;
  border: 0;
  font-size: 1em;
  line-height: 1em;
  background-color: transparent;
  cursor: pointer;
}
.ruiCalendar__content__item:hover:not([disabled]):not(.ruiCalendar__content__item--is-selected):not(.ruiCalendar__content__item--is-header),
.ruiCalendar__content__item--is-hovered {
  background-color: #e6e6e6;
}
.ruiCalendar__content__item:focus,
.ruiCalendar__content__item:active {
  -webkit-box-shadow: inset 0 0 0 2px #4782da !important;
          box-shadow: inset 0 0 0 2px #4782da !important;
  outline: none;
}
.ruiCalendar__content__item--is-header {
  color: #3173d6;
  font-family: Arial;
  font-size: 0.71428571em;
  letter-spacing: 0.025714286em;
  cursor: default;
}
.ruiCalendar__content__item[disabled] {
  color: #c7c7c7;
  cursor: default;
}
.ruiCalendar__content__item--is-selected {
  color: #ffffff;
  background-color: #0052cc;
  cursor: default;
}
.ruiCalendar__content__item--is-today {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  font-weight: bold;
}
.ruiCalendar__content__item--is-today::after {
  height: 0.35714286em;
  width: 0.35714286em;
  background-color: #0052cc;
  border-radius: 50%;
  position: absolute;
  margin-top: 0.71428571em;
  content: "";
}
.ruiCalendar__content__item--is-selected.ruiCalendar__content__item--is-today:after {
  background-color: #ffffff;
}
.ruiProcessing {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding-bottom: 75px;
}
.ruiProcessing__animation {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 60px;
  height: 60px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateX(45deg) rotate(45deg);
          transform: rotateX(45deg) rotate(45deg);
}
.ruiProcessing__animation__box {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #8877FA;
  -webkit-box-shadow: 75px 75px 20px #c7c7c7;
          box-shadow: 75px 75px 20px #c7c7c7;
  -webkit-animation: moveBoxes 2s ease-in-out infinite both;
       -o-animation: moveBoxes 2s ease-in-out infinite both;
          animation: moveBoxes 2s ease-in-out infinite both;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.ruiProcessing__animation__box:nth-child(1) {
  -webkit-animation-delay: -1s;
       -o-animation-delay: -1s;
          animation-delay: -1s;
}
.ruiProcessing__animation__box:nth-child(2) {
  -webkit-animation-delay: -2s;
       -o-animation-delay: -2s;
          animation-delay: -2s;
}
.ruiProcessing__animation__box:before,
.ruiProcessing__animation__box:after {
  display: block;
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
}
.ruiProcessing__animation__box:before {
  top: 100%;
  left: 0;
  background: #3737AF;
  -webkit-transform-origin: center top;
       -o-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}
.ruiProcessing__animation__box:after {
  top: 0;
  left: 100%;
  background: #1A1A97;
  -webkit-transform-origin: center left;
       -o-transform-origin: center left;
          transform-origin: center left;
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
}
.ruiProcessing__animation__box--alt {
  background: #9FF1E9;
}
.ruiProcessing__animation__box--alt:before {
  background: #21BCAD;
}
.ruiProcessing__animation__box--alt:after {
  background: #189D90;
}
@-webkit-keyframes moveBoxes {
  0%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
  12.5% {
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  25% {
    -webkit-transform: translate(40px, 0);
            transform: translate(40px, 0);
  }
  37.5% {
    -webkit-transform: translate(40px, 20px);
            transform: translate(40px, 20px);
  }
  50% {
    -webkit-transform: translate(40px, 40px);
            transform: translate(40px, 40px);
  }
  62.5% {
    -webkit-transform: translate(20px, 40px);
            transform: translate(20px, 40px);
  }
  75% {
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
  87.5% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
@-o-keyframes moveBoxes {
  0%,
  100% {
    -o-transform: none;
       transform: none;
  }
  12.5% {
    -o-transform: translate(20px, 0);
       transform: translate(20px, 0);
  }
  25% {
    -o-transform: translate(40px, 0);
       transform: translate(40px, 0);
  }
  37.5% {
    -o-transform: translate(40px, 20px);
       transform: translate(40px, 20px);
  }
  50% {
    -o-transform: translate(40px, 40px);
       transform: translate(40px, 40px);
  }
  62.5% {
    -o-transform: translate(20px, 40px);
       transform: translate(20px, 40px);
  }
  75% {
    -o-transform: translate(0, 40px);
       transform: translate(0, 40px);
  }
  87.5% {
    -o-transform: translate(0, 20px);
       transform: translate(0, 20px);
  }
}
@keyframes moveBoxes {
  0%,
  100% {
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
  12.5% {
    -webkit-transform: translate(20px, 0);
         -o-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  25% {
    -webkit-transform: translate(40px, 0);
         -o-transform: translate(40px, 0);
            transform: translate(40px, 0);
  }
  37.5% {
    -webkit-transform: translate(40px, 20px);
         -o-transform: translate(40px, 20px);
            transform: translate(40px, 20px);
  }
  50% {
    -webkit-transform: translate(40px, 40px);
         -o-transform: translate(40px, 40px);
            transform: translate(40px, 40px);
  }
  62.5% {
    -webkit-transform: translate(20px, 40px);
         -o-transform: translate(20px, 40px);
            transform: translate(20px, 40px);
  }
  75% {
    -webkit-transform: translate(0, 40px);
         -o-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
  87.5% {
    -webkit-transform: translate(0, 20px);
         -o-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
.ruiProgressBar {
  height: 0.42857143em;
  width: 100%;
  background-color: #f0f1f1;
  border-radius: 0.18000000em;
  overflow: hidden;
  position: relative;
}
.ruiProgressBar__progress {
  height: 0.42857143em;
  width: 0%;
  background-color: #0052cc;
  border-top-left-radius: 0.18000000em;
  border-bottom-left-radius: 0.18000000em;
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.ruiProgressBar__progress--indeterminate {
  background-color: #0052cc;
  border-radius: 0.18000000em;
}
.ruiProgressBar__progress--indeterminate:before {
  content: '';
  position: absolute;
  height: 0.42857143em;
  background-color: #0052cc;
  border-radius: 0.18000000em;
  -webkit-animation: indeterminate 2s infinite;
       -o-animation: indeterminate 2s infinite;
          animation: indeterminate 2s infinite;
}
.ruiProgressBar__progress--indeterminate:after {
  content: '';
  position: absolute;
  height: 0.42857143em;
  background-color: #0052cc;
  border-radius: 0.18000000em;
  -webkit-animation: indeterminate-short 2s 0.5s infinite;
       -o-animation: indeterminate-short 2s 0.5s infinite;
          animation: indeterminate-short 2s 0.5s infinite;
}
@-webkit-keyframes indeterminate {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@-o-keyframes indeterminate {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@keyframes indeterminate {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@-webkit-keyframes indeterminate-short {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}
@-o-keyframes indeterminate-short {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}
@keyframes indeterminate-short {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}
.ruiProject {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.ruiProject::before {
  content: "";
}
.ruiProject__name {
  font-style: normal;
}
.ruiUser {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.ruiUser::before {
  content: "";
}
.ruiUser__name {
  font-style: normal;
}
.ruiDateTimePicker {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.ruiDateTimePicker__date {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.ruiDateTimePicker__date .ruiTextInput {
  width: 100%;
}
.ruiDatePicker {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.ruiDatePicker .ruiButton {
  position: absolute;
  top: 1em;
  right: 2.3333333em;
  left: auto;
  color: #4b4b4b;
}
.ruiDateTimePicker__time {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-left: 0.21428571em;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
          flex-grow: 0;
  text-transform: lowercase;
}
.ruiDateTimePicker__time--with-meridiem .ruiButton {
  height: 2.5000000em;
  padding: 0 0 0 8px;
  border-radius: 0 0.21428571em 0.21428571em 0;
  border: 1px solid #e6e6e6;
  border-left: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  min-width: 4.2857143em;
}
.ruiDateTimePicker__time--with-meridiem .ruiButton:focus {
  margin: 0.14285714em 0;
  height: 2.2142857em;
  border: none;
}
.ruiDateTimePicker__time--with-meridiem .ruiSelect--time-picker {
  border-radius: 0.21428571em 0 0 0.21428571em;
  width: 4.5714286em;
}
.ruiObjectLabel {
  display: inline-block;
}
.ruiObjectLabel::before {
  content: "";
}
.ruiObjectLabel__name {
  font-style: normal;
}
.ruiObjectLabel__img {
  position: relative;
  top: 0.14285714em;
  width: 1.1428571em;
  height: 1.1428571em;
  margin-right: 0.42857143em;
  font-size: 1em;
}
.ruiObjectType {
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.ruiObjectType::before {
  content: "";
}
.ruiObjectType__name {
  font-style: normal;
}
.ruiObjectType__img {
  position: relative;
  width: 1.1428571em;
  height: 1.1428571em;
  margin-right: 0.42857143em;
  font-size: 1em;
}
.ruiLayout {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ruiLayout__section {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  padding-top: 2.2142857em;
  padding-bottom: 2.2142857em;
}
.ruiLayout__section--primary {
  overflow-y: auto;
  padding-left: 2.1428571em;
  padding-right: 2.1428571em;
}
.ruiLayout__section--secondary {
  padding-left: 1.1428571em;
  padding-right: 1.1428571em;
}
.ruiLayout__section--full {
  padding: 0;
}
.ruiLayout__section--secondary h2 {
  text-transform: uppercase;
  color: #767676;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 1.5000000em;
  margin-top: 0;
}
.ruiLayout--twocols {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
}
.ruiLayout--twocols .ruiLayout__section--primary {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
          order: 2;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
}
.ruiLayout--twocols .ruiLayout__section--secondary {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
          order: 1;
  width: 17.142857em;
  max-width: 17.142857em;
  min-width: 17.142857em;
  border-right: 1px solid #e6e6e6;
}
.ruiLayout__section__separator {
  background-color: transparent;
  height: 1px;
  margin: 1.1428571em 0;
  border: none;
  border-top: 1px solid #e6e6e6;
}
.ruiCollapsable {
  position: relative;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.ruiCollapsable__trigger {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 1em;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 2600;
}
.ruiCollapsable__content {
  white-space: nowrap;
}
.ruiCollapsable__trigger i[class^="rIcon-"],
.ruiCollapsable__trigger i[class*=" rIcon-"] {
  color: #c7c7c7;
}
.ruiCollapsable--is-collapsed {
  width: 0 !important;
  min-width: 0 !important;
}
.ruiCollapsable--is-collapsed .ruiCollapsable__content {
  overflow: hidden;
}
.ruiCollapsable--is-collapsed .ruiCollapsable__trigger {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 1.1428571em;
}
.ruiLayout__section--secondary .ruiCollapsable__trigger {
  right: 1.1428571em;
}
.ruiLayout__section--secondary.ruiCollapsable--is-collapsed .ruiCollapsable__trigger {
  right: 0.57142857em;
}
.ruiLayout__section .ruiCollapsable__trigger {
  color: #767676;
  top: 2.2142857em;
}
.ruiLayout__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 1.0714286em;
  height: 2.8571429em;
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 -1px 0 0 #cccccc;
          box-shadow: inset 0 -1px 0 0 #cccccc;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.ruiLayout__header__title {
  color: #222222;
  font-weight: 400;
  font-size: 1.7142857em;
  width: 60%;
}
.ruiLayout__header__actions {
  width: 40%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: right;
  -webkit-justify-content: right;
          justify-content: right;
}
.rlIqlEditor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
  width: 200px;
}
.rlIqlEditor__input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.rlIqlEditor__input__status {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "riada-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.28571429em;
  margin-left: 0.3em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rlIqlEditor__input__status:before {
  color: rgba(0, 0, 0, 0.2);
  content: "\e3fa";
}
.rlIqlEditor__suggestions {
  max-height: 350px;
  overflow: hidden;
  overflow-y: auto;
}
.rlIqlEditor__input .ruiTextInput {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 1.78571429em;
  width: 100%;
  max-width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  overflow: visible;
  resize: none;
}
.rlIqlEditor .ruiButton {
  padding: 0;
  width: 30px;
  min-width: 30px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #ecedf0;
  border-left: 1px solid #f1f2f4;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.rlIqlEditor .ruiButton:focus {
  -webkit-box-shadow: inset 0 0 0 1px #4782da !important;
          box-shadow: inset 0 0 0 1px #4782da !important;
  border: 1px solid #4782da;
  -webkit-box-shadow: inset 0 0 0 2px border !important;
          box-shadow: inset 0 0 0 2px border !important;
  outline: none;
}
.rlIqlEditor .ruiList--dropdown {
  display: none;
}
.rlIqlEditor--is-open .ruiList--dropdown {
  display: block;
  max-width: 350px;
}
.rlIqlEditor--is-valid .rlIqlEditor__input__status:before {
  color: rgba(0, 128, 0, 0.8);
  content: "\e86c";
}
.rlIqlEditor--has-error .rlIqlEditor__input__status:before {
  color: rgba(255, 0, 0, 0.8);
  content: "\e000";
}
.rlIqlEditor--has-error .ruiTextInput {
  border-color: rgba(255, 0, 0, 0.8);
}
.rlIqlEditor--has-error .ruiTextInput:focus {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 0, 0, 0.8) !important;
          box-shadow: inset 0 0 0 1px rgba(255, 0, 0, 0.8) !important;
  border: 1px solid rgba(255, 0, 0, 0.8);
  outline: none;
}
.rlIqlEditor--no-status-border .ruiTextInput {
  border-color: #E6E6E6;
}
.rlIqlEditor--no-status-border .ruiTextInput:focus {
  -webkit-box-shadow: inset 0 0 0 1px #4782da !important;
          box-shadow: inset 0 0 0 1px #4782da !important;
  border: 1px solid #4782da;
  outline: none;
}
.rlIqlEditor--no-status-icon .rlIqlEditor__input__status {
  display: none;
}
.rlIqlEditor--no-status-icon .rlIqlEditor__input .ruiTextInput {
  padding-left: 0.71428571em;
}
.rlIqlEditor__input {
  height: 2.3em;
}
.rlIqlEditor__input .ruiTextInput {
  height: 100%;
}