/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
@font-face {
  font-family: 'vm2';
  src: url('../fonts/vm2.woff2?wyi4vn') format('woff2'), url('../fonts/vm2.ttf?wyi4vn') format('truetype'), url('../fonts/vm2.woff?wyi4vn') format('woff'), url('../fonts/vm2.svg?wyi4vn#vm2') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'vm2' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-polygon-bold:before {
  content: "\e9ab";
}
.icon-exit1:before {
  content: "\e9a9";
}
.icon-logout:before {
  content: "\e9a9";
}
.icon-book:before {
  content: "\e9a7";
}
.icon-documentation:before {
  content: "\e9a7";
}
.icon-user-slash:before {
  content: "\e9a6";
}
.icon-user-remove:before {
  content: "\e9a6";
}
.icon-file-download:before {
  content: "\e9a5";
}
.icon-file-spreadsheet:before {
  content: "\e9a3";
}
.icon-file-spreadsheet-o:before {
  content: "\e9a4";
}
.icon-recycle:before {
  content: "\e9a1";
}
.icon-buildings:before {
  content: "\e99a";
}
.icon-democrat:before {
  content: "\e99b";
}
.icon-house1:before {
  content: "\e99c";
}
.icon-person-dress:before {
  content: "\e99d";
}
.icon-person:before {
  content: "\e99e";
}
.icon-republican:before {
  content: "\e99f";
}
.icon-tractor:before {
  content: "\e9a0";
}
.icon-envelope-at:before {
  content: "\e997";
}
.icon-phone-2:before {
  content: "\e998";
}
.icon-mobile-phone-2:before {
  content: "\e999";
}
.icon-mobile-phone:before {
  content: "\e994";
}
.icon-house-user:before {
  content: "\e995";
}
.icon-chart-popup:before {
  content: "\e996";
}
.icon-table-list:before {
  content: "\e961";
}
.icon-target:before {
  content: "\e993";
}
.icon-polygon:before {
  content: "\e984";
}
.icon-basket-plus:before {
  content: "\e991";
}
.icon-basket-minus:before {
  content: "\e992";
}
.icon-basket:before {
  content: "\e90c";
}
.icon-basket1:before {
  content: "\e90c";
}
.icon-check-circle:before {
  content: "\e98f";
}
.icon-user:before {
  content: "\e98d";
}
.icon-trash-can-undo-o:before {
  content: "\e934";
}
.icon-warn:before {
  content: "\e95d";
}
.icon-match:before {
  content: "\e981";
}
.icon-wand:before {
  content: "\e981";
}
.icon-magic:before {
  content: "\e981";
}
.icon-edit:before {
  content: "\e986";
}
.icon-users4:before {
  content: "\e938";
}
.icon-accounts4:before {
  content: "\e938";
}
.icon-users:before {
  content: "\e939";
}
.icon-accounts:before {
  content: "\e939";
}
.icon-folder:before {
  content: "\e944";
}
.icon-camera:before {
  content: "\e911";
}
.icon-house:before {
  content: "\e922";
}
.icon-home:before {
  content: "\e922";
}
.icon-phone:before {
  content: "\e935";
}
.icon-file-csv:before {
  content: "\e943";
}
.icon-filter:before {
  content: "\e925";
}
.icon-filter-o:before {
  content: "\e925";
}
.icon-delete:before {
  content: "\e926";
}
.icon-trash-can-o:before {
  content: "\e926";
}
.icon-file-list-user:before {
  content: "\e921";
}
.icon-alarm-f:before {
  content: "\e9a8";
}
.icon-notification-f:before {
  content: "\e9a8";
}
.icon-bell-f:before {
  content: "\e9a8";
}
.icon-circle-resize:before {
  content: "\e985";
}
.icon-tag:before {
  content: "\e9f2";
}
.icon-vote:before {
  content: "\e905";
}
.icon-cursor:before {
  content: "\ed26";
}
.icon-coins:before {
  content: "\ea0a";
}
.icon-hover-2:before {
  content: "\ed2a";
}
.icon-hover-1:before {
  content: "\ed2b";
}
.icon-bubble:before {
  content: "\ead8";
}
.icon-bubble-dots:before {
  content: "\ead9";
}
.icon-bubble-dots-o:before {
  content: "\eadc";
}
.icon-bubble-o:before {
  content: "\eadb";
}
.icon-dots:before {
  content: "\2b";
}
.icon-exit:before {
  content: "\d3";
}
.icon-eye:before {
  content: "\ecae";
}
.icon-eye-off:before {
  content: "\ecb1";
}
.icon-gradient:before {
  content: "\f385";
}
.icon-help:before {
  content: "\44";
}
.icon-info:before {
  content: "\ed64";
}
.icon-lasso:before {
  content: "\2014";
}
.icon-new-1:before {
  content: "\eed0";
}
.icon-new-2:before {
  content: "\ef48";
}
.icon-new-3:before {
  content: "\e3e4";
}
.icon-redo:before {
  content: "\f253";
}
.icon-resize-handle:before {
  content: "\ed4e";
}
.icon-rotate-left:before {
  content: "\f306";
}
.icon-rotate-right:before {
  content: "\f307";
}
.icon-slide-center:before {
  content: "\2328";
}
.icon-slide-left:before {
  content: "\2302";
}
.icon-slide-right:before {
  content: "\232b";
}
.icon-spinner-2:before {
  content: "\e97c";
}
.icon-tag1:before {
  content: "\f185";
}
.icon-tag-o:before {
  content: "\f184";
}
.icon-undo:before {
  content: "\f258";
}
.icon-price-tag4:before {
  content: "\e9f3";
}
.icon-home2:before {
  content: "\e9a2";
}
.icon-sheet-add:before {
  content: "\e98a";
}
.icon-city:before {
  content: "\e900";
}
.icon-lab:before {
  content: "\e901";
}
.icon-experimental:before {
  content: "\e901";
}
.icon-beaker:before {
  content: "\e901";
}
.icon-arrow-down2:before {
  content: "\e902";
}
.icon-download:before {
  content: "\e903";
}
.icon-transmission2:before {
  content: "\e904";
}
.icon-arrow-left-right:before {
  content: "\e904";
}
.icon-swap:before {
  content: "\e904";
}
.icon-tilt:before {
  content: "\e906";
}
.icon-popup:before {
  content: "\e907";
}
.icon-arrow-up2:before {
  content: "\e908";
}
.icon-first:before {
  content: "\e909";
}
.icon-rewind:before {
  content: "\e909";
}
.icon-ban-solid:before {
  content: "\e90a";
}
.icon-barcode:before {
  content: "\e90b";
}
.icon-alarm:before {
  content: "\e90d";
}
.icon-notification:before {
  content: "\e90d";
}
.icon-bell:before {
  content: "\e90d";
}
.icon-bug:before {
  content: "\e90e";
}
.icon-calendar2:before {
  content: "\e90f";
}
.icon-calendar:before {
  content: "\e910";
}
.icon-date:before {
  content: "\e910";
}
.icon-car2:before {
  content: "\e912";
}
.icon-car-rear:before {
  content: "\e912";
}
.icon-car:before {
  content: "\e913";
}
.icon-car-front:before {
  content: "\e913";
}
.icon-caret-down:before {
  content: "\e9af";
}
.icon-caret-left:before {
  content: "\e9ae";
}
.icon-caret-right:before {
  content: "\e9ad";
}
.icon-caret-up:before {
  content: "\e9ac";
}
.icon-cart-add:before {
  content: "\e918";
}
.icon-cart-remove:before {
  content: "\e919";
}
.icon-cart-empty:before {
  content: "\e91a";
}
.icon-cart-full:before {
  content: "\e91b";
}
.icon-cart:before {
  content: "\e91b";
}
.icon-chart-mixed:before {
  content: "\e91c";
}
.icon-chart-none:before {
  content: "\e91c";
}
.icon-chart-add:before {
  content: "\e91c";
}
.icon-chart-pie:before {
  content: "\e91d";
}
.icon-chart-bar:before {
  content: "\e91e";
}
.icon-chart-bar-h:before {
  content: "\e91e";
}
.icon-check:before {
  content: "\e91f";
}
.icon-arrow-down:before {
  content: "\e914";
}
.icon-chevron-down:before {
  content: "\e914";
}
.icon-chevron-left:before {
  content: "\e915";
}
.icon-arrow-left:before {
  content: "\e915";
}
.icon-chevron-right:before {
  content: "\e916";
}
.icon-arrow-right:before {
  content: "\e916";
}
.icon-chevron-up:before {
  content: "\e917";
}
.icon-arrow-up:before {
  content: "\e917";
}
.icon-radio-on:before {
  content: "\e920";
}
.icon-plus-circle-o:before {
  content: "\e923";
}
.icon-plus-circle-o2:before {
  content: "\e923";
}
.icon-plus-circle:before {
  content: "\e924";
}
.icon-circle-o:before {
  content: "\e927";
}
.icon-radio-off:before {
  content: "\e927";
}
.icon-circle:before {
  content: "\e928";
}
.icon-color:before {
  content: "\e928";
}
.icon-close-o:before {
  content: "\e929";
}
.icon-close-circle-clear:before {
  content: "\e929";
}
.icon-close1:before {
  content: "\e92a";
}
.icon-close-circle-black:before {
  content: "\e92a";
}
.icon-copy:before {
  content: "\e92b";
}
.icon-clock:before {
  content: "\e92c";
}
.icon-time:before {
  content: "\e92c";
}
.icon-target2:before {
  content: "\e92d";
}
.icon-target3:before {
  content: "\e92e";
}
.icon-crown:before {
  content: "\e92f";
}
.icon-database:before {
  content: "\e930";
}
.icon-ellipsis:before {
  content: "\e931";
}
.icon-more-horiz:before {
  content: "\e931";
}
.icon-ellipsis-vertical:before {
  content: "\e932";
}
.icon-more-vert:before {
  content: "\e932";
}
.icon-envelope:before {
  content: "\e933";
}
.icon-email:before {
  content: "\e933";
}
.icon-facebook:before {
  content: "\e936";
}
.icon-filter2:before {
  content: "\e937";
}
.icon-last:before {
  content: "\e93a";
}
.icon-fast-forward:before {
  content: "\e93a";
}
.icon-choro:before {
  content: "\e98b";
}
.icon-meter-fast:before {
  content: "\e93b";
}
.icon-meter-slow:before {
  content: "\e93c";
}
.icon-meter-medium:before {
  content: "\e93d";
}
.icon-gear:before {
  content: "\e93e";
}
.icon-globe:before {
  content: "\e93f";
}
.icon-hand-pointer:before {
  content: "\e940";
}
.icon-pointer:before {
  content: "\e940";
}
.icon-pulse:before {
  content: "\e941";
}
.icon-hour-glass:before {
  content: "\e942";
}
.icon-waiting:before {
  content: "\e942";
}
.icon-bulb:before {
  content: "\e945";
}
.icon-bulb-2:before {
  content: "\e946";
}
.icon-target1:before {
  content: "\e947";
}
.icon-pinpoint:before {
  content: "\e948";
}
.icon-zoom-out-o:before {
  content: "\e949";
}
.icon-zoom-out:before {
  content: "\e94a";
}
.icon-zoom-in-o:before {
  content: "\e94b";
}
.icon-zoom-in:before {
  content: "\e94c";
}
.icon-search:before {
  content: "\e94d";
}
.icon-map:before {
  content: "\e94e";
}
.icon-mask:before {
  content: "\e94f";
}
.icon-message-dots-o:before {
  content: "\e950";
}
.icon-comment-dots-o:before {
  content: "\e950";
}
.icon-message-dots:before {
  content: "\e951";
}
.icon-comment-dots:before {
  content: "\e951";
}
.icon-comment-o:before {
  content: "\e952";
}
.icon-message-o:before {
  content: "\e952";
}
.icon-comment:before {
  content: "\e953";
}
.icon-message:before {
  content: "\e953";
}
.icon-dollar:before {
  content: "\e954";
}
.icon-set-exclude:before {
  content: "\e955";
}
.icon-set-intersect:before {
  content: "\e956";
}
.icon-set-subtract:before {
  content: "\e957";
}
.icon-set-union:before {
  content: "\e958";
}
.icon-err:before {
  content: "\e959";
}
.icon-palette:before {
  content: "\e95a";
}
.icon-send:before {
  content: "\e95b";
}
.icon-pause:before {
  content: "\e95c";
}
.icon-female:before {
  content: "\e95e";
}
.icon-male:before {
  content: "\e95f";
}
.icon-walk:before {
  content: "\e960";
}
.icon-play:before {
  content: "\e962";
}
.icon-new:before {
  content: "\e963";
}
.icon-plus:before {
  content: "\e963";
}
.icon-print:before {
  content: "\e964";
}
.icon-question:before {
  content: "\e965";
}
.icon-replay:before {
  content: "\e966";
}
.icon-refresh:before {
  content: "\e967";
}
.icon-server:before {
  content: "\e968";
}
.icon-share-o:before {
  content: "\e969";
}
.icon-share-nodes-o:before {
  content: "\e969";
}
.icon-share-nodes:before {
  content: "\e96a";
}
.icon-share:before {
  content: "\e96a";
}
.icon-share-square:before {
  content: "\e96b";
}
.icon-spinner:before {
  content: "\e96c";
}
.icon-spinner-3:before {
  content: "\e990";
}
.icon-square-check-o:before {
  content: "\e96d";
}
.icon-check-on-1:before {
  content: "\e96d";
}
.icon-square-check:before {
  content: "\e96e";
}
.icon-check-on:before {
  content: "\e96e";
}
.icon-square-minus-o:before {
  content: "\e96f";
}
.icon-check-minus-o:before {
  content: "\e96f";
}
.icon-square-minus:before {
  content: "\e970";
}
.icon-check-minus:before {
  content: "\e970";
}
.icon-square-plus-regular:before {
  content: "\e971";
}
.icon-square-plus:before {
  content: "\e972";
}
.icon-check-plus:before {
  content: "\e972";
}
.icon-square-regular:before {
  content: "\e973";
}
.icon-check-off:before {
  content: "\e973";
}
.icon-twitter2:before {
  content: "\e974";
}
.icon-twitter-square:before {
  content: "\e974";
}
.icon-facebook2:before {
  content: "\e975";
}
.icon-facebook-square:before {
  content: "\e975";
}
.icon-linkedin2:before {
  content: "\e976";
}
.icon-linkedin-square:before {
  content: "\e976";
}
.icon-star-o:before {
  content: "\e977";
}
.icon-star:before {
  content: "\e978";
}
.icon-sheet-blank:before {
  content: "\e979";
}
.icon-grid:before {
  content: "\e97a";
}
.icon-sheet-col:before {
  content: "\e97b";
}
.icon-sheet-row:before {
  content: "\e97d";
}
.icon-chart-table:before {
  content: "\e97e";
}
.icon-table:before {
  content: "\e97e";
}
.icon-trash-can:before {
  content: "\e97f";
}
.icon-delete2:before {
  content: "\e97f";
}
.icon-trash:before {
  content: "\e97f";
}
.icon-trash-can-undo:before {
  content: "\e980";
}
.icon-user-crown:before {
  content: "\e98e";
}
.icon-accounts2:before {
  content: "\e982";
}
.icon-users2:before {
  content: "\e982";
}
.icon-users3:before {
  content: "\e983";
}
.icon-user-group:before {
  content: "\e983";
}
.icon-circle-resize-bold:before {
  content: "\e9aa";
}
.icon-win-max:before {
  content: "\e987";
}
.icon-win-min:before {
  content: "\e988";
}
.icon-win-restore:before {
  content: "\e989";
}
.icon-xmark:before {
  content: "\e98c";
}
.icon-close:before {
  content: "\e98c";
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Black.ttf') format('truetype');
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-BoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: 'Roboto Mono';
  src: url('../fonts/RobotoMono-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "StratumNo2-Regular";
  src: url('../fonts/StratumNo2-Regular.ttf') format('truetype');
}
@font-face {
  font-family: "StratumNo2-Bold";
  src: url('../fonts/StratumNo2-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'StateFaceRegular';
  src: url('../fonts/StateFace-Regular-webfont.eot');
  src: url('../fonts/StateFace-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/StateFace-Regular-webfont.woff') format('woff'), url('../fonts/StateFace-Regular-webfont.ttf') format('truetype'), url('../fonts/StateFace-Regular-webfont.svg#StateFaceRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.datepickers-container {
  z-index: 999;
}
.prevent-select {
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.disabled {
  -moz-opacity: 0.55;
  -khtml-opacity: 0.55;
  -webkit-opacity: 0.55;
  opacity: 0.55;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55.00000000000001);
  filter: alpha(opacity=55.00000000000001);
}
.pop-T {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  height: 25px;
  width: auto;
}
.pop-B {
  text-align: right;
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  height: 25px;
  width: auto;
}
.resizable .pop-B {
  padding-top: 3px;
  padding-right: 15px;
}
.pop-M-T {
  position: absolute;
  top: 25px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
.pop-M-B {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 25px;
  right: 0;
  height: auto;
  width: auto;
}
.pop-M-TB {
  position: absolute;
  top: 25px;
  left: 0;
  bottom: 25px;
  right: 0;
  height: auto;
  width: auto;
}
.boxShadow {
  -webkit-box-shadow: 1px 3px 5px #cccccc;
  -moz-box-shadow: 1px 3px 5px #cccccc;
  box-shadow: 1px 3px 5px #cccccc;
}
@keyframes pulse {
  0% {
    background-color: #afc9fa;
    border: 1px solid #3366cc;
  }
  50% {
    background-color: #cad4e6;
  }
  100% {
    background-color: #afc9fa;
    border: 1px solid #3366cc;
  }
}
.grab-attention {
  animation: pulse 1s ease-in-out 3;
  background-color: initial;
  border: initial;
}
@keyframes alternate-gray {
  0% {
    filter: grayscale();
  }
  50% {
    filter: unset;
  }
  100% {
    filter: grayscale();
  }
}
.grab-attention-alternate-gray {
  animation: alternate-gray 2s linear infinite !important;
  filter: unset;
}
@keyframes alternate-dark {
  0% {
    filter: brightness(0);
  }
  50% {
    filter: unset;
  }
  100% {
    filter: brightness(0);
  }
}
.grab-attention-alternate-dark {
  animation: alternate-dark 2s ease-in-out infinite !important;
  filter: unset;
}
@keyframes flip-opacity {
  0%,
  100% {
    opacity: 0.25;
  }
  25%,
  75% {
    opacity: 0.75;
  }
  50% {
    opacity: 1;
  }
}
.grab-attention-flash {
  animation: flip-opacity 2s linear infinite;
}
@-webkit-keyframes hilite-change {
  0% {
    background: #ff9999;
  }
  10% {
    background: #fff0f0;
  }
  20% {
    background: #ffaaaa;
  }
  30% {
    background: #ffe8e8;
  }
  40% {
    background: #ffbbbb;
  }
  50% {
    background: #ffe0e0;
  }
  60% {
    background: #ffcccc;
  }
  70% {
    background: #ffd8d8;
  }
  80% {
    background: #ffdddd;
  }
  90% {
    background: #ffd0d0;
  }
  100% {
    background: #ffffff;
  }
}
@keyframes hilite-change {
  0% {
    background: #ff9999;
  }
  10% {
    background: #fff0f0;
  }
  20% {
    background: #ffaaaa;
  }
  30% {
    background: #ffe8e8;
  }
  40% {
    background: #ffbbbb;
  }
  50% {
    background: #ffe0e0;
  }
  60% {
    background: #ffcccc;
  }
  70% {
    background: #ffd8d8;
  }
  80% {
    background: #ffdddd;
  }
  90% {
    background: #ffd0d0;
  }
  100% {
    background: #ffffff;
  }
}
.highlight {
  -webkit-animation: hilite-change 10s;
  animation: hilite-change 10s;
}
@keyframes highlight-with-border-pulse {
  0% {
    border: 4px solid #990000;
    background-color: #990000;
    color: #ffe0e0;
  }
  100% {
    background-color: inherit;
    border: inherit;
  }
}
.highlight-with-border-pulse {
  animation: highlight-with-border-pulse 1s ease-in-out 25 alternate;
  border: inherit;
}
.a-R {
  text-align: right !important;
}
.a-C {
  text-align: center !important;
}
.a-L {
  text-align: left !important;
}
.va-T {
  vertical-align: top !important;
}
.va-M {
  vertical-align: middle !important;
}
.va-B {
  vertical-align: bottom !important;
}
.f-L {
  float: left;
}
.f-R {
  float: right;
}
.f-C {
  clear: both;
}
.o-H {
  overflow: hidden;
}
.w-25 {
  width: 25%;
}
.w-50 {
  width: 50%;
}
.w-75 {
  width: 75%;
}
.w-100 {
  width: 100%;
}
.transition-hide {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 0;
}
.icon-check-on {
  color: #990000 !important;
}
.icon-radio-on {
  color: #990000 !important;
}
.instruction {
  color: #990000;
  font-style: italic;
}
.dlg-instruction {
  color: #333333 !important;
}
.dlg-instruction strong {
  color: #666699 !important;
}
.dlg-instruction .example {
  color: #000033 !important;
}
.instruction-callout {
  margin: 10px;
  padding: 5px;
  background-color: #e4e4e4;
  border: 1px solid #666699;
  color: #333333 !important;
}
.instruction-callout strong {
  color: #666699 !important;
}
.instruction-callout .example {
  color: #000033 !important;
}
body,
html {
  height: 100%;
}
body.atlas-body {
  overflow: hidden;
}
body {
  font: 12px 'Lato', sans-serif;
  color: #141d1e;
  background-color: #cccccc;
}
div,
input,
textarea {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  cursor: pointer;
  color: #990000;
  text-decoration: none;
}
ul {
  margin: 0;
}
form {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  width: 920px / 2;
  margin: 50px auto;
  padding: 10px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 2px 5px 10px #cccccc;
  -moz-box-shadow: 2px 5px 10px #cccccc;
  box-shadow: 2px 5px 10px #cccccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
form div {
  margin: 20px;
  text-align: center;
}
form input[type=text],
form input[type=password] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-color: #ffffff !important;
  border: 1px solid #cccccc;
  padding: 5px 10px;
  font-size: 1.2em;
  color: #990000;
  width: 100%;
}
form input[type=text].error,
form input[type=password].error {
  border: 1px solid #990000 !important;
  background-color: #ffe0e0 !important;
}
.button-group {
  background-color: #fff8f8;
  border: 1px solid #990000;
  padding: 2px;
}
.checkbox {
  padding: 0;
  height: 11px !important;
}
input[type=text],
select,
textarea,
.input-ctrl {
  color: #660000 !important;
  padding: 2px 3px;
  border: 1px solid #cccccc;
}
input[type=text]::selection,
select::selection,
textarea::selection,
.input-ctrl::selection {
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  text-shadow: none;
  background: #990000;
  background: rgba(153, 0, 0, 0.99);
}
input[type=text]::-moz-selection,
select::-moz-selection,
textarea::-moz-selection,
.input-ctrl::-moz-selection {
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  text-shadow: none;
  background: #990000;
  background: rgba(153, 0, 0, 0.99);
}
:focus {
  outline: 2px dotted #cc9999 !important;
}
:focus::selection {
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  text-shadow: none;
  background: #990000;
  background: rgba(153, 0, 0, 0.99);
}
:focus::-moz-selection {
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  text-shadow: none;
  background: #990000;
  background: rgba(153, 0, 0, 0.99);
}
select option:hover {
  box-shadow: 0 0 10px 100px #1882a8 inset;
}
.label {
  cursor: pointer;
}
button,
.form-button,
form button,
form input[type=submit] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  text-transform: uppercase;
  width: auto;
  float: none;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1px 5px;
  margin-right: 4px;
  font-family: 'Lato', sans-serif !important;
  background-color: #ffffff;
  border: 1px solid #990000;
  text-shadow: none !important;
  color: #990000;
}
button:hover,
.form-button:hover,
form button:hover,
form input[type=submit]:hover {
  background-color: #990000;
  border: 1px solid #660000;
  color: #ffffff;
}
button .icon,
.form-button .icon,
form button .icon,
form input[type=submit] .icon {
  color: inherit !important;
  margin-right: 3px;
}
button.cancel,
.form-button.cancel,
form button.cancel,
form input[type=submit].cancel {
  background-color: #cc0000 !important;
  color: #ffe0e0 !important;
}
button.cancel:hover,
.form-button.cancel:hover,
form button.cancel:hover,
form input[type=submit].cancel:hover {
  background-color: #660000 !important;
  color: #ffe0e0 !important;
}
button.big,
.form-button.big,
form button.big,
form input[type=submit].big {
  width: 100%;
  font-size: 1.2em;
  padding: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
button.ok,
.form-button.ok,
form button.ok,
form input[type=submit].ok,
button.generate,
.form-button.generate,
form button.generate,
form input[type=submit].generate {
  border-color: #006600;
  background-color: #99cc99;
  color: #ffffff;
}
button.ok:hover,
.form-button.ok:hover,
form button.ok:hover,
form input[type=submit].ok:hover,
button.generate:hover,
.form-button.generate:hover,
form button.generate:hover,
form input[type=submit].generate:hover {
  background-color: #006600;
}
button.secondary,
.form-button.secondary,
form button.secondary,
form input[type=submit].secondary {
  border-color: #86b6ce;
  color: #86b6ce;
}
button.secondary:hover,
.form-button.secondary:hover,
form button.secondary:hover,
form input[type=submit].secondary:hover {
  background-color: #86b6ce;
  color: #ffffff;
}
button.disabled,
.form-button.disabled,
form button.disabled,
form input[type=submit].disabled {
  color: #e0e0e0 !important;
  background-color: #999999 !important;
  border-color: #666666 !important;
}
button.no-click,
.form-button.no-click,
form button.no-click,
form input[type=submit].no-click {
  pointer-events: none;
  cursor: default;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
a[href],
input[type='submit'],
input[type='image'],
label[for],
select,
button,
.pointer,
.icon {
  cursor: pointer;
}
#dev-notice {
  display: none;
  font-size: 16px;
  background-color: #ffe0e0;
  color: #990000;
  text-align: center;
  padding: 3px;
  border-bottom: 2px solid #660000;
  height: 27px;
}
body.dev_mode #dev-notice {
  display: block;
}
#feedback-trigger,
#jira-trigger {
  z-index: 9000;
  position: absolute;
  top: 75%;
  left: 0;
  bottom: auto;
  right: auto;
  height: auto;
  width: auto;
  color: #ffe0e0;
  background-color: #990000;
  border: 1px solid #141d1e;
  border-left: none;
  -webkit-box-shadow: 1px 3px 5px #cccccc;
  -moz-box-shadow: 1px 3px 5px #cccccc;
  box-shadow: 1px 3px 5px #cccccc;
}
#feedback-trigger div,
#jira-trigger div {
  border: 1px solid #ffffff;
  border-left: none;
  padding: 7px;
  text-align: center;
  vertical-align: middle;
}
#feedback-trigger div i,
#jira-trigger div i {
  font-size: 16px;
}
#feedback-trigger div:hover,
#jira-trigger div:hover {
  background-color: #660000;
}
#feedback-trigger div:hover i:hover,
#jira-trigger div:hover i:hover {
  color: #ffffff;
}
.masquerade {
  background-color: #ccaa00;
  padding: 2px;
}
.masquerade-info {
  background-color: #ffe0e0;
  border: 1px solid #330000;
  padding: 8px;
}
.masquerade-info button {
  margin-bottom: 5px;
}
.strike {
  text-decoration: line-through;
}
.hidden {
  display: none !important;
  background-color: cyan !important;
}
.invisible {
  visibility: hidden;
}
.clear {
  clear: both;
}
.clear:after {
  clear: both;
  content: "";
  display: table;
}
.container {
  position: relative;
  height: 100%;
  width: 100%;
}
.inset {
  padding: 5px;
}
.overview {
  width: 100%;
}
.page-centered {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
}
.error {
  background-color: #ffe0e0 !important;
  color: #660000 !important;
  border: 1px solid #330000 !important;
}
.error a {
  color: #000066 !important;
}
.error .msg-title {
  color: #660000 !important;
}
.error .icon {
  color: #330000 !important;
}
.warn {
  background-color: #ffff39;
  color: #990000 !important;
  border: 1px solid #990000;
}
.warn a {
  color: #330000;
}
.warn .msg-title {
  color: #660000 !important;
}
.warn .icon {
  color: #330000;
}
.info {
  background-color: #ddffdd !important;
  color: #006600 !important;
  border: 1px solid #006600 !important;
}
.info i.icon {
  color: #006600 !important;
}
.info a {
  color: #000066;
}
.info .msg-title {
  color: #003300 !important;
}
.info .icon {
  color: #006600;
}
.flash {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(153, 0, 0, 0.1);
  color: #990000;
  border: 1px solid #990000;
  font-size: 16px;
  font-weight: bold;
  padding: 15px;
  width: 1840px / 3;
  margin: 50px auto;
}
.flash a {
  color: #141d1e;
  text-decoration: underline;
}
.panes > .pane {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  display: none !important;
}
.panes > .pane.active {
  display: block !important;
}
.page-banner {
  background-image: linear-gradient(to right, #141d1e, #cc0000);
}
.page-header {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  background-color: #141d1e;
  color: #ffffff;
  height: 76px;
}
.page-header table {
  border-collapse: collapse;
  width: 100%;
  height: 76px;
}
.page-header table td {
  font: 48px 'Lato', sans-serif;
  text-align: center;
  line-height: 0;
}
.page-footer {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  bottom: 0;
}
.page-footer > div {
  height: 20px;
  padding: 4px;
  font-size: 11px;
  background-color: #141d1e;
  color: #ffffff;
  font-weight: 300;
}
.page-footer > div a {
  color: #ffffff;
  text-shadow: none;
}
.page-footer-space {
  height: 100px;
}
.logo {
  float: left;
}
.logo a {
  display: block;
  height: 100%;
  width: 100%;
}
.legal {
  font-family: 'Roboto Mono', monospace;
  text-align: justify;
  font-size: 11px;
}
.account-form {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  padding: 0;
  font-size: 13px;
  background-color: #fafafa;
  border: 1px solid #aaaaaa;
}
.account-form h1 {
  text-align: center;
  margin: 0;
  padding: 4px 20px;
  font-size: 24px;
  font-weight: bold;
  background-color: #cccccc;
  color: #666666;
  border-bottom: 1px solid #aaaaaa;
}
.account-form h2 {
  color: #999999 !important;
  font-size: 14px;
  font-weight: normal;
  margin: 0 20px -18px !important;
  text-align: left;
}
.account-form input {
  border: 1px solid #aaaaaa !important;
}
.account-form .password2-label-container {
  margin-block: 0;
  text-align: unset;
  position: relative;
}
.account-form .password2-label-container h2 {
  margin-left: 0 !important;
}
.account-form .password2-label-container #password2-msg {
  margin: 0;
  text-align: unset;
  position: absolute;
  right: 0;
  color: #990000;
}
.account-form div.pwStrengthError {
  text-align: left;
  color: #666666;
}
.account-form div.pwStrengthError .invalid {
  color: #990000;
}
.account-form div.pwStrengthError .valid {
  color: #666666;
  text-decoration: line-through;
}
.account-form div.pwStrengthError .not-required {
  color: #666666;
}
.account-form .welcome {
  background-color: #ffe0e0;
  border: 1px solid #990000;
  padding: 10px;
}
.account-form .welcome em {
  font-weight: bold;
}
.account-form .welcome-help {
  background-color: #e0e0e8;
  border: 1px solid #000066;
  padding: 10px;
  text-align: left;
}
.account-form .welcome-help #expired-password-notice {
  color: #990000;
  font-weight: bolder;
  background-color: #ffe0e0;
  margin-block: 0px;
  padding: 10px;
  border: 3px solid #990000;
  display: flex;
  align-items: center;
}
.account-form .welcome-help #expired-password-notice .icon {
  margin-right: 7.5px;
  font-size: 2.2em;
}
.account-form .welcome-help ul {
  padding-left: 10px;
}
.account-form .welcome-help em {
  font-weight: bold;
}
.account-form .password {
  position: relative;
}
.account-form .password input {
  width: 100%;
  padding-right: 25px;
}
.account-form .password .show-password {
  font-size: 1.2em;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
#child-logon-page {
  padding: 0 10px;
}
#child-logon-page .child-logon-toolbar {
  padding: 10px;
  background-color: #e0e0e0;
}
#child-logon-page .child-logon-customers {
  padding: 10px;
}
#child-logon-page .child-logon-customers ul {
  margin: 10px;
}
#dash-control {
  background: #333333;
}
#dash-control div {
  display: inline-block;
  margin: 3px;
  font-weight: bold;
  background-color: #999999;
  color: #141d1e;
  text-align: center;
  cursor: pointer;
}
#dash-control .play_pause {
  margin: 3px;
  background-color: #990000;
  color: #ffffff;
}
#dash-control .play_pause i {
  margin: 4px;
}
#dash-control .play_pause:hover {
  background-color: #996666;
  color: #660000;
}
#dash-control #dash-control-10 {
  font-size: 10px;
  width: 14px;
  border-radius: 7px;
}
#dash-control #dash-control-12 {
  font-size: 12px;
  width: 18px;
  border-radius: 9px;
}
#dash-control #dash-control-14 {
  font-size: 14px;
  width: 22px;
  border-radius: 11px;
}
#dash-control #dash-control-16 {
  font-size: 16px;
  width: 26px;
  border-radius: 13px;
}
#dash-control #dash-control-18 {
  font-size: 18px;
  width: 30px;
  border-radius: 15px;
}
.kin-menu {
  position: fixed;
  margin-left: -10px;
  margin-top: 5px;
  border: 1px solid #cccccc;
  background-color: #f0f0f0;
  padding: 2px;
}
.kin-menu a {
  display: block;
  margin: 2px;
  font-weight: normal;
  margin-inline: 5px;
}
.kin-menu a:hover {
  background-color: #990000;
  color: #ffffff !important;
  font-weight: bold;
}
#cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.card {
  font-size: 0.95em;
  border: 0px solid #cccccc;
  padding: 4px;
  width: auto !important;
  xborder-radius: 5px;
  display: inline-block;
  margin: 3px;
  color: #666666;
  background-color: #e0e0e0;
  xheight: 80px !important;
}
.card div {
  margin-block: 1px;
}
.card span {
  padding: 0px !important;
}
.card .title {
  font-weight: bold;
  color: #333333;
  margin-bottom: 3px;
}
.card .title i {
  margin-right: 5px;
}
.card .emphasis {
  font-weight: bold;
  color: #141d1e;
}
.card .disk-space-area {
  background-color: #669966;
  width: 100%;
  height: 5px;
  padding: 0px;
  text-align: left;
}
.card .disk-space-bar {
  margin: 0px;
  padding: 0px;
  height: 5px;
  background-color: #996666;
}
.card.status-ok,
.card.state-ok {
  border-color: #009900;
}
.card.status-error,
.card.state-error {
  border-color: #990000;
  background-color: #ffe0e0 !important;
}
.card.status-warn,
.card.state-warn {
  border-color: #ccaa00;
}
.staging-card {
  background-color: #cfe2eb;
  border-color: #000066;
  color: #000066 !important;
}
.staging-card i {
  color: #000066 !important;
}
.staging-card table th {
  background-color: #cfe2eb !important;
  text-align: center;
  color: #000066 !important;
}
.staging-card table td {
  padding: 2px;
  padding-inline: 2px;
  color: #000066 !important;
}
.dashboard2 {
  font-family: 'Lato', sans-serif !important;
  color: #333333;
}
.dashboard2 a {
  color: inherit !important;
}
.dashboard2 strong {
  color: #990000;
  font-weight: bold;
}
.dashboard2 span {
  font-weight: bold;
  padding: 3px;
}
.dashboard2 td,
.dashboard2 th {
  vertical-align: top;
}
.dashboard2 #dash-db-long .detail-table td span {
  padding-top: 0;
  background-color: #e4e4e4;
}
.dashboard2 .host_stats {
  border-collapse: separate !important;
  border-spacing: 1px !important;
}
.dashboard2 .host_stats .em {
  font-weight: bold;
}
.dashboard2 .host_stats th,
.dashboard2 .host_stats td {
  padding: 2px !important;
}
.dashboard2 .host_stats th {
  font-size: 1em !important;
  text-align: center;
  background-color: #e0e0e0 !important;
  color: #666666;
}
.dashboard2 #dash-summary {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9998;
  xborder: 6px solid #cccccc;
  border-style: solid;
  border-width: 10px 0px 0px 0px;
  background-color: #ffffff !important;
  xfont-size: 1.1em;
}
.dashboard2 #dash-summary table {
  margin: 0 auto;
  border-collapse: separate !important;
  border-spacing: 4px !important;
}
.dashboard2 #dash-summary table th {
  font-weight: bold;
  color: #660000;
  text-align: right;
  padding: 3px;
  background-color: #ffe0e0;
}
.dashboard2 #dash-summary #summary-stage {
  padding: 5px;
}
.dashboard2 #dash-summary #summary-stage div {
  display: inline-block;
  color: #000066 !important;
  background-color: #e0e0e8;
  margin: auto;
  padding: 5px;
}
.dashboard2 #dash-summary #servers {
  text-align: center;
  width: auto;
  margin: auto;
}
.dashboard2 #dash-summary .collection-box {
  display: inline-block;
  text-align: center;
  margin: 3px 3px;
  padding: 3px;
  border: 4px solid #cccccc;
}
.dashboard2 #dash-summary .collection-box .time {
  font-size: 0.8em;
}
.dashboard2 #dash-summary .host_box {
  display: inline-block;
  text-align: center;
  margin: 3px 3px;
  padding: 1px 1px;
  border: 3px solid #cccccc;
  font-size: 0.9em;
}
.dashboard2 #dash-summary .box-status-green {
  border-color: #009900;
}
.dashboard2 #dash-summary .box-status-yellow {
  border-color: #ccaa00;
}
.dashboard2 #dash-summary .box-status-red {
  border-color: #990000;
}
.dashboard2 #dash-summary .host_stats th,
.dashboard2 #dash-summary .host_stats td {
  padding: 4px !important;
}
.dashboard2 #dash-summary .host_stats th {
  font-size: 1em !important;
  text-align: center;
  background-color: #e0e0e0 !important;
  color: #666666;
}
.dashboard2 #dash-summary #disk-space {
  text-align: center;
}
.dashboard2 #dash-summary #disk-space table {
  display: inline-block;
  xfloat: left;
  border: 1px solid #e0e0e0;
  width: auto;
  font-size: 0.9em;
  margin: 5px;
  border-collapse: collapse !important;
}
.dashboard2 #dash-summary #disk-space table th {
  background-color: #e0e0e0;
  color: #666666;
  padding: 2px;
  text-align: right;
}
.dashboard2 #dash-summary #disk-space table td {
  background-color: #e0e0e0;
  font-weight: normal;
  border: none;
  min-width: 95px;
}
.dashboard2 #dash-summary #disk-space table .space-percentage {
  position: relative;
  height: 1.5em;
  background-color: #ddffdd;
}
.dashboard2 #dash-summary #disk-space table td.error .space-percentage {
  background-color: #990000;
}
.dashboard2 #dash-summary #disk-space table td.warn .space-percentage {
  background-color: #ffff39;
}
.dashboard2 #dash-summary #disk-space table .space-text {
  min-width: 140px;
  text-align: left;
  padding: 2px;
  position: fixed;
  color: #141d1e;
  z-index: 999;
  overflow-x: hidden;
}
.dashboard2 .detail-table {
  width: 100%;
  xtable-layout: fixed;
  border-spacing: 10px !important;
  background-color: #fcfcfc;
}
.dashboard2 .detail-table tr:nth-child(odd) {
  background-color: #e0e0e0;
}
.dashboard2 .detail-table td,
.dashboard2 .detail-table th {
  padding: 2px 5px !important;
}
.dashboard2 .detail-table th {
  color: #ffffff;
  background-color: #aaaaaa;
}
.dashboard2 .detail-table .collection {
  font-weight: bold;
  font-size: 1.2em;
  color: #141d1e;
}
.dashboard2 .detail-table .n {
  font-size: 1.1em;
  font-weight: bold;
  min-width: 25px;
}
.dashboard2 .detail-table .dur {
  font-size: 1.1em;
  xfont-weight: bold;
  width: 45px;
  text-align: right !important;
}
.dashboard2 .detail-table .op {
  width: 50px;
}
.dashboard2 .detail-table .sql {
  text-align: left !important;
  xwhite-space: nowrap;
  overflow-wrap: anywhere;
}
.dashboard2 .detail-table .id {
  text-align: center !important;
  xwhite-space: nowrap;
  overflow-wrap: anywhere;
  min-width: 80px;
}
.dashboard2 .detail-table .db {
  text-align: center !important;
  white-space: nowrap;
  min-width: 40px;
}
.dashboard2 .detail-table .ds {
  text-align: center !important;
  white-space: nowrap;
  min-width: 50px;
}
.dashboard2 .detail-table .time {
  font-size: 0.9em;
  text-align: center !important;
  white-space: nowrap;
  min-width: 60px;
}
.dashboard2 .detail-table .status {
  text-align: center !important;
  white-space: nowrap;
  min-width: 60px;
}
.dashboard2 .detail-table .row-label {
  font-weight: bold;
}
.dashboard2 .detail-table .c,
.dashboard2 .detail-table .u,
.dashboard2 .detail-table .obj {
  text-align: left;
  min-width: 50%;
}
.dashboard2 .detail-table .qry {
  xwidth: 80%;
}
.dashboard2 .detail-table .qry span {
  padding: 1px;
}
.dashboard2 .detail-table .job-status-DONE {
  background-color: #e0e0e0 !important;
  color: #666666 !important;
}
.dashboard2 .detail-table .job-status-DONE a {
  color: #666666 !important;
}
.dashboard2 .detail-table .job-status-ERROR {
  background-color: #ffe0e0 !important;
  color: #660000 !important;
}
.dashboard2 .detail-table .job-status-ERROR a {
  color: #660000 !important;
}
.dashboard2 .detail-table .job-status-WORKING,
.dashboard2 .detail-table .job-status-ENQUEUED {
  background-color: #ddffdd !important;
  color: #006600 !important;
}
.dashboard2 .detail-table .job-status-WORKING a,
.dashboard2 .detail-table .job-status-ENQUEUED a {
  color: #006600 !important;
}
.dashboard2 #dash-control {
  position: absolute;
  z-index: 9999;
  bottom: 0 !important;
  right: 0 !important;
  background: #333333;
  width: auto;
  height: auto;
}
.dashboard2 #server-table table {
  width: 100%;
}
.dashboard2 #server-table td {
  text-align: right;
  padding: 0 4px;
  xmin-width: 40px;
}
.dashboard2 #server-table .host {
  font-weight: bold;
  font-size: 1.2em;
}
.dashboard2 #server-table .status span {
  margin: 0 2px;
}
.dashboard2 .status-ok,
.dashboard2 .state-ok {
  background-color: #ddffdd !important;
  color: #006600 !important;
}
.dashboard2 .status-ok a,
.dashboard2 .state-ok a {
  color: #006600 !important;
}
.dashboard2 .status-warn,
.dashboard2 .state-warn {
  background-color: #ffffcc !important;
  color: #996600 !important;
}
.dashboard2 .status-warn a,
.dashboard2 .state-warn a {
  color: #996600 !important;
}
.dashboard2 .status-err,
.dashboard2 .state-err {
  background-color: #ffe0e0 !important;
  color: #660000 !important;
}
.dashboard2 .status-err a,
.dashboard2 .state-err a {
  color: #660000 !important;
}
.dashboard2 .status-done,
.dashboard2 .state-done {
  background-color: #aaaaaa !important;
  color: #666666 !important;
}
.dashboard2 .status-done a,
.dashboard2 .state-done a {
  color: #333333 !important;
}
.dashboard2 .recent1 {
  background-color: #ddffdd !important;
  color: #006600 !important;
}
.dashboard2 .recent1 a {
  color: #006600 !important;
}
.dashboard2 .recent2 {
  background-color: #ffffcc !important;
  color: #996600 !important;
}
.dashboard2 .recent2 a {
  color: #996600 !important;
}
.dashboard2 .recent3 {
  background-color: #ffe0e0 !important;
  color: #660000 !important;
}
.dashboard2 .recent3 a {
  color: #660000 !important;
}
.dashboard2 #dash-dm-sessions table td:nth-child(1) {
  font-size: 1.1em;
  font-weight: bold;
  text-align: right;
}
.dashboard2 #dash-dm-sessions table td:nth-child(2) {
  text-align: center !important;
  xwhite-space: nowrap;
  overflow-wrap: anywhere;
}
.dashboard2 #dash-dm-sessions table td:nth-child(3) {
  text-align: center !important;
  white-space: nowrap;
}
.dashboard2 #dash-dm-sessions table td:nth-child(4) {
  text-align: center !important;
  white-space: nowrap;
}
.dashboard2 #dash-dm-sessions table td:nth-child(5) {
  text-align: left;
}
.dashboard2 #dash-dm-sessions table td:nth-child(6) {
  text-align: left;
}
.dashboard2 #dash-dm-sessions table td:nth-child(7) {
  font-size: 0.9em;
  text-align: center !important;
  white-space: nowrap;
}
.dashboard {
  font-family: 'Roboto Mono', monospace !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  background-color: #666666;
  padding: 0;
}
.dashboard #dash-content2 {
  text-align: center;
}
.dashboard #dash-grid2 {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: auto;
  width: auto;
  overflow-y: scroll;
}
.dashboard #dash-grid2 .heading {
  display: none;
}
.dashboard #dash-grid2 .heading span {
  font-weight: bold;
  font-size: 1.1em;
  color: #a66a6a;
  padding: 2px 5px;
  margin-top: 10px;
}
.dashboard #dash-grid2 #dash-details {
  position: relative;
  background-color: #e0e0e0 !important;
  padding: 10px;
  font-size: 0.9em;
  color: #666666;
  grid-row: 2;
  grid-column-start: 1;
  grid-column-end: 1;
}
.dashboard #dash-grid2 #dash-details .section {
  border: 1px solid #cccccc;
  margin: 20px 0;
}
.dashboard #dash-grid2 #dash-details .section .header {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #ffffff;
  background-color: #666666;
  padding: 5px;
}
.dashboard #dash-grid {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  height: auto;
  width: auto;
  display: grid;
  grid-template-columns: 350px 300px 1fr 1fr;
  grid-template-rows: auto 1fr;
  grid-gap: 5px;
  font-family: 'Roboto Mono', monospace;
}
.dashboard #dash-summary {
  background-color: #cccccc;
  grid-row: 1;
  grid-column-start: 1;
  grid-column-end: 5;
}
.dashboard #dash-sessions {
  background-color: #cccccc;
  grid-row: 2;
  grid-column: 1;
}
.dashboard #dash-jobs {
  background-color: #cccccc;
  grid-row: 2;
  grid-column: 2;
}
.dashboard #dash-kjobs {
  background-color: #cccccc;
  grid-row: 2;
  grid-column: 3;
}
.dashboard #dash-longest {
  background-color: #cccccc;
  grid-row: 2;
  grid-column: 4;
  padding: 10px;
}
.dashboard #dash-longest .day {
  background-color: #e0e0e0 !important;
}
.dashboard #dash-longest .header {
  padding: 5px;
  font-weight: bold !important;
  margin-bottom: 10px;
  background-color: #ffe0e0;
}
.dashboard #dash-longest .long_query {
  width: 100%;
  margin-bottom: 10px;
  table-layout: fixed;
}
.dashboard #dash-longest .long_query td:nth-child(1) {
  width: 50px;
}
.dashboard #dash-longest .long_query th {
  vertical-align: top;
  padding: 0 5px;
  font-weight: bold;
  width: 60px;
}
.dashboard a {
  text-decoration: underline;
}
.dashboard u {
  margin-left: 2px;
  text-decoration: none;
  font-size: 0.8em;
}
.dashboard.dash-size-10 {
  font-size: 10px;
}
.dashboard.dash-size-10 #dash-control-10 {
  background-color: #ffffff !important;
}
.dashboard.dash-size-10 .dash-fixed-1 {
  width: 32px !important;
}
.dashboard.dash-size-10 .dash-fixed-2 {
  width: 56px !important;
}
.dashboard.dash-size-10 .dash-fixed-3 {
  width: 62px !important;
}
.dashboard.dash-size-10 .dash-fixed-4 {
  width: 82px !important;
}
.dashboard.dash-size-10 .dash-summary-head {
  min-width: 90px !important;
}
.dashboard.dash-size-10 .dash-summary-cell {
  margin: 1px;
  line-height: 14px;
}
.dashboard.dash-size-10 #dash-summary table {
  border-spacing: 1px !important;
}
.dashboard.dash-size-12 {
  font-size: 12px;
}
.dashboard.dash-size-12 #dash-control-12 {
  background-color: #ffffff !important;
}
.dashboard.dash-size-12 .dash-fixed-1 {
  width: 38px !important;
}
.dashboard.dash-size-12 .dash-fixed-2 {
  width: 62px !important;
}
.dashboard.dash-size-12 .dash-fixed-3 {
  width: 68px !important;
  text-align: center;
}
.dashboard.dash-size-12 .dash-fixed-4 {
  width: 88px !important;
  text-align: center;
}
.dashboard.dash-size-12 .dash-summary-head {
  min-width: 96px !important;
}
.dashboard.dash-size-12 .dash-summary-cell {
  margin: 2px;
  line-height: 16px;
}
.dashboard.dash-size-12 #dash-summary table {
  border-spacing: 2px !important;
}
.dashboard.dash-size-14 {
  font-size: 14px;
}
.dashboard.dash-size-14 #dash-control-14 {
  background-color: #ffffff !important;
}
.dashboard.dash-size-14 .dash-fixed-1 {
  width: 42px !important;
}
.dashboard.dash-size-14 .dash-fixed-2 {
  width: 66px !important;
}
.dashboard.dash-size-14 .dash-fixed-3 {
  width: 72px !important;
  text-align: center;
}
.dashboard.dash-size-14 .dash-fixed-4 {
  width: 92px !important;
  text-align: center;
}
.dashboard.dash-size-14 .dash-summary-head {
  min-width: 96px !important;
}
.dashboard.dash-size-14 .dash-summary-cell {
  margin: 2px;
  line-height: 18px;
}
.dashboard.dash-size-14 #dash-summary table {
  border-spacing: 2px !important;
}
.dashboard.dash-size-16 {
  font-size: 16px;
}
.dashboard.dash-size-16 #dash-control-16 {
  background-color: #ffffff !important;
}
.dashboard.dash-size-16 .dash-fixed-1 {
  width: 52px !important;
}
.dashboard.dash-size-16 .dash-fixed-2 {
  width: 78px !important;
}
.dashboard.dash-size-16 .dash-fixed-3 {
  width: 82px !important;
  text-align: center;
}
.dashboard.dash-size-16 .dash-fixed-4 {
  width: 102px !important;
  text-align: center;
}
.dashboard.dash-size-16 .dash-summary-head {
  min-width: 100px !important;
}
.dashboard.dash-size-16 .dash-summary-cell {
  margin: 3px;
  line-height: 20px;
}
.dashboard.dash-size-16 #dash-summary table {
  border-spacing: 3px !important;
}
.dashboard.dash-size-18 {
  font-size: 18px;
}
.dashboard.dash-size-18 #dash-control-18 {
  background-color: #ffffff !important;
}
.dashboard.dash-size-18 .dash-fixed-1 {
  width: 58px !important;
}
.dashboard.dash-size-18 .dash-fixed-2 {
  width: 84px !important;
}
.dashboard.dash-size-18 .dash-fixed-3 {
  width: 88px !important;
  text-align: center;
}
.dashboard.dash-size-18 .dash-fixed-4 {
  width: 108px !important;
  text-align: center;
}
.dashboard.dash-size-18 .dash-summary-head {
  min-width: 120px !important;
}
.dashboard.dash-size-18 .dash-summary-cell {
  margin: 3px;
  line-height: 22px;
}
.dashboard.dash-size-18 #dash-summary table {
  border-spacing: 3px !important;
}
.dashboard #dash-summary {
  padding: 5px;
}
.dashboard #dash-summary #dash-control {
  position: absolute;
  top: 0;
  right: 0;
  background: #333333;
  width: auto;
}
.dashboard #dash-summary hr {
  border-bottom: 1px solid #aaaaaa;
  border-top: 1px solid #ffffff;
}
.dashboard #dash-summary p {
  margin: 2px;
}
.dashboard #dash-summary .dbr {
  background-color: #ffe0e0;
}
.dashboard #dash-summary span {
  display: inline-block !important;
}
.dashboard #dash-summary .dash-summary-head {
  padding: 1px 2px;
  text-align: right;
  background-color: #999999;
  color: #ffffff;
  font-weight: bold;
  overflow: hidden;
}
.dashboard #dash-summary .dash-summary-cell {
  padding: 1px 2px;
  background-color: #ffffff;
  color: #141d1e;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
}
.dashboard #dash-summary .dash-summary-cell.l2 {
  background-color: #990000;
  color: #ffffff;
}
.dashboard #dash-summary .dash-summary-cell.snapshot {
  background-color: #996666;
  color: #ffffff;
}
.dashboard #dash-summary .dash-summary-head.dash-summary-stage {
  background-color: #6a88a6;
  color: #ffffff !important;
}
.dashboard #dash-summary .dash-summary-orders {
  font-weight: bold;
  background-color: #99cc99 !important;
  color: #006600;
}
.dashboard #dash-summary .dash-summary-stage-info {
  background-color: #86b6ce;
  color: #000066 !important;
}
.dashboard #dash-summary .dash-summary-stage {
  background-color: #cfe2eb;
  color: #000066 !important;
}
.dashboard #dash-summary .dash-summary-nbr {
  margin-left: 10px;
  font-weight: bold;
}
.dashboard #dash-summary .dash-summary-text {
  margin-left: 5px;
}
.dashboard #dash-summary .dash-summary-dur {
  font-size: 0.6em;
}
.dashboard #dash-summary .dash-summary- {
  background-color: #e0e0e0;
  color: #999999;
}
.dashboard #dash-summary .dash-summary-render {
  background-color: #cccccc;
  color: #141d1e;
}
.dashboard #dash-summary .dash-summary-recent1 {
  color: #669966;
  background-color: #ddffdd;
}
.dashboard #dash-summary .dash-summary-recent1.dash-summary-important {
  color: #006600;
  font-weight: bold;
  background-color: #99cc99;
  border-color: #006600;
}
.dashboard #dash-summary .dash-summary-recent2 {
  color: #996600;
  background-color: #ffffcc;
}
.dashboard #dash-summary .dash-summary-recent3 {
  color: #330000;
  background-color: #ffe0e0;
}
.dashboard #dash-summary .dash-summary-err {
  background-color: #ffe0e0;
  color: #990000;
  border-color: #990000;
}
.dashboard #dash-summary .dash-summary-api {
  background-color: #ffffcc;
}
.dashboard #dash-summary .dash-summary-api-err {
  background-color: #ffffcc;
  color: #990000;
  border-color: #990000;
}
.dashboard #dash-summary .dash-title {
  background-color: #dddddd;
  color: #666666;
}
.dashboard #dash-summary .dash-total {
  background-color: #dddddd;
  color: #666666;
}
.dashboard #dash-summary .dash-cell-red {
  color: #660000;
  background-color: #ffe0e0;
  border-color: #990000;
}
.dashboard #dash-summary .dash-cell-yellow {
  background-color: #ffffcc;
  color: #996600;
  border-color: #996600;
}
.dashboard #dash-summary .dash-cell-green {
  background-color: #ddffdd;
  color: #003300;
  border-color: #003300;
}
.dashboard #dash-summary table {
  border-collapse: collapsed;
}
.dashboard #dash-summary table .dash-fixed-1 {
  width: auto !important;
}
.dashboard #dash-summary table .dash-fixed-2 {
  width: auto !important;
}
.dashboard #dash-summary table .dash-fixed-3 {
  width: auto !important;
}
.dashboard #dash-summary table .dash-fixed-4 {
  width: auto !important;
}
.dashboard #dash-summary-jobs,
.dashboard #dash-summary-kin-jobs,
.dashboard #dash-summary-users {
  margin-top: 10px;
  width: 100%;
  overflow-x: scroll;
  display: block;
  height: 230px;
  writing-mode: vertical-rl;
  transform: scale(-1);
  color: #141d1e;
}
.dashboard #dash-sessions,
.dashboard #dash-jobs {
  overflow-y: scroll;
  padding: 5px;
}
.dashboard #dash-kjobs {
  overflow-y: scroll;
  padding: 5px;
}
.dashboard .session,
.dashboard .job,
.dashboard .kjob {
  padding: 2px;
  overflow: hidden;
  background-color: #e0e0e0;
  margin: 0 0 8px 0;
}
.dashboard .session a,
.dashboard .job a,
.dashboard .kjob a {
  color: #141d1e !important;
}
.dashboard .session.recent1 {
  background-color: #ddffdd;
  color: #006600 !important;
}
.dashboard .session.recent1 a {
  color: #006600 !important;
}
.dashboard .session.recent2 {
  background-color: #ffffcc;
  color: #996600 !important;
}
.dashboard .session.recent2 a {
  color: #996600 !important;
}
.dashboard .session.recent3 {
  background-color: #ffe0e0;
  color: #660000 !important;
}
.dashboard .session.recent3 a {
  color: #660000 !important;
}
.dashboard .job.DONE {
  background-color: #e0e0e0 !important;
  color: #666666 !important;
}
.dashboard .job.DONE a {
  color: #666666 !important;
}
.dashboard .job.ERROR {
  background-color: #ffe0e0 !important;
  color: #660000 !important;
}
.dashboard .job.ERROR a {
  color: #660000 !important;
}
.dashboard .job.WORKING,
.dashboard .job.ENQUEUED {
  background-color: #ddffdd !important;
  color: #006600 !important;
}
.dashboard .job.WORKING a,
.dashboard .job.ENQUEUED a {
  color: #006600 !important;
}
.dashboard .kjob > table {
  width: 100%;
  table-layout: fixed;
}
.dashboard .kjob > table td {
  padding: 2px 0;
  vertical-align: top;
}
.dashboard .kjob > table td:nth-child(1) {
  width: 35px !important;
}
.dashboard .kjob > table td:nth-child(2) {
  width: 65px !important;
  text-align: left;
}
.dashboard .kjob .s {
  font-weight: bold;
}
.dashboard .kjob .e {
  font-weight: bold;
}
.dashboard .kjob .sql {
  font-style: italic;
}
.dashboard .kjob.DONE {
  background-color: #e0e0e0 !important;
  color: #666666 !important;
}
.dashboard .kjob.DONE a {
  color: #666666 !important;
}
.dashboard .kjob.OK {
  background-color: #ddffdd;
  color: #006600 !important;
}
.dashboard .kjob.OK a {
  color: #006600 !important;
}
.dashboard .kjob.CONCERN {
  background-color: #ffffcc;
  color: #996600 !important;
}
.dashboard .kjob.CONCERN a {
  color: #996600 !important;
}
.dashboard .kjob.ISSUE {
  background-color: #ffe0e0;
  color: #660000 !important;
}
.dashboard .kjob.ISSUE a {
  color: #660000 !important;
}
.dashboard .session > table,
.dashboard .job > table {
  width: 100%;
  table-layout: fixed;
}
.dashboard .session > table td,
.dashboard .job > table td {
  padding: 2px 0;
  vertical-align: top;
}
.dashboard .session > table td:nth-child(1),
.dashboard .job > table td:nth-child(1) {
  width: 30px !important;
}
.dashboard .session > table td:nth-child(3),
.dashboard .job > table td:nth-child(3) {
  width: 65px !important;
  text-align: left;
}
.dashboard .session > table td:nth-child(4),
.dashboard .job > table td:nth-child(4) {
  width: 35px !important;
  text-align: left;
}
.dashboard .session > table td:nth-child(5),
.dashboard .job > table td:nth-child(5) {
  width: 20px !important;
}
.dashboard .session > div,
.dashboard .job > div {
  text-overflow: ellipsis;
  line-height: 16px;
  clear: both;
  overflow: hidden;
  white-space: nowrap;
}
.dashboard .session > div > div,
.dashboard .job > div > div {
  text-overflow: ellipsis;
  display: inline-block;
  margin: 3px 6px;
  white-space: nowrap;
  overflow: hidden;
}
.dashboard .session .u,
.dashboard .job .u {
  font-weight: bold;
}
.dashboard .session .ds,
.dashboard .job .ds,
.dashboard .session .status,
.dashboard .job .status {
  font-weight: bold;
  text-align: right;
  padding-right: 3px;
}
.dashboard .session .i,
.dashboard .job .i {
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
  float: right;
  text-align: center;
  writing-mode: horizontal-tb;
  transform: rotate(180deg);
}
.dashboard .session .n,
.dashboard .job .n {
  padding-right: 3px;
  text-align: right !important;
}
.dashboard .session .u,
.dashboard .job .u {
  font-weight: bold;
}
.dashboard .session .progress,
.dashboard .job .progress {
  font-style: italic;
}
body.dev_mode .dashboard {
  position: absolute;
  top: 28px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
.page-account {
  min-height: 100%;
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}
#app-picker {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  background-color: #ffffff;
}
#app-picker .toc ul {
  padding-left: 45px;
}
#app-picker .welcome div {
  width: auto;
}
#app-picker .admin {
  background-color: #e0e0e0;
  padding: 10px 0 20px 0;
  margin-inline: -10px;
  overflow: auto;
}
#app-picker .admin > div {
  margin: 0 5px;
  height: 30px !important;
  padding: 5px;
}
#app-picker .admin > div a {
  position: relative;
}
#app-picker .admin > div span {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 5px 0 5px;
}
#app-picker .admin > div button {
  line-height: 12px;
}
#app-picker h3 {
  margin: 0 0 7px;
  display: flex;
  justify-content: space-between;
}
#app-picker .order-report-button,
#app-picker .export-report-button,
#app-picker .remove-myself {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  background-color: #ffe0e0;
  color: #990000;
  border: 1px solid #660000;
  padding: 3px;
  border-radius: 8px;
}
#app-picker .order-report-button .icon,
#app-picker .export-report-button .icon,
#app-picker .remove-myself .icon {
  pointer-events: none;
}
#app-picker .order-report-button:hover,
#app-picker .export-report-button:hover,
#app-picker .remove-myself:hover {
  background-color: #996666;
  color: #fff8f8;
}
#app-picker .child-logon-link {
  display: inline-block;
  margin-left: 10px;
  background-color: #990000;
  color: #ffff39;
  border: 1px solid #cccccc;
  padding: 3px;
}
#app-picker .links-col {
  width: 100%;
  padding-left: 20px;
  font-size: 12px;
}
#app-picker .links-col .app {
  box-sizing: content-box;
  border: 1px solid #990000;
  border-radius: 6px;
  height: 55px;
  display: flex;
  margin: 4px;
  padding: 4px;
  float: left !important;
  width: 200px !important;
  position: relative;
}
#app-picker .links-col .app:hover {
  background-color: #ffe0e0;
  text-shadow: none;
}
#app-picker .links-col .app .table {
  vertical-align: middle;
  overflow: hidden;
  display: table;
  min-height: 34px;
}
#app-picker .links-col .app .table div {
  vertical-align: middle;
  display: table-cell;
}
#app-picker .links-col .app .table .a-right {
  width: 150px !important;
  font-size: 14px;
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#app-picker .links-col .app .state {
  font-size: 26px !important;
  width: 50px !important;
  color: inherit !important;
  text-align: center;
}
#app-picker .links-col .app .icon {
  font-size: 18px;
  color: #141d1e;
}
#app-picker .links-col .app .deleted-resource-status {
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 10px;
  color: #ffffff;
  font-weight: bold;
  padding: 2px 5px;
  text-align: center;
  min-width: 19px;
  line-height: 1;
}
#app-picker .links-col .app .deleted-resource-status.red {
  background-color: #990000;
  color: #fff8f8;
}
#app-picker .links-col .app .deleted-resource-status.yellow {
  background-color: #ccaa00;
  color: #ffffcc;
}
#app-picker .links-col .app .deleted-resource-status.green {
  background-color: #006600;
  color: #ddffdd;
}
#app-picker .links-col .app.disabled {
  border-color: #cccccc;
  color: #aaaaaa;
}
#app-picker .links-col .app.disabled:hover {
  background-color: inherit;
  text-shadow: none;
}
#app-picker .customer {
  clear: both;
  margin-top: 0.5em;
}
#app-picker .links {
  clear: both;
}
#app-picker .message {
  margin: 10px 20px;
  padding: 5px;
}
#app-picker .message.message-err {
  background-color: #ffe0e0 !important;
  color: #660000 !important;
  border: 1px solid #330000 !important;
}
#app-picker .message.message-err a {
  color: #000066 !important;
}
#app-picker .message.message-err .msg-title {
  color: #660000 !important;
}
#app-picker .message.message-err .icon {
  color: #330000 !important;
}
#app-picker .message.message-warn {
  background-color: #ffff39;
  color: #990000 !important;
  border: 1px solid #990000;
}
#app-picker .message.message-warn a {
  color: #330000;
}
#app-picker .message.message-warn .msg-title {
  color: #660000 !important;
}
#app-picker .message.message-warn .icon {
  color: #330000;
}
#app-picker .message.message-info {
  background-color: #ddffdd !important;
  color: #006600 !important;
  border: 1px solid #006600 !important;
}
#app-picker .message.message-info i.icon {
  color: #006600 !important;
}
#app-picker .message.message-info a {
  color: #000066;
}
#app-picker .message.message-info .msg-title {
  color: #003300 !important;
}
#app-picker .message.message-info .icon {
  color: #006600;
}
#app-picker ul {
  padding-left: 10px;
}
#app-picker .privates,
#app-picker .matches {
  margin: 10px 40px;
}
#app-picker .privates h4,
#app-picker .matches h4 {
  color: #990000;
}
#app-picker .privates table,
#app-picker .matches table {
  border-collapse: collapse;
  border: 1px solid #999999;
  width: 100%;
  font-size: 11px;
}
#app-picker .privates table tr:nth-child(odd),
#app-picker .matches table tr:nth-child(odd) {
  background-color: #e4e4e4;
}
#app-picker .privates table th,
#app-picker .matches table th {
  color: #660000;
  background-color: #ffe0e0;
  text-align: left;
  padding: 2px;
}
#app-picker .privates table td,
#app-picker .matches table td {
  padding: 2px;
}
.privacy {
  margin: 10px;
}
.qb_admin #invoice-errors {
  margin: 20px;
}
.qb_admin #invoice-errors div {
  padding: 5px;
  width: 500px;
  margin: 10px auto 10px auto;
}
.qb_admin .panes {
  margin-top: 20px;
}
.qb_admin .pane {
  position: static;
}
.qb_admin .pane table {
  border: 1px solid #990000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.qb_admin .pane table table {
  border: 1px solid #cccccc;
}
.qb_admin .pane table td,
.qb_admin .pane table th {
  padding: 6px;
  vertical-align: top;
}
.qb_admin .pane table th {
  color: #990000;
  text-align: right;
  font-weight: bold;
  padding-left: 30px;
}
.qb_admin .pane table td > span img {
  height: 26px;
  vertical-align: middle;
  float: left;
  margin-left: 5px;
}
.qb_admin .pane table td > div {
  height: 28px;
  border: 1px solid #999999;
  float: left;
  background-color: #ffffff;
  padding: 4px;
  width: 160px;
  margin-bottom: 5px;
}
.qb_admin .pane table td > div.braintree-hosted-fields-focused {
  border-color: #999999;
}
.qb_admin .pane table td > div.braintree-hosted-fields-invalid {
  border-color: #990000;
  background-color: #ffe0e0;
}
.qb_admin .pane table td > div.braintree-hosted-fields-valid {
  color: limegreen;
}
@-webkit-keyframes opacity-change {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes opacity-change {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.6;
  }
}
@-webkit-keyframes opacity-change2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes opacity-change2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.opacity-change2 {
  -webkit-animation: opacity-change2 2s forwards;
  animation: opacity-change2 2s forwards;
}
#waiting-back {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  opacity: 1;
  z-index: 6000;
  cursor: progress;
  display: none;
  pointer-events: none !important;
}
#loading-back {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  background-image: linear-gradient(to right, #141d1e, #cc0000);
  opacity: 0.97;
  z-index: 6000;
}
#loading-back #loading-trouble {
  position: absolute;
  top: 20px;
  left: auto;
  bottom: auto;
  right: 20px;
  height: 300px;
  width: 300px;
  background-color: #990000;
  border: 2px solid #141d1e;
  border-radius: 300px;
}
#loading-back #loading-trouble-1 {
  position: absolute;
  top: 6px;
  left: 6px;
  bottom: auto;
  right: auto;
  height: 284px;
  width: 284px;
  background-color: #ffe0e0;
  border: 1px solid #141d1e;
  border-radius: 270px;
}
#loading-back #loading-trouble-2 {
  margin: 75px;
  text-align: center;
  font-size: 1.5em;
  color: #330000;
}
#loading-back #loading-trouble-2 a {
  display: block;
  margin-top: 10px;
  color: #990000;
}
#revision-popup {
  position: absolute;
  top: 50px;
  left: 50%;
  bottom: auto;
  right: 0;
  height: 400px;
  width: 600px;
  margin-left: -300px;
}
#revision-popup .pop-M-T {
  padding: 10px;
  background-color: #ffffcc;
}
#revision-popup li {
  margin-bottom: 5px;
}
#revision-popup .mod-date {
  font-weight: bold;
  font-style: italic;
}
#revision-popup .mod-weeks-1 {
  color: #ff0000;
}
#revision-popup .mod-weeks-4 {
  color: #990000;
}
#revision-popup .mod-weeks-12 {
  color: #660000;
}
#ajax-back {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  background-color: #ffffff;
  opacity: 0.85;
  z-index: 11000;
  display: none;
}
#ajax-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 150px;
  width: 350px;
  z-index: 11001;
  color: #666666;
  text-align: center;
  font-size: 58px;
  line-height: 22px;
  opacity: 0.65;
  display: none;
}
#ajax-popup i {
  font-size: 58px;
  color: #666666;
}
#ajax-popup > div {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 300px;
}
#ajax-popup .message {
  display: none;
}
#special-alert {
  display: none;
  position: absolute;
  top: 0px;
  left: 0;
  bottom: auto;
  right: 0;
  height: 20px;
  width: 100%;
}
.page {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  max-height: 1050px;
  max-width: 1900px;
  border: 1px solid #666666;
}
#page-msg {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: auto;
  right: 10px;
  height: auto;
  width: auto;
  height: auto !important;
  z-index: 10000;
  display: none;
  line-height: 24px;
  overflow: hidden;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #aaaaaa;
  color: #333333;
}
#page-msg .icon-close {
  margin: 5px;
  text-align: center;
  font-size: 20px !important;
  float: right;
}
#page-msg .msg-symbol {
  margin: 5px;
  text-align: center;
  float: left;
  font-size: 20px !important;
}
#page-msg div {
  line-height: 23px;
}
#page-msg .msg-content {
  line-height: 23px;
  margin: 5px 90px 5px 30px;
  font-size: 12px;
  xwhite-space: nowrap;
  text-overflow: ellipsis;
}
#page-msg .icon {
  color: #141d1e;
}
#page-msg .msg-title {
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  color: #141d1e;
  display: block;
}
#page-msg .msg-text {
  display: block;
}
#page-msg .msg-reset {
  display: none;
}
#page-msg.msg-error {
  background-color: #ffe0e0 !important;
  color: #660000 !important;
  border: 1px solid #330000 !important;
}
#page-msg.msg-error a {
  color: #000066 !important;
}
#page-msg.msg-error .msg-title {
  color: #660000 !important;
}
#page-msg.msg-error .icon {
  color: #330000 !important;
}
#page-msg.msg-error .msg-reset {
  display: inline-block;
  text-align: center;
  float: right;
  line-height: 12px;
  margin: 2px 5px 2px 5px;
  padding: 2px 5px;
  cursor: pointer;
  background-color: #cc9999;
  border: 1px solid #990000;
  color: #990000;
}
#page-msg.msg-error .msg-reset i {
  color: inherit !important;
}
#page-msg.msg-warn {
  background-color: #ffff39;
  color: #990000 !important;
  border: 1px solid #990000;
}
#page-msg.msg-warn a {
  color: #330000;
}
#page-msg.msg-warn .msg-title {
  color: #660000 !important;
}
#page-msg.msg-warn .icon {
  color: #330000;
}
#page-msg.msg-warn .msg-reset {
  display: none;
}
#page-msg.msg-info {
  background-color: #ddffdd !important;
  color: #006600 !important;
  border: 1px solid #006600 !important;
}
#page-msg.msg-info i.icon {
  color: #006600 !important;
}
#page-msg.msg-info a {
  color: #000066;
}
#page-msg.msg-info .msg-title {
  color: #003300 !important;
}
#page-msg.msg-info .icon {
  color: #006600;
}
#page-msg.msg-info .msg-reset {
  display: none;
}
.page-account.page-msg #page-msg,
.page.page-msg #page-msg {
  display: block !important;
}
.atlas {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
.lhs {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: auto;
  right: 450px;
  height: 100%;
  width: auto;
}
.splitter {
  position: absolute;
  top: 0px;
  left: auto;
  bottom: auto;
  right: 450px;
  height: 100%;
  width: 21px;
  cursor: ew-resize;
  background-color: #aaaaaa;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  background-color: #cccccc;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(#cccccc), color-stop(#dddddd), color-stop(#cccccc));
  background-image: -webkit-linear-gradient(left, #cccccc, #dddddd, #cccccc);
  background-image: -moz-linear-gradient(left, #cccccc, #dddddd, #cccccc);
  background-image: -ms-linear-gradient(left, #cccccc, #dddddd, #cccccc);
  background-image: -o-linear-gradient(left, #cccccc, #dddddd, #cccccc);
}
.rhs {
  position: absolute;
  top: 0px;
  left: auto;
  bottom: auto;
  right: 0;
  height: 100%;
  width: auto;
  overflow: hidden;
}
#map {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: auto;
  right: auto;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #eeeeee;
}
#map-cover {
  z-index: 2000;
  position: absolute;
  top: 0px;
  left: 0;
  bottom: auto;
  right: auto;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: rgba(128, 0, 0, 0);
}
#map-cover div {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  height: auto;
  width: auto;
  text-align: center;
  margin-left: -100px;
  font-size: 24px;
  font-weight: bold;
  color: #990000;
  padding: 5px;
  background-color: #ffffff;
  border: 2px solid #666666;
}
#map-cover div i {
  margin: 5px;
  font-size: 24px;
}
.drag {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: auto;
  right: auto;
  height: 100%;
  width: 20px;
  background-color: #cccccc;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(#cccccc), color-stop(#dddddd), color-stop(#cccccc));
  background-image: -webkit-linear-gradient(left, #cccccc, #dddddd, #cccccc);
  background-image: -moz-linear-gradient(left, #cccccc, #dddddd, #cccccc);
  background-image: -ms-linear-gradient(left, #cccccc, #dddddd, #cccccc);
  background-image: -o-linear-gradient(left, #cccccc, #dddddd, #cccccc);
  cursor: pointer;
}
.drag-handle {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 50px;
  right: 0;
  height: 75px;
  width: 20px;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background: url(../images/archive/controls-close.png);
  cursor: pointer;
}
.controls-closed .drag-handle {
  background: url(../images/archive/controls-open.png) #999999;
}
.rhs-content {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: auto;
  right: 0;
  height: 100%;
  width: auto;
  user-select: none !important;
  border-left: 1px solid #aaaaaa;
}
.rhs-close {
  cursor: pointer;
}
#map-highlite {
  position: absolute;
  top: 5px;
  left: 50%;
  bottom: auto;
  right: auto;
  height: auto;
  width: 200px;
  z-index: 900;
  border: 3px solid #990000;
  background-color: rgba(192, 192, 192, 0.95);
  color: #141d1e;
  font-weight: bold;
  text-align: center;
}
#map-highlite div {
  padding: 5px;
}
#map-highlite span {
  display: inline-block;
  font-weight: bold;
  color: #660000;
}
#map-highlite button {
  background-color: #990000;
  color: #ffffff;
}
#map-highlite button:hover {
  background-color: #ffffff;
  color: #990000;
}
#map-highlite #map-highlight-region-type {
  margin-top: 5px;
}
#map-highlite #map-highlight-region {
  margin-bottom: 5px;
}
#map-results {
  z-index: 909;
  position: absolute;
  top: auto;
  left: 5px;
  bottom: 5px;
  right: auto;
  height: auto;
  width: auto;
  border: 1px solid #666666;
  background-color: #fcfcfc;
  color: #141d1e;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
  -webkit-box-shadow: 1px 3px 5px #cccccc;
  -moz-box-shadow: 1px 3px 5px #cccccc;
  box-shadow: 1px 3px 5px #cccccc;
  margin-right: 5px;
}
#map-results > div {
  margin: 2px 5px;
}
#map-results .label {
  font-weight: 900;
}
#map-results .value {
  position: relative;
  top: -3px;
}
#mapbox-logo {
  position: absolute;
  top: auto;
  left: 5px;
  bottom: 30px;
  right: ato;
  height: 20px;
  width: 65px;
  text-indent: -9999px;
  z-index: 901;
  overflow: hidden;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAoCAMAAAAFWtJHAAAAwFBMVEUAAAAAAAAAAABtbW0AAAAAAAAAAAAAAAAAAAAAAAClpaUAAADp6ekAAAD5+fna2toAAAAMDAzv7+/Nzc0AAAA2Njb8/Pz9/f3T09MAAAAAAAD7+/sAAAArKyuxsbH39/fs7OwbGxuIiIjz8/N8fHyenp7u7u74+PgAAAC8vLxWVlbx8fF1dXXl5eVcXFyUlJTQ0NDFxcVCQkLAwMC4uLj19fXo6OjW1tarq6ve3t77+/vi4uL6+vrKysrNzc3///8w7gSSAAAAP3RSTlMAOQNdPSYBPywKexLLGPCxNEHXnzFL+v2nGwf1IEiE6dBFad9jd9PuLo1V2mDDV3Cjl06SiuXIq4C3973ym6BQMVUPAAAEXElEQVR4Ae2WCVP6OBiH05L0l1IqrVbkKHJ54I0oHn+PfP9vtUle0z/YdhbH2XVnd58ZnRJIeHiPJOx//mH4vQSAN+8FjAhFxgHIaPvJeZ99hxwEElon5iAQbj85Y98g8ODwjEOMAvGFyeE3FEKgodTBqj0BJGN9DhyNd5Ta3ean9QEopfaA+LsKhnEKRExqg4FSP6Og7oEkAjBWnxSCgBX4xF+kcLoPcOBQrSv0e5kH7s1j37jECQieCTPiFGxL5VHw2zQWCeeJiPt6kjRQw0XSkIdVChf67xGa4alSnZlT6HEQ8CK9ANbhvXUF9xlDkBfTuHDWScgC9+z5FQpPI12TlwC6+sV7ixR8CUMKiwjm2GQeOQWHMGuHGdbnObJAwCEqFJpNU5H6uaPUaEIKiQfg+PHk1+u4OwW9PlWW2ctbA4BHCtp+cNK+H8Jos4gDmC5ar4Nx9waaG/2B13NgDqS7+vm2RgEtEws82P+kwIHhs/pgkQKcFIhfd7CogtGNjYMHTLpurD0ERbYFw4JaD3GlQuNAL/JEsSAF4HqlCnaHACk4WhOn4OgCkMD5hSpYNYDJTD8Y46n+jsE1kPhVCuR6QBXhFK7MUOu9O6b1SWF3b+/9ZVWMGOlu93E8UDaAhgc7bfH+0DHqKXCkHzoNDFfU+zxiVQrUC9QXTuHYtKpN59OA3IxCG4b7jh6ZFuVockaNTW09mkJzOaPU49a6mE9cAchZpQJNpUWcwgV9r6FJswsFKrITp2B5pMBMdnS0z2HZNy2+BNKxSZxZfglkrFYBJxQnpzA5sN/HheR2aFQoZBLAi149dQoyAYYjW0hHlHguBAdMcR0DuDZ5omevX6+AI8qcU7ikKT3GBHCnXwydgmCC0tRwCnGQ2Wp6Be71yNIWfQSkOl9vAI1SBCNWrwC01RROgX7BuT2HI4r7tFAw086p/NwZEdOEa7R1uAFuNmQPuKAEAjYNQ0CyeoUEWHYBnpQVQgpvc0Ph+gsKlAnKg1+vEHsw5LKciLKCAJobiWBzYFGbCKpHqkZZrxBFHEASyFI59vJPCskcwNVGOWZAOqsrR+pKbaNeAMT1CixMEtlnsqopNxUMzVJT3tY35aXZm6a6Y9QhwMN6BUJWbE1lhbMO1WehkO7poO0sK7em9MJGxp1XSbC1gtugzzSLQmGsX7VntJGSwsPZ2d2z3bIPKzdoOp3Wzqt8G4XyMVUoFIxLx1S7+piaHtCvR3FeRVsq0GFdp9C5TbGpcNqsPqyHKxcfd14h21KhuLKUFU4f3osrC7F6uV3WXFnadL7wyAPeKDXw2RoJCO5GY4DouYvb/gepVXheLoewzPseQG9N/vzilrMIjoStE3++zvle4eSurw7XEe76ynI4aq+v7lEyt1x5awiFlFLQbHKIpabnM3eJLym4Szzzc/du7SU+zOXv9UNpECH7IoH/gecURPlN9vdQpeD47yhIFNX0U0QgvID9nENm+yxk/xb+AGAjNfRZuk9qAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 65px 20px;
  display: none;
}
#map-logo {
  z-index: 902;
  position: absolute;
  top: 5px;
  left: auto;
  bottom: auto;
  right: 5px;
  height: auto;
  width: auto;
  border: 1px solid #666666;
  -webkit-box-shadow: 1px 3px 5px #cccccc;
  -moz-box-shadow: 1px 3px 5px #cccccc;
  box-shadow: 1px 3px 5px #cccccc;
}
#map-logo2 {
  z-index: 903;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 25px;
  right: 5px;
  height: auto;
  width: auto;
  border: 1px solid #666666;
  -webkit-box-shadow: 1px 3px 5px #cccccc;
  -moz-box-shadow: 1px 3px 5px #cccccc;
  box-shadow: 1px 3px 5px #cccccc;
}
#map-points-delete {
  position: absolute;
  top: 50%;
  left: auto;
  bottom: auto;
  right: 5px;
  height: 30px;
  width: 30px;
  margin-top: -15px;
  border: 1px solid #666666;
  background-color: #fcfcfc;
  text-align: center;
  -webkit-box-shadow: 1px 3px 5px #cccccc;
  -moz-box-shadow: 1px 3px 5px #cccccc;
  box-shadow: 1px 3px 5px #cccccc;
}
#map-points-delete i {
  font-size: 25px;
}
#map-notice {
  z-index: 904;
  position: absolute;
  top: 75%;
  left: 50%;
  bottom: auto;
  right: auto;
  height: auto;
  width: 300px;
  margin-left: -150px;
  background-color: #e0e0e0;
  border: 1px solid #990000;
}
#map-notice div {
  color: #660000;
  text-align: center;
  border: 2px solid #ffffff;
  padding: 10px;
}
#map-notice div i {
  font-size: 20px;
  text-shadow: #141d1e 1px 1px 1px !important;
  color: #ffffff !important;
}
#ensure-queue {
  display: none;
  z-index: 10001;
  position: absolute;
  top: 5px;
  left: 50%;
  bottom: auto;
  right: auto;
  height: auto;
  width: 400px;
  margin-left: -200px;
  text-align: center;
  font-size: 1.5em;
  background: #ffff39;
  color: #990000;
  border: 1px solid #141d1e;
}
#ensure-queue div {
  border: 1px solid #990000;
  padding: 6px 12px;
}
#ensure-queue i {
  font-size: 1em;
  color: inherit !important;
}
#ensure-queue span {
  font-weight: bold;
}
#map-search {
  z-index: 904;
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: auto;
  right: auto;
  height: auto;
  width: auto;
  -webkit-box-shadow: 1px 3px 5px #cccccc;
  -moz-box-shadow: 1px 3px 5px #cccccc;
  box-shadow: 1px 3px 5px #cccccc;
  background: #ffffff;
  border: 1px solid #666666;
}
#map-search div {
  padding: 2px;
}
#map-search #map-search-lab {
  padding-top: 20px;
  padding-left: 6px;
  display: none;
}
#map-search #map-search-lab i {
  color: #990000;
  font-size: 30px;
}
#map-search #map-search-logo {
  height: 65px;
}
#map-search input {
  border: 1px solid #cccccc;
  background: #e0e0e0;
  color: #996666;
  width: 100%;
  height: 100%;
  padding: 5px;
  font-size: 12px;
}
#map-search .ui_button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
  background-color: inherit;
  color: #999999;
  display: inline-block;
  vertical-align: middle !important;
  border: 1px solid #aaaaaa;
  padding: 0 1px;
  font-weight: normal !important;
  min-width: 20px !important;
  height: 18px !important;
  margin-top: 1px;
  line-height: 16px;
}
#map-search .ui_button:hover {
  background-color: #eeeeee;
  color: #141d1e;
  font-weight: normal;
  text-shadow: none !important;
}
#map-search .ui_button i {
  font-size: 14px;
  line-height: 12px;
  font-weight: normal;
  margin: 2px 2px;
}
#map-search .ui_button.active {
  color: #990000;
}
#map-search .ui_button span.cart-count {
  font-family: 'Lato', sans-serif;
  font-size: 10px;
  line-height: 8px !important;
  margin: 0 !important;
  min-height: 10px;
  max-height: 10px;
  height: 10px !important;
}
#map-search .ui_button .tiny {
  font-size: 0.5em;
}
#map-search .controls {
  font-size: 12px;
  padding-left: 5px;
}
#map-search .controls .label {
  color: #330000;
  font-size: 12px;
  font-weight: normal;
}
#map-search .controls .label .icon {
  color: inherit;
  font-weight: inherit;
}
#map-search .controls select {
  background-color: #f8f8f8;
  vertical-align: middle;
  margin: 2px;
}
#map-search .controls .value {
  margin-left: 7px;
}
#map-search .controls .ui_button {
  margin: 0 0 !important;
  border: none;
}
#map-search .controls .ui_button i {
  font-size: 16px !important;
  color: #999999;
}
#map-search .controls .ui_button:hover i {
  color: #990000 !important;
}
span.experimental,
.experimental #map-search,
.experimental #map-results {
  background-color: #ffffcc;
  border-color: #996600;
  color: #660000;
}
span.experimental {
  padding: 3px;
}
.experimental #map-search-lab {
  display: block !important;
}
.controls-header {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: auto;
  right: 0;
  height: 74px;
  width: auto;
  background-color: #e4e4e4;
  border-bottom: 1px solid #999999;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.controls-header .controls-header-lhs {
  display: flex;
  padding-left: 10px;
  align-items: center;
}
.controls-header .controls-header-lhs #resource-recover-summary {
  display: flex;
  position: absolute;
  left: 2px;
  top: 2px;
  cursor: pointer;
}
.controls-header .controls-header-lhs #resource-recover-summary #btn-recover2 {
  font-size: 1.2em;
  color: #ffffff;
  background: #990000;
  padding: 3px;
  padding-right: 0;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.controls-header .controls-header-lhs #resource-recover-summary #resource-recover-table {
  display: flex;
  flex-direction: row-reverse;
}
.controls-header .controls-header-lhs #resource-recover-summary #resource-recover-table .resource-outer {
  display: inline-flex;
  align-items: center;
  height: 100%;
  font-weight: bold;
  color: #ffffff;
  position: sticky;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  padding-left: 15px;
  padding-right: 6px;
  font-size: 0.95em;
  transition: width 1s ease-in;
}
.controls-header .controls-header-lhs #resource-recover-summary #resource-recover-table .resource-outer .summary .icon:hover {
  color: inherit;
}
.controls-header .controls-header-lhs #resource-recover-summary #resource-recover-table .resource-outer .detail {
  white-space: pre;
  max-width: 0;
  overflow-x: clip;
  font-weight: normal;
  transition: max-width 1s ease-out;
}
.controls-header .controls-header-lhs #resource-recover-summary #resource-recover-table .resource-outer:hover .detail {
  max-width: 100vw;
  transition: max-width 1s ease-in;
}
.controls-header .controls-header-lhs #resource-recover-summary .resources-green {
  z-index: 1;
  transform: translateX(-24.5px);
  background-color: #006600;
}
.controls-header .controls-header-lhs #resource-recover-summary .resources-yellow {
  z-index: 2;
  transform: translateX(-12.5px);
  background-color: #996600;
}
.controls-header .controls-header-lhs #resource-recover-summary .resources-red {
  z-index: 3;
  padding-left: 2px !important;
  background-color: #990000;
}
.controls-header .controls-header-rhs .controls-title {
  xbackground-color: #f8f8f8;
  border-bottom: 1px solid #999999;
  height: 100%;
}
.controls-header .controls-header-rhs .controls-title table {
  height: 100%;
  width: 100%;
}
.controls-header .controls-header-rhs .controls-title table tr {
  xborder-bottom: 1px solid #c8c8c8;
}
.controls-header .controls-header-rhs .controls-title table td {
  text-align: right;
  padding: 1.75px 3px;
}
.controls-header .controls-header-rhs .controls-title .icon {
  height: 12px;
}
.controls-header .controls-header-rhs .controls-title #controls-user-customer {
  xcolor: #990000;
  xbackground-color: #e4e4e4;
}
.controls-header .controls-header-rhs .controls-title #controls-user {
  text-align: right;
  width: 150px;
  border-right: 3px solid #e0e0e0;
}
.controls-header .controls-header-rhs .controls-title #controls-app {
  cursor: pointer;
  color: #990000;
  font-weight: bold;
}
.controls-header .controls-header-rhs .controls-title #controls-handpicked {
  cursor: pointer;
}
.controls-header .controls-header-rhs .controls-title a {
  font-size: 0.8em;
  color: #141d1e;
  font-weight: bold;
  text-decoration: underline;
}
.controls-header .controls-header-rhs .controls-title .link-app {
  margin-left: 5px;
}
.controls-header .controls-header-rhs .controls-title .link-user {
  margin-right: 5px;
}
.controls-header .controls-header-rhs .controls-title div.link {
  text-align: right;
  color: #990000;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
  line-height: 16px;
  margin-right: 5px;
  cursor: pointer;
}
.controls-header .controls-header-rhs .controls-title div.link .icon {
  color: inherit;
}
.controls-header .controls-header-rhs .controls-title div.link:hover {
  text-decoration: underline;
}
#reset-menu {
  position: absolute;
  z-index: 900;
  border: 1px solid #cccccc;
  color: #666666;
  font-size: 12px;
  background-color: #f0f0f0;
}
#reset-menu div {
  display: none;
  color: #990000;
  padding: 3px;
}
#reset-menu div .icon {
  color: #990000 !important;
  margin: 0 2px;
}
#reset-menu div.active {
  display: block;
}
#reset-menu div:hover {
  cursor: pointer;
  background-color: #dddddd;
}
.controls-header .logo {
  background: no-repeat;
  width: 115px;
  height: 30px;
  float: left;
}
.controls-dots {
  border-bottom: 1px solid #cccccc;
  background-color: #f0f0f0;
  font-size: 11px;
  color: #666666;
  padding-bottom: 4px;
}
.controls-choro {
  border-top: 1px solid #ffffff;
  background-color: #f0f0f0;
  font-size: 11px;
  color: #666666;
  padding-top: 2px;
  border-bottom: 1px solid #cccccc;
}
.viz-form {
  font-size: 12px;
  line-height: 17px;
  margin: 5px 15px;
}
.viz-form .label {
  color: #666666;
  font-weight: bold;
}
.viz-form .label i {
  color: inherit;
  margin-left: 3px;
}
.viz-form .field {
  font-style: normal;
  color: #990000;
}
.viz-form .label-1 {
  font-size: 13px;
  color: #666666;
  font-weight: bold;
  text-align: right;
  margin-right: 0;
  text-shadow: none;
}
.viz-form .label-2 {
  color: #666666;
  font-size: 13px;
  font-weight: bold;
  width: 40px !important;
  text-align: right;
  margin-right: 0;
  text-shadow: none;
}
.viz-form .value {
  color: #666666;
  font-weight: normal;
  margin-right: 4px;
  cursor: pointer;
}
.viz-form .collection {
  margin-top: 5px;
  border: none;
  border-top: 1px solid #e0e0e0;
  padding: 4px;
}
.viz-form .collection span {
  display: inline-block;
  padding: 0 4px;
  margin: 0 5px 5px 0;
  background-color: #e4e4e4;
  border: 1px solid #e0e0e0;
  color: #990000;
  border-radius: 2px;
  text-shadow: none;
}
.viz-form .collection span i {
  margin-right: 5px;
  color: #666666;
}
.viz-form .collection span i:hover {
  color: #990000;
  font-weight: bold;
}
.viz-form .collection span em {
  font-weight: bold;
  font-style: normal;
}
.viz-form > div {
  margin: 3px 0;
  line-height: 15px;
}
.viz-form .form > div > div {
  margin-bottom: 3px;
}
.viz-form .value span,
.viz-form select,
.viz-form .value select {
  border: none;
  background-color: #eeeeee !important;
  color: #990000;
}
.viz-form select {
  padding: 0 4px !important;
}
.viz-form .value span,
.viz-form .value .icon {
  margin-left: 4px;
  padding: 2px;
}
.viz-form .value .icon.active {
  color: #990000;
}
.viz-form .icon-hover-1.active {
  border: 1px solid #990000;
  background-color: #cccccc;
}
.viz-form .viz-form td {
  padding: 0 4px;
  vertical-align: top;
}
.viz-form .viz-form td div {
  margin: 2px 0;
}
.viz-form table {
  width: 100%;
}
.viz-form table td {
  padding: 3px;
  border: 1px solid #e0e0e0;
}
.viz-form table td.td-icon {
  width: 20px;
  text-align: center;
}
.viz-form table td.td-width {
  width: 30px;
}
#viz-dots-heatmap-colors i,
#viz-choro-heatmap-colors i {
  margin-right: 4px;
}
#viz-masking-select {
  font-weight: normal;
  padding: 1px 2px;
  text-shadow: none;
}
#viz-masking-selected {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin-top: 5px;
  padding: 4px;
}
#viz-masking-selected span {
  padding: 0 4px;
  margin-right: 5px;
  background-color: #e4e4e4;
  border: 1px solid #e0e0e0;
  color: #990000;
  border-radius: 2px;
  text-shadow: none;
}
#viz-masking-selected span i {
  margin-right: 5px;
  color: #666666;
}
#viz-masking-selected span i:hover {
  color: #990000;
  font-weight: bold;
}
#dots-blended-warning {
  font-size: 12px;
  margin: 5px 5px 5px 0;
  padding: 5px;
}
.filter-info,
.viz-controls-hidden {
  color: #cc0000;
  font-size: 11px;
  font-style: italic;
  margin: 5px 15px;
}
#dots-form {
  font-size: 12px;
}
#dots-form > div {
  line-height: 15px;
}
.view_button {
  color: #888888;
  font-size: 14px;
  height: 15px !important;
  width: 11px !important;
}
.view_button.active {
  color: #990000;
}
.view_button i {
  margin: 0 !important;
  font-size: 10px;
}
#controls-filter-head {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  height: 50px;
  width: auto;
  border-bottom: 1px solid #cccccc;
}
#controls-filter-head #controls-menu {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  height: 48px;
  width: auto;
  overflow: hidden;
  background-color: #f0f0f0;
  white-space: nowrap;
}
#controls-filter-head #controls-menu table {
  width: 100%;
}
#controls-filter-head #controls-menu td {
  border-left: 1px solid #ffffff !important;
  border-right: 1px solid #cccccc !important;
}
#controls-filter-head #controls-menu .ui_button {
  float: left;
  vertical-align: middle;
  border: none !important;
  background-color: inherit;
  color: #141d1e;
  margin: 1px !important;
  padding: 0 4px;
  height: 20px !important;
  outline: none;
  font-weight: normal !important;
  text-transform: none !important;
  border-radius: 0;
  font-size: 12px !important;
  text-align: center;
}
#controls-filter-head #controls-menu .ui_button .btn-label {
  display: none;
}
#controls-filter-head #controls-menu .ui_button span,
#controls-filter-head #controls-menu .ui_button i {
  background-color: inherit;
  color: inherit;
}
#controls-filter-head #controls-menu .ui_button > span {
  display: inline-flex;
  align-items: center;
}
#controls-filter-head #controls-menu .ui_button i {
  margin-right: 0;
}
#controls-filter-head #controls-menu .ui_button:hover {
  background-color: #dddddd;
}
#controls-filter-head #controls-menu .ui_button.active {
  color: #990000 !important;
}
#controls-filter-head #controls-menu .ui_button.red {
  background-color: #cc0000;
  color: #ffffff !important;
}
#controls-filter-head #controls-menu .ui_button.red:hover {
  background-color: #990000 !important;
}
#controls-filter-head #controls-menu .ui_button.green {
  background-color: #009900;
  color: #ffffff !important;
}
#controls-filter-head #controls-menu .ui_button.green:hover {
  background-color: #006600 !important;
}
#controls-filter-head #controls-menu .ui_button.yellow {
  background-color: #ccaa00;
  color: #ffffff !important;
}
#controls-filter-head #controls-menu .ui_button.yellow:hover {
  background-color: #996600 !important;
}
#controls-filter-head #controls-menu .ui_button.ui_button.show_label .btn-label {
  margin-left: 3px;
  display: inline;
}
#controls-filter-head #controls-menu #field-search-bar-area #field-search-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px;
}
#controls-filter-head #controls-menu #field-search-bar-area #field-search-bar #field-search-textbox {
  width: 100%;
  height: 22px;
  margin: 2px;
  color: #243c78 !important;
  font-size: 14px;
  outline-style: none !important;
}
#controls-filter-head #controls-menu #field-search-bar-area #field-search-bar #field-search-textbox::selection {
  color: #ffffff;
  background-color: #3366cc !important;
}
#controls-filter-head #controls-menu #field-search-bar-area #field-search-bar #field-search-textbox:focus {
  outline-color: #3366cc !important;
  outline-style: solid !important;
}
#controls-filter-head #controls-menu #field-search-bar-area #field-search-bar #field-search-icon {
  pointer-events: none;
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
}
#controls-filter-head #controls-menu #field-search-bar-area #field-search-bar #field-search-icon i {
  font-size: 14px;
}
#field-search-results-container {
  position: relative;
  height: 100%;
  pointer-events: none !important;
}
#field-search-results {
  pointer-events: all;
  position: absolute;
  top: 122px;
  text-align: left;
  background-color: #ffffff;
  padding: 10px;
  z-index: 1000;
  height: auto;
  max-height: 426px;
  overflow-y: scroll;
  overflow-x: clip;
  border: 3px solid #3366cc;
}
#field-search-results .field-search-results-count {
  cursor: default;
  font-size: 12px;
  color: #666666;
  font-style: italic;
  text-align: right;
  border-bottom: 1px dotted #aaaaaa;
}
#field-search-results .entry:nth-child(old) {
  background-color: #cccccc;
}
#field-search-results .entry.active {
  background-color: #afc9fa;
}
#field-search-results .entry {
  margin-bottom: 5px;
  cursor: pointer;
  padding: 2px;
}
#field-search-results .entry .field-search-label {
  color: #243c78;
  font-size: 14px;
  white-space: nowrap;
  /* Prevents text from wrapping */
  overflow: hidden;
  /* Hides any overflow */
  text-overflow: ellipsis;
}
#field-search-results .entry .field-search-path {
  color: gray;
  font-size: 12px;
}
#controls-filter-body {
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#controls-filter-body .content-outer {
  margin-left: 70px;
  margin-right: 5px;
}
#controls-filter-body .content {
  width: 100%;
}
#controls-filter-body .toggle_control {
  padding-left: 0;
}
#controls-filter-body .toggle_control div {
  border: 1px solid #dddddd;
  padding: 3px 5px;
  margin: 5px 0;
}
#controls-filter-body .toggle_control i {
  margin-right: 5px;
}
#btn_totals #btn_totals_totals {
  display: none;
}
#btn_totals #btn_totals_results {
  display: inline-block;
}
#btn_totals.active #btn_totals_totals {
  display: inline-block;
}
#btn_totals.active #btn_totals_results {
  display: none;
}
.controls-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 18px;
  overflow: hidden;
  background-color: #eeeeee;
  border-top: 1px solid #ffffff;
  font-size: 10px;
}
.controls-footer div {
  padding-left: 5px;
  padding-right: 5px;
}
.controls-footer #controls-footer-info {
  text-align: right;
  float: right;
  color: #888888;
}
.controls-footer #controls-footer-TOU {
  white-space: nowrap;
  text-align: right;
}
.controls-footer #connection-info {
  color: #990000;
}
.controls-footer #connection-info .icon {
  color: inherit;
}
.controls-body {
  position: absolute;
  top: 74px;
  left: 0;
  bottom: 18px;
  right: 0;
  height: auto;
  width: auto;
  font-size: 16px;
  background-color: #f8f8f8;
  border-top: 0 solid #f8f8f8;
  border-bottom: 1px solid #dddddd;
  user-select: none !important;
}
.controls-body .icon {
  text-shadow: none;
}
.controls-body #controls-filter-body {
  background: url(../images/filter-gutter.png) -29px repeat-y;
}
.controls-body .subtitle,
.controls-body .label {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  color: #141d1e;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.controls-body .enum_n {
  border-radius: 5px;
  margin-left: 5px;
  font-weight: normal;
  color: #660000;
  background-color: #cccccc;
}
.rhs-panel > .control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  height: 22px;
  width: auto;
  text-align: right;
  background-color: #660000;
  border-bottom: 1px solid #cccccc;
  line-height: 16px;
  padding: 2px;
}
.rhs-panel > .control .icon {
  cursor: pointer;
  color: #aaaaaa;
}
.rhs-panel > .control .icon:hover {
  color: #eeeeee;
}
.rhs-panel > .control .instruction {
  color: #eeeeee;
  text-shadow: none;
  font-size: 14px;
  font-style: italic;
  margin-right: 5px;
  line-height: 16px;
}
.rhs-panel > .container {
  position: absolute;
  top: 22px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
.rhs-panel > .container .content {
  padding: 5px;
}
.rhs-panel-header > .header {
  position: absolute;
  top: 22px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 80px;
  width: auto;
  background-color: #f0f0f0;
  border-bottom: 1px solid #cccccc;
}
.rhs-panel-header > .container {
  position: absolute;
  top: 102px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  background-color: #fcfcfc;
  border-top: 1px solid #ffffff;
}
.rhs-panel-header > .container .content {
  margin-left: 5px;
  margin-right: 5px;
}
#controls-individual > .header .title {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: auto;
  right: 0;
  height: 35px;
  width: auto;
  border-bottom: 1px solid #cccccc;
  color: #660000;
  text-align: center;
  padding: 5px;
  font-weight: bold;
  font-size: 20px;
}
#controls-individual > .header .controls {
  position: absolute;
  top: 35px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  line-height: 20px;
  font-size: 12px;
  background-color: #e4e4e4;
  clear: both;
}
#controls-individual > .header .controls i {
  margin-left: 2px;
  margin-right: 2px;
}
#controls-individual > .header .controls i.icon {
  color: #141d1e !important;
}
#controls-individual > .header .controls a {
  margin-left: 2px;
  padding: 2px 2px;
  line-height: 12px;
  border-radius: 5px;
  box-shadow: none;
  border: none;
  color: #666666;
  cursor: pointer;
}
#controls-individual > .header .controls a .icon {
  color: inherit !important;
}
#controls-individual > .header .controls a:hover {
  color: #141d1e;
  outline: 0;
  font-weight: normal !important;
}
#controls-individual > .header .controls .left {
  display: block;
  float: left;
  margin-left: 5px;
}
#controls-individual > .header .controls .right {
  display: block;
  float: right;
  margin-right: 5px;
}
#controls-individual .content {
  margin: 0;
  padding: 5px;
}
#individual-opt-out {
  text-align: center;
  margin: 10px 0 20px;
}
#controls-apps {
  font-size: 13px;
}
#controls-apps div {
  font-size: 14px;
  margin-bottom: 4px;
}
#controls-apps .app:hover {
  background-color: #ffe0e0;
}
#controls-apps .app {
  width: 100%;
  font-size: 13px;
}
#controls-apps .app td {
  padding: 4px 2px;
}
#controls-apps .app td:nth-child(1) {
  width: 50px;
  text-align: right;
  vertical-align: middle;
}
#controls-apps .app td:nth-child(2) {
  width: 16px;
  text-align: center;
  vertical-align: middle;
}
#controls-apps .app .state {
  font-size: 18px;
}
#controls-apps .app .icon {
  font-size: 12px;
  color: #660000;
}
#controls-apps.sysadmin {
  text-align: right;
  margin-right: 5px;
}
#controls-apps h1 {
  margin: 10px 0;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
}
#controls-apps .customer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#controls-apps .customer-header h1 {
  width: fit-content;
}
#controls-apps .customer-header a.order-report-button,
#controls-apps .customer-header a.export-report-button {
  display: inline-flex;
  align-items: center;
  white-space: normal;
  padding: 0 4px;
  background-color: #ffe0e0;
  border-radius: 5px;
  border: 1px solid #996666;
}
#controls-apps .customer-header a.order-report-button:hover,
#controls-apps .customer-header a.export-report-button:hover {
  border-color: #663333;
  background-color: #996666;
  color: #ffffff;
}
#controls-apps .customer-header a.order-report-button:hover .icon,
#controls-apps .customer-header a.export-report-button:hover .icon {
  color: #ffffff;
}
#controls-apps .message {
  margin: 5px 15px;
  padding: 5px;
}
#controls-apps .message.message-err {
  background-color: #ffe0e0 !important;
  color: #660000 !important;
  border: 1px solid #330000 !important;
}
#controls-apps .message.message-err a {
  color: #000066 !important;
}
#controls-apps .message.message-err .msg-title {
  color: #660000 !important;
}
#controls-apps .message.message-err .icon {
  color: #330000 !important;
}
#controls-apps .message.message-warn {
  background-color: #ffff39;
  color: #990000 !important;
  border: 1px solid #990000;
}
#controls-apps .message.message-warn a {
  color: #330000;
}
#controls-apps .message.message-warn .msg-title {
  color: #660000 !important;
}
#controls-apps .message.message-warn .icon {
  color: #330000;
}
#controls-apps .message.message-info {
  background-color: #ddffdd !important;
  color: #006600 !important;
  border: 1px solid #006600 !important;
}
#controls-apps .message.message-info i.icon {
  color: #006600 !important;
}
#controls-apps .message.message-info a {
  color: #000066;
}
#controls-apps .message.message-info .msg-title {
  color: #003300 !important;
}
#controls-apps .message.message-info .icon {
  color: #006600;
}
#controls-apps .message a {
  display: inline;
  padding: 0;
}
#controls-loading {
  padding: 5px;
}
#controls-loading .error {
  margin: 5px;
  padding: 5px;
}
.node {
  clear: both;
  margin-top: 4px;
}
.node .instruction {
  font-size: 13px;
  color: #cc6600;
  font-style: italic;
  margin: 4px 0;
}
.node .warning {
  border: 1px solid #cccccc;
  padding: 10px;
  margin: 5px;
  font-size: 0.8em;
  background-color: #f0f0f0;
  color: #990000;
  text-shadow: none;
  overflow: auto;
}
.node .warning .icon {
  display: none;
  margin-left: 10px;
  margin-bottom: 10px;
  float: right;
  color: #660000;
  font-size: 24px;
}
.node .spacer {
  text-align: right;
  width: auto;
  margin-right: 3px;
  display: none;
}
.node > .kids > .spacer {
  border: 1px dotted red;
  float: left;
  display: none;
}
.node .st-table {
  width: auto !important;
}
.node .st-enum .target {
  cursor: pointer;
}
.node .st-enum .chart.charted {
  color: #990000;
  font-weight: bold;
}
.node .st-enum.has-enum12 .enum12 {
  display: block;
}
.node .st-enum > .st-rows-outer > .st-rows-inner > .st-row > .st-extra {
  margin-left: 60px;
  margin-right: 2px;
  margin-bottom: 2px;
}
.node .st-enum .value {
  color: #141d1e;
}
.node .st-extra .node > .head > .spacer > .icons {
  position: absolute;
  left: 5px;
}
.node .st-row .icon.active {
  color: #990000;
}
.node > .head {
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
}
.node > .head .icons {
  position: absolute;
  left: 5px;
}
.node > .head .layer-indicator {
  margin-left: 3px;
  color: blue !important;
  display: inline-block;
  font-size: 0.9em;
}
.node > .head .layer-indicator .dots-anc-indic,
.node > .head .layer-indicator .choro-anc-indic {
  display: none;
}
.node > .head > div {
  display: table-cell;
  white-space: nowrap !important;
  vertical-align: middle;
}
.node > .head > .label {
  width: 100%;
  font-weight: normal;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #330000;
  display: flex;
  align-items: center;
}
.node > .head > .label:hover {
  text-decoration: underline;
}
.node > .head > .label > .controls > .icon {
  margin-left: 5px;
  font-size: 14px;
  color: #999999 !important;
}
.node > .head > .label > .controls > .icon:hover {
  text-decoration: none !important;
  color: #990000 !important;
}
.node > .head > .label > .icon {
  margin-left: 5px;
  font-size: 14px;
  color: #999999;
}
.node > .head > .label > .icon:hover {
  color: #999999;
}
.node .empty_branch,
.node .empty {
  font-style: italic;
  font-weight: normal;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
}
.node.active > .head .label {
  color: #990000;
  font-weight: bold;
}
.node.dots-anc > .head .dots-anc-indic,
.node.dots > .head .dots-item,
.node.choro-anc > .head .choro-anc-indic,
.node.choro > .head .choro-item {
  color: #990000;
  display: inline-block !important;
}
.node-disabled .head,
.node-disabled .st-table,
.node-disabled > .kids > .num {
  -moz-opacity: 0.55;
  -khtml-opacity: 0.55;
  -webkit-opacity: 0.55;
  opacity: 0.55;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55.00000000000001);
  filter: alpha(opacity=55.00000000000001);
}
.node-disabled > .kids > .num {
  margin: 10px 0;
  border: 1px solid #cccccc;
  padding: 5px;
}
.icon.prefix {
  cursor: pointer;
  margin-right: 4px;
  color: #aaaaaa;
}
.kids-toggle {
  margin-right: 3px;
  text-align: center;
}
.kids {
  padding-left: 16px;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
.kids.section {
  padding-left: 0 !important;
}
.kids > .st-table {
  margin-top: 3px;
  border: 1px solid #e0e0e0;
}
.open .kids {
  max-height: none;
}
.closed .kids {
  max-height: 0;
  overflow: hidden;
}
.type-SECTION > .kids {
  margin-bottom: 20px;
}
.type-SECTION > .head .label {
  color: #141d1e !important;
  font-family: 'Lato', sans-serif;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0.75em;
}
.depth-1 > .head .label {
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 0.4em;
}
.value-enum2 {
  color: #141d1e;
  font-weight: normal;
}
.enum1,
.enum2 {
  float: left;
  margin-right: 3px;
  color: #666666;
  width: 7px;
  text-align: center;
}
.hr {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #ffffff;
}
#controls-filter span.helps {
  margin-left: 5px;
}
#controls-filter span.helps .icon {
  margin-right: 5px;
  cursor: pointer;
}
#controls-filter span.helps .help {
  font-size: 13px;
  color: #91b7fa;
  cursor: pointer;
  margin-right: 5px;
}
#controls-filter span.helps .help:hover {
  color: #243c78;
}
.input {
  width: 100%;
  vertical-align: middle;
  margin-bottom: 2px;
}
.input .subtitle {
  font-family: 'Lato', sans-serif;
  padding-bottom: 2px;
  margin-bottom: 2px;
  border-bottom: 1px solid #999999;
}
.input .label {
  width: 110px;
  float: left;
  padding-top: 5px;
  vertical-align: middle;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right;
}
.input .label .helps {
  margin-left: 1px;
  margin-right: 1px;
}
.input i,
.input textarea,
.input input,
.input select {
  margin: 2px 4px;
}
.input textarea,
.input select,
.input input[type=text] {
  vertical-align: middle;
  color: #141d1e;
  width: 160px;
  border: 1px solid #cccccc;
  font-size: 12px;
}
.input .icon {
  vertical-align: middle;
  cursor: pointer;
}
.input .label {
  float: left;
}
.input .value {
  overflow: hidden;
  display: block;
}
.input .value select,
.input .value input {
  width: 99%;
}
.input .id-select {
  color: #141d1e !important;
}
.num div {
  padding-top: 3px;
  overflow: hidden;
  white-space: nowrap !important;
}
.num .minmax-outer-container {
  display: flex;
}
.num .okclear-container {
  display: flex;
  align-items: center;
}
.num .okclear-container .icon {
  margin-left: 7.5px;
}
.num .unk-container {
  display: flex;
  align-items: center;
}
.num .unk-container .label {
  padding-top: 0;
}
.num .label,
.num .subtitle {
  cursor: default;
  font-family: 'Lato', sans-serif;
  font-size: 0.8em;
  font-style: italic;
  color: #666666;
}
.unk {
  margin-left: 5px;
}
.st-row.active > .folder-name,
input.active,
.label.active,
.active2 > .value {
  font-weight: bold;
  color: #990000 !important;
}
.st-row.active > .st-cell {
  background-color: #ffe0e0;
}
#map-op-times {
  bottom: 40px;
  left: 10px;
  height: 150px;
  width: 350px;
}
.warning {
  border: 1px solid #cc0000;
  padding: 10px;
  margin: 5px;
  font-size: 0.8em;
  background-color: #ffe8e8;
  text-shadow: none;
  overflow: auto;
}
.warning .icon {
  margin-left: 10px;
  margin-bottom: 10px;
  float: right;
  color: #660000;
  font-size: 24px;
}
.browser-warning {
  border: 1px solid #cc0000;
  padding: 10px;
  margin: 5px;
  font-size: 0.8em;
  background-color: #ffe8e8;
  text-shadow: none;
  overflow: auto;
  margin: 10px auto 10px auto;
  width: 80%;
  text-align: center;
}
#filter-container .icon-viz {
  margin: 0 3px;
  color: #666666;
  font-size: 13px;
}
#filter-container .icon-viz.icon-eye {
  color: #990000 !important;
}
#filter-container .icon-viz.icon-eye:hover {
  color: #330000 !important;
}
#filter-container .icon-sheet-col,
#filter-container .icon-sheet-row {
  color: #990000 !important;
  cursor: pointer;
}
#filter-container .icon-chart-bar,
#filter-container .icon-chart-pie,
#filter-container .icon-chart-table {
  color: #990000 !important;
  cursor: pointer;
}
table.enum .target {
  cursor: pointer;
}
.hide_n_total .n_total {
  display: none;
}
.zmdi-square-down {
  color: #990000;
}
.zmdi-square-right {
  color: #990000;
}
.sp-container {
  background-color: transparent !important;
  border: none !important;
}
.sp-choose,
.sp-cancel {
  background: #dddddd !important;
  border-radius: 4px !important;
  padding: 5px !important;
  font-size: 12px !important;
  text-shadow: none;
  height: 22px !important;
  width: 54px !important;
  line-height: 12px !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  border: 1px solid #cccccc !important;
  text-align: center !important;
}
.sp-choose:hover,
.sp-cancel:hover {
  font-weight: normal !important;
  text-decoration: none !important;
  border: 1px solid #999999 !important;
}
.ui-slider-horizontal {
  height: 3px !important;
  top: 6px;
  background-color: #cccccc !important;
  border-color: #999999 !important;
  cursor: pointer;
}
.ui-slider-handle {
  cursor: pointer !important;
  height: 11px !important;
  width: 11px !important;
  border-radius: 5px !important;
  top: -6px !important;
}
.ui-slider-pips .ui-slider-pip {
  top: 5px !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #999999 !important;
  background: #dddddd !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #660000 !important;
  background: #ffcccc !important;
  font-weight: bold;
  color: #ffffff;
  outline: none;
}
.section-opened {
  max-height: none;
  border-top-width: 1px !important;
}
.section-closed {
  max-height: 0;
  overflow: hidden;
  border-top-width: 0 !important;
}
.type-VOTING_HISTORY .icon {
  margin-right: 2px;
  position: relative;
  top: 1px;
  font-size: 12px;
}
.type-VOTING_HISTORY .row {
  float: left;
  margin: 3px 20px 3px 0;
  font-size: 0.75em;
  cursor: pointer;
  line-height: 12px;
}
.type-VOTING_HISTORY .row.active {
  color: #990000;
}
.type-VOTING_HISTORY .row.active .icon {
  color: #990000;
}
.type-VOTING_HISTORY .subform {
  border: 1px solid #cccccc;
  padding: 6px;
  background-color: #f8f8f8;
  font-size: 0.7em;
  text-shadow: none;
  display: inline-block;
  margin: 5px 15px;
}
.type-VOTING_HISTORY .subform input,
.type-VOTING_HISTORY .subform select {
  height: 20px;
  margin: 4px 5px 4px 0;
  line-height: 0.5em;
  border: 1px solid #eecccc;
}
.type-VOTING_HISTORY .subform input {
  width: 30px;
  text-align: right;
  padding: 0 4px;
}
.print-canvas {
  -webkit-print-color-adjust: exact;
}
.print-chart-box {
  min-height: 50px;
  margin-bottom: 10px;
  text-align: center;
  page-break-inside: avoid;
}
.print-chart-box .chart {
  text-align: center;
}
.print-chart-box .legend,
.print-chart-box .chart > table {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.print-chart-box .chart > div {
  text-align: center;
}
.print-chart-box .chart > div > div {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.print-chart-box i.icon-close-circle-clear,
.print-chart-box i.chart-type {
  display: none;
}
.print-chart-section {
  page-break-inside: avoid;
}
.print-chart-box.chart {
  page-break-before: avoid;
  page-break-inside: avoid;
}
.print-chart-box.title {
  color: #990000;
  font-weight: bold;
  border-top: 1px solid #990000;
  padding-top: 10px;
  page-break-after: avoid;
  page-break-inside: avoid;
}
.print-chart-box.legend {
  color: #141d1e;
  font-weight: bold;
  border-top: 2px solid black;
  padding-top: 10px;
  page-break-after: avoid;
  page-break-inside: avoid;
}
.print_header {
  line-height: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #990000;
  text-decoration: underline;
  font-style: italic;
  background-color: #cccccc;
  border: 1px solid #999999;
  -webkit-print-color-adjust: exact;
}
.hide-unknown-val .unknown-val {
  display: none;
}
.hide-election-no .election-no {
  display: none;
}
.st-table {
  width: 100%;
  font-size: 13px !important;
  text-shadow: none;
  background-color: #ffffff;
}
.st-table.is-filtered {
  border: 2px solid #3366cc !important;
}
.st-headers {
  clear: both;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #cccccc !important;
  border-right: none !important;
  border-left: none !important;
}
.st-head {
  cursor: pointer;
  height: 12px;
  background-color: #eeeeee;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #cccccc;
  display: block;
  text-align: center;
  line-height: 12px;
  font-size: 10px;
  color: #999999;
}
.st-head.st-sort-up i:before {
  content: "\e917";
}
.st-head.st-sort-down i:before {
  content: "\e914";
}
.st-head .icon {
  color: #999999;
  margin-right: 2px;
}
.st-scrolling {
  position: relative;
  height: 100%;
}
.st-scrolling .st-rows-outer {
  position: absolute;
  top: 20px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
.st-row {
  border-bottom: 1px solid #eeeeee;
  clear: both;
  overflow-x: hidden;
}
.st-paging > .st-rows-outer > .st-rows-inner > .st-row {
  display: none;
}
.st-paging > .st-headers,
.st-paging > .st-rows-outer > .st-rows-inner > .st-row.st-vis {
  display: block;
}
.st-headers.st-row {
  border-bottom: none;
}
.st-row-empty {
  border-style: solid;
  border-color: #ffffff #cccccc #cccccc #ffffff;
  border-width: 1px;
  line-height: 15px;
  text-align: center;
  color: #999999;
  display: none;
}
.st-empty .st-row-empty {
  display: block;
}
.st-footer {
  background-color: #eeeeee;
  border-style: solid;
  border-color: #ffffff #cccccc #cccccc #ffffff;
  border-width: 1px;
  line-height: 15px;
}
.st-footer .icon {
  color: #999999;
}
.st-footer .icon:hover {
  color: #141d1e;
}
.st-footer div {
  text-align: center;
}
.st-footer .st-footer-left,
.st-footer .st-footer-right,
.st-footer .st-footer-pos {
  display: flex;
  justify-content: center;
}
.st-footer .st-footer-left {
  float: left;
  width: 17px;
  padding: 1px;
}
.st-footer .st-footer-right {
  float: right;
  width: 17px;
  padding: 1px;
}
.st-searchbar {
  width: 100%;
  background-color: #eeeeee;
  border-style: solid;
  border-color: #ffffff #cccccc #cccccc #ffffff;
  border-width: 1px;
  line-height: 15px;
  display: flex;
  align-items: center;
}
.st-searchbar .icon {
  color: #999999;
}
.st-searchbar .icon:hover {
  color: #141d1e;
}
.st-searchbar div {
  text-align: center;
}
.st-searchbar .st-searchbar-center {
  flex-grow: 1;
  padding: 1px;
}
.st-searchbar .st-searchbar-center input {
  color: #3366cc !important;
  width: 100%;
  height: 100%;
}
.st-searchbar .st-searchbar-center input::selection {
  color: #ffffff;
  background-color: #3366cc !important;
}
.st-searchbar .st-searchbar-left {
  float: left;
  width: 17px;
  padding: 1px;
}
.st-searchbar .st-searchbar-right {
  float: right;
  width: 17px;
  padding: 1px;
}
.st-cell {
  padding: 1px;
  height: 18px;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.st-empty .st-cell {
  background-color: #eeeeee;
  color: #330000;
}
.st-R {
  float: right;
}
.st-L {
  float: left;
}
.st-text-L {
  text-align: left;
}
.st-text-R {
  text-align: right;
}
.st-scroll {
  width: 10px;
}
.st-id {
  width: 50px;
}
.st-per {
  width: 60px;
  text-align: right;
  font-size: 0.9em;
}
.st-size {
  width: 50px;
  text-align: right;
}
.st-num {
  width: 70px;
  text-align: right;
  font-size: 0.9em;
}
.st-small {
  font-size: 0.9em;
}
.st-date {
  width: 75px;
  text-align: right;
}
.st-date-short {
  width: 50px;
  text-align: right;
}
.st-datetime {
  text-align: right;
  width: 115px;
}
.st-icon {
  width: 20px !important;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.st-icon i {
  margin: 1px;
}
.st-link a {
  color: #141d1e;
  cursor: pointer;
  font-weight: normal;
}
.st-link a:hover {
  color: #660000;
}
.st-pL5 {
  padding-left: 5px;
}
.st-autoH {
  height: auto !important;
}
.st-10 {
  width: 10px;
}
.st-15 {
  width: 15px;
}
.st-25 {
  width: 25px;
}
.st-30 {
  width: 30px;
}
.st-45 {
  width: 45px;
}
.st-50 {
  width: 50px;
}
.st-60 {
  width: 60px;
}
.st-70 {
  width: 70px;
}
.st-75 {
  width: 75px;
}
.st-80 {
  width: 80px;
}
.st-85 {
  width: 85px;
}
.st-90 {
  width: 90px;
}
.st-100 {
  width: 100px;
}
.st-110 {
  width: 110px;
}
.st-120 {
  width: 120px;
}
.st-150 {
  width: 150px;
}
.st-200 {
  width: 200px;
}
.st-250 {
  width: 250px;
}
.st-univ-folders .st-extra {
  border-top: 1px dotted #cccccc;
  width: calc(100% - 5px);
  margin-left: auto;
  border-bottom: 3px solid #ffffff;
}
.st-extra > .univ-folder-details {
  margin-left: 20px;
}
.univ-folder-details .controls {
  margin: 2px;
  font-size: 12px;
  text-shadow: none;
}
.univ-folder-details .controls-disabled {
  opacity: 0.25;
}
.univ-folder-details .controls-disabled .icon {
  color: #cccccc !important;
}
.univ-folder-details .controls-disabled .icon:hover {
  color: #cccccc !important;
}
.univ-folder-details .controls .icon {
  margin-right: 5px;
}
.st-univ-folders .icon-folder:hover {
  color: #999999;
}
.st-univ-folders .controls-disabled .icon-folder:hover {
  color: inherit;
}
.st-extra {
  display: none;
}
.st-row.st-extra-open > .st-extra {
  display: block;
}
.arrow_right:before {
  content: "\e916";
}
.arrow_down:before {
  content: "\e914";
}
.st-row.st-extra-open > .st-cell > .icon.st-toggle:before {
  content: "\e914";
}
span.st-toggle {
  cursor: pointer;
}
.icon.st-toggle:before {
  content: "\e916";
}
.univ-list-container {
  background-color: #ffffff;
  padding-top: 2px;
}
.st-univ-list .st-row.univ-shared-with-user {
  color: #3366cc !important;
  font-style: italic;
}
.st-univ-list .st-row.univ-shared-with-user a {
  color: #3366cc;
}
.st-univ-list a {
  color: #141d1e;
}
.st-univ-list a:hover {
  color: #990000;
  text-decoration: underline;
}
.st-univ-list .cart .icon {
  margin: 0 !important;
}
.st-univ-list .cart.plus {
  color: #006600;
}
.st-univ-list .cart.minus {
  color: #990000;
}
.share .icon {
  margin: 0 !important;
}
.share.shared-with {
  color: #3366cc;
  cursor: default;
  opacity: 1 !important;
}
.share.shared-by {
  color: #990000;
}
.st-row.active > .select,
.st-row.active > .st-cell > .select {
  color: #990000;
}
.st-row.unloaded {
  opacity: 0.5;
}
.type-UNIVERSE.active .select-all.all-selected {
  color: #141d1e;
}
.univ-controls {
  padding: 5px 0;
}
.univ-controls .icon {
  margin-right: 5px;
}
.univ-details {
  background-color: #f8f8f8;
  margin: 4px;
}
.univ-details .univ-controls .icon {
  font-size: 13px;
  margin: 4px;
}
.univ-details .counts table {
  width: 100%;
}
.univ-details .counts table th {
  text-align: right;
  padding-right: 3px;
  vertical-align: top;
}
.univ-details .counts table td {
  vertical-align: top;
}
.line-width {
  width: 10px;
  height: 12px;
  position: relative;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}
.line-width div {
  width: 100%;
  height: 1px;
  position: absolute;
  border-top: solid #141d1e;
}
.line-width.width-1 div {
  border-top-width: 1px;
  top: 7px;
}
.line-width.width-2 div {
  border-top-width: 2px;
  top: 6px;
}
.line-width.width-3 div {
  border-top-width: 3px;
  top: 5px;
}
.line-width.width-4 div {
  border-top-width: 4px;
  top: 4px;
}
.line-width.width-5 div {
  border-top-width: 5px;
  top: 4px;
}
.line-width.width-6 div {
  border-top-width: 6px;
  top: 3px;
}
.st-purchased .st-row .st-cell:nth-child(1) {
  float: right;
  width: 65px;
  text-align: right !important;
}
.st-purchased .st-row .st-cell:nth-child(2) {
  float: left;
  width: 15px;
  text-align: center !important;
}
div.composition {
  background-color: #f8f8f8;
  padding: 5px;
  margin-bottom: 5px;
}
div.composition ul {
  margin: 0;
  padding-left: 20px;
}
.asterisk {
  color: #990000;
}
.receipt {
  padding: 20px;
  background-color: #ffffff;
  font-size: 12px;
  font-family: 'Lato', sans-serif;
}
.receipt .title {
  width: 100%;
}
.receipt .title td {
  padding: 0;
  border-top: 1px solid #990000;
  border-bottom: 1px solid #990000;
}
.receipt .title td:nth-child(1) {
  width: 130px;
}
.receipt .title td:nth-child(2) {
  text-align: right;
  padding: 0 4px;
}
.receipt .div,
.receipt td,
.receipt th {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  line-height: 13px;
}
.receipt h1 {
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  color: #990000;
  margin: 0;
  font-family: 'Lato', sans-serif;
}
.receipt h2 {
  font-size: 14px;
  font-weight: normal;
  color: #990000;
  font-family: 'Lato', sans-serif;
}
.receipt .contact th {
  text-align: right;
  padding: 2px 4px;
}
.receipt table.items {
  width: 100%;
}
.receipt table.items th,
.receipt table.items td {
  border: 1px solid #cccccc;
  padding: 3px;
  text-align: left;
  vertical-align: top;
}
.receipt .totals table td:nth-child(2),
.receipt table.items th:nth-child(3) {
  width: 100px;
}
.receipt table.items th:nth-child(3),
.receipt table.items th:nth-child(2),
.receipt table.items td:nth-child(3),
.receipt table.items td:nth-child(2) {
  text-align: right;
}
.receipt .totals {
  margin-top: 4px;
  text-align: right;
}
.receipt .totals table {
  float: right;
}
.receipt .totals table th,
.receipt .totals table td {
  text-align: right;
  padding: 3px;
  border: 1px solid #cccccc;
}
.receipt .items .name {
  font-weight: bold;
}
.receipt .items .id {
  font-size: 10px;
}
.receipt .items .desc {
  font-style: italic;
}
#univ-new-process .header,
#report-new-pane-2 .header {
  font-size: 18px;
  font-weight: bold;
  color: #990000;
  margin: 10px 0;
  text-align: center;
}
#univ-new-process .subheader {
  font-size: 14px;
  color: #141d1e;
  margin: 10px 0;
  text-align: center;
}
#univ-new-process .subheader span {
  padding: 0 10px;
}
#univ-new-process .subheader .status {
  font-weight: bold;
}
#univ-new-process .subheader .msg {
  color: #330000;
  font-weight: bold;
}
#univ-new-process .subheader .details {
  color: #110000;
}
.progress-area {
  text-align: center;
  margin-top: 10px;
}
.progress-area > div {
  margin: auto;
  width: 400px;
  padding: 3px;
  background-color: #e4e4e4;
  border: 1px solid #dddddd;
}
.progress-area .progress-steps {
  text-align: left;
  color: #660000;
  border: none;
  margin-bottom: 5px;
}
.progress-area .progress-bar {
  position: relative;
  width: 100%;
  padding: 1px;
  background-color: #996666;
}
.progress-area .progress-indicator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto;
  height: auto;
  width: auto;
  text-align: center;
  background-color: #660000;
}
.progress-area .progress-percent {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  position: relative;
  text-align: center;
  font-weight: normal;
  font-size: 0.9em;
  color: #ffffff;
}
#download-pane-4 .subheader {
  font-weight: bold;
}
#download-filename {
  color: #990000;
  font-weight: normal;
}
#report-new-pane-2 .subheader {
  text-align: center;
}
/*
#univ-new-progress-bar,
#report-new-progress-bar,
#download-progress-bar {
  position: relative;
  width: 100%;
}

#univ-new-progress-bar div,
#report-new-progress-bar div,
#download-progress-bar div {
  height: 15px;
  background-color: @l2-red;
}

#univ-new-progress-amount,
#report-new-progress-amount,
#download-progress-amount {
  color: @l2-red;
}
#univ-new-progress-area,
#report-new-progress-area {
  width: 300px !important;
  margin-left: auto;
  margin-right: auto
}

#univ-new-progress-area > div:nth-child(1),
#report-new-progress-area > div:nth-child(1),
#download-progress-area > div:nth-child(1) {
  border: 1px solid @l2-gray-C;
  padding: 0;
}






#univ-new-progress-amount,
#report-new-progress-amount,
#download-progress-amount {
  margin-top: 5px;
  text-align: center;
}
*/
#univ-new-progress-done .message,
#report-new-progress-done .message,
#download-progress-done .message {
  font-weight: bold;
  text-align: center;
  margin: 10px;
}
#univ-new-progress-area,
#report-new-progress-area,
#download-progress-area {
  text-align: center;
}
#univ-new-progress-done,
#report-new-progress-done,
#download-progress-done {
  text-align: center;
  margin-top: 40px;
}
#univ-new-progress-done .buttons,
#report-new-progress-done .buttons,
#download-progress-done .buttons {
  text-align: center;
}
#univ-new-progress-done .form-button,
#report-new-progress-done .form-button,
#download-progress-done .form-button {
  margin-top: 5px;
  width: auto;
  float: none;
}
#download-pane-1 label .icon {
  color: #009900;
}
#exports-list {
  font-size: 11px;
}
#exports-list #exports-table {
  border: 1px solid #e0e0e0;
}
#exports-list .info {
  margin: 5px 0;
  padding: 5px;
}
#exports-list table {
  margin: 5px auto;
}
#exports-list table th {
  padding: 5px 10px;
  text-align: left;
}
#exports-list table td {
  padding: 0 10px;
  vertical-align: top;
}
#exports-list table td div {
  display: inline-block;
  width: 110px;
  margin: 2px 5px;
}
#exports-list table td div .icon {
  margin-right: 4px;
  width: 13.5px;
}
.icon-export,
.icon-export:hover {
  color: #006600;
  width: 1em;
}
.icon-status,
.icon-status:hover {
  color: #000000;
  width: 1em;
}
.st-exports-list .st-row .st-cell.value a {
  color: #141d1e;
  cursor: pointer;
  font-weight: normal;
}
.st-exports-list .st-row .st-cell.value a:hover {
  color: #660000;
}
.st-reports-list .st-row .st-cell a {
  color: #141d1e;
  cursor: pointer;
  font-weight: normal;
}
.st-reports-list .st-row .st-cell a:hover {
  color: #660000;
}
.timings_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.timings_table th {
  background-color: #f0f0f0;
  border-bottom: 1px solid #cccccc;
}
.timings_table tr:nth-child(odd) {
  background-color: #ffe0e0;
}
.timings_table th,
.timings_table td {
  padding: 2px;
  text-align: right !important;
}
.timings_table th:nth-child(2),
.timings_table th:nth-child(3),
.timings_table th:nth-child(4),
.timings_table th:nth-child(5),
.timings_table td:nth-child(2),
.timings_table td:nth-child(3),
.timings_table td:nth-child(4) td:nth-child(5) {
  width: 60px !important;
}
.timings_table th:nth-child(1),
.timings_table td:nth-child(1) {
  text-align: left;
}
.timings_table th:nth-child(6) {
  width: 5px;
}
#__VIZ_MASKING .active_n,
#__VIZ_BOUNDARIES .active_n,
#__VIZ_DOTS .active_n,
#__VIZ_AREAS .active_n {
  font-weight: normal;
  margin-left: 5px;
}
#__VIZ_MASKING .active_n span,
#__VIZ_BOUNDARIES .active_n span,
#__VIZ_DOTS .active_n span,
#__VIZ_AREAS .active_n span {
  color: #990000;
  font-size: 12px;
  font-weight: bold;
}
#eula {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  overflow: auto;
}
#eula div {
  margin: 15px 0 40px 0;
}
#eula .title {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
#eula .msg {
  font-size: 13px;
  text-align: justify;
  line-height: 16px;
}
#eula form {
  width: auto;
}
#eula .buttons {
  text-align: center;
}
#eula .form-button {
  width: 200px;
  float: none;
}
#eula .error form {
  background-color: #ffcccc;
  border: 1px solid #990000;
}
#printer_iframe {
  position: absolute;
  left: 100px;
  top: -100px;
  width: 10px;
  height: 10px;
}
.ui-resizable-se {
  background: url(../images/resize-handle.png) !important;
}
.ui-resizable-helper {
  border: 2px dotted #990000;
}
.horiz-scroll.scrollable.gray-skin {
  padding-bottom: 10px !important;
}
#image-composer {
  position: absolute;
  top: 20px;
  left: auto;
  bottom: 20px;
  right: 10px;
  height: auto;
  width: 250px;
  border: 1px solid #141d1e;
  font-size: 12px;
  background-color: #ffe0e0;
  color: #990000;
  padding: 5px;
  box-shadow: -1px 1px 3px #999999;
}
#image-composer .image-composer-contents {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#image-composer .help {
  cursor: pointer;
  border: 1px solid #990000;
  background-color: #e0e0e0;
  font-size: 12px;
  text-align: left;
  margin: 15px 0;
  padding: 3px 40px 3px 5px;
}
#image-composer .help:hover {
  background-color: #660000;
  color: #ffffff;
}
#image-composer .help .icon {
  float: right;
  font-size: 30px;
  margin-right: -35px;
  margin-top: 4px;
  color: #ffffff;
}
#image-composer .help .icon,
#image-composer .help a {
  color: #990000;
}
#image-composer .help:hover .icon,
#image-composer .help:hover a {
  font-weight: normal;
  color: #ffffff;
}
#image-composer .header {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  padding-bottom: 3px;
  border-bottom: 1px solid #330000;
  margin-bottom: 4px;
}
#image-composer .header .icon-help {
  color: #330000;
}
#image-composer .header .icon-help:hover {
  color: #990000;
}
#image-composer table {
  width: 100%;
}
#image-composer table th {
  text-align: right;
  vertical-align: top;
  padding-top: 7px !important;
}
#image-composer table td,
#image-composer table th {
  padding: 3px;
}
#image-composer table label {
  cursor: default;
}
#image-composer input {
  margin-right: 3px;
}
#image-composer input[type=checkbox] {
  cursor: pointer;
}
#image-composer textarea {
  width: 100%;
  resize: none;
}
#image-composer .controls {
  margin: 0 50px 15px 50px;
}
#image-composer .form {
  flex-grow: 1;
  overflow-y: scroll;
}
#image-composer .footer {
  margin: 10px 4px 4px 4px;
  padding: 4px;
  text-align: center;
  border-top: 1px solid #663333;
}
#image-composer .footer p {
  font-style: italic;
  margin: 3px;
}
#map-legend {
  min-width: 340px;
  min-height: 50px;
  position: absolute;
  color: #990000;
  border: 1px solid #141d1e;
  background-color: #f8f8f8;
  font-size: 16px;
}
#map-legend #legend-info {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 45px;
  right: 0;
  height: auto;
  width: auto;
}
#map-legend #legend-info #legend-loading {
  text-align: center;
  margin-top: 10px;
}
#map-legend #legend-timestamp {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  height: 15px;
  width: auto;
  font-size: 10px;
  line-height: 13px;
  font-weight: normal !important;
  text-align: center;
  color: #ffffff;
  background-color: #666666;
}
#map-legend #legend-totals {
  text-align: center;
}
#map-legend #legend-branding {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 15px;
  right: 0;
  height: 30px;
  width: auto;
  background-color: #141d1e;
  color: #ffffff;
  padding: 0 !important;
}
#map-legend #legend-branding > div {
  display: inline-block;
  float: left;
}
#map-legend #legend-logo {
  height: 30px;
  color: white;
  font-family: 'Lato', sans-serif;
  line-height: 30px;
  font-size: 14px;
  white-space: nowrap;
}
#map-legend #legend-logo img {
  float: left;
  margin-right: 5px;
}
#map-legend #legend-tagline {
  font-size: 2px;
  float: right !important;
  line-height: 30px !important;
  height: 30px !important;
  vertical-align: middle !important;
}
#map-legend #legend-tagline img {
  vertical-align: middle !important;
}
#image-composer-text {
  height: 90px;
}
#legend > div {
  margin: 5px;
  padding: 0 5px;
}
#legend em {
  font-style: normal;
  color: #330000;
  font-weight: bold;
}
#legend .block {
  border: 1px solid #cccccc;
  overflow: hidden;
  padding: 4px !important;
}
#legend p {
  text-align: center;
  margin: 0 0 3px 0 !important;
}
#legend p.heading {
  font-size: 0.95em;
  font-weight: bold;
  color: #330000;
}
#legend #legend-title {
  text-align: left;
  font-weight: bolder;
  font-size: 1.4em;
  color: #110000;
}
#legend #legend-subtitle {
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  color: #660000;
}
#legend #legend-text {
  text-align: left;
  font-weight: normal;
  font-size: 0.8em;
  color: #333333;
}
#legend #legend-filter ul {
  margin: 3px auto;
}
#legend #legend-borders table td {
  text-align: left;
  padding: 2px;
}
#legend .legend-list-item {
  margin: 5px;
  padding: 2px;
  xborder: 1px solid #e0e0e0;
  padding-left: 17px;
}
#legend .legend-list-item .icon-color {
  margin-left: -15px;
  margin-right: 3px;
}
#legend .legend-list-list .legend-list-item {
  display: inline-block;
  margin-top: 1px;
  margin-bottom: 1px;
}
#legend .legend-list-center {
  text-align: center;
}
#legend .legend-list-center .legend-list-item {
  display: block;
}
#legend .legend-list-col .legend-list-item {
  text-align: left;
  vertical-align: top;
  display: inline-block;
  width: 150px;
  margin: 3px;
}
#legend #legend-dots {
  text-align: center;
}
#legend #legend-dots table {
  width: 100%;
}
#legend #legend-dots table td {
  text-align: left;
  padding: 2px;
}
#legend #legend-charts {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#legend #legend-charts .legend-list-chart-container {
  flex-grow: 2;
}
#legend #legend-charts .legend-list-chart-container svg {
  width: 100%;
}
#legend #legend-charts .legend-list-chart-container svg text {
  font-size: 0.9em;
}
#legend #legend-charts .legend-list-chart-container[chart-type="h-bar"] {
  width: fit-content;
}
#legend #legend-charts .legend-list-chart-container[chart-type="h-bar"] p.heading {
  text-align: left;
}
#legend #legend-charts .legend-list-chart-container[chart-type="h-bar"] svg {
  width: min(400px, 100%);
  max-height: 120px;
}
#legend #legend-charts .legend-list-chart-container[chart-type="h-bar"] .category-axis text {
  font-size: 0.75em;
  fill: #333333;
  font-weight: bold;
}
#legend #legend-charts .legend-list-chart-container[chart-type="h-bar"] .val-axis text {
  font-size: 0.75em;
  fill: #333333;
}
#legend #legend-charts .legend-list-chart-container[chart-type="h-bar"] .axis {
  font-size: 1em;
  color: #888888;
}
#legend #legend-charts .legend-list-chart-container[chart-type="h-bar"] .value-label {
  font-size: 0.7em;
  fill: #666666;
  dominant-baseline: central;
}
#legend #legend-charts .legend-list-chart-container[chart-type="h-bar"] rect.bar {
  rx: 2px;
  fill: #eb928f;
}
#legend #legend-charts .legend-list-chart-container[chart-type="mini-stacked-h-bar"] {
  display: flex;
  gap: 5px;
  width: 100%;
  align-items: center;
  justify-content: end;
}
#legend #legend-charts .legend-list-chart-container[chart-type="mini-stacked-h-bar"] p {
  margin: 0 !important;
}
#legend #legend-charts .legend-list-chart-container[chart-type="mini-stacked-h-bar"] p.heading {
  text-align: end;
}
#legend #legend-charts .legend-list-chart-container[chart-type="mini-stacked-h-bar"] svg[chart-type="mini-stacked-h-bar"] {
  aspect-ratio: 10;
  width: 100%;
  min-height: 20px;
  max-height: 25px;
}
#legend #legend-charts .legend-list-chart-container[chart-type="mini-stacked-h-bar"] svg[chart-type="mini-stacked-h-bar"] text {
  font-size: 0.75em;
}
#legend #legend-charts .legend-list-chart-container[chart-type="mini-stacked-h-bar"] .legend-list-chart-icon-bar {
  display: flex;
  justify-content: space-between;
  padding-block: 10px;
  height: 16px;
}
#help-topics {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto;
  height: auto;
  width: 250px;
  background-color: #eeeeee;
  border-right: 3px solid #666666;
}
#help-topics a {
  display: block;
  font-size: 14px;
  margin: 2px;
}
#help-topic {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 251px;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  border: none;
  font-size: 16px;
  color: #141d1e;
}
#help-topics-content {
  margin: 5px;
}
#help-topics-content .active {
  margin-left: -3px;
  background-color: #990000;
  color: #ffffff;
  padding: 2px 3px;
  border-radius: 5px;
}
#help-topics-content .topic-2 {
  margin-left: 10px;
}
#help-topics-content .topic-2.active {
  margin-left: 7px;
}
#help-topics-content .topic-3 {
  margin-left: 20px;
}
#help-topics-content .topic-3.active {
  margin-left: 17px;
}
#help-topics-content .topic-4 {
  margin-left: 30px;
}
#help-topics-content .topic-4.active {
  margin-left: 27px;
}
#help-topic-content {
  padding: 10px;
}
#help-topic-content h1 {
  color: #990000;
  font-size: 20px;
  margin: 20px 0 5px 0;
  border-bottom: 1px solid #990000;
}
#help-topic-content h2 {
  color: #990000;
  font-size: 16px;
  margin: 12px 0 0 0;
}
#help-topic-content h3 {
  color: #660000;
  font-size: 13px;
  margin: 6px 0 0 0;
}
#help-topic-content a {
  color: #cc0000;
  background-color: #ffe0e0;
  text-decoration: underline;
}
#help-topic-content p {
  margin: 3px 0 6px 0;
}
#help-topic-content em {
  color: #990000;
  font-style: normal;
}
#help-topic-content .icon {
  color: #990000;
  font-size: 1.1em;
}
#help-topic-content table {
  margin: 5px 0;
}
#help-topic-content table th,
#help-topic-content table td {
  padding: 2px;
  border: 1px solid #cccccc;
  text-align: center;
}
#help-topic-content table th {
  font-weight: bold;
  color: #990000;
}
.page-order-report,
.page-export-report,
.page-ttd-tool {
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 920px;
  background-color: #ffffff;
}
.control-bar {
  line-height: 20px;
  font-size: 12px;
  background-color: #eeeeee;
  border-bottom: 1px solid #cccccc;
  clear: both;
}
.control-bar .left {
  margin-left: 5px;
}
.control-bar .right {
  float: right;
  margin-right: 5px;
}
.control-bar i.icon {
  margin-left: 8px;
  margin-right: 3px;
  color: #141d1e !important;
}
.control-bar a {
  margin-left: 5px;
  padding: 2px 5px;
  line-height: 12px;
  border-radius: 5px;
  box-shadow: none;
  border: none;
  color: #666666;
  cursor: pointer;
}
.control-bar a .icon {
  color: inherit !important;
}
.control-bar a:hover {
  color: #141d1e;
  outline: 0;
  font-weight: normal !important;
}
#__SHAPES_controls {
  text-align: right;
  font-size: 12px;
}
#__SHAPES_controls i {
  margin-left: 5px;
}
#__SHAPES .controls .shape-add-active {
  color: #990000 !important;
  font-weight: bold;
}
#__SHAPES .controls .close {
  color: #cc0000 !important;
}
#__SHAPES .controls .close:hover {
  color: #660000 !important;
}
.st-shapes-list .active .is_active {
  color: #990000;
}
.st-shapes-list .active .is_active.icon-filter:before {
  content: "\e937";
}
.st-shapes-list .is_visible.icon-eye {
  color: #990000;
}
.st-shapes-list .edit .icon-edit {
  color: #990000;
}
.st-shapes-list .value .icon {
  margin-left: 5px;
}
#shape-edit {
  margin: 5px;
  padding: 5px 5px 5px 42px;
  border-top: 1px dotted #cccccc;
  text-align: right;
}
#shape-edit table {
  background-color: #e0e0e0;
  border: 1px solid #cccccc;
}
#shape-edit table th {
  padding: 2px 6px;
  color: #330000;
}
#shape-edit table td {
  padding: 2px 6px;
}
#shape-edit table input,
#shape-edit table select {
  height: 22px !important;
}
#shape-edit #shape-edit-label {
  width: 135px;
}
#shape-edit #shape-edit-radius {
  width: 50px;
}
#shape-edit #shape-edit-units {
  width: 80px;
}
.tabs {
  padding-right: 10px;
}
.tabs > div {
  cursor: pointer;
  background-color: #e0e0e0;
  display: inline-block;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: center;
  vertical-align: bottom;
  padding: 4px 7px;
  height: 100%;
  line-height: 0;
}
.tabs > div .icon {
  font-size: 14px;
  margin: 0 !important;
}
.tabs > div:hover {
  background-color: #666666;
  color: #ffffff;
}
.tabs > div:hover .icon {
  color: inherit !important;
}
.tabs > div.active {
  color: #990000;
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.tabs > div.active .icon {
  color: inherit !important;
}
.vm {
  color: #990000;
  font-size: 1.2em;
  font-weight: bold;
  font-family: 'Lato', sans-serif;
}
#admin {
  position: absolute;
  top: 85px;
  left: auto;
  bottom: 0px;
  right: auto;
  height: calc(100% - 95px);
  width: 920px;
}
#admin > div {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  position: relative;
  height: 100%;
}
#admin > div > .pop-T {
  position: absolute;
  top: auto;
  left: 0;
  bottom: auto;
  right: 0;
  height: 110px;
  width: auto;
}
#admin > div > .pop-M-T {
  position: absolute;
  top: 110px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#admin > div .admin {
  clear: both;
  height: 20px !important;
}
#admin > div .panes {
  border: 1px solid #cccccc;
  padding: 5px;
}
#admin > div .panes .pop-T {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: auto;
  right: 5px;
  height: 25px;
  width: auto;
  border-bottom: 1px solid #aaaaaa;
}
#admin > div .panes .pop-M-T {
  position: absolute;
  top: 30px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#admin > div #obj-modification {
  display: inline-block;
  font-size: 1.5em;
  margin-right: 5px;
}
#admin > div .panes {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#admin > div .container {
  position: absolute;
  overflow-y: scroll;
}
#admin .db-refresh {
  clear: both;
  line-height: 22px;
  margin-bottom: 5px;
  margin-top: 10px !important;
  padding: 2px;
}
#admin .db-refresh div {
  margin: 2px;
}
#admin .db-refresh span {
  position: relative;
  top: 2px;
}
#admin .db-refresh em {
  margin-right: 10px;
  font-weight: bold;
}
#admin .db-refresh select {
  margin-right: 10px;
}
#admin .db-refresh input {
  margin: 0 2px 0 5px;
}
#admin .db-refresh button {
  float: right;
  padding: 2px;
  line-height: 14px;
  margin-top: 2px;
}
#admin-search-area {
  clear: both;
  text-align: right;
  padding-top: 5px;
  position: relative;
}
#admin-search-area #admin-search-controls {
  margin-top: 10px;
  margin-bottom: 10px;
}
#admin-search-area #admin-search-controls button {
  margin-left: 5px;
  padding: 3px;
  background-color: #ffe0e0;
}
#admin-search-area #admin-search-controls input,
#admin-search-area #admin-search-controls select {
  margin-left: 5px;
  padding: 3px;
  border: 3px solid #ffe0e0;
}
#admin-search-area #admin-search-text {
  width: 300px;
}
#admin-search-area #admin-search-results {
  position: absolute;
  margin-top: -5px;
  text-align: left;
  right: 47px;
  background-color: #ffffff;
  padding: 10px;
  z-index: 1000;
  height: auto;
  border: 3px solid #ffe0e0;
}
#admin-search-area #admin-search-results table th {
  padding: 2px;
  text-align: left;
  color: #990000;
}
#admin-search-area #admin-search-results table td {
  padding: 2px;
}
#admin-search-area #admin-search-results table tr:nth-child(old) {
  background-color: #cccccc;
}
#admin-search-area #admin-search-results table tr.active {
  background-color: #ffff39;
}
#admin-search-area.super > div > .pop-T {
  height: 120px !important;
}
#admin-search-area.super > div > .pop-M-T {
  top: 120px !important;
}
#admin-search-area.super > div #db-super-control {
  display: block;
}
#admin-search-area h1 {
  margin: 0;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
}
#admin-search-area .tabs > div {
  border-bottom: 1px solid #660000;
}
#admin-search-area .tabs > div.active {
  border: 1px solid #660000;
  border-bottom-color: #ffffff;
  font-weight: bold;
  color: #660000;
}
#admin-search-area .content .pop-T .tabs {
  position: absolute;
  top: auto;
  left: 0;
  bottom: -1px;
  right: auto;
  height: auto;
  width: auto;
  z-index: 99;
}
#admin-search-area .content > .pop-M-T {
  border: 1px solid #cccccc;
  z-index: 98;
}
#admin-search-area #admin-pane-find > div {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  height: auto;
  width: auto;
}
#admin-search-area #admin-pane-find > div #admin-find-table-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#admin-search-area #admin-pane-find > div .st-admin-list {
  border: 1px solid #dddddd;
}
#admin-search-area #admin-pane-find > div .st-admin-list .st-rows-inner .st-row:nth-child(odd) {
  background-color: #ffe0e0;
}
#admin-search-area #admin-pane-find > div .st-admin-list .st-head,
#admin-search-area #admin-pane-find > div .st-admin-list th {
  background-color: #e0e0e0;
  text-align: left;
  color: #333333;
  font-weight: bold;
  font-size: 12px;
}
#admin-search-area #admin-pane-find > div .st-admin-list td {
  border-bottom: 1px dotted #cccccc;
}
#admin-search-area #admin-pane-loading .message {
  position: absolute;
  top: 10%;
  left: 50%;
  bottom: auto;
  right: auto;
  height: auto;
  width: 200px;
  margin-left: -100px;
  text-align: center;
  border: 1px solid #990000;
  font-size: 20px;
  padding: 10px;
}
#admin-search-area #admin-pane-loading .message img {
  height: 20px;
  width: 20px;
  margin-left: 10px;
}
#admin-search-area #admin-pane-form > div {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  height: auto;
  width: auto;
}
#admin-search-area #admin-pane-form > div .pop-T {
  height: 40px;
  border-bottom: 1px solid #aaaaaa;
}
#admin-search-area #admin-pane-form > div .pop-M-T {
  top: 40px;
  height: auto !important;
  position: absolute;
}
#admin-search-area #admin-pane-form > div em {
  font-weight: bold;
  font-style: normal;
  color: #660000;
}
#admin-search-area #admin-pane-form > div #admin-object-err {
  padding: 5px;
}
#admin-search-area #admin-pane-form > div #admin-object-err div {
  width: 300px;
  margin: auto !important;
  text-align: center;
}
#admin-search-area #admin-pane-form > div #filters-summary {
  border: 1px solid #e4e4e4;
  background-color: #f8f8f8;
  margin: 5px 0;
}
#admin-search-area #admin-pane-form > div #filters-summary em {
  color: #141d1e;
  text-decoration: underline;
}
#admin-search-area #admin-pane-form > div #filters-summary th,
#admin-search-area #admin-pane-form > div #filters-summary td {
  padding: 2px !important;
}
#admin-search-area #admin-pane-form > div #filters-container {
  border: 1px solid #cccccc;
  padding: 4px;
}
#admin-search-area #admin-pane-form > div #filters-container .node {
  margin-top: 5px;
}
#admin-search-area #admin-pane-form > div #filters-container .dots .icon-dots {
  color: #990000;
  font-weight: bold;
}
#admin-search-area #admin-pane-form > div #filters-container .icon-dots {
  margin-right: 5px;
}
#admin-search-area #admin-pane-form > div #filters-container .toggle {
  margin-right: 5px;
}
#admin-search-area #admin-pane-form > div #filters-container .active {
  color: #990000;
}
#admin-search-area #admin-pane-form > div #filters-container .list {
  margin-right: 5px;
  border: 1px solid #ffffff;
  color: #666666;
  font-size: 9px;
  padding: 1px;
}
#admin-search-area #admin-pane-form > div #filters-container .black-list > div.label > .list {
  background-color: #141d1e;
  color: #ffffff;
  font-weight: bold;
}
#admin-search-area #admin-pane-form > div #filters-container .gray-list > div.label > .list {
  background-color: #999999;
  color: #ffffff;
  font-weight: bold;
}
#admin-search-area #admin-pane-form > div #filters-container .white-list > div.label > .list {
  background-color: #ffffff;
  color: #141d1e;
  font-weight: bold;
  border: 1px solid #666666 !important;
}
#admin-search-area #admin-pane-form > div #filters-container .dots .name,
#admin-search-area #admin-pane-form > div #filters-container .black-list .name,
#admin-search-area #admin-pane-form > div #filters-container .gray-list .name,
#admin-search-area #admin-pane-form > div #filters-container .white-list .name {
  color: #990000;
}
#admin-object {
  font-size: 13px;
  width: 100% !important;
}
#admin-object a:hover {
  color: #141d1e;
  text-decoration: underline;
}
#admin-object > table {
  margin-top: 10px;
  width: 100%;
}
#admin-object th,
#admin-object td {
  padding: 4px;
  vertical-align: top;
}
#admin-object th {
  text-align: right;
  color: #110000;
  padding-top: 4px;
}
#admin-object th .buttons {
  margin-top: 3px;
  margin-right: 0;
  text-align: right;
}
#admin-object th .buttons button {
  margin-right: 0;
}
#admin-object .form-button {
  margin-bottom: 2px;
}
#admin-object .st-admin-list,
#admin-object div.input,
#admin-object select,
#admin-object textarea,
#admin-object input {
  width: 100% !important;
  margin-right: 5px;
}
#admin-object textarea {
  height: 45px;
}
#admin-object div.input-group {
  display: table;
  width: 100%;
  border: 1px solid #cccccc;
}
#admin-object div.input-group .input-groupL,
#admin-object div.input-group .input-groupR {
  padding: 2px;
  display: table-cell;
}
#admin-object div.input-group .input-groupR {
  text-align: right;
}
#admin-object div.input-group input {
  border: none;
}
#admin-object div.input {
  width: 100%;
  height: 20px;
  padding: 2px;
  margin-top: 0;
  vertical-align: top;
  border: 1px solid #cccccc;
  display: inline-block;
}
#admin-object .header {
  background-color: #ffe0e0;
}
#admin-object ul {
  margin: 0;
  padding-left: 20px;
  background-color: #f0f0f0;
}
#admin-object .credit-input {
  width: 100px !important;
}
#admin-object .credit-amount {
  width: 500px !important;
}
#admin-object .api-key {
  width: 100% !important;
}
#admin-object .ref-label {
  width: 100% !important;
}
#admin-object .mce-tinymce {
  width: 100%;
}
#admin-object .options {
  color: #990000;
}
#admin-object .options table {
  width: auto !important;
}
#admin-object #apps-add-popup,
#admin-object #apps-del-popup {
  position: relative;
  left: calc(100% + 5px);
  bottom: 140px;
  border: 1px solid #aaaaaa;
  background-color: #e4e4e4;
  width: 220px !important;
  margin: 0;
}
#admin-object #apps-add-popup .title,
#admin-object #apps-del-popup .title {
  background-color: #aaaaaa;
}
#admin-object #apps-add-popup div,
#admin-object #apps-del-popup div {
  padding: 2px 5px;
  width: auto;
}
#admin-object .st-admin-list,
#admin-object #credit-history table,
#admin-object .data-table {
  margin-right: 5px;
  float: left;
  width: 100%;
  border: 1px solid #dddddd;
}
#admin-object .st-admin-list .st-rows-inner .st-row:nth-child(odd),
#admin-object #credit-history table .st-rows-inner .st-row:nth-child(odd),
#admin-object .data-table .st-rows-inner .st-row:nth-child(odd) {
  background-color: #ffe0e0;
}
#admin-object .st-admin-list th,
#admin-object #credit-history table th,
#admin-object .data-table th,
#admin-object .st-admin-list td,
#admin-object #credit-history table td,
#admin-object .data-table td {
  padding: 1px 4px;
}
#admin-object .st-admin-list .st-head,
#admin-object #credit-history table .st-head,
#admin-object .data-table .st-head,
#admin-object .st-admin-list th,
#admin-object #credit-history table th,
#admin-object .data-table th {
  background-color: #f0f0f0;
  text-align: left;
  color: #333333;
  font-weight: bold;
  font-size: 12px;
}
#admin-object .st-admin-list td,
#admin-object #credit-history table td,
#admin-object .data-table td {
  border-bottom: 1px dotted #cccccc;
}
#admin-object .adddons-table span {
  cursor: pointer;
}
#admin-object .firm-areas {
  height: 180px;
}
#admin-object .firm-table,
#admin-object .form-table,
#admin-object .filter-table {
  width: 100%;
  margin-right: 5px;
  background-color: #e4e4e4;
  border: 1px solid #f0f0f0;
}
#admin-object .firm-table td,
#admin-object .form-table td,
#admin-object .filter-table td,
#admin-object .firm-table th,
#admin-object .form-table th,
#admin-object .filter-table th {
  padding: 2px;
  vertical-align: top;
}
#admin-object .firm-table th,
#admin-object .form-table th,
#admin-object .filter-table th {
  width: 80px;
}
#admin-object .firm-table td,
#admin-object .form-table td,
#admin-object .filter-table td,
#admin-object .firm-table div.input,
#admin-object .form-table div.input,
#admin-object .filter-table div.input,
#admin-object .firm-table select,
#admin-object .form-table select,
#admin-object .filter-table select,
#admin-object .firm-table textarea,
#admin-object .form-table textarea,
#admin-object .filter-table textarea,
#admin-object .firm-table input,
#admin-object .form-table input,
#admin-object .filter-table input {
  width: 100% !important;
}
.mce-ico {
  font-size: 12px !important;
}
.mce-btn button {
  padding: 1px 2px !important;
}
.mce-btn .mce-txt {
  font-size: 12px !important;
}
.mce-listbox button {
  padding: 0 !important;
}
.mapboxgl-control-container .mapboxgl-ctrl-top-left {
  display: none;
}
.mapboxgl-control-container .mapboxgl-ctrl-bottom-left {
  display: none;
}
.if_rejected {
  display: none;
}
.if_accepted {
  display: none;
}
.if_expired {
  display: none;
}
.if_used {
  display: none;
}
.if_open {
  display: none;
}
.invite-rejected div.if_rejected {
  display: block;
}
.invite-rejected span.if_rejected {
  display: inline-block;
}
.invite-accepted div.if_accepted {
  display: block;
}
.invite-accepted span.if_accepted {
  display: inline-block;
}
.invite-expired div.if_expired {
  display: block;
}
.invite-expired span.if_expired {
  display: inline-block;
}
.invite-used div.if_used {
  display: block;
}
.invite-used span.if_used {
  display: inline-block;
}
.invite-open div.if_open {
  display: block;
}
.invite-open span.if_open {
  display: inline-block;
}
#newuser-accept {
  border: 1px solid #006600;
  text-shadow: none;
  background-color: #99ff99;
  font-size: 1.2em;
  font-weight: bold;
  color: #006600;
  border-radius: 5px;
  margin: 5px;
  padding: 5px;
  text-decoration: none;
}
#newuser-reject {
  border: 1px solid #660000;
  text-shadow: none;
  background-color: #ff9999;
  font-size: 1.2em;
  font-weight: bold;
  color: #660000;
  border-radius: 5px;
  margin: 5px;
  padding: 5px;
  text-decoration: none;
}
.msg-billboard {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  height: 50px;
  width: 250px;
  margin-left: -125px;
  margin-top: -15px;
  border: 3px solid #cccccc;
}
.msg-billboard div {
  border: 1px solid #ffffff;
  background-color: #e4e4e4;
  margin: 0;
  text-align: center;
  line-height: 42px;
  color: #990000;
  font-size: 1.5em;
  font-weight: bold;
}
.msg-billboard div i {
  color: inherit;
  margin-right: 5px;
}
#popups {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  pointer-events: none;
}
#popups > div {
  pointer-events: auto;
}
#backdrop-1,
#backdrop-2,
#backdrop-3,
#backdrop-4,
#backdrop-feedback,
#backdrop-help {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  background-color: #141d1e;
  opacity: 0.75;
  display: none;
}
#backdrop-1 {
  z-index: 1001;
}
.popup-backdrop.backdrop-1 {
  z-index: 1002 !important;
}
#backdrop-2 {
  z-index: 2001;
}
.popup-backdrop.backdrop-2 {
  z-index: 2002 !important;
}
#backdrop-3 {
  z-index: 3001;
}
.popup-backdrop.backdrop-3 {
  z-index: 3003 !important;
}
#backdrop-4 {
  z-index: 4001;
}
.popup-backdrop.backdrop-4 {
  z-index: 4003 !important;
}
#backdrop-help {
  z-index: 8001;
  background-color: #660000;
}
#backdrop-feedback {
  z-index: 9001;
  background-color: #660000;
}
.popup-backdrop.backdrop-help {
  z-index: 8001 !important;
}
.popup-anchor {
  position: absolute;
  left: 100%;
  height: 30px;
  width: 14px;
  background: url(../images/popup-callout.png) -3px 0 no-repeat;
}
.popup-dlg {
  position: absolute;
  border: 1px solid #141d1e;
  background: #fcfcfc;
  background-color: #f0f0f0;
  -webkit-box-shadow: 1px 5px 15px 5px #141d1e;
  -moz-box-shadow: 1px 5px 15px 5px #141d1e;
  box-shadow: 1px 5px 15px 5px #141d1e;
  z-index: 1002;
  display: none;
  font-size: 13px;
  color: #141d1e;
}
.popup-dlg th {
  color: #660000;
}
.popup-dlg > .pop-T {
  padding: 3px;
  font-size: 16px;
  background-color: #888888;
  border-bottom: 1px solid #666666;
}
.popup-dlg > .pop-T .icon {
  float: none;
  color: #ffffff;
  margin-left: 5px;
  font-size: 14px !important;
}
.popup-dlg > .pop-T > .buttons {
  float: right;
  margin: 0 0 0 5px !important;
  display: inline-flex !important;
  align-items: center;
  height: 100%;
}
.popup-dlg > .pop-T .popup-restore,
.popup-dlg > .pop-T .popup-min,
.popup-dlg > .pop-T .popup-max,
.popup-dlg > .pop-T .popup-help,
.popup-dlg > .pop-T .popup-close-icon,
.popup-dlg > .pop-T .popup-close.icon {
  cursor: pointer;
  font-size: 18px;
  color: #666666;
}
.popup-dlg > .pop-T .popup-restore:hover,
.popup-dlg > .pop-T .popup-min:hover,
.popup-dlg > .pop-T .popup-max:hover,
.popup-dlg > .pop-T .popup-help:hover,
.popup-dlg > .pop-T .popup-close-icon:hover,
.popup-dlg > .pop-T .popup-close.icon:hover {
  color: #cccccc;
}
.popup-dlg > .pop-T .title {
  display: inline-flex;
  align-items: center;
  gap: 2.5px;
  margin: 0px 22px 0 0;
  font-weight: normal;
  color: #ffffff;
}
.popup-dlg .table-body {
  height: 100px;
  position: absolute;
}
.popup-dlg .section-label .icon,
.popup-dlg .value .icon {
  font-size: 18px;
}
#private-global-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 500px;
  width: 400px;
  min-height: 500px;
  min-width: 400px;
}
#private-global-popup #private-global-msg {
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
}
#private-global-popup #private-global-msg b {
  color: #990000;
}
#private-global-popup .container {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#private-global-popup .container div {
  padding: 3px;
}
#private-global-popup .container input {
  position: relative;
  top: 1px;
  margin-right: 3px;
}
#private-global-popup table td {
  padding: 2px;
}
#private-share-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 500px;
  width: 750px;
}
#private-share-popup #private-share-msg {
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
}
#private-share-popup .container {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#private-share-popup table td {
  padding: 2px;
}
#region-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 500px;
  width: 750px;
}
#region-popup table {
  width: 100%;
}
#region-popup table td {
  vertical-align: top;
  padding: 3px;
  width: 20%;
}
#region-popup .heading {
  font-weight: bold;
  font-size: 1.2em;
  padding-left: 1px;
}
#region-popup .content-container {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 20px;
  right: 5px;
  height: auto;
  width: auto;
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
#region-popup .content-container .overview {
  width: 100%;
}
#region-grid {
  width: 100%;
  -webkit-column-width: 200px;
  -moz-column-width: 200px;
  column-width: 200px;
}
#region-grid > div {
  padding: 2px;
  padding-left: 10px;
}
#prompt-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 190px;
  width: 300px;
  z-index: 999;
}
#prompt-popup .pop-M-TB > div {
  position: absolute;
  top: 7px;
  left: 10px;
  bottom: auto;
  right: 10px;
  height: auto;
  width: auto;
}
#prompt-popup #prompt-select,
#prompt-popup #prompt-input {
  width: 100%;
}
#prompt-confirm-msg {
  font-size: 12px;
  margin: 5px;
}
.delete_universes li {
  color: #990000;
  margin-bottom: 5px;
}
.delete_universes .univ_id {
  color: #141d1e;
  font-size: 10px;
}
.export_msg {
  font-size: 12px;
  padding: 10px;
}
.export_msg div {
  padding: 10px;
  color: #990000;
}
#univ-new-close-msg,
#report-new-close-msg,
#download-close-msg {
  margin: 20px auto 10px auto;
  width: 370px;
  text-align: center;
  border: 1px solid #000066;
  background-color: #f8f8f8;
  color: #000066;
  padding: 10px;
  font-family: 'Lato', sans-serif !important;
  font-size: 12px;
}
#download-close-msg b {
  font-weight: bold;
  color: #000066;
}
#loading-popup {
  cursor: default;
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  width: 550px;
  z-index: 6001;
  background-color: #141d1e;
  border: 1px solid #999999;
  display: none;
  flex-direction: column;
  font-size: 1.2em;
}
#loading-popup .header {
  display: flex;
  clear: both;
  height: 65px;
  vertical-align: middle;
}
#loading-popup .header .logo {
  float: left;
}
#loading-popup .header .logo img {
  height: 65px;
}
#loading-popup .header .title-outer {
  display: flex;
  align-items: center;
}
#loading-popup .header .title {
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-size: 45px;
  margin-left: 10px;
}
#loading-popup .body {
  padding: 10px;
  background-color: #dddddd;
  line-height: 20px;
  border-top: 1px solid #cccccc;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  color: #cc0000;
}
#loading-popup .body i {
  font-size: 1em;
}
#loading-popup .body img {
  margin-left: 30px;
}
#loading-popup #loading-info {
  background: #c8c8c8;
  text-align: center;
  color: #330000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}
#loading-popup #loading-info i {
  pointer-events: none;
  font-size: 1em;
  margin-right: 5px;
}
#loading-popup #loading-info #loading-details {
  padding: 5px 5px 5px 5px;
  width: 100%;
  text-align: start;
}
#loading-popup #loading-info #loading-details i {
  min-width: 20px;
  margin-left: 3px;
}
#loading-popup #loading-info #loading-filter {
  padding: 5px 30px 5px 30px;
  height: 100px;
  max-height: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #dddddd;
}
#loading-popup #loading-info #loading-filter .filter-clear-result-notice {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25em;
}
#loading-popup #loading-info #loading-filter .filter-message-container {
  height: 100%;
  display: none;
  text-align: left;
  color: #330000;
}
#loading-popup #loading-info #loading-filter .filter-message-container#filter-present-note {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
#loading-popup #loading-info #loading-filter .filter-message-container #no-filter-set-note {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25em;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-title {
  padding: 10px 10px 5px;
  font-weight: bold;
  font-size: 1.1em;
  color: #990000;
}
#loading-popup #loading-info #loading-filter .filter-message-container #loading-filter-note {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-grow: 1;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc {
  border: 1px solid #996666;
  margin-inline: 10px;
  padding: 0 10px;
  overflow-x: clip;
  overflow-y: scroll;
  text-overflow: ellipsis;
  scrollbar-color: #996666 #ffe0e0;
  max-height: 120px;
  background: #fff8f8;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc .filter-field {
  font-weight: bold;
  color: #990000;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc .filter-value {
  font-weight: normal;
  color: black;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc ul {
  padding: 5px;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding-left: 20px;
  list-style-position: inside;
  text-indent: -12px;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc ul li:before {
  content: "•";
  margin-right: 5px;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc ul li:has(> ul) {
  display: ruby;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc ul li:has(> ul) > ul::before {
  content: ": ";
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc ul li:has(> ul) ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: ruby;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc ul li:has(> ul) ul li:before {
  content: " ";
  margin: 0;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc ul li:has(> ul) ul li::after {
  content: ', ';
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc ul li:has(> ul) ul li:first-child::before {
  content: '[';
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-desc ul li:has(> ul) ul li:last-child::after {
  content: ']';
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-controls {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 10px;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-controls button {
  margin: 0;
  font-weight: normal;
  font-size: 1.15em;
  padding: 5px;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-controls button:hover,
#loading-popup #loading-info #loading-filter .filter-message-container #filter-controls button:focus {
  color: #990000 !important;
  background-color: #ffffff !important;
  cursor: pointer;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-controls #filter-clear {
  background-color: #cc0000;
  color: #ffffff;
}
#loading-popup #loading-info #loading-filter .filter-message-container #filter-controls #filter-keep {
  display: flex;
  gap: 5px;
  align-items: center;
  background-color: #009900;
  color: #ffffff;
  white-space: pre;
}
#loading-popup #loading-info #loading-status {
  padding: 5px 5px 5px 5px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#loading-popup #loading-info #loading-status .required {
  font-weight: bold;
  color: #660000;
}
#loading-popup #loading-info #loading-status .not-required {
  font-weight: normal;
  color: #666666;
}
#loading-popup #loading-version {
  display: flex;
  align-items: center;
  float: left;
  margin: 5px;
  height: 16px;
  font-size: 10px;
  text-align: left;
  color: #cccccc;
}
#loading-popup .footer {
  height: 40px;
  background-color: #141d1e;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#loading-popup .tagline {
  float: right;
  margin-right: 10px;
  height: 25px !important;
}
#loading-popup .tagline img {
  height: 25px;
}
#message-popup {
  width: 350px;
  height: auto !important;
  z-index: 2000;
}
#message-popup .pop-T {
  z-index: 2002;
}
#message-popup .pop-M-T {
  z-index: 2001;
  height: auto !important;
  padding-top: 25px;
  top: auto;
  position: relative;
}
#message-popup .pop-M-T > div {
  padding: 5px;
}
#color-popup {
  position: absolute;
  height: 238px;
  width: 380px;
  display: none;
  z-index: 5000;
}
#slider-popup {
  width: 146px;
}
#slider-popup > div {
  float: left;
}
#slider-popup .value {
  width: 110px;
  margin: 0 4px 0 12px;
}
#slider-popup .slider-val {
  display: none;
}
#slider-popup .icon {
  background-color: #888888;
  width: 18px;
  text-align: center;
  margin: 0;
}
#residence-popup {
  display: none;
  position: absolute;
  height: 30px;
  width: 30px;
  margin-left: -15px;
  margin-top: -15px;
  background: url(../images/bracket9.png);
}
#controls-residence .content table,
#controls-residence .header table,
#junk_residence-popup table {
  width: 100%;
  margin: 10px 0;
}
#controls-residence .content table th:nth-child(1),
#controls-residence .header table th:nth-child(1),
#junk_residence-popup table th:nth-child(1),
#controls-residence .content table td:nth-child(1),
#controls-residence .header table td:nth-child(1),
#junk_residence-popup table td:nth-child(1) {
  width: 90px;
  padding-right: 5px;
}
#controls-residence .content .upper,
#controls-residence .header .upper,
#junk_residence-popup .upper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  height: 75px;
  width: auto;
  border-bottom: 1px solid #cccccc;
  background-color: #f0f0f0;
  padding: 4px 8px;
}
#controls-residence .content .lower,
#controls-residence .header .lower,
#junk_residence-popup .lower {
  position: absolute;
  top: 75px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#controls-residence .content .lower table,
#controls-residence .header .lower table,
#junk_residence-popup .lower table {
  margin: 8px;
}
#controls-residence .content th,
#controls-residence .header th,
#junk_residence-popup th {
  font-family: 'Lato', sans-serif;
  color: #141d1e;
  vertical-align: top;
  text-align: right;
  padding: 1px;
  font-size: 12px;
}
#controls-residence .content td,
#controls-residence .header td,
#junk_residence-popup td {
  padding: 1px;
  font-size: 12px;
}
#controls-residence .content .voters_at_match,
#controls-residence .header .voters_at_match,
#junk_residence-popup .voters_at_match {
  color: #009900;
  margin-left: 5px;
  font-size: 16px;
}
#controls-residence .content .address,
#controls-residence .header .address,
#junk_residence-popup .address {
  text-align: left;
  font-family: 'Lato', sans-serif;
  font-style: normal !important;
  font-weight: bold;
  font-size: 14px;
}
#controls-residence .content .apt,
#controls-residence .header .apt,
#junk_residence-popup .apt {
  font-style: italic;
  font-size: 14px;
  color: #009900;
}
#controls-residence .content .person a,
#controls-residence .header .person a,
#junk_residence-popup .person a {
  font-family: 'Lato', sans-serif;
  font-style: normal !important;
  font-weight: bold;
  font-size: 14px;
}
#controls-residence .content .person a:hover,
#controls-residence .header .person a:hover,
#junk_residence-popup .person a:hover {
  text-decoration: underline;
}
#controls-residence .content .icon,
#controls-residence .header .icon,
#junk_residence-popup .icon {
  font-size: 16px;
}
#controls-residence .content .icon-female,
#controls-residence .header .icon-female,
#junk_residence-popup .icon-female {
  color: salmon;
}
#controls-residence .content .icon-male,
#controls-residence .header .icon-male,
#junk_residence-popup .icon-male {
  color: blue;
}
table.individual {
  width: 100%;
  font-size: 13px;
  table-layout: fixed;
}
table.individual tr {
  border-bottom: 1px dotted #cccccc;
}
table.individual th,
table.individual td {
  width: 50%;
  text-overflow: ellipsis;
  padding: 2px;
}
table.individual th {
  text-align: right;
  color: #660000;
  font-weight: normal;
}
table.individual td {
  font-weight: bold;
  text-shadow: none;
  color: #141d1e;
}
table.individual th.depth-1,
table.individual td.depth-1 {
  padding-left: 5px;
}
table.individual th.depth-2,
table.individual td.depth-2 {
  padding-left: 15px !important;
}
table.individual th.depth-3,
table.individual td.depth-3 {
  padding-left: 25px;
}
table.individual th.depth-4,
table.individual td.depth-4 {
  padding-left: 35px;
}
table.individual th.depth-5,
table.individual td.depth-5 {
  padding-left: 45px;
}
table.individual th.depth-6,
table.individual td.depth-6 {
  padding-left: 55px;
}
table.individual th.depth-7,
table.individual td.depth-7 {
  padding-left: 65px;
}
table.individual th.depth-8,
table.individual td.depth-8 {
  padding-left: 75px;
}
table.individual th.depth-9,
table.individual td.depth-9 {
  padding-left: 85px;
}
table.individual th.depth-10,
table.individual td.depth-10 {
  padding-left: 95px;
}
table.individual .header {
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  text-shadow: none;
  padding: 2px;
}
table.individual .header.depth-1 {
  color: #990000;
  font-size: 15px;
}
table.individual .header.depth-2 {
  color: #660000;
  font-size: 14px;
}
table.individual .header.depth-3 {
  color: #330000;
  font-size: 13px;
}
table.individual .header.depth-4 {
  color: #330000;
}
.print table.individual tr {
  border-bottom: 1px dotted #cccccc;
}
#individual-fullcontact {
  margin: 3px;
  padding: 3px;
  text-shadow: none;
  color: #330000;
  font-size: 12px;
}
#individual-fullcontact div.table {
  border: 1px solid #990000;
  padding: 3px;
}
#individual-fullcontact div.table div.header {
  font-size: 14px;
  text-align: right;
  color: #ffffff;
  background-color: #990000;
}
#individual-fullcontact div.table div.header span {
  display: none;
  width: 70px;
  text-align: right;
  float: right;
  line-height: 30px;
}
#individual-fullcontact div.table div.header img {
  height: 35px;
}
#individual-fullcontact div.table a i {
  font-size: 16px;
  margin-left: 6px;
  margin-top: 3px;
}
#individual-fullcontact div.table .summary {
  text-align: center;
  margin: 6px;
}
#individual-fullcontact div.table .heading {
  font-weight: bold;
  color: #141d1e;
  margin-top: 6px;
}
#individual-fullcontact div.table .heading2 {
  font-weight: bold;
  margin-top: 3px;
}
#individual-fullcontact div.table .bio-min {
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#individual-fullcontact div.table .icon-linkedin {
  color: #0077b5;
}
#individual-fullcontact div.table .icon-facebook2 {
  color: #4267b2;
}
#individual-fullcontact div.table .icon-twitter {
  color: #1da1f2;
}
#individual-fullcontact div.table table {
  background-color: #ffffff;
  margin: 6px;
}
#individual-fullcontact div.table td,
#individual-fullcontact div.table th {
  font-size: 13px;
  padding: 4px 4px 2px 2px;
  border-bottom: 1px dotted #990000;
}
#individual-fullcontact div.table th {
  color: #990000;
}
#individual-fullcontact div.table .avatar {
  width: 150px;
}
#checkout-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 650px;
  width: 800px;
  min-width: 820px;
  min-height: 450px;
}
#checkout-popup #checkout-pane-1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#checkout-popup #checkout-pane-1 .container {
  padding: 5px;
}
#checkout-popup #checkout-invoice table {
  margin-top: 5px;
  width: 100%;
  overflow-wrap: anywhere;
}
#checkout-popup #checkout-invoice td,
#checkout-popup #checkout-invoice th {
  padding: 3px !important;
}
#checkout-popup #checkout-invoice input {
  width: 100% !important;
}
#checkout-popup #checkout-invoice .buttons td {
  padding-top: 10px !important;
}
#checkout-popup .notice-details-expand-collapse {
  font-size: 1.3em;
  pointer-events: none;
}
#checkout-popup .checkout-credits {
  cursor: pointer;
  color: #006600;
  font-style: italic;
  margin-top: 20px;
  padding: 5px;
  background-color: #ddffdd;
  border: 1px solid #006600;
}
#checkout-popup .checkout-credits .checkout-credits-amount,
#checkout-popup .checkout-credits .checkout-credits-time {
  font-weight: bold;
  color: #003300;
}
#checkout-popup .checkout-credits .checkout-credits-top {
  display: flex;
  align-items: center;
}
#checkout-popup .checkout-credits .checkout-credits-detail {
  padding-inline: 10px;
  border-top: 1px dotted #006600;
  margin-top: 5px;
}
#checkout-popup #checkout-bt-form {
  margin: 0;
  width: auto !important;
}
#checkout-popup #checkout-bt-form label {
  clear: both;
  margin-top: 10px;
  color: #990000;
}
#checkout-popup #checkout-bt-form > div {
  width: auto !important;
  margin: 10px 5px;
}
#checkout-popup #checkout-bt-form #checkout-cc-form-open.button-countdown {
  position: relative;
  overflow: hidden;
  background-color: #333333 !important;
}
@keyframes countdown {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
#checkout-popup #checkout-bt-form #checkout-cc-form-open.button-countdown::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  opacity: 0.59;
  background-color: #cccccc;
  animation: countdown var(--time, 10s) linear forwards;
}
#checkout-popup #checkout-bt-form .checkout-bt-buttons {
  margin-top: 30px !important;
}
#checkout-popup #checkout-bt-form #checkout-bt-type {
  overflow: auto;
  text-align: right;
  line-height: 26px;
  height: auto;
  margin-top: -5px !important;
}
#checkout-popup #checkout-bt-form #checkout-bt-type img {
  height: 26px;
  vertical-align: middle;
  float: right;
  margin-left: 5px;
}
#checkout-popup #checkout-bt-form .checkout-bt-field {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  height: 28px;
  padding: 4px;
  width: 160px;
}
#checkout-popup #checkout-bt-form .checkout-bt-field input {
  outline: none !important;
  border-radius: 0;
  padding: 0;
  margin: 0 !important;
  border: none !important;
  width: 100%;
}
#checkout-popup #checkout-bt-form .checkout-bt-field.braintree-hosted-fields-focused {
  border-color: #999999;
}
#checkout-popup #checkout-bt-form .checkout-bt-field.braintree-hosted-fields-invalid {
  border-color: #990000;
  background-color: #ffe0e0;
}
#checkout-popup #checkout-bt-form .checkout-bt-field.braintree-hosted-fields-valid {
  color: limegreen;
}
#checkout-popup > .pop-M-T .payment {
  position: absolute;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0;
  height: auto;
  width: 340px;
  padding: 5px;
  border-left: 1px solid #cccccc;
  background-color: #f8f8f8;
}
#checkout-popup > .pop-M-T .payment #checkout-errors {
  margin-bottom: 10px;
  padding: 5px;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-M-B {
  padding: 5px;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-M-B table {
  width: 100%;
  margin-bottom: 5px;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-M-B table th,
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-M-B table td {
  padding: 1px;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-M-B table th {
  width: 80px;
  text-align: right;
  padding-right: 5px;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-M-B table td input {
  width: 180px;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-B {
  height: 100px;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-B table {
  width: 100%;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-B table th,
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-B table td {
  padding: 3px;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-B table th {
  width: 80px;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-B table td {
  text-align: left;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-B table td input {
  width: 100%;
}
#checkout-popup > .pop-M-T .payment #checkout-pane-1 > .pop-B table .buttons td {
  padding-top: 15px;
  padding-bottom: 5px;
}
#checkout-popup > .pop-M-T .details {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 350px;
  height: auto;
  width: auto;
}
#checkout-popup > .pop-M-T .details > .pop-T {
  padding: 5px;
  height: 30px;
}
#checkout-popup > .pop-M-T .details > .pop-M-TB {
  top: 30px;
  bottom: 140px;
}
#checkout-popup > .pop-M-T .details > .pop-B {
  border-top: 1px solid #cccccc;
  height: 140px;
}
#checkout-popup > .pop-M-T .details > .pop-B table {
  float: right;
  width: 250px;
  margin-right: 10px;
}
#checkout-popup > .pop-M-T .details > .pop-B table td {
  padding: 3px;
  border-bottom: 1px dotted #cccccc;
}
#checkout-popup > .pop-M-T .details > .pop-B table td:nth-child(1) {
  text-align: right;
}
#checkout-popup > .pop-M-T .details > .pop-B table td:nth-child(2) {
  width: 90px;
  text-align: right;
}
#checkout-popup > .pop-M-T .details .items > .pop-T {
  margin-right: 10px;
  margin-left: 10px;
}
#checkout-popup > .pop-M-T .details .items > .pop-M-T {
  margin-left: 10px;
}
#checkout-popup > .pop-M-T .details #checkout-rate-message {
  text-align: left;
}
#checkout-popup > .pop-M-T .details #checkout-rate-message div {
  margin: 10px;
  padding: 10px;
}
#checkout-popup .order-summary {
  text-align: center;
  background-color: #f0fff0;
  margin: 30px 10px;
  background-color: #ddffdd !important;
  color: #006600 !important;
  border: 1px solid #006600 !important;
}
#checkout-popup .order-summary i.icon {
  color: #006600 !important;
}
#checkout-popup .order-summary a {
  color: #000066;
}
#checkout-popup .order-summary .msg-title {
  color: #003300 !important;
}
#checkout-popup .order-summary .icon {
  color: #006600;
}
#checkout-popup .order-final .order-summary {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  height: 60px;
  width: auto;
}
#checkout-popup .order-final .order-summary .info {
  display: none;
}
#checkout-popup .message {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
#checkout-popup .message div {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 20px;
}
#checkout-popup .message .spinner {
  font-family: 'Lato', sans-serif;
  color: #141d1e;
  font-size: 26px;
  background-color: #ffffff;
  border: 1px solid #999999;
}
#checkout-popup .message .info {
  display: inline-block;
  font-size: 18px;
  font-family: 'Lato', sans-serif !important;
}
#checkout-popup #checkout-total {
  font-weight: bold;
}
#checkout-popup a.details {
  cursor: pointer;
}
#checkout-popup .checkout-order-minimum-notice {
  cursor: pointer;
  padding: 5px;
  border: 2px solid #ccaa00;
  background: #ffffcc;
  color: #996600;
  font-weight: bold;
  margin-bottom: 5px;
}
#checkout-popup .checkout-order-minimum-notice .order-minimum-notice-top {
  display: flex;
  align-items: center;
}
#checkout-popup .checkout-order-minimum-notice .order-minimum-notice-details {
  margin-top: 5px;
  padding-inline: 10px;
  border-top: 1px dotted #ccaa00;
  font-weight: normal;
  font-style: italic;
}
#checkout-popup .heading {
  font-weight: bold;
  font-size: 14px;
  color: #990000;
}
#checkout-popup table th,
#checkout-popup table td {
  vertical-align: top;
}
#checkout-popup .order-summary .title {
  font-weight: bold;
  color: #006600;
  font-size: 16px;
  padding: 5px;
}
#checkout-popup .print-instruction {
  padding: 6px;
}
#checkout-popup .print-instruction .form-button {
  width: auto;
  background-color: #e0e0e0;
  color: #006600;
  border-color: #999999;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 10px;
  float: none;
}
#checkout-popup .print-instruction .form-button:hover {
  background-color: #006600;
  color: #e0e0e0;
}
#checkout-popup #checkout-right-1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  height: 30px;
  width: auto;
  padding: 5px;
}
#checkout-popup #checkout-right-2 {
  position: absolute;
  top: 30px;
  left: 0;
  bottom: auto;
  right: 0;
  height: 30px;
  width: auto;
  padding-right: 10px;
}
#checkout-popup #checkout-right-3 {
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 160px;
  right: 0;
  height: auto;
  width: auto;
}
#checkout-popup #checkout-right-4 {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 40px;
  right: 0;
  height: 120px;
  width: auto;
  border-top: 1px solid #cccccc;
}
#checkout-popup #checkout-right-5 {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  height: 40px;
  width: auto;
}
#checkout-popup .order-final .checkout-order th:nth-child(1),
#checkout-popup .order-final .checkout-order td:nth-child(1) {
  display: none;
}
#checkout-popup #checkout-inv table th {
  padding: 2px 5px;
  text-align: right;
}
#checkout-popup #checkout-cc table {
  width: 100%;
}
#checkout-popup #checkout-cc table img {
  height: 25px;
  border: 1px solid #eeeeee;
  vertical-align: middle;
}
#checkout-popup #checkout-cc table th {
  text-align: right;
  width: 70px;
}
#checkout-popup #checkout-cc table th,
#checkout-popup #checkout-cc table td {
  padding: 3px;
  vertical-align: middle;
}
#checkout-popup #checkout-cc table input {
  height: 24px !important;
  width: 130px;
}
#checkout-popup #checkout-cc table input.error {
  display: inline !important;
}
#checkout-popup .title .icon {
  float: none;
  color: #ffffff;
  margin-left: 5px;
}
#checkout-popup .composition {
  width: 100%;
}
#checkout-popup a.composition {
  display: block;
  margin: 5px 0;
  cursor: pointer;
}
#checkout-popup table.checkout-order {
  width: 100%;
}
#checkout-popup table.checkout-order th {
  text-align: left;
  padding: 3px;
}
#checkout-popup table.checkout-order td {
  padding: 3px;
  vertical-align: top;
}
#checkout-popup table.checkout-order tr:nth-child(odd) {
  background-color: #eeeeee;
}
#checkout-popup table.checkout-order th:nth-child(1),
#checkout-popup table.checkout-order td:nth-child(1) {
  width: 20px;
  text-align: center;
}
#checkout-popup table.checkout-order th:nth-child(3),
#checkout-popup table.checkout-order th:nth-child(4),
#checkout-popup table.checkout-order td:nth-child(3),
#checkout-popup table.checkout-order td:nth-child(4) {
  width: 85px;
  text-align: right;
}
#checkout-popup .order-estimate #checkout-discount-duplicates {
  display: none;
}
#checkout-popup .checkout-order .name {
  font-weight: bold;
}
#checkout-popup .checkout-order .checkout-order .desc {
  font-style: italic;
}
#checkout-popup .checkout-order .checkout-order .id {
  font-size: 10px;
  margin: 3px 0;
}
#checkout-popup #checkout-right-5 button {
  width: 100px;
  margin-right: 5px;
}
#univ-recover-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 500px;
  width: 700px;
  min-width: 600px;
  min-height: 225px;
}
#univ-recover-popup .content {
  position: absolute;
  top: 28px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#univ-recover-popup .content-1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  height: 45px;
  width: auto;
  padding: 0 5px;
}
#univ-recover-popup .content-1 div {
  line-height: 20px;
}
#univ-recover-popup .content-2 {
  padding: 0 5px;
  position: absolute;
  top: 45px;
  left: 0;
  bottom: 30px;
  right: 0;
  height: auto;
  width: auto;
}
#univ-recover-popup .content-3 {
  padding: 0 5px;
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  height: 25px;
  width: auto;
}
#univ-recover-popup .table-container {
  position: absolute;
  top: 5px;
  left: 10px;
  bottom: 5px;
  right: 10px;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#univ-recover-table .st-cell {
  font-size: 13px;
}
#univ-recover-delete-count {
  font-weight: bold;
  color: #990000;
}
#univ-find-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 450px;
  width: 900px;
  min-width: 860px;
  min-height: 450px;
}
#univ-find-popup .left {
  background-color: #eeeeee;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto;
  height: auto;
  width: 250px;
}
#univ-find-popup .left table td,
#univ-find-popup .left table th {
  text-align: left;
  padding: 3px;
}
#univ-find-popup .left table th {
  color: #990000;
}
#univ-find-popup .left table th .sub {
  color: #330000;
}
#univ-find-popup .right {
  position: absolute;
  top: 0;
  left: 260px;
  bottom: 0;
  right: 10px;
  height: auto;
  width: auto;
}
#univ-find-popup .table-area {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 35px;
  right: 0;
  height: auto;
  width: auto;
  padding: 5px;
}
#univ-find-popup .table-container {
  position: absolute;
  top: 25px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#univ-find-popup .button-area {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  height: 30px;
  width: auto;
  padding: 5px;
}
#univ-find-popup .button-area.disabled .form-button {
  color: #e0e0e0;
  background-color: #999999;
  border-color: #666666;
}
.univ-find-details td {
  padding: 3px;
}
.univ-find-details td span {
  font-weight: bold;
  color: #990000;
}
#univ-find-table .st-cell {
  font-size: 13px;
}
#univ-new-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 550px;
  width: 800px;
  min-width: 750px;
  min-height: 350px;
}
#univ-new-popup > .content > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#univ-new-popup .content table {
  height: 100%;
  width: 100%;
}
#univ-new-popup .content table tr {
  height: 25px;
}
#univ-new-popup .content table th,
#univ-new-popup .content table td {
  padding: 4px;
  vertical-align: top;
}
#univ-new-popup .content table th select,
#univ-new-popup .content table td select,
#univ-new-popup .content table th input,
#univ-new-popup .content table td input {
  width: 340px;
}
#univ-new-popup .content table th {
  width: 90px;
  padding-top: 7px;
  text-align: right;
  color: #660000;
}
#univ-new-popup .method-sample table th {
  width: 150px;
}
#univ-new-popup #univ-new-folder-new {
  margin-top: 7px;
  margin-left: 8px;
  color: #660000;
}
#univ-new-popup #univ-new-folder-new input {
  width: 200px;
}
#univ-new-popup #univ-new-choices {
  border: 1px solid #cccccc;
}
#univ-new-popup #univ-new-sampling-div {
  margin: 15px;
  overflow: auto;
}
#univ-new-popup #univ-new-method-desc {
  vertical-align: top;
  text-align: left;
}
#univ-new-popup #univ-new-method-desc table {
  width: 100%;
}
#univ-new-popup #univ-new-method-args {
  height: 100%;
}
#univ-new-popup #univ-new-method-args td > div {
  height: 100%;
  border: 1px solid #cccccc;
}
#univ-new-popup #univ-new-method-args #univ-new-simple {
  display: none;
  padding: 5px;
}
#univ-new-popup #univ-new-method-args #univ-new-simple ul {
  margin-top: 10px;
  padding-left: 20px;
}
#univ-new-popup #univ-new-method-args #univ-new-simple li {
  margin-left: 0;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample,
#univ-new-popup #univ-new-method-args #univ-new-sample {
  display: none;
  overflow: auto;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table,
#univ-new-popup #univ-new-method-args #univ-new-sample > table {
  height: auto;
  width: 100%;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table input[type=radio],
#univ-new-popup #univ-new-method-args #univ-new-sample > table input[type=radio] {
  width: auto;
  margin-left: 6px;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table th,
#univ-new-popup #univ-new-method-args #univ-new-sample > table th {
  color: #660000;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table .th2,
#univ-new-popup #univ-new-method-args #univ-new-sample > table .th2 {
  width: 120px;
  color: #141d1e;
  font-weight: bold;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table th,
#univ-new-popup #univ-new-method-args #univ-new-sample > table th,
#univ-new-popup #univ-new-method-args #univ-new-locsample > table td,
#univ-new-popup #univ-new-method-args #univ-new-sample > table td {
  padding: 2px;
  vertical-align: middle;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table th .level,
#univ-new-popup #univ-new-method-args #univ-new-sample > table th .level {
  text-align: right;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table td:has(.sample_strata_field),
#univ-new-popup #univ-new-method-args #univ-new-sample > table td:has(.sample_strata_field) {
  display: flex;
  flex-direction: column;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table #sample_strata_loading,
#univ-new-popup #univ-new-method-args #univ-new-sample > table #sample_strata_loading {
  font-size: 22px;
  color: #990000;
  padding: 10px;
  border: 1px solid #990000;
  background-color: #ffe0e0;
  text-align: center;
  margin: 20px 0;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table #sample_strata_loading i,
#univ-new-popup #univ-new-method-args #univ-new-sample > table #sample_strata_loading i {
  color: #990000;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table .label,
#univ-new-popup #univ-new-method-args #univ-new-sample > table .label {
  font-weight: bold;
  margin-bottom: 2px;
  color: #141d1e;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table .good,
#univ-new-popup #univ-new-method-args #univ-new-sample > table .good {
  color: #009900;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table .bad,
#univ-new-popup #univ-new-method-args #univ-new-sample > table .bad {
  color: #990000;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table #sample_strata_fields,
#univ-new-popup #univ-new-method-args #univ-new-sample > table #sample_strata_fields {
  margin-top: 10px;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table .sample_strata_field,
#univ-new-popup #univ-new-method-args #univ-new-sample > table .sample_strata_field {
  margin-bottom: 3px;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table #customize-age-bins,
#univ-new-popup #univ-new-method-args #univ-new-sample > table #customize-age-bins {
  margin-left: 4px;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table div,
#univ-new-popup #univ-new-method-args #univ-new-sample > table div {
  height: auto;
  border: none;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table .kids,
#univ-new-popup #univ-new-method-args #univ-new-sample > table .kids {
  clear: both;
  width: 100%;
  padding-left: 20px;
  margin-top: 4px;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table .method,
#univ-new-popup #univ-new-method-args #univ-new-sample > table .method {
  width: 100px !important;
  margin-left: 10px;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table .counts,
#univ-new-popup #univ-new-method-args #univ-new-sample > table .counts {
  margin-left: 10px;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table .amount,
#univ-new-popup #univ-new-method-args #univ-new-sample > table .amount {
  float: right;
  display: block;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table .suffix,
#univ-new-popup #univ-new-method-args #univ-new-sample > table .suffix {
  float: right;
  margin-left: 5px;
  text-align: left;
  width: 30px;
  display: block;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table #sample_strata_summary,
#univ-new-popup #univ-new-method-args #univ-new-sample > table #sample_strata_summary {
  margin-bottom: 6px;
  font-weight: normal;
  color: #141d1e;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table #sample_strata_summary.error,
#univ-new-popup #univ-new-method-args #univ-new-sample > table #sample_strata_summary.error {
  padding: 5px;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table #sample_strata_controls,
#univ-new-popup #univ-new-method-args #univ-new-sample > table #sample_strata_controls {
  text-align: right;
  margin: 20px 0;
}
#univ-new-popup #univ-new-method-args #univ-new-locsample > table #sample_strata_controls div,
#univ-new-popup #univ-new-method-args #univ-new-sample > table #sample_strata_controls div {
  display: inline;
  text-align: right;
  margin-left: 20px;
}
#univ-new-popup #univ-new-method-args #univ-new-other {
  display: none;
}
#univ-new-popup #univ-new-method-args.method-simple #univ-new-simple {
  display: block;
}
#univ-new-popup #univ-new-method-args.method-sample #univ-new-sample {
  display: block;
}
#univ-new-popup #univ-new-method-args.method-locsample #univ-new-locsample {
  display: block;
}
#univ-new-popup #univ-new-method-args.method-union #univ-new-other,
#univ-new-popup #univ-new-method-args.method-intersect #univ-new-other,
#univ-new-popup #univ-new-method-args.method-subtract #univ-new-other,
#univ-new-popup #univ-new-method-args.method-expand #univ-new-other,
#univ-new-popup #univ-new-method-args.method-contract #univ-new-other {
  display: block;
}
#univ-new-popup #univ-new-method-args.method-union .st-radio,
#univ-new-popup #univ-new-method-args.method-intersect .st-radio,
#univ-new-popup #univ-new-method-args.method-expand .st-check,
#univ-new-popup #univ-new-method-args.method-contract .st-check {
  display: none;
}
#sample_strata_quotas {
  table-layout: fixed !important;
  width: auto !important;
}
#sample_strata_quotas th {
  text-align: left;
  color: #666699 !important;
  background-color: #e0e0e8;
}
#sample_strata_quotas td {
  color: #000033 !important;
}
#sample_strata_quotas th,
#sample_strata_quotas td {
  border: 1px solid #86b6ce;
  padding: 5px;
  vertical-align: middle;
}
#sample_strata_quotas .row-data:nth-child(even) {
  background-color: #ffffff;
}
#sample_strata_quotas .row-data:nth-child(odd) {
  background-color: #f8f8f8;
}
#sample_strata_quotas th {
  width: auto !important;
}
#sample_strata_quotas td,
#sample_strata_quotas th {
  overflow: hidden;
}
#sample_strata_quotas .cluster-num {
  width: 20px !important;
  text-align: right;
}
#sample_strata_quotas .num {
  padding-right: 5px !important;
}
#sample_strata_quotas .blank {
  width: 10px !important;
}
#sample_strata_quotas .num input {
  width: 100% !important;
  text-align: right;
}
#age-bins-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 400px;
  width: 300px;
  min-width: 300px;
  min-height: 350px;
}
#age-bins-popup .age-bins-content {
  padding: 10px;
  overflow-y: auto;
}
#age-bins-popup .age-bins-content #age-bins-content-bottom {
  margin-top: 5px;
}
#age-bins-popup .age-bins-content #age-bins-content-bottom #age-bins-edit {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#age-bins-popup .age-bins-content #age-bins-content-bottom #age-bins-edit input {
  width: 50px;
}
#age-bins-popup .age-bins-content #age-bins-content-bottom #age-bins-edit .age-bin-row {
  display: flex;
}
#age-bins-popup .age-bins-content #age-bins-content-bottom #age-bins-edit .age-bin-row .err {
  background: #ffe0e0;
  border: 1px solid #990000;
  color: #660000;
}
#age-bins-popup .age-bins-content #age-bins-content-bottom #age-bins-edit .age-bin-row .age-bin-addDelete-btns {
  display: flex;
  align-items: center;
  margin-left: 4px;
  font-size: 1.2em;
  gap: 2px;
}
#age-bins-popup .age-bins-content #age-bins-content-bottom #age-bins-edit .age-bin-row .age-bin-addDelete-btns .icon {
  font-size: inherit;
}
#age-bins-popup .age-bins-content #age-bins-content-bottom #age-bins-edit .age-bin-row .age-bin-addDelete-btns .add-bin-disabled {
  pointer-events: none;
  opacity: 0.75;
  color: #cccccc;
}
#clusters-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 400px;
  width: 800px;
  min-width: 600px;
  min-height: 350px;
}
#clusters-popup .container {
  position: relative;
}
#clusters-popup #clusters-summary-outer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  height: 73px;
  width: auto;
  margin-inline: 10px;
  padding-block: 10px;
}
#clusters-popup #clusters-summary-outer #clusters-edit-method {
  display: block;
  margin-bottom: 5px;
}
#clusters-popup #clusters-summary-outer #clusters-edit-method input {
  position: relative;
  top: 2px;
}
#clusters-popup #clusters-container-outer {
  position: absolute;
  top: 73px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  margin-inline: 10px;
}
#cluster-sizes-table {
  width: 100%;
}
#cluster-sizes-table th {
  text-align: left;
  color: #660000 !important;
  background-color: #ffe0e0;
}
#cluster-sizes-table td {
  color: #333333;
}
#cluster-sizes-table th,
#cluster-sizes-table td {
  border: 1px solid #cccccc;
  padding: 5px;
  vertical-align: middle;
}
#cluster-sizes-table .row-data:nth-child(even) {
  background-color: #ffffff;
}
#cluster-sizes-table .row-data:nth-child(odd) {
  background-color: #f8f8f8;
}
#cluster-sizes-table th {
  width: auto !important;
}
#cluster-sizes-table td,
#cluster-sizes-table th {
  overflow: hidden;
}
#cluster-sizes-table .cluster-num {
  width: 20px !important;
  text-align: right;
}
#cluster-sizes-table .num {
  width: 70px !important;
}
#cluster-sizes-table .edit-num {
  width: 120px !important;
}
#cluster-sizes-table .blank {
  width: 10px !important;
}
#cluster-sizes-table .edit-num input {
  width: 100% !important;
  text-align: right;
  border: 1px solid #996666;
}
#univ-new-popup2 {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 400px;
  width: 800px;
  min-width: 600px;
  min-height: 350px;
}
#univ-new-popup2 h1 {
  color: #990000;
  font-size: 16px;
}
#univ-new-popup2 em {
  color: #990000;
  font-weight: bold;
  font-style: normal;
}
#univ-new-popup2 table {
  width: 100%;
}
#univ-new-popup2 table th,
#univ-new-popup2 table td {
  padding: 3px;
  vertical-align: top;
}
#univ-new-popup2 table th {
  text-align: right;
  color: #660000;
}
#univ-new-popup2 #univ-new-pane-4 input,
#univ-new-popup2 #univ-new-pane-4 select {
  width: 100%;
}
#univ-new-popup2 .content .pane {
  padding: 10px;
}
#folder-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 120px;
  width: 400px;
}
#folder-popup table {
  width: 100%;
}
#folder-popup table th,
#folder-popup table td {
  padding: 5px;
}
#folder-popup table th {
  width: 60px;
  text-align: right;
}
#folder-popup table select {
  width: 100%;
}
#folder-popup table input {
  width: 100%;
}
#sheets-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 400px;
  width: 800px;
  min-width: 800px;
  min-height: 400px;
}
#sheets-popup .content-container {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  height: auto;
  width: auto;
  padding: 5px;
  border: 1px solid #999999;
  background-color: #f8f8f8;
}
#sheets-popup .error {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  height: auto;
  width: auto;
  height: 80px;
  width: 300px;
  margin-left: -150px;
  margin-top: -40px;
  padding: 10px;
}
#sheets-popup #worksheet-progress {
  width: 700px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -60px 0 0 -350px;
  text-align: center;
  padding: 10px;
  border: 1px solid #cccccc;
}
#sheets-popup #worksheet-progress #worksheet-progress-area {
  margin: auto;
  width: 90% !important;
}
#sheets-popup #worksheet-progress #worksheet-progress-area > div {
  width: 100% !important;
}
#sheets-popup #worksheet-progress h3 {
  color: #660000;
}
#sheets-worksheet table {
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
}
#sheets-worksheet table th {
  min-width: 60px;
  white-space: nowrap;
  font-size: 12px;
  padding: 3px;
  background-color: #ffe0e0;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#sheets-worksheet table th.field {
  color: #660000;
}
#sheets-worksheet table td {
  min-width: 60px;
  white-space: nowrap;
  padding: 3px 3px 3px 10px;
  text-align: right;
  font-size: 12px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#sheets-worksheet table .lastR {
  border-bottom: 1px solid #660000;
}
#sheets-worksheet table .lastC {
  border-right: 1px solid #660000;
}
#charts-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 400px;
  width: 800px;
  min-height: 400px;
  min-width: 600px;
}
#charts-popup.hide-legends .legend {
  display: none;
}
#charts-popup .content-container {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  height: auto;
  width: auto;
  padding: 5px;
  background-color: #f8f8f8;
  border: 1px solid #999999;
}
#charts-popup #charts-tooltip i {
  margin-left: 5px;
  margin-right: 5px;
}
#charts-popup .error {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  padding: 10px;
}
#charts-popup .error img {
  margin: 10px 0 10px 20px;
}
#charts-grid table {
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
}
#charts-grid table tr.row th {
  text-align: right;
}
#charts-grid table td,
#charts-grid table th {
  padding: 5px;
  vertical-align: top;
}
#charts-grid table th {
  white-space: nowrap;
  font-size: 12px;
  background-color: #ffe0e0;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#charts-grid table th.field {
  color: #660000;
}
#charts-grid table th i {
  margin-left: 5px;
}
#charts-grid table td {
  white-space: nowrap;
  text-align: right;
  font-size: 12px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#charts-grid table td table {
  width: 100%;
}
#charts-grid table .lastR {
  border-bottom: 1px solid #660000;
}
#charts-grid table .lastC {
  border-right: 1px solid #660000;
}
#charts-grid table .chart {
  min-height: 150px;
  min-width: 150px;
}
#charts-grid table .legend {
  width: 100%;
}
#charts-grid table .legend td,
#charts-grid table .legend th {
  font-size: 10px;
  color: #141d1e;
}
#fieldset-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 500px;
  width: 550px;
  min-height: 250px;
  min-width: 475px;
}
#fieldset-popup #fieldset-fields {
  position: absolute;
  top: 0;
  left: 71px;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#fieldset-popup #fieldset-fields .heading-3.active > span {
  color: #990000;
}
#fieldset-popup .tree-node {
  cursor: pointer;
}
#fieldset-popup table {
  width: 100%;
  height: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}
#fieldset-popup table .blank {
  height: 2px !important;
  border-top: 1px solid #999999;
}
#fieldset-popup table th {
  text-align: right;
  width: 60px;
  padding: 4px 4px;
}
#fieldset-popup table tr:nth-child(1) {
  height: 24px;
}
#fieldset-popup table tr:nth-child(2) {
  height: 24px;
}
#fieldset-popup table .container {
  border: 1px solid #cccccc;
}
#fieldset-popup table #fieldset-defaults {
  width: 150px;
}
#fieldset-popup #fieldset-details {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 10px;
  right: 0;
  height: auto;
  width: auto;
}
#fieldset-popup #fieldset-details .content {
  padding: 5px;
}
#fieldset-popup #fieldset-details .content ul {
  padding-left: 20px;
  margin: 0;
}
#fieldset-popup .fieldset-content > div {
  left: 15px;
  right: 15px;
}
#fieldset-popup .fieldset-content #fieldset-select-count {
  font-weight: bold;
  color: #990000;
}
#fieldset-popup .fieldset-content input[type=text],
#fieldset-popup .fieldset-content select {
  width: 100%;
}
#fieldset-popup .fieldset-content #fieldset-fields .content {
  padding: 3px;
}
#fieldset-popup .fieldset-content > .pop-T {
  height: 70px;
}
#fieldset-popup .fieldset-content > .pop-M-T {
  top: 70px;
}
#fieldset-popup .fieldset-content .fieldset-form .pop-T {
  height: 30px;
}
#fieldset-popup .fieldset-content .fieldset-form .pop-M-TB {
  top: 30px;
  bottom: 60px;
}
#fieldset-popup .fieldset-content .fieldset-form .pop-B {
  padding-right: 0;
  height: 60px;
}
#fieldset-popup .fieldset-content .fieldset-type-report .not-enum {
  display: none;
}
#fieldset-popup .fieldset-content .heading-1,
#fieldset-popup .fieldset-content .heading-2,
#fieldset-popup .fieldset-content .heading-3,
#fieldset-popup .fieldset-content .heading-4,
#fieldset-popup .fieldset-content .heading-5 {
  font-weight: bold;
}
#report-new-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 300px;
  width: 500px;
  min-height: 225px;
  min-width: 500px;
}
#report-new-popup .content {
  position: absolute;
  top: 25px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#report-new-popup #report-new-msg {
  padding: 10px;
}
#report-new-popup #report-new-msg div {
  padding: 10px;
}
#report-new-popup table {
  width: 100%;
}
#report-new-popup table td,
#report-new-popup table th {
  color: #990000;
  vertical-align: middle;
  text-align: right;
  padding: 2px;
}
#report-new-popup table th {
  width: 100px;
}
#report-new-popup table td {
  padding: 2px 4px;
  color: #141d1e;
  text-align: left;
}
#report-new-popup select,
#report-new-popup input[type=text] {
  width: 100%;
}
#report-new-popup .content-header {
  padding: 4px;
}
#report-new-popup .content-buttons {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  text-align: right;
  padding: 5px;
}
#report-new-popup .content-buttons button {
  float: none;
}
#report-new-popup .sections {
  color: #330000;
}
#report-new-popup .sections .icon {
  margin-right: 5px;
}
#report-new-popup .sections div {
  margin: 2px 5px;
}
#palette-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 313px;
  width: 300px;
  background-color: #f8f8f8;
  z-index: 5000;
}
#palette-popup #palette-instructions {
  margin: 5px;
}
#palette-popup #palette-choices {
  text-align: center;
}
#palette-popup table {
  margin: 5px auto;
}
#palette-popup table td {
  padding: 2px;
}
#palette-popup table td i {
  margin-left: 5px;
}
#gradient-popup {
  position: absolute;
  width: 250px;
  height: 110px;
  background-color: #f8f8f8;
  z-index: 5000;
}
#gradient-popup #gradient-dots {
  position: absolute;
  top: 8px;
  left: 10px;
  bottom: auto;
  right: 10px;
  height: 20px;
  width: auto;
}
#gradient-popup #gradient-dots .icon {
  position: absolute;
  margin-left: -7px;
}
#gradient-popup #gradient-palette {
  position: absolute;
  top: 30px;
  left: 10px;
  bottom: auto;
  right: 10px;
  height: 20px;
  width: 228px;
}
#gradient-popup #gradient-presets {
  font-size: 10px;
  float: left;
  margin-left: 5px;
}
#about-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 500px;
  width: 600px;
}
#about-popup .application {
  line-height: 35px;
  background-color: #e0e0e0;
  padding: 5px 10px;
  border: 1px solid #999999;
}
#about-popup .application span {
  vertical-align: middle;
}
#about-popup .application .version {
  font-size: 15px !important;
  color: #660000;
}
#about-popup .application .vm {
  font-size: 25px !important;
  color: #cc0000;
}
#about-popup .application .logo {
  height: 25px;
  width: 25px;
  background-size: 25px 25px;
  margin-right: 6px;
  margin-top: 6px;
}
#about-popup .container {
  position: absolute;
  top: 25px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#about-popup .pop-M-T > .pop-T {
  height: 30px;
}
#about-popup .pop-M-T > .pop-M-T {
  top: 30px;
  bottom: 20px !important;
}
#about-popup .pop-M-T .tabs {
  position: absolute;
  top: auto;
  left: auto;
  bottom: -1px;
  right: 0;
  height: auto;
  width: auto;
}
#about-popup .pop-M-T .tabs .vm {
  font-size: 12px;
}
#about-popup .pop-M-T .panes {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#about-popup .pop-M-T .info {
  margin: 5px 10px;
}
#about-popup .pop-M-T #about-tab-app {
  font-family: 'Lato', sans-serif;
}
#about-popup .pop-M-T #about-text {
  padding: 5px;
}
#about-popup .pop-M-T #about-date {
  color: #990000;
  margin-right: 15px;
}
#about-popup .pop-M-T #credits-text {
  padding: 10px;
}
#about-popup .pop-M-T #credits-text ul {
  margin: 0;
  padding-left: 20px;
}
#about-popup .pop-M-T #credits-text li {
  margin-left: 0;
}
#about-popup .pop-M-T #credits-text p {
  margin: 10px;
}
#about-popup .pop-M-T #credits-text .heading-1 {
  font-weight: bold;
  color: #141d1e;
  font-size: 18px;
  margin-top: 0;
}
#about-popup .pop-M-T #credits-text .heading-2 {
  font-weight: bold;
  color: #330000;
  font-size: 16px;
  margin: 5px 0;
}
#help-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 400px;
  width: 800px;
  z-index: 8001;
}
#help-popup .content iframe {
  border: none;
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
#help-popup .pop-B {
  border-top: 1px solid #cccccc;
  padding-top: 3px;
}
#recycle-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 400px;
  width: 750px;
  min-width: 750px;
  min-height: 400px;
}
#recycle-popup .content .pop-T div {
  margin: 5px;
  height: 55px;
}
#recycle-popup .content .pop-M-TB {
  top: 55px;
  bottom: 50px;
}
#recycle-popup .content .pop-B {
  height: 50px;
}
#recycle-popup .content .pop-B .button-group {
  margin: 3px 0;
  padding: 5px;
  overflow: auto;
}
#recycle-popup .content .pop-B button,
#recycle-popup .content .pop-B select {
  margin: 2px;
}
#recycle-popup .table-container {
  position: absolute;
  top: 5px;
  left: 10px;
  bottom: 5px;
  right: 10px;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#recycle-popup .table-container .red {
  color: #990000;
}
#recycle-popup .table-container .green {
  color: #009900;
}
#recycle-popup .table-container .yellow {
  color: #996600;
}
#recycle-popup .table-container .st-rows-inner .st-row:nth-child(odd) {
  background-color: #ffe0e0;
}
#recycle-popup .table-container .st-rows-inner .st-cell {
  padding: 2px;
}
#recover-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 400px;
  width: 750px;
  min-width: 750px;
  min-height: 400px;
}
#recover-popup .content .pop-T div {
  margin: 5px;
  height: 65px;
}
#recover-popup .content .pop-M-TB {
  top: 65px;
  bottom: 50px;
}
#recover-popup .content .pop-B {
  height: 50px;
}
#recover-popup .content .pop-B .button-group {
  margin: 3px 0;
  padding: 5px;
  overflow: auto;
}
#recover-popup .content .pop-B button,
#recover-popup .content .pop-B select {
  margin: 2px;
}
#recover-popup .table-container {
  position: absolute;
  top: 5px;
  left: 10px;
  bottom: 5px;
  right: 10px;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#recover-popup .table-container .red {
  color: #990000;
}
#recover-popup .table-container .green {
  color: #009900;
}
#recover-popup .table-container .yellow {
  color: #996600;
}
#recover-popup .table-container .st-rows-inner .st-row:nth-child(odd) {
  background-color: #ffe0e0;
}
#recover-popup .table-container .st-rows-inner .st-cell {
  padding: 2px;
}
#recover-popup .table-container .center-inner-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
}
#univ-details-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 400px;
  width: 650px;
  min-height: 450px;
  min-width: 675px;
}
#univ-details-popup #univ-details-name {
  margin-left: 5px;
  margin-top: 2px;
}
#univ-details-popup #univ-details-panes {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#univ-details-popup #univ-details-panes > .pane > div {
  margin: 10px;
}
#univ-details-popup #univ-details-menu {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  vertical-align: bottom;
}
#univ-details-popup .heading-1 {
  font-size: 15px;
  font-weight: bold;
  color: #990000;
  margin-bottom: 10px;
}
#univ-details-popup .heading-2 {
  margin-top: 10px;
  margin-bottom: 1px;
  font-weight: bold;
  color: #141d1e;
}
#univ-details-popup .heading-3 {
  margin-top: 1px;
  margin-bottom: 1px;
  font-weight: bold;
  color: #141d1e;
}
#univ-details-popup input[type=text],
#univ-details-popup select {
  width: 100%;
}
#univ-details-popup #univ-details-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#univ-details-popup .buttons {
  margin-top: 10px;
  text-align: right;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integrations-list .pop-T {
  border-bottom: 1px solid #996666;
  padding-left: 10px;
  height: 40px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integrations-list .pop-M-T {
  top: 40px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integrations-list .pop-M-T .content {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 10px;
  flex-direction: column;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integrations-list .integration-outer .integration {
  padding: 20px;
  background-color: #fff8f8;
  border-radius: 5px;
  box-shadow: 0 1px 3px #333333;
  display: flex;
  gap: 10px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integrations-list .integration-outer .integration .integration-left {
  min-width: 200px;
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: space-between;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integrations-list .integration-outer .integration .integration-right {
  width: fit-content;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integrations-list .integration-outer .integration .integration-right p {
  margin-block-start: 0.1em;
  margin-block-end: 0.1em;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integrations-list .integration-outer .integration .integration-logo {
  display: flex;
  justify-content: center;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integrations-list .integration-outer .integration .integration-logo img {
  max-height: 45px;
  max-width: 180px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integrations-list .integration-transmit-button--outer {
  display: flex;
  justify-content: center;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form {
  margin: 0;
  position: absolute;
  bottom: 0;
  display: flex;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  justify-content: center;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner {
  margin: 30px;
  background: #f8f8f8;
  border: 1px solid #cccccc;
  box-shadow: 0 0 5px #999999;
  width: fit-content;
  height: fit-content;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-title--outer {
  padding: 10px 10px 5px;
  background: #fff8f8;
  border-bottom: 2px solid #663333;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-title--outer .integration-form-title {
  font-weight: bold;
  font-size: 1.5em;
  color: #663333;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-title--outer .integration-form-btns i {
  font-size: 1.2em;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-title {
  font-weight: bold;
  font-size: 1.2em;
  color: #a66a6a;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-description {
  color: #dddddd;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-warning {
  background: #ffffcc;
  color: #996600;
  border: 2px solid #ccaa00;
  padding: 5px;
  margin: 5px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-warning .warning-header {
  font-size: 1.2em;
  font-weight: bold;
  display: flex;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-warning .warning-header .warning-header-left {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: 10px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-warning .warning-header .icon-warn {
  font-size: 36px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-warning .warning-body {
  padding: 10px;
  margin-top: 10px;
  border-top: 2px solid #996600;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-warning .warning-body a {
  text-decoration: underline;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-warning.collapsible .warning-header {
  cursor: pointer;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-warning.collapsible .warning-header:hover {
  color: #563b00;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-warning.collapsible .warning-header .collapse-toggle {
  width: 20px;
  margin-right: 5px;
  font-size: 36px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element--detail-warning.collapsible .warning-body.collapsed {
  display: none;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element {
  padding: 5px;
  margin: 5px;
  border: 1px solid #c8c8c8;
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 5px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element .integration-form-element--top {
  display: flex;
  flex-direction: column;
  gap: 2.5px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element .integration-form-element--top .integration-form-input-required {
  color: #cc0000;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element .integration-form-input.required-invalid {
  border: 1px solid #cc0000;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element .integration-form-error {
  color: #cc0000;
  font-style: italic;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element .integration-form-remember label {
  display: flex;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element .integration-form-remember label input {
  margin-right: 5px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element label {
  white-space: nowrap;
  font-weight: bold;
  color: #660000;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-elements .integration-form-element input {
  border: 1px solid #cccccc;
  color: #666666;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-submit-outer {
  display: flex;
  align-content: center;
  justify-content: center;
  padding: 10px;
  padding-top: 0;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-form-submit-outer .integration-form-submit-btn {
  margin: 0;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-success-msg {
  padding: 10px;
  width: 310px;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-success-msg h3 {
  margin-block-start: 0.1em;
  margin-block-end: 0.1em;
}
#univ-details-popup #univ-details-pane-TRANSMISSION2 #TRANSMISSION-integration-form .TRANSMISSION-integration-form-inner .integration-success-msg .integration-form-close-button-outer {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
#univ-details-popup #univ-details-pane-EDIT .buttons {
  margin-top: 10px;
  text-align: right;
}
#univ-details-popup #univ-details-pane-MOVE .buttons {
  margin-top: 10px;
  text-align: right;
}
#univ-details-popup #univ-details-pane-HOME table {
  width: 100%;
}
#univ-details-popup #univ-details-pane-HOME table tr {
  border-bottom: 1px dashed #cccccc;
}
#univ-details-popup #univ-details-pane-HOME table th {
  text-align: right;
  padding: 3px;
  vertical-align: top;
  color: #141d1e;
}
#univ-details-popup #univ-details-pane-HOME table td {
  padding: 3px;
}
#univ-details-popup #univ-details-pane-HOME table #univ-detail-HOME-sample td,
#univ-details-popup #univ-details-pane-HOME table #univ-detail-HOME-sample th {
  border: 1px solid #cccccc;
}
#univ-details-popup #univ-details-pane-HOME table #univ-detail-HOME-sample th {
  background-color: #f0f0f0;
}
#univ-details-popup #univ-details-pane-HOME table #univ-detail-HOME-sample tr:nth-child(even) {
  background-color: #ffe0e0;
}
#univ-details-popup #univ-details-pane-HOME table #univ-detail-HOME-sample button {
  margin: 10px 0;
}
#univ-details-popup #univ-details-pane-HOME table #univ-detail-HOME-timings table {
  width: auto;
}
#univ-details-popup #univ-details-pane-HOME table #univ-detail-HOME-timings td,
#univ-details-popup #univ-details-pane-HOME table #univ-detail-HOME-timings th {
  border: 1px solid #cccccc;
  text-align: right;
}
#univ-details-popup #univ-details-pane-HOME table #univ-detail-HOME-timings th {
  background-color: #f0f0f0;
}
#univ-details-popup #univ-details-pane-HOME table #univ-detail-HOME-timings tr:nth-child(even) {
  background-color: #ffe0e0;
}
#univ-details-popup #univ-details-pane-HOME table #univ-detail-HOME-timings button {
  margin: 10px 0;
}
#univ-details-popup .error-criterion {
  width: fit-content;
  color: #660000;
  background-color: #ffe0e0;
}
#univ-details-popup #univ-details-pane-COMPLEX {
  padding-left: 25px;
}
#univ-details-popup #univ-details-pane-COMPLEX .icon {
  float: left;
  margin-right: 5px;
  color: #990000;
  font-size: 22px;
}
#univ-details-popup #univ-buynow,
#univ-details-popup #univ-buynow-2 {
  border: 2px solid #996666;
  padding: 5px;
  background-color: #ffe0e0;
  color: #660000;
}
#univ-details-popup #univ-buynow span,
#univ-details-popup #univ-buynow-2 span {
  font-weight: bold;
}
#univ-details-popup #univ-details-pane-SIMPLE {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#univ-details-popup #univ-details-pane-SIMPLE td {
  padding: 3px;
}
#univ-details-popup #univ-details-pane-SIMPLE td:nth-child(1) {
  width: 30px;
  text-align: right;
}
#univ-details-popup #univ-details-pane-SIMPLE input {
  width: auto !important;
}
#univ-details-popup #univ-details-pane-SIMPLE #univ-details-FILTER-validity {
  margin-bottom: 10px;
  padding-block: 5px;
  padding-right: 10px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  overflow-y: scroll;
}
#univ-details-popup #univ-details-pane-SIMPLE #univ-details-FILTER-validity li {
  margin-block: 2px;
}
#univ-details-popup #univ-details-pane-DOWNLOAD {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes {
  position: absolute;
  top: 20px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-option-fieldset {
  margin-bottom: 10px;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes .buttons {
  margin-top: 0;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes table {
  margin: 15px;
  width: 100%;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes table td,
#univ-details-popup #univ-details-pane-DOWNLOAD-panes table th {
  padding: 3px;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes table th {
  text-align: right;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-0 #univ-details-pane-DOWNLOAD-list {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-0 p {
  margin-top: 0;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-6-msg {
  margin: 20px 0;
  text-align: center;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-7-msg table {
  width: 90%;
  margin: 20px auto;
  border: 1px solid #cccccc;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-7-msg tr {
  border-bottom: 1px solid #cccccc;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-7-msg th {
  background-color: #e0e0e0;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-7-msg td:nth-child(1),
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-7-msg th:nth-child(1) {
  text-align: left;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-7-msg td:nth-child(2),
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-7-msg th:nth-child(2) {
  width: 120px;
  text-align: right;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-7-msg td:nth-child(3),
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-7-msg th:nth-child(3) {
  width: 120px;
  text-align: right;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-7-msg div {
  margin: 10px 0;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-pane-7-msg .buttons {
  text-align: center;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-1 table {
  width: 100%;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-1 table td,
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-1 table th {
  padding: 3px;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-1 td:nth-child(1) {
  width: 15px;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-1 td:nth-child(2) {
  width: 15px;
  text-align: center;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-1 td:nth-child(2) i {
  color: #660000;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-5 table {
  margin: 20px 0;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-5 th:nth-child(1) {
  width: 70px;
  text-align: right;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-6 .progress-area {
  margin: 30px 0;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-2 table {
  margin: 10px 0;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-2 th {
  vertical-align: top;
  width: 70px !important;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-2 #univ-details-csv-form {
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-3 th {
  vertical-align: top;
  width: 170px !important;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #univ-details-pane-DOWNLOAD-pane-4 .heading-3 {
  margin-top: 15px;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-option-fields {
  border: 1px solid #dddddd;
  padding: 5px;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-option-codes {
  width: 300px;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-option-split-row input {
  vertical-align: baseline;
}
#univ-details-popup #univ-details-pane-DOWNLOAD-panes #download-option-split-row label {
  margin-right: 10px;
}
#shape-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 110px;
  width: 350px;
}
#shape-popup table {
  width: 100%;
}
#shape-popup table td,
#shape-popup table th {
  padding: 3px;
}
#shape-popup table th {
  text-align: right;
}
#shape-popup select,
#shape-popup input {
  width: 100%;
}
#feedback-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 600px;
  width: 820px;
  z-index: 9001;
}
#feedback-popup th {
  text-align: right !important;
  vertical-align: top;
}
#feedback-popup textarea,
#feedback-popup select,
#feedback-popup input[type=text] {
  width: 100% !important;
}
#feedback-popup button {
  margin-top: 2px;
}
#feedback-popup textarea {
  height: 300px;
}
#feedback-popup table {
  width: 96%;
  margin: 10px;
  border-spacing: 3px;
  border-collapse: separate;
}
#feedback-popup #feedback-pane-2,
#feedback-popup #feedback-pane-3 {
  padding: 5px;
  font-size: 1.1em;
}
#find-obj-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 300px;
  width: 650px;
  min-width: 550px;
  min-height: 300px;
}
#find-obj-popup #find-obj-search-wrap {
  display: block;
  margin-right: 22px;
}
#find-obj-popup #find-obj-clear {
  float: right;
  margin: 3px;
}
#find-obj-popup #find-obj-collections {
  margin-left: 10px;
}
#find-obj-popup #find-obj-buttons .f-L {
  margin-left: 5px;
}
#find-obj-popup .control-bar {
  padding: 5px;
  height: 30px;
  border-bottom: none;
  vertical-align: middle;
}
#find-obj-popup .control-bar input {
  width: 100%;
}
#find-obj-popup .container {
  border: 1px solid #cccccc;
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  height: auto;
  width: auto;
}
#find-obj-popup .pop-M-TB .pop-M-T {
  top: 30px;
}
#find-obj-popup table {
  width: 100%;
}
#find-obj-popup table td {
  padding: 3px;
  border-bottom: 1px solid #e0e0e0;
}
#find-obj-popup table td button {
  float: right;
}
#customer-subscription-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 185px;
  width: 300px;
}
#customer-subscription-popup table {
  width: 100%;
}
#customer-subscription-popup table td,
#customer-subscription-popup table th {
  padding: 5px;
}
#customer-subscription-popup table input,
#customer-subscription-popup table select {
  width: 100%;
}
#customer-user-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 300px;
  width: 500px;
  min-height: 300px;
  min-width: 500px;
}
#customer-user-popup .pop-T span {
  margin: 5px;
}
#customer-user-popup #customer-user-apps-cell {
  padding: 5px;
}
#customer-user-popup #customer-user-apps-cell .container {
  position: relative;
  border: 1px solid #cccccc;
}
#customer-user-popup #customer-user-apps-cell .container table {
  width: 100%;
}
#customer-user-popup #customer-user-apps-cell .container tr td:nth-child(1) {
  width: 20px;
}
#customer-user-popup #customer-user-apps-cell .container tr {
  border-bottom: 1px solid #e0e0e0;
}
#customer-user-popup #customer-user-apps-cell .container td {
  padding: 3px;
}
#customer-user-popup a {
  cursor: pointer;
}
#customer-user-popup .pop-B .f-L {
  margin-left: 10px;
}
#customer-manage-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 400px;
  width: 850px;
  min-height: 162px;
  min-width: 652px;
}
#customer-manage-popup #customer-manage-name {
  margin-left: 5px;
  color: #660000;
}
#customer-manage-popup .pop-M-T .title {
  font-size: 16px;
  font-weight: bold;
  color: #660000;
  margin: 5px 10px;
}
#customer-manage-popup #customer-manage-table-container {
  position: absolute;
  top: 40px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#customer-manage-popup #customer-manage-table-container i {
  margin: 0 3px;
}
#customer-manage-popup #customer-manage-table-container a {
  cursor: pointer;
}
#customer-manage-popup #customer-manage-table-container .msg-billboard {
  position: absolute;
  top: 42.5%;
  left: 50%;
  bottom: auto;
  right: auto;
  height: 50px;
  width: 400px;
  margin-left: -200px;
  margin-top: -25px;
}
#customer-resources-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 500px;
  width: 700px;
}
#customer-resources-popup .pop-B {
  height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
}
#customer-resources-popup .pop-B #reassign-all-go {
  margin-left: 5px;
}
#customer-resources-popup #customer-resources-user {
  margin-left: 5px;
  color: #660000;
}
#customer-resources-popup #customer-resources-table-container {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#customer-resources-popup #customer-resources-table-container select {
  border: none;
  width: 100%;
}
#customer-resources-popup #customer-resources-table-container .st-rows-inner .st-cell {
  height: 22px;
  line-height: 22px;
}
#user-apps-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 350px;
  width: 350px;
  background-color: #f8f8f8;
}
#user-apps-popup #user-apps-user {
  color: #141d1e;
  font-weight: bold;
  margin: 5px;
  text-align: center;
}
#user-apps-popup #user-apps-table-container {
  position: absolute;
  top: 30px;
  left: 0;
  bottom: 5px;
  right: 0;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
}
#user-apps-popup .content {
  padding: 5px;
  background-color: #f0f0f0;
}
#user-apps-popup .content table th,
#user-apps-popup .content table td {
  text-align: left;
  padding: 2px;
}
#user-role-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 150px;
  width: 200px;
  background-color: #f8f8f8;
}
#user-role-popup #user-role-user {
  color: #141d1e;
  font-weight: bold;
  margin: 5px;
  text-align: center;
}
#user-role-popup #user-role-table-container {
  margin: 10px;
}
#user-role-popup .content div {
  margin: 5px 0;
}
#user-del-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 245px;
  width: 350px;
}
#user-del-popup .pop-M-TB {
  padding: 5px;
}
#user-del-popup .pop-B {
  padding: 5px;
}
#user-del-popup ul {
  margin: 5px;
}
#user-del-popup #user-del-unlock-label {
  cursor: pointer;
}
#invite-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 220px;
  width: 300px;
}
#invite-popup .pop-M-TB {
  padding: 10px;
}
#invite-popup input,
#invite-popup select {
  width: 200px;
}
#invite-popup table {
  margin: 0;
  border-collapse: separate;
  border-spacing: 3px;
}
#invite-popup table th {
  text-align: right;
}
#map-tooltip {
  margin: 0;
  width: 309px;
  padding: 5px 5px;
  color: #141d1e;
  background-color: #e0e0e0;
  position: absolute;
  top: 77px;
  left: 5px;
  bottom: auto;
  right: auto;
  height: auto;
  width: auto;
  -webkit-box-shadow: 1px 3px 5px #cccccc;
  -moz-box-shadow: 1px 3px 5px #cccccc;
  box-shadow: 1px 3px 5px #cccccc;
  background: #ffffff;
  border: 1px solid #666666;
  font: 12px Arial, Sans-Serif;
  font-weight: 100;
  z-index: 200;
}
#map-tooltip td {
  padding: 3px;
}
#map-tooltip .hover-title {
  font-size: 14px;
  font-weight: bold;
  color: #660000;
}
#map-tooltip .hover-label {
  font-size: 12px;
  font-weight: bold;
  color: #660000;
}
.breakdown {
  margin-top: 5px;
  width: 100%;
}
.breakdown tr.data {
  border-top: 1px dotted #996666;
}
.breakdown td {
  text-align: left;
  padding: 2px;
}
.breakdown th {
  color: #141d1e;
  text-align: right;
  padding: 5px 2px;
}
.breakdown tr td:nth-child(1) {
  padding-left: 20px;
  font-style: italic;
}
.ui-tooltip,
.arrow:after {
  background: #990000;
  box-shadow: none;
  color: #ffffff;
  border: 1px solid #ffffff !important;
}
.ui-tooltip {
  text-align: center;
  min-width: 40px;
  max-width: 350px !important;
  padding: 5px 5px;
  border-radius: 2px;
  font-weight: 100;
  z-index: 15000;
  white-space: pre-line;
  opacity: 0.85;
}
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
  z-index: 22;
}
.arrow.top {
  top: -16px;
  bottom: auto;
}
.arrow.left {
  left: 20%;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -22px;
  width: 25px;
  height: 25px;
  box-shadow: -2px 0 4px 4px #999999;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.top:after {
  bottom: -20px;
  top: auto;
}
#match-load-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 475px;
  width: 665px;
  min-width: 660px;
  min-height: 480px;
}
#match-load-popup iframe {
  border: none;
  display: block;
  height: 100%;
  width: 100%;
}
#match-load-popup .instruction {
  margin: 20px;
  color: #333333;
  font-style: normal;
}
#match-load-popup .popup-dlg table th {
  color: #990000;
  text-align: left;
  padding-right: 15px;
}
#match-load-popup .form {
  margin: 10px auto 10px auto;
  border: 1px solid #e0e0e0;
  background-color: #f8f8f8;
  padding: 10px;
}
#match-load-popup .form th {
  text-align: right;
}
#match-load-popup .form th,
#match-load-popup .form td {
  padding: 5px;
}
#match-load-popup .form input[type=text] {
  width: 300px;
}
#match-load-popup strong {
  color: #660000;
}
#match-load-popup .heading {
  font-weight: bold;
  color: #660000;
  padding-left: 10px;
  padding-top: 5px;
  font-size: 16px;
}
#private-load-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 620px;
  width: 820px;
}
#private-load-popup .panes {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
}
#private-load-popup .instruction {
  margin: 20px;
  font-style: normal;
  color: #333333;
}
#private-load-popup .instruction-callout {
  margin-right: 10px !important;
  margin-left: 10px;
}
#private-load-popup .pop-B {
  padding-right: 10px !important;
}
#private-load-popup .select {
  text-align: left;
}
#private-load-popup .example {
  font-style: italic;
  color: #660000;
  margin: 0 0 0 15px;
}
#private-load-popup .form {
  margin: 10px auto 10px auto;
  background-color: #f8f8f8;
  padding: 10px;
}
#private-load-popup .form th {
  text-align: right;
}
#private-load-popup .form th,
#private-load-popup .form td {
  padding: 5px;
}
#private-load-popup .form #private-load-enums {
  width: 65px;
}
#private-load-popup .form select,
#private-load-popup .form input[type=text] {
  width: 300px;
}
#private-load-popup #private-progress-dismiss-area {
  margin-top: 20px;
}
#private-load-popup #private-progress-dismiss-area button {
  margin-top: 10px;
}
#private-load-popup table.optional-fields {
  margin: 0 0 0 0;
}
#private-load-popup table.optional-fields td {
  vertical-align: top;
  padding: 2px;
}
#private-load-popup table.optional-fields strong {
  color: #990000;
}
#private-load-popup .centered {
  margin: 10px;
  padding: 10px;
  text-align: center;
}
#private-load-popup #private-load-file-name,
#private-load-popup #private-load-name {
  width: 300px;
  margin-right: 5px;
}
#private-load-popup .heading {
  font-weight: bold;
  color: #660000;
  padding-left: 10px;
  padding-top: 5px;
  font-size: 16px;
}
#private-load-popup .msg {
  margin: 10px;
  padding: 5px;
}
#private-load-popup #private-load-fields table {
  width: 100%;
}
#private-load-popup #private-load-fields table th {
  padding: 4px;
  text-align: left;
  background-color: #f0f0f0;
  border-bottom: 1px solid #cccccc;
}
#private-load-popup #private-load-fields table td {
  padding: 4px;
}
#private-load-popup #private-load-fields table td:nth-child(3) {
  text-align: center;
  width: 50px;
}
#private-load-popup #private-load-fields table td:nth-child(4) {
  text-align: center;
  width: 180px;
}
#private-load-popup #private-load-fields table td:nth-child(5) {
  text-align: center;
  width: 30px;
}
#private-load-popup #private-load-fields table select,
#private-load-popup #private-load-fields table input {
  width: 100%;
}
#private-load-popup .prefix {
  color: #990000;
}
#private-load-popup #private-load-prefix {
  float: left;
  margin-left: 20px;
  color: #990000;
}
#private-load-popup #private-load-3 .container {
  border: 1px solid #cccccc;
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 5px;
  right: 10px;
  height: auto;
  width: auto;
  margin: 10px;
}
#private-load-popup #private-load-conversion-results,
#private-load-popup #private-load-load-results {
  margin-top: 10px;
}
.mapboxgl-canvas {
  cursor: default;
}
.icon {
  display: inline-block;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  color: inherit;
}
.icon.ok {
  color: #99cc99;
}
.icon.ok:hover {
  color: #006600;
}
.icon.cancel,
.icon.delete {
  color: #cc0000 !important;
}
.icon.cancel:hover,
.icon.delete:hover {
  color: #660000 !important;
}
.icon.active {
  color: #990000;
}
.icon:hover {
  color: #990000;
}
.icon.disabled:hover,
.icon.icon-nohover:hover {
  color: inherit;
  cursor: default;
}
.icon.no-click {
  pointer-events: none;
}
.icon-disabled {
  opacity: 0.5;
}
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.icon-stack-1x,
.icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.icon-stack-1x {
  line-height: inherit;
}
.icon-18 {
  font-size: 18px;
}
.icon-13 {
  font-size: 13px;
}
.icon-15 {
  font-size: 15px;
}
.icon-rotate-45 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.icon-rotate-60 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.icon-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon-rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.icon-rotate-300 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.icon-rotate-315 {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}
.icon-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
.icon-hc-spin {
  -webkit-animation: icon-spin 1.5s infinite linear;
  animation: icon-spin 1.5s infinite linear;
}
.icon-hc-spin-reverse {
  -webkit-animation: icon-spin-reverse 1.5s infinite linear;
  animation: icon-spin-reverse 1.5s infinite linear;
}
/* Apply spin-pulse styling to your icon */
.icon-hc-spin-pulse {
  animation-name: icon-spin;
  animation-duration: 1s;
  /* Customize speed */
  animation-iteration-count: infinite;
  animation-timing-function: steps(8);
  /* Pulses during rotation */
}
/* Apply spin-ease styling to your icon */
.icon-hc-spin-ease {
  transform: rotate(-45deg);
  animation-name: icon-spin-ease;
  animation-duration: 1.5s;
  /* Customize speed */
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  /* Pulses during rotation */
}
.icon-hc-spin-pulse-12 {
  animation-name: icon-spin;
  animation-duration: 1s;
  /* Customize speed */
  animation-iteration-count: infinite;
  animation-timing-function: steps(12);
  /* Pulses during rotation */
}
@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes icon-spin-ease {
  100% {
    transform: rotate(315deg);
  }
}
.ui-datepicker {
  border: 1px solid #990000;
  border-radius: 5px;
  background-color: #ffffff;
}
.ui-datepicker .ui-datepicker-header {
  background-color: inherit;
  border: none;
}
.ui-datepicker select {
  width: 45% !important;
  margin: 0 3px !important;
  padding: 3px !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
  color: #141d1e !important;
  font-weight: normal;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
}
.ui-datepicker.st-sort-up i:before {
  content: "\e917";
}
.ui-datepicker.st-sort-down i:before {
  content: "\e914";
}
.ui-datepicker .ui-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'vm2' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  display: inline-block;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  color: inherit;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  color: #990000 !important;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  background: none !important;
  text-indent: 0;
  font-size: 14px;
}
.ui-datepicker .ui-datepicker-prev span:before {
  content: "\e915";
}
.ui-datepicker .ui-datepicker-next span:before {
  content: "\e916";
}
.ui-datepicker .ui-state-default {
  font-weight: normal;
  border: none !important;
  background-color: #ffffff !important;
  color: #990000;
}
.ui-datepicker .ui-state-active {
  background-color: #ffe0e0 !important;
  border: 1px solid #990000 !important;
}
.ui-datepicker .ui-datepicker-today {
  font-weight: bold;
  color: #990000;
}
.state {
  display: inline-block;
  font: normal normal normal 14px/1 'StateFaceRegular';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
.state-AK:before {
  content: 'A';
}
.state-AL:before {
  content: 'B';
}
.state-AR:before {
  content: 'C';
}
.state-AZ:before {
  content: 'D';
}
.state-CA:before {
  content: 'E';
}
.state-CO:before {
  content: 'F';
}
.state-CT:before {
  content: 'G';
}
.state-DE:before {
  content: 'H';
}
.state-FL:before {
  content: 'I';
}
.state-GA:before {
  content: 'J';
}
.state-HI:before {
  content: 'K';
}
.state-IA:before {
  content: 'L';
}
.state-ID:before {
  content: 'M';
}
.state-IL:before {
  content: 'N';
}
.state-IN:before {
  content: 'O';
}
.state-KS:before {
  content: 'P';
}
.state-KY:before {
  content: 'Q';
}
.state-LA:before {
  content: 'R';
}
.state-MA:before {
  content: 'S';
}
.state-MD:before {
  content: 'T';
}
.state-ME:before {
  content: 'U';
}
.state-MI:before {
  content: 'V';
}
.state-MN:before {
  content: 'W';
}
.state-MO:before {
  content: 'X';
}
.state-MS:before {
  content: 'Y';
}
.state-MT:before {
  content: 'Z';
}
.state-NC:before {
  content: 'a';
}
.state-ND:before {
  content: 'b';
}
.state-NE:before {
  content: 'c';
}
.state-NH:before {
  content: 'd';
}
.state-NJ:before {
  content: 'e';
}
.state-NM:before {
  content: 'f';
}
.state-NV:before {
  content: 'g';
}
.state-NY:before {
  content: 'h';
}
.state-OH:before {
  content: 'i';
}
.state-OK:before {
  content: 'j';
}
.state-OR:before {
  content: 'k';
}
.state-PA:before {
  content: 'l';
}
.state-RI:before {
  content: 'm';
}
.state-SC:before {
  content: 'n';
}
.state-SD:before {
  content: 'o';
}
.state-TN:before {
  content: 'p';
}
.state-TX:before {
  content: 'q';
}
.state-UT:before {
  content: 'r';
}
.state-VA:before {
  content: 's';
}
.state-VT:before {
  content: 't';
}
.state-WA:before {
  content: 'u';
}
.state-WI:before {
  content: 'v';
}
.state-WV:before {
  content: 'w';
}
.state-WY:before {
  content: 'x';
}
.state-DC:before {
  content: 'y';
}
.state-US:before {
  content: 'z';
}
#april-fools {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  background-color: #990000;
  background: radial-gradient(ellipse at center, #330000 0%, #0c100d 100%);
  color: #ffffff;
}
.april-noise-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  overflow: hidden;
  z-index: 10;
}
.april-noise-wrapper:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.april-noise-wrapper p {
  position: relative;
  font-size: 60px;
  text-align: center;
  color: #ffffff;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.april-noise {
  position: absolute;
  top: -500px;
  right: -500px;
  bottom: -500px;
  left: -500px;
  background: transparent url(../images/noise.png) 0 0;
  background-size: 320px 320px;
  opacity: 0.35;
  animation: april-noise 1s steps(8, end) infinite both;
}
@keyframes april-noise {
  0% {
    transform: translateX(0px, 0px);
  }
  10% {
    transform: translate(-100px, 100px);
  }
  20% {
    transform: translate(150px, -100px);
  }
  30% {
    transform: translate(-100px, 100px);
  }
  40% {
    transform: translate(100px, -150px);
  }
  50% {
    transform: translate(-100px, 200px);
  }
  60% {
    transform: translate(-200px, -100px);
  }
  70% {
    transform: translateY(50px, 100px);
  }
  80% {
    transform: translate(100px, -150px);
  }
  90% {
    transform: translate(0px, 200px);
  }
  100% {
    transform: translate(-100px, 100px);
  }
}
.october-leaf {
  position: absolute;
  background-color: transparent;
  background-image: url('/static/images/leaves.png');
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.ps__thumb-x,
.ps__thumb-y {
  background-color: #660000 !important;
}
.ps__rail-x:hover,
.ps__rail-y:hover {
  background-color: #cc9999 !important;
  opacity: 0.35 !important;
}
.ps__rail-y {
  width: 10px !important;
}
.ps__rail-y:hover,
.ps__rail-y.ps--clicking {
  width: 15px !important;
}
.node.private-shared-global > .head > .label > .controls > .icon.icon-globe,
.node.private-shared-published > .head > .label > .controls > .icon.icon-share {
  color: #990000 !important;
}
.rc-handle-container {
  position: relative;
}
.rc-handle {
  position: absolute;
  width: 7px;
  cursor: ew-resize;
  margin-left: -3px;
  z-index: 2;
}
table.rc-table-resizing {
  cursor: ew-resize;
}
table.rc-table-resizing thead,
table.rc-table-resizing thead > th,
table.rc-table-resizing thead > th > a {
  cursor: ew-resize;
}
#thirdparty-form form {
  width: 80%;
}
#thirdparty-form table {
  width: 100%;
  margin: 10px auto 10px auto;
  background-color: #f8f8f8;
  border-collapse: collapse;
  border-spacing: 0;
}
#thirdparty-form table th,
#thirdparty-form table tr {
  padding: 3px;
}
#thirdparty-form table th {
  vertical-align: top;
  text-align: right;
  width: 200px;
  padding: 5px;
  color: #660000;
  font-size: 13px;
}
#thirdparty-form table td {
  text-align: left;
}
#thirdparty-form table table {
  border: 1px solid #cccccc !important;
  background-color: #e0e0e0 !important;
}
#thirdparty-form table table th,
#thirdparty-form table table td {
  padding: 1px !important;
}
#thirdparty-form table table th {
  width: 100px;
  color: #141d1e;
}
#thirdparty-form input[type=text],
#thirdparty-form input[type=email] {
  display: inline-block;
  font-size: 1em;
  width: 99%;
  line-height: normal;
  border-color: #990000 !important;
  color: #141d1e !important;
  padding: 2px 3px;
  border: 1px solid #aaaaaa;
  border-radius: 0;
}
#thirdparty-form input[type=text]:disabled,
#thirdparty-form input[type=email]:disabled {
  border-color: #cccccc !important;
  color: #666666 !important;
  background-color: #e0e0e0 !important;
}
#thirdparty-form input[type=submit] {
  display: inline-block;
  float: right;
}
#thirdparty-form.ttd-status {
  width: 500px;
  padding: 5px;
  margin: 20px;
}
#thirdparty-form.ttd-status table {
  border: 2px solid #999999;
}
.ol-attribution {
  z-index: 200;
  max-width: 300px;
  bottom: 5px;
  border: 1px solid #999999;
  background-color: #e0e0e0 !important;
}
.ol-attribution button {
  background-color: inherit;
}
.ol-attribution button i {
  margin: 0;
  color: #000066 !important;
}
.ol-attribution ul {
  background-color: inherit;
}
.ol-attribution li {
  background-color: inherit;
  color: #330000;
}
.ol-scale-line {
  position: absolute;
  z-index: 100;
  bottom: 5px;
  right: 35px;
  left: auto;
  background-color: #fff8f8;
  opacity: 50%;
}
.ol-scale-line-inner {
  color: #660000;
  border-color: #660000;
  opacity: 100%;
}
.dm_explorer {
  font-family: 'Roboto Mono', monospace;
  font-size: 11px;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 5px solid #aaaaaa;
}
.dm_explorer .dm_explorer_body {
  flex: 2;
  overflow-y: scroll;
  background-color: #e0e0e0;
}
.dm_explorer table.dm_explorer_info {
  background-color: #aaaaaa;
  width: 100%;
  border-spacing: 6px 6px;
  border-collapse: separate;
}
.dm_explorer table.dm_explorer_info th {
  padding: 2px;
  width: 100px;
  text-align: right;
  background-color: #aaaaaa;
  color: #141d1e;
}
.dm_explorer table.dm_explorer_info td {
  padding: 3px;
  background-color: #e0e0e0;
}
.dm_explorer > pre {
  border: 5px solid #aaaaaa;
  padding: 10px;
  margin: 0;
  font-family: 'Roboto Mono', monospace;
}
.json-viewer {
  color: #000000;
  padding-left: 20px;
}
.json-viewer ul {
  list-style-type: none;
  margin: 0 0 0 1px;
  border-left: 1px dotted #cccccc;
  padding-left: 2em;
}
.json-viewer .hide {
  display: none;
}
.json-viewer .type-string {
  color: #0b7500;
}
.json-viewer .type-date {
  color: #cb7500;
}
.json-viewer .type-boolean {
  color: #1a01cc;
  font-weight: bold;
}
.json-viewer .type-number {
  color: #1a01cc;
}
.json-viewer .type-null,
.json-viewer .type-undefined {
  color: #9900aa;
}
.json-viewer a.list-link {
  color: #000000;
  text-decoration: none;
  position: relative;
}
.json-viewer a.list-link:before {
  color: #aaaaaa;
  content: "\25BC";
  position: absolute;
  display: inline-block;
  width: 1em;
  left: -1em;
}
.json-viewer a.list-link.collapsed:before {
  content: "\25B6";
}
.json-viewer a.list-link.empty:before {
  content: "";
}
.json-viewer .items-ph {
  color: #aaaaaa;
  padding: 0 1em;
}
.json-viewer .items-ph:hover {
  text-decoration: underline;
}
#su .container {
  display: flex;
  flex-flow: column;
  height: 100%;
}
#su .header {
  flex: 0 1 auto;
}
#su .content {
  flex: 1 1 auto;
}
#su ul {
  list-style-type: none;
  /* Remove bullets */
  padding: 0;
  /* Remove padding */
  margin: 0 0 10px 10px;
  /* Remove margins */
}
#su li {
  margin: 5px 0;
}
#su .kids {
  margin: 5px 0;
  padding-left: 22px;
}
#su .toggle {
  margin: 0 5px;
}
#su em {
  color: #990000;
  font-weight: bold;
}
#su th {
  background-color: #cccccc;
  padding: 2px 4px;
}
#su td {
  padding: 4px 2px;
}
#su tr:nth-child(even) {
  background-color: #ffe0e0;
}
#su #admin-object {
  padding: 5px;
}
#su #admin-object table {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
  background-color: #cccccc;
}
#su #admin-object table tr {
  background-color: #e4e4e4;
}
#su #admin-object table th {
  text-align: right;
}
.map-scale-line {
  background: #ffffff;
  border: 1px solid #999999;
  bottom: 6px;
  right: 30px;
  padding: 1px 2px;
  position: absolute;
}
.map-scale-line-inner {
  border: 1px solid #990000;
  border-top: none;
  color: #000000;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
.map-scale-line {
  background: #ffffff;
  border: 1px solid #999999;
  bottom: 6px;
  right: 30px;
  padding: 1px 2px;
  position: absolute;
}
.map-scale-line-inner {
  border: 1px solid #990000;
  border-top: none;
  color: #000000;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
#su {
  width: 900px !important;
  margin: 10px auto;
}
.handpicked {
  margin-left: 5px;
}
.handpicked-button {
  color: #996600;
  background-color: #ffffcc;
  text-transform: none !important;
}
.handpicked-button .icon {
  font-size: 12px !important;
  position: relative;
  margin: 0 0 0 3px !important;
  top: -1px;
}
.handpicked-button-area {
  margin-top: 5px;
}
#controls-handpickeds .container .content {
  padding: 10px;
  xposition: relative;
}
#controls-handpickeds a {
  xdisplay: block;
  xmargin: 5px 10px;
  padding: 3px;
  color: #996600;
  font-size: 12px;
}
#controls-handpickeds a:hover {
  color: #990000;
  background-color: #ffffcc;
}
#controls-handpickeds .label {
  font-size: 16px;
  font-weight: bold;
}
#controls-handpickeds .label .icon {
  position: relative;
  top: -3px;
}
#controls-handpickeds p {
  xbackground-color: #ffffff;
  margin: 5px 10px;
  font-size: 12px;
}
#controls-handpickeds .handpickeds {
  font-size: 11px;
  width: 100%;
  margin: 10px;
  background-color: #ffffcc;
  color: #660000;
}
#controls-handpickeds .handpickeds a {
  color: #990000;
}
#controls-handpickeds .handpickeds td {
  padding: 3px;
  border-bottom: 1px solid #ffff39;
}
#controls-handpickeds .handpickeds td:nth-child(1),
#controls-handpickeds .handpickeds td:nth-child(2) {
  width: 55px;
}
#controls-handpickeds .handpickeds .icon {
  margin-right: 5px;
}
#controls-individuals .container .content .title {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0;
}
#controls-individuals .container .content .title .icon {
  position: relative;
  top: -3px;
}
/*# sourceMappingURL=style.css.map */