@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, subtests, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font: inherit;
  font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif;
  font-size: 100.01%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }
div {
  font-family: inherit; }
article, aside, details, subtests, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }
body {
  line-height: 1; }
ol, ul {
  list-style: none; }
blockquote, q {
  quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }
table {
  border-collapse: collapse;
  border-spacing: 0; }
h1 {
  font-size: 2em;
  margin-bottom: .5em; }
h2 {
  font-size: 1.5em;
  margin-bottom: .5em; }
h3 {
  font-size: 1.17em;
  margin-bottom: .5em; }
h4 {
  margin-bottom: .5em; }
h5 {
  font-size: .83em;
  margin-bottom: .5em; }
h6 {
  font-size: .75em;
  margin-bottom: .5em; }
b,
.b,
strong,
.strong {
  font-weight: bold; }
em,
.em,
i,
.i,
.italic {
  font-style: italic; }
.ladda-button {
  background: none;
  background-color: #FFFFFF;
  border: 2px solid #FFC200;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #444444;
  cursor: default;
  font-size: 12px;
  height: 45px;
  min-height: 45px;
  
  margin: 2px auto 2px;
  padding: 0;
  position: relative;
  text-align: center;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 400px; }
.child section div.ladda-button {
  margin-right: 0;
  width: 85%; }
.parent div.ladda-button,
#tubeTransfer .ladda-button {
  width: 100%; }
.ladda-button[data-loading] {
  background-color: #EDFA97;
  border-color: #B4C63D;
  color: #999999;
  padding: 0; }
.ladda-button.expanded {
  background: #FFFFFF;
  min-height: 140px;
  height: auto; }
.buttonHeader {
  background-color: #FFDA64;
  border-bottom-width: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  height: 41px;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
.expanded .buttonHeader {
  border-bottom: 2px solid;
  border-bottom-color: inherit;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0; }
.navMenuListInner .buttonHeader p,
.problemTreeListInner .buttonHeader p {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 0px;
  white-space: nowrap;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); }
.resolution-dialog-container .buttonHeader p,
.home-screen .buttonHeader p {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 1.2;
  overflow: hidden;
  width: calc(100% - 205px);
  white-space: nowrap;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); }
.navigation-button-container p.navFillWidth {
  width: calc(100% - 63px);
   }
#navMenuList .navigation-button-container p.navFillWidth {
  width: calc(100% - 52px); }
.resolution-dialog-container .buttonHeader.leaf p {
  left: 60px; }
.home-screen .buttonHeader p {
  line-height: 1.8; }
.RackType .buttonHeader {
  background-color: #FFFFFF; }
.StorageShelfType .buttonHeader {
  background-color: #FFFFFF; }
.buttonDropdown {
  margin-top: 43px;
  
  padding: 17px;
  position: relative;
  border-color: inherit;
   }
.hiddenMessage {
  background: #FFFFFF;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  font-size: 14px;
  height: 83px;
  left: 0px;
  padding: 10px 25px;
  padding-bottom: 0;
  position: absolute;
  right: 0px;
  top: 43px; }
#scan-view .hiddenMessage {
  display: none;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: auto;
  width: auto; }
#scan-view .hiddenMessage section {
  padding: 0; }
#scan-view .hiddenMessage section .removeButton {
  left: 50%;
  margin-left: -212px;
  margin-top: 11px;
  top: auto; }
.reagent li {
  margin: 0 0 .5em 5em;
   }
.reagent li.reagenttype {
  font-style: italic;
  display: none; }
.ladda-button,
.ladda-button .ladda-spinner,
.ladda-button .ladda-label {
  -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
  -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
  -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; }
.ladda-button.zoom-in,
.ladda-button.zoom-in .ladda-spinner,
.ladda-button.zoom-in .ladda-label,
.ladda-button.zoom-out,
.ladda-button.zoom-out .ladda-spinner,
.ladda-button.zoom-out .ladda-label {
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all; }
.ladda-button.expand-right .ladda-spinner {
  right: 0.8em; }
.ladda-button.expand-right[data-loading] {
  padding-right: 56px; }
.ladda-button.expand-right[data-loading] .ladda-spinner {
  opacity: 1; }
.ladda-button.expand-left .ladda-spinner {
  left: 0.8em; }
.ladda-button.expand-left[data-loading] {
  padding-left: 56px; }
.ladda-button.expand-left[data-loading] .ladda-spinner {
  opacity: 1; }
.ladda-button .ladda-spinner {
  display: inline-block;
  height: 32px;
  margin-top: -16px;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 2; }
.scannedTube,
.scannedTube .buttonHeader {
  border-color: #FFC200; }
.scannedTube .buttonHeader {
  background-color: #FFDA64; }
.scannedTube.buffy-vial {
  border-color: #9E579E; }
.scannedTube.buffy-vial .buttonHeader {
  background-color: #DFBCDF; }
.placeholder,
#pictureCell-0.placeholder,
.placeholder .buttonHeader {
  border-color: #DDDDDD;
  color: #676767; }
.placeholder .buttonHeader {
  background-color: #F9F9F9; }
.placeholder .buttonHeader p:before {
  content: "<\0000a0"; }
.placeholder .buttonHeader p:after {
  content: "\0000a0>"; }
.placeholder.buffy-vial {
  border-color: #DFBCDF; }
.placeholder.buffy-vial .buttonHeader {
  background-color: #FBEFFF; }
.placeholder strong {
  font-style: italic; }
.ControlType,
.ControlType .buttonHeader,
.ControlType.placeholder .buttonHeader {
  border-color: #257DBE; }
.ControlType .buttonHeader {
  background-color: #A0DDF1; }
.ControlType.placeholder .buttonHeader {
  background-color: #FFFFFF; }
.child .lastScanned,
.child .lastScanned .buttonHeader {
  border-color: #7A3F00;
  
  border-width: 3px;
   }
.child .lastScanned .buttonHeader {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  height: 39px; }
.child .lastScanned.expanded .buttonHeader {
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0; }
.child .lastScanned .slider-menu,
.child .lastScanned .validstateindicator {
  top: 2px; }
.nextExpected,
#pictureCell-0.nextExpected,
.nextExpected .buttonHeader,
.nextExpected.placeholder .buttonHeader {
  border-color: #5BB033;
  
  color: #287204;
  font-style: italic; }
.noSlot,
#pictureCell-0.noSlot,
.noSlot .buttonHeader {
  background-color: transparent;
  border-color: transparent;
  visibility: hidden; }
.reserved,
#pictureCell-0.reserved,
.reserved .buttonHeader {
  border-color: #999999; }
.reserved .buttonHeader {
  background-color: #BEBEBE; }
.strikethrough .buttonHeader {
  font-style: italic !important;
  text-decoration: line-through !important; }
.strikethrough {
  opacity: 0.40 !important;
  text-decoration: line-through !important; }
.strikethrough .slider-menu {
  visibility: hidden; }
.scan-container {
  
  padding: 10px 0;
  position: relative; }
.scanned-view {
  display: inline-block;
  width: 50%;
  margin: 0 auto; }
.scan-container .ladda-button.manual-input-off {
  border: none;
  width: 275px;
  height: 20px;
  min-height: 20px; }
.manual-input-off .scan-field-slider {
  display: none; }
.scan-container .ladda-button.manual-input-off input {
  display: none; }
.scan-container p {
  
  color: #A71E22;
  font-size: large;
  font-style: italic; }
.scan-container .ladda-button.manual-input-on p {
  display: none; }
.navigation-button-container .manual-input-off p {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
.button-section .ItemType,
.ladda-button .ItemType,
.ItemType .buttonHeader,
.ItemType.placeholder .buttonHeader {
  border-color: #73C5E1; }
.ItemType .buttonHeader {
  background-color: #D7F3FC; }
.button-section.accession-id-gizmo {
  margin: 10px auto 15px; }
.accession-id-gizmo .ladda-button {
  border: 2px solid #999999;
  background-color: #FFFFFF; }
.accession-id-gizmo .buttonHeader {
  background-color: #FFFFFF; }
.accession-id-gizmo .buttonHeader p {
  color: #D01313;
  font-size: 18px; }
.simple-item-gizmo .simple-item-display {
  font-family: 'Inconsolata', monospace; }
.button-section .KitType,
.ladda-button .KitType,
.KitType .buttonHeader,
.KitType.placeholder .buttonHeader {
  border-color: #73C5E1; }
.KitType .buttonHeader {
  background-color: #D7F3FC; }
dual-entry {
  margin: 0 auto;
  position: relative; }
.dual-input-container {
  background-color: #DFBCDF;
  border: 2px solid #9E579E;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin-top: 5px; }
.dual-input-container .buttonHeader {
  background-color: #DFBCDF; }
.dual-input-container input,
.dual-input-container input:focus {
  position: relative;
  background-color: transparent;
  border: 0;
  color: #444444;
  cursor: text;
  display: inline;
  font-family: 'Inconsolata', monospace;
  font-size: 15px;
  margin: 0  0.25% 0 auto;
  overflow: hidden;
  text-align: center;
  z-index: 3; }
.dual-input-container input.error {
  color: #D01313; }
.dual-input-container input.dateinput {
  left: 34px;
  width: 8em;
  margin: 0px; }
.dual-input-container input.timeinput {
  font-style: italic;
  width: 5em;
  margin: 0px;
  left: 39px; }
p.dual-entry-text {
  position: absolute;
  left: 0;
  right: 0;
  line-height: 0px;
  display: inline;
  font-family: 'Inconsolata', monospace;
  font-size: 9px;
  text-align: center; }
.dual-entry-text.hide {
  display: none; }
.dual-input-container .buttonHeader.focusOn {
  background-color: #FBEFFF; }
.errorButton,
.errorButton .buttonHeader {
  border-color: #D01313; }
.errorButton .buttonHeader {
  background-color: #FF6767; }
.EquipmentType .ladda-button,
.EquipmentType .buttonHeader {
  border-color: #999999; }
.EquipmentType .buttonHeader {
  background-color: #EFEFEF; }
.MicrotiterPlateType .ladda-button,
.MicrotiterPlateType .buttonHeader {
  border-color: #5BB033; }
.MicrotiterPlateType .buttonHeader {
  background-color: #A3E385; }
.problemButton,
.problemButton .buttonHeader {
  border-color: #B4C63D; }
.problemButton .buttonHeader {
  background-color: #EDFA97; }
.rackButton,
.rackButton .buttonHeader {
  border-color: #9E579E; }
.rackButton .buttonHeader {
  background-color: #DFBCDF; }
.ReagentType .ladda-button,
.ReagentType .buttonHeader {
  border-color: #F98200; }
.ReagentType .buttonHeader {
  background-color: #FFB361; }
.parent-pool-container .ladda-button {
  margin-bottom: 6px; }
.parent-pool-container .ladda-button:last-child {
  margin-bottom: 0; }
.transfer-poolingTube,
.transfer-poolingTube .buttonHeader {
  border-color: #73C5E1;
  border-style: dashed; }
.transfer-poolingTube.nextExpected {
  border-color: #5BB033; }
.transfer-poolingTube .buttonHeader {
  background-color: #D7F3FC; }
.annotations.filled {
  border-bottom: 2px solid;
  border-color: inherit;
  padding: 0px 17px 17px 17px;
  margin: 0px -17px 17px -17px;
   }
.fileButton .buttonDropdown {
  color: black; }
.nextArrowNav {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 13px;
  top: calc(50% - 11.5px); }
#navigationMenu {
  float: left;
  left: 17%;
  margin-left: 40px;
  
  position: absolute;
  top: 8px;
  z-index: 99;
  zoom: 1;
   }
#navMenuList {
  background: #FFFFFF;
  border: 2px solid #4EADCC;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  display: none;
  left: 0;
  position: absolute;
  text-align: left;
  top: 32px;
  margin-left: 30px;
  white-space: nowrap;
  z-index: 99; }
  #popupdiv #navMenuList {
    background: none;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    display: block;
    left: auto;
    position: relative;
    top: auto;
    white-space: normal; }
#navMenuList .navMenuListInner {
  max-height: 550px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 25px;
  margin: 8px 0 15px;
   }
#navMenuList .navigation-button-container {
  padding-top: 8px;
  width: 275px; }
#navMenuList .ladda-button.navigation-button {
  height: 35px;
  min-height: 35px; }
#navMenuList .ladda-button.navigation-button .buttonHeader {
  height: 31px; }
#navMenuList .navigation-button-container .noAccess .buttonHeader {
  background-size: auto 35px; }
#navMenuList .buttonHeader::before {
  height: 17px;
  left: 11px;
  top: 7px;
  width: 17px; }
#navMenuList .navigation-button-container p {
  left: 41px;
  line-height: 1.2;
  overflow: hidden;
  width: calc(100% - 110px);
   }
#navMenuList .navigation-button-container .buttonDropdown p {
  width: auto; }
.navigation-button-container.noselect p.navFillWidth {
  padding-top: 1px; }
.navigation-button-container p.navFillWidth {
  width: calc(100% - 80px); }
.navigation-button-container .leaf p.navFillWidth {
  width: calc(100% - 110px); }
.problemTreeListInner .scan-container {
  padding: 0px; }
#navigation-menu-buttons {
  margin: 10px auto 30px;
  width: 70%; }
.navigation-button {
  background-color: #999999;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #444444;
  font-size: 16px;
  height: 47px;
  text-align: center;
  width: 45%; }
.navigation-button[disabled],
.navigation-button[disabled]:hover {
  background-color: #EFEFEF;
  border: 1px solid #DDDDDD;
  color: #CCCCCC;
  font-style: italic; }
button.navigation-button {
  margin: 10px; }
.problem-action {
  z-index: 5;
  bottom: 25px;
  left: 20px;
  top: 0px; }
.deemphasize {
  opacity: .75; }
.button-section.navigation-button-container {
  margin-top: 10px;
  
  position: relative;
  width: 480px;
   }
  #navMenuList .button-section.navigation-button-container {
    width: 408px;
    margin-top: 0px; }
    #popupdiv #navMenuList .button-section.navigation-button-container {
      width: auto; }
.resolved .button-section.problem p {
  text-decoration: line-through; }
.navigation-button-container li:before {
  content: znone; }
.navigation-button-container .ladda-button {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #FFFFFF;
  cursor: default;
  margin-bottom: 0;
  width: 100%; }
.navigation-button-container .buttonHeader {
  background-color: #999999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }
.navigation-button-container .noAccess .buttonHeader {
  background-image: url("../images/itemlock.png");
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: auto 50px; }
[name=nav-children] {
  margin: 0 -30px; }
  #popupdiv [name=nav-children] {
    margin: 0 auto; }
.navigation-button-container p {
  font-size: 16px;
  font-weight: bold;
  max-height: 36px;
  
  left: 45px;
  margin: 0;
  text-align: left;
  text-overflow: ellipsis;
  width: calc(100% - 205px);
   }
.navigation-button-container .nav-stats-container {
  height: 41px;
  position: absolute;
  right: 20px;
  top: 0px;
  width: 130px; }
  #navMenuList .navigation-button-container .nav-stats-container {
    height: 31px;
    width: 109px; }
.nav-prop-expander {
  top: 5px;
  cursor: pointer;
  height: 32px;
  width: 32px;
  position: absolute;
  right: 11px;
  z-index: 1; }
.menu-button1 + [name=nav-children] > .navigation-button-container::before,
.menu-button1 ~ [name=nav-properties] > .navigation-button-container::before {
  background-color: #727272;
  content: "";
  height: 25px;
  position: absolute;
  left: 48px;
  top: 0;
  width: 10px; }
.menu-button1.flat-menu-gizmo-item + [name=nav-children] > .navigation-button-container::before,
.menu-button1.flat-menu-gizmo-item ~ [name=nav-properties] > .navigation-button-container::before {
  top: -10px;
  left: 53px; }
.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before,
.menu-button1 + [name=nav-proties] .menu-button2 + [name=nav-menu] > .navigation-button-container::before {
  background: #727272;
  
  background: -moz-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #727272), color-stop(10%, #727272), color-stop(10%, #727272), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #727272), color-stop(35%, #727272), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#ffffff',GradientType=1 );
  
  content: "";
  height: 25px;
  position: absolute;
  left: 48px;
  top: 0;
  width: 100px; }
.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before,
.menu-button1 + [name=nav-children] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #727272;
  
  background: -moz-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #727272), color-stop(10%, #727272), color-stop(10%, #727272), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #727272), color-stop(35%, #727272), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #727272), color-stop(60%, #727272), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#ffffff',GradientType=1 );
  
  content: "";
  height: 25px;
  position: absolute;
  left: 48px;
  top: 0;
  width: 100px; }
.home-nav-ctn .menu-button1 + [name=nav-children] > .navigation-button-container::before,
.home-nav-ctn .menu-button1 ~ [name=nav-properties] > .navigation-button-container::before,
.home-nav-ctn .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before,
.home-nav-ctn .menu-button1 + [name=nav-proties] .menu-button2 + [name=nav-menu] > .navigation-button-container::before,
.home-nav-ctn .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before,
.home-nav-ctn .menu-button1 + [name=nav-children] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  top: -10px; }
#navMenuList .navigation-button-container .menu-button1 + [name=nav-children] > .navigation-button-container::before,
#navMenuList .navigation-button-container .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before,
#navMenuList .navigation-button-container .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before,
#navMenuList .navigation-button-container .menu-button1 ~ [name=nav-properties] > .navigation-button-container::before,
#navMenuList .navigation-button-container .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before,
#navMenuList .navigation-button-container .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  left: 45px; }
.button-section [name=nav-properties] {
  border: 2px solid #999999;
  border-radius: 10px;
  margin-top: 11px; }
.button-section [name=nav-properties]::before {
  background-color: #727272;
  content: "";
  height: 14px;
  position: absolute;
  left: 45px;
  top: 46px;
  width: 10px; }
.login-dialog .button-section [name=nav-properties]::before {
  background-color: #727272;
  content: "";
  height: 14px;
  position: absolute;
  left: 48px;
  top: 55px;
  width: 10px; }
.navigation-button .navigation-button.menu-button1,
.navigation-button .navigation-button.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #999999; }
.navigation-button .navigation-button.menu-button2,
.navigation-button .navigation-button.menu-button2 .buttonHeader {
  background-color: #EFEFEF;
  border-color: #BEBEBE; }
.navigation-button .navigation-button.menu-button3,
.navigation-button .navigation-button.menu-button3 .buttonHeader {
  background-color: #BEBEBE;
  border-color: #999999; }
.navigation-button .dialog {
  background-color: #EFEFEF;
  border-color: #999999;
  color: #444444; }
  .navigation-button .dialog tbody > tr:nth-child(odd) > td {
    background-color: #FFFFFF; }
.navigation-button-container .navigation-button.menu-button1 {
  color: rgba(51, 51, 51, 0.85); }
.navigation-button-container.ltblue .navigation-button.menu-button2 p,
.navigation-button-container.ltblue .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.ltgreen .navigation-button.menu-button2 p,
.navigation-button-container.ltgreen .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.ltblue .navigation-button.menu-button2 p,
.navigation-button-container.ltblue .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.grey .navigation-button.menu-button2 p,
.navigation-button-container.grey .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.purple .navigation-button.menu-button2 p,
.navigation-button-container.purple .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.green .navigation-button.menu-button2 p,
.navigation-button-container.green .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.ltgreen .navigation-button.menu-button2 p,
.navigation-button-container.ltgreen .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.dkgreen .navigation-button.menu-button2 p,
.navigation-button-container.dkgreen .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.yellow .navigation-button.menu-button2 p,
.navigation-button-container.yellow .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.dkyellow .navigation-button.menu-button2 p,
.navigation-button-container.dkyellow .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.dkyellow2 .navigation-button.menu-button2 p,
.navigation-button-container.dkyellow2 .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.ltyellow .navigation-button.menu-button2 p,
.navigation-button-container.ltyellow .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container.orange .navigation-button.menu-button2 p,
.navigation-button-container.orange .navigation-button.menu-button3 p {
  color: black; }
.navigation-button-container .buttonHeader::before {
  
  content: "";
  height: 23px;
  left: 13px;
  position: absolute;
  top: 10px;
  width: 23px; }
  #navMenuList .navigation-button-container .buttonHeader::before {
    background-position: center 2px; }
.navigation-button-container .menu-button1 .buttonHeader::before,
.navigation-button-container .menu-button2 .buttonHeader::before,
.navigation-button-container .menu-button3 .buttonHeader::before {
  background-image: none;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%; }
.leaf-outer-circle {
  background: white;
  width: 59px;
  height: 59px;
  border-radius: 100%;
  position: absolute;
  left: -8px;
  top: -8px;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-in-out; }
.leaf-inner-circle {
  border: solid 3px #999999;
  width: 43px;
  height: 43px;
  border-radius: 30px;
  position: absolute;
  left: 5px;
  top: 5px;
  overflow: hidden;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-in-out; }
#navMenuList .leaf-outer-circle {
  width: 46px;
  height: 46px;
  left: -5px;
  top: -7px; }
#navMenuList .leaf-inner-circle {
  width: 32px;
  height: 32px;
  border-radius: 30px;
  position: absolute;
  left: 4px;
  top: 4px; }
.star-svg svg {
  height: 31px;
  width: 31px;
  position: relative;
  top: 5px; }
.leaf-inner-circle .file-svg {
  width: 35px;
  margin: 4px; }
#navMenuList .star-svg svg {
  height: 24px;
  width: 24px;
  top: 3px;
  left: -5px; }
.star-svg path {
  fill: grey;
  stroke-width: 15px; }
.home-screen .buttonHeader.leaf p {
  left: 57px; }
#navMenuList .icon-svg {
  height: 42px;
  width: 42px;
  left: -5px;
  top: -6px; }
.close-icon.leaf-outer-circle {
  transform: scale(0, 0);
  left: -60px; }
.close-icon .leaf-inner-circle {
  transform: rotate(-180deg); }
#navMenuList .close-icon.leaf-outer-circle {
  left: -50px; }
#navMenuList .close-icon .leaf-inner-circle {
  left: 21px;
  top: 19px; }
#navMenuList .navigation-button-container .buttonHeader.leaf p {
  left: 45px; }
.icon-svg path {
  fill: #EFEFEF;
  stroke: #BEBEBE; }
.navigation-button-container .leaf-inner-circle {
  border-color: #999999; }
.navigation-button-container .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button-container.grey .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #727272; }
.navigation-button-container.grey .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #727272;
  
  background: -moz-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #727272), color-stop(10%, #727272), color-stop(10%, #727272), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #727272), color-stop(35%, #727272), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.grey .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #727272;
  
  background: -moz-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #727272), color-stop(10%, #727272), color-stop(10%, #727272), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #727272), color-stop(35%, #727272), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #727272), color-stop(60%, #727272), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.grey .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #727272;
  
  background: -moz-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #727272), color-stop(10%, #727272), color-stop(10%, #727272), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #727272), color-stop(35%, #727272), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.grey .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #727272;
  
  background: -moz-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #727272), color-stop(10%, #727272), color-stop(10%, #727272), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #727272), color-stop(35%, #727272), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #727272), color-stop(60%, #727272), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.grey [name=nav-properties] {
  border-color: #999999; }
.navigation-button-container.grey [name=nav-properties]::before {
  background-color: #999999; }
.navigation-button-container.grey [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.red .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #A90404; }
.navigation-button-container.red .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #A90404;
  
  background: -moz-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A90404), color-stop(10%, #A90404), color-stop(10%, #A90404), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #A90404), color-stop(35%, #A90404), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A90404', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.red .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #A90404;
  
  background: -moz-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A90404), color-stop(10%, #A90404), color-stop(10%, #A90404), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #A90404), color-stop(35%, #A90404), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #A90404), color-stop(60%, #A90404), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A90404', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.red .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #A90404;
  
  background: -moz-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A90404), color-stop(10%, #A90404), color-stop(10%, #A90404), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #A90404), color-stop(35%, #A90404), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A90404', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.red .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #A90404;
  
  background: -moz-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A90404), color-stop(10%, #A90404), color-stop(10%, #A90404), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #A90404), color-stop(35%, #A90404), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #A90404), color-stop(60%, #A90404), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A90404', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.red [name=nav-properties] {
  border-color: #D01313; }
.navigation-button-container.red [name=nav-properties]::before {
  background-color: #D01313; }
.navigation-button-container.red [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.dkred .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #810000; }
.navigation-button-container.dkred .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #810000;
  
  background: -moz-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #810000), color-stop(10%, #810000), color-stop(10%, #810000), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #810000), color-stop(35%, #810000), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#810000', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkred .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #810000;
  
  background: -moz-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #810000), color-stop(10%, #810000), color-stop(10%, #810000), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #810000), color-stop(35%, #810000), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #810000), color-stop(60%, #810000), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#810000', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkred .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #810000;
  
  background: -moz-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #810000), color-stop(10%, #810000), color-stop(10%, #810000), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #810000), color-stop(35%, #810000), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#810000', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkred .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #810000;
  
  background: -moz-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #810000), color-stop(10%, #810000), color-stop(10%, #810000), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #810000), color-stop(35%, #810000), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #810000), color-stop(60%, #810000), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#810000', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkred [name=nav-properties] {
  border-color: #A90404; }
.navigation-button-container.dkred [name=nav-properties]::before {
  background-color: #A90404; }
.navigation-button-container.dkred [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.orange .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #C36500; }
.navigation-button-container.orange .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #C36500;
  
  background: -moz-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C36500), color-stop(10%, #C36500), color-stop(10%, #C36500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C36500), color-stop(35%, #C36500), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C36500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.orange .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #C36500;
  
  background: -moz-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C36500), color-stop(10%, #C36500), color-stop(10%, #C36500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C36500), color-stop(35%, #C36500), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #C36500), color-stop(60%, #C36500), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C36500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.orange .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #C36500;
  
  background: -moz-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C36500), color-stop(10%, #C36500), color-stop(10%, #C36500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C36500), color-stop(35%, #C36500), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C36500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.orange .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #C36500;
  
  background: -moz-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C36500), color-stop(10%, #C36500), color-stop(10%, #C36500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C36500), color-stop(35%, #C36500), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #C36500), color-stop(60%, #C36500), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C36500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.orange [name=nav-properties] {
  border-color: #F98200; }
.navigation-button-container.orange [name=nav-properties]::before {
  background-color: #F98200; }
.navigation-button-container.orange [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.yellow .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #C69600; }
.navigation-button-container.yellow .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #C69600;
  
  background: -moz-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C69600), color-stop(10%, #C69600), color-stop(10%, #C69600), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C69600), color-stop(35%, #C69600), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C69600', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.yellow .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #C69600;
  
  background: -moz-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C69600), color-stop(10%, #C69600), color-stop(10%, #C69600), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C69600), color-stop(35%, #C69600), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #C69600), color-stop(60%, #C69600), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C69600', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.yellow .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #C69600;
  
  background: -moz-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C69600), color-stop(10%, #C69600), color-stop(10%, #C69600), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C69600), color-stop(35%, #C69600), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C69600', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.yellow .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #C69600;
  
  background: -moz-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C69600), color-stop(10%, #C69600), color-stop(10%, #C69600), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C69600), color-stop(35%, #C69600), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #C69600), color-stop(60%, #C69600), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C69600', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.yellow [name=nav-properties] {
  border-color: #FFC200; }
.navigation-button-container.yellow [name=nav-properties]::before {
  background-color: #FFC200; }
.navigation-button-container.yellow [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.dkyellow2 .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #d9a500; }
.navigation-button-container.dkyellow2 .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #d9a500;
  
  background: -moz-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #d9a500), color-stop(35%, #d9a500), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkyellow2 .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #d9a500;
  
  background: -moz-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #d9a500), color-stop(35%, #d9a500), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #d9a500), color-stop(60%, #d9a500), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkyellow2 .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #d9a500;
  
  background: -moz-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #d9a500), color-stop(35%, #d9a500), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkyellow2 .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #d9a500;
  
  background: -moz-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #d9a500), color-stop(35%, #d9a500), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #d9a500), color-stop(60%, #d9a500), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkyellow2 [name=nav-properties] {
  border-color: #ffc200; }
.navigation-button-container.dkyellow2 [name=nav-properties]::before {
  background-color: #ffc200; }
.navigation-button-container.dkyellow2 [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.brown .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #542B00; }
.navigation-button-container.brown .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #542B00;
  
  background: -moz-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #542B00), color-stop(10%, #542B00), color-stop(10%, #542B00), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #542B00), color-stop(35%, #542B00), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#542B00', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.brown .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #542B00;
  
  background: -moz-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #542B00 50%, #542B00 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #542B00), color-stop(10%, #542B00), color-stop(10%, #542B00), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #542B00), color-stop(35%, #542B00), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #542B00), color-stop(60%, #542B00), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #542B00 50%, #542B00 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #542B00 50%, #542B00 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #542B00 50%, #542B00 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #542B00 50%, #542B00 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#542B00', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.brown .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #542B00;
  
  background: -moz-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #542B00), color-stop(10%, #542B00), color-stop(10%, #542B00), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #542B00), color-stop(35%, #542B00), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#542B00', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.brown .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #542B00;
  
  background: -moz-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #542B00 50%, #542B00 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #542B00), color-stop(10%, #542B00), color-stop(10%, #542B00), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #542B00), color-stop(35%, #542B00), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #542B00), color-stop(60%, #542B00), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #542B00 50%, #542B00 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #542B00 50%, #542B00 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #542B00 50%, #542B00 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #542B00 0%, #542B00 10%, #542B00 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #542B00 25%, #542B00 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #542B00 50%, #542B00 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#542B00', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.brown [name=nav-properties] {
  border-color: #7A3F00; }
.navigation-button-container.brown [name=nav-properties]::before {
  background-color: #7A3F00; }
.navigation-button-container.brown [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.ltgreen .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #96A720; }
.navigation-button-container.ltgreen .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #96A720;
  
  background: -moz-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #96A720), color-stop(10%, #96A720), color-stop(10%, #96A720), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #96A720), color-stop(35%, #96A720), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96A720', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.ltgreen .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #96A720;
  
  background: -moz-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #96A720), color-stop(10%, #96A720), color-stop(10%, #96A720), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #96A720), color-stop(35%, #96A720), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #96A720), color-stop(60%, #96A720), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96A720', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.ltgreen .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #96A720;
  
  background: -moz-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #96A720), color-stop(10%, #96A720), color-stop(10%, #96A720), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #96A720), color-stop(35%, #96A720), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96A720', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.ltgreen .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #96A720;
  
  background: -moz-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #96A720), color-stop(10%, #96A720), color-stop(10%, #96A720), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #96A720), color-stop(35%, #96A720), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #96A720), color-stop(60%, #96A720), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96A720', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.ltgreen [name=nav-properties] {
  border-color: #B4C63D; }
.navigation-button-container.ltgreen [name=nav-properties]::before {
  background-color: #B4C63D; }
.navigation-button-container.ltgreen [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.green .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #41941A; }
.navigation-button-container.green .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #41941A;
  
  background: -moz-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #41941A), color-stop(10%, #41941A), color-stop(10%, #41941A), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #41941A), color-stop(35%, #41941A), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41941A', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.green .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #41941A;
  
  background: -moz-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #41941A), color-stop(10%, #41941A), color-stop(10%, #41941A), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #41941A), color-stop(35%, #41941A), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #41941A), color-stop(60%, #41941A), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41941A', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.green .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #41941A;
  
  background: -moz-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #41941A), color-stop(10%, #41941A), color-stop(10%, #41941A), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #41941A), color-stop(35%, #41941A), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41941A', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.green .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #41941A;
  
  background: -moz-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #41941A), color-stop(10%, #41941A), color-stop(10%, #41941A), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #41941A), color-stop(35%, #41941A), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #41941A), color-stop(60%, #41941A), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41941A', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.green [name=nav-properties] {
  border-color: #5BB033; }
.navigation-button-container.green [name=nav-properties]::before {
  background-color: #5BB033; }
.navigation-button-container.green [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.dkgreen .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #287204; }
.navigation-button-container.dkgreen .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #287204;
  
  background: -moz-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #287204), color-stop(10%, #287204), color-stop(10%, #287204), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #287204), color-stop(35%, #287204), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287204', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkgreen .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #287204;
  
  background: -moz-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #287204), color-stop(10%, #287204), color-stop(10%, #287204), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #287204), color-stop(35%, #287204), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #287204), color-stop(60%, #287204), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287204', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkgreen .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #287204;
  
  background: -moz-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #287204), color-stop(10%, #287204), color-stop(10%, #287204), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #287204), color-stop(35%, #287204), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287204', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkgreen .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #287204;
  
  background: -moz-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #287204), color-stop(10%, #287204), color-stop(10%, #287204), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #287204), color-stop(35%, #287204), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #287204), color-stop(60%, #287204), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287204', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkgreen [name=nav-properties] {
  border-color: #41941A; }
.navigation-button-container.dkgreen [name=nav-properties]::before {
  background-color: #41941A; }
.navigation-button-container.dkgreen [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.ltblue .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #4EADCC; }
.navigation-button-container.ltblue .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #4EADCC;
  
  background: -moz-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #4EADCC), color-stop(35%, #4EADCC), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4EADCC', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.ltblue .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #4EADCC;
  
  background: -moz-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #4EADCC), color-stop(35%, #4EADCC), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #4EADCC), color-stop(60%, #4EADCC), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4EADCC', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.ltblue .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #4EADCC;
  
  background: -moz-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #4EADCC), color-stop(35%, #4EADCC), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4EADCC', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.ltblue .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #4EADCC;
  
  background: -moz-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #4EADCC), color-stop(35%, #4EADCC), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #4EADCC), color-stop(60%, #4EADCC), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4EADCC', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.ltblue [name=nav-properties] {
  border-color: #73C5E1; }
.navigation-button-container.ltblue [name=nav-properties]::before {
  background-color: #73C5E1; }
.navigation-button-container.ltblue [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.blue .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #0966AE; }
.navigation-button-container.blue .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #0966AE;
  
  background: -moz-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #0966AE), color-stop(35%, #0966AE), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0966AE', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.blue .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #0966AE;
  
  background: -moz-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #0966AE), color-stop(35%, #0966AE), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #0966AE), color-stop(60%, #0966AE), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0966AE', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.blue .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #0966AE;
  
  background: -moz-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #0966AE), color-stop(35%, #0966AE), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0966AE', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.blue .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #0966AE;
  
  background: -moz-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #0966AE), color-stop(35%, #0966AE), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #0966AE), color-stop(60%, #0966AE), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0966AE', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.blue [name=nav-properties] {
  border-color: #257DBE; }
.navigation-button-container.blue [name=nav-properties]::before {
  background-color: #257DBE; }
.navigation-button-container.blue [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.dkblue .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #1D3478; }
.navigation-button-container.dkblue .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #1D3478;
  
  background: -moz-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #1D3478), color-stop(35%, #1D3478), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D3478', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkblue .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #1D3478;
  
  background: -moz-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #1D3478), color-stop(35%, #1D3478), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #1D3478), color-stop(60%, #1D3478), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D3478', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkblue .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #1D3478;
  
  background: -moz-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #1D3478), color-stop(35%, #1D3478), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D3478', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkblue .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #1D3478;
  
  background: -moz-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #1D3478), color-stop(35%, #1D3478), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #1D3478), color-stop(60%, #1D3478), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D3478', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.dkblue [name=nav-properties] {
  border-color: #314890; }
.navigation-button-container.dkblue [name=nav-properties]::before {
  background-color: #314890; }
.navigation-button-container.dkblue [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.purple .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #843584; }
.navigation-button-container.purple .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #843584;
  
  background: -moz-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #843584), color-stop(10%, #843584), color-stop(10%, #843584), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #843584), color-stop(35%, #843584), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#843584', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.purple .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #843584;
  
  background: -moz-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #843584), color-stop(10%, #843584), color-stop(10%, #843584), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #843584), color-stop(35%, #843584), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #843584), color-stop(60%, #843584), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#843584', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.purple .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #843584;
  
  background: -moz-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #843584), color-stop(10%, #843584), color-stop(10%, #843584), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #843584), color-stop(35%, #843584), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#843584', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.purple .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #843584;
  
  background: -moz-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #843584), color-stop(10%, #843584), color-stop(10%, #843584), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #843584), color-stop(35%, #843584), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #843584), color-stop(60%, #843584), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#843584', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.purple [name=nav-properties] {
  border-color: #9E579E; }
.navigation-button-container.purple [name=nav-properties]::before {
  background-color: #9E579E; }
.navigation-button-container.purple [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button-container.pink .menu-button1 + [name=nav-children] > .navigation-button-container::before {
  background-color: #E14388; }
.navigation-button-container.pink .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button-container::before {
  background: #E14388;
  
  background: -moz-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E14388), color-stop(10%, #E14388), color-stop(10%, #E14388), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E14388), color-stop(35%, #E14388), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E14388', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.pink .menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button-container::before {
  background: #E14388;
  
  background: -moz-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E14388), color-stop(10%, #E14388), color-stop(10%, #E14388), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E14388), color-stop(35%, #E14388), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #E14388), color-stop(60%, #E14388), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E14388', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.pink .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #E14388;
  
  background: -moz-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E14388), color-stop(10%, #E14388), color-stop(10%, #E14388), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E14388), color-stop(35%, #E14388), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E14388', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.pink .menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button-container::before {
  background: #E14388;
  
  background: -moz-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E14388), color-stop(10%, #E14388), color-stop(10%, #E14388), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E14388), color-stop(35%, #E14388), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #E14388), color-stop(60%, #E14388), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E14388', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button-container.pink [name=nav-properties] {
  border-color: #EB64A0; }
.navigation-button-container.pink [name=nav-properties]::before {
  background-color: #EB64A0; }
.navigation-button-container.pink [name=nav-properties].transparent::before {
  background-color: transparent; }
.navigation-button.grey {
  background-color: #999999; }
.navigation-button[disabled].grey,
.navigation-button[disabled].grey:hover {
  background-color: #EFEFEF;
  border: 1px solid #BEBEBE; }
.navigation-button.grey .nextArrowNav {
  fill: #999999; }
.navigation-button.grey .navigation-button.menu-button2 .nextArrowNav {
  fill: #999999; }
.navigation-button.grey .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.grey .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.grey .buttonHeader::before {
  background-color: #999999; }
.navigation-button.grey .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.grey .leaf-inner-circle {
  border-color: #999999; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.grey .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.grey .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.grey.menu-button1,
.navigation-button.grey.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #999999; }
.navigation-button.grey.menu-button2,
.navigation-button.grey.menu-button2 .buttonHeader {
  background-color: #EFEFEF;
  border-color: #BEBEBE; }
.navigation-button.grey.menu-button3,
.navigation-button.grey.menu-button3 .buttonHeader {
  background-color: #BEBEBE;
  border-color: #999999; }
.navigation-button.grey,
.navigation-button.grey .buttonHeader {
  background-color: #999999;
  border-color: #727272; }
.grey .dialog-container {
  background-color: #F3F3F3;
  border-color: #999999;
  color: #444444; }
.navigation-button.grey .icon-svg path {
  fill: #EFEFEF;
  stroke: #BEBEBE; }
.navigation-button.grey .file-svg .file-background {
  fill: #EFEFEF; }
.navigation-button.grey .file-svg .file-border {
  fill: #BEBEBE; }
.navigation-button.grey .file-svg line {
  stroke: #BEBEBE; }
.navigation-button.grey.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #727272; }
.navigation-button.grey.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #727272;
  
  background: -moz-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #727272), color-stop(10%, #727272), color-stop(10%, #727272), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #727272), color-stop(35%, #727272), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.grey.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #727272;
  
  background: -moz-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #727272), color-stop(10%, #727272), color-stop(10%, #727272), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #727272), color-stop(35%, #727272), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #727272), color-stop(60%, #727272), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.grey.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #727272;
  
  background: -moz-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #727272), color-stop(10%, #727272), color-stop(10%, #727272), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #727272), color-stop(35%, #727272), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.grey.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #727272;
  
  background: -moz-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #727272), color-stop(10%, #727272), color-stop(10%, #727272), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #727272), color-stop(35%, #727272), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #727272), color-stop(60%, #727272), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #727272 0%, #727272 10%, #727272 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #727272 25%, #727272 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #727272 50%, #727272 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.grey [name=nav-properties] {
  border-color: #999999; }
.navigation-button.grey [name=nav-properties]::before {
  background-color: #999999; }
.navigation-button.grey .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.grey .buttonHeader {
  background-color: #999999;
  border-color: #727272; }
.fileButton.grey {
  border-color: #727272; }
.navigation-button.red {
  background-color: #D01313; }
.navigation-button[disabled].red,
.navigation-button[disabled].red:hover {
  background-color: #FF6767;
  border: 1px solid #EA3A3A; }
.navigation-button.red .nextArrowNav {
  fill: #D01313; }
.navigation-button.red .navigation-button.menu-button2 .nextArrowNav {
  fill: #D01313; }
.navigation-button.red .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.red .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.red .buttonHeader::before {
  background-color: #D01313; }
.navigation-button.red .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.red .leaf-inner-circle {
  border-color: #D01313; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.red .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.red .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.red.menu-button1,
.navigation-button.red.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #D01313; }
.navigation-button.red.menu-button2,
.navigation-button.red.menu-button2 .buttonHeader {
  background-color: #FF6767;
  border-color: #EA3A3A; }
.navigation-button.red.menu-button3,
.navigation-button.red.menu-button3 .buttonHeader {
  background-color: #EA3A3A;
  border-color: #D01313; }
.navigation-button.red,
.navigation-button.red .buttonHeader {
  background-color: #D01313;
  border-color: #A90404; }
.red .dialog-container {
  background-color: #FFE4E1;
  border-color: #D01313;
  color: #810000; }
.navigation-button.red .icon-svg path {
  fill: #FF6767;
  stroke: #EA3A3A; }
.navigation-button.red .file-svg .file-background {
  fill: #FF6767; }
.navigation-button.red .file-svg .file-border {
  fill: #EA3A3A; }
.navigation-button.red .file-svg line {
  stroke: #EA3A3A; }
.navigation-button.red.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #A90404; }
.navigation-button.red.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #A90404;
  
  background: -moz-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A90404), color-stop(10%, #A90404), color-stop(10%, #A90404), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #A90404), color-stop(35%, #A90404), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A90404', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.red.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #A90404;
  
  background: -moz-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A90404), color-stop(10%, #A90404), color-stop(10%, #A90404), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #A90404), color-stop(35%, #A90404), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #A90404), color-stop(60%, #A90404), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A90404', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.red.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #A90404;
  
  background: -moz-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A90404), color-stop(10%, #A90404), color-stop(10%, #A90404), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #A90404), color-stop(35%, #A90404), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A90404', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.red.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #A90404;
  
  background: -moz-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A90404), color-stop(10%, #A90404), color-stop(10%, #A90404), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #A90404), color-stop(35%, #A90404), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #A90404), color-stop(60%, #A90404), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #A90404 0%, #A90404 10%, #A90404 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #A90404 25%, #A90404 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #A90404 50%, #A90404 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A90404', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.red [name=nav-properties] {
  border-color: #D01313; }
.navigation-button.red [name=nav-properties]::before {
  background-color: #D01313; }
.navigation-button.red .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.red .buttonHeader {
  background-color: #D01313;
  border-color: #A90404; }
.fileButton.red {
  border-color: #A90404; }
.navigation-button.dkred {
  background-color: #A90404; }
.navigation-button[disabled].dkred,
.navigation-button[disabled].dkred:hover {
  background-color: #EA3A3A;
  border: 1px solid #D01313; }
.navigation-button.dkred .nextArrowNav {
  fill: #A90404; }
.navigation-button.dkred .navigation-button.menu-button2 .nextArrowNav {
  fill: #A90404; }
.navigation-button.dkred .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.dkred .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.dkred .buttonHeader::before {
  background-color: #A90404; }
.navigation-button.dkred .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.dkred .leaf-inner-circle {
  border-color: #A90404; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.dkred .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.dkred .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.dkred.menu-button1,
.navigation-button.dkred.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #A90404; }
.navigation-button.dkred.menu-button2,
.navigation-button.dkred.menu-button2 .buttonHeader {
  background-color: #EA3A3A;
  border-color: #D01313; }
.navigation-button.dkred.menu-button3,
.navigation-button.dkred.menu-button3 .buttonHeader {
  background-color: #D01313;
  border-color: #A90404; }
.navigation-button.dkred,
.navigation-button.dkred .buttonHeader {
  background-color: #A90404;
  border-color: #810000; }
.dkred .dialog-container {
  background-color: #FFE4E1;
  border-color: #A90404;
  color: #810000; }
.navigation-button.dkred .icon-svg path {
  fill: #EA3A3A;
  stroke: #D01313; }
.navigation-button.dkred .file-svg .file-background {
  fill: #EA3A3A; }
.navigation-button.dkred .file-svg .file-border {
  fill: #D01313; }
.navigation-button.dkred .file-svg line {
  stroke: #D01313; }
.navigation-button.dkred.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #810000; }
.navigation-button.dkred.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #810000;
  
  background: -moz-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #810000), color-stop(10%, #810000), color-stop(10%, #810000), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #810000), color-stop(35%, #810000), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#810000', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkred.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #810000;
  
  background: -moz-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #810000), color-stop(10%, #810000), color-stop(10%, #810000), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #810000), color-stop(35%, #810000), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #810000), color-stop(60%, #810000), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#810000', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkred.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #810000;
  
  background: -moz-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #810000), color-stop(10%, #810000), color-stop(10%, #810000), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #810000), color-stop(35%, #810000), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#810000', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkred.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #810000;
  
  background: -moz-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #810000), color-stop(10%, #810000), color-stop(10%, #810000), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #810000), color-stop(35%, #810000), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #810000), color-stop(60%, #810000), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #810000 0%, #810000 10%, #810000 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #810000 25%, #810000 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #810000 50%, #810000 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#810000', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkred [name=nav-properties] {
  border-color: #A90404; }
.navigation-button.dkred [name=nav-properties]::before {
  background-color: #A90404; }
.navigation-button.dkred .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.dkred .buttonHeader {
  background-color: #A90404;
  border-color: #810000; }
.fileButton.dkred {
  border-color: #810000; }
.navigation-button.orange {
  background-color: #F98200; }
.navigation-button[disabled].orange,
.navigation-button[disabled].orange:hover {
  background-color: #FFB361;
  border: 1px solid #FF9F37; }
.navigation-button.orange .nextArrowNav {
  fill: #F98200; }
.navigation-button.orange .navigation-button.menu-button2 .nextArrowNav {
  fill: #F98200; }
.navigation-button.orange .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.orange .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.orange .buttonHeader::before {
  background-color: #F98200; }
.navigation-button.orange .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.orange .leaf-inner-circle {
  border-color: #F98200; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.orange .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.orange .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.orange.menu-button1,
.navigation-button.orange.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #F98200; }
.navigation-button.orange.menu-button2,
.navigation-button.orange.menu-button2 .buttonHeader {
  background-color: #FFB361;
  border-color: #FF9F37; }
.navigation-button.orange.menu-button3,
.navigation-button.orange.menu-button3 .buttonHeader {
  background-color: #FF9F37;
  border-color: #F98200; }
.navigation-button.orange,
.navigation-button.orange .buttonHeader {
  background-color: #F98200;
  border-color: #C36500; }
.orange .dialog-container {
  background-color: #FFE0B2;
  border-color: #F98200;
  color: #995000; }
.navigation-button.orange .icon-svg path {
  fill: #FFB361;
  stroke: #FF9F37; }
.navigation-button.orange .file-svg .file-background {
  fill: #FFB361; }
.navigation-button.orange .file-svg .file-border {
  fill: #FF9F37; }
.navigation-button.orange .file-svg line {
  stroke: #FF9F37; }
.navigation-button.orange.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #C36500; }
.navigation-button.orange.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #C36500;
  
  background: -moz-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C36500), color-stop(10%, #C36500), color-stop(10%, #C36500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C36500), color-stop(35%, #C36500), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C36500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.orange.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #C36500;
  
  background: -moz-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C36500), color-stop(10%, #C36500), color-stop(10%, #C36500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C36500), color-stop(35%, #C36500), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #C36500), color-stop(60%, #C36500), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C36500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.orange.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #C36500;
  
  background: -moz-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C36500), color-stop(10%, #C36500), color-stop(10%, #C36500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C36500), color-stop(35%, #C36500), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C36500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.orange.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #C36500;
  
  background: -moz-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C36500), color-stop(10%, #C36500), color-stop(10%, #C36500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C36500), color-stop(35%, #C36500), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #C36500), color-stop(60%, #C36500), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #C36500 0%, #C36500 10%, #C36500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C36500 25%, #C36500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C36500 50%, #C36500 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C36500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.orange [name=nav-properties] {
  border-color: #F98200; }
.navigation-button.orange [name=nav-properties]::before {
  background-color: #F98200; }
.navigation-button.orange .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.orange .buttonHeader {
  background-color: #F98200;
  border-color: #C36500; }
.fileButton.orange {
  border-color: #C36500; }
.navigation-button.yellow {
  background-color: #FFC200; }
.navigation-button[disabled].yellow,
.navigation-button[disabled].yellow:hover {
  background-color: #FFDA64;
  border: 1px solid #FFD039; }
.navigation-button.yellow .nextArrowNav {
  fill: #FFC200; }
.navigation-button.yellow .navigation-button.menu-button2 .nextArrowNav {
  fill: #FFC200; }
.navigation-button.yellow .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.yellow .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.yellow .buttonHeader::before {
  background-color: #FFC200; }
.navigation-button.yellow .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.yellow .leaf-inner-circle {
  border-color: #FFC200; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.yellow .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.yellow .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.yellow.menu-button1,
.navigation-button.yellow.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #FFC200; }
.navigation-button.yellow.menu-button2,
.navigation-button.yellow.menu-button2 .buttonHeader {
  background-color: #FFDA64;
  border-color: #FFD039; }
.navigation-button.yellow.menu-button3,
.navigation-button.yellow.menu-button3 .buttonHeader {
  background-color: #FFD039;
  border-color: #FFC200; }
.navigation-button.yellow,
.navigation-button.yellow .buttonHeader {
  background-color: #FFC200;
  border-color: #C69600; }
.yellow .dialog-container {
  background-color: #FDF3C9;
  border-color: #FFC200;
  color: #9B7600; }
.navigation-button.yellow .icon-svg path {
  fill: #FFDA64;
  stroke: #FFD039; }
.navigation-button.yellow .file-svg .file-background {
  fill: #FFDA64; }
.navigation-button.yellow .file-svg .file-border {
  fill: #FFD039; }
.navigation-button.yellow .file-svg line {
  stroke: #FFD039; }
.navigation-button.yellow.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #C69600; }
.navigation-button.yellow.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #C69600;
  
  background: -moz-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C69600), color-stop(10%, #C69600), color-stop(10%, #C69600), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C69600), color-stop(35%, #C69600), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C69600', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.yellow.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #C69600;
  
  background: -moz-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C69600), color-stop(10%, #C69600), color-stop(10%, #C69600), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C69600), color-stop(35%, #C69600), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #C69600), color-stop(60%, #C69600), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C69600', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.yellow.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #C69600;
  
  background: -moz-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C69600), color-stop(10%, #C69600), color-stop(10%, #C69600), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C69600), color-stop(35%, #C69600), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C69600', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.yellow.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #C69600;
  
  background: -moz-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C69600), color-stop(10%, #C69600), color-stop(10%, #C69600), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #C69600), color-stop(35%, #C69600), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #C69600), color-stop(60%, #C69600), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #C69600 0%, #C69600 10%, #C69600 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #C69600 25%, #C69600 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #C69600 50%, #C69600 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C69600', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.yellow [name=nav-properties] {
  border-color: #FFC200; }
.navigation-button.yellow [name=nav-properties]::before {
  background-color: #FFC200; }
.navigation-button.yellow .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.yellow .buttonHeader {
  background-color: #FFC200;
  border-color: #C69600; }
.fileButton.yellow {
  border-color: #C69600; }
.navigation-button.dkyellow2 {
  background-color: #ffc200; }
.navigation-button[disabled].dkyellow2,
.navigation-button[disabled].dkyellow2:hover {
  background-color: #FFD039;
  border: 1px solid #FFC200; }
.navigation-button.dkyellow2 .nextArrowNav {
  fill: #ffc200; }
.navigation-button.dkyellow2 .navigation-button.menu-button2 .nextArrowNav {
  fill: #ffc200; }
.navigation-button.dkyellow2 .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.dkyellow2 .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.dkyellow2 .buttonHeader::before {
  background-color: #ffc200; }
.navigation-button.dkyellow2 .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.dkyellow2 .leaf-inner-circle {
  border-color: #ffc200; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.dkyellow2 .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.dkyellow2 .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.dkyellow2.menu-button1,
.navigation-button.dkyellow2.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #ffc200; }
.navigation-button.dkyellow2.menu-button2,
.navigation-button.dkyellow2.menu-button2 .buttonHeader {
  background-color: #FFD039;
  border-color: #FFC200; }
.navigation-button.dkyellow2.menu-button3,
.navigation-button.dkyellow2.menu-button3 .buttonHeader {
  background-color: #FFC200;
  border-color: #ffc200; }
.navigation-button.dkyellow2,
.navigation-button.dkyellow2 .buttonHeader {
  background-color: #ffc200;
  border-color: #d9a500; }
.dkyellow2 .dialog-container {
  background-color: #FDF3C9;
  border-color: #ffc200;
  color: #d9a500; }
.navigation-button.dkyellow2 .icon-svg path {
  fill: #FFD039;
  stroke: #FFC200; }
.navigation-button.dkyellow2 .file-svg .file-background {
  fill: #FFD039; }
.navigation-button.dkyellow2 .file-svg .file-border {
  fill: #FFC200; }
.navigation-button.dkyellow2 .file-svg line {
  stroke: #FFC200; }
.navigation-button.dkyellow2.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #d9a500; }
.navigation-button.dkyellow2.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #d9a500;
  
  background: -moz-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #d9a500), color-stop(35%, #d9a500), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkyellow2.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #d9a500;
  
  background: -moz-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #d9a500), color-stop(35%, #d9a500), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #d9a500), color-stop(60%, #d9a500), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkyellow2.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #d9a500;
  
  background: -moz-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #d9a500), color-stop(35%, #d9a500), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkyellow2.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #d9a500;
  
  background: -moz-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, #d9a500), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #d9a500), color-stop(35%, #d9a500), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #d9a500), color-stop(60%, #d9a500), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #d9a500 0%, #d9a500 10%, #d9a500 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #d9a500 25%, #d9a500 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #d9a500 50%, #d9a500 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a500', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkyellow2 [name=nav-properties] {
  border-color: #ffc200; }
.navigation-button.dkyellow2 [name=nav-properties]::before {
  background-color: #ffc200; }
.navigation-button.dkyellow2 .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.dkyellow2 .buttonHeader {
  background-color: #ffc200;
  border-color: #d9a500; }
.fileButton.dkyellow2 {
  border-color: #d9a500; }
.navigation-button.brown {
  background-color: #7A3F00; }
.navigation-button[disabled].brown,
.navigation-button[disabled].brown:hover {
  background-color: #C17C34;
  border: 1px solid #9D5B16; }
.navigation-button.brown .nextArrowNav {
  fill: #7A3F00; }
.navigation-button.brown .navigation-button.menu-button2 .nextArrowNav {
  fill: #7A3F00; }
.navigation-button.brown .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.brown .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.brown .buttonHeader::before {
  background-color: #7A3F00; }
.navigation-button.brown .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.brown .leaf-inner-circle {
  border-color: #7A3F00; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.brown .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.brown .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.brown.menu-button1,
.navigation-button.brown.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #7A3F00; }
.navigation-button.brown.menu-button2,
.navigation-button.brown.menu-button2 .buttonHeader {
  background-color: #C17C34;
  border-color: #9D5B16; }
.navigation-button.brown.menu-button3,
.navigation-button.brown.menu-button3 .buttonHeader {
  background-color: #9D5B16;
  border-color: #7A3F00; }
.navigation-button.brown,
.navigation-button.brown .buttonHeader {
  background-color: #7A3F00;
  border-color: #E5C698; }
.brown .dialog-container {
  background-color: #542B00;
  border-color: #7A3F00;
  color: #2E1700; }
.navigation-button.brown .icon-svg path {
  fill: #C17C34;
  stroke: #9D5B16; }
.navigation-button.brown .file-svg .file-background {
  fill: #C17C34; }
.navigation-button.brown .file-svg .file-border {
  fill: #9D5B16; }
.navigation-button.brown .file-svg line {
  stroke: #9D5B16; }
.navigation-button.brown.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #E5C698; }
.navigation-button.brown.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #E5C698;
  
  background: -moz-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E5C698), color-stop(10%, #E5C698), color-stop(10%, #E5C698), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E5C698), color-stop(35%, #E5C698), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5C698', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.brown.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #E5C698;
  
  background: -moz-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E5C698 50%, #E5C698 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E5C698), color-stop(10%, #E5C698), color-stop(10%, #E5C698), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E5C698), color-stop(35%, #E5C698), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #E5C698), color-stop(60%, #E5C698), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E5C698 50%, #E5C698 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E5C698 50%, #E5C698 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E5C698 50%, #E5C698 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E5C698 50%, #E5C698 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5C698', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.brown.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #E5C698;
  
  background: -moz-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E5C698), color-stop(10%, #E5C698), color-stop(10%, #E5C698), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E5C698), color-stop(35%, #E5C698), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5C698', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.brown.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #E5C698;
  
  background: -moz-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E5C698 50%, #E5C698 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E5C698), color-stop(10%, #E5C698), color-stop(10%, #E5C698), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E5C698), color-stop(35%, #E5C698), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #E5C698), color-stop(60%, #E5C698), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E5C698 50%, #E5C698 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E5C698 50%, #E5C698 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E5C698 50%, #E5C698 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #E5C698 0%, #E5C698 10%, #E5C698 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E5C698 25%, #E5C698 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E5C698 50%, #E5C698 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5C698', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.brown [name=nav-properties] {
  border-color: #7A3F00; }
.navigation-button.brown [name=nav-properties]::before {
  background-color: #7A3F00; }
.navigation-button.brown .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.brown .buttonHeader {
  background-color: #7A3F00;
  border-color: #E5C698; }
.fileButton.brown {
  border-color: #E5C698; }
.navigation-button.ltgreen {
  background-color: #B4C63D; }
.navigation-button[disabled].ltgreen,
.navigation-button[disabled].ltgreen:hover {
  background-color: #EDFA97;
  border: 1px solid #D5E565; }
.navigation-button.ltgreen .nextArrowNav {
  fill: #B4C63D; }
.navigation-button.ltgreen .navigation-button.menu-button2 .nextArrowNav {
  fill: #B4C63D; }
.navigation-button.ltgreen .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.ltgreen .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.ltgreen .buttonHeader::before {
  background-color: #B4C63D; }
.navigation-button.ltgreen .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.ltgreen .leaf-inner-circle {
  border-color: #B4C63D; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.ltgreen .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.ltgreen .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.ltgreen.menu-button1,
.navigation-button.ltgreen.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #B4C63D; }
.navigation-button.ltgreen.menu-button2,
.navigation-button.ltgreen.menu-button2 .buttonHeader {
  background-color: #EDFA97;
  border-color: #D5E565; }
.navigation-button.ltgreen.menu-button3,
.navigation-button.ltgreen.menu-button3 .buttonHeader {
  background-color: #D5E565;
  border-color: #B4C63D; }
.navigation-button.ltgreen,
.navigation-button.ltgreen .buttonHeader {
  background-color: #B4C63D;
  border-color: #96A720; }
.ltgreen .dialog-container {
  background-color: #FBFFDF;
  border-color: #B4C63D;
  color: #728207; }
.navigation-button.ltgreen .icon-svg path {
  fill: #EDFA97;
  stroke: #D5E565; }
.navigation-button.ltgreen .file-svg .file-background {
  fill: #EDFA97; }
.navigation-button.ltgreen .file-svg .file-border {
  fill: #D5E565; }
.navigation-button.ltgreen .file-svg line {
  stroke: #D5E565; }
.navigation-button.ltgreen.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #96A720; }
.navigation-button.ltgreen.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #96A720;
  
  background: -moz-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #96A720), color-stop(10%, #96A720), color-stop(10%, #96A720), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #96A720), color-stop(35%, #96A720), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96A720', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.ltgreen.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #96A720;
  
  background: -moz-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #96A720), color-stop(10%, #96A720), color-stop(10%, #96A720), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #96A720), color-stop(35%, #96A720), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #96A720), color-stop(60%, #96A720), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96A720', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.ltgreen.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #96A720;
  
  background: -moz-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #96A720), color-stop(10%, #96A720), color-stop(10%, #96A720), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #96A720), color-stop(35%, #96A720), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96A720', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.ltgreen.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #96A720;
  
  background: -moz-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #96A720), color-stop(10%, #96A720), color-stop(10%, #96A720), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #96A720), color-stop(35%, #96A720), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #96A720), color-stop(60%, #96A720), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #96A720 0%, #96A720 10%, #96A720 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #96A720 25%, #96A720 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #96A720 50%, #96A720 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96A720', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.ltgreen [name=nav-properties] {
  border-color: #B4C63D; }
.navigation-button.ltgreen [name=nav-properties]::before {
  background-color: #B4C63D; }
.navigation-button.ltgreen .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.ltgreen .buttonHeader {
  background-color: #B4C63D;
  border-color: #96A720; }
.fileButton.ltgreen {
  border-color: #96A720; }
.navigation-button.green {
  background-color: #5BB033; }
.navigation-button[disabled].green,
.navigation-button[disabled].green:hover {
  background-color: #A3E385;
  border: 1px solid #7BCA55; }
.navigation-button.green .nextArrowNav {
  fill: #5BB033; }
.navigation-button.green .navigation-button.menu-button2 .nextArrowNav {
  fill: #5BB033; }
.navigation-button.green .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.green .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.green .buttonHeader::before {
  background-color: #5BB033; }
.navigation-button.green .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.green .leaf-inner-circle {
  border-color: #5BB033; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.green .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.green .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.green.menu-button1,
.navigation-button.green.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #5BB033; }
.navigation-button.green.menu-button2,
.navigation-button.green.menu-button2 .buttonHeader {
  background-color: #A3E385;
  border-color: #7BCA55; }
.navigation-button.green.menu-button3,
.navigation-button.green.menu-button3 .buttonHeader {
  background-color: #7BCA55;
  border-color: #5BB033; }
.navigation-button.green,
.navigation-button.green .buttonHeader {
  background-color: #5BB033;
  border-color: #41941A; }
.green .dialog-container {
  background-color: #F3FFF3;
  border-color: #5BB033;
  color: #287204; }
.navigation-button.green .icon-svg path {
  fill: #A3E385;
  stroke: #7BCA55; }
.navigation-button.green .file-svg .file-background {
  fill: #A3E385; }
.navigation-button.green .file-svg .file-border {
  fill: #7BCA55; }
.navigation-button.green .file-svg line {
  stroke: #7BCA55; }
.navigation-button.green.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #41941A; }
.navigation-button.green.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #41941A;
  
  background: -moz-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #41941A), color-stop(10%, #41941A), color-stop(10%, #41941A), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #41941A), color-stop(35%, #41941A), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41941A', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.green.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #41941A;
  
  background: -moz-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #41941A), color-stop(10%, #41941A), color-stop(10%, #41941A), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #41941A), color-stop(35%, #41941A), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #41941A), color-stop(60%, #41941A), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41941A', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.green.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #41941A;
  
  background: -moz-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #41941A), color-stop(10%, #41941A), color-stop(10%, #41941A), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #41941A), color-stop(35%, #41941A), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41941A', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.green.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #41941A;
  
  background: -moz-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #41941A), color-stop(10%, #41941A), color-stop(10%, #41941A), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #41941A), color-stop(35%, #41941A), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #41941A), color-stop(60%, #41941A), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #41941A 0%, #41941A 10%, #41941A 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #41941A 25%, #41941A 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #41941A 50%, #41941A 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41941A', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.green [name=nav-properties] {
  border-color: #5BB033; }
.navigation-button.green [name=nav-properties]::before {
  background-color: #5BB033; }
.navigation-button.green .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.green .buttonHeader {
  background-color: #5BB033;
  border-color: #41941A; }
.fileButton.green {
  border-color: #41941A; }
.navigation-button.dkgreen {
  background-color: #41941A; }
.navigation-button[disabled].dkgreen,
.navigation-button[disabled].dkgreen:hover {
  background-color: #7BCA55;
  border: 1px solid #5BB033; }
.navigation-button.dkgreen .nextArrowNav {
  fill: #41941A; }
.navigation-button.dkgreen .navigation-button.menu-button2 .nextArrowNav {
  fill: #41941A; }
.navigation-button.dkgreen .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.dkgreen .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.dkgreen .buttonHeader::before {
  background-color: #41941A; }
.navigation-button.dkgreen .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.dkgreen .leaf-inner-circle {
  border-color: #41941A; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.dkgreen .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.dkgreen .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.dkgreen.menu-button1,
.navigation-button.dkgreen.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #41941A; }
.navigation-button.dkgreen.menu-button2,
.navigation-button.dkgreen.menu-button2 .buttonHeader {
  background-color: #7BCA55;
  border-color: #5BB033; }
.navigation-button.dkgreen.menu-button3,
.navigation-button.dkgreen.menu-button3 .buttonHeader {
  background-color: #5BB033;
  border-color: #41941A; }
.navigation-button.dkgreen,
.navigation-button.dkgreen .buttonHeader {
  background-color: #41941A;
  border-color: #287204; }
.dkgreen .dialog-container {
  background-color: #F3FFF3;
  border-color: #41941A;
  color: #287204; }
.navigation-button.dkgreen .icon-svg path {
  fill: #7BCA55;
  stroke: #5BB033; }
.navigation-button.dkgreen .file-svg .file-background {
  fill: #7BCA55; }
.navigation-button.dkgreen .file-svg .file-border {
  fill: #5BB033; }
.navigation-button.dkgreen .file-svg line {
  stroke: #5BB033; }
.navigation-button.dkgreen.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #287204; }
.navigation-button.dkgreen.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #287204;
  
  background: -moz-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #287204), color-stop(10%, #287204), color-stop(10%, #287204), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #287204), color-stop(35%, #287204), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287204', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkgreen.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #287204;
  
  background: -moz-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #287204), color-stop(10%, #287204), color-stop(10%, #287204), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #287204), color-stop(35%, #287204), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #287204), color-stop(60%, #287204), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287204', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkgreen.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #287204;
  
  background: -moz-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #287204), color-stop(10%, #287204), color-stop(10%, #287204), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #287204), color-stop(35%, #287204), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287204', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkgreen.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #287204;
  
  background: -moz-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #287204), color-stop(10%, #287204), color-stop(10%, #287204), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #287204), color-stop(35%, #287204), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #287204), color-stop(60%, #287204), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #287204 0%, #287204 10%, #287204 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #287204 25%, #287204 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #287204 50%, #287204 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287204', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkgreen [name=nav-properties] {
  border-color: #41941A; }
.navigation-button.dkgreen [name=nav-properties]::before {
  background-color: #41941A; }
.navigation-button.dkgreen .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.dkgreen .buttonHeader {
  background-color: #41941A;
  border-color: #287204; }
.fileButton.dkgreen {
  border-color: #287204; }
.navigation-button.ltblue {
  background-color: #73C5E1; }
.navigation-button[disabled].ltblue,
.navigation-button[disabled].ltblue:hover {
  background-color: #D7F3FC;
  border: 1px solid #A0DDF1; }
.navigation-button.ltblue .nextArrowNav {
  fill: #73C5E1; }
.navigation-button.ltblue .navigation-button.menu-button2 .nextArrowNav {
  fill: #73C5E1; }
.navigation-button.ltblue .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.ltblue .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.ltblue .buttonHeader::before {
  background-color: #73C5E1; }
.navigation-button.ltblue .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.ltblue .leaf-inner-circle {
  border-color: #73C5E1; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.ltblue .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.ltblue .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.ltblue.menu-button1,
.navigation-button.ltblue.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #73C5E1; }
.navigation-button.ltblue.menu-button2,
.navigation-button.ltblue.menu-button2 .buttonHeader {
  background-color: #D7F3FC;
  border-color: #A0DDF1; }
.navigation-button.ltblue.menu-button3,
.navigation-button.ltblue.menu-button3 .buttonHeader {
  background-color: #A0DDF1;
  border-color: #73C5E1; }
.navigation-button.ltblue,
.navigation-button.ltblue .buttonHeader {
  background-color: #73C5E1;
  border-color: #4EADCC; }
.ltblue .dialog-container {
  background-color: #F5FBFB;
  border-color: #73C5E1;
  color: #2E90B1; }
.navigation-button.ltblue .icon-svg path {
  fill: #D7F3FC;
  stroke: #A0DDF1; }
.navigation-button.ltblue .file-svg .file-background {
  fill: #D7F3FC; }
.navigation-button.ltblue .file-svg .file-border {
  fill: #A0DDF1; }
.navigation-button.ltblue .file-svg line {
  stroke: #A0DDF1; }
.navigation-button.ltblue.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #4EADCC; }
.navigation-button.ltblue.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #4EADCC;
  
  background: -moz-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #4EADCC), color-stop(35%, #4EADCC), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4EADCC', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.ltblue.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #4EADCC;
  
  background: -moz-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #4EADCC), color-stop(35%, #4EADCC), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #4EADCC), color-stop(60%, #4EADCC), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4EADCC', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.ltblue.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #4EADCC;
  
  background: -moz-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #4EADCC), color-stop(35%, #4EADCC), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4EADCC', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.ltblue.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #4EADCC;
  
  background: -moz-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, #4EADCC), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #4EADCC), color-stop(35%, #4EADCC), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #4EADCC), color-stop(60%, #4EADCC), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #4EADCC 0%, #4EADCC 10%, #4EADCC 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #4EADCC 25%, #4EADCC 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #4EADCC 50%, #4EADCC 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4EADCC', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.ltblue [name=nav-properties] {
  border-color: #73C5E1; }
.navigation-button.ltblue [name=nav-properties]::before {
  background-color: #73C5E1; }
.navigation-button.ltblue .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.ltblue .buttonHeader {
  background-color: #73C5E1;
  border-color: #4EADCC; }
.fileButton.ltblue {
  border-color: #4EADCC; }
.navigation-button.blue {
  background-color: #257DBE; }
.navigation-button[disabled].blue,
.navigation-button[disabled].blue:hover {
  background-color: #6EAAD9;
  border: 1px solid #4690C9; }
.navigation-button.blue .nextArrowNav {
  fill: #257DBE; }
.navigation-button.blue .navigation-button.menu-button2 .nextArrowNav {
  fill: #257DBE; }
.navigation-button.blue .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.blue .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.blue .buttonHeader::before {
  background-color: #257DBE; }
.navigation-button.blue .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.blue .leaf-inner-circle {
  border-color: #257DBE; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.blue .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.blue .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.blue.menu-button1,
.navigation-button.blue.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.navigation-button.blue.menu-button2,
.navigation-button.blue.menu-button2 .buttonHeader {
  background-color: #6EAAD9;
  border-color: #4690C9; }
.navigation-button.blue.menu-button3,
.navigation-button.blue.menu-button3 .buttonHeader {
  background-color: #4690C9;
  border-color: #257DBE; }
.navigation-button.blue,
.navigation-button.blue .buttonHeader {
  background-color: #257DBE;
  border-color: #0966AE; }
.blue .dialog-container {
  background-color: #F0F8FF;
  border-color: #257DBE;
  color: #074B80; }
.navigation-button.blue .icon-svg path {
  fill: #6EAAD9;
  stroke: #4690C9; }
.navigation-button.blue .file-svg .file-background {
  fill: #6EAAD9; }
.navigation-button.blue .file-svg .file-border {
  fill: #4690C9; }
.navigation-button.blue .file-svg line {
  stroke: #4690C9; }
.navigation-button.blue.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #0966AE; }
.navigation-button.blue.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #0966AE;
  
  background: -moz-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #0966AE), color-stop(35%, #0966AE), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0966AE', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.blue.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #0966AE;
  
  background: -moz-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #0966AE), color-stop(35%, #0966AE), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #0966AE), color-stop(60%, #0966AE), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0966AE', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.blue.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #0966AE;
  
  background: -moz-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #0966AE), color-stop(35%, #0966AE), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0966AE', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.blue.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #0966AE;
  
  background: -moz-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, #0966AE), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #0966AE), color-stop(35%, #0966AE), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #0966AE), color-stop(60%, #0966AE), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #0966AE 0%, #0966AE 10%, #0966AE 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #0966AE 25%, #0966AE 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #0966AE 50%, #0966AE 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0966AE', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.blue [name=nav-properties] {
  border-color: #257DBE; }
.navigation-button.blue [name=nav-properties]::before {
  background-color: #257DBE; }
.navigation-button.blue .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.blue .buttonHeader {
  background-color: #257DBE;
  border-color: #0966AE; }
.fileButton.blue {
  border-color: #0966AE; }
.navigation-button.dkblue {
  background-color: #314890; }
.navigation-button[disabled].dkblue,
.navigation-button[disabled].dkblue:hover {
  background-color: #7284BD;
  border: 1px solid #4A60A1; }
.navigation-button.dkblue .nextArrowNav {
  fill: #314890; }
.navigation-button.dkblue .navigation-button.menu-button2 .nextArrowNav {
  fill: #314890; }
.navigation-button.dkblue .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.dkblue .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.dkblue .buttonHeader::before {
  background-color: #314890; }
.navigation-button.dkblue .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.dkblue .leaf-inner-circle {
  border-color: #314890; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.dkblue .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.dkblue .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.dkblue.menu-button1,
.navigation-button.dkblue.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #314890; }
.navigation-button.dkblue.menu-button2,
.navigation-button.dkblue.menu-button2 .buttonHeader {
  background-color: #7284BD;
  border-color: #4A60A1; }
.navigation-button.dkblue.menu-button3,
.navigation-button.dkblue.menu-button3 .buttonHeader {
  background-color: #4A60A1;
  border-color: #314890; }
.navigation-button.dkblue,
.navigation-button.dkblue .buttonHeader {
  background-color: #314890;
  border-color: #1D3478; }
.dkblue .dialog-container {
  background-color: #A4C2F4;
  border-color: #314890;
  color: #0D215F; }
.navigation-button.dkblue .icon-svg path {
  fill: #7284BD;
  stroke: #4A60A1; }
.navigation-button.dkblue .file-svg .file-background {
  fill: #7284BD; }
.navigation-button.dkblue .file-svg .file-border {
  fill: #4A60A1; }
.navigation-button.dkblue .file-svg line {
  stroke: #4A60A1; }
.navigation-button.dkblue.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #1D3478; }
.navigation-button.dkblue.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #1D3478;
  
  background: -moz-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #1D3478), color-stop(35%, #1D3478), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D3478', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkblue.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #1D3478;
  
  background: -moz-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #1D3478), color-stop(35%, #1D3478), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #1D3478), color-stop(60%, #1D3478), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D3478', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkblue.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #1D3478;
  
  background: -moz-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #1D3478), color-stop(35%, #1D3478), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D3478', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkblue.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #1D3478;
  
  background: -moz-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, #1D3478), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #1D3478), color-stop(35%, #1D3478), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #1D3478), color-stop(60%, #1D3478), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #1D3478 0%, #1D3478 10%, #1D3478 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #1D3478 25%, #1D3478 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #1D3478 50%, #1D3478 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D3478', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.dkblue [name=nav-properties] {
  border-color: #314890; }
.navigation-button.dkblue [name=nav-properties]::before {
  background-color: #314890; }
.navigation-button.dkblue .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.dkblue .buttonHeader {
  background-color: #314890;
  border-color: #1D3478; }
.fileButton.dkblue {
  border-color: #1D3478; }
.navigation-button.purple {
  background-color: #9E579E; }
.navigation-button[disabled].purple,
.navigation-button[disabled].purple:hover {
  background-color: #DFBCDF;
  border: 1px solid #BF86BF; }
.navigation-button.purple .nextArrowNav {
  fill: #9E579E; }
.navigation-button.purple .navigation-button.menu-button2 .nextArrowNav {
  fill: #9E579E; }
.navigation-button.purple .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.purple .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.purple .buttonHeader::before {
  background-color: #9E579E; }
.navigation-button.purple .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.purple .leaf-inner-circle {
  border-color: #9E579E; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.purple .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.purple .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.purple.menu-button1,
.navigation-button.purple.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #9E579E; }
.navigation-button.purple.menu-button2,
.navigation-button.purple.menu-button2 .buttonHeader {
  background-color: #DFBCDF;
  border-color: #BF86BF; }
.navigation-button.purple.menu-button3,
.navigation-button.purple.menu-button3 .buttonHeader {
  background-color: #BF86BF;
  border-color: #9E579E; }
.navigation-button.purple,
.navigation-button.purple .buttonHeader {
  background-color: #9E579E;
  border-color: #843584; }
.purple .dialog-container {
  background-color: #FBEFFF;
  border-color: #9E579E;
  color: #6C1D6C; }
.navigation-button.purple .icon-svg path {
  fill: #DFBCDF;
  stroke: #BF86BF; }
.navigation-button.purple .file-svg .file-background {
  fill: #DFBCDF; }
.navigation-button.purple .file-svg .file-border {
  fill: #BF86BF; }
.navigation-button.purple .file-svg line {
  stroke: #BF86BF; }
.navigation-button.purple.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #843584; }
.navigation-button.purple.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #843584;
  
  background: -moz-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #843584), color-stop(10%, #843584), color-stop(10%, #843584), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #843584), color-stop(35%, #843584), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#843584', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.purple.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #843584;
  
  background: -moz-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #843584), color-stop(10%, #843584), color-stop(10%, #843584), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #843584), color-stop(35%, #843584), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #843584), color-stop(60%, #843584), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#843584', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.purple.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #843584;
  
  background: -moz-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #843584), color-stop(10%, #843584), color-stop(10%, #843584), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #843584), color-stop(35%, #843584), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#843584', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.purple.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #843584;
  
  background: -moz-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #843584), color-stop(10%, #843584), color-stop(10%, #843584), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #843584), color-stop(35%, #843584), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #843584), color-stop(60%, #843584), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #843584 0%, #843584 10%, #843584 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #843584 25%, #843584 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #843584 50%, #843584 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#843584', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.purple [name=nav-properties] {
  border-color: #9E579E; }
.navigation-button.purple [name=nav-properties]::before {
  background-color: #9E579E; }
.navigation-button.purple .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.purple .buttonHeader {
  background-color: #9E579E;
  border-color: #843584; }
.fileButton.purple {
  border-color: #843584; }
.navigation-button.pink {
  background-color: #EB64A0; }
.navigation-button[disabled].pink,
.navigation-button[disabled].pink:hover {
  background-color: #FBBFD9;
  border: 1px solid #F38CBA; }
.navigation-button.pink .nextArrowNav {
  fill: #EB64A0; }
.navigation-button.pink .navigation-button.menu-button2 .nextArrowNav {
  fill: #EB64A0; }
.navigation-button.pink .navigation-button.menu-button3 .nextArrowNav {
  fill: #FFFFFF; }
.navigation-button.pink .navigation-button.menu-button3 p {
  color: #FFFFFF; }
.navigation-button.pink .buttonHeader::before {
  background-color: #EB64A0; }
.navigation-button.pink .buttonHeader.leaf::before {
  background-color: transparent; }
.navigation-button.pink .leaf-inner-circle {
  border-color: #EB64A0; }
.navigation-button .navigation-button .buttonHeader.leaf::before,
.navigation-button.pink .navigation-button.menu-button2 .buttonHeader.leaf::before,
.navigation-button.pink .navigation-button.menu-button3 .buttonHeader.leaf::before {
  background-image: none; }
.navigation-button.pink.menu-button1,
.navigation-button.pink.menu-button1 .buttonHeader {
  background-color: #FFFFFF;
  border-color: #EB64A0; }
.navigation-button.pink.menu-button2,
.navigation-button.pink.menu-button2 .buttonHeader {
  background-color: #FBBFD9;
  border-color: #F38CBA; }
.navigation-button.pink.menu-button3,
.navigation-button.pink.menu-button3 .buttonHeader {
  background-color: #F38CBA;
  border-color: #EB64A0; }
.navigation-button.pink,
.navigation-button.pink .buttonHeader {
  background-color: #EB64A0;
  border-color: #E14388; }
.pink .dialog-container {
  background-color: #FFE6F1;
  border-color: #EB64A0;
  color: #D62270; }
.navigation-button.pink .icon-svg path {
  fill: #FBBFD9;
  stroke: #F38CBA; }
.navigation-button.pink .file-svg .file-background {
  fill: #FBBFD9; }
.navigation-button.pink .file-svg .file-border {
  fill: #F38CBA; }
.navigation-button.pink .file-svg line {
  stroke: #F38CBA; }
.navigation-button.pink.menu-button1 + [name=nav-children] > .navigation-button::before {
  background-color: #E14388; }
.navigation-button.pink.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] > .navigation-button::before {
  background: #E14388;
  
  background: -moz-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E14388), color-stop(10%, #E14388), color-stop(10%, #E14388), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E14388), color-stop(35%, #E14388), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E14388', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.pink.menu-button1 + [name=nav-children] .menu-button2 + [name=nav-children] .menu-button3 + [name=nav-children] > .navigation-button::before {
  background: #E14388;
  
  background: -moz-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E14388), color-stop(10%, #E14388), color-stop(10%, #E14388), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E14388), color-stop(35%, #E14388), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #E14388), color-stop(60%, #E14388), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E14388', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.pink.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] > .navigation-button::before {
  background: #E14388;
  
  background: -moz-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E14388), color-stop(10%, #E14388), color-stop(10%, #E14388), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E14388), color-stop(35%, #E14388), color-stop(35%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -o-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: -ms-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  background: linear-gradient(to right, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E14388', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.pink.menu-button1 ~ [name=nav-properties] .menu-button2 ~ [name=nav-properties] .menu-button3 ~ [name=nav-properties] > .navigation-button::before {
  background: #E14388;
  
  background: -moz-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E14388), color-stop(10%, #E14388), color-stop(10%, #E14388), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(25%, #E14388), color-stop(35%, #E14388), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #E14388), color-stop(60%, #E14388), color-stop(60%, rgba(255, 255, 255, 0)));
  
  background: -webkit-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -o-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: -ms-linear-gradient(left, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  background: linear-gradient(to right, #E14388 0%, #E14388 10%, #E14388 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, #E14388 25%, #E14388 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 50%, #E14388 50%, #E14388 60%, rgba(255, 255, 255, 0) 60%);
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E14388', endColorstr='#ffffff',GradientType=1 );
   }
.navigation-button.pink [name=nav-properties] {
  border-color: #EB64A0; }
.navigation-button.pink [name=nav-properties]::before {
  background-color: #EB64A0; }
.navigation-button.pink .transparent [name=nav-properties]::before {
  background-color: transparent; }
.fileButton.pink .buttonHeader {
  background-color: #EB64A0;
  border-color: #E14388; }
.fileButton.pink {
  border-color: #E14388; }
.loading-svg {
  -webkit-transition-duration: 2.0s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  width: 100px;
  height: 100px;
  position: relative;
  left: 300px;
  background-color: pink; }
.animate {
  transform: rotate(108deg); }
.loading-svg {
  -webkit-transition-duration: 2.0s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  width: 100px;
  height: 100px;
  position: relative;
  left: 300px;
  background-color: pink; }
.animate {
  transform: rotate(108deg); }
.loading-svg {
  -webkit-transition-duration: 2.0s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  width: 100px;
  height: 100px;
  position: relative;
  left: 300px;
  background-color: pink; }
.animate {
  transform: rotate(108deg); }
.loading-svg {
  -webkit-transition-duration: 2.0s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  width: 100px;
  height: 100px;
  position: relative;
  left: 300px;
  background-color: pink; }
.animate {
  transform: rotate(108deg); }
.circle, .big-report-button {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 36px;
  border: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  height: 75px;
  width: 75px; }
  .sideButtonGroup .circle, .sideButtonGroup .big-report-button {
    position: relative;
    display: block;
    margin: 0 auto 12px; }
  .circle.big, .big-report-button {
    background-size: 72px;
    float: left;
    height: 135px;
    margin-left: 30px;
    margin-top: 9px;
    position: relative;
    width: 135px; }
  .circle.medium, .medium.big-report-button {
    background-size: 24px;
    float: left;
    height: 45px;
    margin-left: 10px;
    margin-top: 3px;
    position: relative;
    width: 45px; }
  .circle.small, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(1), .small.big-report-button, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .big-report-button.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .big-report-button.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .big-report-button.nav-stats, #navMenuList .navigation-button-container .big-report-button.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .big-report-button.nav-stats, #navMenuList .navigation-button-container .big-report-button.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .big-report-button.nav-stats:first-child:nth-last-child(1) {
    background-size: 17px;
    height: 35px;
    width: 35px; }
  .circle.tiny, .tiny.big-report-button {
    background-size: 15px;
    height: 25px;
    width: 25px; }
  .circle.popout, .popout.big-report-button {
    background-size: 16px;
    display: none;
    height: 30px;
    position: absolute;
    right: -4px;
    top: -6px;
    width: 30px; }
    button .circle.popout.barcode, button .popout.barcode.big-report-button {
      right: -48px;
      top: -36px; }
  .circle.active-border.active, .active-border.active.big-report-button {
    position: relative;
    left: -4px;
    top: -4px;
    border-style: dashed;
    border-width: 4px;
    -webkit-animation: march 12s infinite linear; }
@-webkit-keyframes march {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
  .circle[disabled], [disabled].big-report-button {
    cursor: default; }
  .circle#menuIcon, #menuIcon.big-report-button {
    background-color: #73C5E1;
    margin-left: 30px;
    background-image: url("../images/icons/menu-flat.svg"); }
    .circle#menuIcon.active, #menuIcon.active.big-report-button {
      background-size: 25px;
      border: 2px solid #4EADCC;
      -webkit-border-radius: 10px 10px 0 0;
      -moz-border-radius: 10px 10px 0 0;
      -ms-border-radius: 10px 10px 0 0;
      border-radius: 10px 10px 0 0;
      height: 30px;
      width: 458px; }
    .circle#menuIcon[disabled], #menuIcon[disabled].big-report-button {
      background-color: #C8D7DD; }
.red-circle, .giant-button .circle.toggle-thumbsdown, .giant-button .toggle-thumbsdown.big-report-button, .circle.kill, .kill.big-report-button, .circle.unlock.red, .unlock.red.big-report-button, .toggle .circle.toggle-subtract, .toggle .toggle-subtract.big-report-button, .toggle .circle.toggle-cant-trash-it, .toggle .toggle-cant-trash-it.big-report-button, .toggle .circle.toggle-no, .toggle .toggle-no.big-report-button, .toggle .circle.toggle-thumbsdown, .toggle .toggle-thumbsdown.big-report-button, .circle.thumbsdown, .thumbsdown.big-report-button, .circle.trash.red, .trash.red.big-report-button, .circle.remove-bead, .remove-bead.big-report-button, .circle.problem, .problem.big-report-button, .circle.stop, .stop.big-report-button, .circle.no, .no.big-report-button, .circle.lock.red, .lock.red.big-report-button, .circle.eraser-red, .eraser-red.big-report-button {
  background-color: #D01313; }
  .red-circle:hover, .giant-button .circle.toggle-thumbsdown:hover, .giant-button .toggle-thumbsdown.big-report-button:hover, .circle.kill:hover, .kill.big-report-button:hover, .circle.unlock.red:hover, .unlock.red.big-report-button:hover, .toggle .circle.toggle-subtract:hover, .toggle .toggle-subtract.big-report-button:hover, .toggle .circle.toggle-cant-trash-it:hover, .toggle .toggle-cant-trash-it.big-report-button:hover, .toggle .circle.toggle-no:hover, .toggle .toggle-no.big-report-button:hover, .toggle .circle.toggle-thumbsdown:hover, .toggle .toggle-thumbsdown.big-report-button:hover, .circle.thumbsdown:hover, .thumbsdown.big-report-button:hover, .circle.trash.red:hover, .trash.red.big-report-button:hover, .circle.remove-bead:hover, .remove-bead.big-report-button:hover, .circle.problem:hover, .problem.big-report-button:hover, .circle.stop:hover, .stop.big-report-button:hover, .circle.no:hover, .no.big-report-button:hover, .circle.lock.red:hover, .lock.red.big-report-button:hover, .circle.eraser-red:hover, .eraser-red.big-report-button:hover {
    background-color: #FF6767; }
  .red-circle.hovered, .giant-button .hovered.circle.toggle-thumbsdown, .giant-button .hovered.toggle-thumbsdown.big-report-button, .hovered.circle.kill, .hovered.kill.big-report-button, .hovered.circle.unlock.red, .hovered.unlock.red.big-report-button, .toggle .hovered.circle.toggle-subtract, .toggle .hovered.toggle-subtract.big-report-button, .toggle .hovered.circle.toggle-cant-trash-it, .toggle .hovered.toggle-cant-trash-it.big-report-button, .toggle .hovered.circle.toggle-no, .toggle .hovered.toggle-no.big-report-button, .toggle .hovered.circle.toggle-thumbsdown, .toggle .hovered.toggle-thumbsdown.big-report-button, .hovered.circle.thumbsdown, .hovered.thumbsdown.big-report-button, .hovered.circle.trash.red, .hovered.trash.red.big-report-button, .hovered.circle.remove-bead, .hovered.remove-bead.big-report-button, .hovered.circle.problem, .hovered.problem.big-report-button, .hovered.circle.stop, .hovered.stop.big-report-button, .hovered.circle.no, .hovered.no.big-report-button, .hovered.circle.lock.red, .hovered.lock.red.big-report-button, .hovered.circle.eraser-red, .hovered.eraser-red.big-report-button {
    background-color: #FF6767; }
  .red-circle[disabled], .giant-button [disabled].circle.toggle-thumbsdown, .giant-button [disabled].toggle-thumbsdown.big-report-button, [disabled].circle.kill, [disabled].kill.big-report-button, [disabled].circle.unlock.red, [disabled].unlock.red.big-report-button, .toggle [disabled].circle.toggle-subtract, .toggle [disabled].toggle-subtract.big-report-button, .toggle [disabled].circle.toggle-cant-trash-it, .toggle [disabled].toggle-cant-trash-it.big-report-button, .toggle [disabled].circle.toggle-no, .toggle [disabled].toggle-no.big-report-button, .toggle [disabled].circle.toggle-thumbsdown, .toggle [disabled].toggle-thumbsdown.big-report-button, [disabled].circle.thumbsdown, [disabled].thumbsdown.big-report-button, [disabled].circle.trash.red, [disabled].trash.red.big-report-button, [disabled].circle.remove-bead, [disabled].remove-bead.big-report-button, [disabled].circle.problem, [disabled].problem.big-report-button, [disabled].circle.stop, [disabled].stop.big-report-button, [disabled].circle.no, [disabled].no.big-report-button, [disabled].circle.lock.red, [disabled].lock.red.big-report-button, [disabled].circle.eraser-red, [disabled].eraser-red.big-report-button {
    background-color: #D0C2C2; }
  .red-circle .active-border, .giant-button .circle.toggle-thumbsdown .active-border, .giant-button .toggle-thumbsdown.big-report-button .active-border, .circle.kill .active-border, .kill.big-report-button .active-border, .circle.unlock.red .active-border, .unlock.red.big-report-button .active-border, .toggle .circle.toggle-subtract .active-border, .toggle .toggle-subtract.big-report-button .active-border, .toggle .circle.toggle-cant-trash-it .active-border, .toggle .toggle-cant-trash-it.big-report-button .active-border, .toggle .circle.toggle-no .active-border, .toggle .toggle-no.big-report-button .active-border, .toggle .circle.toggle-thumbsdown .active-border, .toggle .toggle-thumbsdown.big-report-button .active-border, .circle.thumbsdown .active-border, .thumbsdown.big-report-button .active-border, .circle.trash.red .active-border, .trash.red.big-report-button .active-border, .circle.remove-bead .active-border, .remove-bead.big-report-button .active-border, .circle.problem .active-border, .problem.big-report-button .active-border, .circle.stop .active-border, .stop.big-report-button .active-border, .circle.no .active-border, .no.big-report-button .active-border, .circle.lock.red .active-border, .lock.red.big-report-button .active-border, .circle.eraser-red .active-border, .eraser-red.big-report-button .active-border {
    border-color: #810000; }
  .red-circle[disabled] .active-border, .giant-button [disabled].circle.toggle-thumbsdown .active-border, .giant-button [disabled].toggle-thumbsdown.big-report-button .active-border, [disabled].circle.kill .active-border, [disabled].kill.big-report-button .active-border, [disabled].circle.unlock.red .active-border, [disabled].unlock.red.big-report-button .active-border, .toggle [disabled].circle.toggle-subtract .active-border, .toggle [disabled].toggle-subtract.big-report-button .active-border, .toggle [disabled].circle.toggle-cant-trash-it .active-border, .toggle [disabled].toggle-cant-trash-it.big-report-button .active-border, .toggle [disabled].circle.toggle-no .active-border, .toggle [disabled].toggle-no.big-report-button .active-border, .toggle [disabled].circle.toggle-thumbsdown .active-border, .toggle [disabled].toggle-thumbsdown.big-report-button .active-border, [disabled].circle.thumbsdown .active-border, [disabled].thumbsdown.big-report-button .active-border, [disabled].circle.trash.red .active-border, [disabled].trash.red.big-report-button .active-border, [disabled].circle.remove-bead .active-border, [disabled].remove-bead.big-report-button .active-border, [disabled].circle.problem .active-border, [disabled].problem.big-report-button .active-border, [disabled].circle.stop .active-border, [disabled].stop.big-report-button .active-border, [disabled].circle.no .active-border, [disabled].no.big-report-button .active-border, [disabled].circle.lock.red .active-border, [disabled].lock.red.big-report-button .active-border, [disabled].circle.eraser-red .active-border, [disabled].eraser-red.big-report-button .active-border {
    border-color: #D0C2C2; }
.orange-circle, .toggle .circle.toggle-service, .toggle .toggle-service.big-report-button, .circle.data-view-toggle, .data-view-toggle.big-report-button, .circle.onbase, .onbase.big-report-button, .circle.printPDF, .printPDF.big-report-button, .circle.inactive, .inactive.big-report-button, .circle.esign, .esign.big-report-button, .circle.comment, .comment.big-report-button {
  background-color: #F98200; }
  .orange-circle:hover, .toggle .circle.toggle-service:hover, .toggle .toggle-service.big-report-button:hover, .circle.data-view-toggle:hover, .data-view-toggle.big-report-button:hover, .circle.onbase:hover, .onbase.big-report-button:hover, .circle.printPDF:hover, .printPDF.big-report-button:hover, .circle.inactive:hover, .inactive.big-report-button:hover, .circle.esign:hover, .esign.big-report-button:hover, .circle.comment:hover, .comment.big-report-button:hover {
    background-color: #FFB361; }
  .orange-circle.hovered, .toggle .hovered.circle.toggle-service, .toggle .hovered.toggle-service.big-report-button, .hovered.circle.data-view-toggle, .hovered.data-view-toggle.big-report-button, .hovered.circle.onbase, .hovered.onbase.big-report-button, .hovered.circle.printPDF, .hovered.printPDF.big-report-button, .hovered.circle.inactive, .hovered.inactive.big-report-button, .hovered.circle.esign, .hovered.esign.big-report-button, .hovered.circle.comment, .hovered.comment.big-report-button {
    background-color: #FFB361; }
  .orange-circle[disabled], .toggle [disabled].circle.toggle-service, .toggle [disabled].toggle-service.big-report-button, [disabled].circle.data-view-toggle, [disabled].data-view-toggle.big-report-button, [disabled].circle.onbase, [disabled].onbase.big-report-button, [disabled].circle.printPDF, [disabled].printPDF.big-report-button, [disabled].circle.inactive, [disabled].inactive.big-report-button, [disabled].circle.esign, [disabled].esign.big-report-button, [disabled].circle.comment, [disabled].comment.big-report-button {
    background-color: #D5C9BD; }
  .orange-circle .active-border, .toggle .circle.toggle-service .active-border, .toggle .toggle-service.big-report-button .active-border, .circle.data-view-toggle .active-border, .data-view-toggle.big-report-button .active-border, .circle.onbase .active-border, .onbase.big-report-button .active-border, .circle.printPDF .active-border, .printPDF.big-report-button .active-border, .circle.inactive .active-border, .inactive.big-report-button .active-border, .circle.esign .active-border, .esign.big-report-button .active-border, .circle.comment .active-border, .comment.big-report-button .active-border {
    border-color: #995000; }
  .orange-circle[disabled] .active-border, .toggle [disabled].circle.toggle-service .active-border, .toggle [disabled].toggle-service.big-report-button .active-border, [disabled].circle.data-view-toggle .active-border, [disabled].data-view-toggle.big-report-button .active-border, [disabled].circle.onbase .active-border, [disabled].onbase.big-report-button .active-border, [disabled].circle.printPDF .active-border, [disabled].printPDF.big-report-button .active-border, [disabled].circle.inactive .active-border, [disabled].inactive.big-report-button .active-border, [disabled].circle.esign .active-border, [disabled].esign.big-report-button .active-border, [disabled].circle.comment .active-border, [disabled].comment.big-report-button .active-border {
    border-color: #D5C9BD; }
.yellow-circle, .toggle .circle.toggle-removed-from-rack, .toggle .toggle-removed-from-rack.big-report-button, .circle.wrenches, .wrenches.big-report-button, .circle.showjob, .showjob.big-report-button, .circle.expand-no-border, .expand-no-border.big-report-button, .circle.expand, .expand.big-report-button, .circle.subtract, .subtract.big-report-button, .circle.add, .add.big-report-button {
  background-color: #FFC200; }
  .yellow-circle:hover, .toggle .circle.toggle-removed-from-rack:hover, .toggle .toggle-removed-from-rack.big-report-button:hover, .circle.wrenches:hover, .wrenches.big-report-button:hover, .circle.showjob:hover, .showjob.big-report-button:hover, .circle.expand-no-border:hover, .expand-no-border.big-report-button:hover, .circle.expand:hover, .expand.big-report-button:hover, .circle.subtract:hover, .subtract.big-report-button:hover, .circle.add:hover, .add.big-report-button:hover {
    background-color: #FFDA64; }
  .yellow-circle.hovered, .toggle .hovered.circle.toggle-removed-from-rack, .toggle .hovered.toggle-removed-from-rack.big-report-button, .hovered.circle.wrenches, .hovered.wrenches.big-report-button, .hovered.circle.showjob, .hovered.showjob.big-report-button, .hovered.circle.expand-no-border, .hovered.expand-no-border.big-report-button, .hovered.circle.expand, .hovered.expand.big-report-button, .hovered.circle.subtract, .hovered.subtract.big-report-button, .hovered.circle.add, .hovered.add.big-report-button {
    background-color: #FFDA64; }
  .yellow-circle[disabled], .toggle [disabled].circle.toggle-removed-from-rack, .toggle [disabled].toggle-removed-from-rack.big-report-button, [disabled].circle.wrenches, [disabled].wrenches.big-report-button, [disabled].circle.showjob, [disabled].showjob.big-report-button, [disabled].circle.expand-no-border, [disabled].expand-no-border.big-report-button, [disabled].circle.expand, [disabled].expand.big-report-button, [disabled].circle.subtract, [disabled].subtract.big-report-button, [disabled].circle.add, [disabled].add.big-report-button {
    background-color: #E0D8BC; }
  .yellow-circle .active-border, .toggle .circle.toggle-removed-from-rack .active-border, .toggle .toggle-removed-from-rack.big-report-button .active-border, .circle.wrenches .active-border, .wrenches.big-report-button .active-border, .circle.showjob .active-border, .showjob.big-report-button .active-border, .circle.expand-no-border .active-border, .expand-no-border.big-report-button .active-border, .circle.expand .active-border, .expand.big-report-button .active-border, .circle.subtract .active-border, .subtract.big-report-button .active-border, .circle.add .active-border, .add.big-report-button .active-border {
    border-color: #9B7600; }
  .yellow-circle[disabled] .active-border, .toggle [disabled].circle.toggle-removed-from-rack .active-border, .toggle [disabled].toggle-removed-from-rack.big-report-button .active-border, [disabled].circle.wrenches .active-border, [disabled].wrenches.big-report-button .active-border, [disabled].circle.showjob .active-border, [disabled].showjob.big-report-button .active-border, [disabled].circle.expand-no-border .active-border, [disabled].expand-no-border.big-report-button .active-border, [disabled].circle.expand .active-border, [disabled].expand.big-report-button .active-border, [disabled].circle.subtract .active-border, [disabled].subtract.big-report-button .active-border, [disabled].circle.add .active-border, [disabled].add.big-report-button .active-border {
    border-color: #E0D8BC; }
.brown-circle, .circle.viewReport, .viewReport.big-report-button, .circle.lock, .lock.big-report-button {
  background-color: #7A3F00; }
  .brown-circle:hover, .circle.viewReport:hover, .viewReport.big-report-button:hover, .circle.lock:hover, .lock.big-report-button:hover {
    background-color: #C17C34; }
  .brown-circle.hovered, .hovered.circle.viewReport, .hovered.viewReport.big-report-button, .hovered.circle.lock, .hovered.lock.big-report-button {
    background-color: #C17C34; }
  .brown-circle[disabled], [disabled].circle.viewReport, [disabled].viewReport.big-report-button, [disabled].circle.lock, [disabled].lock.big-report-button {
    background-color: #B6B0A9; }
  .brown-circle .active-border, .circle.viewReport .active-border, .viewReport.big-report-button .active-border, .circle.lock .active-border, .lock.big-report-button .active-border {
    border-color: #2E1700; }
  .brown-circle[disabled] .active-border, [disabled].circle.viewReport .active-border, [disabled].viewReport.big-report-button .active-border, [disabled].circle.lock .active-border, [disabled].lock.big-report-button .active-border {
    border-color: #B6B0A9; }
.ltgreen-circle, .circle.workstationsettings, .workstationsettings.big-report-button, .circle.print, .print.big-report-button, .circle.manualresultentry, .manualresultentry.big-report-button, .circle.rate, .rate.big-report-button {
  background-color: #B4C63D; }
  .ltgreen-circle:hover, .circle.workstationsettings:hover, .workstationsettings.big-report-button:hover, .circle.print:hover, .print.big-report-button:hover, .circle.manualresultentry:hover, .manualresultentry.big-report-button:hover, .circle.rate:hover, .rate.big-report-button:hover {
    background-color: #EDFA97; }
  .ltgreen-circle.hovered, .hovered.circle.workstationsettings, .hovered.workstationsettings.big-report-button, .hovered.circle.print, .hovered.print.big-report-button, .hovered.circle.manualresultentry, .hovered.manualresultentry.big-report-button, .hovered.circle.rate, .hovered.rate.big-report-button {
    background-color: #EDFA97; }
  .ltgreen-circle[disabled], [disabled].circle.workstationsettings, [disabled].workstationsettings.big-report-button, [disabled].circle.print, [disabled].print.big-report-button, [disabled].circle.manualresultentry, [disabled].manualresultentry.big-report-button, [disabled].circle.rate, [disabled].rate.big-report-button {
    background-color: #D0D3C0; }
  .ltgreen-circle .active-border, .circle.workstationsettings .active-border, .workstationsettings.big-report-button .active-border, .circle.print .active-border, .print.big-report-button .active-border, .circle.manualresultentry .active-border, .manualresultentry.big-report-button .active-border, .circle.rate .active-border, .rate.big-report-button .active-border {
    border-color: #728207; }
  .ltgreen-circle[disabled] .active-border, [disabled].circle.workstationsettings .active-border, [disabled].workstationsettings.big-report-button .active-border, [disabled].circle.print .active-border, [disabled].print.big-report-button .active-border, [disabled].circle.manualresultentry .active-border, [disabled].manualresultentry.big-report-button .active-border, [disabled].circle.rate .active-border, [disabled].rate.big-report-button .active-border {
    border-color: #D0D3C0; }
.green-circle, .giant-button .circle.toggle-thumbsup, .giant-button .toggle-thumbsup.big-report-button, .circle.unlock, .unlock.big-report-button, .toggle .circle.toggle-add, .toggle .toggle-add.big-report-button, .toggle .circle.toggle-check-green, .toggle .toggle-check-green.big-report-button, .toggle .circle.toggle-thumbsup, .toggle .toggle-thumbsup.big-report-button, .circle.thumbsup, .thumbsup.big-report-button, .circle.trash.grey, .trash.grey.big-report-button, .circle.trash, .trash.big-report-button, .circle.save, .save.big-report-button, .circle.next, .next.big-report-button, .circle.clock-with-arrow, .clock-with-arrow.big-report-button, .circle.download, .download.big-report-button, .circle.check, .check.big-report-button,
.circle.yes,
.yes.big-report-button, .circle.execute, .execute.big-report-button {
  background-color: #5BB033; }
  .green-circle:hover, .giant-button .circle.toggle-thumbsup:hover, .giant-button .toggle-thumbsup.big-report-button:hover, .circle.unlock:hover, .unlock.big-report-button:hover, .toggle .circle.toggle-add:hover, .toggle .toggle-add.big-report-button:hover, .toggle .circle.toggle-check-green:hover, .toggle .toggle-check-green.big-report-button:hover, .toggle .circle.toggle-thumbsup:hover, .toggle .toggle-thumbsup.big-report-button:hover, .circle.thumbsup:hover, .thumbsup.big-report-button:hover, .circle.trash:hover, .trash.big-report-button:hover, .circle.save:hover, .save.big-report-button:hover, .circle.next:hover, .next.big-report-button:hover, .circle.clock-with-arrow:hover, .clock-with-arrow.big-report-button:hover, .circle.download:hover, .download.big-report-button:hover, .circle.check:hover, .check.big-report-button:hover,
  .circle.yes:hover,
  .yes.big-report-button:hover, .circle.execute:hover, .execute.big-report-button:hover {
    background-color: #A3E385; }
  .green-circle.hovered, .giant-button .hovered.circle.toggle-thumbsup, .giant-button .hovered.toggle-thumbsup.big-report-button, .hovered.circle.unlock, .hovered.unlock.big-report-button, .toggle .hovered.circle.toggle-add, .toggle .hovered.toggle-add.big-report-button, .toggle .hovered.circle.toggle-check-green, .toggle .hovered.toggle-check-green.big-report-button, .toggle .hovered.circle.toggle-thumbsup, .toggle .hovered.toggle-thumbsup.big-report-button, .hovered.circle.thumbsup, .hovered.thumbsup.big-report-button, .hovered.circle.trash, .hovered.trash.big-report-button, .hovered.circle.save, .hovered.save.big-report-button, .hovered.circle.next, .hovered.next.big-report-button, .hovered.circle.clock-with-arrow, .hovered.clock-with-arrow.big-report-button, .hovered.circle.download, .hovered.download.big-report-button, .hovered.circle.check, .hovered.check.big-report-button,
  .hovered.circle.yes,
  .hovered.yes.big-report-button, .hovered.circle.execute, .hovered.execute.big-report-button {
    background-color: #A3E385; }
  .green-circle[disabled], .giant-button [disabled].circle.toggle-thumbsup, .giant-button [disabled].toggle-thumbsup.big-report-button, [disabled].circle.unlock, [disabled].unlock.big-report-button, .toggle [disabled].circle.toggle-add, .toggle [disabled].toggle-add.big-report-button, .toggle [disabled].circle.toggle-check-green, .toggle [disabled].toggle-check-green.big-report-button, .toggle [disabled].circle.toggle-thumbsup, .toggle [disabled].toggle-thumbsup.big-report-button, [disabled].circle.thumbsup, [disabled].thumbsup.big-report-button, [disabled].circle.trash, [disabled].trash.big-report-button, [disabled].circle.save, [disabled].save.big-report-button, [disabled].circle.next, [disabled].next.big-report-button, [disabled].circle.clock-with-arrow, [disabled].clock-with-arrow.big-report-button, [disabled].circle.download, [disabled].download.big-report-button, [disabled].circle.check, [disabled].check.big-report-button,
  [disabled].circle.yes,
  [disabled].yes.big-report-button, [disabled].circle.execute, [disabled].execute.big-report-button {
    background-color: #C0CCBB; }
  .green-circle .active-border, .giant-button .circle.toggle-thumbsup .active-border, .giant-button .toggle-thumbsup.big-report-button .active-border, .circle.unlock .active-border, .unlock.big-report-button .active-border, .toggle .circle.toggle-add .active-border, .toggle .toggle-add.big-report-button .active-border, .toggle .circle.toggle-check-green .active-border, .toggle .toggle-check-green.big-report-button .active-border, .toggle .circle.toggle-thumbsup .active-border, .toggle .toggle-thumbsup.big-report-button .active-border, .circle.thumbsup .active-border, .thumbsup.big-report-button .active-border, .circle.trash .active-border, .trash.big-report-button .active-border, .circle.save .active-border, .save.big-report-button .active-border, .circle.next .active-border, .next.big-report-button .active-border, .circle.clock-with-arrow .active-border, .clock-with-arrow.big-report-button .active-border, .circle.download .active-border, .download.big-report-button .active-border, .circle.check .active-border, .check.big-report-button .active-border,
  .circle.yes .active-border,
  .yes.big-report-button .active-border, .circle.execute .active-border, .execute.big-report-button .active-border {
    border-color: #287204; }
  .green-circle[disabled] .active-border, .giant-button [disabled].circle.toggle-thumbsup .active-border, .giant-button [disabled].toggle-thumbsup.big-report-button .active-border, [disabled].circle.unlock .active-border, [disabled].unlock.big-report-button .active-border, .toggle [disabled].circle.toggle-add .active-border, .toggle [disabled].toggle-add.big-report-button .active-border, .toggle [disabled].circle.toggle-check-green .active-border, .toggle [disabled].toggle-check-green.big-report-button .active-border, .toggle [disabled].circle.toggle-thumbsup .active-border, .toggle [disabled].toggle-thumbsup.big-report-button .active-border, [disabled].circle.thumbsup .active-border, [disabled].thumbsup.big-report-button .active-border, [disabled].circle.trash .active-border, [disabled].trash.big-report-button .active-border, [disabled].circle.save .active-border, [disabled].save.big-report-button .active-border, [disabled].circle.next .active-border, [disabled].next.big-report-button .active-border, [disabled].circle.clock-with-arrow .active-border, [disabled].clock-with-arrow.big-report-button .active-border, [disabled].circle.download .active-border, [disabled].download.big-report-button .active-border, [disabled].circle.check .active-border, [disabled].check.big-report-button .active-border,
  [disabled].circle.yes .active-border,
  [disabled].yes.big-report-button .active-border, [disabled].circle.execute .active-border, [disabled].execute.big-report-button .active-border {
    border-color: #C0CCBB; }
.ltblue-circle, .circle.scroll, .scroll.big-report-button, .circle.rotate, .rotate.big-report-button, .circle.logout, .logout.big-report-button, .circle.crossed-out-calendar, .crossed-out-calendar.big-report-button {
  background-color: #73C5E1; }
  .ltblue-circle:hover, .circle.scroll:hover, .scroll.big-report-button:hover, .circle.rotate:hover, .rotate.big-report-button:hover, .circle.logout:hover, .logout.big-report-button:hover, .circle.crossed-out-calendar:hover, .crossed-out-calendar.big-report-button:hover {
    background-color: #D7F3FC; }
  .ltblue-circle.hovered, .hovered.circle.scroll, .hovered.scroll.big-report-button, .hovered.circle.rotate, .hovered.rotate.big-report-button, .hovered.circle.logout, .hovered.logout.big-report-button, .hovered.circle.crossed-out-calendar, .hovered.crossed-out-calendar.big-report-button {
    background-color: #D7F3FC; }
  .ltblue-circle[disabled], [disabled].circle.scroll, [disabled].scroll.big-report-button, [disabled].circle.rotate, [disabled].rotate.big-report-button, [disabled].circle.logout, [disabled].logout.big-report-button, [disabled].circle.crossed-out-calendar, [disabled].crossed-out-calendar.big-report-button {
    background-color: #C8D7DD; }
  .ltblue-circle .active-border, .circle.scroll .active-border, .scroll.big-report-button .active-border, .circle.rotate .active-border, .rotate.big-report-button .active-border, .circle.logout .active-border, .logout.big-report-button .active-border, .circle.crossed-out-calendar .active-border, .crossed-out-calendar.big-report-button .active-border {
    border-color: #2E90B1; }
  .ltblue-circle[disabled] .active-border, [disabled].circle.scroll .active-border, [disabled].scroll.big-report-button .active-border, [disabled].circle.rotate .active-border, [disabled].rotate.big-report-button .active-border, [disabled].circle.logout .active-border, [disabled].logout.big-report-button .active-border, [disabled].circle.crossed-out-calendar .active-border, [disabled].crossed-out-calendar.big-report-button .active-border {
    border-color: #C8D7DD; }
.blue-circle, .toggle .circle.toggle-trash-it, .toggle .toggle-trash-it.big-report-button, .trash-it, .circle.trash.blue, .trash.blue.big-report-button, .circle.refresh, .refresh.big-report-button, .circle.expand-no-border.blue, .expand-no-border.blue.big-report-button, .circle.expand.blue, .expand.blue.big-report-button, .circle.cancel, .cancel.big-report-button {
  background-color: #257DBE; }
  .blue-circle:hover, .toggle .circle.toggle-trash-it:hover, .toggle .toggle-trash-it.big-report-button:hover, .trash-it:hover, .circle.trash.blue:hover, .trash.blue.big-report-button:hover, .circle.refresh:hover, .refresh.big-report-button:hover, .circle.expand-no-border.blue:hover, .expand-no-border.blue.big-report-button:hover, .circle.expand.blue:hover, .expand.blue.big-report-button:hover, .circle.cancel:hover, .cancel.big-report-button:hover {
    background-color: #6EAAD9; }
  .blue-circle.hovered, .toggle .hovered.circle.toggle-trash-it, .toggle .hovered.toggle-trash-it.big-report-button, .hovered.trash-it, .hovered.circle.trash.blue, .hovered.trash.blue.big-report-button, .hovered.circle.refresh, .hovered.refresh.big-report-button, .hovered.circle.expand-no-border.blue, .hovered.expand-no-border.blue.big-report-button, .hovered.circle.expand.blue, .hovered.expand.blue.big-report-button, .hovered.circle.cancel, .hovered.cancel.big-report-button {
    background-color: #6EAAD9; }
  .blue-circle[disabled], .toggle [disabled].circle.toggle-trash-it, .toggle [disabled].toggle-trash-it.big-report-button, [disabled].trash-it, [disabled].circle.trash.blue, [disabled].trash.blue.big-report-button, [disabled].circle.refresh, [disabled].refresh.big-report-button, [disabled].circle.expand-no-border.blue, [disabled].expand-no-border.blue.big-report-button, [disabled].circle.expand.blue, [disabled].expand.blue.big-report-button, [disabled].circle.cancel, [disabled].cancel.big-report-button {
    background-color: #B6C6D2; }
  .blue-circle .active-border, .toggle .circle.toggle-trash-it .active-border, .toggle .toggle-trash-it.big-report-button .active-border, .trash-it .active-border, .circle.trash.blue .active-border, .trash.blue.big-report-button .active-border, .circle.refresh .active-border, .refresh.big-report-button .active-border, .circle.expand-no-border.blue .active-border, .expand-no-border.blue.big-report-button .active-border, .circle.expand.blue .active-border, .expand.blue.big-report-button .active-border, .circle.cancel .active-border, .cancel.big-report-button .active-border {
    border-color: #074B80; }
  .blue-circle[disabled] .active-border, .toggle [disabled].circle.toggle-trash-it .active-border, .toggle [disabled].toggle-trash-it.big-report-button .active-border, [disabled].trash-it .active-border, [disabled].circle.trash.blue .active-border, [disabled].trash.blue.big-report-button .active-border, [disabled].circle.refresh .active-border, [disabled].refresh.big-report-button .active-border, [disabled].circle.expand-no-border.blue .active-border, [disabled].expand-no-border.blue.big-report-button .active-border, [disabled].circle.expand.blue .active-border, [disabled].expand.blue.big-report-button .active-border, [disabled].circle.cancel .active-border, [disabled].cancel.big-report-button .active-border {
    border-color: #B6C6D2; }
.dkblue-circle, .circle.undo, .undo.big-report-button, .circle.filter, .filter.big-report-button, .circle.eraser, .eraser.big-report-button, .circle.destroy, .destroy.big-report-button, .circle.attach, .attach.big-report-button, .circle.checkOut, .checkOut.big-report-button {
  background-color: #314890; }
  .dkblue-circle:hover, .circle.undo:hover, .undo.big-report-button:hover, .circle.filter:hover, .filter.big-report-button:hover, .circle.eraser:hover, .eraser.big-report-button:hover, .circle.destroy:hover, .destroy.big-report-button:hover, .circle.attach:hover, .attach.big-report-button:hover, .circle.checkOut:hover, .checkOut.big-report-button:hover {
    background-color: #7284BD; }
  .dkblue-circle.hovered, .hovered.circle.undo, .hovered.undo.big-report-button, .hovered.circle.filter, .hovered.filter.big-report-button, .hovered.circle.eraser, .hovered.eraser.big-report-button, .hovered.circle.destroy, .hovered.destroy.big-report-button, .hovered.circle.attach, .hovered.attach.big-report-button, .hovered.circle.checkOut, .hovered.checkOut.big-report-button {
    background-color: #7284BD; }
  .dkblue-circle[disabled], [disabled].circle.undo, [disabled].undo.big-report-button, [disabled].circle.filter, [disabled].filter.big-report-button, [disabled].circle.eraser, [disabled].eraser.big-report-button, [disabled].circle.destroy, [disabled].destroy.big-report-button, [disabled].circle.attach, [disabled].attach.big-report-button, [disabled].circle.checkOut, [disabled].checkOut.big-report-button {
    background-color: #9499AA; }
  .dkblue-circle .active-border, .circle.undo .active-border, .undo.big-report-button .active-border, .circle.filter .active-border, .filter.big-report-button .active-border, .circle.eraser .active-border, .eraser.big-report-button .active-border, .circle.destroy .active-border, .destroy.big-report-button .active-border, .circle.attach .active-border, .attach.big-report-button .active-border, .circle.checkOut .active-border, .checkOut.big-report-button .active-border {
    border-color: #0D215F; }
  .dkblue-circle[disabled] .active-border, [disabled].circle.undo .active-border, [disabled].undo.big-report-button .active-border, [disabled].circle.filter .active-border, [disabled].filter.big-report-button .active-border, [disabled].circle.eraser .active-border, [disabled].eraser.big-report-button .active-border, [disabled].circle.destroy .active-border, [disabled].destroy.big-report-button .active-border, [disabled].circle.attach .active-border, [disabled].attach.big-report-button .active-border, [disabled].circle.checkOut .active-border, [disabled].checkOut.big-report-button .active-border {
    border-color: #9499AA; }
.purple-circle, .toggle .circle.toggle-update, .toggle .toggle-update.big-report-button, .circle.ghost, .ghost.big-report-button, .circle.printHistory, .printHistory.big-report-button, .circle.export, .export.big-report-button, .circle.reroute, .reroute.big-report-button, .circle.wavy-arrow, .wavy-arrow.big-report-button, .circle.database-edit, .database-edit.big-report-button, .circle.copy, .copy.big-report-button, .circle.keyboard, .keyboard.big-report-button, .circle.barcode, .barcode.big-report-button, .circle.back, .back.big-report-button {
  background-color: #9E579E; }
  .purple-circle:hover, .toggle .circle.toggle-update:hover, .toggle .toggle-update.big-report-button:hover, .circle.ghost:hover, .ghost.big-report-button:hover, .circle.printHistory:hover, .printHistory.big-report-button:hover, .circle.export:hover, .export.big-report-button:hover, .circle.reroute:hover, .reroute.big-report-button:hover, .circle.wavy-arrow:hover, .wavy-arrow.big-report-button:hover, .circle.database-edit:hover, .database-edit.big-report-button:hover, .circle.copy:hover, .copy.big-report-button:hover, .circle.keyboard:hover, .keyboard.big-report-button:hover, .circle.barcode:hover, .barcode.big-report-button:hover, .circle.back:hover, .back.big-report-button:hover {
    background-color: #DFBCDF; }
  .purple-circle.hovered, .toggle .hovered.circle.toggle-update, .toggle .hovered.toggle-update.big-report-button, .hovered.circle.ghost, .hovered.ghost.big-report-button, .hovered.circle.printHistory, .hovered.printHistory.big-report-button, .hovered.circle.export, .hovered.export.big-report-button, .hovered.circle.reroute, .hovered.reroute.big-report-button, .hovered.circle.wavy-arrow, .hovered.wavy-arrow.big-report-button, .hovered.circle.database-edit, .hovered.database-edit.big-report-button, .hovered.circle.copy, .hovered.copy.big-report-button, .hovered.circle.keyboard, .hovered.keyboard.big-report-button, .hovered.circle.barcode, .hovered.barcode.big-report-button, .hovered.circle.back, .hovered.back.big-report-button {
    background-color: #DFBCDF; }
  .purple-circle[disabled], .toggle [disabled].circle.toggle-update, .toggle [disabled].toggle-update.big-report-button, [disabled].circle.ghost, [disabled].ghost.big-report-button, [disabled].circle.printHistory, [disabled].printHistory.big-report-button, [disabled].circle.export, [disabled].export.big-report-button, [disabled].circle.reroute, [disabled].reroute.big-report-button, [disabled].circle.wavy-arrow, [disabled].wavy-arrow.big-report-button, [disabled].circle.database-edit, [disabled].database-edit.big-report-button, [disabled].circle.copy, [disabled].copy.big-report-button, [disabled].circle.keyboard, [disabled].keyboard.big-report-button, [disabled].circle.barcode, [disabled].barcode.big-report-button, [disabled].circle.back, [disabled].back.big-report-button {
    background-color: #B1A8B1; }
  .purple-circle .active-border, .toggle .circle.toggle-update .active-border, .toggle .toggle-update.big-report-button .active-border, .circle.ghost .active-border, .ghost.big-report-button .active-border, .circle.printHistory .active-border, .printHistory.big-report-button .active-border, .circle.export .active-border, .export.big-report-button .active-border, .circle.reroute .active-border, .reroute.big-report-button .active-border, .circle.wavy-arrow .active-border, .wavy-arrow.big-report-button .active-border, .circle.database-edit .active-border, .database-edit.big-report-button .active-border, .circle.copy .active-border, .copy.big-report-button .active-border, .circle.keyboard .active-border, .keyboard.big-report-button .active-border, .circle.barcode .active-border, .barcode.big-report-button .active-border, .circle.back .active-border, .back.big-report-button .active-border {
    border-color: #6C1D6C; }
  .purple-circle[disabled] .active-border, .toggle [disabled].circle.toggle-update .active-border, .toggle [disabled].toggle-update.big-report-button .active-border, [disabled].circle.ghost .active-border, [disabled].ghost.big-report-button .active-border, [disabled].circle.printHistory .active-border, [disabled].printHistory.big-report-button .active-border, [disabled].circle.export .active-border, [disabled].export.big-report-button .active-border, [disabled].circle.reroute .active-border, [disabled].reroute.big-report-button .active-border, [disabled].circle.wavy-arrow .active-border, [disabled].wavy-arrow.big-report-button .active-border, [disabled].circle.database-edit .active-border, [disabled].database-edit.big-report-button .active-border, [disabled].circle.copy .active-border, [disabled].copy.big-report-button .active-border, [disabled].circle.keyboard .active-border, [disabled].keyboard.big-report-button .active-border, [disabled].circle.barcode .active-border, [disabled].barcode.big-report-button .active-border, [disabled].circle.back .active-border, [disabled].back.big-report-button .active-border {
    border-color: #B1A8B1; }
.pink-circle, .circle.viewAuditReport, .viewAuditReport.big-report-button, .circle.update, .update.big-report-button, .circle.mail, .mail.big-report-button, .circle.singleScan, .singleScan.big-report-button, .circle.help, .help.big-report-button, .circle.bulkScan, .bulkScan.big-report-button {
  background-color: #EB64A0; }
  .pink-circle:hover, .circle.viewAuditReport:hover, .viewAuditReport.big-report-button:hover, .circle.update:hover, .update.big-report-button:hover, .circle.mail:hover, .mail.big-report-button:hover, .circle.singleScan:hover, .singleScan.big-report-button:hover, .circle.help:hover, .help.big-report-button:hover, .circle.bulkScan:hover, .bulkScan.big-report-button:hover {
    background-color: #FBBFD9; }
  .pink-circle.hovered, .hovered.circle.viewAuditReport, .hovered.viewAuditReport.big-report-button, .hovered.circle.update, .hovered.update.big-report-button, .hovered.circle.mail, .hovered.mail.big-report-button, .hovered.circle.singleScan, .hovered.singleScan.big-report-button, .hovered.circle.help, .hovered.help.big-report-button, .hovered.circle.bulkScan, .hovered.bulkScan.big-report-button {
    background-color: #FBBFD9; }
  .pink-circle[disabled], [disabled].circle.viewAuditReport, [disabled].viewAuditReport.big-report-button, [disabled].circle.update, [disabled].update.big-report-button, [disabled].circle.mail, [disabled].mail.big-report-button, [disabled].circle.singleScan, [disabled].singleScan.big-report-button, [disabled].circle.help, [disabled].help.big-report-button, [disabled].circle.bulkScan, [disabled].bulkScan.big-report-button {
    background-color: #C9BCC2; }
  .pink-circle .active-border, .circle.viewAuditReport .active-border, .viewAuditReport.big-report-button .active-border, .circle.update .active-border, .update.big-report-button .active-border, .circle.mail .active-border, .mail.big-report-button .active-border, .circle.singleScan .active-border, .singleScan.big-report-button .active-border, .circle.help .active-border, .help.big-report-button .active-border, .circle.bulkScan .active-border, .bulkScan.big-report-button .active-border {
    border-color: #D62270; }
  .pink-circle[disabled] .active-border, [disabled].circle.viewAuditReport .active-border, [disabled].viewAuditReport.big-report-button .active-border, [disabled].circle.update .active-border, [disabled].update.big-report-button .active-border, [disabled].circle.mail .active-border, [disabled].mail.big-report-button .active-border, [disabled].circle.singleScan .active-border, [disabled].singleScan.big-report-button .active-border, [disabled].circle.help .active-border, [disabled].help.big-report-button .active-border, [disabled].circle.bulkScan .active-border, [disabled].bulkScan.big-report-button .active-border {
    border-color: #C9BCC2; }
.watermark-circle, .circle.autorunner, .autorunner.big-report-button, .circle.widemode, .widemode.big-report-button, .circle.refresh-blue, .refresh-blue.big-report-button, .circle.cancel-red, .cancel-red.big-report-button {
  background-color: rgba(221, 221, 221, 0.6); }
  .watermark-circle:hover, .circle.autorunner:hover, .autorunner.big-report-button:hover, .circle.widemode:hover, .widemode.big-report-button:hover, .circle.refresh-blue:hover, .refresh-blue.big-report-button:hover, .circle.cancel-red:hover, .cancel-red.big-report-button:hover {
    background-color: rgba(153, 153, 153, 0.5); }
  .watermark-circle.hovered, .hovered.circle.autorunner, .hovered.autorunner.big-report-button, .hovered.circle.widemode, .hovered.widemode.big-report-button, .hovered.circle.refresh-blue, .hovered.refresh-blue.big-report-button, .hovered.circle.cancel-red, .hovered.cancel-red.big-report-button {
    background-color: rgba(153, 153, 153, 0.5); }
  .watermark-circle[disabled], [disabled].circle.autorunner, [disabled].autorunner.big-report-button, [disabled].circle.widemode, [disabled].widemode.big-report-button, [disabled].circle.refresh-blue, [disabled].refresh-blue.big-report-button, [disabled].circle.cancel-red, [disabled].cancel-red.big-report-button {
    background-color: rgba(239, 239, 239, 0.3); }
  .watermark-circle .active-border, .circle.autorunner .active-border, .autorunner.big-report-button .active-border, .circle.widemode .active-border, .widemode.big-report-button .active-border, .circle.refresh-blue .active-border, .refresh-blue.big-report-button .active-border, .circle.cancel-red .active-border, .cancel-red.big-report-button .active-border {
    border-color: #676767; }
  .watermark-circle[disabled] .active-border, [disabled].circle.autorunner .active-border, [disabled].autorunner.big-report-button .active-border, [disabled].circle.widemode .active-border, [disabled].widemode.big-report-button .active-border, [disabled].circle.refresh-blue .active-border, [disabled].refresh-blue.big-report-button .active-border, [disabled].circle.cancel-red .active-border, [disabled].cancel-red.big-report-button .active-border {
    border-color: rgba(239, 239, 239, 0.3); }
.ltlt-yellow-circle, .circle.edit, .edit.big-report-button {
  background-color: #FFDA64; }
  .ltlt-yellow-circle:hover, .circle.edit:hover, .edit.big-report-button:hover {
    background-color: #FDF3C9; }
  .ltlt-yellow-circle.hovered, .hovered.circle.edit, .hovered.edit.big-report-button {
    background-color: #FDF3C9; }
  .ltlt-yellow-circle[disabled], [disabled].circle.edit, [disabled].edit.big-report-button {
    background-color: #E0D8BC; }
  .ltlt-yellow-circle .active-border, .circle.edit .active-border, .edit.big-report-button .active-border {
    border-color: #9B7600; }
  .ltlt-yellow-circle[disabled] .active-border, [disabled].circle.edit .active-border, [disabled].edit.big-report-button .active-border {
    border-color: #E0D8BC; }
.smred-circle, #loginbutton,
#run {
  background-color: #A71E22; }
  .smred-circle:hover, #loginbutton:hover,
  #run:hover {
    background-color: #FF6767; }
  .smred-circle.hovered, .hovered#loginbutton,
  .hovered#run {
    background-color: #FF6767; }
  .smred-circle[disabled], [disabled]#loginbutton,
  [disabled]#run {
    background-color: #D0C2C2; }
  .smred-circle .active-border, #loginbutton .active-border,
  #run .active-border {
    border-color: #810000; }
  .smred-circle[disabled] .active-border, [disabled]#loginbutton .active-border,
  [disabled]#run .active-border {
    border-color: #D0C2C2; }
#backToAccession {
  background-image: url("../images/icons/back.svg"); }
.circle.add, .add.big-report-button {
  background-image: url("../images/icons/add.svg"); }
.circle.subtract, .subtract.big-report-button {
  background-image: url("../images/icons/subtract_centered.svg"); }
.circle.subtract-grey, .subtract-grey.big-report-button {
  background-color: #BEBEBE;
  background-image: url("../images/icons/subtract_centered.svg");
  display: inline-block; }
.circle.execute, .execute.big-report-button {
  background-size: 100%;
  background-image: url("../images/icons/play.svg"); }
.circle.grey-dash, .grey-dash.big-report-button {
  background-color: transparent;
  background-image: url("../images/icons/grey-dash.svg");
  display: inline-block; }
.circle.back, .back.big-report-button {
  background-image: url("../images/icons/back.svg"); }
.circle.barcode, .barcode.big-report-button {
  background-image: url("../images/icons/print.svg"); }
.circle.bulkScan, .bulkScan.big-report-button {
  background-image: url("../images/icons/rabbit.svg"); }
.circle.cancel, .cancel.big-report-button {
  background-image: url("../images/icons/cancel.svg"); }
.circle.cancel-red, .cancel-red.big-report-button {
  background-image: url("../images/icons/cancel-red.svg"); }
.circle.keyboard, .keyboard.big-report-button {
  background-image: url("../images/keyboard_white.svg");
  background-size: 37px; }
.circle.check, .check.big-report-button,
.circle.yes,
.yes.big-report-button {
  background-image: url("../images/icons/check.svg"); }
.circle.checkOut, .checkOut.big-report-button {
  background-image: url("../images/icons/checkout.svg"); }
.circle.comment, .comment.big-report-button {
  background-image: url("../images/icons/comment.svg"); }
.circle.attach, .attach.big-report-button {
  background-image: url("../images/icons/attach.png"); }
.circle.download, .download.big-report-button {
  background-image: url("../images/icons/download.png"); }
.circle.expand, .expand.big-report-button {
  background-image: url("../images/dropdown-arrow.png"); }
  .circle.expand.small, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .expand.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .expand.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .expand.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .expand.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .expand.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .expand.nav-stats.big-report-button, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .expand.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .expand.nav-stats.big-report-button, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .expand.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .expand.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .expand.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .expand.nav-stats.big-report-button, #navMenuList .navigation-button-container .expand.circle.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .expand.nav-stats.big-report-button:first-child:nth-last-child(3), #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .expand.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .expand.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .expand.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .expand.nav-stats.big-report-button, #navMenuList .navigation-button-container .expand.circle.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .expand.nav-stats.big-report-button:first-child:nth-last-child(2), #navMenuList .navigation-button-container .expand.circle.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .expand.nav-stats.big-report-button:first-child:nth-last-child(1), .expand.small.big-report-button {
    background-size: 35px; }
  .circle.expand.no-border, .expand.no-border.big-report-button {
    background-image: url("../images/dropdown-arrow-no-border.png"); }
.circle.expand-no-border, .expand-no-border.big-report-button {
  background-image: url("../images/dropdown-arrow-no-border.png"); }
  .circle.expand-no-border.small, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .expand-no-border.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .expand-no-border.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .expand-no-border.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .expand-no-border.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .expand-no-border.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .expand-no-border.nav-stats.big-report-button, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .expand-no-border.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .expand-no-border.nav-stats.big-report-button, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .expand-no-border.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .expand-no-border.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .expand-no-border.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .expand-no-border.nav-stats.big-report-button, #navMenuList .navigation-button-container .expand-no-border.circle.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .expand-no-border.nav-stats.big-report-button:first-child:nth-last-child(3), #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .expand-no-border.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .expand-no-border.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .expand-no-border.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .expand-no-border.nav-stats.big-report-button, #navMenuList .navigation-button-container .expand-no-border.circle.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .expand-no-border.nav-stats.big-report-button:first-child:nth-last-child(2), #navMenuList .navigation-button-container .expand-no-border.circle.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .expand-no-border.nav-stats.big-report-button:first-child:nth-last-child(1), .expand-no-border.small.big-report-button {
    background-size: 35px; }
  .circle.expand-no-border.blue, .expand-no-border.blue.big-report-button {
    border-color: #73C5E1; }
.circle.copy, .copy.big-report-button {
  background-image: url("../images/icons/copy.svg"); }
  .circle.copy.zeroclipboard-is-active, .copy.zeroclipboard-is-active.big-report-button {
    background-color: #DFBCDF;
    outline: 0; }
  #scan-view .accession-id-container .circle.copy, #scan-view .accession-id-container .copy.big-report-button {
    left: 50%;
    margin-left: 180px;
    margin-top: 24px;
    position: absolute;
    top: 0;
    z-index: 5; }
embed:hover {
  background-color: #DFBCDF;
  background-image: url("../images/icons/copy.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 17px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer; }
.circle.database-edit, .database-edit.big-report-button {
  background-image: url("../images/icons/database-edit.svg");
  /* Icon made by http://www.freepik.com from http://www.flaticon.com is licensed under Creative Commons BY 3.0 */ }
.circle.destroy, .destroy.big-report-button {
  background-image: url("../images/icons/trash.svg"); }
.circle.eraser, .eraser.big-report-button {
  background-image: url("../images/icons/eraser.svg"); }
  .circle.eraser.small, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .eraser.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .eraser.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .eraser.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .eraser.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .eraser.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .eraser.nav-stats.big-report-button, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .eraser.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .eraser.nav-stats.big-report-button, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .eraser.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .eraser.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .eraser.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .eraser.nav-stats.big-report-button, #navMenuList .navigation-button-container .eraser.circle.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .eraser.nav-stats.big-report-button:first-child:nth-last-child(3), #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .eraser.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .eraser.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .eraser.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .eraser.nav-stats.big-report-button, #navMenuList .navigation-button-container .eraser.circle.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .eraser.nav-stats.big-report-button:first-child:nth-last-child(2), #navMenuList .navigation-button-container .eraser.circle.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .eraser.nav-stats.big-report-button:first-child:nth-last-child(1), .eraser.small.big-report-button {
    background-size: 19px; }
.circle.eraser-red, .eraser-red.big-report-button {
  background-image: url("../images/icons/eraser.svg"); }
  .circle.eraser-red.small, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .eraser-red.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .eraser-red.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .eraser-red.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .eraser-red.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .eraser-red.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .eraser-red.nav-stats.big-report-button, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .eraser-red.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .eraser-red.nav-stats.big-report-button, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .eraser-red.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .eraser-red.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .eraser-red.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .eraser-red.nav-stats.big-report-button, #navMenuList .navigation-button-container .eraser-red.circle.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .eraser-red.nav-stats.big-report-button:first-child:nth-last-child(3), #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .eraser-red.circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .eraser-red.circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .eraser-red.nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .eraser-red.nav-stats.big-report-button, #navMenuList .navigation-button-container .eraser-red.circle.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .eraser-red.nav-stats.big-report-button:first-child:nth-last-child(2), #navMenuList .navigation-button-container .eraser-red.circle.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .eraser-red.nav-stats.big-report-button:first-child:nth-last-child(1), .eraser-red.small.big-report-button {
    background-size: 19px; }
.circle.clock-with-arrow, .clock-with-arrow.big-report-button {
  background-image: url("../images/icons/clock-with-arrow.svg");
  background-size: 44px; }
.circle.crossed-out-calendar, .crossed-out-calendar.big-report-button {
  background-image: url("../images/icons/crossed-out-calendar.svg");
  background-size: 29px; }
.circle.wavy-arrow, .wavy-arrow.big-report-button {
  background-image: url("../images/icons/wavy-arrow.svg");
  background-size: 49px; }
.circle.reroute, .reroute.big-report-button {
  background-image: url("../images/icons/wavy-arrow.svg");
  background-size: 49px; }
.circle.edit, .edit.big-report-button {
  background-image: url("../images/icons/gear.svg"); }
.circle.esign, .esign.big-report-button {
  background-image: url("../images/icons/esign.svg"); }
.circle.export, .export.big-report-button {
  background-image: url("../images/icons/export.png"); }
.circle.filter, .filter.big-report-button {
  background-image: url("../images/icons/search.svg"); }
.circle.help, .help.big-report-button {
  background-image: url("../images/icons/question.svg"); }
.circle.rate, .rate.big-report-button {
  background-image: url("../images/icons/gauge.svg"); }
.circle.inactive, .inactive.big-report-button {
  
  background-image: url("../images/icons/inactive.svg"); }
.circle.lock, .lock.big-report-button {
  background-image: url("../images/icons/lock.svg"); }
  .circle.lock.medium, .lock.medium.big-report-button {
    background-size: 20px; }
.circle.lock.red, .lock.red.big-report-button {
  background-image: url("../images/icons/lock.svg"); }
  .circle.lock.red.medium, .lock.red.medium.big-report-button {
    background-size: 20px; }
#loginbutton,
#run {
  background-image: url("../images/icons/login.svg"); }
.circle.next, .next.big-report-button {
  background-image: url("../images/icons/next.svg"); }
.circle.logout, .logout.big-report-button {
  background-image: url("../images/icons/logout.svg"); }
.circle.manualresultentry, .manualresultentry.big-report-button {
  background-image: url("../images/icons/manualResults.svg"); }
.circle.no, .no.big-report-button {
  background-image: url("../images/icons/stop.svg"); }
.circle.stop, .stop.big-report-button {
  background-image: url("../images/icons/stop2.svg"); }
.circle.print, .print.big-report-button {
  background-image: url("../images/icons/print.svg"); }
.circle.showjob, .showjob.big-report-button {
  background-image: url("../images/icons/barcode-icon.svg"); }
.circle.printPDF, .printPDF.big-report-button {
  background-image: url("../images/icons/printPDF.svg");
  background-size: 55px; }
.circle.onbase, .onbase.big-report-button {
  background-image: url("../images/icons/report.svg"); }
.circle.printHistory, .printHistory.big-report-button {
  background-image: url("../images/icons/barcode-icon.svg"); }
.circle.save.hasbarcode .barcode, .save.hasbarcode.big-report-button .barcode {
  display: block; }
.circle.save.hasbarcode:hover .barcode, .save.hasbarcode.big-report-button:hover .barcode {
  background-color: #DFBCDF; }
.circle.problem, .problem.big-report-button {
  background-image: url("../images/icons/exc.svg"); }
.circle.refresh, .refresh.big-report-button {
  background-image: url("../images/icons/refresh.svg"); }
  .circle.refresh.buffer-addition-refresh, .refresh.buffer-addition-refresh.big-report-button {
    margin-top: 75px; }
.circle.remove-bead, .remove-bead.big-report-button {
  background-image: url("../images/icons/removeBead.svg"); }
.circle.refresh-blue, .refresh-blue.big-report-button {
  background-image: url("../images/icons/refresh-blue.svg"); }
.circle.rotate, .rotate.big-report-button {
  background-image: url("../images/icons/rotate.svg"); }
.circle.ghost, .ghost.big-report-button {
  background-size: 50px;
  background-image: url("../images/icons/ghost-2-icon_filled_512.svg"); }
  .circle.ghost.ghosted, .ghost.ghosted.big-report-button {
    background-image: url("../images/icons/ghost-2-icon_outline_512.svg"); }
.small.circle.ghost, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .circle.ghost.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .circle.ghost.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.ghost.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.ghost.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.ghost.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.ghost.nav-stats, #navMenuList .navigation-button-container .circle.ghost.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .circle.ghost.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .circle.ghost.nav-stats, #navMenuList .navigation-button-container .circle.ghost.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .circle.ghost.nav-stats:first-child:nth-last-child(1), .small.ghost.big-report-button, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .ghost.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .ghost.big-report-button.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .ghost.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .ghost.big-report-button.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .ghost.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .ghost.big-report-button.nav-stats, #navMenuList .navigation-button-container .ghost.big-report-button.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .ghost.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .ghost.big-report-button.nav-stats, #navMenuList .navigation-button-container .ghost.big-report-button.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .ghost.big-report-button.nav-stats:first-child:nth-last-child(1) {
  background-size: 25px; }
.circle.save, .save.big-report-button {
  background-image: url("../images/icons/save.svg"); }
.circle.save.hasback .back, .save.hasback.big-report-button .back {
  display: block; }
.circle.save.hasback:hover .back, .save.hasback.big-report-button:hover .back {
  background-color: #FFDA64; }
.circle.save.hasproblem .problem, .save.hasproblem.big-report-button .problem {
  display: block; }
.circle.save.hasproblem:hover .problem, .save.hasproblem.big-report-button:hover .problem {
  background-color: #FF6767; }
.circle.save.hasrefresh .refresh, .save.hasrefresh.big-report-button .refresh {
  display: block; }
.circle.save.hasrefresh:hover .refresh, .save.hasrefresh.big-report-button:hover .refresh {
  background-color: #6EAAD9; }
.circle.save.hasbarcode .barcode, .save.hasbarcode.big-report-button .barcode {
  display: block; }
.circle.save.hasbarcode:hover .barcode, .save.hasbarcode.big-report-button:hover .barcode {
  background-color: #DFBCDF; }
.circle.scroll, .scroll.big-report-button {
  background-image: url("../images/icons/scroll.svg");
  transition: all 0.5s ease; }
.circle.trash, .trash.big-report-button {
  background-image: url("../images/icons/trash.svg"); }
.circle.trash.hasback .back, .trash.hasback.big-report-button .back {
  display: block; }
.circle.trash.hasback:hover .back, .trash.hasback.big-report-button:hover .back {
  background-color: #FFDA64; }
.circle.trash.hasproblem .problem, .trash.hasproblem.big-report-button .problem {
  display: block; }
.circle.trash.hasproblem:hover .problem, .trash.hasproblem.big-report-button:hover .problem {
  background-color: #FF6767; }
.circle.trash.hasrefresh .refresh, .trash.hasrefresh.big-report-button .refresh {
  display: block; }
.circle.trash.hasrefresh:hover .refresh, .trash.hasrefresh.big-report-button:hover .refresh {
  background-color: #6EAAD9; }
.circle.trash.red, .trash.red.big-report-button {
  background-image: url("../images/icons/trash.svg"); }
  .circle.trash.red:hover, .trash.red.big-report-button:hover {
    background-color: #D01313; }
.circle.trash.grey, .trash.grey.big-report-button {
  background-image: url("../images/icons/trash.svg");
  background-color: #BEBEBE; }
  .circle.trash.grey:hover, .trash.grey.big-report-button:hover {
    background-color: #BEBEBE; }
.circle.trash.blue, .trash.blue.big-report-button {
  background-image: url("../images/icons/trash.svg"); }
  .circle.trash.blue:hover, .trash.blue.big-report-button:hover {
    background-color: #257DBE; }
.circle.singleScan, .singleScan.big-report-button {
  background-image: url("../images/icons/snail.svg"); }
.circle.table, .table.big-report-button {
  background-image: url("../images/icons/table.png"); }
.circle.graph, .graph.big-report-button {
  background-image: url("../images/icons/graph.png"); }
.circle.wrenches, .wrenches.big-report-button {
  background-image: url("../images/icons/wrenchhammer.svg");
  background-size: 44px;
  background-color: #ffc200; }
  .circle.wrenches .upper-right, .wrenches.big-report-button .upper-right {
    left: 56px;
    bottom: 2px; }
  .circle.wrenches .lower-right, .wrenches.big-report-button .lower-right {
    left: 56px;
    top: 25px; }
.circle.mail, .mail.big-report-button {
  background-image: url("../images/icons/mail.png");
  background-size: 42px; }
.circle.data-view-toggle, .data-view-toggle.big-report-button {
  background-size: 90%; }
.circle.thumbsup, .thumbsup.big-report-button {
  background-image: url("../images/icons/thumbs-up.svg"); }
.circle.thumbsdown, .thumbsdown.big-report-button {
  background-image: url("../images/icons/thumbs-down.svg"); }
.toggle .circle, .toggle .big-report-button, .toggle-button-ctn {
  z-index: 10; }
.toggle .circle.toggle-none, .toggle .toggle-none.big-report-button, .toggle-button-ctn .circle.toggle-none, .toggle-button-ctn .toggle-none.big-report-button {
  background-color: #F9F9F9;
  border: 1px solid #DDDDDD; }
.toggle .circle.toggle-thumbsup, .toggle .toggle-thumbsup.big-report-button {
  background-image: url("../images/icons/thumbs-up.svg"); }
.toggle .circle.toggle-thumbsdown, .toggle .toggle-thumbsdown.big-report-button {
  background-image: url("../images/icons/thumbs-down.svg"); }
.toggle .circle.toggle-no, .toggle .toggle-no.big-report-button {
  background-image: url("../images/icons/inactive.svg"); }
.toggle .circle.toggle-check-green, .toggle .toggle-check-green.big-report-button {
  background-image: url("../images/icons/check.svg"); }
.toggle .circle.toggle-update, .toggle .toggle-update.big-report-button {
  background-image: url("../images/icons/update.svg"); }
.toggle .circle.toggle-trash-it, .toggle .toggle-trash-it.big-report-button, .trash-it {
  background-image: url("../images/icons/trash.svg"); }
.toggle .circle.toggle-cant-trash-it, .toggle .toggle-cant-trash-it.big-report-button {
  background-image: url("../images/icons/trash.svg"); }
.toggle .circle.toggle-removed-from-rack, .toggle .toggle-removed-from-rack.big-report-button {
  background-image: url("../images/icons/undo.svg"); }
.toggle .circle.toggle-add, .toggle .toggle-add.big-report-button {
  background-image: url("../images/icons/add.svg"); }
.toggle .circle.toggle-subtract, .toggle .toggle-subtract.big-report-button {
  background-image: url("../images/icons/subtract_centered.svg"); }
.toggle .circle.toggle-service, .toggle .toggle-service.big-report-button {
  background-image: url("../images/icons/wrench.svg");
  background-size: 22px; }
.circle.undo, .undo.big-report-button {
  background-image: url("../images/icons/undo.svg"); }
.circle.unlock, .unlock.big-report-button {
  background-image: url("../images/icons/unlock.svg"); }
  .circle.unlock.medium, .unlock.medium.big-report-button {
    background-size: 20px; }
.circle.unlock.red, .unlock.red.big-report-button {
  background-image: url("../images/icons/unlock.svg"); }
  .circle.unlock.red.medium, .unlock.red.medium.big-report-button {
    background-size: 20px; }
.circle.update, .update.big-report-button {
  background-image: url("../images/icons/update.svg");
  background-size: 42px; }
.circle.kill, .kill.big-report-button {
  background-image: url("../images/icons/stop.svg");
  background-size: 42px; }
.circle.viewReport, .viewReport.big-report-button {
  background-image: url("../images/icons/report.svg"); }
.circle.viewAuditReport, .viewAuditReport.big-report-button {
  background-image: url("../images/icons/audit-report.png"); }
.subtleButtons {
  width: 35px;
  top: 0px;
  position: absolute; }
.circle.widemode, .widemode.big-report-button {
  background-image: url("../images/icons/screen-wide.svg");
  float: left;
  margin-top: 10px; }
  .wide .circle.widemode, .wide .widemode.big-report-button {
    background-image: url("../images/icons/screen-normal.svg"); }
.circle.autorunner, .autorunner.big-report-button {
  
  float: left;
  margin-top: 5px;
  display: none; }
.circle.autorunner .runnerNum, .autorunner.big-report-button .runnerNum {
  color: #ffffff;
  height: 35px;
  left: 13px;
  line-height: 35px;
  width: 35px;
  font-weight: bold; }
.circle .autorunner .runnerNum:hover, .big-report-button .autorunner .runnerNum:hover {
  color: #ffffff; }
.circle.workstationsettings, .workstationsettings.big-report-button {
  background-image: url("../images/icons/gear.svg");
  background-size: 40px; }
.circle.result, .result.big-report-button {
  display: none;
  margin: 5px auto 3px; }
  .circle.result.medium, .result.medium.big-report-button {
    float: none; }
.circle.result.Invalid, .result.Invalid.big-report-button {
  background-color: #F98200;
  background-image: url("../images/icons/asterisk.svg");
  display: block; }
.circle.result.Negative, .result.Negative.big-report-button {
  background-color: #5BB033;
  background-image: url("../images/icons/subtract.svg");
  background-position: 50% 5px;
  display: block; }
.circle.result.Positive, .result.Positive.big-report-button {
  background-color: #D01313;
  background-image: url("../images/icons/add.svg");
  display: block; }
.circle.confirm-info, .confirm-info.big-report-button {
  background-color: #257DBE;
  background-image: url("../images/icons/asterisk.svg");
  display: inline-block;
   }
.circle.confirm-invalid, .confirm-invalid.big-report-button,
.toggle .circle.confirm-invalid {
  background-color: #D01313;
  background-image: url("../images/icons/exc.svg");
  display: inline-block;
   }
.circle.confirm-invalid-orange, .confirm-invalid-orange.big-report-button,
.toggle .circle.confirm-invalid-orange {
  background-color: #F98200;
  background-image: url("../images/icons/exc.svg");
  display: inline-block;
   }
.circle.confirm-invalid-grey, .confirm-invalid-grey.big-report-button,
.toggle .circle.confirm-invalid-grey {
  background-color: #BEBEBE;
  background-image: url("../images/icons/exc.svg");
  display: inline-block;
   }
.circle.question, .question.big-report-button {
  background-color: #257DBE;
  background-image: url("../images/icons/question.svg");
  display: inline-block;
   }
.circle.x, .x.big-report-button {
  background-color: #D01313;
  background-image: url("../images/icons/cancel.svg");
  display: inline-block;
   }
.circle.confirm-unknown, .confirm-unknown.big-report-button,
.toggle .circle.confirm-unknown {
  background: none;
  border: 1px solid #D3D3D3;
  display: inline-block;
   }
  #scan-view .circle.confirm-unknown, #scan-view .confirm-unknown.big-report-button, #scan-view .toggle .circle.confirm-unknown {
    display: none; }
.circle.confirm-valid, .confirm-valid.big-report-button,
.toggle .circle.confirm-valid {
  background-color: #5BB033;
  background-image: url("../images/icons/check.svg");
  display: inline-block;
   }
.circle.confirm-valid-blue, .confirm-valid-blue.big-report-button,
.toggle .circle.confirm-valid-blue {
  background-color: #257DBE;
  background-image: url("../images/icons/check.svg");
  display: inline-block;
   }
.circle.confirm-valid-grey, .confirm-valid-grey.big-report-button,
.toggle .circle.confirm-valid-grey {
  background-color: #BEBEBE;
  background-image: url("../images/icons/check.svg");
  display: inline-block;
   }
.circle.confirm-warning, .confirm-warning.big-report-button {
  background-color: #FFD039;
  background-image: url("../images/icons/asterisk.svg");
  display: inline-block;
   }
.circle.confirm-warning-orange, .confirm-warning-orange.big-report-button {
  background-color: #FF9F37;
  background-image: url("../images/icons/asterisk.svg");
  display: inline-block;
   }
.circle.confirm-warning-grey, .confirm-warning-grey.big-report-button {
  background-color: #BEBEBE;
  background-image: url("../images/icons/asterisk.svg");
  display: inline-block;
   }
.circle.confirm-warning-green, .confirm-warning-green.big-report-button {
  background-color: #7BCA55;
  background-image: url("../images/icons/asterisk.svg");
  display: inline-block;
   }
.circle.confirm-wrench, .confirm-wrench.big-report-button {
  background-color: #FF9F37;
  background-image: url("../images/icons/wrench.svg");
  display: inline-block;
   }
.circle.INFO, .INFO.big-report-button {
  background-color: #257DBE;
  background-image: url("../images/icons/asterisk.svg");
  display: inline-block;
   }
.big-report-button {
  margin: 0 auto;
  display: block;
  float: none; }
.validstateindicator {
  display: none;
  position: absolute;
  right: -17px;
  top: 3px;
  z-index: 5; }
#scan-view button.circle.validstateindicator, #scan-view button.validstateindicator.big-report-button {
  left: 50%;
  margin-left: 180px;
  margin-top: -6px;
  position: absolute;
  top: 0;
  z-index: 5; }
.navigation-button-container .validstateindicator {
  cursor: default;
  top: 6px; }
  #navMenuList .navigation-button-container .validstateindicator :not(#navMenuList .navigation-button-container) {
    background-size: 13px;
    height: 25px;
    right: -10px;
    top: 12px;
    width: 25px; }
#navMenuList .navigation-button-container .validstateindicator {
  cursor: default;
  top: 10px; }
.pulsate {
  -webkit-animation: pulsate 0.35s ease-out infinite alternate-reverse;
  animation: pulsate 0.35s ease-out infinite alternate-reverse;
  opacity: 0; }
@-webkit-keyframes pulsate {
  from {
    -ms-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes pulsate {
  from {
    -ms-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0; }
  to {
    opacity: 1; } }
@-keyframes pulsate {
  from {
    -ms-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0; }
  to {
    opacity: 1; } }
.pulsate-racking-active, .rackPicture .rackColumnWrap .lastScanned,
.rackPicture #pictureCell-0.lastScanned {
  -webkit-animation: pulsate-racking-active 0.35s ease-out 5 alternate;
  animation: pulsate-racking-active 0.35s ease-out 5 alternate;
  opacity: 1; }
@-webkit-keyframes pulsate-racking-active {
  from {
    opacity: 1; }
  to {
    bottom: 3px;
    left: 4px;
    opacity: 0.75;
    right: 3px;
    top: 4px; } }
@-moz-keyframes pulsate-racking-active {
  from {
    opacity: 1; }
  to {
    bottom: 3px;
    left: 4px;
    opacity: 0.75;
    right: 3px;
    top: 4px; } }
@-keyframes pulsate-racking-active {
  from {
    opacity: 1; }
  to {
    bottom: 3px;
    left: 4px;
    opacity: 0.75;
    right: 3px;
    top: 4px; } }
.navigation-button-container .circle.nav-stats, .navigation-button-container .nav-stats.big-report-button {
  background-color: #FFFFFF;
  border: 2px solid #999999;
  color: #727272;
  cursor: default;
  font-family: 'Inconsolata';
  font-size: 13px;
  line-height: 45px;
  
  margin: 0;
  position: absolute;
  text-align: center;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-in-out; }
  #navMenuList .navigation-button-container .circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button {
    line-height: 35px; }
.navigation-button-container .circle.nav-stats:first-child:nth-last-child(1), .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(1) {
  left: 50%;
  margin-left: -23px;
  top: 3px; }
  #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(1) {
    margin-left: -18px;
    top: -4px; }
.navigation-button-container .circle.nav-stats:first-child:nth-last-child(2), .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) {
  left: 50%;
  margin-left: -45px;
  top: 3px; }
  #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) {
    margin-left: -37px;
    top: -1px; }
  .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .circle.nav-stats, .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .circle.nav-stats, .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .nav-stats.big-report-button, .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .nav-stats.big-report-button {
    margin-right: -45px;
    right: 50%;
    top: -12px; }
    #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .nav-stats.big-report-button {
      margin-right: -37px;
      top: -6px; }
.navigation-button-container .circle.nav-stats:first-child:nth-last-child(3), .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) {
  left: 50%;
  margin-left: -64px;
  top: 3px; }
  #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) {
    margin-left: -54px;
    top: -1px; }
  .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats, .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats, .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button, .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button {
    left: 50%;
    margin-left: -25px;
    top: -12px;
    z-index: 3; }
    #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button {
      margin-left: -19px;
      top: -6px; }
    .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .circle.nav-stats, .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .circle.nav-stats, .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.nav-stats, .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.nav-stats, .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .nav-stats.big-report-button, .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .nav-stats.big-report-button, .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .nav-stats.big-report-button, .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .nav-stats.big-report-button {
      margin-right: -64px;
      right: 50%;
      top: 3px; }
      #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .nav-stats.big-report-button, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .nav-stats.big-report-button, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .nav-stats.big-report-button {
        margin-right: -55px;
        top: -1px; }
.nav-stats.nav-stat-hide {
  transform: scale(0, 0); }
.navigation-button-container .circle.nav-stats.red, .navigation-button-container .nav-stats.red.big-report-button {
  border-color: #D01313; }
.navigation-button-container .circle.nav-stats.orange, .navigation-button-container .nav-stats.orange.big-report-button {
  border-color: #F98200; }
.navigation-button-container .circle.nav-stats.yellow, .navigation-button-container .nav-stats.yellow.big-report-button {
  border-color: #FFC200; }
.navigation-button-container .circle.nav-stats.brown, .navigation-button-container .nav-stats.brown.big-report-button {
  border-color: #7A3F00; }
.navigation-button-container .circle.nav-stats.ltgreen, .navigation-button-container .nav-stats.ltgreen.big-report-button {
  border-color: #B4C63D; }
.navigation-button-container .circle.nav-stats.green, .navigation-button-container .nav-stats.green.big-report-button {
  border-color: #5BB033; }
.navigation-button-container .circle.nav-stats.ltblue, .navigation-button-container .nav-stats.ltblue.big-report-button {
  border-color: #73C5E1; }
.navigation-button-container .circle.nav-stats.blue, .navigation-button-container .nav-stats.blue.big-report-button {
  border-color: #257DBE; }
.navigation-button-container .circle.nav-stats.dkblue, .navigation-button-container .nav-stats.dkblue.big-report-button {
  border-color: #314890; }
.navigation-button-container .circle.nav-stats.purple, .navigation-button-container .nav-stats.purple.big-report-button {
  border-color: #9E579E; }
.navigation-button-container .circle.nav-stats.pink, .navigation-button-container .nav-stats.pink.big-report-button {
  border-color: #EB64A0; }
.rackColumn div.validstateindicator.circle, .rackColumn .validstateindicator.big-report-button {
  height: 70%;
  left: 50%;
  margin: -35% 0 0 -35%;
  position: absolute;
  top: 50%;
  width: 70%;
  background-color: transparent; }
.rackColumn div.validstateindicator.circle.confirm-info, .rackColumn .validstateindicator.confirm-info.big-report-button {
  background: url("../images/icons/exc-info.png") no-repeat scroll center center #FFFFFF;
  background-size: 100% auto; }
.rackColumn div.validstateindicator.circle.confirm-invalid, .rackColumn .validstateindicator.confirm-invalid.big-report-button {
  background: url("../images/icons/exc-invalid.png") no-repeat scroll center center #FFFFFF;
  background-size: 100% auto; }
.rackColumn.rackingWarning div.validstateindicator.circle.confirm-warning, .rackColumn.rackingWarning .validstateindicator.confirm-warning.big-report-button {
  background: url("../images/icons/asterisk.svg") no-repeat scroll center center;
  background-size: 100% auto; }
.rackColumn div.validstateindicator.circle.confirm-warning, .rackColumn .validstateindicator.confirm-warning.big-report-button {
  background: url("../images/icons/exc-warning.png") no-repeat scroll center center #FFFFFF;
  background-size: 100% auto; }
.circle.rackview.hidden, .rackview.hidden.big-report-button {
  display: none; }
.slider-menu {
  height: 35px;
  position: absolute;
  width: 35px;
  z-index: 5; }
.button-section .slider-menu {
  left: -12px;
  top: 10px; }
.ladda-button .slider-menu {
  left: -17px;
  top: 3px; }
.tower-header .slider-menu {
  left: -17px;
  top: 4px;
   }
.circle.unrecordable, .unrecordable.big-report-button {
  background: url("../images/icons/circle.svg") no-repeat scroll center center #D3D3D3;
  background-size: 33px 33px;
  border: 1px solid #D3D3D3;
  z-index: 1; }
.circle.unrecordable.tiny, .unrecordable.tiny.big-report-button {
  background-size: 25px; }
.text-area-ctn .copy {
  float: none; }
.sliderWrap1 .activeMenu,
.rack-selection-indicator .sliderWrap1 .activeMenu,
.rack-container .unrecordable.small.activeMenu,
.rack-container #navMenuList .navigation-button-container .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(1),
#navMenuList .navigation-button-container .rack-container .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(1),
.rack-container #navMenuList .navigation-button-container .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(1),
#navMenuList .navigation-button-container .rack-container .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(1),
.rack-container #navMenuList .navigation-button-container .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(2),
#navMenuList .navigation-button-container .rack-container .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(2),
.rack-container #navMenuList .navigation-button-container .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(2),
#navMenuList .navigation-button-container .rack-container .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(2),
.rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.activeMenu.circle.nav-stats,
#navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.activeMenu.circle.nav-stats,
.rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.activeMenu.circle.nav-stats,
#navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.activeMenu.circle.nav-stats,
.rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.activeMenu.nav-stats.big-report-button,
#navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.activeMenu.nav-stats.big-report-button,
.rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.activeMenu.nav-stats.big-report-button,
#navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.activeMenu.nav-stats.big-report-button,
.rack-container #navMenuList .navigation-button-container .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(3),
#navMenuList .navigation-button-container .rack-container .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(3),
.rack-container #navMenuList .navigation-button-container .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(3),
#navMenuList .navigation-button-container .rack-container .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(3),
.rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.activeMenu.circle.nav-stats,
#navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.activeMenu.circle.nav-stats,
.rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.activeMenu.circle.nav-stats,
#navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.activeMenu.circle.nav-stats,
.rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.activeMenu.nav-stats.big-report-button,
#navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.activeMenu.nav-stats.big-report-button,
.rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.activeMenu.nav-stats.big-report-button,
#navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.activeMenu.nav-stats.big-report-button,
.rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.circle.nav-stats,
#navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.circle.nav-stats,
.rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.circle.nav-stats,
#navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.circle.nav-stats,
.rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.circle.nav-stats,
#navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.circle.nav-stats,
.rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.circle.nav-stats,
#navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.circle.nav-stats,
.rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.nav-stats.big-report-button,
#navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.nav-stats.big-report-button,
.rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.nav-stats.big-report-button,
#navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.nav-stats.big-report-button,
.rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.nav-stats.big-report-button,
#navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.nav-stats.big-report-button,
.rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.nav-stats.big-report-button,
#navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.nav-stats.big-report-button {
  background: url("../images/icons/circle-active-D01313.svg") no-repeat scroll center center #D3D3D3;
  border: 1px solid #D3D3D3; }
.buttonMenu {
  float: left;
  height: 35px;
  left: 300px;
  position: absolute;
  width: 300px;
  z-index: 3; }
.circle.number, .number.big-report-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: white;
  font-weight: bold;
  left: 50px; }
.buttonMenuTiny {
  top: 11px; }
.sliderWrap1 {
  position: relative;
  height: 35px;
  z-index: 0; }
.sliderWrap2 {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 37px;
  top: -36px;
  left: -284px;
  z-index: -1;
  padding-top: 1px; }
.sliderWrap1 .buttonMenu button {
  display: inline-block;
  float: right;
  left: auto;
  margin-right: 5px;
  position: relative;
  top: auto; }
.buttonMenu .circle.tiny, .buttonMenu .tiny.big-report-button {
  margin-right: 6px; }
.sliderWrap2 div.circle.small.circle-background, .sliderWrap2 div.small.circle-background.big-report-button, .sliderWrap2 #navMenuList .navigation-button-container div.circle.circle-background.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .sliderWrap2 div.circle.circle-background.nav-stats:first-child:nth-last-child(1), .sliderWrap2 #navMenuList .navigation-button-container div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .sliderWrap2 div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(1), .sliderWrap2 #navMenuList .navigation-button-container div.circle.circle-background.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .sliderWrap2 div.circle.circle-background.nav-stats:first-child:nth-last-child(2), .sliderWrap2 #navMenuList .navigation-button-container div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .sliderWrap2 div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(2), .sliderWrap2 #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .circle.nav-stats:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .circle.nav-stats:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container div.circle.circle-background.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .sliderWrap2 div.circle.circle-background.nav-stats:first-child:nth-last-child(3), .sliderWrap2 #navMenuList .navigation-button-container div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .sliderWrap2 div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(3), .sliderWrap2 #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .circle.nav-stats:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .circle.nav-stats:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats, .sliderWrap2 #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .sliderWrap2 .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats {
  background-color: rgba(0, 0, 0, 0); }
div.circle.small.circle-background, div.small.circle-background.big-report-button, #navMenuList .navigation-button-container div.circle.circle-background.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container div.circle.circle-background.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container div.circle.circle-background.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  border-radius: 0;
  left: 0;
  width: 40px;
  
  z-index: -1; }
  .recordableswitch + div.circle.small.circle-background, .recordableswitch + div.small.circle-background.big-report-button, #navMenuList .navigation-button-container .recordableswitch + div.circle.circle-background.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .recordableswitch + div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .recordableswitch + div.circle.circle-background.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .recordableswitch + div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .circle.nav-stats.recordableswitch:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button.recordableswitch:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats.recordableswitch:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button.recordableswitch:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .recordableswitch + div.circle.circle-background.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .recordableswitch + div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .circle.nav-stats.recordableswitch:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button.recordableswitch:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats.recordableswitch:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button.recordableswitch:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats.recordableswitch + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats.recordableswitch + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button.recordableswitch + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button.recordableswitch + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats.recordableswitch + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats.recordableswitch + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button.recordableswitch + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button.recordableswitch + div.circle-background.big-report-button.nav-stats {
    display: none; }
  .activeMenu + div.circle.small.circle-background, .activeMenu + div.small.circle-background.big-report-button, #navMenuList .navigation-button-container .activeMenu + div.circle.circle-background.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .activeMenu + div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .activeMenu + div.circle.circle-background.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .activeMenu + div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .circle.nav-stats.activeMenu:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button.activeMenu:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats.activeMenu:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button.activeMenu:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .activeMenu + div.circle.circle-background.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .activeMenu + div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .circle.nav-stats.activeMenu:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button.activeMenu:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats.activeMenu:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button.activeMenu:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats.activeMenu + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats.activeMenu + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button.activeMenu + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button.activeMenu + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats.activeMenu + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats.activeMenu + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button.activeMenu + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button.activeMenu + div.circle-background.big-report-button.nav-stats {
    display: inline-block;
    left: 1px;
    width: 18px; }
  .buttonMenu button:last-of-type div.circle.small.circle-background, .buttonMenu button:last-of-type div.small.circle-background.big-report-button, .buttonMenu button:last-of-type #navMenuList .navigation-button-container div.circle.circle-background.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .buttonMenu button:last-of-type div.circle.circle-background.nav-stats:first-child:nth-last-child(1), .buttonMenu button:last-of-type #navMenuList .navigation-button-container div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .buttonMenu button:last-of-type div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(1), .buttonMenu button:last-of-type #navMenuList .navigation-button-container div.circle.circle-background.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .buttonMenu button:last-of-type div.circle.circle-background.nav-stats:first-child:nth-last-child(2), .buttonMenu button:last-of-type #navMenuList .navigation-button-container div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .buttonMenu button:last-of-type div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(2), .buttonMenu button:last-of-type #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .circle.nav-stats:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .circle.nav-stats:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container div.circle.circle-background.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .buttonMenu button:last-of-type div.circle.circle-background.nav-stats:first-child:nth-last-child(3), .buttonMenu button:last-of-type #navMenuList .navigation-button-container div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .buttonMenu button:last-of-type div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(3), .buttonMenu button:last-of-type #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .circle.nav-stats:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .circle.nav-stats:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats, .buttonMenu button:last-of-type #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container .buttonMenu button:last-of-type .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats {
    border-radius: 30px 0 0 30px; }
.ladda-button.expanded.giant-button {
  min-height: 282px; }
.giant-button .content.reagent {
  display: none; }
.giant-button .annotations.filled {
  border: none; }
.giant-button .circle.giant, .giant-button .giant.big-report-button {
  height: 200px;
  width: 200px;
  left: 100px;
  top: 17px; }
.giant-button .stop.circle.confirm-invalid, .giant-button .stop.confirm-invalid.big-report-button {
  background-size: 184px;
  background-image: url(../images/icons/stop2.svg);
  background-color: transparent; }
.giant-button .go.circle.confirm-valid, .giant-button .go.confirm-valid.big-report-button {
  background-size: 135px;
  background-image: url(../images/icons/trash.svg); }
.giant-button .circle.toggle-thumbsup, .giant-button .toggle-thumbsup.big-report-button {
  background-size: 120px;
  background-image: url("../images/icons/thumbs-up.svg"); }
.giant-button .circle.toggle-thumbsdown, .giant-button .toggle-thumbsdown.big-report-button {
  background-size: 120px;
  background-image: url("../images/icons/thumbs-down.svg"); }
.sm-spinIn {
  animation: spinIn 2.5s ease-out 1; }
@keyframes spinIn {
  0% {
    -ms-transform: scale(0);
    
    -webkit-transform: scale(0);
    
    transform: scale(0); }
  25% {
    -ms-transform: scale(1);
    
    -webkit-transform: scale(1);
    
    transform: scale(1); }
  45% {
    -ms-transform: rotate(-90deg);
    
    -webkit-transform: rotate(-90deg);
    
    transform: rotate(-90deg); }
  55% {
    -ms-transform: rotate(-90deg);
    
    -webkit-transform: rotate(-90deg);
    
    transform: rotate(-90deg); }
  100% {
    -ms-transform: rotate(360deg);
    
    -webkit-transform: rotate(360deg);
    
    transform: rotate(360deg); } }
table {
  background-color: transparent;
  border: none;
  border-color: #EFEFEF;
  border-collapse: separate;
  font-size: 11px;
  margin-bottom: 5px;
  max-width: 100%;
  width: 100%; }
table * {
  border-color: inherit; }
table.contained {
  margin: 0;
  border: 1px solid #f3f3f3; }
table:empty {
  border: 0; }
.sm-table-container table {
  border: none;
  border-color: #EFEFEF; }
.sm-table-container td {
  max-width: 300px; }
.filter-dialog .sm-table-container {
  margin: 0px;
  margin-top: -15px; }
td {
  border-color: inherit;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #EFEFEF;
  text-align: left; }
  td.review-eh-items-width {
    width: 60px; }
td:first-child,
th:first-child {
  border-left: none; }
th {
  background-color: #EFEFEF;
  border-left: 1px solid #DDDDDD;
  font-weight: bold;
  text-align: left; }
.sm-table-container th {
  border-bottom: 4px solid #FF9F37;
  font-size: 13px;
  border-left: none;
  font-weight: normal;
  background-color: transparent; }
fieldset table th {
  height: auto; }
td {
  background-color: #FFFFFF;
  padding: 6px;
  vertical-align: middle;
   }
  td.min-table-cell-width {
    width: 1%; }
.sm-table-container td:first-child {
  border-left: 1px solid #DDDDDD; }
.sm-table-container th.number-cell,
.sm-table-container td.number-cell {
  border: none;
  background-color: transparent; }
.sm-table-container td:last-child {
  border-right: 1px solid #DDDDDD; }
fieldset table td {
  padding: 2px 5px; }
.removeCellSpacing {
  margin: -3px -6px; }
table tbody tr.selected td {
  background-color: #FFE0B2;
  border-left-color: #E5C698; }
table tbody tr.selected + table tbody tr.selected {
  border-top-color: #E5C698; }
tbody > tr:nth-child(odd) > td {
  background-color: #F9F9F9; }
.tableNoTopBorder {
  border-top: 0; }
.cell-position {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
  width: 100%; }
fieldset th .cell-position {
  padding: 3px 5px; }
.dialog-container table {
  border-color: inherit;
  border-radius: 10px;
  color: inherit; }
.dialog-container thead,
.dialog-container tbody,
.dialog-container tr,
.dialog-container th,
.dialog-container td {
  border-color: inherit; }
.dialog-container .tableTopLeft {
  border-top-left-radius: 9px; }
.dialog-container .tableTopRight {
  border-top-right-radius: 9px; }
.dialog-container .tableBottomLeft {
  border-bottom-left-radius: 9px; }
.dialog-container .tableBottomRight {
  border-bottom-right-radius: 9px; }
.cellOpacityFade {
  opacity: 0.35; }
.selection-count-ctn {
  float: left;
  margin-left: 30px;
  font-size: 15px; }
td.min-table-cell-width.togglecell {
  width: 0.01%; }
.togglecell {
  border-collapse: collapse; }
.togglecell > .toggle {
  width: 25px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto; }
.row-validator-cell {
  position: relative;
  padding: 0px;
  border-left: none;
  padding-left: 3px; }
.row-validator-cell .validstateindicator {
  right: -14px;
  top: 8px; }
.metrics-table {
  border: 0;
  font-size: 12px;
  margin: 0;
  table-layout: fixed;
  width: 95%;
  min-height: 380px;
  max-height: inherit; }
.metrics-table thead .metrics-table-stats-container {
  border: 0;
  height: 25px; }
.metrics-table tbody tr:nth-child(4n) td,
.metrics-table tbody tr:nth-child(4n-1) td,
.metrics-table tbody tr:nth-child(4n-2) td,
.metrics-table tbody tr:nth-child(4n-3) td {
  background-color: transparent; }
.metrics-table th,
.metrics-table td {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }
.metrics-table th {
  padding-left: 5px; }
.sm-table-container .trending-table-ctn td.stats {
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD; }
.sm-table-container .trending-table-ctn td.stats:last-child {
  border-right: 1px solid #DDDDDD; }
.sm-table-container h3 {
  font-style: italic;
  font-weight: bold;
  color: #FFB361; }
.metrics-table th {
  background-color: #FFFFFF;
  border-top: 0;
  height: 25px;
  vertical-align: middle; }
.metrics-table th.metric-name,
.metrics-table th.graph {
  visibility: hidden; }
.sm-table-container table.metrics-table td.focus {
  height: 90px;
  border: none; }
.sm-table-container table.metrics-table td {
  border: none; }
td.graph {
  vertical-align: top; }
.trending-table-ctn {
  overflow-x: scroll;
  overflow-y: scroll;
  width: 95%;
  height: 95%;
  padding-left: 20px;
  padding-top: 38px; }
table.metrics-table td .innerInnerWrapper {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 20px; }
.metrics-table-stats-container {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-bottom-width: 0;
  height: 99px;
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
  white-space: nowrap;
  width: 650px; }
.metrics-table tr:nth-last-of-type(2) .metrics-table-stats-container {
  border-bottom-width: 1px; }
.metrics-table .metrics-table-stats {
  border: 0;
  height: 80px;
  margin: 0;
  width: 74px;
  padding: 5px; }
.metrics-table .metrics-table-stats div {
  border-left: 1px solid #DDDDDD;
  border-top: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  padding: 6px;
   }
.metrics-table .metrics-table-stats div:first-child {
  border-left: 0; }
.metrics-table thead .metrics-table-stats div {
  border-color: transparent; }
.metrics-table tbody p.main {
  color: #9E579E;
  font-size: 16px; }
.metrics-table td.metric-name {
  font-weight: bold;
  text-align: right;
  min-width: 136px; }
.focus-label {
  opacity: 0.3;
  font-size: 32px;
  font-weight: bolder;
  align-content: left;
  text-align: left;
  overflow: hidden; }
.focus-table-body {
  overflow: auto; }
.metrics-table td.focus {
  text-align: center;
  min-width: 102px; }
.metrics-table td.focus .innerInnerWrapper {
  display: block;
  
  position: fixed;
  min-width: 100px; }
.focus-circle {
  background-color: #F9F9F9;
  border: 1px solid #9E579E;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  height: 80px;
  width: 80px;
  display: table-cell;
  vertical-align: middle; }
.focus-circle.bad {
  background-color: #FF6767;
  border-color: #D01313;
  color: #810000; }
.focus-circle.good {
  background-color: #A3E385;
  border-color: #5BB033;
  color: #41941A; }
.focus-circle.warning {
  background-color: #FFB361;
  border-color: #F98200;
  color: #C36500; }
.focus-circle.bad .main,
.focus-circle.good .main,
.focus-circle.warning .main {
  color: #FFFFFF; }
.metrics-table td.focus p {
  font-family: 'Inconsolata', monospace;
  text-align: left; }
.metrics-table td.graph {
  min-width: 68px; }
.metrics-table td.graph .innerInnerWrapper {
  text-align: center; }
.metrics-table td.graph img {
  height: 250px;
  text-align: center;
  width: 100%; }
.metrics-table .stats div.current {
  background-color: #FFDA64;
  color: #7A3F00; }
.metrics-table tbody td.stats div p {
  font-family: 'Inconsolata', monospace;
  overflow: hidden;
  
  text-overflow: ellipsis; }
.metrics-table tr.chart-row {
  display: none; }
.metrics-table tr.chart-row td {
  text-align: center; }
.metrics-table .metrics-table-stats .main-stat {
  font-size: 22px; }
.chartcontainer {
  overflow: hidden; }
.metrics-table .main-stat-container {
  padding-top: 4px;
  float: right; }
.metrics-table .main-stat {
  font-size: 38px;
  font-weight: bold; }
.metrics-table td.focus-table-ctn tbody.focus-table-body {
  overflow-y: scroll; }
.metrics-table .metric-stat {
  position: relative; }
.metrics-table .main-stat-unit {
  color: gray;
  padding-left: 5px;
  text-align: left;
  padding-top: 3px;
  position: absolute;
  right: 0px;
  top: 40px;
  font-weight: bold; }
.metrics-table .extra-stats {
  color: gray;
  float: right; }
.metrics-table .focus-left-ctn {
  width: 50%;
  float: left; }
.metrics-table .focus-right-ctn {
  width: 50%;
  float: right; }
.metrics-table .report-name {
  margin-left: 15px;
  font-size: 14px;
  text-align: left;
  margin-top: 15px; }
.metrics-table .secondary-stat-container.average {
  position: relative;
  top: 6px;
  left: 10px; }
.metrics-table .secondary-stat-container .ratio-denominator {
  text-align: left;
  top: 27px;
  left: 5px;
  position: relative; }
.graph .chart-svg {
  width: 100%;
  height: 500px; }
.sm-table-container.trending-section {
  height: 520px;
  padding: 10px;
  margin-bottom: 15px; }
.trending-button-group {
  position: absolute;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  border-right: 5px solid #CCCCCC;
  height: 100%;
  width: 20px;
  right: 50px;
  top: 0px; }
.expander {
  height: 5px;
  border-top: 6px dashed #73C5E1;
  margin-left: auto;
  margin-right: auto; }
.expander-circle {
  background-color: #73C5E1;
  border-radius: 25px;
  height: 25px;
  width: 25px;
  position: relative;
  top: -15px;
  left: -10px; }
.trending-section + .expander {
  width: 90%; }
.sm-menu-dialog .expander,
.sm-print-dialog .expander {
  position: absolute;
  bottom: 40px;
  left: 18px;
  width: 95%; }
.button-positioning-ctn {
  position: relative;
  width: 45px;
  margin-top: 20px;
  height: calc(100% - 40px);
  right: 9px; }
.button-positioning-ctn .circle, .button-positioning-ctn .big-report-button {
  margin-bottom: 10px; }
.loading-ctn {
  font-size: 32px;
  position: absolute;
  width: 400px;
  left: calc(50% - 100px);
  top: 120px; }
#settings-table {
  margin: 0 auto;
  min-width: 450px;
  width: 80%; }
.sm-table-container {
  margin: 0 50px 0px 25px;
  position: relative; }
  .sm-dialog .sm-table-container {
    margin: 0; }
.sm-table-scroller {
  width: 100%;
  overflow: auto; }
  .trending-report-page .sm-table-scroller {
    overflow: hidden; }
  .dynamic-reports-page .sm-table-scroller table {
    margin-bottom: 0; }
.sm-table-allows-overflow {
  width: 100%; }
  .trending-report-page .sm-table-allows-overflow {
    overflow: hidden; }
  .dynamic-reports-page .sm-table-allows-overflow table {
    margin-bottom: 0; }
.sm-table-buttons {
  position: absolute;
  top: -15px;
  padding-left: 2px; }
.transparent-dialog table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); }
.transparent-dialog table tbody tr.selected td {
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  font-size: 14px; }
.transparent-dialog tbody > tr.selected:nth-child(odd) > td {
  background-color: #F9F9F9; }
.transparent-dialog table tbody tr:last-child td:first-child,
.transparent-dialog table tbody tr:last-child td:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
td.ControlledVocabulary.icon {
  text-align: center;
   }
  td.ControlledVocabulary.icon .circle, td.ControlledVocabulary.icon .big-report-button {
    cursor: default; }
  td.ControlledVocabulary.icon .results-received {
    background-image: url(../images/icons/thumbs-up.svg);
    background-color: #5BB033; }
  td.ControlledVocabulary.icon .no-results {
    background-image: url(../images/icons/trash.svg);
    background-color: #257DBE; }
  td.ControlledVocabulary.icon .test-canceled {
    background-image: url(../images/icons/inactive.svg);
    background-color: #D01313; }
td.DateTime {
  color: #676767;
  font-size: 10px;
  font-style: italic; }
td.ItemType {
  font-style: italic; }
td.Who {
  color: #D01313;
  font-style: italic; }
.sort-ctn {
  height: 5px;
  padding-bottom: 9px;
  top: -4px;
  left: 5px; }
.dialog-sort-cell .sort-ctn {
  width: 23px; }
#dynamic-reports-page-printable button.table-cell-copy.tiny.copy {
  display: none; }
#dynamic-reports-page-printable .copy-ctn p {
  margin-left: 0; }
#dynamic-reports-page-printable .sort-asc-ctn,
#dynamic-reports-page-printable .sort-desc-ctn,
.sm-menu-dialog .sort-asc-ctn,
.sm-menu-dialog .sort-desc-ctn {
  display: none; }
.sort-icon {
  display: none;
  position: absolute; }
.bar {
  background: #FF9F37;
  height: 1px;
  width: 10px;
  margin-bottom: 2px; }
.bar.lonebar {
  position: absolute;
  top: 11px;
  left: 11px; }
.asc .bar.lonebar,
.desc .bar.lonebar {
  display: none; }
.asc .sort-ctn .sort-icon,
.desc .sort-ctn .sort-icon {
  display: block; }
.asc .sort-icon .bar:nth-child(1) {
  width: 5px; }
.asc .sort-icon .bar:nth-child(3) {
  width: 15px; }
.desc .sort-icon .bar:nth-child(1) {
  width: 15px; }
.desc .sort-icon .bar:nth-child(3) {
  width: 5px; }
.sort-ctn .bar-ctn {
  float: left;
  position: relative;
  top: 3px; }
.sort-ctn .sort-number {
  float: left;
  color: #FF9F37; }
.sort-col0 .sort-ctn .sort-number::after {
  content: "1\0000a0"; }
.sort-col1 .sort-ctn .sort-number::after {
  content: "2\0000a0"; }
.sort-col2 .sort-ctn .sort-number::after {
  content: "3\0000a0"; }
.page-first,
.page-back,
.page-forward,
.page-last,
.sort-asc,
.sort-desc {
  cursor: pointer;
  display: inline-block;
   }
.paging-container.hide-page-buttons .page-first,
.paging-container.hide-page-buttons .page-back,
.paging-container.hide-page-buttons .page-forward,
.paging-container.hide-page-buttons .page-last {
  display: none; }
.paging-container {
  position: relative;
  font-size: 14px;
  height: 20px;
  margin-bottom: 5px;
  margin-top: 12px;
  text-align: right;
   }
.sm-table-results {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  vertical-align: top; }
.sm-table-container select {
  padding-left: 0px;
  line-height: 0px; }
.left-arrow,
.right-arrow,
.sort-asc,
.sort-desc {
  border: 8px solid transparent;
  height: 0;
  width: 0; }
.left-arrow {
  border-left: 0;
  border-right-color: #FF9F37; }
.page-back:hover,
.page-first:hover .left-arrow {
  border-right-color: #FFB361; }
.right-arrow {
  border-left-color: #FF9F37;
  border-right: 0; }
.page-forward:hover,
.page-last:hover .right-arrow {
  border-left-color: #FFB361; }
.sort-container {
  position: absolute;
  right: 6px;
  
  top: 0;
   }
.page-back,
.page-forward {
  margin: 0 5px; }
.no-results-row {
  text-align: center;
  font-size: large; }
.problem-group {
  background-color: #EFEFEF;
  border: 1px solid #999999;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-top: 10px;
  padding: 10px;
  width: 100%; }
legend + div.problem-group {
  margin-top: 0; }
.problem-group h3 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #D01313;
  float: left;
  height: 35px;
  margin: 0 55px 20px 0;
  position: relative;
  
  vertical-align: text-bottom;
  width: 70%;
   }
.problem-group h3 span {
  bottom: 0;
  position: absolute; }
.problem-status {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  height: 35px;
  margin: 0 20px 20px 0;
  width: 35px; }
.problem-group-comments {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 10px 0 15px;
  width: 60%; }
.problem-group-info {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  padding-left: 10px;
  width: 40%; }
.problem-group-info table td:first-child {
  padding-right: 16px;
  
  width: 1%; }
#dynamic-reports-page-printable .report-summary {
  font-size: 12px;
  margin: 20px 0; }
#dynamic-reports-page-printable .report-summary .sm-table-results {
  float: right; }
#dynamic-reports-page-printable #template-insertion::after {
  color: #D01313;
  content: 'sampleminded';
  left: 50%;
  margin-top: 15px;
  opacity: .5;
  position: absolute;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }
tr.row-strikethrough {
   }
tr.row-strikethrough:not(.selected) .color-strikethrough {
  background-color: #FFE4E1; }
tr.row-unstrikethrough:not(.selected) .color-strikethrough {
  background-color: #F3FFF3; }
tr.row-midstrikethrough:not(.selected) .color-strikethrough {
  background-color: #FDF3C9; }
tr.row-red-strikethrough:not(.selected) .color-strikethrough {
  background-color: #FFE4E1; }
tr.row-green-strikethrough:not(.selected) .color-strikethrough {
  background-color: #F3FFF3; }
tr.row-green-unstrikethrough:not(.selected) .color-strikethrough {
  background-color: #F3FFF3; }
tr.row-blue-strikethrough:not(.selected) .color-strikethrough {
  background-color: #F0F8FF; }
tr.row-yellow-strikethrough:not(.selected) .color-strikethrough {
  background-color: #FDF3C9; }
tr.row-orange-strikethrough:not(.selected) .color-strikethrough {
  background-color: #FFE0B2; }
tr.row-grey-strikethrough:not(.selected) .color-strikethrough {
  background-color: #999999; }
td.cell-red-strikethrough:not(.selected) {
  background-color: #FFE4E1; }
td.cell-green-unstrikethrough:not(.selected) {
  background-color: #F3FFF3; }
td.cell-grey-strikethrough:not(.selected) {
  background-color: #F3F3F3; }
td.cell-yellow-strikethrough:not(.selected) {
  background-color: #FDF3C9; }
.dialog-container.checkbox-grid-container table.checkbox-grid,
.checkbox-grid-container table.checkbox-grid {
  border-color: transparent;
  margin: 7px; }
.checkbox input[type=checkbox], .gizmo-checkbox input[type=checkbox] {
  height: 22px; }
.table-checkbox.checkbox, .table-checkbox.gizmo-checkbox {
  height: 30px; }
.table-checkbox.checkbox label, .table-checkbox.gizmo-checkbox label {
  height: 25px;
  width: 25px;
  top: 1px; }
.table-checkbox.checkbox label:after, .table-checkbox.gizmo-checkbox label:after {
  height: 7px;
  left: 6px;
  top: 6px;
  width: 11px; }
.table-cell-export {
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: transparent;
  background-image: url("../images/icons/export-purp.svg");
  opacity: 0.8; }
.table-cell-restart {
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: transparent;
  background-image: url("../images/icons/refresh-blue.svg");
  opacity: 0.8; }
.table-cell-view-log {
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: transparent;
  background-image: url("../images/icons/history-black.svg");
  opacity: 0.8; }
.table-cell-cancel {
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: transparent;
  background-image: url("../images/icons/cancel-red.svg");
  opacity: 0.8; }
.restart p {
  padding-top: 4px; }
.table-cell-copy {
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: transparent;
  background-image: url("../images/icons/copy-purple.svg");
  opacity: 0.3; }
.ui-dialog-title .table-cell-copy {
  float: none; }
.copy-ctn {
  padding-top: 4px; }
.copy-ctn p {
  margin-left: 20px;
  width: calc(100% - 20px);
  font-family: inherit; }
.filter-dialog {
  margin-left: 1em;
  margin-right: 1em; }
tr.sm-warning-row {
  color: #D01313;
  line-height: 12px; }
td.Text.vertical-center-text div {
  margin-top: 5px; }
tr.sm_table_row {
  line-height: 24px; }
tr.sm_table_row .sm_table_content {
  line-height: normal;
  overflow-wrap: break-word;
  word-wrap: break-word; }
.trf.sm_table_row td {
  vertical-align: top; }
.fixed-header {
  display: none;
  pointer-events: none;
  table-layout: fixed; }
  .fixed-header thead {
    background-color: white;
    pointer-events: auto; }
    .fixed-header thead th {
      border-bottom: 4px dashed #FF9F37; }
    .fixed-header thead th.table-nav-header {
      border-bottom: none;
      padding-top: 10px; }
  .fixed-header tbody {
    visibility: hidden;
    line-height: 0px; }
.fixed-header-wrapper {
  position: fixed;
  top: 0px;
  overflow: hidden;
  z-index: 99;
  pointer-events: none; }
th.table-nav-header {
  border-bottom: none;
  padding-top: 10px; }
.typeahead-arrow {
  position: absolute;
  right: 0px;
  height: 30px;
  width: 30px; }
#template-insertion.row-fluid .rack {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  min-height: 30px;
  margin: 0;
  margin-left: 2.5641%;
  width: 100%; }
#template-insertion.row-fluid .rack:first-child {
  margin-left: 0; }
#template-insertion.row-fluid.rackX1 {
  width: 50%; }
#template-insertion.row-fluid.rackX1 .rack {
  margin-left: 0;
  width: 100%; }
body.pull-request-page #template-insertion .row-fluid.rackX1 {
  width: 40%; }
#template-insertion.row-fluid.rackX2 {
  width: 80%; }
#template-insertion.row-fluid.rackX2 .rack {
  margin-left: 0;
  padding-left: 2.5641%;
  width: 50%; }
#template-insertion.row-fluid.rackX3,
#template-insertion.row-fluid.rackX4 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 50px;
  width: 100%; }
#template-insertion.row-fluid.rackX3 .rack {
  margin-left: 0;
  padding: 0 1.28205%;
  width: 33.3333333333%; }
#template-insertion.row-fluid.rackX4 .rack {
  margin-left: 0;
  padding: 0 1.28205%;
  width: 25%; }
.template-container {
  min-width: 200px;
  position: relative; }
.rack .expandButton {
  top: 14px; }
.rackPicture {
  border: 1px solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin: 0 auto;
  overflow: hidden;
  min-width: 100px;
  width: 65%; }
  .rackX1 .rackPicture {
    width: 50%; }
.rackPicture {
  background-color: #F3F3F3;
  border-color: #CCCCCC; }
.racking-active .rackPicture {
  background-color: rgba(243, 243, 243, 0.25);
  border-color: rgba(204, 204, 204, 0.25); }
.rackPicture.black {
  background-color: #EFEFEF;
  border-color: #000000; }
.racking-active .rackPicture.black {
  background-color: rgba(239, 239, 239, 0.25);
  border-color: rgba(0, 0, 0, 0.25); }
.rackPicture.blue {
  background-color: #F0F8FF;
  border-color: #257DBE; }
.racking-active .rackPicture.blue {
  background-color: rgba(240, 248, 255, 0.25);
  border-color: rgba(37, 125, 190, 0.25); }
.rackPicture.green {
  background-color: #F3FFF3;
  border-color: #7BCA55; }
.racking-active .rackPicture.green {
  background-color: rgba(243, 255, 243, 0.25);
  border-color: rgba(123, 202, 85, 0.25); }
.rackPicture.orange {
  background-color: #FFE0B2;
  border-color: #F98200; }
.racking-active .rackPicture.orange {
  background-color: rgba(255, 224, 178, 0.25);
  border-color: rgba(249, 130, 0, 0.25); }
.rackPicture.purple {
  background-color: #FBEFFF;
  border-color: #843584; }
.racking-active .rackPicture.purple {
  background-color: rgba(251, 239, 255, 0.25);
  border-color: rgba(132, 53, 132, 0.25); }
.rackPicture.red {
  background-color: #FFE4E1;
  border-color: #D01313; }
.racking-active .rackPicture.red {
  background-color: rgba(255, 228, 225, 0.25);
  border-color: rgba(208, 19, 19, 0.25); }
.rackPicture.silver {
  background-color: #EFEFEF;
  border-color: #CCCCCC; }
.racking-active .rackPicture.silver {
  background-color: rgba(239, 239, 239, 0.25);
  border-color: rgba(204, 204, 204, 0.25); }
.rackPicture.silver {
  background: #EFEFEF;
  background: -webkit-linear-gradient(to bottom right, #EFEFEF 0%, #DDDDDD 50%, #D1D1D1 51%, #F9F9F9 100%);
  background: linear-gradient(to bottom right, #EFEFEF 0%, #DDDDDD 50%, #D1D1D1 51%, #F9F9F9 100%); }
.racking-active .rackPicture.silver {
  background: rgba(239, 239, 239, 0.25);
  background: -webkit-linear-gradient(to bottom right, rgba(239, 239, 239, 0.25) 0%, rgba(221, 221, 221, 0.25) 50%, rgba(209, 209, 209, 0.25) 51%, rgba(249, 249, 249, 0.25) 100%);
  background: linear-gradient(to bottom right, rgba(239, 239, 239, 0.25) 0%, rgba(221, 221, 221, 0.25) 50%, rgba(209, 209, 209, 0.25) 51%, rgba(249, 249, 249, 0.25) 100%); }
.rackPicture.white {
  background-color: #F9F9F9;
  border-color: #EFEFEF; }
.racking-active .rackPicture.white {
  background-color: rgba(249, 249, 249, 0.25);
  border-color: rgba(239, 239, 239, 0.25); }
.rackPicture.yellow {
  background-color: #FDF3C9;
  border-color: #FF9F37; }
.racking-active .rackPicture.yellow {
  background-color: rgba(253, 243, 201, 0.25);
  border-color: rgba(255, 159, 55, 0.25); }
.rackRow {
  clear: both; }
.rackColumnWrap {
  display: inline-block;
  
  float: left;
  
  margin-right: -100%;
  
  position: relative;
  
  width: 20%; }
.rackColumnWrap::after {
  padding-top: 100%;
  
  display: block;
  content: ''; }
.rackColumnWrap .rackColumn,
#pictureCell-0.rackColumn,
.racking-active .rackColumnWrap .rackColumn:hover,
.racking-active #pictureCell-0.rackColumn:hover {
  background-color: #FFFFFF;
  border-color: #999999; }
.racking-active .rackColumnWrap .rackColumn,
.racking-active #pictureCell-0.rackColumn {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: rgba(153, 153, 153, 0.25); }
.rackColumn {
  border: 1px solid;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  bottom: 0;
  left: 1px;
  position: absolute;
  right: 0;
  top: 1px; }
.StorageShelfType {
   }
  .StorageShelfType .rackColumn {
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    -ms-border-radius: 10%;
    border-radius: 10%; }
.rack-tube-container section {
  padding-top: 0px;
  padding-bottom: 0px; }
.rack .toggleHidden {
  margin: 5px 5px 10px 5px; }
.batch-rack-set .parenthesisGroup {
  padding: 15px 20px 15px 30px; }
.batch-rack-set.errorState .parenthesisGroup {
  border-color: #D01313; }
w
.batch-rack-set.errorState .groupNumber {
  background: url("../images/curlybracket-tubegroups-error.svg") center right no-repeat; }
  w
.batch-rack-set.errorState .groupNumber .numberingButton {
    border-color: #D01313;
    color: #D01313; }
.parenthesisGroup > div.circle.cancel.clear, .parenthesisGroup > div.cancel.clear.big-report-button {
  position: absolute;
  right: -20px;
  top: 10px; }
.batch-rack-set {
  margin-bottom: 15px; }
.bumper {
  width: 100%;
  height: 1px;
  position: relative;
  bottom: 0px;
  display: inline-block; }
.dummy-rack {
  opacity: 0.3; }
.hidden-batches.ghost .rack {
  opacity: 0.3; }
.dummy-rack .barcode {
  display: none; }
.tubeX2 .rackColumnWrap:nth-child(1) {
  margin-left: 0; }
.tubeX2 .rackColumnWrap:nth-child(2) {
  float: right;
  margin-left: -100%;
  margin-right: 0; }
.tubeX2.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 10%; }
.tubeX2.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 10%; }
.tubeX2.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -10%; }
.tubeX2.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX2.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 10%; }
.tubeX2.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 10%; }
.tubeX2.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 10%; }
.tubeX2.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -10%; }
.tubeX2.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX2.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 10%; }
.tubeX3 .rackColumnWrap:nth-child(1) {
  margin-left: 0; }
.tubeX3 .rackColumnWrap:nth-child(2) {
  margin-left: 40%; }
.tubeX3 .rackColumnWrap:nth-child(3) {
  float: right;
  margin-left: -100%;
  margin-right: 0; }
.tubeX3.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 10%; }
.tubeX3.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 10%; }
.tubeX3.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -10%; }
.tubeX3.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX3.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 10%; }
.tubeX3.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 10%; }
.tubeX3.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 10%; }
.tubeX3.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -10%; }
.tubeX3.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX3.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 10%; }
.tubeX4 .rackColumnWrap:nth-child(1) {
  margin-left: 0; }
.tubeX4 .rackColumnWrap:nth-child(2) {
  margin-left: 26.666%; }
.tubeX4 .rackColumnWrap:nth-child(3) {
  margin-left: 53.332%; }
.tubeX4 .rackColumnWrap:nth-child(4) {
  float: right;
  margin-left: -100%;
  margin-right: 0; }
.tubeX4.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 10%; }
.tubeX4.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 10%; }
.tubeX4.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -10%; }
.tubeX4.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX4.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 10%; }
.tubeX4.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 10%; }
.tubeX4.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 10%; }
.tubeX4.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -10%; }
.tubeX4.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX4.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 10%; }
.tubeX5 .rackColumnWrap:nth-child(1) {
  margin-left: 0; }
.tubeX5 .rackColumnWrap:nth-child(2) {
  margin-left: 20%; }
.tubeX5 .rackColumnWrap:nth-child(3) {
  margin-left: 40%; }
.tubeX5 .rackColumnWrap:nth-child(4) {
  margin-left: 60%; }
.tubeX5 .rackColumnWrap:nth-child(5) {
  float: right;
  margin-left: -100%;
  margin-right: 0; }
.tubeX5.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 10%; }
.tubeX5.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 10%; }
.tubeX5.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -10%; }
.tubeX5.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX5.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 10%; }
.tubeX5.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 10%; }
.tubeX5.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 10%; }
.tubeX5.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -10%; }
.tubeX5.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX5.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 10%; }
.tubeX6.rackPicture {
  min-width: 100px;
  width: 50%; }
.tubeX6 .rackColumnWrap {
  width: 16.6666666666667%; }
.tubeX6 .rackColumnWrap:nth-child(1) {
  margin-left: 0; }
.tubeX6 .rackColumnWrap:nth-child(2) {
  margin-left: 16.6666666666667%; }
.tubeX6 .rackColumnWrap:nth-child(3) {
  margin-left: 33.3333333333333%; }
.tubeX6 .rackColumnWrap:nth-child(4) {
  margin-left: 50%; }
.tubeX6 .rackColumnWrap:nth-child(5) {
  margin-left: 66.6666666666667%; }
.tubeX6 .rackColumnWrap:nth-child(6) {
  float: right;
  margin-left: -100%;
  margin-right: 0; }
.tubeX6.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 8.3333333333333%; }
.tubeX6.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 8.3333333333333%; }
.tubeX6.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -8.3333333333333%; }
.tubeX6.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX6.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 8.3333333333333%; }
.tubeX6.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 8.3333333333333%; }
.tubeX6.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 8.3333333333333%; }
.tubeX6.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -8.3333333333333%; }
.tubeX6.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX6.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 8.3333333333333%; }
.tubeX7.rackPicture {
  min-width: 100px;
  width: 50%; }
.tubeX7 .rackColumnWrap {
  width: 14.29%; }
.tubeX7 .rackColumnWrap:nth-child(1) {
  margin-left: 0; }
.tubeX7 .rackColumnWrap:nth-child(2) {
  margin-left: 14.29%; }
.tubeX7 .rackColumnWrap:nth-child(3) {
  margin-left: 28.58%; }
.tubeX7 .rackColumnWrap:nth-child(4) {
  margin-left: 42.87%; }
.tubeX7 .rackColumnWrap:nth-child(5) {
  margin-left: 57.16%; }
.tubeX7 .rackColumnWrap:nth-child(6) {
  margin-left: 71.45%; }
.tubeX7 .rackColumnWrap:nth-child(7) {
  float: right;
  margin-left: -100%;
  margin-right: 0; }
.tubeX7.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 7.145%; }
.tubeX7.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 7.145%; }
.tubeX7.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -7.145%; }
.tubeX7.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX7.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 7.145%; }
.tubeX7.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 7.145%; }
.tubeX7.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 7.145%; }
.tubeX7.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -7.145%; }
.tubeX7.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX7.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 7.145%; }
.tubeX8.rackPicture {
  min-width: 100px;
  width: 50%; }
.tubeX8 .rackColumnWrap {
  width: 12.5%; }
.tubeX8 .rackColumnWrap:nth-child(1) {
  margin-left: 0; }
.tubeX8 .rackColumnWrap:nth-child(2) {
  margin-left: 12.5%; }
.tubeX8 .rackColumnWrap:nth-child(3) {
  margin-left: 25%; }
.tubeX8 .rackColumnWrap:nth-child(4) {
  margin-left: 37.5%; }
.tubeX8 .rackColumnWrap:nth-child(5) {
  margin-left: 50%; }
.tubeX8 .rackColumnWrap:nth-child(6) {
  margin-left: 62.5%; }
.tubeX8 .rackColumnWrap:nth-child(7) {
  margin-left: 75%; }
.tubeX8 .rackColumnWrap:nth-child(8) {
  float: right;
  margin-left: -100%;
  margin-right: 0; }
.tubeX9.rackPicture {
  min-width: 120px;
  width: 50%; }
.tubeX9 .rackColumnWrap {
  width: 11.1111111111111%; }
.tubeX9 .rackColumnWrap:nth-child(1) {
  margin-left: 0; }
.tubeX9 .rackColumnWrap:nth-child(2) {
  margin-left: 11.111111111111%; }
.tubeX9 .rackColumnWrap:nth-child(3) {
  margin-left: 22.222222222222%; }
.tubeX9 .rackColumnWrap:nth-child(4) {
  margin-left: 33.333333333333%; }
.tubeX9 .rackColumnWrap:nth-child(5) {
  margin-left: 44.444444444444%; }
.tubeX9 .rackColumnWrap:nth-child(6) {
  margin-left: 55.555555555555%; }
.tubeX9 .rackColumnWrap:nth-child(7) {
  margin-left: 66.666666666666%; }
.tubeX9 .rackColumnWrap:nth-child(8) {
  margin-left: 77.777777777777%; }
.tubeX9 .rackColumnWrap:nth-child(9) {
  float: right;
  margin-left: -100%;
  margin-right: 0; }
.tubeX9.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 5.555555555555%; }
.tubeX9.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 5.555555555555%; }
.tubeX9.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -5.555555555555%; }
.tubeX9.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX9.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 5.555555555555%; }
.tubeX9.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 5.555555555555%; }
.tubeX9.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 5.555555555555%; }
.tubeX9.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -5.555555555555%; }
.tubeX9.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX9.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 5.555555555555%; }
.tubeX10.rackPicture {
  min-width: 120px;
  width: 50%; }
.tubeX10 .rackColumnWrap {
  width: 10%; }
.tubeX10 .rackColumnWrap:nth-child(1) {
  margin-left: 0; }
.tubeX10 .rackColumnWrap:nth-child(2) {
  margin-left: 10%; }
.tubeX10 .rackColumnWrap:nth-child(3) {
  margin-left: 20%; }
.tubeX10 .rackColumnWrap:nth-child(4) {
  margin-left: 30%; }
.tubeX10 .rackColumnWrap:nth-child(5) {
  margin-left: 40%; }
.tubeX10 .rackColumnWrap:nth-child(6) {
  margin-left: 50%; }
.tubeX10 .rackColumnWrap:nth-child(7) {
  margin-left: 60%; }
.tubeX10 .rackColumnWrap:nth-child(8) {
  margin-left: 70%; }
.tubeX10 .rackColumnWrap:nth-child(9) {
  margin-left: 80%; }
.tubeX10 .rackColumnWrap:nth-child(10) {
  margin-left: 90%; }
.tubeX10.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 5%; }
.tubeX10.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 5%; }
.tubeX10.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -5%; }
.tubeX10.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX10.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 5%; }
.tubeX10.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 5%; }
.tubeX10.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 5%; }
.tubeX10.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -5%; }
.tubeX10.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX10.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 5%; }
.tubeX12.rackPicture {
  min-width: 140px;
  width: 75%; }
.tubeX12 .rackRow {
  margin-left: 4px; }
.tubeX12 .rackColumnWrap {
  width: 8.25%; }
.tubeX12 .rackColumnWrap:nth-child(1) {
  margin-left: 0; }
.tubeX12 .rackColumnWrap:nth-child(2) {
  margin-left: 8.25%; }
.tubeX12 .rackColumnWrap:nth-child(3) {
  margin-left: 16.5%; }
.tubeX12 .rackColumnWrap:nth-child(4) {
  margin-left: 24.75%; }
.tubeX12 .rackColumnWrap:nth-child(5) {
  margin-left: 33%; }
.tubeX12 .rackColumnWrap:nth-child(6) {
  margin-left: 41.25%; }
.tubeX12 .rackColumnWrap:nth-child(7) {
  margin-left: 49.5%; }
.tubeX12 .rackColumnWrap:nth-child(8) {
  margin-left: 57.75%; }
.tubeX12 .rackColumnWrap:nth-child(9) {
  margin-left: 66%; }
.tubeX12 .rackColumnWrap:nth-child(10) {
  margin-left: 74.25%; }
.tubeX12 .rackColumnWrap:nth-child(11) {
  margin-left: 82.5%; }
.tubeX12 .rackColumnWrap:nth-child(12) {
  margin-left: 90.75%; }
.tubeX12.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 3.125%; }
.tubeX12.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 3.125%; }
.tubeX12.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -3.125%; }
.tubeX12.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX12.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 3.125%; }
.tubeX12.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 3.125%; }
.tubeX12.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 3.125%; }
.tubeX12.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -3.125%; }
.tubeX12.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX12.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 3.125%; }
.tubeX13.rackPicture {
  min-width: 140px;
  width: 75%; }
.tubeX13 .rackRow {
  margin-left: 4px; }
.tubeX13 .rackColumnWrap {
  width: 7.6%; }
.tubeX13 .rackColumnWrap:nth-child(1) {
  margin-left: 0%; }
.tubeX13 .rackColumnWrap:nth-child(2) {
  margin-left: 7.6%; }
.tubeX13 .rackColumnWrap:nth-child(3) {
  margin-left: 15.2%; }
.tubeX13 .rackColumnWrap:nth-child(4) {
  margin-left: 22.8%; }
.tubeX13 .rackColumnWrap:nth-child(5) {
  margin-left: 30.4%; }
.tubeX13 .rackColumnWrap:nth-child(6) {
  margin-left: 38%; }
.tubeX13 .rackColumnWrap:nth-child(7) {
  margin-left: 45.6%; }
.tubeX13 .rackColumnWrap:nth-child(8) {
  margin-left: 53.2%; }
.tubeX13 .rackColumnWrap:nth-child(9) {
  margin-left: 60.8%; }
.tubeX13 .rackColumnWrap:nth-child(10) {
  margin-left: 68.4%; }
.tubeX13 .rackColumnWrap:nth-child(11) {
  margin-left: 76%; }
.tubeX13 .rackColumnWrap:nth-child(12) {
  margin-left: 83.6%; }
.tubeX13 .rackColumnWrap:nth-child(13) {
  margin-left: 91.2%; }
.tubeX13.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 3.125%; }
.tubeX13.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 3.125%; }
.tubeX13.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -3.125%; }
.tubeX13.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX13.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 3.125%; }
.tubeX13.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 3.125%; }
.tubeX13.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 3.125%; }
.tubeX13.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -3.125%; }
.tubeX13.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX13.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 3.125%; }
.tubeX16.rackPicture {
  min-width: 140px;
  width: 75%; }
.tubeX16 .rackColumnWrap {
  width: 6.25%; }
.tubeX16 .rackColumnWrap:nth-child(1) {
  margin-left: 0; }
.tubeX16 .rackColumnWrap:nth-child(2) {
  margin-left: 6.25%; }
.tubeX16 .rackColumnWrap:nth-child(3) {
  margin-left: 12.5%; }
.tubeX16 .rackColumnWrap:nth-child(4) {
  margin-left: 18.75%; }
.tubeX16 .rackColumnWrap:nth-child(5) {
  margin-left: 25%; }
.tubeX16 .rackColumnWrap:nth-child(6) {
  margin-left: 31.25%; }
.tubeX16 .rackColumnWrap:nth-child(7) {
  margin-left: 37.5%; }
.tubeX16 .rackColumnWrap:nth-child(8) {
  margin-left: 43.75%; }
.tubeX16 .rackColumnWrap:nth-child(9) {
  margin-left: 50%; }
.tubeX16 .rackColumnWrap:nth-child(10) {
  margin-left: 56.25%; }
.tubeX16 .rackColumnWrap:nth-child(11) {
  margin-left: 62.5%; }
.tubeX16 .rackColumnWrap:nth-child(12) {
  margin-left: 68.75%; }
.tubeX16 .rackColumnWrap:nth-child(13) {
  margin-left: 75%; }
.tubeX16 .rackColumnWrap:nth-child(14) {
  margin-left: 81.25%; }
.tubeX16 .rackColumnWrap:nth-child(15) {
  margin-left: 87.5%; }
.tubeX16 .rackColumnWrap:nth-child(16) {
  float: right;
  margin-left: -100%;
  margin-right: 0; }
.tubeX16.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 3.125%; }
.tubeX16.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 3.125%; }
.tubeX16.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -3.125%; }
.tubeX16.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX16.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 3.125%; }
.tubeX16.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 3.125%; }
.tubeX16.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 3.125%; }
.tubeX16.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -3.125%; }
.tubeX16.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX16.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 3.125%; }
.tubeX26.rackPicture {
  min-width: 150px;
  width: 80%; }
.tubeX26 .rackColumnWrap {
  width: 3.84615%; }
.tubeX26 .rackColumnWrap:nth-child(1) {
  margin-left: 0%; }
.tubeX26 .rackColumnWrap:nth-child(2) {
  margin-left: 3.84615%; }
.tubeX26 .rackColumnWrap:nth-child(3) {
  margin-left: 7.69231%; }
.tubeX26 .rackColumnWrap:nth-child(4) {
  margin-left: 11.53846%; }
.tubeX26 .rackColumnWrap:nth-child(5) {
  margin-left: 15.38462%; }
.tubeX26 .rackColumnWrap:nth-child(6) {
  margin-left: 19.23077%; }
.tubeX26 .rackColumnWrap:nth-child(7) {
  margin-left: 23.07692%; }
.tubeX26 .rackColumnWrap:nth-child(8) {
  margin-left: 26.92308%; }
.tubeX26 .rackColumnWrap:nth-child(9) {
  margin-left: 30.76923%; }
.tubeX26 .rackColumnWrap:nth-child(10) {
  margin-left: 34.61538%; }
.tubeX26 .rackColumnWrap:nth-child(11) {
  margin-left: 38.46154%; }
.tubeX26 .rackColumnWrap:nth-child(12) {
  margin-left: 42.30769%; }
.tubeX26 .rackColumnWrap:nth-child(13) {
  margin-left: 46.15385%; }
.tubeX26 .rackColumnWrap:nth-child(14) {
  margin-left: 50%; }
.tubeX26 .rackColumnWrap:nth-child(15) {
  margin-left: 53.84615%; }
.tubeX26 .rackColumnWrap:nth-child(16) {
  margin-left: 57.69231%; }
.tubeX26 .rackColumnWrap:nth-child(17) {
  margin-left: 61.53846%; }
.tubeX26 .rackColumnWrap:nth-child(18) {
  margin-left: 65.38462%; }
.tubeX26 .rackColumnWrap:nth-child(19) {
  margin-left: 69.23077%; }
.tubeX26 .rackColumnWrap:nth-child(20) {
  margin-left: 73.07692%; }
.tubeX26 .rackColumnWrap:nth-child(21) {
  margin-left: 76.92308%; }
.tubeX26 .rackColumnWrap:nth-child(22) {
  margin-left: 80.76923%; }
.tubeX26 .rackColumnWrap:nth-child(23) {
  margin-left: 84.61538%; }
.tubeX26 .rackColumnWrap:nth-child(24) {
  margin-left: 88.46154%; }
.tubeX26 .rackColumnWrap:nth-child(25) {
  margin-left: 92.30769%; }
.tubeX26 .rackColumnWrap:nth-child(26) {
  float: right;
  margin-left: -100%;
  margin-right: 0; }
.tubeX26.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 1.923%; }
.tubeX26.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 1.923%; }
.tubeX26.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -1.923%; }
.tubeX26.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX26.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 1.923%; }
.tubeX26.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 1.923%; }
.tubeX26.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 1.923%; }
.tubeX26.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -1.923%; }
.tubeX26.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX26.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 1.923%; }
.tubeX35.rackPicture {
  min-width: 150px;
  width: 80%; }
.tubeX35 .rackColumnWrap {
  width: 2.85714%; }
.tubeX35 .rackColumnWrap:nth-child(1) {
  margin-left: 0%; }
.tubeX35 .rackColumnWrap:nth-child(2) {
  margin-left: 2.85714%; }
.tubeX35 .rackColumnWrap:nth-child(3) {
  margin-left: 5.71429%; }
.tubeX35 .rackColumnWrap:nth-child(4) {
  margin-left: 8.57143%; }
.tubeX35 .rackColumnWrap:nth-child(5) {
  margin-left: 11.42857%; }
.tubeX35 .rackColumnWrap:nth-child(6) {
  margin-left: 14.28571%; }
.tubeX35 .rackColumnWrap:nth-child(7) {
  margin-left: 17.14286%; }
.tubeX35 .rackColumnWrap:nth-child(8) {
  margin-left: 20%; }
.tubeX35 .rackColumnWrap:nth-child(9) {
  margin-left: 22.85714%; }
.tubeX35 .rackColumnWrap:nth-child(10) {
  margin-left: 25.71429%; }
.tubeX35 .rackColumnWrap:nth-child(11) {
  margin-left: 28.57143%; }
.tubeX35 .rackColumnWrap:nth-child(12) {
  margin-left: 31.42857%; }
.tubeX35 .rackColumnWrap:nth-child(13) {
  margin-left: 34.28571%; }
.tubeX35 .rackColumnWrap:nth-child(14) {
  margin-left: 37.14286%; }
.tubeX35 .rackColumnWrap:nth-child(15) {
  margin-left: 40%; }
.tubeX35 .rackColumnWrap:nth-child(16) {
  margin-left: 42.85714%; }
.tubeX35 .rackColumnWrap:nth-child(17) {
  margin-left: 45.71429%; }
.tubeX35 .rackColumnWrap:nth-child(18) {
  margin-left: 48.57143%; }
.tubeX35 .rackColumnWrap:nth-child(19) {
  margin-left: 51.42857%; }
.tubeX35 .rackColumnWrap:nth-child(20) {
  margin-left: 54.28571%; }
.tubeX35 .rackColumnWrap:nth-child(21) {
  margin-left: 57.14286%; }
.tubeX35 .rackColumnWrap:nth-child(22) {
  margin-left: 60%; }
.tubeX35 .rackColumnWrap:nth-child(23) {
  margin-left: 62.85714%; }
.tubeX35 .rackColumnWrap:nth-child(24) {
  margin-left: 65.71429%; }
.tubeX35 .rackColumnWrap:nth-child(25) {
  margin-left: 68.57143%; }
.tubeX35 .rackColumnWrap:nth-child(26) {
  margin-left: 71.42857%; }
.tubeX35 .rackColumnWrap:nth-child(27) {
  margin-left: 74.28571%; }
.tubeX35 .rackColumnWrap:nth-child(28) {
  margin-left: 77.14286%; }
.tubeX35 .rackColumnWrap:nth-child(29) {
  margin-left: 80%; }
.tubeX35 .rackColumnWrap:nth-child(30) {
  margin-left: 82.85714%; }
.tubeX35 .rackColumnWrap:nth-child(31) {
  margin-left: 85.71429%; }
.tubeX35 .rackColumnWrap:nth-child(32) {
  margin-left: 88.57143%; }
.tubeX35 .rackColumnWrap:nth-child(33) {
  margin-left: 91.42857%; }
.tubeX35 .rackColumnWrap:nth-child(34) {
  margin-left: 94.28571%; }
.tubeX35 .rackColumnWrap:nth-child(35) {
  float: right;
  margin-left: -100%;
  margin-right: 0; }
.tubeX35.rackPicture.offset0 .rackRow:nth-child(even) {
  margin-left: 1.429%; }
.tubeX35.rackPicture.offset0 .rackRow:nth-child(odd) {
  margin-right: 1.429%; }
.tubeX35.rackPicture.offset90 .rackRow .rackColumnWrap:nth-child(odd) {
  margin-top: -1.429%; }
.tubeX35.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 0; }
.tubeX35.rackPicture.offset90 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 1.429%; }
.tubeX35.rackPicture.offset180 .rackRow:nth-child(odd) {
  margin-left: 1.429%; }
.tubeX35.rackPicture.offset180 .rackRow:nth-child(even) {
  margin-right: 1.429%; }
.tubeX35.rackPicture.offset270 .rackRow .rackColumnWrap:nth-child(even) {
  margin-top: -1.429%; }
.tubeX35.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(even) {
  margin-top: 0; }
.tubeX35.rackPicture.offset270 .rackRow:nth-child(1) .rackColumnWrap:nth-child(odd) {
  margin-top: 1.429%; }
.rackColumnWrap .rackColumn.scannedTube,
#pictureCell-0.rackColumn.scannedTube,
.racking-active .rackColumnWrap .rackColumn.scannedTube:hover,
.racking-active #pictureCell-0.rackColumn.scannedTube:hover {
  background-color: #FDF3C9;
  border-color: #FFDA64; }
.racking-active .rackColumnWrap .rackColumn.scannedTube,
.racking-active #pictureCell-0.rackColumn.scannedTube {
  background-color: rgba(253, 243, 201, 0.25);
  border-color: rgba(255, 218, 100, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.scannedTube,
.racking-active #pictureCell-0.rackColumn.lastScanned.scannedTube {
  background-color: #FDF3C9; }
.rackColumnWrap .rackColumn.tubetop-black,
#pictureCell-0.rackColumn.tubetop-black,
.racking-active .rackColumnWrap .rackColumn.tubetop-black:hover,
.racking-active #pictureCell-0.rackColumn.tubetop-black:hover {
  background-color: #676767;
  border-color: #000000; }
.racking-active .rackColumnWrap .rackColumn.tubetop-black,
.racking-active #pictureCell-0.rackColumn.tubetop-black {
  background-color: rgba(103, 103, 103, 0.25);
  border-color: rgba(0, 0, 0, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.tubetop-black,
.racking-active #pictureCell-0.rackColumn.lastScanned.tubetop-black {
  background-color: #676767; }
.rackColumnWrap .rackColumn.tubetop-blue,
#pictureCell-0.rackColumn.tubetop-blue,
.racking-active .rackColumnWrap .rackColumn.tubetop-blue:hover,
.racking-active #pictureCell-0.rackColumn.tubetop-blue:hover {
  background-color: #6EAAD9;
  border-color: #257DBE; }
.racking-active .rackColumnWrap .rackColumn.tubetop-blue,
.racking-active #pictureCell-0.rackColumn.tubetop-blue {
  background-color: rgba(110, 170, 217, 0.25);
  border-color: rgba(37, 125, 190, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.tubetop-blue,
.racking-active #pictureCell-0.rackColumn.lastScanned.tubetop-blue {
  background-color: #6EAAD9; }
.rackColumnWrap .rackColumn.tubetop-green,
#pictureCell-0.rackColumn.tubetop-green,
.racking-active .rackColumnWrap .rackColumn.tubetop-green:hover,
.racking-active #pictureCell-0.rackColumn.tubetop-green:hover {
  background-color: #A3E385;
  border-color: #7BCA55; }
.racking-active .rackColumnWrap .rackColumn.tubetop-green,
.racking-active #pictureCell-0.rackColumn.tubetop-green {
  background-color: rgba(163, 227, 133, 0.25);
  border-color: rgba(123, 202, 85, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.tubetop-green,
.racking-active #pictureCell-0.rackColumn.lastScanned.tubetop-green {
  background-color: #A3E385; }
.rackColumnWrap .rackColumn.tubetop-orange,
#pictureCell-0.rackColumn.tubetop-orange,
.racking-active .rackColumnWrap .rackColumn.tubetop-orange:hover,
.racking-active #pictureCell-0.rackColumn.tubetop-orange:hover {
  background-color: #FFB361;
  border-color: #F98200; }
.racking-active .rackColumnWrap .rackColumn.tubetop-orange,
.racking-active #pictureCell-0.rackColumn.tubetop-orange {
  background-color: rgba(255, 179, 97, 0.25);
  border-color: rgba(249, 130, 0, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.tubetop-orange,
.racking-active #pictureCell-0.rackColumn.lastScanned.tubetop-orange {
  background-color: #FFB361; }
.rackColumnWrap .rackColumn.tubetop-purple,
#pictureCell-0.rackColumn.tubetop-purple,
.racking-active .rackColumnWrap .rackColumn.tubetop-purple:hover,
.racking-active #pictureCell-0.rackColumn.tubetop-purple:hover {
  background-color: #BF86BF;
  border-color: #843584; }
.racking-active .rackColumnWrap .rackColumn.tubetop-purple,
.racking-active #pictureCell-0.rackColumn.tubetop-purple {
  background-color: rgba(191, 134, 191, 0.25);
  border-color: rgba(132, 53, 132, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.tubetop-purple,
.racking-active #pictureCell-0.rackColumn.lastScanned.tubetop-purple {
  background-color: #BF86BF; }
.rackColumnWrap .rackColumn.tubetop-red,
#pictureCell-0.rackColumn.tubetop-red,
.racking-active .rackColumnWrap .rackColumn.tubetop-red:hover,
.racking-active #pictureCell-0.rackColumn.tubetop-red:hover {
  background-color: #EA3A3A;
  border-color: #D01313; }
.racking-active .rackColumnWrap .rackColumn.tubetop-red,
.racking-active #pictureCell-0.rackColumn.tubetop-red {
  background-color: rgba(234, 58, 58, 0.25);
  border-color: rgba(208, 19, 19, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.tubetop-red,
.racking-active #pictureCell-0.rackColumn.lastScanned.tubetop-red {
  background-color: #EA3A3A; }
.rackColumnWrap .rackColumn.tubetop-yellow,
#pictureCell-0.rackColumn.tubetop-yellow,
.racking-active .rackColumnWrap .rackColumn.tubetop-yellow:hover,
.racking-active #pictureCell-0.rackColumn.tubetop-yellow:hover {
  background-color: #FFD039;
  border-color: #FF9F37; }
.racking-active .rackColumnWrap .rackColumn.tubetop-yellow,
.racking-active #pictureCell-0.rackColumn.tubetop-yellow {
  background-color: rgba(255, 208, 57, 0.25);
  border-color: rgba(255, 159, 55, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.tubetop-yellow,
.racking-active #pictureCell-0.rackColumn.lastScanned.tubetop-yellow {
  background-color: #FFD039; }
.rackColumnWrap .rackColumn.tubetop-gold,
#pictureCell-0.rackColumn.tubetop-gold,
.racking-active .rackColumnWrap .rackColumn.tubetop-gold:hover,
.racking-active #pictureCell-0.rackColumn.tubetop-gold:hover {
  background-color: #F3E2C7;
  border-color: #B68D4C; }
.racking-active .rackColumnWrap .rackColumn.tubetop-gold,
.racking-active #pictureCell-0.rackColumn.tubetop-gold {
  background-color: rgba(243, 226, 199, 0.25);
  border-color: rgba(182, 141, 76, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.tubetop-gold,
.racking-active #pictureCell-0.rackColumn.lastScanned.tubetop-gold {
  background-color: #F3E2C7; }
.tubetop-gold {
  background: #F3E2C7;
  background: -webkit-linear-gradient(to bottom right, #F3E2C7 0%, #C19E67 50%, #B68D4C 51%, #E9D4B3 100%);
  background: linear-gradient(to bottom right, #F3E2C7 0%, #C19E67 50%, #B68D4C 51%, #E9D4B3 100%); }
.racking-active .tubetop-gold {
  background: rgba(243, 226, 199, 0.25);
  background: -webkit-linear-gradient(to bottom right, rgba(243, 226, 199, 0.25) 0%, rgba(193, 158, 103, 0.25) 50%, rgba(182, 141, 76, 0.25) 51%, rgba(233, 212, 179, 0.25) 100%);
  background: linear-gradient(to bottom right, rgba(243, 226, 199, 0.25) 0%, rgba(193, 158, 103, 0.25) 50%, rgba(182, 141, 76, 0.25) 51%, rgba(233, 212, 179, 0.25) 100%); }
.rackColumnWrap .rackColumn.tubetop-silver,
#pictureCell-0.rackColumn.tubetop-silver,
.racking-active .rackColumnWrap .rackColumn.tubetop-silver:hover,
.racking-active #pictureCell-0.rackColumn.tubetop-silver:hover {
  background-color: #999999;
  border-color: #BEBEBE; }
.racking-active .rackColumnWrap .rackColumn.tubetop-silver,
.racking-active #pictureCell-0.rackColumn.tubetop-silver {
  background-color: rgba(153, 153, 153, 0.75);
  border-color: rgba(190, 190, 190, 0.75); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.tubetop-silver,
.racking-active #pictureCell-0.rackColumn.lastScanned.tubetop-silver {
  background-color: #999999; }
.tubetop-silver {
  background: #EFEFEF;
  background: -webkit-linear-gradient(to bottom right, #EFEFEF 0%, #DDDDDD 50%, #D1D1D1 51%, #F9F9F9 100%);
  background: linear-gradient(to bottom right, #EFEFEF 0%, #DDDDDD 50%, #D1D1D1 51%, #F9F9F9 100%); }
.racking-active .tubetop-silver {
  background: rgba(239, 239, 239, 0.25);
  background: -webkit-linear-gradient(to bottom right, rgba(239, 239, 239, 0.25) 0%, rgba(221, 221, 221, 0.25) 50%, rgba(209, 209, 209, 0.25) 51%, rgba(249, 249, 249, 0.25) 100%);
  background: linear-gradient(to bottom right, rgba(239, 239, 239, 0.25) 0%, rgba(221, 221, 221, 0.25) 50%, rgba(209, 209, 209, 0.25) 51%, rgba(249, 249, 249, 0.25) 100%); }
.rackColumnWrap .rackColumn.tubetop-white,
#pictureCell-0.rackColumn.tubetop-white,
.racking-active .rackColumnWrap .rackColumn.tubetop-white:hover,
.racking-active #pictureCell-0.rackColumn.tubetop-white:hover {
  background-color: #FFFFFF;
  border-color: #DDDDDD; }
.racking-active .rackColumnWrap .rackColumn.tubetop-white,
.racking-active #pictureCell-0.rackColumn.tubetop-white {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: rgba(221, 221, 221, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.tubetop-white,
.racking-active #pictureCell-0.rackColumn.lastScanned.tubetop-white {
  background-color: #FFFFFF; }
.tubetop-white {
  background: #FFFFFF;
  background: -webkit-linear-gradient(to bottom right, #FFFFFF 0%, #F3F3F3 50%, #EFEFEF 51%, #FFFFFF 100%);
  background: linear-gradient(to bottom right, #FFFFFF 0%, #F3F3F3 50%, #EFEFEF 51%, #FFFFFF 100%); }
.racking-active .tubetop-white {
  background: rgba(255, 255, 255, 0.25);
  background: -webkit-linear-gradient(to bottom right, rgba(255, 255, 255, 0.25) 0%, rgba(243, 243, 243, 0.25) 50%, rgba(239, 239, 239, 0.25) 51%, rgba(255, 255, 255, 0.25) 100%);
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25) 0%, rgba(243, 243, 243, 0.25) 50%, rgba(239, 239, 239, 0.25) 51%, rgba(255, 255, 255, 0.25) 100%); }
.rackColumnWrap .rackColumn.lastScanned,
#pictureCell-0.rackColumn.lastScanned,
.racking-active .rackColumnWrap .rackColumn.lastScanned:hover,
.racking-active #pictureCell-0.rackColumn.lastScanned:hover {
  border-color: #7A3F00; }
.racking-active .rackColumnWrap .rackColumn.lastScanned,
.racking-active #pictureCell-0.rackColumn.lastScanned {
  border-color: #7a3f00; }
.rackPicture .rackColumnWrap .lastScanned,
.rackPicture #pictureCell-0.lastScanned {
  border-width: 6px; }
.rackX3 .rackPicture .rackColumnWrap .lastScanned,
.rackX3 .rackPicture #pictureCell-0.lastScanned {
  border-width: 4px; }
.rackColumnWrap .rackColumn.nextExpected,
#pictureCell-0.rackColumn.nextExpected,
.racking-active .rackColumnWrap .rackColumn.nextExpected:hover,
.racking-active #pictureCell-0.rackColumn.nextExpected:hover {
  background-color: #FFFFFF;
  border-color: #287204; }
.racking-active .rackColumnWrap .rackColumn.nextExpected,
.racking-active #pictureCell-0.rackColumn.nextExpected {
  background-color: rgba(255, 255, 255, 0.75);
  border-color: rgba(40, 114, 4, 0.75); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.nextExpected,
.racking-active #pictureCell-0.rackColumn.lastScanned.nextExpected {
  background-color: #FFFFFF; }
.rackColumnWrap .nextExpected,
#pictureCell-0.nextExpected {
  border-width: 3px; }
.rackX3 .rackColumnWrap .nextExpected,
.rackX3 #pictureCell-0.nextExpected {
  border-width: 2px; }
.rackColumnWrap .rackColumn.reserved,
#pictureCell-0.rackColumn.reserved,
.racking-active .rackColumnWrap .rackColumn.reserved:hover,
.racking-active #pictureCell-0.rackColumn.reserved:hover {
  background-color: #BEBEBE;
  border-color: #999999; }
.racking-active .rackColumnWrap .rackColumn.reserved,
.racking-active #pictureCell-0.rackColumn.reserved {
  background-color: rgba(190, 190, 190, 0.25);
  border-color: rgba(153, 153, 153, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.reserved,
.racking-active #pictureCell-0.rackColumn.lastScanned.reserved {
  background-color: #BEBEBE; }
.rackColumnWrap .rackColumn.placeholder,
#pictureCell-0.rackColumn.placeholder,
.racking-active .rackColumnWrap .rackColumn.placeholder:hover,
.racking-active #pictureCell-0.rackColumn.placeholder:hover {
  background-color: #EFEFEF;
  border-color: #999999; }
.racking-active .rackColumnWrap .rackColumn.placeholder,
.racking-active #pictureCell-0.rackColumn.placeholder {
  background-color: rgba(239, 239, 239, 0.25);
  border-color: rgba(153, 153, 153, 0.25); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.placeholder,
.racking-active #pictureCell-0.rackColumn.lastScanned.placeholder {
  background-color: #EFEFEF; }
.rackColumnWrap .rackColumn.placeholder.nextExpected,
#pictureCell-0.rackColumn.placeholder.nextExpected,
.racking-active .rackColumnWrap .rackColumn.placeholder.nextExpected:hover,
.racking-active #pictureCell-0.rackColumn.placeholder.nextExpected:hover {
  background-color: #EFEFEF;
  border-color: #287204; }
.racking-active .rackColumnWrap .rackColumn.placeholder.nextExpected,
.racking-active #pictureCell-0.rackColumn.placeholder.nextExpected {
  background-color: rgba(239, 239, 239, 0.75);
  border-color: rgba(40, 114, 4, 0.75); }
.racking-active .rackColumnWrap .rackColumn.lastScanned.placeholder.nextExpected,
.racking-active #pictureCell-0.rackColumn.lastScanned.placeholder.nextExpected {
  background-color: #EFEFEF; }
.storage-area {
  border-color: #BEBEBE;
  margin: 15px auto 25px;
  position: relative;
  text-align: left;
  width: 80%; }
.storage-area.incubator {
  border-color: #FF6767; }
.storage-area.roomtemp {
  border-color: #FFB361; }
.storage-area.cold {
  border-color: #A3E385; }
.storage-area.colder {
  border-color: #6EAAD9; }
.storage-area.evencolder {
  border-color: #4690C9; }
.storage-area.coldest {
  border-color: #BF86BF; }
.storage-header {
  display: inline-block;
  padding: 4px 0 4px 30px;
  text-align: left; }
.storage-header:hover,
.temp-display:hover {
  cursor: pointer; }
.storage-barcode {
  color: #999999;
  font-size: 18px;
  font-weight: bold; }
.incubator .storage-barcode,
.incubator .temp-display {
  color: #D01313; }
.roomtemp .storage-barcode,
.roomtemp .temp-display {
  color: #F98200; }
.cold .storage-barcode,
.cold .temp-display {
  color: #5BB033; }
.colder .storage-barcode,
.colder .temp-display {
  color: #257DBE; }
.coldest .storage-barcode,
.coldest .temp-display {
  color: #9E579E; }
.storage-type {
  font-style: italic; }
.storage-children {
  border: 2px solid;
  border-color: inherit;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 65px;
  position: relative;
  text-align: center;
  padding: 10px; }
.storage-detail-display {
  background: #FFFFFF;
  border: 2px solid;
  border-color: inherit;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  color: #999999;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  position: absolute;
  text-align: center;
  top: 11px;
  width: 35px; }
.temp-display {
  left: -18px; }
.storage-status-display {
  right: -18px; }
.storage-status-display.StorageStatusGreen {
  background-color: #A3E385; }
.storage-status-display.StorageStatusYellow {
  background-color: #FFDA64; }
.storage-status-display.StorageStatusRed {
  background-color: #FF6767; }
.storage-status-display .storage-status-text {
  color: white;
  font-size: large; }
.storage-empty {
  font-size: 16px;
  font-style: italic;
  left: 50%;
  margin-left: -100px;
  margin-top: -8px;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  width: 200px; }
.tower-selection-button {
  background-color: #FFB361;
  border: 2px solid #C17C34;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  line-height: 35px;
  margin: 10px auto 0;
  width: 80%; }
.tower-container {
  margin: 0 auto;
  position: relative;
  width: 80%; }
.storage-area .tower-container {
  margin: 10px 10px 5px auto;
  width: 90%; }
.storage-area .tower-container {
  margin-top: 0; }
.storage-area .tower-container ~ .tower-container {
  margin-top: 5px; }
.tower-container button,
.storage-children button {
  display: block; }
.storage-children button.toggleHidden {
  display: inline-block; }
.storage-children button[hidden].toggleHidden {
  display: none; }
.tower-header {
  background-color: #F3F3F3;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #D3D3D3;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  position: relative;
  text-decoration: inherit; }
.tower-id,
.rack-id {
  border-right: 1px solid;
  border-right-color: inherit;
  float: left;
  font-weight: bold;
  height: 100%;
  text-decoration: inherit;
  width: 20%; }
.rack-id {
  width: 40%;
  font-family: 'Inconsolata', monospace; }
.tower-info,
.rack-info {
  float: left;
  height: 100%;
  padding-left: 10px;
  text-align: left;
  text-decoration: inherit; }
.tower-children {
  margin-bottom: 10px; }
.tube-count {
  float: right;
  border-left: 1px solid; }
.tower-container .expandButton {
  top: 6px;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg); }
.rotated .tower-header {
  background-color: #FBEFFF;
  border-color: #843584; }
.rack-container.rotated {
  background-color: #FBEFFF;
  border-color: #843584; }
.ui-effects-transfer {
  border: 2px dotted black; }
.removal .tower-header,
.rack-container.removal {
  background-color: #FFE4E1;
  border-color: #D01313;
  font-style: italic;
  opacity: 0.65;
  text-decoration: line-through; }
.new .tower-header,
.rack-container.new {
  background-color: #FDF3C9;
  
  border-color: #FFDA64;
   }
.tube-removal .tower-header,
.rack-container.tube-removal {
  background-color: #FFE0B2;
  border-color: #F98200;
  font-style: italic;
  opacity: 0.65; }
.shelf-container {
  position: relative;
  margin-top: 10px; }
.shelf-container .groupNumber {
  left: 10px; }
.shelf-children {
  margin-left: 55px; }
.shelf-container.focus .shelf-children {
  background-color: #F0F8FF; }
.rack-container {
  background: #F5FBFB;
  border: 1px solid #A4C2F4;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
  line-height: 35px;
  margin: 1px 20px 1px auto;
  position: relative;
  width: 80%; }
.tower-children .rack-container {
  margin-right: 25px; }
.rack-selection-indicator {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: inherit;
  border-radius: 50%;
  height: 10px;
  left: -6px;
  position: absolute;
  top: 11px;
  width: 10px; }
.rack-selection-indicator .sliderWrap1 {
  left: -12px;
  top: -19px; }
.tower-children .rack-selection-indicator .sliderWrap1,
.storage-children .rack-selection-indicator .sliderWrap1 {
  left: -12px;
  top: -13px; }
.rack-container .unrecordable.small, .rack-container #navMenuList .navigation-button-container .unrecordable.circle.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .rack-container .unrecordable.circle.nav-stats:first-child:nth-last-child(1), .rack-container #navMenuList .navigation-button-container .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(1), #navMenuList .navigation-button-container .rack-container .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(1), .rack-container #navMenuList .navigation-button-container .unrecordable.circle.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .rack-container .unrecordable.circle.nav-stats:first-child:nth-last-child(2), .rack-container #navMenuList .navigation-button-container .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(2), #navMenuList .navigation-button-container .rack-container .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(2), .rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.circle.nav-stats, .rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.circle.nav-stats, .rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.nav-stats.big-report-button, .rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.nav-stats.big-report-button, .rack-container #navMenuList .navigation-button-container .unrecordable.circle.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .rack-container .unrecordable.circle.nav-stats:first-child:nth-last-child(3), .rack-container #navMenuList .navigation-button-container .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(3), #navMenuList .navigation-button-container .rack-container .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(3), .rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.circle.nav-stats, .rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.circle.nav-stats, .rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.nav-stats.big-report-button, .rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.nav-stats.big-report-button, .rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.circle.nav-stats, .rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.circle.nav-stats, .rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.circle.nav-stats, .rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.circle.nav-stats, .rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.nav-stats.big-report-button, .rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.nav-stats.big-report-button, .rack-container #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .rack-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.nav-stats.big-report-button, .rack-container #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .rack-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.nav-stats.big-report-button {
  background: none;
  border: none; }
.storage-location-menu {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1; }
.storage-location-menu .sliderWrap1 {
  height: 100%; }
.storage-location-menu .unrecordable.small, .storage-location-menu #navMenuList .navigation-button-container .unrecordable.circle.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.circle.nav-stats:first-child:nth-last-child(1), .storage-location-menu #navMenuList .navigation-button-container .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(1), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(1), .storage-location-menu #navMenuList .navigation-button-container .unrecordable.circle.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.circle.nav-stats:first-child:nth-last-child(2), .storage-location-menu #navMenuList .navigation-button-container .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(2), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(2), .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .unrecordable.circle.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.circle.nav-stats:first-child:nth-last-child(3), .storage-location-menu #navMenuList .navigation-button-container .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(3), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.nav-stats.big-report-button:first-child:nth-last-child(3), .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.nav-stats.big-report-button {
  background: none;
  border: none;
  z-index: -1;
  height: 100%;
  width: 100%; }
.storage-location-menu .unrecordable.small.activeMenu, .storage-location-menu #navMenuList .navigation-button-container .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(1), .storage-location-menu #navMenuList .navigation-button-container .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(1), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(1), .storage-location-menu #navMenuList .navigation-button-container .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(2), .storage-location-menu #navMenuList .navigation-button-container .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(2), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(2), .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.activeMenu.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.activeMenu.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.activeMenu.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.activeMenu.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.activeMenu.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(2) + .unrecordable.activeMenu.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.activeMenu.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(2) + .unrecordable.activeMenu.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.activeMenu.circle.nav-stats:first-child:nth-last-child(3), .storage-location-menu #navMenuList .navigation-button-container .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(3), #navMenuList .navigation-button-container .storage-location-menu .unrecordable.activeMenu.nav-stats.big-report-button:first-child:nth-last-child(3), .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.activeMenu.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.activeMenu.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.activeMenu.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.activeMenu.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.activeMenu.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .unrecordable.activeMenu.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.activeMenu.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .unrecordable.activeMenu.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.circle.nav-stats, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.circle.nav-stats, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .unrecordable.activeMenu.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.nav-stats.big-report-button, .storage-location-menu #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.nav-stats.big-report-button, #navMenuList .navigation-button-container .storage-location-menu .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .unrecordable.activeMenu.nav-stats.big-report-button {
  background-color: transparent !important; }
.counts {
  margin-bottom: 5px;
  font-size: 0.9em; }
.count {
  color: #F98200;
  padding-left: 10px; }
.count-label {
  padding-right: 10px; }
.storage-duration {
  float: right;
  padding-right: 10px;
  color: #A71E22;
  font-style: italic;
  font-weight: bold; }
.tower-header .storage-duration {
  padding-right: 50px; }
.storage-container .spinner {
  position: absolute;
  left: initial;
  right: 5px;
  top: 50%;
  margin-left: -21px;
  margin-top: -23px; }
.login-page .ladda-button {
  width: auto; }
.login-page .appTitle {
  height: 160px; }
.login-page .appTitle h1 {
  font-size: 32px;
  color: #676767;
  padding-bottom: 1em;
  padding-top: 1em;
  margin: 0 auto;
  padding: 10px 0 5px 0;
  max-width: calc(90%); }
#logininputgroup {
  margin: 0 auto;
  padding-top: 25px;
  position: relative;
  width: 350px; }
#username_div {
  border-bottom: 2px solid #A71E22;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  padding-bottom: 5px; }
#logininputgroup input {
  border: none;
  background-color: #fff;
  border: none;
  box-shadow: none;
  
  font-size: 20px;
  height: 44px;
  
  margin: 0;
  padding: 10px;
  text-align: center;
  white-space: nowrap;
  width: 275px; }
#logininputgroup input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
   }
#logininputgroup input:focus {
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 8px rgba(0, 0, 0, 0);
  white-space: nowrap; }
#logininputgroup button {
  left: 360px;
  top: 37px;
  z-index: 9;
  position: absolute; }
.workstationType {
  margin-top: 30px;
  font-weight: bold;
  font-size: 26px;
  color: #CCCCCC;
  line-height: 28px;
  height: 28px; }
.workstationID {
  margin-top: 5px;
  font-weight: bold;
  font-size: 20px;
  color: #FFB361;
  line-height: 28px;
  font-style: italic;
  height: 28px; }
.errorContainer {
  display: none;
  
  border-radius: 20px;
  border: 3px dashed #DDD;
  margin: 20px auto 20px;
  width: 600px;
  padding: 0 50px 15px 50px; }
.extraLoginHtml {
  margin-top: 30px;
  margin-bottom: 20px; }
.errorMessage {
  color: #676767; }
.madlibs-container .sub-gizmo .gizmo-shell {
  width: 30px; }
.madlibs.orange {
  color: #F98200; }
.madlibs.red {
  display: inline;
  color: #D01313; }
.madlibs.green {
  color: #41941A;
  font-weight: bolder; }
.madlibs.purple {
  color: #843584; }
  .madlibs.purple.purple.bold {
    color: #9E579E;
    font-weight: bold; }
.madlibs.dkblue {
  color: #257DBE; }
.madlibs.bolder {
  font-weight: bolder; }
.madlibs-container input.typeahead.tt-hint {
  width: auto; }
.madlibs-container input.typeahead.tt-input {
  width: auto; }
.serum-aliquot-label-count .madlibs-container {
  margin: 10px; }
.kitswap .madlibs-container {
  margin: 10px;
  width: 600px; }
.order-shipment-title {
  font-weight: bolder;
  padding-right: 40px; }
.order-title {
  font-weight: bolder;
  width: 530px; }
.order-value {
  width: 30px; }
.mad-libs-plus-slot-group-container {
  margin-top: 5px; }
.mad-libs-plus-slot-group-container .down-arrow {
  background: 0 0 no-repeat url("../images/green-arrow-down.png");
  background-size: 35px 20px;
  position: relative;
  top: 8px;
  display: inline-block;
  height: 20px;
  width: 35px; }
.madlibs-container {
  position: relative;
  display: inline-block;
  border: 2px solid #DDDDDD;
  width: 396px;
  border-radius: 8px;
  padding: 5px 0 5px 0;
  background-color: #F9F9F9;
  min-height: 30px; }
.double-width .madlibs-container {
  width: 784px; }
.catalog-item .madlibs-container {
  width: 505px; }
.madlibs-container .catalog-elem-large {
  width: 600px; }
.order-extra-width .madlibs-container {
  width: 850px; }
.madlibs-container .float-left {
  float: left;
  margin-left: 10px; }
input.madlibs.long-input {
  font-size: 15px; }
.madlibs.linebreak {
  height: 0px;
  display: block; }
.madlibs.kitswap-input {
  text-align: left; }
  .madlibs.kitswap-input::placeholder {
    text-align: left; }
.catalog-name {
  width: 330px; }
.label-name {
  width: 75px; }
.long-input.catalog-elements {
  padding-right: 10px; }
.catalog-elements {
  padding-right: 5px; }
.catalog-shipping-method {
  width: 150px; }
.order .madlibs-container {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px; }
span.madlibs.madlibs-child-label.order-value.catalog-display-label {
  width: 465px;
  word-wrap: break-word; }
input.ordered-status-input {
  width: 298px; }
input.madlibs.ordered-status-input {
  font-size: 18px; }
.madlibs-children .madlibs-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
.madlibs-container.focusOn {
  border: 2px solid maroon; }
.madlibs-children.button-section {
  width: 648px; }
.madlibs-container.focusOn .buttonDropdown {
  border-top: 2px solid #931100;
  margin-top: 6px; }
.madlibs-children.button-section {
  width: 648px; }
.madlibs-container .buttonDropdown {
  border-top: 2px solid #DDDDDD;
  margin-top: 6px; }
input.madlibs {
  border: none;
  background-color: transparent;
  color: maroon;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  padding: 0 0 2px 0;
  line-height: normal;
  outline-offset: initial; }
input.madlibs:-ms-input-placeholder {
  font-weight: normal;
  color: grey !important; }
span.madlibs {
  font-size: 18px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  line-height: normal; }
.order span.madlibs.catalog-elem-desc {
  width: 300px;
  font-size: 15px; }
.confirm-info ~ div .volumeGizmo,
.confirm-warning ~ div .volumeGizmo,
.confirm-error ~ div .volumeGizmo {
  right: 14px; }
.volumeGizmo .madlibs-container {
  position: absolute;
  width: 76px;
  height: 22px;
  border: 2px solid #F98200;
  border-radius: 10px;
  right: 231px;
  top: -13px;
  background-color: #FFFFFF;
  padding: 0px;
  min-height: initial; }
#tubeTransfer .volumeGizmo .madlibs-container {
  right: 17px;
  height: 22px;
  top: -13px; }
#tubeTransfer .volumeGizmo span.madlibs {
  line-height: 21px; }
#tubeTransfer .volumeGizmo .button-section {
  width: initial; }
.volumeGizmo span.madlibs {
  font-size: 14px;
  height: inherit;
  line-height: 21px;
  color: #727272;
  font-style: normal;
  font-weight: bold; }
.volumeGizmo input.madlibs ~ span.madlibs {
  height: 17px;
  line-height: normal;
  color: #999999;
  font-weight: normal; }
.volumeGizmo input.madlibs {
  font-size: 16px;
  height: 100%;
  text-align: right;
  width: 60%; }
.slotGroupGizmo .tube .volumeGizmo .madlibs-container {
  right: 133px; }
.sm-menu-dialog .tube .volumeGizmo .madlibs-container {
  right: 23px; }
#ADD_TUBE_DIALOG_GIZMO .tube {
  margin: 14px 0px 9px 0px; }
.MLPSG-slot-group-container .gizmo-container {
  position: relative; }
.MLPSG-slot-group-container .annotations.filled {
  border: none; }
.storage-position-gizmo-ctn {
  position: absolute;
  width: 76px;
  height: 51px;
  border: 2px solid #F98200;
  border-radius: 10px;
  right: 8px;
  top: -7px;
  background-color: #FFFFFF; }
.confirm-warning ~ div > .storage-position-gizmo-ctn,
.confirm-error ~ div > .storage-position-gizmo-ctn,
.confirm-info ~ div > .storage-position-gizmo-ctn {
  right: 20px; }
.storage-position-gizmo-ctn .linebreak {
  width: 48px;
  margin: 6px auto;
  border: 1px solid #EFEFEF; }
.storage-position-gizmo-ctn span.madlibs {
  font-size: 14px;
  line-height: normal; }
.storage-position-gizmo-ctn span.madlibs:nth-child(2) {
  display: inline-block; }
.storage-position-gizmo-ctn input.madlibs {
  font-size: 14px;
  height: 18px;
  padding: 0px;
  position: relative;
  top: 3px; }
.storage-position-gizmo-ctn .madlibs.position {
  position: relative;
  top: -5px; }
.storage-position-gizmo-ctn .button-section {
  width: 100%; }
.storage-position-gizmo-ctn .madlibs-container {
  border: none;
  padding: 0;
  width: auto;
  background-color: white; }
.button-section.storage-mad-libs {
  padding: 0; }
.slotGroupGizmo {
  display: block;
  margin-top: 10px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  width: 500px; }
.parenthesisGroup {
  position: relative;
  border-left: 5px solid #CCCCCC;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  border-right: 5px solid #CCCCCC;
  min-height: 101px;
  vertical-align: middle; }
.parenthesisGroup > div.smbut-ctn {
  position: absolute;
  right: -20px;
  top: 12px;
  z-index: 10;
  height: 95%; }
  .parenthesisGroup > div.smbut-ctn div.circle, .parenthesisGroup > div.smbut-ctn div.big-report-button {
    background-color: #73C5E1;
    position: relative;
    right: -15;
    bottom: -5px;
    display: block;
    margin-bottom: 6px;
    background-size: 30px;
    height: 65px;
    width: 65px; }
  .parenthesisGroup > div.smbut-ctn div.circle.subtract, .parenthesisGroup > div.smbut-ctn div.subtract.big-report-button {
    position: absolute;
    bottom: 5px; }
.parenthesisGroup > .tubeList > section:only-child {
  padding-top: 23px; }
.parenthesisGroup > .slotListTitle ~ .tubeList > section:first-child {
  padding-top: 3px; }
.parenthesisGroup .slotListTitle {
  text-align: center; }
.slotGroupGizmo section {
  width: 500px; }
.slotGroupGizmo .numberingButton {
  left: 10px;
  margin-top: 7px; }
#template-insertion#tubeTransfer.gizmo {
  margin: 10px auto;
  width: 91%; }
#tubeTransfer.gizmo .groupNumber {
  display: none; }
#tubeTransfer.gizmo .pairings {
  padding-left: 0px;
  padidng-right: 0px; }
#tubeTransfer.gizmo .table-pairing td.table-pairing-number {
  width: 0%; }
#tubeTransfer.gizmo .table-pairing td.table-pairing-result {
  width: 46%; }
#tubeTransfer.gizmo .table-pairing td.table-pairing-start {
  width: 46%; }
.dropdownbox {
  border-radius: 10px;
  margin-top: 5px; }
.typeahead {
  z-index: 4; }
.typeahead-table .dropdown-arrow {
  top: 11px;
  border-top: 10px solid lightgrey; }
.dropdownbox select {
  left: 0px;
  border: 0px;
  background-color: #DFBCDF; }
.dropdownbox select.focusOn {
  background-color: #FBEFFF; }
.dropdownbox select.focusOn option {
  background-color: #FBEFFF; }
.readonly .dropdown-arrow {
  cursor: not-allowed; }
.dropdown-arrow {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 15px;
  right: 7px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  background: transparent;
  line-height: 20px;
  z-index: 5; }
.drop-down-gizmo .validstateindicator {
  top: -20px; }
.drop-down-gizmo.filter-preset {
  opacity: 0.5; }
.typeahead-table .drop-down-gizmo .tt-hint,
.typeahead-table .drop-down-gizmo .tt-menu {
  width: 100%; }
.madlibs .dropdown-arrow {
  top: 7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent; }
.drop-down-suffix p {
  font-family: 'Inconsolata', monospace;
  font-size: 12px;
  text-align: center;
  top: 34px; }
.tt-input {
  text-align: center; }
.tt-input,
.tt-hint {
  width: 396px;
  height: 30px;
  font-size: 13px;
  line-height: 30px;
  border: 0;
  outline: none; }
.order .tt-input,
.tt-hint {
  height: auto;
  line-height: 15px; }
.tt-hint {
  color: #999; }
.tt-menu {
  width: 400px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  max-height: 150px;
  overflow-y: auto;
  text-align: left; }
.tt-suggestion {
  padding: 3px 20px;
  font-size: 15px;
  line-height: 24px; }
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf; }
.tt-suggestion p {
  margin: 0; }
.madlibs.sub-gizmo {
  display: inline-block; }
  .madlibs.sub-gizmo .drop-down-gizmo {
    display: inline-block; }
    .madlibs.sub-gizmo .drop-down-gizmo .gizmo-shell {
      display: inline-block; }
    .madlibs.sub-gizmo .drop-down-gizmo .twitter-typehead {
      display: inline-block; }
    .madlibs.sub-gizmo .drop-down-gizmo .tt-hint, .madlibs.sub-gizmo .drop-down-gizmo tt-menu, .madlibs.sub-gizmo .drop-down-gizmo .tt-suggestion, .madlibs.sub-gizmo .drop-down-gizmo .tt-input, .madlibs.sub-gizmo .drop-down-gizmo .tt-open {
      width: 320px; }
.receive-date-gizmo .buttonHeader {
  background-color: #FFDA64; }
.receive-date-gizmo .buttonHeader input[type="checkbox"].ios-switch + div.switch {
  sbackground-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #FFC200 50%, transparent 50%); }
.receive-date-gizmo .ladda-button {
  border-color: #FFC200; }
#popupdiv .problemTreeListInner #scan-view {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 0; }
#popupdiv .button-section [name=nav-properties] {
  padding: 15px 0; }
.navigation-button-container #scan-view .ladda-button {
  border-color: #FFC200; }
.navigation-button-container #scan-view .buttonHeader::before {
  background-image: none;
  background-color: #FF6767; }
#scan-view .errorButton.ladda-button {
  border-color: #D01313;
  background-color: #FFFFFF; }
.navigation-button-container #scan-view .buttonHeader {
  background-color: #FF6767; }
.navigation-button-container #scan-view p {
  text-rendering: auto;
  word-spacing: 4px;
  font-size: 15px;
  font-style: normal;
  color: #9b9b9b;
  font-weight: normal; }
.navigation-button-container #scan-view .ladda-button p {
  color: #444444; }
.navigation-button-container #scan-view .buttonMenu div.circle.small.circle-background, .navigation-button-container #scan-view .buttonMenu div.small.circle-background.big-report-button, #navMenuList .navigation-button-container #scan-view .buttonMenu div.circle.circle-background.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container #scan-view .buttonMenu div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container #scan-view .buttonMenu div.circle.circle-background.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container #scan-view .buttonMenu div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container #scan-view .buttonMenu .circle.nav-stats:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .circle.nav-stats:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .nav-stats.big-report-button:first-child:nth-last-child(2) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu div.circle.circle-background.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container #scan-view .buttonMenu div.circle-background.big-report-button.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container #scan-view .buttonMenu .circle.nav-stats:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .circle.nav-stats:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .nav-stats.big-report-button:first-child:nth-last-child(3) + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle.circle-background.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats, #navMenuList .navigation-button-container #scan-view .buttonMenu .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + div.circle-background.big-report-button.nav-stats {
  opacity: 0; }
.navigation-button-container #scan-view .hiddenMessage section {
  margin-bottom: 5px; }
#checklist-gizmo .checklist-items .dialog-container, #checklist-gizmo .checklist-items .checkbox-grid-container {
  padding: 0;
  margin: 0px -10px 0px -40px;
  background-color: transparent;
  border: 0;
  overflow: hidden; }
#checklist-gizmo .button-section,
#checklist-gizmo .navigation-button-container {
  width: 100%;
  padding: 10px 0 0 0;
  margin: 0;
  background-color: transparent; }
#appView .gizmo-checkbox-display {
  padding: 2px 0 0 0;
  top: 3px;
  font-size: 14px; }
#checklist-gizmo .checkbox-grid td {
  background-color: #F3F3F3; }
.checkbox-sub-gizmos {
  width: calc(100% - 45px);
  margin-left: 50px; }
.checkbox-grid .gizmo-checkbox {
  width: 100%; }
.checkbox-grid .gizmo-checkbox input:focus ~ span {
  font-weight: bold; }
.checkbox-grid .gizmo-checkbox input:focus ~ label {
  font-weight: bold;
  border-width: 2px; }
.gizmo-checkbox input[type=checkbox] ~ span {
  position: absolute;
  top: 6px;
  left: 25px; }
.singleCheckbox {
  display: inline; }
.singleCheckbox .gizmo-checkbox {
  display: inline;
  position: relative;
  float: none; }
.singleCheckbox .gizmo-checkbox input[type=checkbox] {
  width: 10px; }
.madlibs-children .madlibs-container {
  min-height: 27px; }
.madlibs.sub-gizmo .singleCheckbox div {
  vertical-align: middle; }
#BOWEL_PREP_GIZMO .button-section {
  width: 400px;
  padding: 5px; }
#popupdiv .button-section.freeform-gizmo {
  width: 430px; }
#popupdiv #ADD_TUBE_DIALOG_GIZMO .slotList.slotGroupGizmo {
  max-height: 250px;
  overflow-y: scroll; }
span.gizmo-checkbox-display {
  margin-left: 5px; }
.verify-data-widget .toggle-button-ctn {
  width: 100%; }
.verify-data-widget .toggle-button-ctn > .gizmo-checkbox-display {
  width: calc(100% - 50px);
  float: right;
  top: 8px; }
.verify-data-widget .label-ctn {
  background-color: inherit;
  border: inherit;
  border-bottom: none;
  border-right: none;
  left: -3px;
  top: -11px;
  font-size: 16px;
  height: 20px;
  line-height: 0.4; }
.verify-data-widget.accession-widget {
  padding: 5px 10px 20px 40px; }
.gizmo-shell {
  width: 400px;
  position: relative;
  margin: 0 auto; }
#PATIENT_GENDER_GIZMO_INTERNALNAME.verify-data-widget {
  min-height: 0px;
  padding-left: 10px;
  width: 375px; }
#PATIENT_GENDER_GIZMO_INTERNALNAME.verify-data-widget .button-section div {
  width: inherit;
  margin: 0px;
  border: none; }
#PATIENT_GENDER_GIZMO_INTERNALNAME.verify-data-widget div div {
  background-color: transparent;
  padding: 0px; }
#PATIENT_GENDER_GIZMO_INTERNALNAME.verify-data-widget div div td {
  background-color: transparent; }
.toggle-button-ctn button:focus ~ p {
  font-weight: bold; }
.incrementer {
  position: absolute;
  top: -20px;
  left: 12px;
  z-index: 10; }
.decrementer {
  position: absolute;
  bottom: -5px;
  left: 12px;
  z-index: 10; }
.text-area-ctn .button-section.navigation-button-container {
  width: 400px; }
.text-area-ctn {
  padding: 5px; }
.text-area-ctn .label-ctn {
  top: -8px;
  left: 0px; }
.text-area-ctn .dialog-container.circle.small, .text-area-ctn .dialog-container.small.big-report-button, .text-area-ctn #navMenuList .navigation-button-container .dialog-container.circle.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .text-area-ctn .dialog-container.circle.nav-stats:first-child:nth-last-child(1), .text-area-ctn #navMenuList .navigation-button-container .dialog-container.big-report-button.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .text-area-ctn .dialog-container.big-report-button.nav-stats:first-child:nth-last-child(1), .text-area-ctn #navMenuList .navigation-button-container .dialog-container.circle.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .text-area-ctn .dialog-container.circle.nav-stats:first-child:nth-last-child(2), .text-area-ctn #navMenuList .navigation-button-container .dialog-container.big-report-button.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .text-area-ctn .dialog-container.big-report-button.nav-stats:first-child:nth-last-child(2), .text-area-ctn #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .dialog-container.circle.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .circle.nav-stats:first-child:nth-last-child(2) + .dialog-container.circle.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .dialog-container.circle.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .nav-stats.big-report-button:first-child:nth-last-child(2) + .dialog-container.circle.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .dialog-container.big-report-button.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .circle.nav-stats:first-child:nth-last-child(2) + .dialog-container.big-report-button.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .dialog-container.big-report-button.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .nav-stats.big-report-button:first-child:nth-last-child(2) + .dialog-container.big-report-button.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .dialog-container.circle.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .text-area-ctn .dialog-container.circle.nav-stats:first-child:nth-last-child(3), .text-area-ctn #navMenuList .navigation-button-container .dialog-container.big-report-button.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .text-area-ctn .dialog-container.big-report-button.nav-stats:first-child:nth-last-child(3), .text-area-ctn #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .dialog-container.circle.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .circle.nav-stats:first-child:nth-last-child(3) + .dialog-container.circle.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .dialog-container.circle.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .nav-stats.big-report-button:first-child:nth-last-child(3) + .dialog-container.circle.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .dialog-container.big-report-button.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .circle.nav-stats:first-child:nth-last-child(3) + .dialog-container.big-report-button.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .dialog-container.big-report-button.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .nav-stats.big-report-button:first-child:nth-last-child(3) + .dialog-container.big-report-button.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .dialog-container.circle.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .dialog-container.circle.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .dialog-container.circle.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .dialog-container.circle.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .dialog-container.circle.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .dialog-container.circle.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .dialog-container.circle.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .dialog-container.circle.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .dialog-container.big-report-button.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .dialog-container.big-report-button.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .dialog-container.big-report-button.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .dialog-container.big-report-button.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .dialog-container.big-report-button.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .dialog-container.big-report-button.nav-stats, .text-area-ctn #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .dialog-container.big-report-button.nav-stats, #navMenuList .navigation-button-container .text-area-ctn .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .dialog-container.big-report-button.nav-stats {
  border: 0px;
  border-radius: 0px;
  webkit-border-radius: 0px;
  padding: 0px; }
.dialog-label .label-ctn {
  margin: 10px; }
.tree-item.text-area-ctn .label-ctn {
  top: 14px;
  left: 42px; }
.tree-item .label-ctn {
  top: -2px;
  left: 5px; }
.text-area-ctn .login-dialog.label-ctn {
  top: 0px;
  left: 50px; }
.text-area-ctn .label-ctn p {
  font-size: 12px;
  font-weight: normal; }
.text-area-ctn .additional-text {
  border: 0px solid;
  font-size: 80%; }
div .text-area-ctn .dialog-container .text-area-additional-container {
  border: 0px solid; }
.login-dialog.filter-settings {
  min-height: 600px; }
  .login-dialog.filter-settings .text-area-ctn {
    padding-top: 20px; }
.label-ctn {
  position: relative;
  border: none;
  width: auto;
  height: auto;
  display: block;
  padding: 0;
  border-radius: 0;
  font-size: 16px;
  top: 0px; }
.entry-units {
  line-height: 2.5;
  position: relative;
  width: 50px; }
.auto-width .entry-units {
  line-height: 2.5;
  position: relative;
  width: auto; }
.centered .entry-units {
  line-height: 2.5;
  position: absolute;
  width: 50px; }
.input-container {
  display: inline-flex;
  width: 100%; }
  .input-container input {
    width: 100%; }
.triangle:after, .triangle.border:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0; }
.triangle.border:before {
  z-index: -1;
  margin-top: -2px;
  margin-left: -8px; }
.triangle.up:after, .triangle.down:after {
  border-left: 26px solid transparent;
  border-right: 26px solid transparent; }
.triangle.left:after, .triangle.right:after {
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent; }
.triangle.up:after {
  border-bottom: 15.6px solid #F0F8FF; }
.triangle.down:after {
  border-top: 15.6px solid #F0F8FF; }
.triangle.up:hover:after {
  border-bottom: 15.6px solid #6EAAD9; }
.triangle.down:hover:after {
  border-top: 15.6px solid #6EAAD9; }
.triangle.left:after {
  border-right: 39px solid #F0F8FF; }
.triangle.right:after {
  border-left: 39px solid #F0F8FF; }
.triangle.up:before, .triangle.down:before {
  border-left: 34px solid transparent;
  border-right: 34px solid transparent; }
.triangle.left:before, .triangle.right:before {
  border-top: 34px solid transparent;
  border-bottom: 34px solid transparent; }
.triangle.up:before {
  border-bottom: 19.68421px solid #6EAAD9; }
.triangle.down:before {
  border-top: 19.68421px solid #6EAAD9;
  margin-top: -2px; }
.triangle.left:before {
  border-right: 51px solid #6EAAD9; }
.triangle.right:before {
  border-left: 51px solid #6EAAD9;
  margin-left: -2px; }
#tubeTransfer.stack-horizontal.gizmo {
  width: 500px; }
#tubeTransfer.stack-horizontal table {
  width: 400px;
  min-width: 400px;
  margin-left: auto;
  margin-right: auto; }
#tubeTransfer.stack-horizontal tr {
  display: flex;
  flex-direction: column; }
#tubeTransfer.stack-horizontal table.table-pairing td.table-pairing-start,
#tubeTransfer.stack-horizontal table.table-pairing td.table-pairing-result {
  width: 400px; }
.stack-horizontal .table-pairing-arrow {
  margin: 10px auto 6px; }
.stack-horizontal .transfer-arrow {
  background: 0 0 no-repeat url("../images/green-arrow-down.png");
  background-size: 35px 20px; }
.stack-horizontal .pairingGroup {
  min-width: 400px; }
.file-upload .button-section {
  margin: 0px;
  width: calc(100% - 20px);
  right: -40px; }
  .file-upload .button-section::before {
    background-color: #257DBE;
    content: "";
    height: 10px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 10px; }
.file-upload.button-section.navigation-button-container.gizmo {
  width: 80%; }
.file-upload.navigation-button-container .buttonHeader::before {
  background-image: none;
  background-color: transparent; }
.file-upload.navigation-button-container .buttonHeader .spinner {
  position: relative;
  left: 0px;
  top: 0px;
  margin-left: 0px; }
.file-upload.navigation-button-container .leaf p.navFillWidth {
  padding-left: 10px; }
.file-upload [name="nav-children"] .buttonHeader p {
  width: 85%; }
.navigation-button-container .fileButton .validstateindicator {
  top: 3px; }
.navigation-button-container .leaf p.navFillWidth {
  width: calc(100% - 110px);
  padding-left: 10px; }
.file-upload .nav-prop-expander {
  right: 18px; }
.file-upload [name="nav-children"] section {
  padding: 0px;
  padding-top: 8px; }
.file-upload .drag-drop-wrapper {
  text-align: center;
  height: 213px;
  border: solid #257DBE;
  margin-top: -25px;
  border-top: none;
  border-radius: 0px 0px 10px 10px;
  z-index: -10; }
.file-upload .drag-drop-area {
  position: relative;
  top: 40px;
  width: 92%;
  height: 71%;
  border: dashed #257DBE;
  margin: auto;
  border-radius: 10px; }
  .file-upload .drag-drop-area span {
    display: block;
    font-size: 24px;
    margin-top: 58px; }
.file-upload [name=nav-children] {
  margin: 0px;
  width: 100%; }
  .file-upload [name=nav-children] .ladda-button .content.reagent {
    overflow: scroll; }
.file-upload .drag-drop-wrapper .drag-drop-area.active {
  border-color: #F98200; }
.img-container {
  width: 100%;
  height: 100%; }
.image {
  width: 100%;
  height: 100%; }
.loadingText {
  font-size: 60px;
  position: relative;
  margin-top: -500px;
  z-index: -1; }
.vertical-group-gizmo {
  width: 500px;
  margin-left: auto;
  margin-right: auto; }
  .vertical-group-gizmo .parenthesisgroup {
    min-height: 58px; }
    .vertical-group-gizmo .parenthesisgroup.valid {
      border-color: #7BCA55; }
    .vertical-group-gizmo .parenthesisgroup.invalid {
      border-color: #D01313; }
.stoplight-gizmo.red li.Info:before {
  color: #D01313; }
.stoplight-gizmo.yellow li.Info:before {
  color: #FFC200; }
.stoplight-gizmo .circle, .stoplight-gizmo .big-report-button {
  cursor: default; }
.stoplight-gizmo .messages li {
  list-style-type: none; }
.stoplight-gizmo .stoplight-state .state-image {
  background: no-repeat center center;
  background-size: 36px;
  border: 0;
  display: inline-block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  height: 110px;
  width: 110px; }
  .stoplight-gizmo .stoplight-state .state-image.STOP {
    background-image: url("../images/icons/stop2.svg");
    background-size: 100px; }
  .stoplight-gizmo .stoplight-state .state-image.WARNING {
    background-color: #FFC200;
    background-image: url("../images/icons/exc.svg");
    background-size: 50px; }
  .stoplight-gizmo .stoplight-state .state-image.GO {
    background-color: #5BB033;
    background-image: url("../images/icons/thumbs-up.svg");
    background-size: 50px; }
.stoplight-gizmo .comment-text {
  color: #444444; }
.collapser-ctn.parenthesisGroup {
  background: #EFEFEF;
  border-left-color: #FFC200;
  border-right-color: #FFC200;
  border-left-width: 50px;
  border-right-width: 50px; }
.StoolKit .collapser-ctn.parenthesisGroup {
  border-left-color: #7A3F00;
  border-right-color: #7A3F00; }
.BloodKit .collapser-ctn.parenthesisGroup {
  border-left-color: #FFC200;
  border-right-color: #FFC200; }
.Blocks .collapser-ctn.parenthesisGroup {
  border-left-color: #0966AE;
  border-right-color: #0966AE; }
.ShavesCurls .collapser-ctn.parenthesisGroup {
  border-left-color: #C36500;
  border-right-color: #C36500; }
.Slides .collapser-ctn.parenthesisGroup {
  border-left-color: #E14388;
  border-right-color: #E14388; }
.red .dropdownbox {
  border-color: #D01313; }
  .red .dropdownbox .buttonHeader {
    background-color: #EA3A3A; }
.red.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .red.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .red.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .red.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FF6767; }
.red.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #FF6767; }
.red.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #A90404; }
.madlibs-container .red.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #A90404; }
.red .gizmo-shell {
  vertical-align: middle; }
  .red .gizmo-shell .tt-hint, .red .gizmo-shell .tt-input, .red .gizmo-shell .tt-menu.tt-open, .red .gizmo-shell .tt-suggestion {
    background-color: #EA3A3A; }
.madlibs-container .sub-gizmo .red.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .red.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .red.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .red.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FF6767; }
.red .madlibs-container {
  border-color: #EA3A3A;
  background-color: #FF6767; }
.red .madlibs-container.focusOn {
  border-color: #D01313; }
.red.shipment-container > .madlibs-container {
  background-color: white; }
.red .gizmo-container .storage-position-gizmo-ctn {
  border-color: #D01313;
  background-color: #FF6767; }
.red .dual-input-container {
  background-color: #EA3A3A;
  border-color: #D01313; }
  .red .dual-input-container .buttonHeader {
    background-color: #EA3A3A; }
.red .focusOn.gizmo-shell .buttonHeader {
  background-color: #FF6767; }
.red .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #D01313 50%, transparent 50%); }
.red .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #D01313; }
.red.gridToggleButton:focus {
  border: 2px solid #A90404; }
.text-area-ctn .red.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.red .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.red .navigation-button-container .dialog-container {
  background-color: #EA3A3A;
  border-color: #D01313; }
.red .focusOn.navigation-button-container .dialog-container {
  background-color: #FF6767; }
.red .focusOn.dropdownbox .buttonHeader {
  background-color: #FF6767; }
.red.file-upload .drag-drop-area {
  border-color: #A90404; }
.green .dropdownbox {
  border-color: #5BB033; }
  .green .dropdownbox .buttonHeader {
    background-color: #7BCA55; }
.green.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .green.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .green.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .green.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #A3E385; }
.green.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #A3E385; }
.green.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #41941A; }
.madlibs-container .green.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #41941A; }
.green .gizmo-shell {
  vertical-align: middle; }
  .green .gizmo-shell .tt-hint, .green .gizmo-shell .tt-input, .green .gizmo-shell .tt-menu.tt-open, .green .gizmo-shell .tt-suggestion {
    background-color: #7BCA55; }
.madlibs-container .sub-gizmo .green.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .green.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .green.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .green.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #A3E385; }
.green .madlibs-container {
  border-color: #7BCA55;
  background-color: #A3E385; }
.green .madlibs-container.focusOn {
  border-color: #5BB033; }
.green.shipment-container > .madlibs-container {
  background-color: white; }
.green .gizmo-container .storage-position-gizmo-ctn {
  border-color: #5BB033;
  background-color: #A3E385; }
.green .dual-input-container {
  background-color: #7BCA55;
  border-color: #5BB033; }
  .green .dual-input-container .buttonHeader {
    background-color: #7BCA55; }
.green .focusOn.gizmo-shell .buttonHeader {
  background-color: #A3E385; }
.green .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #5BB033 50%, transparent 50%); }
.green .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #5BB033; }
.green.gridToggleButton:focus {
  border: 2px solid #41941A; }
.text-area-ctn .green.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.green .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.green .navigation-button-container .dialog-container {
  background-color: #7BCA55;
  border-color: #5BB033; }
.green .focusOn.navigation-button-container .dialog-container {
  background-color: #A3E385; }
.green .focusOn.dropdownbox .buttonHeader {
  background-color: #A3E385; }
.green.file-upload .drag-drop-area {
  border-color: #41941A; }
.ltgreen .dropdownbox {
  border-color: #7BCA55; }
  .ltgreen .dropdownbox .buttonHeader {
    background-color: #A3E385; }
.ltgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .ltgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .ltgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .ltgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #F3FFF3; }
.ltgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #F3FFF3; }
.ltgreen.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #41941A; }
.madlibs-container .ltgreen.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #41941A; }
.ltgreen .gizmo-shell {
  vertical-align: middle; }
  .ltgreen .gizmo-shell .tt-hint, .ltgreen .gizmo-shell .tt-input, .ltgreen .gizmo-shell .tt-menu.tt-open, .ltgreen .gizmo-shell .tt-suggestion {
    background-color: #A3E385; }
.madlibs-container .sub-gizmo .ltgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .ltgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .ltgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .ltgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #F3FFF3; }
.ltgreen .madlibs-container {
  border-color: #A3E385;
  background-color: #F3FFF3; }
.ltgreen .madlibs-container.focusOn {
  border-color: #7BCA55; }
.ltgreen.shipment-container > .madlibs-container {
  background-color: white; }
.ltgreen .gizmo-container .storage-position-gizmo-ctn {
  border-color: #7BCA55;
  background-color: #F3FFF3; }
.ltgreen .dual-input-container {
  background-color: #A3E385;
  border-color: #7BCA55; }
  .ltgreen .dual-input-container .buttonHeader {
    background-color: #A3E385; }
.ltgreen .focusOn.gizmo-shell .buttonHeader {
  background-color: #F3FFF3; }
.ltgreen .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #7BCA55 50%, transparent 50%); }
.ltgreen .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #7BCA55; }
.ltgreen.gridToggleButton:focus {
  border: 2px solid #41941A; }
.text-area-ctn .ltgreen.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.ltgreen .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.ltgreen .navigation-button-container .dialog-container {
  background-color: #A3E385;
  border-color: #7BCA55; }
.ltgreen .focusOn.navigation-button-container .dialog-container {
  background-color: #F3FFF3; }
.ltgreen .focusOn.dropdownbox .buttonHeader {
  background-color: #F3FFF3; }
.ltgreen.file-upload .drag-drop-area {
  border-color: #41941A; }
.dkgreen .dropdownbox {
  border-color: #41941A; }
  .dkgreen .dropdownbox .buttonHeader {
    background-color: #5BB033; }
.dkgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .dkgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .dkgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .dkgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #7BCA55; }
.dkgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #7BCA55; }
.dkgreen.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #287204; }
.madlibs-container .dkgreen.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #287204; }
.dkgreen .gizmo-shell {
  vertical-align: middle; }
  .dkgreen .gizmo-shell .tt-hint, .dkgreen .gizmo-shell .tt-input, .dkgreen .gizmo-shell .tt-menu.tt-open, .dkgreen .gizmo-shell .tt-suggestion {
    background-color: #5BB033; }
.madlibs-container .sub-gizmo .dkgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .dkgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .dkgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .dkgreen.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #7BCA55; }
.dkgreen .madlibs-container {
  border-color: #5BB033;
  background-color: #7BCA55; }
.dkgreen .madlibs-container.focusOn {
  border-color: #41941A; }
.dkgreen.shipment-container > .madlibs-container {
  background-color: white; }
.dkgreen .gizmo-container .storage-position-gizmo-ctn {
  border-color: #41941A;
  background-color: #7BCA55; }
.dkgreen .dual-input-container {
  background-color: #5BB033;
  border-color: #41941A; }
  .dkgreen .dual-input-container .buttonHeader {
    background-color: #5BB033; }
.dkgreen .focusOn.gizmo-shell .buttonHeader {
  background-color: #7BCA55; }
.dkgreen .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #41941A 50%, transparent 50%); }
.dkgreen .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #41941A; }
.dkgreen.gridToggleButton:focus {
  border: 2px solid #287204; }
.text-area-ctn .dkgreen.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.dkgreen .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.dkgreen .navigation-button-container .dialog-container {
  background-color: #5BB033;
  border-color: #41941A; }
.dkgreen .focusOn.navigation-button-container .dialog-container {
  background-color: #7BCA55; }
.dkgreen .focusOn.dropdownbox .buttonHeader {
  background-color: #7BCA55; }
.dkgreen.file-upload .drag-drop-area {
  border-color: #287204; }
.brown .dropdownbox {
  border-color: #7A3F00; }
  .brown .dropdownbox .buttonHeader {
    background-color: #9D5B16; }
.brown.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .brown.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .brown.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .brown.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #C17C34; }
.brown.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #C17C34; }
.brown.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #542B00; }
.madlibs-container .brown.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #542B00; }
.brown .gizmo-shell {
  vertical-align: middle; }
  .brown .gizmo-shell .tt-hint, .brown .gizmo-shell .tt-input, .brown .gizmo-shell .tt-menu.tt-open, .brown .gizmo-shell .tt-suggestion {
    background-color: #9D5B16; }
.madlibs-container .sub-gizmo .brown.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .brown.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .brown.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .brown.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #C17C34; }
.brown .madlibs-container {
  border-color: #9D5B16;
  background-color: #C17C34; }
.brown .madlibs-container.focusOn {
  border-color: #7A3F00; }
.brown.shipment-container > .madlibs-container {
  background-color: white; }
.brown .gizmo-container .storage-position-gizmo-ctn {
  border-color: #7A3F00;
  background-color: #C17C34; }
.brown .dual-input-container {
  background-color: #9D5B16;
  border-color: #7A3F00; }
  .brown .dual-input-container .buttonHeader {
    background-color: #9D5B16; }
.brown .focusOn.gizmo-shell .buttonHeader {
  background-color: #C17C34; }
.brown .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #7A3F00 50%, transparent 50%); }
.brown .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #7A3F00; }
.brown.gridToggleButton:focus {
  border: 2px solid #542B00; }
.text-area-ctn .brown.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.brown .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.brown .navigation-button-container .dialog-container {
  background-color: #9D5B16;
  border-color: #7A3F00; }
.brown .focusOn.navigation-button-container .dialog-container {
  background-color: #C17C34; }
.brown .focusOn.dropdownbox .buttonHeader {
  background-color: #C17C34; }
.brown.file-upload .drag-drop-area {
  border-color: #542B00; }
.orange .dropdownbox {
  border-color: #F98200; }
  .orange .dropdownbox .buttonHeader {
    background-color: #FF9F37; }
.orange.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .orange.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .orange.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .orange.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FFB361; }
.orange.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #FFB361; }
.orange.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #C36500; }
.madlibs-container .orange.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #C36500; }
.orange .gizmo-shell {
  vertical-align: middle; }
  .orange .gizmo-shell .tt-hint, .orange .gizmo-shell .tt-input, .orange .gizmo-shell .tt-menu.tt-open, .orange .gizmo-shell .tt-suggestion {
    background-color: #FF9F37; }
.madlibs-container .sub-gizmo .orange.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .orange.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .orange.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .orange.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FFB361; }
.orange .madlibs-container {
  border-color: #FF9F37;
  background-color: #FFB361; }
.orange .madlibs-container.focusOn {
  border-color: #F98200; }
.orange.shipment-container > .madlibs-container {
  background-color: white; }
.orange .gizmo-container .storage-position-gizmo-ctn {
  border-color: #F98200;
  background-color: #FFB361; }
.orange .dual-input-container {
  background-color: #FF9F37;
  border-color: #F98200; }
  .orange .dual-input-container .buttonHeader {
    background-color: #FF9F37; }
.orange .focusOn.gizmo-shell .buttonHeader {
  background-color: #FFB361; }
.orange .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #F98200 50%, transparent 50%); }
.orange .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #F98200; }
.orange.gridToggleButton:focus {
  border: 2px solid #C36500; }
.text-area-ctn .orange.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.orange .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.orange .navigation-button-container .dialog-container {
  background-color: #FF9F37;
  border-color: #F98200; }
.orange .focusOn.navigation-button-container .dialog-container {
  background-color: #FFB361; }
.orange .focusOn.dropdownbox .buttonHeader {
  background-color: #FFB361; }
.orange.file-upload .drag-drop-area {
  border-color: #C36500; }
.blue .dropdownbox {
  border-color: #257DBE; }
  .blue .dropdownbox .buttonHeader {
    background-color: #4690C9; }
.blue.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .blue.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .blue.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .blue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #6EAAD9; }
.blue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #6EAAD9; }
.blue.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #0966AE; }
.madlibs-container .blue.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #0966AE; }
.blue .gizmo-shell {
  vertical-align: middle; }
  .blue .gizmo-shell .tt-hint, .blue .gizmo-shell .tt-input, .blue .gizmo-shell .tt-menu.tt-open, .blue .gizmo-shell .tt-suggestion {
    background-color: #4690C9; }
.madlibs-container .sub-gizmo .blue.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .blue.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .blue.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .blue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #6EAAD9; }
.blue .madlibs-container {
  border-color: #4690C9;
  background-color: #6EAAD9; }
.blue .madlibs-container.focusOn {
  border-color: #257DBE; }
.blue.shipment-container > .madlibs-container {
  background-color: white; }
.blue .gizmo-container .storage-position-gizmo-ctn {
  border-color: #257DBE;
  background-color: #6EAAD9; }
.blue .dual-input-container {
  background-color: #4690C9;
  border-color: #257DBE; }
  .blue .dual-input-container .buttonHeader {
    background-color: #4690C9; }
.blue .focusOn.gizmo-shell .buttonHeader {
  background-color: #6EAAD9; }
.blue .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #257DBE 50%, transparent 50%); }
.blue .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #257DBE; }
.blue.gridToggleButton:focus {
  border: 2px solid #0966AE; }
.text-area-ctn .blue.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.blue .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.blue .navigation-button-container .dialog-container {
  background-color: #4690C9;
  border-color: #257DBE; }
.blue .focusOn.navigation-button-container .dialog-container {
  background-color: #6EAAD9; }
.blue .focusOn.dropdownbox .buttonHeader {
  background-color: #6EAAD9; }
.blue.file-upload .drag-drop-area {
  border-color: #0966AE; }
.purple .dropdownbox {
  border-color: #9E579E; }
  .purple .dropdownbox .buttonHeader {
    background-color: #BF86BF; }
.purple.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .purple.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .purple.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .purple.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #DFBCDF; }
.purple.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #DFBCDF; }
.purple.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #843584; }
.madlibs-container .purple.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #843584; }
.purple .gizmo-shell {
  vertical-align: middle; }
  .purple .gizmo-shell .tt-hint, .purple .gizmo-shell .tt-input, .purple .gizmo-shell .tt-menu.tt-open, .purple .gizmo-shell .tt-suggestion {
    background-color: #BF86BF; }
.madlibs-container .sub-gizmo .purple.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .purple.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .purple.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .purple.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #DFBCDF; }
.purple .madlibs-container {
  border-color: #BF86BF;
  background-color: #DFBCDF; }
.purple .madlibs-container.focusOn {
  border-color: #9E579E; }
.purple.shipment-container > .madlibs-container {
  background-color: white; }
.purple .gizmo-container .storage-position-gizmo-ctn {
  border-color: #9E579E;
  background-color: #DFBCDF; }
.purple .dual-input-container {
  background-color: #BF86BF;
  border-color: #9E579E; }
  .purple .dual-input-container .buttonHeader {
    background-color: #BF86BF; }
.purple .focusOn.gizmo-shell .buttonHeader {
  background-color: #DFBCDF; }
.purple .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #9E579E 50%, transparent 50%); }
.purple .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #9E579E; }
.purple.gridToggleButton:focus {
  border: 2px solid #843584; }
.text-area-ctn .purple.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.purple .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.purple .navigation-button-container .dialog-container {
  background-color: #BF86BF;
  border-color: #9E579E; }
.purple .focusOn.navigation-button-container .dialog-container {
  background-color: #DFBCDF; }
.purple .focusOn.dropdownbox .buttonHeader {
  background-color: #DFBCDF; }
.purple.file-upload .drag-drop-area {
  border-color: #843584; }
.ltpurple .dropdownbox {
  border-color: #BF86BF; }
  .ltpurple .dropdownbox .buttonHeader {
    background-color: #DFBCDF; }
.ltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .ltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .ltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .ltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FBEFFF; }
.ltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #FBEFFF; }
.ltpurple.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #9E579E; }
.madlibs-container .ltpurple.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #9E579E; }
.ltpurple .gizmo-shell {
  vertical-align: middle; }
  .ltpurple .gizmo-shell .tt-hint, .ltpurple .gizmo-shell .tt-input, .ltpurple .gizmo-shell .tt-menu.tt-open, .ltpurple .gizmo-shell .tt-suggestion {
    background-color: #DFBCDF; }
.madlibs-container .sub-gizmo .ltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .ltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .ltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .ltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FBEFFF; }
.ltpurple .madlibs-container {
  border-color: #DFBCDF;
  background-color: #FBEFFF; }
.ltpurple .madlibs-container.focusOn {
  border-color: #BF86BF; }
.ltpurple.shipment-container > .madlibs-container {
  background-color: white; }
.ltpurple .gizmo-container .storage-position-gizmo-ctn {
  border-color: #BF86BF;
  background-color: #FBEFFF; }
.ltpurple .dual-input-container {
  background-color: #DFBCDF;
  border-color: #BF86BF; }
  .ltpurple .dual-input-container .buttonHeader {
    background-color: #DFBCDF; }
.ltpurple .focusOn.gizmo-shell .buttonHeader {
  background-color: #FBEFFF; }
.ltpurple .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #BF86BF 50%, transparent 50%); }
.ltpurple .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #BF86BF; }
.ltpurple.gridToggleButton:focus {
  border: 2px solid #9E579E; }
.text-area-ctn .ltpurple.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.ltpurple .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.ltpurple .navigation-button-container .dialog-container {
  background-color: #DFBCDF;
  border-color: #BF86BF; }
.ltpurple .focusOn.navigation-button-container .dialog-container {
  background-color: #FBEFFF; }
.ltpurple .focusOn.dropdownbox .buttonHeader {
  background-color: #FBEFFF; }
.ltpurple.file-upload .drag-drop-area {
  border-color: #9E579E; }
.ltltpurple .dropdownbox {
  border-color: #DFBCDF; }
  .ltltpurple .dropdownbox .buttonHeader {
    background-color: #FBEFFF; }
.ltltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .ltltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .ltltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .ltltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FFFFFF; }
.ltltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #FFFFFF; }
.ltltpurple.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #BF86BF; }
.madlibs-container .ltltpurple.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #BF86BF; }
.ltltpurple .gizmo-shell {
  vertical-align: middle; }
  .ltltpurple .gizmo-shell .tt-hint, .ltltpurple .gizmo-shell .tt-input, .ltltpurple .gizmo-shell .tt-menu.tt-open, .ltltpurple .gizmo-shell .tt-suggestion {
    background-color: #FBEFFF; }
.madlibs-container .sub-gizmo .ltltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .ltltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .ltltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .ltltpurple.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FFFFFF; }
.ltltpurple .madlibs-container {
  border-color: #FBEFFF;
  background-color: #FFFFFF; }
.ltltpurple .madlibs-container.focusOn {
  border-color: #DFBCDF; }
.ltltpurple.shipment-container > .madlibs-container {
  background-color: white; }
.ltltpurple .gizmo-container .storage-position-gizmo-ctn {
  border-color: #DFBCDF;
  background-color: #FFFFFF; }
.ltltpurple .dual-input-container {
  background-color: #FBEFFF;
  border-color: #DFBCDF; }
  .ltltpurple .dual-input-container .buttonHeader {
    background-color: #FBEFFF; }
.ltltpurple .focusOn.gizmo-shell .buttonHeader {
  background-color: #FFFFFF; }
.ltltpurple .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #DFBCDF 50%, transparent 50%); }
.ltltpurple .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #DFBCDF; }
.ltltpurple.gridToggleButton:focus {
  border: 2px solid #BF86BF; }
.text-area-ctn .ltltpurple.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.ltltpurple .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.ltltpurple .navigation-button-container .dialog-container {
  background-color: #FBEFFF;
  border-color: #DFBCDF; }
.ltltpurple .focusOn.navigation-button-container .dialog-container {
  background-color: #FFFFFF; }
.ltltpurple .focusOn.dropdownbox .buttonHeader {
  background-color: #FFFFFF; }
.ltltpurple.file-upload .drag-drop-area {
  border-color: #BF86BF; }
.pink .dropdownbox {
  border-color: #EB64A0; }
  .pink .dropdownbox .buttonHeader {
    background-color: #F38CBA; }
.pink.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .pink.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .pink.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .pink.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FBBFD9; }
.pink.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #FBBFD9; }
.pink.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #E14388; }
.madlibs-container .pink.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #E14388; }
.pink .gizmo-shell {
  vertical-align: middle; }
  .pink .gizmo-shell .tt-hint, .pink .gizmo-shell .tt-input, .pink .gizmo-shell .tt-menu.tt-open, .pink .gizmo-shell .tt-suggestion {
    background-color: #F38CBA; }
.madlibs-container .sub-gizmo .pink.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .pink.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .pink.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .pink.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FBBFD9; }
.pink .madlibs-container {
  border-color: #F38CBA;
  background-color: #FBBFD9; }
.pink .madlibs-container.focusOn {
  border-color: #EB64A0; }
.pink.shipment-container > .madlibs-container {
  background-color: white; }
.pink .gizmo-container .storage-position-gizmo-ctn {
  border-color: #EB64A0;
  background-color: #FBBFD9; }
.pink .dual-input-container {
  background-color: #F38CBA;
  border-color: #EB64A0; }
  .pink .dual-input-container .buttonHeader {
    background-color: #F38CBA; }
.pink .focusOn.gizmo-shell .buttonHeader {
  background-color: #FBBFD9; }
.pink .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #EB64A0 50%, transparent 50%); }
.pink .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #EB64A0; }
.pink.gridToggleButton:focus {
  border: 2px solid #E14388; }
.text-area-ctn .pink.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.pink .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.pink .navigation-button-container .dialog-container {
  background-color: #F38CBA;
  border-color: #EB64A0; }
.pink .focusOn.navigation-button-container .dialog-container {
  background-color: #FBBFD9; }
.pink .focusOn.dropdownbox .buttonHeader {
  background-color: #FBBFD9; }
.pink.file-upload .drag-drop-area {
  border-color: #E14388; }
.yellow .dropdownbox {
  border-color: #C69600; }
  .yellow .dropdownbox .buttonHeader {
    background-color: #FFD039; }
.yellow.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .yellow.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .yellow.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .yellow.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FDF3C9; }
.yellow.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #FDF3C9; }
.yellow.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #C69600; }
.madlibs-container .yellow.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #C69600; }
.yellow .gizmo-shell {
  vertical-align: middle; }
  .yellow .gizmo-shell .tt-hint, .yellow .gizmo-shell .tt-input, .yellow .gizmo-shell .tt-menu.tt-open, .yellow .gizmo-shell .tt-suggestion {
    background-color: #FFD039; }
.madlibs-container .sub-gizmo .yellow.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .yellow.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .yellow.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .yellow.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FDF3C9; }
.yellow .madlibs-container {
  border-color: #FFD039;
  background-color: #FDF3C9; }
.yellow .madlibs-container.focusOn {
  border-color: #C69600; }
.yellow.shipment-container > .madlibs-container {
  background-color: white; }
.yellow .gizmo-container .storage-position-gizmo-ctn {
  border-color: #C69600;
  background-color: #FDF3C9; }
.yellow .dual-input-container {
  background-color: #FFD039;
  border-color: #C69600; }
  .yellow .dual-input-container .buttonHeader {
    background-color: #FFD039; }
.yellow .focusOn.gizmo-shell .buttonHeader {
  background-color: #FDF3C9; }
.yellow .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #C69600 50%, transparent 50%); }
.yellow .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #C69600; }
.yellow.gridToggleButton:focus {
  border: 2px solid #C69600; }
.text-area-ctn .yellow.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.yellow .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.yellow .navigation-button-container .dialog-container {
  background-color: #FFD039;
  border-color: #C69600; }
.yellow .focusOn.navigation-button-container .dialog-container {
  background-color: #FDF3C9; }
.yellow .focusOn.dropdownbox .buttonHeader {
  background-color: #FDF3C9; }
.yellow.file-upload .drag-drop-area {
  border-color: #C69600; }
.dkyellow2 .dropdownbox {
  border-color: #ffc200; }
  .dkyellow2 .dropdownbox .buttonHeader {
    background-color: #FFC200; }
.dkyellow2.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .dkyellow2.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .dkyellow2.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .dkyellow2.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FFD039; }
.dkyellow2.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #FFD039; }
.dkyellow2.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #ffc200; }
.madlibs-container .dkyellow2.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #ffc200; }
.dkyellow2 .gizmo-shell {
  vertical-align: middle; }
  .dkyellow2 .gizmo-shell .tt-hint, .dkyellow2 .gizmo-shell .tt-input, .dkyellow2 .gizmo-shell .tt-menu.tt-open, .dkyellow2 .gizmo-shell .tt-suggestion {
    background-color: #FFC200; }
.madlibs-container .sub-gizmo .dkyellow2.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .dkyellow2.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .dkyellow2.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .dkyellow2.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #FFD039; }
.dkyellow2 .madlibs-container {
  border-color: #FFC200;
  background-color: #FFD039; }
.dkyellow2 .madlibs-container.focusOn {
  border-color: #ffc200; }
.dkyellow2.shipment-container > .madlibs-container {
  background-color: white; }
.dkyellow2 .gizmo-container .storage-position-gizmo-ctn {
  border-color: #ffc200;
  background-color: #FFD039; }
.dkyellow2 .dual-input-container {
  background-color: #FFC200;
  border-color: #ffc200; }
  .dkyellow2 .dual-input-container .buttonHeader {
    background-color: #FFC200; }
.dkyellow2 .focusOn.gizmo-shell .buttonHeader {
  background-color: #FFD039; }
.dkyellow2 .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #ffc200 50%, transparent 50%); }
.dkyellow2 .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #ffc200; }
.dkyellow2.gridToggleButton:focus {
  border: 2px solid #ffc200; }
.text-area-ctn .dkyellow2.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.dkyellow2 .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.dkyellow2 .navigation-button-container .dialog-container {
  background-color: #FFC200;
  border-color: #ffc200; }
.dkyellow2 .focusOn.navigation-button-container .dialog-container {
  background-color: #FFD039; }
.dkyellow2 .focusOn.dropdownbox .buttonHeader {
  background-color: #FFD039; }
.dkyellow2.file-upload .drag-drop-area {
  border-color: #ffc200; }
.dkblue .dropdownbox {
  border-color: #314890; }
  .dkblue .dropdownbox .buttonHeader {
    background-color: #257DBE; }
.dkblue.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .dkblue.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .dkblue.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .dkblue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #4690C9; }
.dkblue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #4690C9; }
.dkblue.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #074B80; }
.madlibs-container .dkblue.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #074B80; }
.dkblue .gizmo-shell {
  vertical-align: middle; }
  .dkblue .gizmo-shell .tt-hint, .dkblue .gizmo-shell .tt-input, .dkblue .gizmo-shell .tt-menu.tt-open, .dkblue .gizmo-shell .tt-suggestion {
    background-color: #257DBE; }
.madlibs-container .sub-gizmo .dkblue.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .dkblue.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .dkblue.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .dkblue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #4690C9; }
.dkblue .madlibs-container {
  border-color: #257DBE;
  background-color: #4690C9; }
.dkblue .madlibs-container.focusOn {
  border-color: #314890; }
.dkblue.shipment-container > .madlibs-container {
  background-color: white; }
.dkblue .gizmo-container .storage-position-gizmo-ctn {
  border-color: #314890;
  background-color: #4690C9; }
.dkblue .dual-input-container {
  background-color: #257DBE;
  border-color: #314890; }
  .dkblue .dual-input-container .buttonHeader {
    background-color: #257DBE; }
.dkblue .focusOn.gizmo-shell .buttonHeader {
  background-color: #4690C9; }
.dkblue .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #314890 50%, transparent 50%); }
.dkblue .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #314890; }
.dkblue.gridToggleButton:focus {
  border: 2px solid #074B80; }
.text-area-ctn .dkblue.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.dkblue .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.dkblue .navigation-button-container .dialog-container {
  background-color: #257DBE;
  border-color: #314890; }
.dkblue .focusOn.navigation-button-container .dialog-container {
  background-color: #4690C9; }
.dkblue .focusOn.dropdownbox .buttonHeader {
  background-color: #4690C9; }
.dkblue.file-upload .drag-drop-area {
  border-color: #074B80; }
.ltblue .dropdownbox {
  border-color: #4690C9; }
  .ltblue .dropdownbox .buttonHeader {
    background-color: #6EAAD9; }
.ltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .ltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .ltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .ltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #F0F8FF; }
.ltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #F0F8FF; }
.ltblue.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #257DBE; }
.madlibs-container .ltblue.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #257DBE; }
.ltblue .gizmo-shell {
  vertical-align: middle; }
  .ltblue .gizmo-shell .tt-hint, .ltblue .gizmo-shell .tt-input, .ltblue .gizmo-shell .tt-menu.tt-open, .ltblue .gizmo-shell .tt-suggestion {
    background-color: #6EAAD9; }
.madlibs-container .sub-gizmo .ltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .ltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .ltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .ltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #F0F8FF; }
.ltblue .madlibs-container {
  border-color: #6EAAD9;
  background-color: #F0F8FF; }
.ltblue .madlibs-container.focusOn {
  border-color: #4690C9; }
.ltblue.shipment-container > .madlibs-container {
  background-color: white; }
.ltblue .gizmo-container .storage-position-gizmo-ctn {
  border-color: #4690C9;
  background-color: #F0F8FF; }
.ltblue .dual-input-container {
  background-color: #6EAAD9;
  border-color: #4690C9; }
  .ltblue .dual-input-container .buttonHeader {
    background-color: #6EAAD9; }
.ltblue .focusOn.gizmo-shell .buttonHeader {
  background-color: #F0F8FF; }
.ltblue .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #4690C9 50%, transparent 50%); }
.ltblue .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #4690C9; }
.ltblue.gridToggleButton:focus {
  border: 2px solid #257DBE; }
.text-area-ctn .ltblue.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.ltblue .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.ltblue .navigation-button-container .dialog-container {
  background-color: #6EAAD9;
  border-color: #4690C9; }
.ltblue .focusOn.navigation-button-container .dialog-container {
  background-color: #F0F8FF; }
.ltblue .focusOn.dropdownbox .buttonHeader {
  background-color: #F0F8FF; }
.ltblue.file-upload .drag-drop-area {
  border-color: #257DBE; }
.ltltblue .dropdownbox {
  border-color: #6EAAD9; }
  .ltltblue .dropdownbox .buttonHeader {
    background-color: #F0F8FF; }
.ltltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .ltltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .ltltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .ltltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #F0F8FF; }
.ltltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #F0F8FF; }
.ltltblue.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #4690C9; }
.madlibs-container .ltltblue.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #4690C9; }
.ltltblue .gizmo-shell {
  vertical-align: middle; }
  .ltltblue .gizmo-shell .tt-hint, .ltltblue .gizmo-shell .tt-input, .ltltblue .gizmo-shell .tt-menu.tt-open, .ltltblue .gizmo-shell .tt-suggestion {
    background-color: #F0F8FF; }
.madlibs-container .sub-gizmo .ltltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .ltltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .ltltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .ltltblue.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #F0F8FF; }
.ltltblue .madlibs-container {
  border-color: #F0F8FF;
  background-color: #F0F8FF; }
.ltltblue .madlibs-container.focusOn {
  border-color: #6EAAD9; }
.ltltblue.shipment-container > .madlibs-container {
  background-color: white; }
.ltltblue .gizmo-container .storage-position-gizmo-ctn {
  border-color: #6EAAD9;
  background-color: #F0F8FF; }
.ltltblue .dual-input-container {
  background-color: #F0F8FF;
  border-color: #6EAAD9; }
  .ltltblue .dual-input-container .buttonHeader {
    background-color: #F0F8FF; }
.ltltblue .focusOn.gizmo-shell .buttonHeader {
  background-color: #F0F8FF; }
.ltltblue .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #6EAAD9 50%, transparent 50%); }
.ltltblue .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #6EAAD9; }
.ltltblue.gridToggleButton:focus {
  border: 2px solid #4690C9; }
.text-area-ctn .ltltblue.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.ltltblue .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.ltltblue .navigation-button-container .dialog-container {
  background-color: #F0F8FF;
  border-color: #6EAAD9; }
.ltltblue .focusOn.navigation-button-container .dialog-container {
  background-color: #F0F8FF; }
.ltltblue .focusOn.dropdownbox .buttonHeader {
  background-color: #F0F8FF; }
.ltltblue.file-upload .drag-drop-area {
  border-color: #4690C9; }
.grey .dropdownbox {
  border-color: #BEBEBE; }
  .grey .dropdownbox .buttonHeader {
    background-color: #EFEFEF; }
.grey.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .grey.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .grey.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .grey.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #999999; }
.grey.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion.tt-cursor {
  color: #777777;
  background-color: #999999; }
.grey.drop-down-gizmo .dropdown-arrow {
  border-top: 15px solid #727272; }
.madlibs-container .grey.drop-down-gizmo.drop-down-gizmo .dropdown-arrow {
  border-top: 12px solid #727272; }
.grey .gizmo-shell {
  vertical-align: middle; }
  .grey .gizmo-shell .tt-hint, .grey .gizmo-shell .tt-input, .grey .gizmo-shell .tt-menu.tt-open, .grey .gizmo-shell .tt-suggestion {
    background-color: #EFEFEF; }
.madlibs-container .sub-gizmo .grey.drop-down-gizmo .gizmo-shell.focusOn .tt-hint, .madlibs-container .sub-gizmo .grey.drop-down-gizmo .gizmo-shell.focusOn .tt-input, .madlibs-container .sub-gizmo .grey.drop-down-gizmo .gizmo-shell.focusOn .tt-menu.tt-open, .madlibs-container .sub-gizmo .grey.drop-down-gizmo .gizmo-shell.focusOn .tt-suggestion {
  background-color: #999999; }
.grey .madlibs-container {
  border-color: #EFEFEF;
  background-color: #999999; }
.grey .madlibs-container.focusOn {
  border-color: #BEBEBE; }
.grey.shipment-container > .madlibs-container {
  background-color: white; }
.grey .gizmo-container .storage-position-gizmo-ctn {
  border-color: #BEBEBE;
  background-color: #999999; }
.grey .dual-input-container {
  background-color: #EFEFEF;
  border-color: #BEBEBE; }
  .grey .dual-input-container .buttonHeader {
    background-color: #EFEFEF; }
.grey .focusOn.gizmo-shell .buttonHeader {
  background-color: #999999; }
.grey .dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #BEBEBE 50%, transparent 50%); }
.grey .dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #BEBEBE; }
.grey.gridToggleButton:focus {
  border: 2px solid #727272; }
.text-area-ctn .grey.label-ctn {
  background-color: #FFFFFF;
  border-color: #257DBE; }
.grey .text-area-ctn .focusOn .label-ctn {
  background-color: #FFFFFF; }
.grey .navigation-button-container .dialog-container {
  background-color: #EFEFEF;
  border-color: #BEBEBE; }
.grey .focusOn.navigation-button-container .dialog-container {
  background-color: #999999; }
.grey .focusOn.dropdownbox .buttonHeader {
  background-color: #999999; }
.grey.file-upload .drag-drop-area {
  border-color: #727272; }
.flat-menu-circle {
  z-index: 10;
  position: absolute;
  top: 6px;
  right: 407px; }
#popupdiv .contact-center .button-section {
  width: 400px; }
#popupdiv .contact-center .dialog-container {
  border: 2px solid;
  padding: 15px;
  margin: 0 auto;
  border-color: #D01313; }
  #popupdiv .contact-center .dialog-container textarea, #popupdiv .contact-center .dialog-container textarea:focus {
    border: 1px solid;
    border-color: #D01313; }
  #popupdiv .contact-center .dialog-container > div {
    padding: 15px;
    margin: 10px 0 0; }
.contact-center.text-area-ctn, #popupdiv .contact-center.text-area-ctn {
  background-color: transparent !important; }
  .contact-center.text-area-ctn .navigation-button-container .dialog-container, #popupdiv .contact-center.text-area-ctn .navigation-button-container .dialog-container {
    background-color: transparent; }
  .contact-center.text-area-ctn .dialog-container textarea, #popupdiv .contact-center.text-area-ctn .dialog-container textarea {
    width: 92%; }
.contact-center.verify-data-widget .circle.small, .contact-center.verify-data-widget .small.big-report-button, .contact-center.verify-data-widget #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .contact-center.verify-data-widget .circle.nav-stats:first-child:nth-last-child(1), .contact-center.verify-data-widget #navMenuList .navigation-button-container .big-report-button.nav-stats:first-child:nth-last-child(1), #navMenuList .navigation-button-container .contact-center.verify-data-widget .big-report-button.nav-stats:first-child:nth-last-child(1), .contact-center.verify-data-widget #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .contact-center.verify-data-widget .circle.nav-stats:first-child:nth-last-child(2), .contact-center.verify-data-widget #navMenuList .navigation-button-container .big-report-button.nav-stats:first-child:nth-last-child(2), #navMenuList .navigation-button-container .contact-center.verify-data-widget .big-report-button.nav-stats:first-child:nth-last-child(2), .contact-center.verify-data-widget #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .circle.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .circle.nav-stats:first-child:nth-last-child(2) + .circle.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .circle.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .nav-stats.big-report-button:first-child:nth-last-child(2) + .circle.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(2) + .big-report-button.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .circle.nav-stats:first-child:nth-last-child(2) + .big-report-button.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(2) + .big-report-button.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .nav-stats.big-report-button:first-child:nth-last-child(2) + .big-report-button.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .contact-center.verify-data-widget .circle.nav-stats:first-child:nth-last-child(3), .contact-center.verify-data-widget #navMenuList .navigation-button-container .big-report-button.nav-stats:first-child:nth-last-child(3), #navMenuList .navigation-button-container .contact-center.verify-data-widget .big-report-button.nav-stats:first-child:nth-last-child(3), .contact-center.verify-data-widget #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .big-report-button.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .circle.nav-stats:first-child:nth-last-child(3) + .big-report-button.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .big-report-button.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .nav-stats.big-report-button:first-child:nth-last-child(3) + .big-report-button.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .circle.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .circle.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .circle.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .circle.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .circle.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .big-report-button.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .circle.nav-stats:first-child:nth-last-child(3) + .circle.nav-stats + .big-report-button.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .big-report-button.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .nav-stats.big-report-button:first-child:nth-last-child(3) + .circle.nav-stats + .big-report-button.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .big-report-button.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .circle.nav-stats:first-child:nth-last-child(3) + .nav-stats.big-report-button + .big-report-button.nav-stats, .contact-center.verify-data-widget #navMenuList .navigation-button-container .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .big-report-button.nav-stats, #navMenuList .navigation-button-container .contact-center.verify-data-widget .nav-stats.big-report-button:first-child:nth-last-child(3) + .nav-stats.big-report-button + .big-report-button.nav-stats {
  top: 100px; }
.text-area-ctn.transparent-background .navigation-button-container .dialog-container {
  background-color: transparent !important; }
.sqlDataEdit.text-area-ctn {
  padding: 0px; }
  .sqlDataEdit.text-area-ctn .label-ctn {
    background-color: transparent !important;
    position: relative;
    border: none;
    width: auto;
    height: auto;
    display: block;
    padding: 0;
    border-radius: 0;
    font-size: 16px;
    top: 0px; }
  .sqlDataEdit.text-area-ctn.text-area-ctn .button-section.navigation-button-container {
    width: 75%; }
  .sqlDataEdit.text-area-ctn.text-area-ctn .navigation-button-container .dialog-container {
    background-color: transparent;
    border-width: 0px; }
  .sqlDataEdit.text-area-ctn.text-area-ctn .dialog-container textarea,
  .sqlDataEdit.text-area-ctn.text-area-ctn .dialog-container textarea:focus {
    padding: 3px 7px 3px 7px; }
  .sqlDataEdit.text-area-ctn.text-area-ctn .label-ctn {
    top: 0px; }
#popupdiv .button-section.file-upload {
  width: 400px; }
#popupdiv .file-upload .drag-drop-wrapper {
  height: 150px; }
#popupdiv .file-upload .button-section {
  width: calc(100% - 40px); }
#popupdiv .file-upload .drag-drop-area {
  top: 40px;
  z-index: 15; }
#popupdiv .file-upload .drag-drop-area {
  height: 60%; }
#popupdiv .file-upload .drag-drop-area span {
  margin-top: 31px; }
.REASON_TEXTAREA_GIZMO.sqlDataEdit.text-area-ctn textarea,
.AFFECTED_ITEMS_TEXTAREA_GIZMO.sqlDataEdit.text-area-ctn textarea {
  height: 60px; }
.EMAIL_TEXTAREA_GIZMO.sqlDataEdit.text-area-ctn textarea,
.JIRA_TEXTAREA_GIZMO.sqlDataEdit.text-area-ctn textarea {
  height: 30px; }
.SQL_TEXTAREA_GIZMO.sqlDataEdit.text-area-ctn textarea {
  height: 300px; }
.SQL_TEXTAREA_GIZMO.sqlDataEdit.text-area-ctn textarea {
  height: 300px; }
.ORIGINAL_NAME_TEXTAREA_GIZMO.sqlDataEdit.text-area-ctn textarea {
  height: 30px; }
.NEW_NAME_TEXTAREA_GIZMO.sqlDataEdit.text-area-ctn textarea {
  height: 30px; }
#RENAME_EXAMPLE_CONTAINER_GIZMO textarea {
  height: 250px; }
#RENAME_EXAMPLE_CONTAINER_GIZMO .text-area-ctn .button-section.navigation-button-container {
  width: 73%; }
.circle.save.active-icon, .save.active-icon.big-report-button {
  background-color: #C0CCBB; }
.activeSaveButtonGroup {
  pointer-events: none; }
.activeSaveButton {
  pointer-events: all; }
.activeSaveButton.success .save.active-icon {
  background-color: #5BB033;
  background-image: url(../images/icons/check.svg);
  background-size: 21px;
  background-position: 6px 10px; }
.activeSaveButton.warning .save.active-icon {
  background-color: #FFD039;
  background-image: url(../images/icons/asterisk.svg);
  background-size: 22px;
  background-position: 6px 6px; }
.activeSaveButton.info .save.active-icon {
  background-color: #257DBE;
  background-image: url(../images/icons/asterisk.svg);
  background-size: 22px;
  background-position: 6px 6px; }
.activeSaveButton.failure .save.active-icon {
  background-color: #D01313;
  background-image: url(../images/icons/cancel.svg);
  background-size: 18px; }
.active-label {
  font-size: 9px;
  word-break: break-all;
  text-align: left; }
.activeCount {
  margin-right: 5px;
  margin-left: 2px; }
.active-tab {
  display: flex;
  align-items: center;
  border: 1px solid grey;
  height: 24px;
  width: 100px;
  border-radius: 8px;
  border-left: none;
  z-index: -4;
  top: 1px;
  left: 32px;
  position: absolute;
  padding: 2px 3px 2px 27px; }
.activeSaveButton {
  position: relative;
  height: 33px;
  width: 200px;
  margin-bottom: 5px; }
.activeSaveCircle {
  position: absolute;
  border: 1px solid grey;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  left: 27px;
  top: 1px;
  background-color: white; }
.activeSaveButtonGroup .active-icon {
  display: block;
  opacity: 1;
  height: 34px;
  width: 34px;
  background-size: 17px;
  background-position: 8px;
  margin-top: -3px;
  margin-left: -3px; }
.activeSaveButtonGroup {
  display: block;
  position: fixed;
  margin-left: -42px;
  top: 172px;
  width: 185px;
  height: 400px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow-y: auto;
  overflow-x: hidden; }
.spinIt .circle, .spinIt .big-report-button {
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  åanimation: spin 4s linear infinite; }
.scaleIt .circle, .scaleIt .big-report-button {
  -webkit-animation: attention 1s linear infinite;
  -moz-animation: attention 1s linear infinite;
  åanimation: attention 1s linear infinite; }
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes attention {
  50% {
    -moz-transform: scale(2);
    opacity: 0.6; }
  100% {
    -moz-transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes attention {
  50% {
    -webkit-transform: scale(2);
    opacity: 0.6; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@keyframes attention {
  50% {
    -webkit-transform: scale(2);
    opacity: 0.6; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: ""; }
.row-fluid:after {
  clear: both; }
.nobr {
  white-space: nowrap; }
*[hidden],
.hidden {
  display: none; }
html,
body {
  color: #444444;
  height: 99.7%;
  margin: 0 auto;
  padding: 0; }
html#dynamic-reports-page-printable {
  background-color: #FFFFFF; }
body {
  background-color: #F3F3F3;
  
  overflow-x: hidden; }
#dynamic-reports-page-printable body {
  background-color: #FFFFFF; }
body.report-body {
  background-color: #FFFFFF;
  font-size: 11px;
  width: 90%; }
a {
  text-decoration: none;
  outline: none;
  outline-style: none; }
p.black {
  color: #000000; }
p.white {
  color: #FFFFFF; }
.color-black {
  color: #000000; }
a:link {
  color: #D01313; }
a:visited {
  color: #A90404; }
a:hover {
  color: #FF6767; }
a:active {
  color: #FF6767; }
a:focus {
  outline: 0 none; }
.red-text a:link {
  color: #D01313; }
.red-text a:visited {
  color: #A90404; }
.red-text a:hover {
  color: #FF6767; }
.red-text a:active {
  color: #FF6767; }
.blue-text a:link {
  color: #257DBE; }
.blue-text a:visited {
  color: #0966AE; }
.blue-text a:hover {
  color: #6EAAD9; }
.blue-text a:active {
  color: #6EAAD9; }
.fake-link {
  color: #D01313;
  
  cursor: pointer;
  
  
   }
  .fake-link:visited {
    color: #A90404; }
  .fake-link:hover {
    color: #FF6767; }
  .fake-link:active {
    color: #FF6767; }
  .fake-link:focus {
    outline: 0 none; }
fieldset {
  border: 1px solid #BEBEBE;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  min-height: 50px;
  margin-bottom: 10px;
  padding: 5px 10px 10px 10px; }
#dynamic-reports-page-printable h1,
#dynamic-reports-page-printable h2 {
  left: 50%;
  margin: 0;
  position: relative;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
input,
select,
textarea {
  
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none;
  color: #444444;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 25px;
  padding: 4px 6px;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  vertical-align: middle; }
::-webkit-input-placeholder {
  text-align: center; }
:-moz-placeholder {
  
  text-align: center; }
::-moz-placeholder {
  
  text-align: center; }
:-ms-input-placeholder {
  text-align: center; }
input,
input:focus,
button,
button:focus,
select,
select:focus,
textarea,
textarea:focus,
.ui-widget textarea,
.ui-widget textarea:focus {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
  font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif;
  -webkit-font-smoothing: antialiased;
  
  outline: none; }
input:focus .barcode,
input:focus.barcode,
button:focus .barcode,
button:focus.barcode,
select:focus .barcode,
select:focus.barcode,
textarea:focus .barcode,
textarea:focus.barcode,
.ui-widget textarea:focus .barcode,
.ui-widget textarea:focus.barcode {
  font-family: 'Inconsolata', monospace;
  -webkit-font-smoothing: antialiased;
   }
input {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
   }
input.force-uppercase {
  text-transform: uppercase; }
input.sm-input,
input.sm-input:focus,
textarea.sm-input,
textarea.sm-input:focus,
#scan-view input.sm-input.accession-field,
#scan-view input.sm-input.accession-field:focus {
  border: 2px solid #999999;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  height: 41px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%; }
input.error {
  border: 2px solid rgba(208, 19, 19, 0.4); }
#scan-view input.sm-input.accession-field {
  border: 2px solid #999999;
  color: #D01313;
  font-size: 18px; }
input.sm-input:hover {
  cursor: default; }
.sm-login-dialog input {
  margin-bottom: 10px; }
#scan-view input.sm-input {
  border: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  width: 100%; }
.scan-container p {
  display: inline; }
table textarea,
table textarea:focus {
  border: 1px solid #CCCCCC;
  height: inherit; }
table input,
table select {
  border-color: inherit;
  width: 100%; }
legend {
  color: #D01313;
  font-size: 1.17em;
  
  font-weight: bold;
  margin-left: 10px;
  padding: 0 5px; }
legend.downloadBox {
  display: flex; }
legend.downloadBox > .text {
  margin: 10px 0;
  padding-right: 5px; }
object, embed {
  outline: 0; }
section {
  margin: 0;
  padding: 5px;
  position: relative;
  text-align: center; }
section #storage-view.row-fluid .span12,
section #processing-view.row-fluid .span12,
section #artifact-view.row-fluid .span12 {
  margin-left: 0; }
.child section,
#tubeTransfer section {
  padding: 0px; }
select.error {
  background-color: rgba(208, 19, 19, 0.4); }
textarea,
textarea:focus {
  border: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 120px;
  width: 100%; }
  .dialog-container textarea, .dialog-container textarea:focus {
    border: 1px solid;
    border-color: inherit;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 6px 12px;
    max-width: 100%;
     }
  textarea.sm-input,
  textarea:focus.sm-input {
    height: 150px;
    padding: 10px;
    width: 400px; }
  .textarea-container textarea, .textarea-container textarea:focus {
    width: 400px; }
  textarea#bulk-scanfield:focus,
  textarea:focus#bulk-scanfield:focus {
    border: 2px solid rgba(243, 140, 2, 0.8);
    height: 150px; }
  textarea.details,
  textarea:focus.details {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 480px; }
  textarea.subtests,
  textarea:focus.subtests {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 480px; }
.strikeout {
  text-decoration: line-through; }
#popupdiv .dialog-container {
  border: 0;
  padding: 0;
  margin: 1em 3em;
  background-color: #FFFFFF; }
#popupdiv .dialog-container > div {
  border: 0;
  padding: 0;
  margin: 0; }
#popupdiv .dialog-container textarea,
#popupdiv .dialog-container textarea:focus {
  border-color: #257DBE;
  border-width: 2px; }
#popupdiv .dialog-container .select-wrapper + textarea,
#popupdiv .dialog-container .select-wrapper + textarea:focus {
  border: 2px solid #C69600;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px; }
#popupdiv .dialog-container textarea.comment-area,
#popupdiv .dialog-container div.problem-entry {
  margin-bottom: 1em; }
.checkbox, .gizmo-checkbox {
  height: 22px;
  margin: 0 auto;
  position: relative;
  width: 22px; }
.checkbox input[type=checkbox], .gizmo-checkbox input[type=checkbox] {
  visibility: hidden; }
button.circle.toggle-checked:after, button.toggle-checked.big-report-button:after,
.checkbox input[type=checkbox]:checked + label:after,
.gizmo-checkbox input[type=checkbox]:checked + label:after {
  opacity: 1; }
.checkbox label, .gizmo-checkbox label {
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px; }
.checkbox input[type=checkbox]:checked + label, .gizmo-checkbox input[type=checkbox]:checked + label {
  border-color: #F98200; }
.circle.toggle-unchecked:after, .toggle-unchecked.big-report-button:after,
.circle.toggle-checked:after,
.toggle-checked.big-report-button:after,
.checkbox label:after,
.gizmo-checkbox label:after {
  background: transparent;
  border: 3px solid #444444;
  border-right: none;
  border-top: none;
  content: '';
  height: 5px;
  left: 4px;
  opacity: 0.05;
  position: absolute;
  top: 5px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 9px; }
p.gizmo-checkbox-display,
#navMenuList p.gizmo-checkbox-display {
  float: left;
  margin-left: 15px;
  margin-top: 3px;
  color: black;
  width: calc(100% - 40px); }
.gizmo-checkbox input[type=checkbox] {
  width: 22px;
  visibility: initial;
  height: initial; }
.gizmo-checkbox {
  float: left; }
.toggle .circle, .toggle .big-report-button {
  background-color: #F9F9F9;
  position: relative; }
  .toggle .circle.toggle-unchecked, .toggle .toggle-unchecked.big-report-button {
    border: 1px solid #DDDDDD; }
  .toggle .circle.toggle-checked, .toggle .toggle-checked.big-report-button {
    border: 1px solid #F98200; }
  .toggle .circle.toggle-unchecked:after, .toggle .toggle-unchecked.big-report-button:after, .toggle .circle.toggle-checked:after, .toggle .toggle-checked.big-report-button:after {
    left: 6px;
    top: 6px; }
td.boolean .toggle .circle, td.boolean .toggle .big-report-button {
  cursor: default;
  display: none; }
td.boolean .toggle:first-of-type .circle, td.boolean .toggle:first-of-type .big-report-button {
  display: inline-block;
  visibility: hidden; }
td.boolean.false .toggle .circle.toggle-unchecked, td.boolean.false .toggle .toggle-unchecked.big-report-button,
td.boolean.true .toggle .circle.toggle-checked,
td.boolean.true .toggle .toggle-checked.big-report-button {
  display: inline-block;
  visibility: visible; }
td.boolean.true .toggle .circle.toggle-unchecked, td.boolean.true .toggle .toggle-unchecked.big-report-button,
td.boolean.false .toggle .circle.toggle-checked,
td.boolean.false .toggle .toggle-checked.big-report-button {
  display: none; }
.toggle button:disabled {
  display: none; }
.radio {
  height: 22px;
  margin: 0 auto;
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
  text-align: left;
  width: 75%; }
.radio input[type=radio] {
  visibility: hidden; }
.radio input[type=radio]:checked + label:after {
  opacity: 1; }
.radio label {
  background: #F9F9F9;
  border: 1px solid #DDDDDD;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px; }
.radio label:after {
  background: rgba(0, 0, 0, 0);
  border: 5px solid #676767;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  content: '';
  height: 0px;
  left: 5px;
  opacity: 0.05;
  position: absolute;
  top: 5px;
  width: 0px; }
.radio input[type=radio]:checked + label {
  border-color: #F98200; }
.radio input[type=radio]:checked + label:after {
  opacity: 1; }
.radio label:hover::after {
  opacity: 0.25; }
.radio input[disabled] + label:hover::after {
  opacity: 0.05; }
.previous-print-jobs-list h4, .reprint-printer-list h4 {
  margin-bottom: 0.2em; }
.previous-print-jobs-list .select-wrapper {
  background-color: #E0D8BC; }
.select-wrapper {
  background: url(../images/select-down-arrow.png) no-repeat right 10px center #FFDA64;
  border: 2px solid #C69600;
  border-bottom: 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%; }
div[name=label-selection] .select-wrapper,
div[name=multi-item-selection] .select-wrapper,
.select-wrapper.no-comment,
.drop-down-only.select-wrapper {
  border: 2px solid #C69600;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin: 0 auto; }
.drop-down-only.select-wrapper {
  margin-bottom: 10px; }
.select-wrapper select {
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.2;
  margin: 0 auto;
  outline: none;
  width: calc(100% + 28px); }
.select-wrapper select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #444444; }
.sm-selection-button {
  text-indent: 5px; }
.select-wrapper option {
  background-color: #FDF3C9; }
.editable-combobox-container {
  border-color: inherit;
  position: relative; }
input.editable-combobox-input {
  position: absolute;
  width: 201px;
  height: 30px;
  background: transparent;
  border: none; }
select.editable-combobox select {
  width: 220px;
  height: 30px; }
li {
  margin: 0 0 1em 1.9em;
  
  text-align: left; }
li:before {
  color: #444444;
  content: "\2022";
  display: inline-block;
  
  font-weight: 900;
  margin-left: -1.6em;
  
  text-align: center;
  width: 1.5em;
   }
li.Info:before {
  color: #257DBE;
  content: "\2731"; }
li.Info.red-text:before {
  color: #D01313; }
li.Severe:before {
  color: #D01313;
  content: "\203C"; }
li.Warning:before {
  color: #FFD039;
  content: "\2731"; }
.buttonDropdown ul li:last-child {
  margin-bottom: 0em;
   }
.horizontal-li {
  margin: 0.5em 0 0.5em 0;
  text-align: left;
  display: inline-block;
  padding-right: 30px; }
.hidden.horizontal-li {
  display: none; }
.ul-with-margin {
  margin-left: 20px; }
.messages-dialog li {
  font-size: medium; }
.bead-lot-warning {
  font-size: 24px;
  color: red; }
.color-black {
  color: black; }
.stop-scrolling {
  height: 100%;
  overflow: hidden; }
.ui-dialog {
  border: 2px solid #999999;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  background: none;
  background-color: #FFFFFF;
  min-width: 430px; }
.ui-dialog button {
  z-index: 91; }
.ui-dialog .table-button {
  z-index: auto; }
.ui-dialog-titlebar {
  color: #257DBE;
  overflow: hidden; }
.sm-dialog.transparent-dialog .ui-dialog-titlebar {
  display: none; }
.ui-dialog .ui-dialog-titlebar-close {
  height: 0px;
  width: 0px;
  overflow: hidden;
  padding: 0px;
  margin: -20px 0 0 0;
  border: none; }
.ui-dialog-content {
  -webkit-overflow-scrolling: touch;
  border: 0;
  font-size: 14px;
  height: 100%;
  max-height: 1000px;
  overflow: auto;
  padding: 0 1em;
  position: relative;
  min-width: 400px; }
.sm-dialog-content {
  padding: 0 7%;
  position: relative; }
iframe.sm-dialog-content {
  max-height: 98%;
  
  padding: 0; }
.sm-dialog-content ul {
  margin-left: 15px; }
.sm-dialog-content .print-job {
  min-height: 45px;
  display: inline-block;
  width: 100%; }
.sm-dialog-content .job-name {
  width: 72%;
  float: left; }
.sm-dialog-content .barcode-ctn {
  float: left; }
.sm-dialog-content p {
  color: #257DBE;
  left: 0;
  padding: 10px 0 3px 0;
  position: relative; }
.sm-print-dialog-button-ctn {
  width: 28%;
  line-height: 1.6em;
  float: right;
  right: 7px;
  top: 29px;
  display: flex; }
button.sm-print-dialog-button {
  margin-left: 5px; }
.sm-dialog-pageprint-button {
  line-height: 1.6em;
  position: absolute;
  right: -70px;
  top: 45px; }
.sm-dialog.transparent-dialog .ui-dialog-content {
  background: none; }
.ui-dialog-buttonpane {
  -webkit-border-radius: 0 0 13px 13px;
  -moz-border-radius: 0 0 13px 13px;
  -ms-border-radius: 0 0 13px 13px;
  border-radius: 0 0 13px 13px;
  border: 0;
  margin: .75em .5em 0; }
.ui-dialog-buttonpane button {
  float: right;
  margin-right: .5em; }
.sm-dialog.transparent-dialog {
  background-color: transparent;
  border: none; }
#popupdiv #scan-view {
  padding: 1em 3em;
   }
.messages-dialog {
  padding: 1em 2em; }
#popupdiv .dialog-container > div.previouscomments,
.previouscomments {
  color: #444444;
  margin: 20px auto;
  text-align: left;
  padding: 0 2em; }
.previouscomments li {
  margin-bottom: 15px; }
.comment-info {
  color: #999999;
  font-size: 15px;
  margin-top: -1.25em; }
.comment-action {
  color: #676767;
  font-weight: bold; }
.comment-date {
  font-size: 13px; }
.comment-text {
  font-size: 16px;
  margin-top: .25em; }
.comment-who {
  color: #676767;
  font-style: italic;
  font-weight: bold; }
.sm-print-dialog li {
  font-size: 12px;
  margin-bottom: 0.25em; }
.sm-menu-dialog .ui-dialog-titlebar {
  color: black; }
.sm-problem-dialog .nav-prop-expander {
  top: 3px;
  width: 25px;
  height: 25px; }
.sm-problem-dialog #popupdiv .dialog-container {
  margin: 0em 3em; }
.sm-problem-dialog .menu-button1 + [name=nav-children] > .navigation-button-container::before,
.sm-problem-dialog .menu-button1 ~ [name=nav-properties] > .navigation-button-container::before {
  background-color: transparent; }
.sm-problem-dialog .button-section [name=nav-properties]::before {
  top: 43px; }
.sm-problem-dialog .resolution-dialog-container .button-section [name=nav-properties]::before {
  top: 55px; }
.sm-problem-dialog .resolution-dialog-container .nav-prop-expander {
  top: 5px;
  width: 32px;
  height: 32px; }
.filter-dialog {
  padding-left: 12px;
  padding-right: 12px; }
.reprint-dialog {
  padding-left: 45px;
  padding-right: 45px; }
.ws-selection-container span.select-wrapper {
  margin-bottom: 20px; }
input.readonly,
label.readonly,
select.readonly {
  color: #999999;
  cursor: not-allowed; }
div[name=print-report] {
  position: absolute;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  top: calc(50% + 5px);
  width: 90%; }
.screen-blocker {
  position: absolute;
  left: 0px;
  top: 17px;
  width: 100%;
  height: 100%;
  z-index: 98;
  background-color: #FFFFFF; }
.screen-blocker-input {
  background-color: transparent;
  border: transparent; }
.sm-file-upload .ui-dialog-content {
  overflow: visible; }
.sm-file-upload {
  width: 100%; }
.file-select {
  display: inline-block;
  margin: auto;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  background-color: #CCCCCC;
  width: auto;
  font-size: 14px;
  padding: 6px 12px; }
  .file-select:hover {
    background-color: #c2c2c2; }
.file-select-wrapper {
  margin-top: 68px; }
.hidden-file-select {
  display: none; }
.upload-loading {
  text-align: center;
  position: relative;
  top: 120px; }
.typeContainer {
  position: relative;
  width: 100%; }
table select.attachment_type_select {
  width: 95%; }
.typeContainer .validstateindicator {
  top: calc(50% - 13px);
  right: -19px; }
.upload-container {
  margin: 0px 30px; }
.file-upload-wrapper {
  text-align: center;
  border-radius: 10px;
  margin: auto;
  margin-top: 20px;
  border: 3px dashed #F98200;
  height: 168px; }
.file-upload-table-wrapper {
  border-radius: 10px;
  margin: auto;
  border: 1px solid #CCCCCC;
  width: 90%;
  overflow: hidden; }
.table-slider-menu {
  position: absolute;
  left: -24px;
  top: -2px; }
.filename_div {
  margin-left: 15px; }
.table-slider-wrapper {
  position: relative; }
img.required-field-annotation {
  display: inline-block;
  height: 8px;
  vertical-align: top; }
.remove-upload-button {
  color: #D01313;
  font-size: 22px;
  float: left;
  margin-right: 5px; }
  .remove-upload-button:hover {
    cursor: pointer; }
.table-cell-undo {
  float: right;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: transparent;
  background-image: url("../images/icons/undo-blue.svg");
  opacity: 0.8; }
.table-cell-success {
  background-position: 60px 8px;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 10%;
  background-color: transparent;
  background-image: url("../images/icons/check-green.svg"); }
.table-cell-unsuccessful {
  background-position: 93px 8px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-color: transparent;
  width: 10%;
  background-image: url("../images/icons/cancel-red.svg"); }
.file-upload-table tr {
  line-height: 32px; }
.file-upload-table tr.sm-warning-row {
  color: #D01313;
  line-height: 12px; }
.file-upload-table a:hover {
  cursor: pointer; }
.left {
  float: left; }
.right {
  float: right; }
.center {
  margin: 0 auto; }
.text-left {
  text-align: left; }
.text-center {
  text-align: center; }
.text-right {
  text-align: right; }
.marginTop {
  margin-top: 7px; }
.noselect {
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.row-fluid [class*="span"] {
  margin: 0; }
.scrollbar-spacer {
  height: 99.5%;
  padding: 0 10px;
  position: absolute;
  width: calc(100vw - 24px); }
.selected {
  border: 2px solid #F98200; }
.spinner {
  background: url("../images/icons/blue-loading.gif") no-repeat center center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 45px;
  left: 50%;
  margin-left: 75px;
  position: relative;
  top: -43px;
  width: 45px; }
.spinner.smallshift {
  left: 45px;
  margin-left: -45px; }
.spinner.dropdownshift {
  top: -2px; }
.gold {
  border: 2px solid #FFC200;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-color: #FFFFFF; }
.log {
  margin: 0 auto;
  display: block;
  float: none;
  overflow: auto; }
.event-log {
  overflow: hidden;
  max-height: 148px;
  float: right;
  padding: 10px;
  width: 45%; }
.event-log div {
  overflow: auto;
  max-height: 140px; }
.header {
  background-color: transparent;
  height: 40px;
  text-align: center;
  top: 0;
  z-index: 99; }
.header-container {
  position: relative;
  color: #727272;
  display: block;
  font-size: 14px;
  margin: 0 auto;
  padding-top: 15px;
  min-width: 600px; }
#userinfo {
  cursor: default;
  left: 50%;
  margin-left: -300px;
  position: absolute;
  width: 600px; }
#topmenu {
  position: absolute;
  right: 17%;
  z-index: 20; }
.currentsite {
  color: #F98200; }
body#appView.testMode {
  background-color: #F3F3F3;
  background-image: url("../images/background-star-flat-100.svg");
  background-position: 0 20px;
  background-size: 100px 100px; }
body#appView.testMode .header {
  background-color: transparent; }
.container {
  background-color: #FFFFFF;
  border: 2px solid #999999;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  min-height: 90%;
  height: auto !important;
  
  margin: 0 auto;
  margin-bottom: 10px;
  
  position: relative;
  text-align: center;
  min-width: 600px;
  width: 82%; }
.testMode .container {
  border: 2px solid #999999; }
@media screen and (max-height: 665px) {
  
  #content,
  #content1,
  #content2 {
    min-height: 600px; } }
body.dna-capture-page .container {
  min-width: 825px; }
.container.errorState {
  border: 3px solid #D43031; }
.errorState h1 {
  color: #D43031;
  font-weight: bold; }
.smlogo {
  background: -moz-radial-gradient(center, ellipse cover, #f3f3f3 0%, rgba(243, 243, 243, 0.05) 95%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f3f3f3), color-stop(95%, rgba(243, 243, 243, 0.05)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-radial-gradient(center, ellipse cover, #F3F3F3 0%, rgba(243, 243, 243, 0.05) 95%, rgba(255, 255, 255, 0) 100%);
  background: -o-radial-gradient(center, ellipse cover, #f3f3f3 0%, rgba(243, 243, 243, 0.05) 95%, rgba(255, 255, 255, 0) 100%);
  background: -ms-radial-gradient(center, ellipse cover, #f3f3f3 0%, rgba(243, 243, 243, 0.05) 95%, rgba(255, 255, 255, 0) 100%);
  background: radial-gradient(ellipse at center, #F3F3F3 0%, rgba(243, 243, 243, 0.05) 95%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$ltlt-grey-1', endColorstr='#00ffffff',GradientType=1 );
  display: block;
  z-index: -3;
  position: fixed;
  top: 142px;
  margin-left: -40px;
  opacity: 0.5;
  background: rgba(255, 255, 255, 0);
   }
  .smlogo img {
    height: 250px; }
.logoholder.rightside {
  height: 0; }
.centeredlogo {
  background: #FFFFFF center center url("../images/samplemindedstackedlogo.png");
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  height: 75px;
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
  width: 150px;
  z-index: 16;
   }
.rightside .centeredlogo {
  background-size: 90%;
  border: 1px solid #999999;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  height: 85px;
  margin-right: -43px;
  position: absolute;
  right: 0;
  width: 85px; }
.exact-logo {
  background-image: url("../images/exactlogo.svg");
  background-color: white;
  background-size: 90%;
  border: 1px solid #999999;
  background-repeat: no-repeat;
  display: block;
  height: 85px;
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
  width: 85px;
  transition: all 0.5s ease; }
#exactX {
  color: #a475ff; }
.appTitle {
  min-height: 70px;
  left: 50%;
  padding-top: 30px;
  position: relative;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }
#dynamic-reports-page-printable .appTitle,
.appTitle.dismissed {
  margin-top: -8px; }
.appTitle h1 {
  font-size: 26px;
  margin: 0 auto;
  padding: 10px 0 5px 0;
  max-width: calc(86% - 290px); }
.appTitle h2 {
  font-size: 14px;
  min-height: 20px;
  margin: 0 auto;
  max-width: 60vw;
  padding-top: 5px; }
#dynamic-reports-page-printable .appTitle {
  min-height: 0; }
#dynamic-reports-page-printable .appTitle h1 {
  font-size: 22px;
  height: auto;
  padding: 0; }
#dynamic-reports-page-printable .appTitle h2 {
  font-size: 12px;
  height: auto;
  max-width: 80%; }
.sideButtonPositioner {
  position: absolute;
  right: 0; }
.sideButtonGroup {
  display: block;
  position: fixed;
  margin-left: -42px;
  top: 73px;
  width: 85px;
  z-index: 99; }
.smlogo-container {
  position: absolute;
  width: 28px; }
.sampleminded-footer {
  height: 30px;
  
  width: 100%; }
#systemVersion {
  color: #999999;
  font-weight: bold;
  float: left; }
#extra-build-info {
  float: left;
  font-family: inherit; }
.build-info-copy {
  margin-right: -12px; }
.mileStone {
  font-weight: bold;
  color: #999999;
  float: left;
  font-family: inherit; }
.buildNumber {
  color: #999999;
  float: left;
  font-size: small;
  line-height: 1.77em;
  padding-left: 5px;
  font-family: inherit; }
#systemInfo {
  float: left; }
#testMode {
  position: absolute;
  background-color: white;
  border: 2px solid #F98200;
  padding: 5px 7px 5px 7px;
  border-radius: 16px;
  left: -5vw;
  top: 12px;
  width: 5vw;
  height: 30px;
  font-weight: bold;
  color: #F98200;
  font-style: italic;
  text-align: center;
  font-size: 190%;
  display: none; }
.testMode #testMode {
  display: block; }
.de #testMode {
  left: -10vw;
  width: 10vw; }
#systemVersion, .mileStone {
  padding-left: 15px; }
.testMode #systemVersion:after {
  content: " Test Mode";
  font-weight: bold;
  color: #F98200;
  font-style: italic; }
.poweredby {
  margin: 0 auto;
  text-align: center;
  width: 150px; }
#thesampleinsampleminded {
  color: #A71E22; }
#themindedinsampleminded {
  color: #676767; }
.accession-id-container {
  margin: 0 auto 15px;
  position: relative;
  width: 400px; }
.accession-id-container p {
  padding-bottom: 5px; }
.info-container {
  background-color: #F3F3F3;
  border: 3px solid #F98200;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  font-size: 18px;
  height: 140px;
  margin: 15px auto;
  padding: 5px 10px 5px 40px;
  position: relative;
  text-align: left;
  width: 343px; }
.info-container p {
  padding-top: 10px;
  position: relative;
  z-index: 10; }
  .info-container p.patient-name {
    font-weight: bold;
    font-family: 'Inconsolata', monospace; }
.info-container .acc-verify {
  position: relative;
  right: -324px;
  top: -110px; }
.info-container .dateofbirth {
  height: 58px;
  margin-top: 10px; }
.verify-data-widget {
  background-color: #F3F3F3;
  border: 3px solid #F98200;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  font-size: 18px;
  height: auto;
  min-height: 105px;
  margin: 15px auto;
  padding: 5px 10px 5px 40px;
  position: relative;
  text-align: left;
  width: 345px; }
.verify-data-widget .toggle {
  position: absolute;
  right: -36px;
  top: 20px; }
.verify-data-widget.accession-widget.contact-center {
  padding-bottom: 0px; }
#tubeTransfer {
  margin: 10px auto;
  width: 75%; }
.pairingGroup {
  margin-bottom: 10px;
  position: relative;
  min-width: 675px; }
.pairings,
.shelf-children {
  border-left: 5px solid #CCCCCC;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  border-right: 5px solid #CCCCCC;
  min-height: 15px;
  padding: 20px 10px 20px 30px;
  position: relative; }
#tubeTransfer .table-pairing {
  border: 0;
  margin-bottom: 10px;
  min-width: 630px; }
#tubeTransfer .table-pairing td {
  background-color: transparent;
  border: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle; }
#tubeTransfer .table-pairing td.table-pairing-number {
  text-align: right;
  vertical-align: top;
  width: 4%; }
#tubeTransfer .table-pairing-start,
#tubeTransfer .table-pairing-result {
  width: 44%; }
#tubeTransfer .table-pairing-arrow {
  width: 8%; }
.groupNumber {
  background: url("../images/curlybracket-tubegroups.svg") center right no-repeat #FFFFFF;
  height: 19px;
  left: -45px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 1; }
.parenthesisGroup .groupNumber {
  left: -50px; }
.focus .groupNumber {
  background-image: url("../images/curlybracket-tubegroups-focus-F0F8FF.png"); }
.tube-pairing {
  margin-top: 10px;
  position: relative; }
.tube-pairing:first-child {
  margin-top: 0; }
.parent-pool-container,
.child-pool-container {
  margin: 0 18px; }
.transfer-arrow {
  background: 0 0 no-repeat url("../images/green-arrow-left.png");
  background-size: 35px 20px;
  display: inline-block;
  height: 20px;
  width: 35px; }
.bead-subtitle {
  font-size: 22px;
  font-weight: bold;
  margin-top: 4px; }
.bead-subtitle span {
  background-color: #FFDA64;
  border-radius: 15px;
  padding-left: 5px;
  padding-right: 5px; }
.importer .file-upload .button-section {
  right: -22px; }
.noselect {
  -webkit-touch-callout: none;
  
  -webkit-user-select: none;
  
  -khtml-user-select: none;
  
  -moz-user-select: none;
  
  -ms-user-select: none;
   }
#template-insertion {
  margin: 0 auto;
  margin-bottom: 30px; }
  #template-insertion.masterrunner {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px; }
    #template-insertion.masterrunner .masterrunner-kit-input {
      width: 45%;
      margin: auto; }
      #template-insertion.masterrunner .masterrunner-kit-input.left {
        float: left; }
      #template-insertion.masterrunner .masterrunner-kit-input.right {
        float: right; }
    #template-insertion.masterrunner input {
      margin: 10px; }
    #template-insertion.masterrunner h3 {
      font-size: 1.17em;
      margin: 0px; }
    #template-insertion.masterrunner table {
      table-layout: fixed;
      width: 100%; }
      #template-insertion.masterrunner table td {
        font-size: 1.17em;
        border-bottom: 0px; }
        #template-insertion.masterrunner table td.center {
          text-align: center; }
      #template-insertion.masterrunner table input {
        border: 1px solid #999999;
        width: 94%; }
      #template-insertion.masterrunner table input[type='checkbox'] {
        width: auto;
        margin: 0px 5px 0px; }
.button-section {
  margin: 0 auto;
  width: 600px; }
  .button-section.double-width {
    width: auto; }
#popupdiv .button-section {
  width: auto;
  padding-top: 8px;
  
  margin-top: 0px; }
.child .button-section {
  margin-right: 18px; }
.rackX1 .button-section,
.rackX2 .button-section,
.rackX3 .button-section,
.rackX4 .button-section {
  width: auto; }
.barcode, #systemInfo,
td.number, td.Number,
td.integer, td.Integer,
td.double, td.Double,
td.uuid,
td.Barcode,
td.barcode {
  color: #0D215F;
  font-family: 'Inconsolata', monospace;
  font-size: 1.25em; }
.sample-name.barcode {
  font-size: 1.8em;
  font-weight: normal;
  margin: 5px auto; }
.barcode a {
  font-family: 'Inconsolata', monospace; }
.sample-name a {
  color: #314890; }
  .sample-name a:hover {
    color: #4c68c2; }
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.expandButton {
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: 11px;
  top: 11px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 32px;
  z-index: 1;
   }
.hide {
  display: none !important; }
.numberingButton {
  color: #BEBEBE;
  height: 35px;
  left: -8px;
  line-height: 35px;
  margin-top: 5px;
  position: absolute;
  width: 35px; }
.groupNumber .numberingButton {
  border: 2px solid #CCCCCC;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  left: -10px;
  margin-top: -8px; }
.rack .groupNumber {
  top: 86px; }
.tower-children .groupNumber .numberingButton {
  border: 0; }
.red-text {
  color: #D01313; }
.result-text {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px; }
.sampleminded-logo {
  float: left;
  margin: 5px; }
div#template-insertion button.spinButton {
  background: url("../images/icons/rotate-circle.svg") no-repeat scroll center center #FFFFFF;
  background-size: 35px 35px;
  height: 40px;
  left: 0;
  position: absolute;
  width: 40px; }
div#template-insertion button.spinButton:focus {
  outline-color: transparent;
  outline-style: none; }
body.pull-request-page div#template-insertion button.spinButton {
  display: none; }
.timesScanned {
  background-color: #FFFFFF;
  border: 2px solid;
  border-color: #999999;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #444444;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  line-height: 31px;
  
  position: absolute;
  right: 17px;
  top: 3px;
  width: 35px; }
.template-container > div:nth-child(5) {
  margin-right: -18px;
  width: auto;
   }
.vertical-align-middle {
  vertical-align: middle; }
.rate-displayer-ctn {
  width: 65%;
  margin: 30px auto 0 auto;
  border-radius: 35px;
  color: #727272;
  font-family: 'Inconsolata', monospace; }
.rate-displayer-ctn .rate-count {
  font-size: 50px;
  font-weight: bold;
  color: inherit;
  font-family: inherit; }
.rate-displayer-ctn .rate-unit {
  color: inherit;
  font-family: inherit;
  font-size: 35px;
  font-weight: bold; }
  .rate-displayer-ctn .rate-unit.rate-sign {
    vertical-align: text-bottom; }
.rate-displayer-ctn .mini-ctn .rate-unit {
  font-size: 20px; }
.rate-displayer-ctn .mini-ctn .rate-time,
.rate-displayer-ctn .mini-ctn .rate-count {
  font-size: 26px; }
.menuList {
  background: #D7F3FC;
  border: 2px solid #73C5E1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0.97;
  text-align: center; }
.menuList a {
  text-decoration: none; }
.menuList li {
  border-bottom: 1px solid #D7F3FC;
  color: #73C5E1;
  font-style: normal;
  padding: 15px 35px;
  text-decoration: none; }
.menuList li:hover {
  background: #73C5E1;
  color: #FFFFFF;
  opacity: 1; }
.menuList a:first-child li {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }
.menuList a:last-child li {
  border-bottom: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
.dateSelectBox .menuList {
  background-color: #DFBCDF;
  border: 2px solid #BF86BF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }
.sm-menu-dialog .menuList {
  border-color: #C17C34;
  margin-left: -2px;
  overflow: hidden;
  position: fixed;
  width: 400px;
  z-index: 101; }
.sm-menu-dialog .menuList div {
  background-color: #FDF3C9;
  border: 0;
  border-bottom: 2px solid #C17C34;
  line-height: auto;
  opacity: 0.97; }
.sm-menu-dialog .menuList div:focus {
  background-color: #FFB361;
  outline: 0; }
.sm-menu-dialog .menuList div:hover {
  background-color: #FF9F37; }
.sm-menu-dialog .menuList div:last-child {
  border-bottom: 0; }
.collapse-container {
  display: block;
  margin: 5px auto;
  width: 100%; }
#hiddenButtonWrapper.collapse-container {
  display: none; }
.collapse-container button {
  left: auto;
  position: relative;
  top: auto; }
.toggleHidden {
  background: url("../images/expand-dots.png") no-repeat center center #FFFFFF;
  background-size: auto 10px;
  border: 1px solid #F3F3F3;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  height: 16px;
  margin: 5px;
  width: 80px; }
.tower-container .toggleHidden {
  display: inline-block; }
.dual-input-container .buttonHeader label {
  min-width: 75px;
  position: absolute;
  top: 13px;
  right: 65px; }
.dual-input-container .buttonHeader input[type="checkbox"] {
  
  opacity: 0;
  position: absolute; }
.dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div {
  background: #FFFFFF;
  background-clip: border-box;
  background-image: linear-gradient(transparent, transparent), linear-gradient(90deg, #9E579E 50%, transparent 50%);
  background-origin: border-box;
  background-position: 100% 0;
  background-size: 200% 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  font-size: 150%;
  
  height: 1em;
  margin: -2px 0.5em 0;
  overflow: hidden;
  transition-duration: .4s;
  transition-property: padding, width, background-position, text-indent;
  vertical-align: middle;
  width: 3em; }
.dual-input-container .buttonHeader input[type="checkbox"].ios-switch:checked + div {
  background-position: 0 0;
  padding-left: 2em;
  width: 1em; }
.dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div:before {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.35);
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  border-radius: inherit;
  color: #FFFFFF;
  content: 'PM';
  float: left;
  height: 1.65em;
  margin: -0.05em;
  text-indent: -4.6em;
  width: 1.65em; }
.dual-input-container .buttonHeader input[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #9E579E; }
.dual-input-container .buttonHeader input.error[type="checkbox"].ios-switch + div {
  border: 2px solid #D01313; }
.dual-input-container .buttonHeader input.error[type="checkbox"].ios-switch:focus + div {
  box-shadow: 0 0 5px 2px #D01313; }
.dual-input-container .buttonHeader input[type="checkbox"].ios-switch:checked + div:before {
  border: 1px solid rgba(158, 87, 158, 0.35); }
.dual-input-container .buttonHeader input[type="checkbox"].ios-switch:active + div:before {
  background-color: #EFEFEF; }
.dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div:before,
.dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div:after {
  font: bold 60%/1.9 sans-serif; }
.dual-input-container .buttonHeader input[type="checkbox"].ios-switch + div:after {
  color: rgba(0, 0, 0, 0.45);
  content: 'AM';
  float: left;
  text-indent: .8em;
  text-shadow: none; }
.slot-additional-info {
  text-align: left;
  padding-bottom: 5px; }
.slot-additional-info > span:first-child {
  font-weight: bold; }
div.tooltips {
  display: inline;
  position: relative; }
div.tooltips span {
  background: #FFFFFF;
  border: 2px solid #999999;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  color: #444444;
  display: none;
  height: auto;
  line-height: normal;
  padding: 5px;
  position: absolute;
  text-align: left;
  width: 140px; }
.nav-stats.red .tooltips span {
  background-color: #D01313;
  border-color: #A90404;
  color: #FFFFFF; }
.nav-stats.red .tooltips span:before {
  border-top-color: #A90404; }
.nav-stats.red .tooltips span:after {
  border-top-color: #D01313; }
.nav-stats.orange .tooltips span {
  background-color: #F98200;
  border-color: #C36500; }
.nav-stats.orange .tooltips span:before {
  border-top-color: #C36500; }
.nav-stats.orange .tooltips span:after {
  border-top-color: #F98200; }
.nav-stats.yellow .tooltips span {
  background-color: #FFC200;
  border-color: #C69600; }
.nav-stats.yellow .tooltips span:before {
  border-top-color: #C69600; }
.nav-stats.yellow .tooltips span:after {
  border-top-color: #FFC200; }
.nav-stats.brown .tooltips span {
  background-color: #7A3F00;
  border-color: #542B00;
  color: #FFFFFF; }
.nav-stats.brown .tooltips span:before {
  border-top-color: #542B00; }
.nav-stats.brown .tooltips span:after {
  border-top-color: #7A3F00; }
.nav-stats.ltgreen .tooltips span {
  background-color: #B4C63D;
  border-color: #96A720; }
.nav-stats.ltgreen .tooltips span:before {
  border-top-color: #96A720; }
.nav-stats.ltgreen .tooltips span:after {
  border-top-color: #B4C63D; }
.nav-stats.green .tooltips span {
  background-color: #5BB033;
  border-color: #41941A; }
.nav-stats.green .tooltips span:before {
  border-top-color: #41941A; }
.nav-stats.green .tooltips span:after {
  border-top-color: #5BB033; }
.nav-stats.ltblue .tooltips span {
  background-color: #73C5E1;
  border-color: #4EADCC; }
.nav-stats.ltblue .tooltips span:before {
  border-top-color: #4EADCC; }
.nav-stats.ltblue .tooltips span:after {
  border-top-color: #73C5E1; }
.nav-stats.blue .tooltips span {
  background-color: #257DBE;
  border-color: #0966AE;
  color: #FFFFFF; }
.nav-stats.blue .tooltips span:before {
  border-top-color: #0966AE; }
.nav-stats.blue .tooltips span:after {
  border-top-color: #257DBE; }
.nav-stats.dkblue .tooltips span {
  background-color: #314890;
  border-color: #1D3478;
  color: #FFFFFF; }
.nav-stats.dkblue .tooltips span:before {
  border-top-color: #1D3478; }
.nav-stats.dkblue .tooltips span:after {
  border-top-color: #314890; }
.nav-stats.purple .tooltips span {
  background-color: #9E579E;
  border-color: #843584;
  color: #FFFFFF; }
.nav-stats.purple .tooltips span:before {
  border-top-color: #843584; }
.nav-stats.purple .tooltips span:after {
  border-top-color: #9E579E; }
.nav-stats.pink .tooltips span {
  background-color: #EB64A0;
  border-color: #E14388; }
.nav-stats.pink .tooltips span:before {
  border-top-color: #E14388; }
.nav-stats.pink .tooltips span:after {
  border-top-color: #EB64A0; }
div.tooltips span:before {
  border-left: 35px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #999999;
  content: '';
  height: 0;
  left: 70%;
  margin-left: -6px;
  position: absolute;
  top: 100%;
  width: 0; }
div.tooltips span:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #FFFFFF;
  content: '';
  height: 0;
  left: 70%;
  margin-left: -2px;
  position: absolute;
  top: 100%;
  width: 0; }
div.nav-stats:hover .tooltips span {
  bottom: 30px;
  display: inline;
  left: 50%;
  margin-left: -110px;
  opacity: 0.95;
  z-index: 999; }
.dialog-login-instructions {
  font-size: 14px;
  padding: 20px 10px 30px 10px;
  text-align: center; }
.dialog-login-message {
  color: #A71E22;
  padding: 10px;
  text-align: center; }
.login-dialog {
  text-align: center; }
input.dialog-input-field {
  border: 1px solid #999999;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  height: 40px;
  text-align: center;
  
  
  top: calc(50% - 15px);
  
  width: calc(100% - 2em);
  margin-left: auto;
  margin-right: auto; }
  .login-dialog input.dialog-input-field {
    
    position: relative;
    top: auto;
    transform: none; }
.login-dialog.ui-dialog-content {
  padding: 0 1em; }
.content-hider {
  background: #FFFFFF;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 15; }
.ui-button:focus {
  outline: none; }
.reportpage {
  margin: auto; }
.ui-widget-overlay {
  opacity: 0.65; }
.sm-menu-dialog {
  text-align: center; }
.sm-menu-dialog .ui-dialog-title {
  font-weight: normal;
  width: 100%; }
.problem .checkbox-grid-container.dialog-container {
  border: 2px solid;
  border-color: #D01313;
  overflow: hidden;
  background-color: white; }
.dialog-container {
  background-color: #FFFFFF;
  border: 2px solid #727272;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 15px;
  position: relative; }
.dialog-container.label-types-dialog,
.dialog-container.multi-item-dialog {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(100% - 2em); }
.dialog-container.label-types-dialog {
  width: calc(100% - 8em); }
.dialog-container > * {
  margin: 10px 0 0; }
.dialog-container > *:first-child {
  margin: 0; }
.dialog-container > div:not(.validstateindicator) {
  background-color: #FFF;
  border: 1px solid;
  border-color: inherit;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 15px; }
.problem-entry {
  margin-bottom: 10px;
  position: relative; }
.problem-comment-area,
.problem-comment-area:focus,
.resolution-comment-area,
.resolution-comment-area:focus {
  border-color: #C17C34;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px; }
.resolved .problem-selection {
  text-decoration: line-through;
  opacity: .5; }
.resolved .resolution-entry {
  position: absolute;
  top: 25px;
  left: 20px;
  width: 100%; }
.resolution-comment-area, .resolution-comment-area:focus {
  height: 100px; }
.resolution-entry {
  padding-bottom: 15px !important;
   }
.label-selection-button {
  background-color: #FFB361;
  border: 2px solid #C17C34;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  line-height: 35px;
  margin: 10px auto 0; }
.ui-dialog-buttonset {
  height: 35px; }
.lighter.ui-widget-overlay {
  opacity: 0.15; }
.redBorder {
  border: 1px solid #D01313; }
.sm-form h3 {
  margin-top: 1em; }
.sm-form .select-wrapper {
  margin-left: auto;
  margin-right: auto; }
.xml-editor-ctn {
  text-align: left;
  margin: 50px;
  margin-top: 0;
  padding: 25px;
  border-radius: 15px;
  border: 1px solid #BEBEBE;
  background-color: #EFEFEF;
  padding-top: 10px; }
.xml-editor-ctn h4 {
  color: #999999; }
.xml-editor-buttons-ctn {
  float: right; }
.CodeMirror {
  border: solid 1px #BEBEBE; }
.CodeMirror-code * {
  font-family: 'Inconsolata', monospace;
  font-size: 14px; }
.problemButton {
  width: 100%; }
.ladda-button.problemButton {
  height: 200px; }
.who {
  font-weight: bold; }
.xdsoft_datetimepicker .xdsoft_datepicker.active {
  width: 415px; }
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  height: 50px;
  font-size: 20px; }
.xdsoft_datetimepicker .xdsoft_calendar th {
  color: black; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 251px;
  top: 1px; }
.xdsoft_datetimepicker {
  box-shadow: none;
  border: 2px solid #999999;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  font-size: 15px; }
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: #7BCA55 !important; }
.download-agents-link {
  padding-bottom: 20px; }
.printheadwrapper {
  margin: 0 50px 10px 25px; }
.notification-button {
  width: 76px;
  height: 76px;
  position: absolute;
  left: -39px;
  top: 31px;
  z-index: 17; }
.circle.batch, .batch.big-report-button {
  background-size: 55px;
  background-image: url("../images/icons/forklift.svg"); }
#container {
  position: absolute;
  width: 150px;
  height: 150px;
  right: calc(100% + 80px);
  top: -56px;
  transform: rotate(90deg); }
#container.center {
  position: relative;
  right: 0;
  top: 20px; }
.calloutLabel.center {
  margin-left: auto;
  margin-right: auto;
  top: 30px;
  padding-bottom: 30px;
  right: 0;
  position: relative; }
#halfclip {
  width: 50%;
  height: 100%;
  right: 0px;
  position: absolute;
  overflow: hidden;
  transform-origin: left center;
  animation: cliprotate 0.5s steps(2) 1;
  -webkit-animation: cliprotate 0.5s steps(2) 1; }
.halfcircle {
  box-sizing: border-box;
  height: 100%;
  right: 0px;
  position: absolute;
  border: solid 4px transparent;
  border-top-color: #FFD039;
  border-left-color: #FFD039;
  border-radius: 50%; }
.halfcircle.tophalf {
  transform: rotate(180deg); }
#clipped {
  width: 200%;
  animation: rotate .25s linear 2;
  -webkit-animation: rotate .25s linear 2; }
#fixed {
  width: 100%;
  transform: rotate(135deg);
  animation: showfixed 0.5s steps(2) 1;
  -webkit-animation: showfixed .5s linear 1; }
#fixedplus {
  width: 100%;
  transform: rotate(315deg);
  animation: showfixed 1s steps(2) 1;
  -webkit-animation: showfixed 1s linear 1; }
@-webkit-keyframes cliprotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes cliprotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes rotate {
  0% {
    transform: rotate(-45deg); }
  100% {
    transform: rotate(135deg); } }
@keyframes rotate {
  0% {
    transform: rotate(-45deg); }
  100% {
    transform: rotate(135deg); } }
@-webkit-keyframes showfixed {
  0% {
    opacity: 0; }
  49.9% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }
.callout .st0 {
  fill: #283DB2; }
.callout .line {
  position: absolute;
  width: 0px;
  height: 2px;
  background-color: #FFD039;
  right: 100%;
  top: calc(50% - 2px);
   }
@keyframes extendLine {
  from {
    width: 0px; }
  to {
    width: 80px; } }
.callout svg {
  transform: rotate(-90deg);
  position: absolute;
  top: 13px;
  right: 16px;
  height: 120px;
  width: 120px;
  fill-opacity: 0;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration: 1;
  animation-name: fillInSVG;
  animation-duration: 0.6s;
  animation-delay: 0.4s; }
@keyframes fillInSVG {
  from {
    fill-opacity: 0; }
  to {
    fill-opacity: 1; } }
.calloutLabel {
  position: absolute;
  right: 479px;
  top: 100px;
  width: 175px;
  word-break: break-all;
  font-weight: bold; }
.font-size_xx-large {
  font-size: xx-large; }
.font-size_x-large {
  font-size: x-large; }
.font-size_large {
  font-size: large; }
.font-size_medium {
  font-size: medium; }
.blinking {
  animation: blinkingText 2s infinite; }
@keyframes blinkingText {
  10% {
    color: transparent; }
  0% {
    color: black; } }
div.flex {
  display: flex; }
.automation-report-success {
  background-color: green; }
.automation-report-failed {
  background-color: red; }
.automation-report {
  vertical-align: middle;
  height: 30px;
  width: 27px;
  background-image: url("../images/icons/report.svg"); }
.inline-cancel-button {
  vertical-align: middle;
  height: 27px;
  width: 27px;
  background-image: url("../images/icons/cancel-red.svg"); }
.automation-column, .application-deployment-column {
  text-align: center;
  width: 200px; }
.application-deployment-deploy {
  vertical-align: middle;
  height: 27px;
  width: 27px;
  background-image: url("../images/icons/play.svg");
  background-color: green; }
.application-deployment-checkmark {
  vertical-align: middle;
  height: 22px;
  width: 27px;
  background-image: url("../images/icons/check-green.svg"); }