.ww-list-layout {
  margin-bottom: 20px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.ww-list-layout__item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.ww-list-layout__item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.ww-list-layout__item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ww-list-layout__item:hover,
.ww-list-layout__item:focus {
  color: #555;
  background-color: #f5f5f5;
}
.ww-list-layout__item.-disabled,
.ww-list-layout__item.-disabled:hover,
.ww-list-layout__item.-disabled:focus {
  color: #555;
  background-color: grey;
  cursor: not-allowed;
}
.ww-list-layout__item.-active,
.ww-list-layout__item.-active:hover,
.ww-list-layout__item.-active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.ww-horizontal-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  align-content: flex-start;
  justify-content: space-between;
}
.ww-horizontal-layout.-left {
  justify-content: flex-start;
}
.ww-horizontal-layout.-right {
  justify-content: flex-end;
}
.ww-panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.ww-panel.-default {
  border-color: #ddd;
}
.ww-panel.-default > .ww-panel__header {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.ww-panel.-primary {
  border-color: #337ab7;
}
.ww-panel.-primary > .ww-panel__header {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.ww-panel.-success {
  border-color: #d6e9c6;
}
.ww-panel.-success > .ww-panel__header {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.ww-panel.-info {
  border-color: #bce8f1;
}
.ww-panel.-info > .ww-panel__header {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.ww-panel.-warning {
  border-color: #faebcc;
}
.ww-panel.-warning > .ww-panel__header {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.ww-panel.-error {
  border-color: #ebccd1;
}
.ww-panel.-error > .ww-panel__header {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.ww-panel > .ww-panel__header {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.ww-panel > .ww-panel__body {
  padding: 15px;
}
.ww-panel > .ww-panel__body:before,
.ww-panel:after {
  content: ' ';
  display: table;
}
.ww-panel > .ww-panel__body:after {
  clear: both;
}
.ww-panel > .ww-panel__footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ww-panel > .ww-list-layout {
  margin-bottom: 0;
}
.ww-panel > .ww-list-layout .ww-list-layout__item {
  border-width: 1px 0;
  border-radius: 0;
}
.ww-panel > .ww-list-layout:first-child .ww-list-layout__item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ww-panel > .ww-list-layout:last-child .ww-list-layout__item:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ww-panel .ww-panel__header + .ww-list-layout .ww-list-layout__item:first-child {
  border-top-width: 0;
}
.ww-panel .ww-list-layout + .ww-panel__footer {
  border-top-width: 0;
}
.ww-panel > .ww-table-layout,
.ww-panel > .ww-table-window > .ww-table-layout {
  margin-bottom: 0;
}
.ww-panel > .ww-table-layout caption,
.ww-panel > .ww-table-window > .ww-table-layout caption {
  padding-right: 15px;
  padding-left: 15px;
}
.ww-panel > .ww-table-layout:first-child,
.ww-panel > .ww-table-window:first-child > .ww-table-layout:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ww-panel > .ww-table-layout:first-child > thead:first-child > tr:first-child,
.ww-panel > .ww-table-window:first-child > .ww-table-layout:first-child > thead:first-child > tr:first-child,
.ww-panel > .ww-table-layout:first-child > tbody:first-child > tr:first-child,
.ww-panel > .ww-table-window:first-child > .ww-table-layout:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ww-panel > .ww-table-layout:first-child > thead:first-child > tr:first-child td:first-child,
.ww-panel > .ww-table-window:first-child > .ww-table-layout:first-child > thead:first-child > tr:first-child td:first-child,
.ww-panel > .ww-table-layout:first-child > tbody:first-child > tr:first-child td:first-child,
.ww-panel > .ww-table-window:first-child > .ww-table-layout:first-child > tbody:first-child > tr:first-child td:first-child,
.ww-panel > .ww-table-layout:first-child > thead:first-child > tr:first-child th:first-child,
.ww-panel > .ww-table-window:first-child > .ww-table-layout:first-child > thead:first-child > tr:first-child th:first-child,
.ww-panel > .ww-table-layout:first-child > tbody:first-child > tr:first-child th:first-child,
.ww-panel > .ww-table-window:first-child > .ww-table-layout:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.ww-panel > .ww-table-layout:first-child > thead:first-child > tr:first-child td:last-child,
.ww-panel > .ww-table-window:first-child > .ww-table-layout:first-child > thead:first-child > tr:first-child td:last-child,
.ww-panel > .ww-table-layout:first-child > tbody:first-child > tr:first-child td:last-child,
.ww-panel > .ww-table-window:first-child > .ww-table-layout:first-child > tbody:first-child > tr:first-child td:last-child,
.ww-panel > .ww-table-layout:first-child > thead:first-child > tr:first-child th:last-child,
.ww-panel > .ww-table-window:first-child > .ww-table-layout:first-child > thead:first-child > tr:first-child th:last-child,
.ww-panel > .ww-table-layout:first-child > tbody:first-child > tr:first-child th:last-child,
.ww-panel > .ww-table-window:first-child > .ww-table-layout:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.ww-panel > .ww-table-layout:last-child,
.ww-panel > .ww-table-window:last-child > .ww-table-layout:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ww-panel > .ww-table-layout:last-child > tbody:last-child > tr:last-child,
.ww-panel > .ww-table-window:last-child > .ww-table-layout:last-child > tbody:last-child > tr:last-child,
.ww-panel > .ww-table-layout:last-child > tfoot:last-child > tr:last-child,
.ww-panel > .ww-table-window:last-child > .ww-table-layout:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ww-panel > .ww-table-layout:last-child > tbody:last-child > tr:last-child td:first-child,
.ww-panel > .ww-table-window:last-child > .ww-table-layout:last-child > tbody:last-child > tr:last-child td:first-child,
.ww-panel > .ww-table-layout:last-child > tfoot:last-child > tr:last-child td:first-child,
.ww-panel > .ww-table-window:last-child > .ww-table-layout:last-child > tfoot:last-child > tr:last-child td:first-child,
.ww-panel > .ww-table-layout:last-child > tbody:last-child > tr:last-child th:first-child,
.ww-panel > .ww-table-window:last-child > .ww-table-layout:last-child > tbody:last-child > tr:last-child th:first-child,
.ww-panel > .ww-table-layout:last-child > tfoot:last-child > tr:last-child th:first-child,
.ww-panel > .ww-table-window:last-child > .ww-table-layout:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.ww-panel > .ww-table-layout:last-child > tbody:last-child > tr:last-child td:last-child,
.ww-panel > .ww-table-window:last-child > .ww-table-layout:last-child > tbody:last-child > tr:last-child td:last-child,
.ww-panel > .ww-table-layout:last-child > tfoot:last-child > tr:last-child td:last-child,
.ww-panel > .ww-table-window:last-child > .ww-table-layout:last-child > tfoot:last-child > tr:last-child td:last-child,
.ww-panel > .ww-table-layout:last-child > tbody:last-child > tr:last-child th:last-child,
.ww-panel > .ww-table-window:last-child > .ww-table-layout:last-child > tbody:last-child > tr:last-child th:last-child,
.ww-panel > .ww-table-layout:last-child > tfoot:last-child > tr:last-child th:last-child,
.ww-panel > .ww-table-window:last-child > .ww-table-layout:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.ww-panel > ww-panel__body + .ww-table-layout,
.ww-panel > ww-panel__body + .ww-table-window,
.ww-panel > .ww-table-layout + ww-panel__body,
.ww-panel > .ww-table-window + ww-panel__body {
  border-top: 1px solid #ddd;
}
.ww-panel > .ww-table-layout > tbody:first-child > tr:first-child th,
.ww-panel > .ww-table-layout > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.ww-panel > .ww-table-layout.-bordered,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered {
  border: 0;
}
.ww-panel > .ww-table-layout.-bordered > thead > tr > th:first-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > thead > tr > th:first-child,
.ww-panel > .ww-table-layout.-bordered > tbody > tr > th:first-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tbody > tr > th:first-child,
.ww-panel > .ww-table-layout.-bordered > tfoot > tr > th:first-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tfoot > tr > th:first-child,
.ww-panel > .ww-table-layout.-bordered > thead > tr > td:first-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > thead > tr > td:first-child,
.ww-panel > .ww-table-layout.-bordered > tbody > tr > td:first-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tbody > tr > td:first-child,
.ww-panel > .ww-table-layout.-bordered > tfoot > tr > td:first-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.ww-panel > .ww-table-layout.-bordered > thead > tr > th:last-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > thead > tr > th:last-child,
.ww-panel > .ww-table-layout.-bordered > tbody > tr > th:last-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tbody > tr > th:last-child,
.ww-panel > .ww-table-layout.-bordered > tfoot > tr > th:last-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tfoot > tr > th:last-child,
.ww-panel > .ww-table-layout.-bordered > thead > tr > td:last-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > thead > tr > td:last-child,
.ww-panel > .ww-table-layout.-bordered > tbody > tr > td:last-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tbody > tr > td:last-child,
.ww-panel > .ww-table-layout.-bordered > tfoot > tr > td:last-child,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.ww-panel > .ww-table-layout.-bordered > thead > tr:first-child > td,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > thead > tr:first-child > td,
.ww-panel > .ww-table-layout.-bordered > tbody > tr:first-child > td,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tbody > tr:first-child > td,
.ww-panel > .ww-table-layout.-bordered > thead > tr:first-child > th,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > thead > tr:first-child > th,
.ww-panel > .ww-table-layout.-bordered > tbody > tr:first-child > th,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.ww-panel > .ww-table-layout.-bordered > tbody > tr:last-child > td,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tbody > tr:last-child > td,
.ww-panel > .ww-table-layout.-bordered > tfoot > tr:last-child > td,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tfoot > tr:last-child > td,
.ww-panel > .ww-table-layout.-bordered > tbody > tr:last-child > th,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tbody > tr:last-child > th,
.ww-panel > .ww-table-layout.-bordered > tfoot > tr:last-child > th,
.ww-panel > .ww-table-window > .ww-table-layout.-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.ww-panel > .ww-table-window {
  margin-bottom: 0;
  border: 0;
}
.ww-main-layout {
  width: auto;
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
  background-color: inherit;
  padding: 60px 0px;
}
.ww-tab-layout > .ww-tab-bar {
  margin-bottom: 1em;
}
.ww-callout {
  padding: 20px;
  margin: 20px 0px;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.ww-callout.-default {
  border-left-color: #ccc;
}
.ww-callout.-primary {
  border-left-color: #337ab7;
}
.ww-callout.-success {
  border-left-color: #5cb85c;
}
.ww-callout.-info {
  border-left-color: #5bc0de;
}
.ww-callout.-warning {
  border-left-color: #f0ad4e;
}
.ww-callout.-error {
  border-left-color: #d9534f;
}
.ww-drawer-layout {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: inherit;
  color: #333333;
}
.ww-drawer-layout > .ww-drawer {
  background-color: #1a1a1a;
}
.ww-drawer-layout > .ww-drawer-layout__content {
  height: 100%;
  overflow: auto;
}
.ww-meter {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ww-meter > .ww-meter__bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 0.9em;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #ccc;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.ww-well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.ww-well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.ww-well .ww-well.-small {
  padding: 9px;
  border-radius: 1px;
}
.ww-well .ww-well.-large {
  padding: 24px;
  border-radius: 2px;
}
.ww-table-layout {
  background: transparent;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
}
.ww-table-layout > caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
.ww-table-layout th {
  text-align: left;
}
.ww-table-layout > thead > tr > th,
.ww-table-layout > thead > tr > td,
.ww-table-layout > tbody > tr > th,
.ww-table-layout > tbody > tr > td,
.ww-table-layout > tfoot > tr > th,
.ww-table-layout > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.ww-table-layout > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.ww-table-layout > caption + thead > tr:first-child > th,
.ww-table-layout > caption + thead > tr:first-child > td,
.ww-table-layout > colgroup + thead > tr:first-child > th,
.ww-table-layout > colgroup + thead > tr:first-child > td,
.ww-table-layout > thead:first-child > tr:first-child > th,
.ww-table-layout > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.ww-table-layout > tbody + tbody {
  border-top: 2px solid #ddd;
}
.ww-table-layout.-compact > thead > tr > th,
.ww-table-layout.-compact > thead > tr > td,
.ww-table-layout.-compact > tbody > tr > th,
.ww-table-layout.-compact > tbody > tr > td,
.ww-table-layout.-compact > tfoot > tr > th,
.ww-table-layout.-compact > tfoot > tr > td {
  padding: 2px;
}
.ww-table-layout.-bordered {
  border: 1px solid #ddd;
}
.ww-table-layout.-bordered > thead > tr > th,
.ww-table-layout.-bordered > thead > tr > td .ww-table-layout.-bordered > tbody > tr > th,
.ww-table-layout.-bordered > tbody > tr > td,
.ww-table-layout.-bordered > tfoot > tr > th,
.ww-table-layout.-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.ww-table-layout.-bordered > thead > tr > th,
.ww-table-layout.-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.ww-table-layout.-alternate > tbody > tr:nth-of-type(odd) {
  background-color: #e3e3e3;
}
.ww-table-layout.-hoverable > tbody > tr:hover {
  color: #fff;
  background-color: #337ab7;
}
/**
 * ww-table-window restricts a table to the width of the viewport 
 * triggering scrolling
 */
.ww-table-window {
  overflow-x: auto;
  width: 100%;
  overflow-y: hidden;
  border: 1px solid #ddd;
}
.ww-table-window > .ww-table-layout {
  margin-bottom: 0;
}
.ww-table-window > .ww-table-layout > thead > tr > th,
.ww-table-window > .ww-table-layout > thead > tr > td,
.ww-table-window > .ww-table-layout > tbody > tr > th,
.ww-table-window > .ww-table-layout > tbody > tr > td,
.ww-table-window > .ww-table-layout > tfoot > tr > th,
.ww-table-window > .ww-table-layout > tfoot > tr > td {
  white-space: nowrap;
}
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered {
  border: 0;
}
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > thead > tr > th:first-child,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > thead > tr > td:first-child,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tbody > tr > th:first-child,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tbody > tr > td:first-child,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tfoot > tr > th:first-child,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > thead > tr > th:last-child,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > thead > tr > td:last-child,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tbody > tr > th:last-child,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tbody > tr > td:last-child,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tfoot > tr > th:last-child,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tfoot > tr > td:last-child {
  border-left: 0;
}
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tbody > tr:last-child > th,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tbody > tr:last-child > td,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tfoot > tr:last-child > th,
.ww-table-window > .ww-table-layout > .ww-table-layout.-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}
.ww-action-bar {
  width: 100%;
  height: auto;
  min-height: 0px;
  display: block;
  position: fixed;
  top: 0;
  z-index: 9998;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  background: #1a1a1a;
  border-bottom: none;
}
.ww-action-bar .ww-action-bar__content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0.5em 0.5em;
  /**
     * Set the line height of immediate content by default to 0.
     * 
     * Ideally an ActionBar should only have one row of content,
     * which means we have no need for line-heights.
     */
}
.ww-action-bar .ww-action-bar__content > * {
  line-height: 1.42857143;
}
.ww-action-bar :empty {
  padding: 0;
}
.ww-description-list {
  margin-top: 0;
  margin-bottom: 20px;
}
.ww-description-list > dt {
  line-height: 1.42857143;
  font-weight: bold;
}
.ww-description-list > dd {
  line-height: 1.42857143;
  margin-left: 0;
}
.ww-description-list.-horizontal > dd:before,
.ww-description-list.-horizontal > dd:after {
  content: ' ';
  display: table;
}
.ww-description-list.-horizontal > dd:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .ww-description-list.-horizontal > dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
  }
}
.ww-description-list.-horizontal > dd {
  margin-left: 180px;
}
/**
 * The wml-widgets non-flex based grid layout framework.
 * 
 * Based on the bootstrap framework.
 * TODO: bring styles here:
 * We intend to replace the col-md-* stuff with individual 
 * modifier classes in a scale like : -x1 -x2 -x3 -x4 -x5 -x6.
 *  
 * Each one of these will have style variables attached.
 */
.ww-grid-layout {
  padding: 0 1rem;
  margin: 0px auto;
  background-color: inherit;
  /**
   * Rows group columns together, ideally on the same line but overflows
   * are allowed.
   */
}
.ww-grid-layout:before,
.ww-grid-layout:after {
  content: ' ';
  display: table;
}
.ww-grid-layout:after {
  clear: both;
}
.ww-grid-layout .ww-grid-layout__row {
  padding: 0.5em 0px;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 0px;
  margin-bottom: 0px;
  /**
     * Style the columns within a row.
     *
     * Columns should always be within a row.
     */
}
.ww-grid-layout .ww-grid-layout__row:before,
.ww-grid-layout .ww-grid-layout__row:after {
  content: ' ';
  display: table;
}
.ww-grid-layout .ww-grid-layout__row:after {
  clear: both;
}
.ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column {
  min-height: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0px 0px;
  position: relative;
}
.ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column > .ww-grid-layout__row {
  margin-top: 0px;
}
@media screen and (min-width: 768px) {
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column {
    float: left;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span1 {
    width: 8.33333333%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span2 {
    width: 16.66666667%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span3 {
    width: 25%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span4 {
    width: 33.33333333%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span5 {
    width: 41.66666667%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span6 {
    width: 50%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span7 {
    width: 58.33333333%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span8 {
    width: 66.66666667%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span9 {
    width: 75%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span10 {
    width: 83.33333333%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span11 {
    width: 91.66666667%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-span12 {
    width: 100%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset1 {
    margin-left: 8.33333333%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset2 {
    margin-left: 16.66666667%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset3 {
    margin-left: 25%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset4 {
    margin-left: 33.33333333%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset5 {
    margin-left: 41.66666667%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset6 {
    margin-left: 50%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset7 {
    margin-left: 58.33333333%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset8 {
    margin-left: 66.66666667%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset9 {
    margin-left: 75%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset10 {
    margin-left: 83.33333333%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset11 {
    margin-left: 91.66666667%;
  }
  .ww-grid-layout .ww-grid-layout__row .ww-grid-layout__column.-offset12 {
    margin-left: 100%;
  }
}
/**
 * span generates modifier classes for column row span.
 *
 * @param {int} @step  - The current step.
 * @param {int} @total - The total number of columns.
 */
/**
 * offset generates a left margin offset for a step in the
 * offset scale.
 *
 * Uses a left-margin.
 * @param {int} @step - The offset step.
 * @parm  {int} @total - Total number of columns
 */
/** 
  Number of columns in the grid system.
*/
/**
 * Sets the padding used for the top and bottom of a grid-layout.
 */
/**
 * Sets the padding used for the left and right of a grid-layout
 */
/**
 * Sets the vertical margins between the grid layout and content above and below.
 */
/**
 * Sets the background color of grid-layouts.
 */
/**
 * Sets the padding used for the top and bottom of rows in a grid-layout.
 */
/**
 * Sets the padding used for the left and right of rows in a grid-layout.
 */
/**
 * Sets the vertical margins between rows in a grid-layout.
 */
/**
 * Sets the vertical margins between columns in a row.
 */
/**
 * Sets the horizontal margins between columns in a row.
 */
/**
 * Set the space at the top of a row nested in a column.
 */
.__BREADCRUMB__ {
  padding: 0px 0px;
  margin: 0.5em 0em;
  list-style: none;
  background-color: transparent;
  border-radius: 0.25rem;
}
.__BREADCRUMB__ > li {
  display: inline-block;
}
.__BREADCRUMB__ > li + li:before {
  content: '/\00a0';
  padding: 0 5px;
  color: #ccc;
}
.__BREADCRUMB__ > .-active {
  color: #777777;
}
.ww-menu-header {
  padding: 5px 8px;
  color: grey;
  font-weight: bolder;
  letter-spacing: 0.2em;
  margin: 0;
}
.ww-menu-divider {
  height: 1px;
  overflow: hidden;
  background-color: rgba(208, 215, 222, 0.48);
}
.ww-menu {
  min-width: 100%;
  max-height: calc 0vh;
  display: block;
  z-index: 2000;
  padding: 5px;
  margin: 0px;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.ww-menu > li {
  margin: 5px;
}
.ww-menu > li > a,
.ww-menu > li > .ww-link {
  display: block;
  padding: 5px 8px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}
.ww-menu > li > a:hover,
.ww-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: rgba(208, 215, 222, 0.32);
  border-radius: 4px;
}
.ww-menu > li > h1,
.ww-menu h2,
.ww-menu h3,
.ww-menu h4,
.ww-menu h5,
.ww-menu h6 {
  display: block;
  padding: 5px 8px;
  margin: 0;
  font-size: 12px;
  line-height: 1.42857143;
  color: #9d9d9d;
  white-space: nowrap;
}
.ww-menu.-ww-hidden {
  display: none !important;
}
.ww-menu > .-active > a,
.ww-menu > .-active > a:hover,
.ww-menu > .-active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.ww-menu > .-disabled > a,
.ww-menu > .-disabled > a:hover,
.ww-menu > .-disabled > a:focus {
  color: #777;
}
.ww-menu > .-disabled > a:hover,
.ww-menu > .-disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
}
.ww-menu > -right {
  left: auto;
}
.ww-nav-menu {
  list-style-type: none;
  padding: 0 0;
  margin: 0 0;
}
.ww-nav-menu > .ww-menu-item {
  float: left;
}
.ww-nav-menu > .ww-menu-item > .ww-menu-header {
  text-transform: capitalize;
}
.ww-nav-menu.-vertical > .ww-menu-item {
  float: none;
}
/*
  Nav styles for child Item widgets.
 */
.ww-nav-menu > .ww-menu-item {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.ww-nav-menu > .ww-menu-item > .ww-nav-menu {
  margin-left: 1em;
}
.ww-nav-menu > .ww-menu-item > a {
  padding: 0.3em 1em;
  display: block;
  color: inherit;
  text-decoration: inherit;
  text-transform: capitalize;
  font-weight: bolder;
  letter-spacing: 0.15em;
}
.ww-nav-menu > .ww-menu-item > a:hover {
  background-color: #31708f;
}
.ww-nav-menu > .ww-menu-item > a.-active {
  background-color: #31708f;
}
.ww-nav-menu > .ww-menu-item > a.__NO_HOVER__:hover,
.ww-nav-menu > .ww-menu-item > a.__NO_HOVER__.-active {
  background-color: inherit;
}
/**
 * Drawer styling.
 * 
 * Drawer's are fixed positioned to the left of the 
 * screen by default. Any component that is a sibling
 * of a Drawer SHOULD have a "& ~ .ww-drawer:not(.-ww-hidden)"
 * rule where the width is reduced by the @drawer-width.
 * 
 * This prevents content from scrolling or showing off-screen.
 */
.ww-drawer {
  width: 15em;
  height: 100%;
  position: fixed;
  display: block;
  color: #fff;
  border-right: 1px solid #343434;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  z-index: 9;
  background-color: #1a1a1a;
  transition: width 0.5s ease;
  /**
   * The inner area of the Drawer where content is placed. 
   * This is absolutely positioned so style it with the parent
   * in mind.
   */
  /**
   * Style layouts adjacent to the Drawer.
   * 
   * For each we set a transition effect. Do not forget
   * to create width rules for things like ActionBar, MainLayout etc!
   */
  /**
    Styles for the hidden state.
   */
}
.ww-drawer > .ww-drawer__content {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ww-drawer ~ .-layout {
  transition: all 0.5s ease;
  /**
     * For non-positioned siblings, attach a left-margin
     * equal to the drawer width so that they make way
     * for it.
     */
  /**
     * Positioned elements we use a left offset
     * to make way.
     */
}
.ww-drawer ~ .-layout:not(.-positioned) {
  margin-left: 15em;
}
.ww-drawer ~ .-layout.-positioned {
  left: 15em;
}
.ww-drawer.-ww-hidden {
  width: 0;
  /**
     * Remove the left margin on siblings that do not declare "positioned".
     */
  /**
     * Remove the left offset on siblings that are positioned.
     */
}
.ww-drawer.-ww-hidden ~ .-layout:not(.-positioned) {
  margin-left: 0;
}
.ww-drawer.-ww-hidden ~ .-layout.-positioned {
  left: 0;
}
.ww-date-field {
  margin-bottom: 0.5em;
  display: inline-block;
}
.ww-date-field > .ww-date-field__input {
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 100%;
  display: block;
}
.ww-date-field > .ww-date-field__input::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ww-date-field > .ww-date-field__input[disabled],
fieldset[disabled] .ww-date-field > .ww-date-field__input {
  cursor: not-allowed;
}
textarea.ww-date-field > .ww-date-field__input {
  height: auto;
}
.ww-date-field > .ww-date-field__input:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ww-date-field > .ww-date-field__input.-error {
  border-color: #d9534f;
}
.ww-date-field > .ww-date-field__input.-warning {
  border-color: #f0ad4e;
}
.ww-date-field > .ww-date-field__input.-success {
  border-color: #5cb85c;
}
.ww-date-field.-error {
  color: #d9534f;
}
.ww-date-field.-error input {
  border-color: #d9534f;
  color: #d9534f;
}
.ww-date-field.-warning {
  color: #f0ad4e;
}
.ww-date-field.-warning input {
  border-color: #f0ad4e;
  color: #f0ad4e;
}
.ww-date-field.-success {
  color: #5cb85c;
}
.ww-date-field.-success input {
  border-color: #5cb85c;
  color: #5cb85c;
}
.ww-date-field.-block {
  display: block;
  width: 100%;
}
/**
 * ww-text-input styling.
 */
.ww-text-input {
  /* Firefox */
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 12em;
}
.ww-text-input::-webkit-outer-spin-button,
.ww-text-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ww-text-input[type='number'] {
  -moz-appearance: textfield;
}
.ww-text-input::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ww-text-input[disabled],
fieldset[disabled] .ww-text-input {
  cursor: not-allowed;
}
textarea.ww-text-input {
  height: auto;
}
.ww-text-input:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ww-text-input.-error {
  border-color: #d9534f;
}
.ww-text-input.-warning {
  border-color: #f0ad4e;
}
.ww-text-input.-success {
  border-color: #5cb85c;
}
.ww-text-input.-extra-small {
  width: 3em;
}
.ww-text-input.-small {
  width: 5em;
}
.ww-text-input.-medium {
  width: 12em;
}
.ww-text-input.-large {
  width: 28em;
}
.ww-text-input.-extra-large {
  width: 40em;
}
.ww-text-input.-block,
.-block > .ww-text-input {
  display: block;
  width: 100%;
}
.ww-text-input.-block + .ww-text-input.-block,
.ww-text-input.-block + .-block > .ww-text-input,
.-block > .ww-text-input + .ww-text-input.-block,
.-block > .ww-text-input + .-block > .ww-text-input {
  margin-top: 0.5em;
}
/* 
textInputDim styles the dimendefines the sizing of a button.
@w        - Width
@pv       - Vertical padding.
@ph       - Horizontal padding.
@font     - Font size.
@lh       - Line height.
@br       - Border radius.
*/
.ww-results-menu {
  min-width: 16em;
  max-height: 18em;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
}
.ww-results-menu.-block {
  width: 100%;
}
/**
 * Styles for ww-button-group.
 *
 * We want to adjust any buttons in the group to appear to fit snuggly next
 * to each other.
 *
 * There are three types of child classes we expect here:
 * 1. ww-button               - regular buttons
 * 2. ww-button-group__button - any element that wants to be treated like 
 *                               ww-button.
 * 3. ww-button-group-compat  - any element that contains buttons. 
 */
.ww-button-group {
  /**
   * Attempts to hide extra borders when these elements are next to each other.
   */
  /**
   * Attempts to remove border radius from buttons not on the ends.
   */
  /**
   * Remove the right radius of the first elements.
   */
  /**
   * Remove the left radius for first elements.
   */
}
.ww-button-group,
.ww-button-group.-vertical {
  position: relative;
  display: inline-flex;
  /**
     * Make all top level elements float to the left of the group.
     */
  /**
     * Make all buttons and button like things share the same radius.
     */
}
.ww-button-group > .ww-button,
.ww-button-group.-vertical > .ww-button,
.ww-button-group > .ww-button-group__button,
.ww-button-group.-vertical > .ww-button-group__button,
.ww-button-group > .ww-button-group-compat,
.ww-button-group.-vertical > .ww-button-group-compat,
.ww-button-group > .ww-link.ww-button,
.ww-button-group.-vertical > .ww-link.ww-button {
  position: relative;
  float: left;
}
.ww-button-group > .ww-button,
.ww-button-group.-vertical > .ww-button,
.ww-button-group > .ww-button-group__button,
.ww-button-group.-vertical > .ww-button-group__button,
.ww-button-group > .ww-button-group-compat .ww-button,
.ww-button-group.-vertical > .ww-button-group-compat .ww-button,
.ww-button-group > .ww-button-group-compat .ww-button-group__button,
.ww-button-group.-vertical > .ww-button-group-compat .ww-button-group__button,
.ww-button-group > .ww-link.ww-button,
.ww-button-group.-vertical > .ww-link.ww-button,
.ww-button-group > .ww-button-group-compat .ww-link.ww-button,
.ww-button-group.-vertical > .ww-button-group-compat .ww-link.ww-button {
  float: left;
}
.ww-button-group .ww-button + .ww-button,
.ww-button-group .ww-button + .ww-button-group__button,
.ww-button-group .ww-button + .ww-button-group-compat,
.ww-button-group .ww-button-group__button + .ww-button,
.ww-button-group .ww-button-group__button + .ww-button-group__button,
.ww-button-group .ww-button-group__button + .ww-button-group-compat,
.ww-button-group .ww-button-group-compat + .ww-button,
.ww-button-group .ww-button-group-compat + .ww-button-group__button,
.ww-button-group .ww-button-group-compat + .ww-button-group-compat,
.ww-button-group .ww-link.ww-button + .ww-link.ww-button,
.ww-button-group .ww-link.ww-button + .ww-button-group__button,
.ww-button-group .ww-link.ww-button + .ww-button-group-compat,
.ww-button-group .ww-button-group__button + .ww-link.ww-button,
.ww-button-group .ww-button-group-compat + .ww-link.ww-button {
  margin-left: -1px;
}
.ww-button-group > .ww-button:not(:first-child):not(:last-child),
.ww-button-group > .ww-button-group__button:not(:first-child):not(:last-child),
.ww-button-group > .ww-link.ww-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ww-button-group > .ww-button-group-compat:not(:first-child):not(:last-child) .ww-button,
.ww-button-group > .ww-button-group-compat:not(:first-child):not(:last-child) .ww-button-group__button,
.ww-button-group > .ww-button-group-compat:not(:first-child):not(:last-child) .ww-link.ww-button {
  border-radius: 0;
}
.ww-button-group > .ww-button:first-child,
.ww-button-group > .ww-button-group__button:first-child,
.ww-button-group > .ww-button-group-compat:first-child .ww-button,
.ww-button-group > .ww-button-group-compat:first-child .ww-button-group__button,
.ww-button-group > .ww-link.ww-button:first-child,
.ww-button-group > .ww-button-group-compat:first-child .ww-link.ww-button {
  margin-left: 0;
}
.ww-button-group > .ww-button:first-child:not(:last-child),
.ww-button-group > .ww-button-group__button:first-child:not(:last-child),
.ww-button-group > .ww-button-group-compat:first-child .ww-button:not(:last-child),
.ww-button-group > .ww-button-group-compat:first-child .ww-button-group__button:not(:last-child),
.ww-button-group > .ww-link.ww-button:first-child:not(:last-child),
.ww-button-group > .ww-button-group-compat:first-child .ww-link.ww-button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ww-button-group > .ww-button:last-child:not(:first-child),
.ww-button-group > .ww-button-group__button:last-child:not(:first-child),
.ww-button-group > .ww-button-group-compat:last-child:not(:first-child) .ww-button,
.ww-button-group > .ww-button-group-compat:last-child:not(:first-child) .ww-button-group__button,
.ww-button-group > .ww-link.ww-button:last-child:not(:first-child),
.ww-button-group > .ww-button-group-compat:last-child:not(:first-child) .ww-link.ww-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ww-dropdown {
  position: relative;
}
.ww-dropdown.ww--inline {
  display: inline-block;
}
.ww-dropdown > .ww-dropdown-facade {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ww-dropdown > .ww-menu {
  margin-top: 0.5em;
}
.ww-multi-select {
  display: inline-block;
  position: relative;
  width: 30em;
}
.ww-multi-select.-disabled {
  cursor: not-allowed;
}
.ww-multi-select > .ww-multi-select__content {
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ww-multi-select > .ww-multi-select__content::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ww-multi-select > .ww-multi-select__content[disabled],
fieldset[disabled] .ww-multi-select > .ww-multi-select__content {
  cursor: not-allowed;
}
textarea.ww-multi-select > .ww-multi-select__content {
  height: auto;
}
.ww-multi-select > .ww-multi-select__content:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ww-multi-select > .ww-multi-select__content.-error {
  border-color: #d9534f;
}
.ww-multi-select > .ww-multi-select__content.-warning {
  border-color: #f0ad4e;
}
.ww-multi-select > .ww-multi-select__content.-success {
  border-color: #5cb85c;
}
.ww-multi-select > .ww-multi-select__content::after {
  content: '';
  clear: both;
  display: table;
}
.ww-multi-select > .ww-multi-select__content > .ww-multi-select__input,
.ww-multi-select > .ww-multi-select__content > .ww-tag-control {
  margin: 0 0.3em 0.3em 0;
}
.ww-multi-select > .ww-multi-select__content > .ww-multi-select__input {
  width: 50px;
  border: none;
  background: transparent;
  outline: none;
}
.ww-multi-select.-block {
  width: 100%;
  display: block;
}
.ww-multi-select.-active > .ww-multi-select__content {
  border-color: #66afe9;
}
.ww-multi-select.-error > .ww-multi-select__content {
  color: #d9534f;
  border-color: #d9534f;
}
.ww-multi-select.-warning > .ww-multi-select__content {
  color: #f0ad4e;
  border-color: #f0ad4e;
}
.ww-multi-select.-success > .ww-multi-select__content {
  color: #5cb85c;
  border-color: #5cb85c;
}
.ww-multi-select > .ww-label,
.ww-multi-select > .ww-help {
  display: inline-block;
}
.ww-paginator {
  display: inline-block;
  padding-left: 0;
  margin: 0px 0px;
  border-radius: 4px;
}
.ww-paginator > li {
  display: inline-block;
}
.ww-paginator > li > a,
.ww-paginator > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  background-color: #fff;
  text-decoration: none;
  margin-left: -1px;
  border: 1px solid #ddd;
}
.ww-paginator > li > a {
  color: #000;
  margin-left: -1px;
}
.ww-paginator > li > a:hover,
.ww-paginator > li > a:focus {
  z-index: 2;
  color: #22527b;
  background-color: #eee;
  border-color: #ddd;
}
.ww-paginator > li > .-disabled {
  color: #ddddec;
  cursor: not-allowed;
}
.ww-paginator > li.ww-paginator__first > a:after,
.ww-paginator > li.ww-paginator__first > span:after {
  content: '|\25C0';
}
.ww-paginator > li.ww-paginator__previous > a:after,
.ww-paginator > li.ww-paginator__previous > span:after {
  content: '\25C0';
}
.ww-paginator > li.ww-paginator__position {
  color: inherit;
  /**
       * Re-style TextInput to fit in with the paginatior buttons.
       */
}
.ww-paginator > li.ww-paginator__position input {
  display: inline-block;
  width: 2em;
  height: auto;
  text-align: center;
  line-height: 0.4;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: unset;
}
.ww-paginator > li.ww-paginator__next > a:after,
.ww-paginator > li.ww-paginator__next > span:after {
  content: '\25B6';
}
.ww-paginator > li.ww-paginator__last > a:after,
.ww-paginator > li.ww-paginator__last > span:after {
  content: '\25B6|';
}
.ww-paginator:first-child > a,
.ww-paginator:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ww-paginator:last-child > a,
.ww-paginator:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ww-paginator > .active > a,
.ww-paginator > .active > a:hover,
.ww-paginator > .active > a:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.ww-paginator > .disabled > span,
.ww-paginator > .disabled > a,
.ww-paginator > .disabled > a:hover,
.ww-paginator > .disabled > a:focus {
  color: #ddddec;
  background-color: #fff;
  border-color: #b9b9b9;
  cursor: not-allowed;
}
.ww-typeahead {
  margin-bottom: 0.5em;
  display: inline-block;
}
.ww-typeahead.-error {
  color: #d9534f;
}
.ww-typeahead.-error input {
  border-color: #d9534f;
  color: #d9534f;
}
.ww-typeahead.-warning {
  color: #f0ad4e;
}
.ww-typeahead.-warning input {
  border-color: #f0ad4e;
  color: #f0ad4e;
}
.ww-typeahead.-success {
  color: #5cb85c;
}
.ww-typeahead.-success input {
  border-color: #5cb85c;
  color: #5cb85c;
}
.ww-typeahead > .ww-label,
.ww-typeahead > .ww-help {
  display: block;
}
.ww-typeahead > .ww-menu {
  position: absolute;
}
.ww-typeahead.-block {
  display: block;
  width: 100%;
}
.ww-typeahead.-block + .ww-typeahead.-block {
  margin-top: 0.5em;
}
.ww-text-facade {
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  display: block;
  width: 100%;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.ww-text-facade::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ww-text-facade[disabled],
fieldset[disabled] .ww-text-facade {
  cursor: not-allowed;
}
textarea.ww-text-facade {
  height: auto;
}
.ww-text-facade:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ww-text-facade.-error {
  border-color: #d9534f;
}
.ww-text-facade.-warning {
  border-color: #f0ad4e;
}
.ww-text-facade.-success {
  border-color: #5cb85c;
}
.ww-control-wrapper.-success .ww-text-facade,
.ww-text-facade.-success {
  border-color: #5cb85c;
  color: #5cb85c;
}
.ww-control-wrapper.-warning .ww-text-facade,
.ww-text-facade.-warning {
  border-color: #f0ad4e;
  color: #f0ad4e;
}
.ww-control-wrapper.-error .ww-text-facade,
.ww-text-facade.-error {
  border-color: #d9534f;
  color: #d9534f;
}
.ww-pager > ul {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
  overflow: auto;
}
.ww-pager > ul:after {
  content: '';
  clear: both;
  display: table;
}
.ww-pager > ul > li {
  display: inline;
}
.ww-pager > ul > li > .ww-link {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.ww-pager > ul > li > .ww-link:not(.-ww-disabled):hover,
.ww-pager > ul > li > .ww-link:not(.-ww-disabled):focus {
  background-color: #eee;
}
.ww-pager > ul > .ww-pager__first > .ww-link {
  float: left;
}
.ww-pager > ul > .ww-pager__next > .ww-link {
  float: right;
}
.ww-tab {
  float: left;
  margin-bottom: -1px;
  position: relative;
  display: block;
}
.ww-tab > a {
  display: block;
  padding: 15px 10px;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.ww-tab > a:hover {
  border-color: #eee #eee #ddd;
}
.ww-tab.-active > a,
.ww-tab.-active > a:hover,
.ww-tab.-active:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.ww-tab-bar {
  margin-bottom: 0;
  padding-left: 0;
  border-bottom: 1px solid #ddd;
}
.ww-tab-bar:before,
.ww-tab-bar:after {
  content: ' ';
  display: table;
}
.ww-tab-bar:after {
  clear: both;
}
.ww-tab-bar.-justified {
  width: 100%;
}
.ww-tab-bar.-justified > li {
  display: table-cell;
  width: 1%;
  float: none;
}
@media screen and (min-width: 768px) {
  .ww-tab-bar.-justified > li {
    display: block;
    width: auto;
  }
}
.ww-tab-bar.-justified > li > a {
  margin-bottom: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ww-tab-bar.-justified > li > a {
    margin-bottom: 5px;
  }
}
.ww-ranged-pager > ul > li.ww-pager__first > .ww-link {
  float: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ww-ranged-pager > ul > li.ww-pager__first + li > .ww-link {
  border-left: none;
}
.ww-ranged-pager > ul > li.ww-ranged-pager__page {
  display: none;
}
@media screen and (min-width: 768px) {
  .ww-ranged-pager > ul > li.ww-ranged-pager__page {
    display: inline;
  }
}
.ww-ranged-pager > ul > li.ww-ranged-pager__page > .ww-link {
  border-radius: 0;
}
.ww-ranged-pager > ul > li.ww-ranged-pager__page.-active > .ww-link {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.ww-ranged-pager > ul > li.ww-pager__next > .ww-link {
  float: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.ww-message {
  margin: 0.2rem 0;
}
.ww-search {
  display: inline-block;
  position: relative;
}
.ww-search > input {
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.ww-search > input::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ww-search > input[disabled],
fieldset[disabled] .ww-search > input {
  cursor: not-allowed;
}
textarea.ww-search > input {
  height: auto;
}
.ww-search > input:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ww-search > input.-error {
  border-color: #d9534f;
}
.ww-search > input.-warning {
  border-color: #f0ad4e;
}
.ww-search > input.-success {
  border-color: #5cb85c;
}
.ww-search > input[readonly] {
  background-color: #fff;
}
.ww-search > .ww-menu {
  position: absolute;
}
.ww-search.-block {
  display: block;
}
.ww-search.-block + .ww-search.-block {
  margin-top: 0.5em;
}
.ww-search.-block > input {
  width: 100%;
}
.ww-search.-block > .ww-menu {
  width: 100%;
}
/**
 * Styles for <InputGroup> and related widgets.
 */
.ww-input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.ww-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ww-input-group > .ww-text-input {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.ww-input-group > .ww-text-input:focus {
  z-index: 3;
}
.ww-input-group > .ww-text-input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ww-input-group > .ww-text-input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ww-input-group > .ww-input-group__addon {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  color: #555;
  text-align: center;
  background-color: #eaeaea;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: table-cell;
}
.ww-input-group > .ww-input-group__addon:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ww-input-group > .ww-input-group__addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ww-input-group > .ww-input-group__addon:first-child {
  border-right: 0;
}
.ww-input-group > .ww-input-group__addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.ww-input-group > .ww-input-group__addon.-extra-small {
  width: 3em;
}
.ww-input-group > .ww-input-group__addon.-small {
  width: 5em;
}
.ww-input-group > .ww-input-group__addon.-medium {
  width: 12em;
}
.ww-input-group > .ww-input-group__addon.-large {
  width: 28em;
}
.ww-input-group > .ww-input-group__addon.-extra-large {
  width: 40em;
}
.ww-input-group > .ww-input-group__addon input[type='radio'],
.ww-input-group > .ww-input-group__addon input[type='checkbox'] {
  margin-top: 0;
}
.ww-input-group > .ww-input-group__button-addon {
  position: relative;
  font-size: 0;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
}
.ww-input-group > .ww-input-group__button-addon:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-button,
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-button-group > .ww-button,
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-menu-button > .ww-button,
.ww-input-group > .ww-input-group__button-addon:first-child > .__DROP_LIST__,
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-button:not(:last-child):not(.ww-menu-button),
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-button:not(:last-child):not(.__DROP_LIST__),
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-button-group:not(:last-child) > .ww-button,
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-link.ww-button,
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-button-group > .ww-link.ww-button,
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-menu-button > .ww-link.ww-button,
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-link.ww-button:not(:last-child):not(.ww-menu-button),
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-link.ww-button:not(:last-child):not(.__DROP_LIST__),
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-button-group:not(:last-child) > .ww-link.ww-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-button,
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-button-group > .ww-button,
.ww-input-group > .ww-input-group__button-addon:last-child > .__DROP_DOWN__,
.ww-input-group > .ww-input-group__button-addon:last-child > .__DROP_LIST__,
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-button:not(:first-child),
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-button-group:not(:first-child) > .ww-button,
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-link.ww-button,
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-button-group > .ww-link.ww-button,
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-link.ww-button:not(:first-child),
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-button-group:not(:first-child) > .ww-link.ww-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ww-input-group > .ww-input-group__button-addon:first-child > .__DROP_DOWN__,
.ww-input-group > .ww-input-group__button-addon:last-child > .__DROP_LIST__ {
  margin-right: -2px;
}
.ww-input-group > .ww-input-group__button-addon:last-child > .__DROP_DOWN__,
.ww-input-group > .ww-input-group__button-addon:last-child > .__DROP_LIST__ {
  margin-left: -2px;
}
.ww-input-group > .ww-input-group__button-addon:last-child {
  border-left: 0;
}
.ww-input-group > .ww-input-group__button-addon > .ww-button,
.ww-input-group > .ww-input-group__button-addon > .ww-link.ww-button {
  position: relative;
}
.ww-input-group > .ww-input-group__button-addon > .ww-button + .ww-button,
.ww-input-group > .ww-input-group__button-addon > .ww-link.ww-button + .ww-link.ww-button {
  margin-left: -1px;
}
.ww-input-group > .ww-input-group__button-addon > .ww-button:hover,
.ww-input-group > .ww-input-group__button-addon > .ww-button:focus,
.ww-input-group > .ww-input-group__button-addon > .ww-button:active,
.ww-input-group > .ww-input-group__button-addon > .ww-link.ww-button:hover,
.ww-input-group > .ww-input-group__button-addon > .ww-link.ww-button:focus,
.ww-input-group > .ww-input-group__button-addon > .ww-link.ww-button:active {
  z-index: 2;
}
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-button,
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-button-group,
.ww-input-group > .ww-input-group__button-addon:first-child > .ww-link.ww-button {
  margin-right: -1px;
}
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-button,
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-button-group,
.ww-input-group > .ww-input-group__button-addon:last-child > .ww-link.ww-button {
  z-index: 2;
  margin-left: -1px;
}
.ww-input-group .ww-text-input {
  height: auto;
  display: table-cell;
}
.ww-input-group .ww-text-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ww-text-field {
  margin-bottom: 0.5em;
}
.ww-text-field.-error {
  color: #d9534f;
}
.ww-text-field.-error input {
  border-color: #d9534f;
  color: #d9534f;
}
.ww-text-field.-warning {
  color: #f0ad4e;
}
.ww-text-field.-warning input {
  border-color: #f0ad4e;
  color: #f0ad4e;
}
.ww-text-field.-success {
  color: #5cb85c;
}
.ww-text-field.-success input {
  border-color: #5cb85c;
  color: #5cb85c;
}
/**
 * Changes the border and text color of text fields to the color specified.
 */
.ww-switch {
  width: 4em;
  height: 2em;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.ww-switch > input {
  display: none;
}
.ww-switch > .ww-switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border: 1px solid #ccc;
  border-radius: 1em;
  transition-duration: 0.4s;
}
.ww-switch > .ww-switch__slider:before {
  width: 40%;
  height: 80%;
  top: 10%;
  left: 10%;
  position: absolute;
  content: '';
  background-color: #fff;
  transition-duration: 0.4s;
  border: 1px solid #1a1a1a;
  border-radius: 50%;
}
.ww-switch > input:checked + .ww-switch__slider {
  background-color: #2196f3;
}
.ww-switch > input:checked + .ww-switch__slider:before {
  left: 50%;
}
.ww-select {
  margin-bottom: 0.5em;
  display: inline-block;
}
.ww-select.-error {
  color: #d9534f;
}
.ww-select.-error input {
  border-color: #d9534f;
  color: #d9534f;
}
.ww-select.-warning {
  color: #f0ad4e;
}
.ww-select.-warning input {
  border-color: #f0ad4e;
  color: #f0ad4e;
}
.ww-select.-success {
  color: #5cb85c;
}
.ww-select.-success input {
  border-color: #5cb85c;
  color: #5cb85c;
}
.ww-select > .ww-label,
.ww-select > .ww-help {
  display: block;
}
.ww-select.-block {
  display: block;
  width: 100%;
}
.ww-select.-block + .ww-select.-block {
  margin-top: 0.5em;
}
.ww-close-button {
  padding: 0;
  margin-left: auto;
  background-color: transparent;
  border: 0;
  font-weight: 700;
  float: right;
  line-height: 1;
}
.ww-file-uploader > .ww-file-uploader-content {
  margin: 0px 0px;
  border: 0.2rem dashed #c0c0c0;
  border-radius: 8px;
  text-align: center;
  position: relative;
  background: #fff;
  padding: 5rem;
}
.ww-file-uploader.-error > .ww-file-uploader-content {
  border-color: #d9534f;
}
.ww-file-uploader-content-icon {
  width: 6rem;
  height: 6rem;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  animation: ww-float 3s ease-in-out infinite;
}
@keyframes ww-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.ww-file-drop-zone > input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}
.ww-file-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 8px;
  animation: fadeIn 0.3s ease;
  border: #c0c0c0 solid 1px;
}
.ww-file-preview.-error {
  color: #d9534f;
  border-color: #d9534f;
}
.ww-file-preview.-error > .ww-file-preview-metadata > * {
  color: #d9534f;
}
.ww-file-preview.-error > .ww-file-preview__delete-button {
  color: #d9534f;
}
.ww-file-preview.-warning {
  color: #f0ad4e;
  border-color: #f0ad4e;
}
.ww-file-preview.-warning > .ww-file-preview-metadata > * {
  color: #f0ad4e;
}
.ww-file-preview.-warning > .ww-file-preview__delete-button {
  color: #f0ad4e;
}
.ww-file-preview.-success {
  color: #5cb85c;
  border-color: #5cb85c;
}
.ww-file-preview.-success > .ww-file-preview-metadata > * {
  color: #5cb85c;
}
.ww-file-preview.-success > .ww-file-preview__delete-button {
  color: #5cb85c;
}
.ww-file-preview.ww-busy {
  position: relative;
}
.ww-file-preview__delete-button {
  background: none;
  border: none;
  cursor: pointer;
  color: #95a5a6;
  padding: 6px;
}
.ww-file-preview__delete-button:hover {
  color: #566566;
}
.ww-file-preview-metadata {
  max-width: 95%;
  flex-grow: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ww-file-preview-metadata > .ww-file-preview_metadata__filename {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 4px;
}
.ww-file-preview-metadata > .ww-file-preview_metadata__size {
  font-size: 1rem;
  color: #7f8c8d;
  margin: 0;
}
.ww-file-preview_metadata__filename {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ww-file-preview-icon {
  width: 2rem;
  height: 2rem;
}
.ww-file-button {
  position: relative;
}
.ww-multi-file-uploader {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ww-label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.ww-stack-select {
  display: block;
}
.ww-stack-select.-error {
  color: #d9534f;
}
.ww-stack-select.-error input {
  border-color: #d9534f;
  color: #d9534f;
}
.ww-stack-select.-warning {
  color: #f0ad4e;
}
.ww-stack-select.-warning input {
  border-color: #f0ad4e;
  color: #f0ad4e;
}
.ww-stack-select.-success {
  color: #5cb85c;
}
.ww-stack-select.-success input {
  border-color: #5cb85c;
  color: #5cb85c;
}
.ww-stack-select > .ww-label,
.ww-stack-select > .ww-help {
  display: block;
}
.ww-stack {
  width: auto;
  padding: 0 0;
  border: rgba(0, 0, 0, 0.15) solid 0px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #f5f5f5;
  list-style-type: none;
}
.ww-stack:empty {
  border: none;
}
.ww-stack > li.ww-stack__element {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  clear: both;
  padding: 0.5em 0.5em;
  border: 1px solid #d2d3d6;
  margin-bottom: 0.5em;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.175);
}
.ww-stack > li .ww-stack__element__content {
  flex-grow: 2;
}
.ww-stack > li.-hoverable:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.ww-stack > li > .ww-stack__button {
  align-self: flex-end;
  flex-grow: 0;
  border: none;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
}
.ww-tag-control .ww-tag-control__text {
  margin-right: 0.5em;
}
.ww-tag-control .ww-tag-control__dismiss {
  float: right;
}
/*
Button styling.
*/
.ww-button,
.ww-link.ww-button {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  text-decoration: none;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  user-select: none;
}
.ww-button.ww-busy,
.ww-link.ww-button.ww-busy {
  position: relative;
}
.ww-button > .ww-button-image,
.ww-button > svg,
.ww-link.ww-button > .ww-button-image,
.ww-link.ww-button > svg {
  width: 1rem;
  display: inline-block;
  vertical-align: middle;
}
.ww-button > .ww-button-image + .ww-button-text,
.ww-button > svg + .ww-button-text,
.ww-link.ww-button > .ww-button-image + .ww-button-text,
.ww-link.ww-button > svg + .ww-button-text {
  margin-left: 5px;
  vertical-align: middle;
}
.ww-button:hover,
.ww-button:focus,
.ww-link.ww-button:hover,
.ww-link.ww-button:focus {
  color: #333;
  text-decoration: none;
}
.ww-button:active,
.ww-link.ww-button:active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ww-button[disabled],
.ww-link.ww-button[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: none;
}
.ww-button.-default,
.ww-link.ww-button.-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.ww-button.-default:focus,
.ww-link.ww-button.-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.ww-button.-default:hover,
.ww-link.ww-button.-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.ww-button.-default:active,
.ww-button.-default.-active,
.ww-link.ww-button.-default:active,
.ww-link.ww-button.-default.-active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.ww-button.-default[disabled]:hover,
.ww-button.-default[disabled]:focus,
.ww-link.ww-button.-default[disabled]:hover,
.ww-link.ww-button.-default[disabled]:focus {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.ww-button.-default.-outline,
.ww-link.ww-button.-default.-outline {
  color: #ccc;
  background-color: transparent;
  border-color: #ccc;
}
.ww-button.-default.-outline:hover,
.ww-link.ww-button.-default.-outline:hover {
  color: #4d4d4d;
  background-color: #ccc;
  border-color: #ccc;
}
.ww-button.-default.-outline:disabled,
.ww-link.ww-button.-default.-outline:disabled {
  color: #ccc;
  background-color: transparent;
}
.ww-button.-primary,
.ww-link.ww-button.-primary {
  color: #fff;
  background-color: #975cff;
  border-color: #8742ff;
}
.ww-button.-primary:focus,
.ww-link.ww-button.-primary:focus {
  color: #fff;
  background-color: #7629ff;
  border-color: #4600c2;
}
.ww-button.-primary:hover,
.ww-link.ww-button.-primary:hover {
  color: #fff;
  background-color: #7629ff;
  border-color: #6005ff;
}
.ww-button.-primary:active,
.ww-button.-primary.-active,
.ww-link.ww-button.-primary:active,
.ww-link.ww-button.-primary.-active {
  color: #fff;
  background-color: #7629ff;
  border-color: #6005ff;
}
.ww-button.-primary[disabled]:hover,
.ww-button.-primary[disabled]:focus,
.ww-link.ww-button.-primary[disabled]:hover,
.ww-link.ww-button.-primary[disabled]:focus {
  color: #fff;
  background-color: #975cff;
  border-color: #8742ff;
}
.ww-button.-primary.-outline,
.ww-link.ww-button.-primary.-outline {
  color: #8742ff;
  background-color: transparent;
  border-color: #8742ff;
}
.ww-button.-primary.-outline:hover,
.ww-link.ww-button.-primary.-outline:hover {
  color: #180042;
  background-color: #8742ff;
  border-color: #8742ff;
}
.ww-button.-primary.-outline:disabled,
.ww-link.ww-button.-primary.-outline:disabled {
  color: #8742ff;
  background-color: transparent;
}
.ww-button.-success,
.ww-link.ww-button.-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ww-button.-success:focus,
.ww-link.ww-button.-success:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.ww-button.-success:hover,
.ww-link.ww-button.-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.ww-button.-success:active,
.ww-button.-success.-active,
.ww-link.ww-button.-success:active,
.ww-link.ww-button.-success.-active {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.ww-button.-success[disabled]:hover,
.ww-button.-success[disabled]:focus,
.ww-link.ww-button.-success[disabled]:hover,
.ww-link.ww-button.-success[disabled]:focus {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ww-button.-success.-outline,
.ww-link.ww-button.-success.-outline {
  color: #4cae4c;
  background-color: transparent;
  border-color: #4cae4c;
}
.ww-button.-success.-outline:hover,
.ww-link.ww-button.-success.-outline:hover {
  color: #000000;
  background-color: #4cae4c;
  border-color: #4cae4c;
}
.ww-button.-success.-outline:disabled,
.ww-link.ww-button.-success.-outline:disabled {
  color: #4cae4c;
  background-color: transparent;
}
.ww-button.-info,
.ww-link.ww-button.-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ww-button.-info:focus,
.ww-link.ww-button.-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.ww-button.-info:hover,
.ww-link.ww-button.-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.ww-button.-info:active,
.ww-button.-info.-active,
.ww-link.ww-button.-info:active,
.ww-link.ww-button.-info.-active {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.ww-button.-info[disabled]:hover,
.ww-button.-info[disabled]:focus,
.ww-link.ww-button.-info[disabled]:hover,
.ww-link.ww-button.-info[disabled]:focus {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ww-button.-info.-outline,
.ww-link.ww-button.-info.-outline {
  color: #46b8da;
  background-color: transparent;
  border-color: #46b8da;
}
.ww-button.-info.-outline:hover,
.ww-link.ww-button.-info.-outline:hover {
  color: #05161b;
  background-color: #46b8da;
  border-color: #46b8da;
}
.ww-button.-info.-outline:disabled,
.ww-link.ww-button.-info.-outline:disabled {
  color: #46b8da;
  background-color: transparent;
}
.ww-button.-warning,
.ww-link.ww-button.-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ww-button.-warning:focus,
.ww-link.ww-button.-warning:focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.ww-button.-warning:hover,
.ww-link.ww-button.-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.ww-button.-warning:active,
.ww-button.-warning.-active,
.ww-link.ww-button.-warning:active,
.ww-link.ww-button.-warning.-active {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.ww-button.-warning[disabled]:hover,
.ww-button.-warning[disabled]:focus,
.ww-link.ww-button.-warning[disabled]:hover,
.ww-link.ww-button.-warning[disabled]:focus {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ww-button.-warning.-outline,
.ww-link.ww-button.-warning.-outline {
  color: #eea236;
  background-color: transparent;
  border-color: #eea236;
}
.ww-button.-warning.-outline:hover,
.ww-link.ww-button.-warning.-outline:hover {
  color: #231503;
  background-color: #eea236;
  border-color: #eea236;
}
.ww-button.-warning.-outline:disabled,
.ww-link.ww-button.-warning.-outline:disabled {
  color: #eea236;
  background-color: transparent;
}
.ww-button.-error,
.ww-link.ww-button.-error {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ww-button.-error:focus,
.ww-link.ww-button.-error:focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.ww-button.-error:hover,
.ww-link.ww-button.-error:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.ww-button.-error:active,
.ww-button.-error.-active,
.ww-link.ww-button.-error:active,
.ww-link.ww-button.-error.-active {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.ww-button.-error[disabled]:hover,
.ww-button.-error[disabled]:focus,
.ww-link.ww-button.-error[disabled]:hover,
.ww-link.ww-button.-error[disabled]:focus {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ww-button.-error.-outline,
.ww-link.ww-button.-error.-outline {
  color: #d43f3a;
  background-color: transparent;
  border-color: #d43f3a;
}
.ww-button.-error.-outline:hover,
.ww-link.ww-button.-error.-outline:hover {
  color: #0d0303;
  background-color: #d43f3a;
  border-color: #d43f3a;
}
.ww-button.-error.-outline:disabled,
.ww-link.ww-button.-error.-outline:disabled {
  color: #d43f3a;
  background-color: transparent;
}
.ww-button.-active,
.ww-link.ww-button.-active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ww-button.-extra-small,
.ww-link.ww-button.-extra-small {
  padding: 1px 3px;
  font-size: 9px;
  line-height: 1.5;
  border-radius: 3px;
}
.ww-button.-small,
.ww-link.ww-button.-small {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.ww-button.-large,
.ww-link.ww-button.-large {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.ww-button.-extra-large,
.ww-link.ww-button.-extra-large {
  padding: 12px 18px;
  font-size: 22px;
  line-height: 1.3333333;
  border-radius: 8px;
}
.ww-button.-block,
.ww-link.ww-button.-block {
  display: block;
  width: 100%;
}
.ww-button.-block + .ww-button.-block,
.ww-link.ww-button.-block + .ww-link.ww-button.-block {
  margin-top: 5px;
}
.ww-button + .ww-button,
.ww-link.ww-button + .ww-link.ww-button {
  margin-left: 5px;
}
/* 
buttonDimension defines the sizing of a button.

@pv       - Vertical padding.
@ph       - Horizontal padding.
@font     - Font size.
@lh       - Line height.
@br       - Border radius.
*/
/*
buttonColor provides the color styling of a button.

@color       - The base text color.
@background  - The base background color.
@border      - The base border color.

*/
/*
buttonOutline provides an alternative outline based styling for a button.

@color - The color for the outline.
*/
/*
buttonStyle defines styles for a variant of a button.

@color       - The base text color.
@background  - The base background color.
@border      - The base border color.
*/
/*
buttonActiveFeel styles the feeling of a button while active.
*/
/*
buttonLinkBackground styles the background and shadows.
*/
/*
buttonLink styles the button to appear like a link.
*/
.ww-checkbox.-block {
  display: block;
}
.ww-menu-button {
  position: relative;
  display: inline-block;
}
.ww-menu-button + .ww-menu-button {
  margin-left: 5px;
}
.ww-menu-button > .ww-button,
.ww-menu-button > .ww-link.ww-button {
  position: relative;
}
.ww-menu-button .ww-menu-button-toggle:active {
  outline: 0;
}
.ww-menu-button > .ww-button + .ww-menu-button-toggle,
.ww-menu-button > .ww-link.ww-button + .ww-menu-button-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.ww-menu-button > .ww-button + .ww-menu-button-toggle,
.ww-menu-button > .ww-link.ww-button + .ww-menu-button-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.ww-menu-button > .ww-button + .ww-button,
.ww-menu-button > .ww-link.ww-button + .ww-link.ww-button {
  margin-left: -1px;
}
.ww-menu-button > .ww-menu-button-menu {
  min-width: 10em;
  margin-top: 0.5em;
  display: block;
  position: absolute;
  top: 100%;
  z-index: 1000;
  text-align: left;
}
.ww-menu-button.-right > .ww-menu-button-menu {
  right: 0;
}
/**
  Toolbar styling.

  Intended for styling button groups and other things that may want to
  be in a Toolbar.
  
  In order to benefit from the below styling, those controls must 
  have the -toolbar-compat class in their classlist.
*/
.ww-toolbar {
  margin-left: 0px;
}
.ww-toolbar::after {
  content: '';
  clear: both;
  display: table;
}
.ww-toolbar > .ww-button-group,
.ww-toolbar > -toolbar-compat {
  float: left;
  margin-top: 0px;
}
.ww-toolbar > .ww-button-group + ww-button-group,
.ww-toolbar > .ww-button-group + .-toolbar-compat,
.ww-toolbar > .-toolbar-compat + .ww-button-group,
.ww-toolbar > .-toolbar-compat + .-toolbar-compat {
  margin-left: 5px;
}
.ww-help {
  min-height: 0.9em;
  display: block;
  margin-top: 0.25rem;
  font-size: 90%;
}
.ww-modal {
  width: 280px;
  margin: 10px auto;
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  background-clip: padding-box;
  outline: 0;
  transform: translateY(20px);
  transition: transform 0.3s ease;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px) {
  .ww-modal {
    width: 600px;
    margin: 30px auto;
  }
}
.ww-modal > .ww-modal__header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-content: space-between;
}
.ww-modal > .ww-modal__header > h1,
.ww-modal > .ww-modal__header h2,
.ww-modal > .ww-modal__header h3,
.ww-modal > .ww-modal__header h4,
.ww-modal > .ww-modal__header h5,
.ww-modal > .ww-modal__header h6 {
  margin: 0;
}
.ww-modal > .ww-modal__body {
  position: relative;
  padding: 15px;
}
.ww-modal > .ww-modal__footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  display: flex;
}
.ww-alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.ww-alert > p,
.ww-alert > ul {
  margin-bottom: 0;
}
.ww-alert > p + p {
  margin-top: 5px;
}
.ww-alert .ww-close {
  position: relative;
  top: -2px;
  color: inherit;
}
.ww-alert.-default {
  background-color: #fff;
  border-color: #ccc;
  color: inherit;
}
.ww-alert.-default hr {
  border-color: #b3b3b3;
}
.ww-alert.-primary {
  background-color: #337ab7;
  border-color: #2d6da3;
  color: #fff;
}
.ww-alert.-primary hr {
  border-color: #22527b;
}
.ww-alert.-success {
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #fff;
}
.ww-alert.-success hr {
  border-color: #3d8b3d;
}
.ww-alert.-info {
  background-color: #5bc0de;
  border-color: #46b8da;
  color: #fff;
}
.ww-alert.-info hr {
  border-color: #28a1c5;
}
.ww-alert.-warning {
  background-color: #f0ad4e;
  border-color: #eea236;
  color: #fff;
}
.ww-alert.-warning hr {
  border-color: #df8a13;
}
.ww-alert.-error {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff;
}
.ww-alert.-error hr {
  border-color: #b52b27;
}
.ww-data-table > thead > tr > th.-asc:after {
  content: '\25B2';
}
.ww-data-table > thead > tr > th.-desc:after {
  content: '\25BC';
}
.ww-busy-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(0.5px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  z-index: 10;
}
.ww-busy-overlay.ww-hidden {
  display: none;
}
.ww-busy {
  position: relative;
}
/**
 * MenuIcon styling.
 *
 * We style some spans to look like the dashes in the 'menu'.
 */
.ww-menu-icon {
  display: inline-block;
  background-color: transparent;
  border: none;
  /**
   * Style the individual dashes, we expect 3.
   */
}
.ww-menu-icon > .ww-menu-icon__dash {
  width: 1.5em;
  height: 0.25em;
  display: block;
  background-color: #fff;
  /**
     * The second dash receives the margins to space out the 
     * icon properly.
     */
}
.ww-menu-icon > .ww-menu-icon__dash:nth-child(2) {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.ww-close {
  float: right;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #848;
  opacity: 0.6;
}
.ww-close:hover,
.ww-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
}
button.ww-close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.ww-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1999;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: all;
}
.ww-overlay.ww-transparent {
  background-color: transparent;
}
.ww-overlay.ww-full-screen {
  position: fixed;
  width: 100vw;
  height: 100vh;
}
.ww-overlay.ww-low {
  background-color: rgba(0, 0, 0, 0.2);
}
.ww-overlay.ww-high {
  background-color: rgba(0, 0, 0, 0.7);
}
.ww-overlay.ww-strong {
  background-color: rgba(0, 0, 0, 0.9);
}
.ww-media-description {
  margin-top: 15px;
}
.ww-media-description:first-child {
  margin-top: 0;
}
.ww-media-description,
.ww-media-description > .ww-media-description__description {
  zoom: 1;
  overflow: hidden;
}
.ww-media-description > .ww-media-description__description {
  width: 10000px;
}
.ww-media-description > .ww-media-description__media {
  padding-right: 10px;
}
.ww-media-description > .ww-media-description__media,
.ww-media-description > .ww-media-description__description {
  display: table-cell;
  vertical-align: top;
}
.ww-media-description > .ww-media-description__media.-middle {
  vertical-align: middle;
}
.ww-media-description > .ww-media-description__media.-bottom {
  vertical-align: bottom;
}
.ww-image {
  max-width: 100%;
  height: auto;
}
.ww-image.-block {
  display: block;
}
.ww-link {
  color: #337ab7;
  text-decoration: underline;
}
.ww-link:hover {
  color: #0056b3;
}
.ww-link.-ww-no-decoration {
  text-decoration: none;
}
.ww-link.-ww-disabled,
.ww-link.-disabled {
  cursor: not-allowed;
  color: #6c757d;
}
.ww-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  display: inline-block;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.ww-embed {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.ww-embed > div,
.ww-embed > iframe,
.ww-embed > embed,
.ww-embed > object,
.ww-embed > video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.ww-embed.-aspect-ratio-16x9 {
  padding-bottom: 56.25%;
}
.ww-embed.-aspect-ratio-4x3 {
  padding-bottom: 75%;
}
.ww-tag {
  display: inline-block;
  padding: 0.3em 0.6em;
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.ww-tag::after {
  content: '';
  clear: both;
  display: table;
}
.ww-tag + .ww-tag {
  margin-left: 0.2em;
}
a.ww-tag:hover,
a.ww-tag:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.ww-tag:empty {
  display: none;
}
.ww-tag.-default {
  color: #555555;
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
}
.ww-tag.-default:hover {
  background-color: #cdcdcd;
}
.ww-tag.-default[href] :focus {
  background-color: #cdcdcd;
}
.ww-tag.-primary {
  color: #fff;
  background-color: #337ab7;
  border: 1px solid #337ab7;
}
.ww-tag.-primary:hover {
  background-color: #285f8f;
}
.ww-tag.-primary[href] :focus {
  background-color: #285f8f;
}
.ww-tag.-success {
  color: #fff;
  background-color: #5cb85c;
  border: 1px solid #5cb85c;
}
.ww-tag.-success:hover {
  background-color: #449d44;
}
.ww-tag.-success[href] :focus {
  background-color: #449d44;
}
.ww-tag.-info {
  color: #fff;
  background-color: #5bc0de;
  border: 1px solid #5bc0de;
}
.ww-tag.-info:hover {
  background-color: #31b0d5;
}
.ww-tag.-info[href] :focus {
  background-color: #31b0d5;
}
.ww-tag.-warning {
  color: #fff;
  background-color: #f0ad4e;
  border: 1px solid #f0ad4e;
}
.ww-tag.-warning:hover {
  background-color: #ec971f;
}
.ww-tag.-warning[href] :focus {
  background-color: #ec971f;
}
.ww-tag.-error {
  color: #fff;
  background-color: #d9534f;
  border: 1px solid #d9534f;
}
.ww-tag.-error:hover {
  background-color: #c9302c;
}
.ww-tag.-error[href] :focus {
  background-color: #c9302c;
}
.ww-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.ww-thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  transition: border 0.2s ease-in-out;
}
.ww-thumbnail > img {
  margin-left: auto;
  margin-right: auto;
}
.ww-thumbnail.ww-thumbnail__caption {
  padding: 9px;
  color: inherit;
}
a.ww-thumbnail {
  text-decoration: none;
  color: inherit;
}
/**
 * Default style pallete.
 */
.-error {
  color: #d9534f;
}
.-warning {
  color: #f0ad4e;
}
.-info {
  color: #5bc0de;
}
.-success {
  color: #5cb85c;
}
/**
 * Embeds the provided rules in a media query for screens at or below the tiny
 * breakpoint.
 */
/**
 * Embeds the provided rules in a media query for screens at or above the small
 * breakpoint.
 */
/**
 * Embeds the provided rules in a media query for screens at or below the small
 * breakpoint.
 */
/**
 * Embeds the provided rules in a media query for screens at or above the medium
 * breakpoint.
 */
.wdy-whocheck-list-item-status-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wdy-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wdy-cancel {
  display: flex;
  margin-right: auto;
}
.wdy-top {
  margin: 0 auto;
}
.wdy-save {
  display: flex;
  margin-left: auto;
}
.wdy-form-buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.wdy-mleft {
  margin-left: auto;
}
.wdy-prompt .ww-modal__header,
.wdy-prompt .ww-modal__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wdy-prompt .ww-model__header > h4 {
  margin: 0;
}
.wdy-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.wdy-modal-overlay.active {
  opacity: 1;
  pointer-events: all;
}
.wdy-modal {
  background-color: white;
  border-radius: 0.5rem;
  width: 90%;
  max-width: 400px;
  transform: translateY(20px);
  transition: transform 0.3s ease;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.wdy-modal-overlay.active .modal {
  transform: translateY(0);
}
.bs-account-select-dialog {
  max-height: 15rem;
  overflow-y: auto;
}
.bs-account-select-dialog > ul {
  margin-top: 2rem;
}
.bobs-line-item-grid-row > th,
.bobs-line-item-grid-row > td {
  padding: 0 2rem;
}
.wdy-error-panel > .ww-panel__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wdy-error-icon {
  font-size: 2.5rem;
}
:root {
  --primary-50: #f5f3ff;
  --primary-100: #ede9fe;
  --primary-200: #ddd6fe;
  --primary-300: #c4b5fd;
  --primary-400: #a78bfa;
  --primary-500: #8b5cf6;
  --primary-600: #7c3aed;
  --primary-700: #6d28d9;
  --primary-800: #5b21b6;
  --primary-900: #4c1d95;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
}
.wdy-login {
  background-color: var(--gray-50);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.background {
  position: fixed;
  inset: 0;
  overflow: hidden;
  z-index: -1;
}
.background::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(31, 41, 55, 0.1) 100%);
  opacity: 0.5;
}
.background .blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.2;
}
.background .blob-1 {
  top: 10%;
  left: 20%;
  width: 8rem;
  height: 8rem;
  background-color: var(--primary-400);
}
.background .blob-2 {
  bottom: 20%;
  right: 20%;
  width: 10rem;
  height: 10rem;
  background-color: var(--primary-600);
}
.login-container {
  width: 100%;
  max-width: 28rem;
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.login-content {
  padding: 3rem 2rem;
}
.logo-container {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.logo {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: var(--primary-100);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: float 6s ease-in-out infinite;
}
.logo i {
  font-size: 2.5rem;
  color: var(--primary-600);
}
.title {
  text-align: center;
  margin-bottom: 2rem;
}
.title h1 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--gray-800);
  margin-bottom: 0.5rem;
}
.title p {
  color: var(--gray-600);
  font-size: 0.875rem;
}
.btn-google {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--gray-200);
  border-radius: 0.5rem;
  background-color: white;
  color: var(--gray-700);
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btn-google:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  background-color: var(--gray-50);
}
.btn-google img {
  width: 1.25rem;
  height: 1.25rem;
}
.terms {
  margin-top: 2rem;
  text-align: center;
  font-size: 0.75rem;
  color: var(--gray-500);
}
.terms a {
  color: var(--primary-600);
  text-decoration: none;
}
.terms a:hover {
  text-decoration: underline;
}
.footer {
  background-color: var(--gray-50);
  padding: 1.5rem 2rem;
  text-align: center;
}
.footer p {
  color: var(--gray-600);
  font-size: 0.875rem;
}
.footer a {
  color: var(--primary-600);
  font-weight: 500;
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}
.copyright {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 0.75rem;
  color: var(--gray-500);
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
:root {
  --primary-purple: #6d28d9;
  --light-purple: #8b5cf6;
  --dark-grey: #1f2937;
}
html,
body,
main,
main > div {
  height: 100%;
}
body {
  background-color: #f7f8f9;
}
.wdy-drawer-layout > .ww-drawer {
  background: transparent;
  border-right-color: #c0c0c0;
  box-shadow: none;
}
.wdy-drawer-layout > .ww-drawer > .ww-drawer__content {
  padding-top: 5rem;
}
.wdy-navbar {
  background: #8a2be2;
  color: #fff;
}
.wdy-navbar > .ww-action-bar__content {
  align-items: center;
  justify-content: flex-start;
}
.wdy-navbar .wdy-navbar-user-button > button {
  background: none;
  color: inherit;
  border: none;
  text-transform: capitalize;
  text-overflow: ellipsis;
  font-weight: bolder;
}
.wdy-navbar .wdy-navbar-icon-button,
.wdy-navbar .wdy-navbar-icon-menu > button {
  background: transparent;
  color: inherit;
  border: none;
}
.wdy-navbar .wdy-navbar-icon-button + .wdy-navbar .wdy-navbar-icon-button,
.wdy-navbar .wdy-navbar-icon-button + .wdy-navbar .wdy-navbar-icon-menu > button,
.wdy-navbar .wdy-navbar-icon-menu > button + .wdy-navbar .wdy-navbar-icon-button,
.wdy-navbar .wdy-navbar-icon-menu > button + .wdy-navbar .wdy-navbar-icon-menu > button {
  margin-left: 5px;
}
.wdy-navbar .wdy-navbar-icon-button > svg,
.wdy-navbar .wdy-navbar-icon-menu > button > svg {
  width: 1.3rem;
  height: 1.3rem;
}
.wdy-title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin: 0;
}
.wdy-mt-5 {
  margin-top: 5rem;
}
.wdy-alert-primary {
  background-color: #8a2be2;
  border-color: #e5a2ff;
}
.wdy-app-title {
  margin: 0 !important;
}
.wdy-headband {
  background-color: #fff;
  padding: 0.5rem;
  border-bottom: #c0c0c0 solid 1px;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 9998;
  position: fixed;
  width: 100%;
  max-height: 5rem;
  overflow: hidden;
}
.wdy-headband > .wdy-action-button {
  margin-left: auto;
}
.wdy-headband > h2 {
  margin: 1rem 0;
}
.wdy-headband + .ww-grid-layout {
  padding-top: 5.75rem;
}
.wdy-back {
  margin-right: 1rem;
}
.wdy-header-back-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #111;
  font-weight: 200;
  font-size: 1.2rem;
  padding: 6px 10px;
  border-radius: 6px;
}
.wdy-header-back-button:hover {
  background: #f0f0f0;
}
.wdy-header-back-button svg {
  width: 1.2rem;
  height: 1.2rem;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/Montserrat-Regular.ttf') format('woff2');
}
* {
  box-sizing: border-box;
}
html {
  line-height: 1.4;
}
body {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
input {
  height: 54px;
}
#content {
  margin-top: 3.375rem;
}
.ww-panel-layout {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.stalin-dashboard {
  margin-top: 5em;
}
.stalin-save-button {
  margin-left: auto;
  display: block;
}
.stalin-center {
  text-align: center;
}
.wdy-app-title {
  margin: 0.4em auto;
}
@media screen and (max-width: 576px) {
  .wdy-hide-screen-small {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .wdy-hide-screen-not-small {
    display: none;
  }
}
.wdy-flex {
  display: flex;
}
.bobs-mla {
  display: block;
  margin-left: auto;
}
.bobs-mt5 {
  margin-top: 5eml;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/Montserrat-Regular.ttf') format('woff2');
}
* {
  box-sizing: border-box;
}
html {
  line-height: 1.4;
}
body {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
input {
  height: 54px;
}
#content {
  margin-top: 3.375rem;
}
.ww-panel-layout {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.stalin-dashboard {
  margin-top: 5em;
}
.stalin-save-button {
  margin-left: auto;
  display: block;
}
.stalin-center {
  text-align: center;
}
.wdy-app-title {
  margin: 0.4em auto;
}
@media screen and (max-width: 576px) {
  .wdy-hide-screen-small {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .wdy-hide-screen-not-small {
    display: none;
  }
}
.wdy-flex {
  display: flex;
}
.bobs-mla {
  display: block;
  margin-left: auto;
}
.bobs-mt5 {
  margin-top: 5eml;
}