@charset "UTF-8";
body .badge-base, body.dark .badge, body.bright .badge {
  border-radius: 10px;
  padding: 1px 4px;
  font-size: 76%;
  margin-right: 2px;
  white-space: nowrap;
}
body.bright {
  background-color: #f5f5f5;
}
body.bright a {
  color: #4ad;
  text-decoration: none;
}
body.bright .header {
  color: inherit;
}
body.bright hr {
  border-color: rgb(168.5, 168.5, 168.5);
}
body.bright .bg, body.bright .layergroup .container, .layergroup body.bright .container, body.bright .layergroup .layer-options, .layergroup body.bright .layer-options, body.bright #workspace, body.bright .nyx .queryresults table, .nyx .queryresults body.bright table, body.bright .nyx div.ctrl .searchitems #selection-list, .nyx div.ctrl .searchitems body.bright #selection-list, body.bright .nyx dialog div.dialog-body .dialog-icon, .nyx dialog div.dialog-body body.bright .dialog-icon, body.bright .sticky, body.bright .panel .errors, .panel body.bright .errors, body.bright .panel .tooltips, .panel body.bright .tooltips {
  background-color: #f5f5f5;
  color: #555;
  border-style: solid;
  border-color: rgb(168.5, 168.5, 168.5);
  /* Firefox */
  /* Chrome, Edge, and Safari */
}
body.bright .bg.container, body.bright .layergroup .container, .layergroup body.bright .container, body.bright .container#workspace, body.bright .nyx .queryresults table.container, .nyx .queryresults body.bright table.container, body.bright .nyx div.ctrl .searchitems .container#selection-list, .nyx div.ctrl .searchitems body.bright .container#selection-list, body.bright .nyx dialog div.dialog-body .container.dialog-icon, .nyx dialog div.dialog-body body.bright .container.dialog-icon, body.bright .container.sticky, body.bright .panel .container.errors, .panel body.bright .container.errors, body.bright .panel .container.tooltips, .panel body.bright .container.tooltips {
  /*background-color: darken($bg-color,10%);*/
  border-color: rgb(168.5, 168.5, 168.5);
}
body.bright .bg *, body.bright .layergroup .container *, .layergroup body.bright .container *, body.bright .layergroup .layer-options *, .layergroup body.bright .layer-options *, body.bright #workspace *, body.bright .nyx .queryresults table *, .nyx .queryresults body.bright table *, body.bright .nyx div.ctrl .searchitems #selection-list *, .nyx div.ctrl .searchitems body.bright #selection-list *, body.bright .nyx dialog div.dialog-body .dialog-icon *, .nyx dialog div.dialog-body body.bright .dialog-icon *, body.bright .sticky *, body.bright .panel .errors *, .panel body.bright .errors *, body.bright .panel .tooltips *, .panel body.bright .tooltips * {
  scrollbar-width: thin;
  scrollbar-color: #999 #f5f5f5;
}
body.bright .bg *::-webkit-scrollbar, body.bright .layergroup .container *::-webkit-scrollbar, .layergroup body.bright .container *::-webkit-scrollbar, body.bright .layergroup .layer-options *::-webkit-scrollbar, .layergroup body.bright .layer-options *::-webkit-scrollbar, body.bright #workspace *::-webkit-scrollbar, body.bright .nyx .queryresults table *::-webkit-scrollbar, .nyx .queryresults body.bright table *::-webkit-scrollbar, body.bright .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar, .nyx div.ctrl .searchitems body.bright #selection-list *::-webkit-scrollbar, body.bright .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar, .nyx dialog div.dialog-body body.bright .dialog-icon *::-webkit-scrollbar, body.bright .sticky *::-webkit-scrollbar, body.bright .panel .errors *::-webkit-scrollbar, .panel body.bright .errors *::-webkit-scrollbar, body.bright .panel .tooltips *::-webkit-scrollbar, .panel body.bright .tooltips *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.bright .bg *::-webkit-scrollbar-track, body.bright .layergroup .container *::-webkit-scrollbar-track, .layergroup body.bright .container *::-webkit-scrollbar-track, body.bright .layergroup .layer-options *::-webkit-scrollbar-track, .layergroup body.bright .layer-options *::-webkit-scrollbar-track, body.bright #workspace *::-webkit-scrollbar-track, body.bright .nyx .queryresults table *::-webkit-scrollbar-track, .nyx .queryresults body.bright table *::-webkit-scrollbar-track, body.bright .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-track, .nyx div.ctrl .searchitems body.bright #selection-list *::-webkit-scrollbar-track, body.bright .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-track, .nyx dialog div.dialog-body body.bright .dialog-icon *::-webkit-scrollbar-track, body.bright .sticky *::-webkit-scrollbar-track, body.bright .panel .errors *::-webkit-scrollbar-track, .panel body.bright .errors *::-webkit-scrollbar-track, body.bright .panel .tooltips *::-webkit-scrollbar-track, .panel body.bright .tooltips *::-webkit-scrollbar-track {
  background: transparent; /*$bg-color;*/
}
body.bright .bg *::-webkit-scrollbar-corner, body.bright .layergroup .container *::-webkit-scrollbar-corner, .layergroup body.bright .container *::-webkit-scrollbar-corner, body.bright .layergroup .layer-options *::-webkit-scrollbar-corner, .layergroup body.bright .layer-options *::-webkit-scrollbar-corner, body.bright #workspace *::-webkit-scrollbar-corner, body.bright .nyx .queryresults table *::-webkit-scrollbar-corner, .nyx .queryresults body.bright table *::-webkit-scrollbar-corner, body.bright .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-corner, .nyx div.ctrl .searchitems body.bright #selection-list *::-webkit-scrollbar-corner, body.bright .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-corner, .nyx dialog div.dialog-body body.bright .dialog-icon *::-webkit-scrollbar-corner, body.bright .sticky *::-webkit-scrollbar-corner, body.bright .panel .errors *::-webkit-scrollbar-corner, .panel body.bright .errors *::-webkit-scrollbar-corner, body.bright .panel .tooltips *::-webkit-scrollbar-corner, .panel body.bright .tooltips *::-webkit-scrollbar-corner {
  background: #f5f5f5;
}
body.bright .bg *::-webkit-scrollbar-thumb, body.bright .layergroup .container *::-webkit-scrollbar-thumb, .layergroup body.bright .container *::-webkit-scrollbar-thumb, body.bright .layergroup .layer-options *::-webkit-scrollbar-thumb, .layergroup body.bright .layer-options *::-webkit-scrollbar-thumb, body.bright #workspace *::-webkit-scrollbar-thumb, body.bright .nyx .queryresults table *::-webkit-scrollbar-thumb, .nyx .queryresults body.bright table *::-webkit-scrollbar-thumb, body.bright .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-thumb, .nyx div.ctrl .searchitems body.bright #selection-list *::-webkit-scrollbar-thumb, body.bright .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-thumb, .nyx dialog div.dialog-body body.bright .dialog-icon *::-webkit-scrollbar-thumb, body.bright .sticky *::-webkit-scrollbar-thumb, body.bright .panel .errors *::-webkit-scrollbar-thumb, .panel body.bright .errors *::-webkit-scrollbar-thumb, body.bright .panel .tooltips *::-webkit-scrollbar-thumb, .panel body.bright .tooltips *::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 10px;
  border: 2px solid #f5f5f5;
}
body.bright .sticky, body.bright .panel .errors, .panel body.bright .errors, body.bright .panel .tooltips, .panel body.bright .tooltips {
  box-shadow: 0px 10px 6px #f5f5f5;
}
body.bright .toolbar {
  background-color: white;
}
body.bright .nyx-dash-cell .nyx-dash-card.dash-selected,
body.bright .nyx-dash-cell .nyx-dash-legend-item.dash-selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .nyx-dash-cell .nyx-dash-card.dash-selected .nyx-dash-card-value {
  color: rgb(229.5, 229.5, 229.5) !important;
}
body.bright .nyx-dash-cell .nyx-dash-tl-slot.dash-selected {
  fill: rgb(93.5, 93.5, 93.5);
}
body.bright .nyx-dash-cell .nyx-dash-card.dash-partial,
body.bright .nyx-dash-cell .nyx-dash-legend-item.dash-partial {
  background-color: rgb(215.6, 215.6, 215.6);
}
body.bright .nyx-dash-cell .nyx-dash-tl-slot.dash-partial {
  fill: rgb(215.6, 215.6, 215.6);
}
body.bright .nyx-dash-cell .nyx-dash-tool.active {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .table {
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #ccc;
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-0 {
  background-color: rgb(251.1, 183.9, 183.9);
  color: rgb(155.9, 88.7, 88.7);
}
body.bright .td.state-0.hover {
  background-color: rgb(248.448, 135.552, 135.552);
  color: rgb(123.3942763696, 70.2057236304, 70.2057236304);
}
body.bright .td.state-0.selected {
  color: rgb(248.448, 135.552, 135.552);
  background-color: rgb(123.3942763696, 70.2057236304, 70.2057236304);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-0 {
  background-color: rgb(243.96, 176.76, 176.76);
  color: rgb(155.9, 88.7, 88.7);
}
body.bright .th.state-0.hover {
  background-color: rgb(237.6535483871, 132.0664516129, 132.0664516129);
  color: rgb(123.3942763696, 70.2057236304, 70.2057236304);
}
body.bright .th.state-0.selected {
  color: rgb(237.6535483871, 132.0664516129, 132.0664516129);
  background-color: rgb(123.3942763696, 70.2057236304, 70.2057236304);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-1 {
  background-color: rgb(251.1, 206.4, 183.9);
  color: rgb(155.9, 111.2, 88.7);
}
body.bright .td.state-1.hover {
  background-color: rgb(248.448, 173.352, 135.552);
  color: rgb(123.3942763696, 88.0143908422, 70.2057236304);
}
body.bright .td.state-1.selected {
  color: rgb(248.448, 173.352, 135.552);
  background-color: rgb(123.3942763696, 88.0143908422, 70.2057236304);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-1 {
  background-color: rgb(243.96, 199.26, 176.76);
  color: rgb(155.9, 111.2, 88.7);
}
body.bright .th.state-1.hover {
  background-color: rgb(237.6535483871, 167.4192741935, 132.0664516129);
  color: rgb(123.3942763696, 88.0143908422, 70.2057236304);
}
body.bright .th.state-1.selected {
  color: rgb(237.6535483871, 167.4192741935, 132.0664516129);
  background-color: rgb(123.3942763696, 88.0143908422, 70.2057236304);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-2 {
  background-color: rgb(251.1, 226.8, 183.9);
  color: rgb(155.9, 131.6, 88.7);
}
body.bright .td.state-2.hover {
  background-color: rgb(248.448, 207.624, 135.552);
  color: rgb(123.3942763696, 104.1609157809, 70.2057236304);
}
body.bright .td.state-2.selected {
  color: rgb(248.448, 207.624, 135.552);
  background-color: rgb(123.3942763696, 104.1609157809, 70.2057236304);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-2 {
  background-color: rgb(243.96, 219.66, 176.76);
  color: rgb(155.9, 131.6, 88.7);
}
body.bright .th.state-2.hover {
  background-color: rgb(237.6535483871, 199.4725, 132.0664516129);
  color: rgb(123.3942763696, 104.1609157809, 70.2057236304);
}
body.bright .th.state-2.selected {
  color: rgb(237.6535483871, 199.4725, 132.0664516129);
  background-color: rgb(123.3942763696, 104.1609157809, 70.2057236304);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-3 {
  background-color: rgb(251.1, 237.6, 183.9);
  color: rgb(155.9, 142.4, 88.7);
}
body.bright .td.state-3.hover {
  background-color: rgb(248.448, 225.768, 135.552);
  color: rgb(123.3942763696, 112.7090760425, 70.2057236304);
}
body.bright .td.state-3.selected {
  color: rgb(248.448, 225.768, 135.552);
  background-color: rgb(123.3942763696, 112.7090760425, 70.2057236304);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-3 {
  background-color: rgb(243.96, 230.46, 176.76);
  color: rgb(155.9, 142.4, 88.7);
}
body.bright .th.state-3.hover {
  background-color: rgb(237.6535483871, 216.4418548387, 132.0664516129);
  color: rgb(123.3942763696, 112.7090760425, 70.2057236304);
}
body.bright .th.state-3.selected {
  color: rgb(237.6535483871, 216.4418548387, 132.0664516129);
  background-color: rgb(123.3942763696, 112.7090760425, 70.2057236304);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-4 {
  background-color: rgb(234, 241.8, 178.5);
  color: rgb(138.8, 146.6, 83.3);
}
body.bright .td.state-4.hover {
  background-color: rgb(222.0602006689, 234.2949832776, 135.0050167224);
  color: rgb(108.0092214006, 114.0789038712, 64.8210961288);
}
body.bright .td.state-4.selected {
  color: rgb(222.0602006689, 234.2949832776, 135.0050167224);
  background-color: rgb(108.0092214006, 114.0789038712, 64.8210961288);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-4 {
  background-color: rgb(226.86, 234.66, 171.36);
  color: rgb(138.8, 146.6, 83.3);
}
body.bright .th.state-4.hover {
  background-color: rgb(213.0579226774, 224.6836583958, 130.3363416042);
  color: rgb(108.0092214006, 114.0789038712, 64.8210961288);
}
body.bright .th.state-4.selected {
  color: rgb(213.0579226774, 224.6836583958, 130.3363416042);
  background-color: rgb(108.0092214006, 114.0789038712, 64.8210961288);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-5 {
  background-color: rgb(179.4, 243.9, 208.8);
  color: rgb(84.2, 148.7, 113.6);
}
body.bright .td.state-5.hover {
  background-color: rgb(134.9294117647, 237.3705882353, 181.6235294118);
  color: rgb(65.7620437956, 116.1379562044, 88.7240875912);
}
body.bright .td.state-5.selected {
  color: rgb(134.9294117647, 237.3705882353, 181.6235294118);
  background-color: rgb(65.7620437956, 116.1379562044, 88.7240875912);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-5 {
  background-color: rgb(172.26, 236.76, 201.66);
  color: rgb(84.2, 148.7, 113.6);
}
body.bright .th.state-5.hover {
  background-color: rgb(130.4721212121, 227.5478787879, 174.7206060606);
  color: rgb(65.7620437956, 116.1379562044, 88.7240875912);
}
body.bright .th.state-5.selected {
  color: rgb(130.4721212121, 227.5478787879, 174.7206060606);
  background-color: rgb(65.7620437956, 116.1379562044, 88.7240875912);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-6 {
  background-color: rgb(182.1, 224.4, 217.5);
  color: rgb(86.9, 129.2, 122.3);
}
body.bright .td.state-6.hover {
  background-color: rgb(146.1782608696, 209.3217391304, 199.0217391304);
  color: rgb(66.3914391485, 98.7085608515, 93.4369736233);
}
body.bright .td.state-6.selected {
  color: rgb(146.1782608696, 209.3217391304, 199.0217391304);
  background-color: rgb(66.3914391485, 98.7085608515, 93.4369736233);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-6 {
  background-color: rgb(174.96, 217.26, 210.36);
  color: rgb(86.9, 129.2, 122.3);
}
body.bright .th.state-6.hover {
  background-color: rgb(140.3018237392, 200.9181762608, 191.0304024452);
  color: rgb(66.3914391485, 98.7085608515, 93.4369736233);
}
body.bright .th.state-6.selected {
  color: rgb(140.3018237392, 200.9181762608, 191.0304024452);
  background-color: rgb(66.3914391485, 98.7085608515, 93.4369736233);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-7 {
  background-color: rgb(184.8, 207.6, 225.3);
  color: rgb(89.6, 112.4, 130.1);
}
body.bright .td.state-7.hover {
  background-color: rgb(148.9621621622, 183.4018018018, 210.1378378378);
  color: rgb(68.8007282658, 86.3080564406, 99.8992717342);
}
body.bright .td.state-7.selected {
  color: rgb(148.9621621622, 183.4018018018, 210.1378378378);
  background-color: rgb(68.8007282658, 86.3080564406, 99.8992717342);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-7 {
  background-color: rgb(177.66, 200.46, 218.16);
  color: rgb(89.6, 112.4, 130.1);
}
body.bright .th.state-7.hover {
  background-color: rgb(143.1150709406, 176.0989910667, 201.7049290594);
  color: rgb(68.8007282658, 86.3080564406, 99.8992717342);
}
body.bright .th.state-7.selected {
  color: rgb(143.1150709406, 176.0989910667, 201.7049290594);
  background-color: rgb(68.8007282658, 86.3080564406, 99.8992717342);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-8 {
  background-color: rgb(194.4, 188.1, 228.9);
  color: rgb(99.2, 92.9, 133.7);
}
body.bright .td.state-8.hover {
  background-color: rgb(161.1677419355, 151.4129032258, 214.5870967742);
  color: rgb(76.8734333628, 71.9913503972, 103.6086496028);
}
body.bright .td.state-8.selected {
  color: rgb(161.1677419355, 151.4129032258, 214.5870967742);
  background-color: rgb(76.8734333628, 71.9913503972, 103.6086496028);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-8 {
  background-color: rgb(187.26, 180.96, 221.76);
  color: rgb(99.2, 92.9, 133.7);
}
body.bright .th.state-8.hover {
  background-color: rgb(155.0569798658, 145.7620134228, 205.9579865772);
  color: rgb(76.8734333628, 71.9913503972, 103.6086496028);
}
body.bright .th.state-8.selected {
  color: rgb(155.0569798658, 145.7620134228, 205.9579865772);
  background-color: rgb(76.8734333628, 71.9913503972, 103.6086496028);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-9 {
  background-color: rgb(217.2, 183.6, 226.5);
  color: rgb(122, 88.4, 131.3);
}
body.bright .td.state-9.hover {
  background-color: rgb(197.9027027027, 147.1495495495, 211.9504504505);
  color: rgb(93.6795630405, 67.8792899408, 100.8207100592);
}
body.bright .td.state-9.selected {
  color: rgb(197.9027027027, 147.1495495495, 211.9504504505);
  background-color: rgb(93.6795630405, 67.8792899408, 100.8207100592);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-9 {
  background-color: rgb(210.06, 176.46, 219.36);
  color: rgb(122, 88.4, 131.3);
}
body.bright .th.state-9.hover {
  background-color: rgb(189.9869574356, 141.3790751445, 203.4409248555);
  color: rgb(93.6795630405, 67.8792899408, 100.8207100592);
}
body.bright .th.state-9.selected {
  color: rgb(189.9869574356, 141.3790751445, 203.4409248555);
  background-color: rgb(93.6795630405, 67.8792899408, 100.8207100592);
}
body.bright .caption, body.bright .nyx .queryresults table th, .nyx .queryresults table body.bright th {
  background-color: rgb(232.25, 232.25, 232.25);
  color: #555;
}
body.bright .erroritem {
  color: #cf4646;
  background-color: rgb(249.025751073, 231.974248927, 231.974248927);
  border: 1px solid #cf4646;
  border-radius: 4px;
  padding: 6px 4px;
  margin: 3px;
}
body.bright .edit, body.bright .nyx input, .nyx body.bright input, body.bright .nyx textarea, .nyx body.bright textarea, body.bright .nyx select, .nyx body.bright select, body.bright .item {
  border-color: rgb(168.5, 168.5, 168.5);
  background-color: white;
  color: #333;
  border-style: solid;
}
body.bright .edit.highlite, body.bright .nyx input.highlite, .nyx body.bright input.highlite, body.bright .nyx textarea.highlite, .nyx body.bright textarea.highlite, body.bright .nyx select.highlite, .nyx body.bright select.highlite, body.bright .edit:hover, body.bright .nyx input:hover, .nyx body.bright input:hover, body.bright .nyx textarea:hover, .nyx body.bright textarea:hover, body.bright .nyx select:hover, .nyx body.bright select:hover, body.bright .edit:focus, body.bright .nyx input:focus, .nyx body.bright input:focus, body.bright .nyx textarea:focus, .nyx body.bright textarea:focus, body.bright .nyx select:focus, .nyx body.bright select:focus, body.bright .item.highlite, body.bright .item:hover, body.bright .item:focus {
  background-color: white;
  border: 1px solid #0db5ff;
  outline: 1px solid #0db5ff;
  /*box-shadow: 0px 0px 3px lighten($item-focus-color,10%);*/
}
body.bright .edit.error, body.bright .nyx input.error, .nyx body.bright input.error, body.bright .nyx textarea.error, .nyx body.bright textarea.error, body.bright .nyx select.error, .nyx body.bright select.error, body.bright .item.error {
  color: #cf4646;
  border-color: #cf4646;
  background-color: rgb(249.025751073, 231.974248927, 231.974248927);
}
body.bright .edit.error:hover, body.bright .nyx input.error:hover, .nyx body.bright input.error:hover, body.bright .nyx textarea.error:hover, .nyx body.bright textarea.error:hover, body.bright .nyx select.error:hover, .nyx body.bright select.error:hover, body.bright .edit.error:focus, body.bright .nyx input.error:focus, .nyx body.bright input.error:focus, body.bright .nyx textarea.error:focus, .nyx body.bright textarea.error:focus, body.bright .nyx select.error:focus, .nyx body.bright select.error:focus, body.bright .item.error:hover, body.bright .item.error:focus {
  background-color: #cf4646;
  background: rgb(249.025751073, 231.974248927, 231.974248927);
  border: 1px solid #cf4646;
  outline: 1px solid #cf4646;
  /*box-shadow: 0px 0px 3px $error-color;*/
}
body.bright .edit.mandatory, body.bright .nyx input.mandatory, .nyx body.bright input.mandatory, body.bright .nyx textarea.mandatory, .nyx body.bright textarea.mandatory, body.bright .nyx select.mandatory, .nyx body.bright select.mandatory, body.bright .item.mandatory {
  color: #fb9d00;
  border-color: #fb9d00;
  background-color: rgb(255, 234.4023904382, 200);
}
body.bright .edit.mandatory:hover, body.bright .nyx input.mandatory:hover, .nyx body.bright input.mandatory:hover, body.bright .nyx textarea.mandatory:hover, .nyx body.bright textarea.mandatory:hover, body.bright .nyx select.mandatory:hover, .nyx body.bright select.mandatory:hover, body.bright .edit.mandatory:focus, body.bright .nyx input.mandatory:focus, .nyx body.bright input.mandatory:focus, body.bright .nyx textarea.mandatory:focus, .nyx body.bright textarea.mandatory:focus, body.bright .nyx select.mandatory:focus, .nyx body.bright select.mandatory:focus, body.bright .item.mandatory:hover, body.bright .item.mandatory:focus {
  background-color: #fb9d00;
  background: rgb(255, 234.4023904382, 200);
  border: 1px solid #fb9d00;
  outline: 1px solid #fb9d00;
  /*box-shadow: 0px 0px 3px $mandatory-color;*/
}
body.bright .list {
  border-color: rgb(168.5, 168.5, 168.5);
}
body.bright .badge.info {
  background-color: #0097d9;
  border: 1px solid rgb(0, 115.5115207373, 166);
  color: #fff;
}
body.bright .badge.warn {
  background-color: #fb9d00;
  border: 1px solid rgb(200, 125.0996015936, 0);
  color: #fff;
}
body.bright label {
  color: rgba(0, 0, 0, 0.6);
}
body.bright .btn, body.bright .sel-btn#select_right, body.bright .sel-btn#select_center, body.bright .sel-btn#open_list, body.bright .sel-btn#toggle_zoomto, body.bright .sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item body.bright button.deleteitem, body.bright .nyx div.ctrl .searchitems .item, .nyx div.ctrl .searchitems body.bright .item, body.bright .nyx div.ctrl.list div.items div.item button, .nyx div.ctrl.list div.items div.item body.bright button, body.bright .nyx div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items body.bright div.item, body.bright .nyx div.ctrl .image .clear, .nyx div.ctrl .image body.bright .clear, body.bright .searchitems .item {
  font-size: 100%;
  padding: 5px;
  background-color: #f4f4f4;
  color: #333;
  border-style: solid;
  border-color: rgb(168.5, 168.5, 168.5);
}
body.bright .btn:focus, body.bright .sel-btn#select_right:focus, body.bright .sel-btn#select_center:focus, body.bright .sel-btn#open_list:focus, body.bright .sel-btn#toggle_zoomto:focus, body.bright .sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.deleteitem:focus, .nyx div.ctrl .searchitems body.bright .item:focus, body.bright .nyx div.ctrl.list div.items div.item button:focus, .nyx div.ctrl.list div.items div.item body.bright button:focus, body.bright .nyx div.ctrl.list div.items div.item:focus, .nyx div.ctrl.list div.items body.bright div.item:focus, body.bright .nyx div.ctrl .image .clear:focus, .nyx div.ctrl .image body.bright .clear:focus, body.bright .searchitems .item:focus {
  outline: 2px solid #0db5ff;
  border-color: rgba(43, 77, 92, 0.5411764706);
}
body.bright .btn:hover, body.bright .sel-btn#select_right:hover, body.bright .sel-btn#select_center:hover, body.bright .sel-btn#open_list:hover, body.bright .sel-btn#toggle_zoomto:hover, body.bright .sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.deleteitem:hover, .nyx div.ctrl .searchitems body.bright .item:hover, body.bright .nyx div.ctrl.list div.items div.item button:hover, .nyx div.ctrl.list div.items div.item body.bright button:hover, body.bright .nyx div.ctrl.list div.items div.item:hover, .nyx div.ctrl.list div.items body.bright div.item:hover, body.bright .nyx div.ctrl .image .clear:hover, .nyx div.ctrl .image body.bright .clear:hover, body.bright .searchitems .item:hover {
  background-color: white;
}
body.bright .btn.add, body.bright .add.sel-btn#select_right, body.bright .add.sel-btn#select_center, body.bright .add.sel-btn#open_list, body.bright .add.sel-btn#toggle_zoomto, body.bright .add.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.add.deleteitem, .list.checklist div.items .checklist-item body.bright button.add.deleteitem, .nyx div.ctrl .searchitems body.bright .add.item, body.bright .nyx div.ctrl.list div.items div.item button.add, body.bright .nyx div.ctrl.list div.items div.item button.copyitem, .nyx div.ctrl.list div.items div.item body.bright button.add, .nyx div.ctrl.list div.items div.item body.bright button.copyitem, body.bright .nyx div.ctrl.list div.items div.add.item, .nyx div.ctrl.list div.items body.bright div.add.item, body.bright .nyx div.ctrl .image .add.clear, .nyx div.ctrl .image body.bright .add.clear, .nyx div.ctrl.list .image body.bright div.items div.item button.clear.copyitem, body.bright .searchitems .item.add {
  background-color: #008952;
  color: #fff;
  border-color: rgb(0, 111.5, 66.7372262774);
}
body.bright .btn.add:hover, body.bright .add.sel-btn#select_right:hover, body.bright .add.sel-btn#select_center:hover, body.bright .add.sel-btn#open_list:hover, body.bright .add.sel-btn#toggle_zoomto:hover, body.bright .add.sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.add.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.add.deleteitem:hover, .nyx div.ctrl .searchitems body.bright .add.item:hover, body.bright .nyx div.ctrl.list div.items div.item button.add:hover, body.bright .nyx div.ctrl.list div.items div.item button.copyitem:hover, .nyx div.ctrl.list div.items div.item body.bright button.add:hover, .nyx div.ctrl.list div.items div.item body.bright button.copyitem:hover, body.bright .nyx div.ctrl.list div.items div.add.item:hover, .nyx div.ctrl.list div.items body.bright div.add.item:hover, body.bright .nyx div.ctrl .image .add.clear:hover, .nyx div.ctrl .image body.bright .add.clear:hover, .nyx div.ctrl.list .image body.bright div.items div.item button.clear.copyitem:hover, body.bright .btn.add:focus, body.bright .add.sel-btn#select_right:focus, body.bright .add.sel-btn#select_center:focus, body.bright .add.sel-btn#open_list:focus, body.bright .add.sel-btn#toggle_zoomto:focus, body.bright .add.sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.add.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.add.deleteitem:focus, .nyx div.ctrl .searchitems body.bright .add.item:focus, body.bright .nyx div.ctrl.list div.items div.item button.add:focus, body.bright .nyx div.ctrl.list div.items div.item button.copyitem:focus, .nyx div.ctrl.list div.items div.item body.bright button.add:focus, .nyx div.ctrl.list div.items div.item body.bright button.copyitem:focus, body.bright .nyx div.ctrl.list div.items div.add.item:focus, .nyx div.ctrl.list div.items body.bright div.add.item:focus, body.bright .nyx div.ctrl .image .add.clear:focus, .nyx div.ctrl .image body.bright .add.clear:focus, .nyx div.ctrl.list .image body.bright div.items div.item button.clear.copyitem:focus, body.bright .searchitems .item.add:hover, body.bright .searchitems .item.add:focus {
  background-color: rgb(0, 213.5, 127.7883211679);
  border-color: rgb(0, 188, 112.5255474453);
}
body.bright .btn.add.selected, body.bright .add.selected.sel-btn#select_right, body.bright .add.selected.sel-btn#select_center, body.bright .add.selected.sel-btn#open_list, body.bright .add.selected.sel-btn#toggle_zoomto, body.bright .add.selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.add.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.add.selected.deleteitem, .nyx div.ctrl .searchitems body.bright .add.selected.item, body.bright .nyx div.ctrl.list div.items div.item button.add.selected, body.bright .nyx div.ctrl.list div.items div.item button.selected.copyitem, .nyx div.ctrl.list div.items div.item body.bright button.add.selected, .nyx div.ctrl.list div.items div.item body.bright button.selected.copyitem, body.bright .nyx div.ctrl.list div.items div.add.selected.item, .nyx div.ctrl.list div.items body.bright div.add.selected.item, body.bright .nyx div.ctrl .image .add.selected.clear, .nyx div.ctrl .image body.bright .add.selected.clear, .nyx div.ctrl.list .image body.bright div.items div.item button.selected.clear.copyitem, body.bright .searchitems .item.add.selected {
  background-color: #fff;
  color: #008952;
  text-shadow: rgb(127.5, 196, 168.5) 0px 0 5px;
}
body.bright .btn.save, body.bright .btn#sign-in.signed-in, body.bright .save.sel-btn#select_right, body.bright .save.sel-btn#select_center, body.bright .save.sel-btn#open_list, body.bright .save.sel-btn#toggle_zoomto, body.bright .save.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.save.deleteitem, body.bright .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in, .list.checklist div.items .checklist-item body.bright button.save.deleteitem, .list.checklist div.items .checklist-item body.bright button.deleteitem#sign-in.signed-in, .nyx div.ctrl .searchitems body.bright .save.item, .nyx div.ctrl .searchitems body.bright .item#sign-in.signed-in, body.bright .nyx div.ctrl.list div.items div.item button.save, body.bright .nyx div.ctrl.list div.items div.item button#sign-in.signed-in, .nyx div.ctrl.list div.items div.item body.bright button.save, .nyx div.ctrl.list div.items div.item body.bright button#sign-in.signed-in, body.bright .nyx div.ctrl.list div.items div.save.item, body.bright .nyx div.ctrl.list div.items div.item#sign-in.signed-in, .nyx div.ctrl.list div.items body.bright div.save.item, .nyx div.ctrl.list div.items body.bright div.item#sign-in.signed-in, body.bright .nyx div.ctrl .image .save.clear, body.bright .nyx div.ctrl .image .clear#sign-in.signed-in, .nyx div.ctrl .image body.bright .save.clear, .nyx div.ctrl .image body.bright .clear#sign-in.signed-in, body.bright .searchitems .item.save, body.bright .searchitems .item#sign-in.signed-in {
  background-color: #fb9d00;
  color: #fff;
  border-color: rgb(225.5, 141.0498007968, 0);
}
body.bright .btn.save:hover, body.bright .btn#sign-in.signed-in:hover, body.bright .save.sel-btn#select_right:hover, body.bright .save.sel-btn#select_center:hover, body.bright .save.sel-btn#open_list:hover, body.bright .save.sel-btn#toggle_zoomto:hover, body.bright .save.sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.save.deleteitem:hover, body.bright .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in:hover, .list.checklist div.items .checklist-item body.bright button.save.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.deleteitem#sign-in.signed-in:hover, .nyx div.ctrl .searchitems body.bright .save.item:hover, .nyx div.ctrl .searchitems body.bright .item#sign-in.signed-in:hover, body.bright .nyx div.ctrl.list div.items div.item button.save:hover, body.bright .nyx div.ctrl.list div.items div.item button#sign-in.signed-in:hover, .nyx div.ctrl.list div.items div.item body.bright button.save:hover, .nyx div.ctrl.list div.items div.item body.bright button#sign-in.signed-in:hover, body.bright .nyx div.ctrl.list div.items div.save.item:hover, body.bright .nyx div.ctrl.list div.items div.item#sign-in.signed-in:hover, .nyx div.ctrl.list div.items body.bright div.save.item:hover, .nyx div.ctrl.list div.items body.bright div.item#sign-in.signed-in:hover, body.bright .nyx div.ctrl .image .save.clear:hover, body.bright .nyx div.ctrl .image .clear#sign-in.signed-in:hover, .nyx div.ctrl .image body.bright .save.clear:hover, .nyx div.ctrl .image body.bright .clear#sign-in.signed-in:hover, body.bright .btn.save:focus, body.bright .btn#sign-in.signed-in:focus, body.bright .save.sel-btn#select_right:focus, body.bright .save.sel-btn#select_center:focus, body.bright .save.sel-btn#open_list:focus, body.bright .save.sel-btn#toggle_zoomto:focus, body.bright .save.sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.save.deleteitem:focus, body.bright .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in:focus, .list.checklist div.items .checklist-item body.bright button.save.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.deleteitem#sign-in.signed-in:focus, .nyx div.ctrl .searchitems body.bright .save.item:focus, .nyx div.ctrl .searchitems body.bright .item#sign-in.signed-in:focus, body.bright .nyx div.ctrl.list div.items div.item button.save:focus, body.bright .nyx div.ctrl.list div.items div.item button#sign-in.signed-in:focus, .nyx div.ctrl.list div.items div.item body.bright button.save:focus, .nyx div.ctrl.list div.items div.item body.bright button#sign-in.signed-in:focus, body.bright .nyx div.ctrl.list div.items div.save.item:focus, body.bright .nyx div.ctrl.list div.items div.item#sign-in.signed-in:focus, .nyx div.ctrl.list div.items body.bright div.save.item:focus, .nyx div.ctrl.list div.items body.bright div.item#sign-in.signed-in:focus, body.bright .nyx div.ctrl .image .save.clear:focus, body.bright .nyx div.ctrl .image .clear#sign-in.signed-in:focus, .nyx div.ctrl .image body.bright .save.clear:focus, .nyx div.ctrl .image body.bright .clear#sign-in.signed-in:focus, body.bright .searchitems .item.save:hover, body.bright .searchitems .item#sign-in.signed-in:hover, body.bright .searchitems .item.save:focus, body.bright .searchitems .item#sign-in.signed-in:focus {
  background-color: rgb(255, 186.6533864542, 72.5);
  border-color: rgb(255, 177.1035856574, 47);
}
body.bright .btn.save.selected, body.bright .btn.selected#sign-in.signed-in, body.bright .save.selected.sel-btn#select_right, body.bright .save.selected.sel-btn#select_center, body.bright .save.selected.sel-btn#open_list, body.bright .save.selected.sel-btn#toggle_zoomto, body.bright .save.selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.save.selected.deleteitem, body.bright .list.checklist div.items .checklist-item button.selected.deleteitem#sign-in.signed-in, .list.checklist div.items .checklist-item body.bright button.save.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.selected.deleteitem#sign-in.signed-in, .nyx div.ctrl .searchitems body.bright .save.selected.item, .nyx div.ctrl .searchitems body.bright .selected.item#sign-in.signed-in, body.bright .nyx div.ctrl.list div.items div.item button.save.selected, body.bright .nyx div.ctrl.list div.items div.item button.selected#sign-in.signed-in, .nyx div.ctrl.list div.items div.item body.bright button.save.selected, .nyx div.ctrl.list div.items div.item body.bright button.selected#sign-in.signed-in, body.bright .nyx div.ctrl.list div.items div.save.selected.item, body.bright .nyx div.ctrl.list div.items div.selected.item#sign-in.signed-in, .nyx div.ctrl.list div.items body.bright div.save.selected.item, .nyx div.ctrl.list div.items body.bright div.selected.item#sign-in.signed-in, body.bright .nyx div.ctrl .image .save.selected.clear, body.bright .nyx div.ctrl .image .selected.clear#sign-in.signed-in, .nyx div.ctrl .image body.bright .save.selected.clear, .nyx div.ctrl .image body.bright .selected.clear#sign-in.signed-in, body.bright .searchitems .item.save.selected, body.bright .searchitems .item.selected#sign-in.signed-in {
  background-color: #fff;
  color: #fb9d00;
  text-shadow: rgb(253, 206, 127.5) 0px 0 5px;
}
body.bright .btn.del, body.bright .del.sel-btn#select_right, body.bright .del.sel-btn#select_center, body.bright .del.sel-btn#open_list, body.bright .del.sel-btn#toggle_zoomto, body.bright .del.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item body.bright button.deleteitem, .nyx div.ctrl .searchitems body.bright .del.item, body.bright .nyx div.ctrl.list div.items div.item button.del, body.bright .nyx div.ctrl.list div.items div.item button.deleteitem, .nyx div.ctrl.list div.items div.item body.bright button.del, .nyx div.ctrl.list div.items div.item body.bright button.deleteitem, body.bright .nyx div.ctrl.list div.items div.del.item, .nyx div.ctrl.list div.items body.bright div.del.item, body.bright .nyx div.ctrl .image .clear, .nyx div.ctrl .image body.bright .clear, body.bright .searchitems .item.del {
  background-color: #c51700;
  color: #fff;
  border-color: rgb(171.5, 20.0228426396, 0);
}
body.bright .btn.del:hover, body.bright .del.sel-btn#select_right:hover, body.bright .del.sel-btn#select_center:hover, body.bright .del.sel-btn#open_list:hover, body.bright .del.sel-btn#toggle_zoomto:hover, body.bright .del.sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.deleteitem:hover, .nyx div.ctrl .searchitems body.bright .del.item:hover, body.bright .nyx div.ctrl.list div.items div.item button.del:hover, body.bright .nyx div.ctrl.list div.items div.item button.deleteitem:hover, .nyx div.ctrl.list div.items div.item body.bright button.del:hover, .nyx div.ctrl.list div.items div.item body.bright button.deleteitem:hover, body.bright .nyx div.ctrl.list div.items div.del.item:hover, .nyx div.ctrl.list div.items body.bright div.del.item:hover, body.bright .nyx div.ctrl .image .clear:hover, .nyx div.ctrl .image body.bright .clear:hover, body.bright .btn.del:focus, body.bright .del.sel-btn#select_right:focus, body.bright .del.sel-btn#select_center:focus, body.bright .del.sel-btn#open_list:focus, body.bright .del.sel-btn#toggle_zoomto:focus, body.bright .del.sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.deleteitem:focus, .nyx div.ctrl .searchitems body.bright .del.item:focus, body.bright .nyx div.ctrl.list div.items div.item button.del:focus, body.bright .nyx div.ctrl.list div.items div.item button.deleteitem:focus, .nyx div.ctrl.list div.items div.item body.bright button.del:focus, .nyx div.ctrl.list div.items div.item body.bright button.deleteitem:focus, body.bright .nyx div.ctrl.list div.items div.del.item:focus, .nyx div.ctrl.list div.items body.bright div.del.item:focus, body.bright .nyx div.ctrl .image .clear:focus, .nyx div.ctrl .image body.bright .clear:focus, body.bright .searchitems .item.del:hover, body.bright .searchitems .item.del:focus {
  background-color: rgb(255, 46.1116751269, 18.5);
  border-color: rgb(248, 28.9543147208, 0);
  /*box-shadow: 0px 0px 3px $btn-rem;*/
}
body.bright .btn.del.selected, body.bright .del.selected.sel-btn#select_right, body.bright .del.selected.sel-btn#select_center, body.bright .del.selected.sel-btn#open_list, body.bright .del.selected.sel-btn#toggle_zoomto, body.bright .del.selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.selected.deleteitem, .nyx div.ctrl .searchitems body.bright .del.selected.item, body.bright .nyx div.ctrl.list div.items div.item button.del.selected, body.bright .nyx div.ctrl.list div.items div.item button.selected.deleteitem, .nyx div.ctrl.list div.items div.item body.bright button.del.selected, .nyx div.ctrl.list div.items div.item body.bright button.selected.deleteitem, body.bright .nyx div.ctrl.list div.items div.del.selected.item, .nyx div.ctrl.list div.items body.bright div.del.selected.item, body.bright .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.bright .selected.clear, body.bright .searchitems .item.del.selected {
  background-color: #fff;
  color: #c51700;
  text-shadow: rgb(226, 139, 127.5) 0px 0 5px;
}
body.bright .btn.def, body.bright .def.sel-btn#select_right, body.bright .def.sel-btn#select_center, body.bright .def.sel-btn#open_list, body.bright .def.sel-btn#toggle_zoomto, body.bright .def.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.def.deleteitem, .list.checklist div.items .checklist-item body.bright button.def.deleteitem, .nyx div.ctrl .searchitems body.bright .def.item, .nyx div.ctrl.list body.bright div.items > div.btn.item, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_right, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_center, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#open_list, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#toggle_zoomto, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_left, .nyx div.ctrl.list body.bright .searchitems div.items > div.item, .nyx div.ctrl.list .searchitems body.bright div.items > div.item, body.bright .nyx div.ctrl.list div.items div.item button.def, .nyx div.ctrl.list div.items div.item body.bright button.def, body.bright .nyx div.ctrl.list div.items div.def.item, body.bright .nyx div.ctrl.list div.items > div.item, .nyx div.ctrl.list div.items body.bright div.def.item, .nyx div.ctrl.list div.items body.bright div.items > div.item, body.bright .nyx div.ctrl .image .def.clear, .nyx div.ctrl .image body.bright .def.clear, .nyx div.ctrl.list .image body.bright div.items > div.clear.item, body.bright .btn.highlite, body.bright .highlite.sel-btn#select_right, body.bright .highlite.sel-btn#select_center, body.bright .highlite.sel-btn#open_list, body.bright .highlite.sel-btn#toggle_zoomto, body.bright .highlite.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.highlite.deleteitem, .list.checklist div.items .checklist-item body.bright button.highlite.deleteitem, .nyx div.ctrl .searchitems body.bright .highlite.item, body.bright .nyx div.ctrl.list div.items div.item button.highlite, .nyx div.ctrl.list div.items div.item body.bright button.highlite, body.bright .nyx div.ctrl.list div.items div.highlite.item, .nyx div.ctrl.list div.items body.bright div.highlite.item, body.bright .nyx div.ctrl .image .highlite.clear, .nyx div.ctrl .image body.bright .highlite.clear, body.bright .searchitems .item.def, body.bright .searchitems .item.highlite {
  background-color: #0097d9;
  color: #fff;
  border-color: rgb(0, 133.2557603687, 191.5);
}
body.bright .btn.def:hover, body.bright .def.sel-btn#select_right:hover, body.bright .def.sel-btn#select_center:hover, body.bright .def.sel-btn#open_list:hover, body.bright .def.sel-btn#toggle_zoomto:hover, body.bright .def.sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.def.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.def.deleteitem:hover, .nyx div.ctrl .searchitems body.bright .def.item:hover, .nyx div.ctrl.list body.bright div.items > div.btn.item:hover, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_right:hover, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_center:hover, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#open_list:hover, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#toggle_zoomto:hover, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_left:hover, .nyx div.ctrl.list body.bright .searchitems div.items > div.item:hover, .nyx div.ctrl.list .searchitems body.bright div.items > div.item:hover, body.bright .nyx div.ctrl.list div.items div.item button.def:hover, .nyx div.ctrl.list div.items div.item body.bright button.def:hover, body.bright .nyx div.ctrl.list div.items div.def.item:hover, body.bright .nyx div.ctrl.list div.items > div.item:hover, .nyx div.ctrl.list div.items body.bright div.def.item:hover, .nyx div.ctrl.list div.items body.bright div.items > div.item:hover, body.bright .nyx div.ctrl .image .def.clear:hover, .nyx div.ctrl .image body.bright .def.clear:hover, .nyx div.ctrl.list .image body.bright div.items > div.clear.item:hover, body.bright .btn.def:focus, body.bright .def.sel-btn#select_right:focus, body.bright .def.sel-btn#select_center:focus, body.bright .def.sel-btn#open_list:focus, body.bright .def.sel-btn#toggle_zoomto:focus, body.bright .def.sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.def.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.def.deleteitem:focus, .nyx div.ctrl .searchitems body.bright .def.item:focus, .nyx div.ctrl.list body.bright div.items > div.btn.item:focus, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_right:focus, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_center:focus, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#open_list:focus, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#toggle_zoomto:focus, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_left:focus, .nyx div.ctrl.list body.bright .searchitems div.items > div.item:focus, .nyx div.ctrl.list .searchitems body.bright div.items > div.item:focus, body.bright .nyx div.ctrl.list div.items div.item button.def:focus, .nyx div.ctrl.list div.items div.item body.bright button.def:focus, body.bright .nyx div.ctrl.list div.items div.def.item:focus, body.bright .nyx div.ctrl.list div.items > div.item:focus, .nyx div.ctrl.list div.items body.bright div.def.item:focus, .nyx div.ctrl.list div.items body.bright div.items > div.item:focus, body.bright .nyx div.ctrl .image .def.clear:focus, .nyx div.ctrl .image body.bright .def.clear:focus, .nyx div.ctrl.list .image body.bright div.items > div.clear.item:focus, body.bright .btn.highlite:hover, body.bright .highlite.sel-btn#select_right:hover, body.bright .highlite.sel-btn#select_center:hover, body.bright .highlite.sel-btn#open_list:hover, body.bright .highlite.sel-btn#toggle_zoomto:hover, body.bright .highlite.sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.highlite.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.highlite.deleteitem:hover, .nyx div.ctrl .searchitems body.bright .highlite.item:hover, body.bright .nyx div.ctrl.list div.items div.item button.highlite:hover, .nyx div.ctrl.list div.items div.item body.bright button.highlite:hover, body.bright .nyx div.ctrl.list div.items div.highlite.item:hover, .nyx div.ctrl.list div.items body.bright div.highlite.item:hover, body.bright .nyx div.ctrl .image .highlite.clear:hover, .nyx div.ctrl .image body.bright .highlite.clear:hover, body.bright .btn.highlite:focus, body.bright .highlite.sel-btn#select_right:focus, body.bright .highlite.sel-btn#select_center:focus, body.bright .highlite.sel-btn#open_list:focus, body.bright .highlite.sel-btn#toggle_zoomto:focus, body.bright .highlite.sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.highlite.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.highlite.deleteitem:focus, .nyx div.ctrl .searchitems body.bright .highlite.item:focus, body.bright .nyx div.ctrl.list div.items div.item button.highlite:focus, .nyx div.ctrl.list div.items div.item body.bright button.highlite:focus, body.bright .nyx div.ctrl.list div.items div.highlite.item:focus, .nyx div.ctrl.list div.items body.bright div.highlite.item:focus, body.bright .nyx div.ctrl .image .highlite.clear:focus, .nyx div.ctrl .image body.bright .highlite.clear:focus, body.bright .searchitems .item.def:hover, body.bright .searchitems .item.def:focus, body.bright .searchitems .item.highlite:hover, body.bright .searchitems .item.highlite:focus {
  background-color: rgb(38.5, 189.1520737327, 255);
  border-color: rgb(13, 181.3963133641, 255);
}
body.bright .btn.def.selected, body.bright .def.selected.sel-btn#select_right, body.bright .def.selected.sel-btn#select_center, body.bright .def.selected.sel-btn#open_list, body.bright .def.selected.sel-btn#toggle_zoomto, body.bright .def.selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.def.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.def.selected.deleteitem, .nyx div.ctrl .searchitems body.bright .def.selected.item, .nyx div.ctrl.list body.bright div.items > div.btn.selected.item, .nyx div.ctrl.list body.bright div.items > div.selected.item.sel-btn#select_right, .nyx div.ctrl.list body.bright div.items > div.selected.item.sel-btn#select_center, .nyx div.ctrl.list body.bright div.items > div.selected.item.sel-btn#open_list, .nyx div.ctrl.list body.bright div.items > div.selected.item.sel-btn#toggle_zoomto, .nyx div.ctrl.list body.bright div.items > div.selected.item.sel-btn#select_left, .nyx div.ctrl.list body.bright .searchitems div.items > div.selected.item, .nyx div.ctrl.list .searchitems body.bright div.items > div.selected.item, body.bright .nyx div.ctrl.list div.items div.item button.def.selected, .nyx div.ctrl.list div.items div.item body.bright button.def.selected, body.bright .nyx div.ctrl.list div.items div.def.selected.item, body.bright .nyx div.ctrl.list div.items > div.selected.item, .nyx div.ctrl.list div.items body.bright div.def.selected.item, .nyx div.ctrl.list div.items body.bright div.items > div.selected.item, body.bright .nyx div.ctrl .image .def.selected.clear, .nyx div.ctrl .image body.bright .def.selected.clear, .nyx div.ctrl.list .image body.bright div.items > div.selected.clear.item, body.bright .btn.highlite.selected, body.bright .highlite.selected.sel-btn#select_right, body.bright .highlite.selected.sel-btn#select_center, body.bright .highlite.selected.sel-btn#open_list, body.bright .highlite.selected.sel-btn#toggle_zoomto, body.bright .highlite.selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.highlite.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.highlite.selected.deleteitem, .nyx div.ctrl .searchitems body.bright .highlite.selected.item, body.bright .nyx div.ctrl.list div.items div.item button.highlite.selected, .nyx div.ctrl.list div.items div.item body.bright button.highlite.selected, body.bright .nyx div.ctrl.list div.items div.highlite.selected.item, .nyx div.ctrl.list div.items body.bright div.highlite.selected.item, body.bright .nyx div.ctrl .image .highlite.selected.clear, .nyx div.ctrl .image body.bright .highlite.selected.clear, body.bright .searchitems .item.def.selected, body.bright .searchitems .item.highlite.selected {
  background-color: #fff;
  color: #0097d9;
  text-shadow: rgb(127.5, 203, 236) 0px 0 5px;
}
body.bright .btn.selected, body.bright .selected.sel-btn#select_right, body.bright .selected.sel-btn#select_center, body.bright .selected.sel-btn#open_list, body.bright .selected.sel-btn#toggle_zoomto, body.bright .selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.selected.deleteitem, .nyx div.ctrl .searchitems body.bright .selected.item, body.bright .nyx div.ctrl.list div.items div.item button.selected, .nyx div.ctrl.list div.items div.item body.bright button.selected, body.bright .nyx div.ctrl.list div.items div.selected.item, .nyx div.ctrl.list div.items body.bright div.selected.item, body.bright .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.bright .selected.clear, body.bright .searchitems .item.selected {
  border: 1px solid #fff !important;
  outline: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
body.bright .toolbar .radio-btn-group .btn.selected, body.bright .toolbar .radio-btn-group .selected.sel-btn#select_right, body.bright .toolbar .radio-btn-group .selected.sel-btn#select_center, body.bright .toolbar .radio-btn-group .selected.sel-btn#open_list, body.bright .toolbar .radio-btn-group .selected.sel-btn#toggle_zoomto, body.bright .toolbar .radio-btn-group .selected.sel-btn#select_left, body.bright .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.bright .toolbar .radio-btn-group button.selected.deleteitem, body.bright .toolbar .radio-btn-group .nyx div.ctrl .searchitems .selected.item, .nyx div.ctrl .searchitems body.bright .toolbar .radio-btn-group .selected.item, body.bright .toolbar .radio-btn-group .nyx div.ctrl.list div.items div.item button.selected, .nyx div.ctrl.list div.items div.item body.bright .toolbar .radio-btn-group button.selected, body.bright .toolbar .radio-btn-group .nyx div.ctrl.list div.items div.selected.item, .nyx div.ctrl.list div.items body.bright .toolbar .radio-btn-group div.selected.item, body.bright .toolbar .radio-btn-group .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.bright .toolbar .radio-btn-group .selected.clear {
  outline: none;
  border: 1px solid rgb(219.5, 219.5, 219.5) !important;
}
body.bright .searchitems .item.highlite {
  background-color: #0097d9;
  color: #fff;
  border-color: rgb(0, 133.2557603687, 191.5);
}
body.bright .searchitems .item.highlite:hover, body.bright .searchitems .item.highlite:focus {
  background-color: rgb(38.5, 189.1520737327, 255);
  border-color: rgb(13, 181.3963133641, 255);
}
body.bright .searchitems .item.highlite.selected {
  background-color: #fff;
  color: #0097d9;
  text-shadow: rgb(127.5, 203, 236) 0px 0 5px;
}
body.bright .feedback-backdrop {
  background-color: #f5f5f5;
  color: #555;
}
body.bright .progress-bar {
  background-color: #555;
}
body.bright .fail-icon, body.bright .fail-label, body.bright .conflicted-value {
  color: #a00;
}
body.bright .success-icon, body.bright .success-label, body.bright .official-value {
  color: #0a0;
}
body.bright .feedback-queue-display {
  color: #555;
}
body.bright .json-display {
  border-color: rgb(168.5, 168.5, 168.5);
  color: #555;
}
body.dark {
  background-color: #5a5a5a;
}
body.dark a {
  color: #4ad;
  text-decoration: none;
}
body.dark .header {
  color: inherit;
}
body.dark hr {
  border-color: rgb(13.5, 13.5, 13.5);
}
body.dark .bg, body.dark .layergroup .container, .layergroup body.dark .container, body.dark .layergroup .layer-options, .layergroup body.dark .layer-options, body.dark #workspace, body.dark .nyx .queryresults table, .nyx .queryresults body.dark table, body.dark .nyx div.ctrl .searchitems #selection-list, .nyx div.ctrl .searchitems body.dark #selection-list, body.dark .nyx dialog div.dialog-body .dialog-icon, .nyx dialog div.dialog-body body.dark .dialog-icon, body.dark .sticky, body.dark .panel .errors, .panel body.dark .errors, body.dark .panel .tooltips, .panel body.dark .tooltips {
  background-color: #5a5a5a;
  color: #dcdcdc;
  border-style: solid;
  border-color: rgb(13.5, 13.5, 13.5);
  /* Firefox */
  /* Chrome, Edge, and Safari */
}
body.dark .bg.container, body.dark .layergroup .container, .layergroup body.dark .container, body.dark .container#workspace, body.dark .nyx .queryresults table.container, .nyx .queryresults body.dark table.container, body.dark .nyx div.ctrl .searchitems .container#selection-list, .nyx div.ctrl .searchitems body.dark .container#selection-list, body.dark .nyx dialog div.dialog-body .container.dialog-icon, .nyx dialog div.dialog-body body.dark .container.dialog-icon, body.dark .container.sticky, body.dark .panel .container.errors, .panel body.dark .container.errors, body.dark .panel .container.tooltips, .panel body.dark .container.tooltips {
  /*background-color: lighten($bg-color,5%);*/
  border-color: rgb(13.5, 13.5, 13.5);
}
body.dark .bg *, body.dark .layergroup .container *, .layergroup body.dark .container *, body.dark .layergroup .layer-options *, .layergroup body.dark .layer-options *, body.dark #workspace *, body.dark .nyx .queryresults table *, .nyx .queryresults body.dark table *, body.dark .nyx div.ctrl .searchitems #selection-list *, .nyx div.ctrl .searchitems body.dark #selection-list *, body.dark .nyx dialog div.dialog-body .dialog-icon *, .nyx dialog div.dialog-body body.dark .dialog-icon *, body.dark .sticky *, body.dark .panel .errors *, .panel body.dark .errors *, body.dark .panel .tooltips *, .panel body.dark .tooltips * {
  scrollbar-width: auto;
  scrollbar-color: #999 #5a5a5a;
}
body.dark .bg *::-webkit-scrollbar, body.dark .layergroup .container *::-webkit-scrollbar, .layergroup body.dark .container *::-webkit-scrollbar, body.dark .layergroup .layer-options *::-webkit-scrollbar, .layergroup body.dark .layer-options *::-webkit-scrollbar, body.dark #workspace *::-webkit-scrollbar, body.dark .nyx .queryresults table *::-webkit-scrollbar, .nyx .queryresults body.dark table *::-webkit-scrollbar, body.dark .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar, .nyx div.ctrl .searchitems body.dark #selection-list *::-webkit-scrollbar, body.dark .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar, .nyx dialog div.dialog-body body.dark .dialog-icon *::-webkit-scrollbar, body.dark .sticky *::-webkit-scrollbar, body.dark .panel .errors *::-webkit-scrollbar, .panel body.dark .errors *::-webkit-scrollbar, body.dark .panel .tooltips *::-webkit-scrollbar, .panel body.dark .tooltips *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dark .bg *::-webkit-scrollbar-track, body.dark .layergroup .container *::-webkit-scrollbar-track, .layergroup body.dark .container *::-webkit-scrollbar-track, body.dark .layergroup .layer-options *::-webkit-scrollbar-track, .layergroup body.dark .layer-options *::-webkit-scrollbar-track, body.dark #workspace *::-webkit-scrollbar-track, body.dark .nyx .queryresults table *::-webkit-scrollbar-track, .nyx .queryresults body.dark table *::-webkit-scrollbar-track, body.dark .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-track, .nyx div.ctrl .searchitems body.dark #selection-list *::-webkit-scrollbar-track, body.dark .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-track, .nyx dialog div.dialog-body body.dark .dialog-icon *::-webkit-scrollbar-track, body.dark .sticky *::-webkit-scrollbar-track, body.dark .panel .errors *::-webkit-scrollbar-track, .panel body.dark .errors *::-webkit-scrollbar-track, body.dark .panel .tooltips *::-webkit-scrollbar-track, .panel body.dark .tooltips *::-webkit-scrollbar-track {
  background: transparent; /*$bg-color;*/
}
body.dark .bg *::-webkit-scrollbar-corner, body.dark .layergroup .container *::-webkit-scrollbar-corner, .layergroup body.dark .container *::-webkit-scrollbar-corner, body.dark .layergroup .layer-options *::-webkit-scrollbar-corner, .layergroup body.dark .layer-options *::-webkit-scrollbar-corner, body.dark #workspace *::-webkit-scrollbar-corner, body.dark .nyx .queryresults table *::-webkit-scrollbar-corner, .nyx .queryresults body.dark table *::-webkit-scrollbar-corner, body.dark .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-corner, .nyx div.ctrl .searchitems body.dark #selection-list *::-webkit-scrollbar-corner, body.dark .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-corner, .nyx dialog div.dialog-body body.dark .dialog-icon *::-webkit-scrollbar-corner, body.dark .sticky *::-webkit-scrollbar-corner, body.dark .panel .errors *::-webkit-scrollbar-corner, .panel body.dark .errors *::-webkit-scrollbar-corner, body.dark .panel .tooltips *::-webkit-scrollbar-corner, .panel body.dark .tooltips *::-webkit-scrollbar-corner {
  background: #5a5a5a;
}
body.dark .bg *::-webkit-scrollbar-thumb, body.dark .layergroup .container *::-webkit-scrollbar-thumb, .layergroup body.dark .container *::-webkit-scrollbar-thumb, body.dark .layergroup .layer-options *::-webkit-scrollbar-thumb, .layergroup body.dark .layer-options *::-webkit-scrollbar-thumb, body.dark #workspace *::-webkit-scrollbar-thumb, body.dark .nyx .queryresults table *::-webkit-scrollbar-thumb, .nyx .queryresults body.dark table *::-webkit-scrollbar-thumb, body.dark .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-thumb, .nyx div.ctrl .searchitems body.dark #selection-list *::-webkit-scrollbar-thumb, body.dark .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-thumb, .nyx dialog div.dialog-body body.dark .dialog-icon *::-webkit-scrollbar-thumb, body.dark .sticky *::-webkit-scrollbar-thumb, body.dark .panel .errors *::-webkit-scrollbar-thumb, .panel body.dark .errors *::-webkit-scrollbar-thumb, body.dark .panel .tooltips *::-webkit-scrollbar-thumb, .panel body.dark .tooltips *::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 10px;
  border: 2px solid #5a5a5a;
}
body.dark .sticky, body.dark .panel .errors, .panel body.dark .errors, body.dark .panel .tooltips, .panel body.dark .tooltips {
  box-shadow: 0px 10px 6px #5a5a5a;
}
body.dark .toolbar {
  background-color: rgb(115.5, 115.5, 115.5);
}
body.dark .nyx-dash-cell .nyx-dash-card.dash-selected,
body.dark .nyx-dash-cell .nyx-dash-legend-item.dash-selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .nyx-dash-cell .nyx-dash-card.dash-selected .nyx-dash-card-value {
  color: rgb(76.5, 76.5, 76.5) !important;
}
body.dark .nyx-dash-cell .nyx-dash-tl-slot.dash-selected {
  fill: rgb(225.25, 225.25, 225.25);
}
body.dark .nyx-dash-cell .nyx-dash-card.dash-partial,
body.dark .nyx-dash-cell .nyx-dash-legend-item.dash-partial {
  background-color: rgb(113.1, 113.1, 113.1);
}
body.dark .nyx-dash-cell .nyx-dash-tl-slot.dash-partial {
  fill: rgb(113.1, 113.1, 113.1);
}
body.dark .nyx-dash-cell .nyx-dash-tool.active {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .table {
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #ccc;
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-0 {
  background-color: #895151;
  color: rgb(217.25, 94.05, 94.05);
}
body.dark .td.state-0.hover {
  background-color: rgb(104.9495412844, 62.0504587156, 62.0504587156);
  color: rgb(226.939229995, 135.360770005, 135.360770005);
}
body.dark .td.state-0.selected {
  color: rgb(104.9495412844, 62.0504587156, 62.0504587156);
  background-color: rgb(226.939229995, 135.360770005, 135.360770005);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-0 {
  background-color: rgb(129.35, 73.35, 73.35);
  color: rgb(217.25, 94.05, 94.05);
}
body.dark .th.state-0.hover {
  background-color: rgb(96.8051060681, 54.8948939319, 54.8948939319);
  color: rgb(207.560770005, 52.739229995, 52.739229995);
}
body.dark .th.state-0.selected {
  color: rgb(96.8051060681, 54.8948939319, 54.8948939319);
  background-color: rgb(207.560770005, 52.739229995, 52.739229995);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-1 {
  background-color: rgb(137, 99.75, 81);
  color: rgb(217.25, 135.3, 94.05);
}
body.dark .td.state-1.hover {
  background-color: rgb(104.9495412844, 76.4139908257, 62.0504587156);
  color: rgb(226.939229995, 166.0232008052, 135.360770005);
}
body.dark .td.state-1.selected {
  color: rgb(104.9495412844, 76.4139908257, 62.0504587156);
  background-color: rgb(226.939229995, 166.0232008052, 135.360770005);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-1 {
  background-color: rgb(129.35, 92.1, 73.35);
  color: rgb(217.25, 135.3, 94.05);
}
body.dark .th.state-1.hover {
  background-color: rgb(96.8051060681, 68.9273310311, 54.8948939319);
  color: rgb(207.560770005, 104.5767991948, 52.739229995);
}
body.dark .th.state-1.selected {
  color: rgb(96.8051060681, 68.9273310311, 54.8948939319);
  background-color: rgb(207.560770005, 104.5767991948, 52.739229995);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-2 {
  background-color: rgb(137, 116.75, 81);
  color: rgb(217.25, 172.7, 94.05);
}
body.dark .td.state-2.hover {
  background-color: rgb(104.9495412844, 89.4369266055, 62.0504587156);
  color: rgb(226.939229995, 193.8238047307, 135.360770005);
}
body.dark .td.state-2.selected {
  color: rgb(104.9495412844, 89.4369266055, 62.0504587156);
  background-color: rgb(226.939229995, 193.8238047307, 135.360770005);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-2 {
  background-color: rgb(129.35, 109.1, 73.35);
  color: rgb(217.25, 172.7, 94.05);
}
body.dark .th.state-2.hover {
  background-color: rgb(96.8051060681, 81.650074001, 54.8948939319);
  color: rgb(207.560770005, 151.5761952693, 52.739229995);
}
body.dark .th.state-2.selected {
  color: rgb(96.8051060681, 81.650074001, 54.8948939319);
  background-color: rgb(207.560770005, 151.5761952693, 52.739229995);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-3 {
  background-color: rgb(137, 125.75, 81);
  color: rgb(217.25, 192.5, 94.05);
}
body.dark .td.state-3.hover {
  background-color: rgb(104.9495412844, 96.3314220183, 62.0504587156);
  color: rgb(226.939229995, 208.5417715148, 135.360770005);
}
body.dark .td.state-3.selected {
  color: rgb(104.9495412844, 96.3314220183, 62.0504587156);
  background-color: rgb(226.939229995, 208.5417715148, 135.360770005);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-3 {
  background-color: rgb(129.35, 118.1, 73.35);
  color: rgb(217.25, 192.5, 94.05);
}
body.dark .th.state-3.hover {
  background-color: rgb(96.8051060681, 88.3856438086, 54.8948939319);
  color: rgb(207.560770005, 176.4582284852, 52.739229995);
}
body.dark .th.state-3.selected {
  color: rgb(96.8051060681, 88.3856438086, 54.8948939319);
  background-color: rgb(207.560770005, 176.4582284852, 52.739229995);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-4 {
  background-color: rgb(122.75, 129.25, 76.5);
  color: rgb(185.9, 200.2, 84.15);
}
body.dark .td.state-4.hover {
  background-color: rgb(92.3235115431, 97.2123329283, 57.5376670717);
  color: rgb(201.517549302, 212.5855528473, 122.7644471527);
}
body.dark .td.state-4.selected {
  color: rgb(92.3235115431, 97.2123329283, 57.5376670717);
  background-color: rgb(201.517549302, 212.5855528473, 122.7644471527);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-4 {
  background-color: rgb(115.1, 121.6, 68.85);
  color: rgb(185.9, 200.2, 84.15);
}
body.dark .th.state-4.hover {
  background-color: rgb(84.2777369388, 89.0371226044, 50.4128773956);
  color: rgb(161.8920562819, 176.680024374, 56.669975626);
}
body.dark .th.state-4.selected {
  color: rgb(84.2777369388, 89.0371226044, 50.4128773956);
  background-color: rgb(161.8920562819, 176.680024374, 56.669975626);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-5 {
  background-color: rgb(77.25, 131, 101.75);
  color: rgb(85.8, 204.05, 139.7);
}
body.dark .td.state-5.hover {
  background-color: rgb(58.3316326531, 98.9183673469, 76.8316326531);
  color: rgb(124.9969111969, 215.8530888031, 166.4104247104);
}
body.dark .td.state-5.selected {
  color: rgb(58.3316326531, 98.9183673469, 76.8316326531);
  background-color: rgb(124.9969111969, 215.8530888031, 166.4104247104);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-5 {
  background-color: rgb(69.6, 123.35, 94.1);
  color: rgb(85.8, 204.05, 139.7);
}
body.dark .th.state-5.hover {
  background-color: rgb(51.2035242291, 90.7464757709, 69.227753304);
  color: rgb(55.2777992278, 183.5722007722, 113.7561776062);
}
body.dark .th.state-5.selected {
  color: rgb(51.2035242291, 90.7464757709, 69.227753304);
  background-color: rgb(55.2777992278, 183.5722007722, 113.7561776062);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-6 {
  background-color: rgb(79.5, 114.75, 109);
  color: rgb(90.75, 168.3, 155.65);
}
body.dark .td.state-6.hover {
  background-color: rgb(58.6274131274, 84.6225868726, 80.3822393822);
  color: rgb(124.1301554094, 185.9198445906, 175.8406754334);
}
body.dark .td.state-6.selected {
  color: rgb(58.6274131274, 84.6225868726, 80.3822393822);
  background-color: rgb(124.1301554094, 185.9198445906, 175.8406754334);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-6 {
  background-color: rgb(71.85, 107.1, 101.35);
  color: rgb(90.75, 168.3, 155.65);
}
body.dark .th.state-6.hover {
  background-color: rgb(51.3730511316, 76.5769488684, 72.4656747695);
  color: rgb(71.878601315, 136.171398685, 125.6839210998);
}
body.dark .th.state-6.selected {
  color: rgb(51.3730511316, 76.5769488684, 72.4656747695);
  background-color: rgb(71.878601315, 136.171398685, 125.6839210998);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-7 {
  background-color: rgb(81.75, 100.75, 115.5);
  color: rgb(95.7, 137.5, 169.95);
}
body.dark .td.state-7.hover {
  background-color: rgb(60.6131178707, 74.7005703422, 85.6368821293);
  color: rgb(128.9486187845, 162.0242480049, 187.7013812155);
}
body.dark .td.state-7.selected {
  color: rgb(60.6131178707, 74.7005703422, 85.6368821293);
  background-color: rgb(128.9486187845, 162.0242480049, 187.7013812155);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-7 {
  background-color: rgb(74.1, 93.1, 107.85);
  color: rgb(95.7, 137.5, 169.95);
}
body.dark .th.state-7.hover {
  background-color: rgb(53.330008244, 67.0043693322, 77.619991756);
  color: rgb(74.7124309392, 111.4317679558, 139.9375690608);
}
body.dark .th.state-7.selected {
  color: rgb(53.330008244, 67.0043693322, 77.619991756);
  background-color: rgb(74.7124309392, 111.4317679558, 139.9375690608);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-8 {
  background-color: rgb(89.75, 84.5, 118.5);
  color: rgb(113.3, 101.75, 176.55);
}
body.dark .td.state-8.hover {
  background-color: rgb(67.2019704433, 63.2709359606, 88.7290640394);
  color: rgb(144.4899007337, 135.4821968062, 193.8178031938);
}
body.dark .td.state-8.selected {
  color: rgb(67.2019704433, 63.2709359606, 88.7290640394);
  background-color: rgb(144.4899007337, 135.4821968062, 193.8178031938);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-8 {
  background-color: rgb(82.1, 76.85, 110.85);
  color: rgb(113.3, 101.75, 176.55);
}
body.dark .th.state-8.hover {
  background-color: rgb(59.7925945658, 55.9690729888, 80.7309270112);
  color: rgb(88.2908933966, 76.9602287441, 150.3397712559);
}
body.dark .th.state-8.selected {
  color: rgb(59.7925945658, 55.9690729888, 80.7309270112);
  background-color: rgb(88.2908933966, 76.9602287441, 150.3397712559);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-9 {
  background-color: rgb(108.75, 80.75, 116.5);
  color: rgb(155.1, 93.5, 172.15);
}
body.dark .td.state-9.hover {
  background-color: rgb(80.6321292776, 59.8716730038, 86.3783269962);
  color: rgb(175.9508287293, 127.207796194, 189.442203806);
}
body.dark .td.state-9.selected {
  color: rgb(80.6321292776, 59.8716730038, 86.3783269962);
  background-color: rgb(175.9508287293, 127.207796194, 189.442203806);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-9 {
  background-color: rgb(101.1, 73.1, 108.85);
  color: rgb(155.1, 93.5, 172.15);
}
body.dark .th.state-9.hover {
  background-color: rgb(72.7619950536, 52.6103050289, 78.3396949711);
  color: rgb(126.8925414365, 72.7798342541, 141.8701657459);
}
body.dark .th.state-9.selected {
  color: rgb(72.7619950536, 52.6103050289, 78.3396949711);
  background-color: rgb(126.8925414365, 72.7798342541, 141.8701657459);
}
body.dark .caption, body.dark .nyx .queryresults table th, .nyx .queryresults table body.dark th {
  background-color: rgb(115.5, 115.5, 115.5);
  color: #dcdcdc;
}
body.dark .erroritem {
  color: #cf4646;
  background-color: rgb(249.025751073, 231.974248927, 231.974248927);
  border: 1px solid #cf4646;
  border-radius: 4px;
  padding: 6px 4px;
  margin: 3px;
}
body.dark .edit, body.dark .nyx input, .nyx body.dark input, body.dark .nyx textarea, .nyx body.dark textarea, body.dark .nyx select, .nyx body.dark select, body.dark .item {
  border-color: rgb(13.5, 13.5, 13.5);
  background-color: rgb(212.5, 212.5, 212.5);
  color: #333;
  border-style: solid;
}
body.dark .edit.highlite, body.dark .nyx input.highlite, .nyx body.dark input.highlite, body.dark .nyx textarea.highlite, .nyx body.dark textarea.highlite, body.dark .nyx select.highlite, .nyx body.dark select.highlite, body.dark .edit:hover, body.dark .nyx input:hover, .nyx body.dark input:hover, body.dark .nyx textarea:hover, .nyx body.dark textarea:hover, body.dark .nyx select:hover, .nyx body.dark select:hover, body.dark .edit:focus, body.dark .nyx input:focus, .nyx body.dark input:focus, body.dark .nyx textarea:focus, .nyx body.dark textarea:focus, body.dark .nyx select:focus, .nyx body.dark select:focus, body.dark .item.highlite, body.dark .item:hover, body.dark .item:focus {
  background-color: rgb(225.25, 225.25, 225.25);
  border: 1px solid #0db5ff;
  outline: 1px solid #0db5ff;
  /*box-shadow: 0px 0px 3px lighten($item-focus-color,10%);*/
}
body.dark .edit.error, body.dark .nyx input.error, .nyx body.dark input.error, body.dark .nyx textarea.error, .nyx body.dark textarea.error, body.dark .nyx select.error, .nyx body.dark select.error, body.dark .item.error {
  color: #cf4646;
  border-color: #cf4646;
  background-color: rgb(238.5193133047, 191.4806866953, 191.4806866953);
}
body.dark .edit.error:hover, body.dark .nyx input.error:hover, .nyx body.dark input.error:hover, body.dark .nyx textarea.error:hover, .nyx body.dark textarea.error:hover, body.dark .nyx select.error:hover, .nyx body.dark select.error:hover, body.dark .edit.error:focus, body.dark .nyx input.error:focus, .nyx body.dark input.error:focus, body.dark .nyx textarea.error:focus, .nyx body.dark textarea.error:focus, body.dark .nyx select.error:focus, .nyx body.dark select.error:focus, body.dark .item.error:hover, body.dark .item.error:focus {
  background-color: #cf4646;
  background: rgb(238.5193133047, 191.4806866953, 191.4806866953);
  border: 1px solid #cf4646;
  outline: 1px solid #cf4646;
  /*box-shadow: 0px 0px 3px $error-color;*/
}
body.dark .edit.mandatory, body.dark .nyx input.mandatory, .nyx body.dark input.mandatory, body.dark .nyx textarea.mandatory, .nyx body.dark textarea.mandatory, body.dark .nyx select.mandatory, .nyx body.dark select.mandatory, body.dark .item.mandatory {
  color: #fb9d00;
  border-color: #fb9d00;
  background-color: rgb(255, 215.3027888446, 149);
}
body.dark .edit.mandatory:hover, body.dark .nyx input.mandatory:hover, .nyx body.dark input.mandatory:hover, body.dark .nyx textarea.mandatory:hover, .nyx body.dark textarea.mandatory:hover, body.dark .nyx select.mandatory:hover, .nyx body.dark select.mandatory:hover, body.dark .edit.mandatory:focus, body.dark .nyx input.mandatory:focus, .nyx body.dark input.mandatory:focus, body.dark .nyx textarea.mandatory:focus, .nyx body.dark textarea.mandatory:focus, body.dark .nyx select.mandatory:focus, .nyx body.dark select.mandatory:focus, body.dark .item.mandatory:hover, body.dark .item.mandatory:focus {
  background-color: #fb9d00;
  background: rgb(255, 215.3027888446, 149);
  border: 1px solid #fb9d00;
  outline: 1px solid #fb9d00;
  /*box-shadow: 0px 0px 3px $mandatory-color;*/
}
body.dark .list {
  border-color: rgb(13.5, 13.5, 13.5);
}
body.dark .list .items {
  border-style: solid;
  border-color: rgb(13.5, 13.5, 13.5);
}
body.dark .badge.info {
  background-color: #51849b;
  border: 1px solid rgb(63.4957627119, 103.4745762712, 121.5042372881);
  color: rgba(255, 255, 255, 0.9);
}
body.dark .badge.warn {
  background-color: #d3a737;
  border: 1px solid rgb(176.2295081967, 137.4590163934, 38.7704918033);
  color: rgba(255, 255, 255, 0.9);
}
body.dark label {
  color: #dcdcdc;
}
body.dark .btn, body.dark .sel-btn#select_right, body.dark .sel-btn#select_center, body.dark .sel-btn#open_list, body.dark .sel-btn#toggle_zoomto, body.dark .sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item body.dark button.deleteitem, body.dark .nyx div.ctrl .searchitems .item, .nyx div.ctrl .searchitems body.dark .item, body.dark .nyx div.ctrl.list div.items div.item button, .nyx div.ctrl.list div.items div.item body.dark button, body.dark .nyx div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items body.dark div.item, body.dark .nyx div.ctrl .image .clear, .nyx div.ctrl .image body.dark .clear, body.dark .searchitems .item {
  font-size: 100%;
  padding: 5px;
  background-color: #bbbbbb;
  color: #333;
  border-color: rgb(64.5, 64.5, 64.5);
}
body.dark .btn:hover, body.dark .sel-btn#select_right:hover, body.dark .sel-btn#select_center:hover, body.dark .sel-btn#open_list:hover, body.dark .sel-btn#toggle_zoomto:hover, body.dark .sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.deleteitem:hover, .nyx div.ctrl .searchitems body.dark .item:hover, body.dark .nyx div.ctrl.list div.items div.item button:hover, .nyx div.ctrl.list div.items div.item body.dark button:hover, body.dark .nyx div.ctrl.list div.items div.item:hover, .nyx div.ctrl.list div.items body.dark div.item:hover, body.dark .nyx div.ctrl .image .clear:hover, .nyx div.ctrl .image body.dark .clear:hover, body.dark .searchitems .item:hover {
  background-color: rgb(212.5, 212.5, 212.5);
}
body.dark .btn:focus, body.dark .sel-btn#select_right:focus, body.dark .sel-btn#select_center:focus, body.dark .sel-btn#open_list:focus, body.dark .sel-btn#toggle_zoomto:focus, body.dark .sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.deleteitem:focus, .nyx div.ctrl .searchitems body.dark .item:focus, body.dark .nyx div.ctrl.list div.items div.item button:focus, .nyx div.ctrl.list div.items div.item body.dark button:focus, body.dark .nyx div.ctrl.list div.items div.item:focus, .nyx div.ctrl.list div.items body.dark div.item:focus, body.dark .nyx div.ctrl .image .clear:focus, .nyx div.ctrl .image body.dark .clear:focus, body.dark .searchitems .item:focus {
  outline: 2px solid #0db5ff;
  border-color: rgba(43, 77, 92, 0.5411764706);
}
body.dark .btn.add, body.dark .add.sel-btn#select_right, body.dark .add.sel-btn#select_center, body.dark .add.sel-btn#open_list, body.dark .add.sel-btn#toggle_zoomto, body.dark .add.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.add.deleteitem, .list.checklist div.items .checklist-item body.dark button.add.deleteitem, .nyx div.ctrl .searchitems body.dark .add.item, body.dark .nyx div.ctrl.list div.items div.item button.add, body.dark .nyx div.ctrl.list div.items div.item button.copyitem, .nyx div.ctrl.list div.items div.item body.dark button.add, .nyx div.ctrl.list div.items div.item body.dark button.copyitem, body.dark .nyx div.ctrl.list div.items div.add.item, .nyx div.ctrl.list div.items body.dark div.add.item, body.dark .nyx div.ctrl .image .add.clear, .nyx div.ctrl .image body.dark .add.clear, .nyx div.ctrl.list .image body.dark div.items div.item button.clear.copyitem, body.dark .searchitems .item.add {
  background-color: #4fa582;
  color: rgba(255, 255, 255, 0.9);
  border-color: rgb(62.487704918, 130.512295082, 102.8278688525);
}
body.dark .btn.add:hover, body.dark .add.sel-btn#select_right:hover, body.dark .add.sel-btn#select_center:hover, body.dark .add.sel-btn#open_list:hover, body.dark .add.sel-btn#toggle_zoomto:hover, body.dark .add.sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.add.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.add.deleteitem:hover, .nyx div.ctrl .searchitems body.dark .add.item:hover, body.dark .nyx div.ctrl.list div.items div.item button.add:hover, body.dark .nyx div.ctrl.list div.items div.item button.copyitem:hover, .nyx div.ctrl.list div.items div.item body.dark button.add:hover, .nyx div.ctrl.list div.items div.item body.dark button.copyitem:hover, body.dark .nyx div.ctrl.list div.items div.add.item:hover, .nyx div.ctrl.list div.items body.dark div.add.item:hover, body.dark .nyx div.ctrl .image .add.clear:hover, .nyx div.ctrl .image body.dark .add.clear:hover, .nyx div.ctrl.list .image body.dark div.items div.item button.clear.copyitem:hover, body.dark .btn.add:focus, body.dark .add.sel-btn#select_right:focus, body.dark .add.sel-btn#select_center:focus, body.dark .add.sel-btn#open_list:focus, body.dark .add.sel-btn#toggle_zoomto:focus, body.dark .add.sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.add.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.add.deleteitem:focus, .nyx div.ctrl .searchitems body.dark .add.item:focus, body.dark .nyx div.ctrl.list div.items div.item button.add:focus, body.dark .nyx div.ctrl.list div.items div.item button.copyitem:focus, .nyx div.ctrl.list div.items div.item body.dark button.add:focus, .nyx div.ctrl.list div.items div.item body.dark button.copyitem:focus, body.dark .nyx div.ctrl.list div.items div.add.item:focus, .nyx div.ctrl.list div.items body.dark div.add.item:focus, body.dark .nyx div.ctrl .image .add.clear:focus, .nyx div.ctrl .image body.dark .add.clear:focus, .nyx div.ctrl.list .image body.dark div.items div.item button.clear.copyitem:focus, body.dark .searchitems .item.add:hover, body.dark .searchitems .item.add:focus {
  background-color: rgb(109.6106557377, 185.3893442623, 154.5491803279);
  box-shadow: 0px 0px 3px rgb(62.487704918, 130.512295082, 102.8278688525);
}
body.dark .btn.add.selected, body.dark .add.selected.sel-btn#select_right, body.dark .add.selected.sel-btn#select_center, body.dark .add.selected.sel-btn#open_list, body.dark .add.selected.sel-btn#toggle_zoomto, body.dark .add.selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.add.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.add.selected.deleteitem, .nyx div.ctrl .searchitems body.dark .add.selected.item, body.dark .nyx div.ctrl.list div.items div.item button.add.selected, body.dark .nyx div.ctrl.list div.items div.item button.selected.copyitem, .nyx div.ctrl.list div.items div.item body.dark button.add.selected, .nyx div.ctrl.list div.items div.item body.dark button.selected.copyitem, body.dark .nyx div.ctrl.list div.items div.add.selected.item, .nyx div.ctrl.list div.items body.dark div.add.selected.item, body.dark .nyx div.ctrl .image .add.selected.clear, .nyx div.ctrl .image body.dark .add.selected.clear, .nyx div.ctrl.list .image body.dark div.items div.item button.selected.clear.copyitem, body.dark .searchitems .item.add.selected {
  background-color: rgba(255, 255, 255, 0.9);
  color: #4fa582;
  text-shadow: rgba(158.2, 205.5, 186.25, 0.95) 0px 0 5px;
}
body.dark .btn.save, body.dark .btn#sign-in.signed-in, body.dark .save.sel-btn#select_right, body.dark .save.sel-btn#select_center, body.dark .save.sel-btn#open_list, body.dark .save.sel-btn#toggle_zoomto, body.dark .save.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.save.deleteitem, body.dark .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in, .list.checklist div.items .checklist-item body.dark button.save.deleteitem, .list.checklist div.items .checklist-item body.dark button.deleteitem#sign-in.signed-in, .nyx div.ctrl .searchitems body.dark .save.item, .nyx div.ctrl .searchitems body.dark .item#sign-in.signed-in, body.dark .nyx div.ctrl.list div.items div.item button.save, body.dark .nyx div.ctrl.list div.items div.item button#sign-in.signed-in, .nyx div.ctrl.list div.items div.item body.dark button.save, .nyx div.ctrl.list div.items div.item body.dark button#sign-in.signed-in, body.dark .nyx div.ctrl.list div.items div.save.item, body.dark .nyx div.ctrl.list div.items div.item#sign-in.signed-in, .nyx div.ctrl.list div.items body.dark div.save.item, .nyx div.ctrl.list div.items body.dark div.item#sign-in.signed-in, body.dark .nyx div.ctrl .image .save.clear, body.dark .nyx div.ctrl .image .clear#sign-in.signed-in, .nyx div.ctrl .image body.dark .save.clear, .nyx div.ctrl .image body.dark .clear#sign-in.signed-in, body.dark .searchitems .item.save, body.dark .searchitems .item#sign-in.signed-in {
  background-color: #d3a737;
  color: rgba(255, 255, 255, 0.9);
  border-color: rgb(134.4262295082, 104.8524590164, 29.5737704918);
}
body.dark .btn.save:hover, body.dark .btn#sign-in.signed-in:hover, body.dark .save.sel-btn#select_right:hover, body.dark .save.sel-btn#select_center:hover, body.dark .save.sel-btn#open_list:hover, body.dark .save.sel-btn#toggle_zoomto:hover, body.dark .save.sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.save.deleteitem:hover, body.dark .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in:hover, .list.checklist div.items .checklist-item body.dark button.save.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.deleteitem#sign-in.signed-in:hover, .nyx div.ctrl .searchitems body.dark .save.item:hover, .nyx div.ctrl .searchitems body.dark .item#sign-in.signed-in:hover, body.dark .nyx div.ctrl.list div.items div.item button.save:hover, body.dark .nyx div.ctrl.list div.items div.item button#sign-in.signed-in:hover, .nyx div.ctrl.list div.items div.item body.dark button.save:hover, .nyx div.ctrl.list div.items div.item body.dark button#sign-in.signed-in:hover, body.dark .nyx div.ctrl.list div.items div.save.item:hover, body.dark .nyx div.ctrl.list div.items div.item#sign-in.signed-in:hover, .nyx div.ctrl.list div.items body.dark div.save.item:hover, .nyx div.ctrl.list div.items body.dark div.item#sign-in.signed-in:hover, body.dark .nyx div.ctrl .image .save.clear:hover, body.dark .nyx div.ctrl .image .clear#sign-in.signed-in:hover, .nyx div.ctrl .image body.dark .save.clear:hover, .nyx div.ctrl .image body.dark .clear#sign-in.signed-in:hover, body.dark .btn.save:focus, body.dark .btn#sign-in.signed-in:focus, body.dark .save.sel-btn#select_right:focus, body.dark .save.sel-btn#select_center:focus, body.dark .save.sel-btn#open_list:focus, body.dark .save.sel-btn#toggle_zoomto:focus, body.dark .save.sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.save.deleteitem:focus, body.dark .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in:focus, .list.checklist div.items .checklist-item body.dark button.save.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.deleteitem#sign-in.signed-in:focus, .nyx div.ctrl .searchitems body.dark .save.item:focus, .nyx div.ctrl .searchitems body.dark .item#sign-in.signed-in:focus, body.dark .nyx div.ctrl.list div.items div.item button.save:focus, body.dark .nyx div.ctrl.list div.items div.item button#sign-in.signed-in:focus, .nyx div.ctrl.list div.items div.item body.dark button.save:focus, .nyx div.ctrl.list div.items div.item body.dark button#sign-in.signed-in:focus, body.dark .nyx div.ctrl.list div.items div.save.item:focus, body.dark .nyx div.ctrl.list div.items div.item#sign-in.signed-in:focus, .nyx div.ctrl.list div.items body.dark div.save.item:focus, .nyx div.ctrl.list div.items body.dark div.item#sign-in.signed-in:focus, body.dark .nyx div.ctrl .image .save.clear:focus, body.dark .nyx div.ctrl .image .clear#sign-in.signed-in:focus, .nyx div.ctrl .image body.dark .save.clear:focus, .nyx div.ctrl .image body.dark .clear#sign-in.signed-in:focus, body.dark .searchitems .item.save:hover, body.dark .searchitems .item#sign-in.signed-in:hover, body.dark .searchitems .item.save:focus, body.dark .searchitems .item#sign-in.signed-in:focus {
  background-color: rgb(220.1967213115, 185.393442623, 96.8032786885);
  box-shadow: 0px 0px 3px rgb(134.4262295082, 104.8524590164, 29.5737704918);
}
body.dark .btn.save.selected, body.dark .btn.selected#sign-in.signed-in, body.dark .save.selected.sel-btn#select_right, body.dark .save.selected.sel-btn#select_center, body.dark .save.selected.sel-btn#open_list, body.dark .save.selected.sel-btn#toggle_zoomto, body.dark .save.selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.save.selected.deleteitem, body.dark .list.checklist div.items .checklist-item button.selected.deleteitem#sign-in.signed-in, .list.checklist div.items .checklist-item body.dark button.save.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.selected.deleteitem#sign-in.signed-in, .nyx div.ctrl .searchitems body.dark .save.selected.item, .nyx div.ctrl .searchitems body.dark .selected.item#sign-in.signed-in, body.dark .nyx div.ctrl.list div.items div.item button.save.selected, body.dark .nyx div.ctrl.list div.items div.item button.selected#sign-in.signed-in, .nyx div.ctrl.list div.items div.item body.dark button.save.selected, .nyx div.ctrl.list div.items div.item body.dark button.selected#sign-in.signed-in, body.dark .nyx div.ctrl.list div.items div.save.selected.item, body.dark .nyx div.ctrl.list div.items div.selected.item#sign-in.signed-in, .nyx div.ctrl.list div.items body.dark div.save.selected.item, .nyx div.ctrl.list div.items body.dark div.selected.item#sign-in.signed-in, body.dark .nyx div.ctrl .image .save.selected.clear, body.dark .nyx div.ctrl .image .selected.clear#sign-in.signed-in, .nyx div.ctrl .image body.dark .save.selected.clear, .nyx div.ctrl .image body.dark .selected.clear#sign-in.signed-in, body.dark .searchitems .item.save.selected, body.dark .searchitems .item.selected#sign-in.signed-in {
  background-color: rgba(255, 255, 255, 0.9);
  color: #d3a737;
  text-shadow: rgba(230.8, 206.6, 145, 0.95) 0px 0 5px;
}
body.dark .btn.del, body.dark .del.sel-btn#select_right, body.dark .del.sel-btn#select_center, body.dark .del.sel-btn#open_list, body.dark .del.sel-btn#toggle_zoomto, body.dark .del.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item body.dark button.deleteitem, .nyx div.ctrl .searchitems body.dark .del.item, body.dark .nyx div.ctrl.list div.items div.item button.del, body.dark .nyx div.ctrl.list div.items div.item button.deleteitem, .nyx div.ctrl.list div.items div.item body.dark button.del, .nyx div.ctrl.list div.items div.item body.dark button.deleteitem, body.dark .nyx div.ctrl.list div.items div.del.item, .nyx div.ctrl.list div.items body.dark div.del.item, body.dark .nyx div.ctrl .image .clear, .nyx div.ctrl .image body.dark .clear, body.dark .searchitems .item.del {
  background-color: #b55454;
  color: rgba(255, 255, 255, 0.9);
  border-color: rgb(149.3632653061, 64.6367346939, 64.6367346939);
}
body.dark .btn.del:hover, body.dark .del.sel-btn#select_right:hover, body.dark .del.sel-btn#select_center:hover, body.dark .del.sel-btn#open_list:hover, body.dark .del.sel-btn#toggle_zoomto:hover, body.dark .del.sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.deleteitem:hover, .nyx div.ctrl .searchitems body.dark .del.item:hover, body.dark .nyx div.ctrl.list div.items div.item button.del:hover, body.dark .nyx div.ctrl.list div.items div.item button.deleteitem:hover, .nyx div.ctrl.list div.items div.item body.dark button.del:hover, .nyx div.ctrl.list div.items div.item body.dark button.deleteitem:hover, body.dark .nyx div.ctrl.list div.items div.del.item:hover, .nyx div.ctrl.list div.items body.dark div.del.item:hover, body.dark .nyx div.ctrl .image .clear:hover, .nyx div.ctrl .image body.dark .clear:hover, body.dark .btn.del:focus, body.dark .del.sel-btn#select_right:focus, body.dark .del.sel-btn#select_center:focus, body.dark .del.sel-btn#open_list:focus, body.dark .del.sel-btn#toggle_zoomto:focus, body.dark .del.sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.deleteitem:focus, .nyx div.ctrl .searchitems body.dark .del.item:focus, body.dark .nyx div.ctrl.list div.items div.item button.del:focus, body.dark .nyx div.ctrl.list div.items div.item button.deleteitem:focus, .nyx div.ctrl.list div.items div.item body.dark button.del:focus, .nyx div.ctrl.list div.items div.item body.dark button.deleteitem:focus, body.dark .nyx div.ctrl.list div.items div.del.item:focus, .nyx div.ctrl.list div.items body.dark div.del.item:focus, body.dark .nyx div.ctrl .image .clear:focus, .nyx div.ctrl .image body.dark .clear:focus, body.dark .searchitems .item.del:hover, body.dark .searchitems .item.del:focus {
  background-color: rgb(196.4040816327, 119.5959183673, 119.5959183673);
  box-shadow: 0px 0px 3px #b55454;
}
body.dark .btn.del.selected, body.dark .del.selected.sel-btn#select_right, body.dark .del.selected.sel-btn#select_center, body.dark .del.selected.sel-btn#open_list, body.dark .del.selected.sel-btn#toggle_zoomto, body.dark .del.selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.selected.deleteitem, .nyx div.ctrl .searchitems body.dark .del.selected.item, body.dark .nyx div.ctrl.list div.items div.item button.del.selected, body.dark .nyx div.ctrl.list div.items div.item button.selected.deleteitem, .nyx div.ctrl.list div.items div.item body.dark button.del.selected, .nyx div.ctrl.list div.items div.item body.dark button.selected.deleteitem, body.dark .nyx div.ctrl.list div.items div.del.selected.item, .nyx div.ctrl.list div.items body.dark div.del.selected.item, body.dark .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.dark .selected.clear, body.dark .searchitems .item.del.selected {
  background-color: rgba(255, 255, 255, 0.9);
  color: #b55454;
  text-shadow: rgba(214.3, 160.95, 160.95, 0.95) 0px 0 5px;
}
body.dark .btn.def, body.dark .def.sel-btn#select_right, body.dark .def.sel-btn#select_center, body.dark .def.sel-btn#open_list, body.dark .def.sel-btn#toggle_zoomto, body.dark .def.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.def.deleteitem, .list.checklist div.items .checklist-item body.dark button.def.deleteitem, .nyx div.ctrl .searchitems body.dark .def.item, .nyx div.ctrl.list body.dark div.items > div.btn.item, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_right, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_center, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#open_list, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#toggle_zoomto, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_left, .nyx div.ctrl.list body.dark .searchitems div.items > div.item, .nyx div.ctrl.list .searchitems body.dark div.items > div.item, body.dark .nyx div.ctrl.list div.items div.item button.def, .nyx div.ctrl.list div.items div.item body.dark button.def, body.dark .nyx div.ctrl.list div.items div.def.item, body.dark .nyx div.ctrl.list div.items > div.item, .nyx div.ctrl.list div.items body.dark div.def.item, .nyx div.ctrl.list div.items body.dark div.items > div.item, body.dark .nyx div.ctrl .image .def.clear, .nyx div.ctrl .image body.dark .def.clear, .nyx div.ctrl.list .image body.dark div.items > div.clear.item, body.dark .btn.highlite, body.dark .highlite.sel-btn#select_right, body.dark .highlite.sel-btn#select_center, body.dark .highlite.sel-btn#open_list, body.dark .highlite.sel-btn#toggle_zoomto, body.dark .highlite.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.highlite.deleteitem, .list.checklist div.items .checklist-item body.dark button.highlite.deleteitem, .nyx div.ctrl .searchitems body.dark .highlite.item, body.dark .nyx div.ctrl.list div.items div.item button.highlite, .nyx div.ctrl.list div.items div.item body.dark button.highlite, body.dark .nyx div.ctrl.list div.items div.highlite.item, .nyx div.ctrl.list div.items body.dark div.highlite.item, body.dark .nyx div.ctrl .image .highlite.clear, .nyx div.ctrl .image body.dark .highlite.clear, body.dark .searchitems .item.def, body.dark .searchitems .item.highlite {
  background-color: #51849b;
  color: rgba(255, 255, 255, 0.9);
  border-color: rgb(63.4957627119, 103.4745762712, 121.5042372881);
}
body.dark .btn.def:hover, body.dark .def.sel-btn#select_right:hover, body.dark .def.sel-btn#select_center:hover, body.dark .def.sel-btn#open_list:hover, body.dark .def.sel-btn#toggle_zoomto:hover, body.dark .def.sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.def.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.def.deleteitem:hover, .nyx div.ctrl .searchitems body.dark .def.item:hover, .nyx div.ctrl.list body.dark div.items > div.btn.item:hover, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_right:hover, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_center:hover, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#open_list:hover, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#toggle_zoomto:hover, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_left:hover, .nyx div.ctrl.list body.dark .searchitems div.items > div.item:hover, .nyx div.ctrl.list .searchitems body.dark div.items > div.item:hover, body.dark .nyx div.ctrl.list div.items div.item button.def:hover, .nyx div.ctrl.list div.items div.item body.dark button.def:hover, body.dark .nyx div.ctrl.list div.items div.def.item:hover, body.dark .nyx div.ctrl.list div.items > div.item:hover, .nyx div.ctrl.list div.items body.dark div.def.item:hover, .nyx div.ctrl.list div.items body.dark div.items > div.item:hover, body.dark .nyx div.ctrl .image .def.clear:hover, .nyx div.ctrl .image body.dark .def.clear:hover, .nyx div.ctrl.list .image body.dark div.items > div.clear.item:hover, body.dark .btn.def:focus, body.dark .def.sel-btn#select_right:focus, body.dark .def.sel-btn#select_center:focus, body.dark .def.sel-btn#open_list:focus, body.dark .def.sel-btn#toggle_zoomto:focus, body.dark .def.sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.def.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.def.deleteitem:focus, .nyx div.ctrl .searchitems body.dark .def.item:focus, .nyx div.ctrl.list body.dark div.items > div.btn.item:focus, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_right:focus, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_center:focus, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#open_list:focus, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#toggle_zoomto:focus, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_left:focus, .nyx div.ctrl.list body.dark .searchitems div.items > div.item:focus, .nyx div.ctrl.list .searchitems body.dark div.items > div.item:focus, body.dark .nyx div.ctrl.list div.items div.item button.def:focus, .nyx div.ctrl.list div.items div.item body.dark button.def:focus, body.dark .nyx div.ctrl.list div.items div.def.item:focus, body.dark .nyx div.ctrl.list div.items > div.item:focus, .nyx div.ctrl.list div.items body.dark div.def.item:focus, .nyx div.ctrl.list div.items body.dark div.items > div.item:focus, body.dark .nyx div.ctrl .image .def.clear:focus, .nyx div.ctrl .image body.dark .def.clear:focus, .nyx div.ctrl.list .image body.dark div.items > div.clear.item:focus, body.dark .btn.highlite:hover, body.dark .highlite.sel-btn#select_right:hover, body.dark .highlite.sel-btn#select_center:hover, body.dark .highlite.sel-btn#open_list:hover, body.dark .highlite.sel-btn#toggle_zoomto:hover, body.dark .highlite.sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.highlite.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.highlite.deleteitem:hover, .nyx div.ctrl .searchitems body.dark .highlite.item:hover, body.dark .nyx div.ctrl.list div.items div.item button.highlite:hover, .nyx div.ctrl.list div.items div.item body.dark button.highlite:hover, body.dark .nyx div.ctrl.list div.items div.highlite.item:hover, .nyx div.ctrl.list div.items body.dark div.highlite.item:hover, body.dark .nyx div.ctrl .image .highlite.clear:hover, .nyx div.ctrl .image body.dark .highlite.clear:hover, body.dark .btn.highlite:focus, body.dark .highlite.sel-btn#select_right:focus, body.dark .highlite.sel-btn#select_center:focus, body.dark .highlite.sel-btn#open_list:focus, body.dark .highlite.sel-btn#toggle_zoomto:focus, body.dark .highlite.sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.highlite.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.highlite.deleteitem:focus, .nyx div.ctrl .searchitems body.dark .highlite.item:focus, body.dark .nyx div.ctrl.list div.items div.item button.highlite:focus, .nyx div.ctrl.list div.items div.item body.dark button.highlite:focus, body.dark .nyx div.ctrl.list div.items div.highlite.item:focus, .nyx div.ctrl.list div.items body.dark div.highlite.item:focus, body.dark .nyx div.ctrl .image .highlite.clear:focus, .nyx div.ctrl .image body.dark .highlite.clear:focus, body.dark .searchitems .item.def:hover, body.dark .searchitems .item.def:focus, body.dark .searchitems .item.highlite:hover, body.dark .searchitems .item.highlite:focus {
  background-color: rgb(108.5381355932, 156.7288135593, 178.4618644068);
  box-shadow: 0px 0px 3px rgb(63.4957627119, 103.4745762712, 121.5042372881);
}
body.dark .btn.def.selected, body.dark .def.selected.sel-btn#select_right, body.dark .def.selected.sel-btn#select_center, body.dark .def.selected.sel-btn#open_list, body.dark .def.selected.sel-btn#toggle_zoomto, body.dark .def.selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.def.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.def.selected.deleteitem, .nyx div.ctrl .searchitems body.dark .def.selected.item, .nyx div.ctrl.list body.dark div.items > div.btn.selected.item, .nyx div.ctrl.list body.dark div.items > div.selected.item.sel-btn#select_right, .nyx div.ctrl.list body.dark div.items > div.selected.item.sel-btn#select_center, .nyx div.ctrl.list body.dark div.items > div.selected.item.sel-btn#open_list, .nyx div.ctrl.list body.dark div.items > div.selected.item.sel-btn#toggle_zoomto, .nyx div.ctrl.list body.dark div.items > div.selected.item.sel-btn#select_left, .nyx div.ctrl.list body.dark .searchitems div.items > div.selected.item, .nyx div.ctrl.list .searchitems body.dark div.items > div.selected.item, body.dark .nyx div.ctrl.list div.items div.item button.def.selected, .nyx div.ctrl.list div.items div.item body.dark button.def.selected, body.dark .nyx div.ctrl.list div.items div.def.selected.item, body.dark .nyx div.ctrl.list div.items > div.selected.item, .nyx div.ctrl.list div.items body.dark div.def.selected.item, .nyx div.ctrl.list div.items body.dark div.items > div.selected.item, body.dark .nyx div.ctrl .image .def.selected.clear, .nyx div.ctrl .image body.dark .def.selected.clear, .nyx div.ctrl.list .image body.dark div.items > div.selected.clear.item, body.dark .btn.highlite.selected, body.dark .highlite.selected.sel-btn#select_right, body.dark .highlite.selected.sel-btn#select_center, body.dark .highlite.selected.sel-btn#open_list, body.dark .highlite.selected.sel-btn#toggle_zoomto, body.dark .highlite.selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.highlite.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.highlite.selected.deleteitem, .nyx div.ctrl .searchitems body.dark .highlite.selected.item, body.dark .nyx div.ctrl.list div.items div.item button.highlite.selected, .nyx div.ctrl.list div.items div.item body.dark button.highlite.selected, body.dark .nyx div.ctrl.list div.items div.highlite.selected.item, .nyx div.ctrl.list div.items body.dark div.highlite.selected.item, body.dark .nyx div.ctrl .image .highlite.selected.clear, .nyx div.ctrl .image body.dark .highlite.selected.clear, body.dark .searchitems .item.def.selected, body.dark .searchitems .item.highlite.selected {
  background-color: rgba(255, 255, 255, 0.9);
  color: #51849b;
  text-shadow: rgba(159.3, 187.35, 200, 0.95) 0px 0 5px;
}
body.dark .btn.selected, body.dark .selected.sel-btn#select_right, body.dark .selected.sel-btn#select_center, body.dark .selected.sel-btn#open_list, body.dark .selected.sel-btn#toggle_zoomto, body.dark .selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.selected.deleteitem, .nyx div.ctrl .searchitems body.dark .selected.item, body.dark .nyx div.ctrl.list div.items div.item button.selected, .nyx div.ctrl.list div.items div.item body.dark button.selected, body.dark .nyx div.ctrl.list div.items div.selected.item, .nyx div.ctrl.list div.items body.dark div.selected.item, body.dark .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.dark .selected.clear, body.dark .searchitems .item.selected {
  border: 1px solid #fff !important;
  outline: 3px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
body.dark .toolbar .radio-btn-group .btn.selected, body.dark .toolbar .radio-btn-group .selected.sel-btn#select_right, body.dark .toolbar .radio-btn-group .selected.sel-btn#select_center, body.dark .toolbar .radio-btn-group .selected.sel-btn#open_list, body.dark .toolbar .radio-btn-group .selected.sel-btn#toggle_zoomto, body.dark .toolbar .radio-btn-group .selected.sel-btn#select_left, body.dark .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.dark .toolbar .radio-btn-group button.selected.deleteitem, body.dark .toolbar .radio-btn-group .nyx div.ctrl .searchitems .selected.item, .nyx div.ctrl .searchitems body.dark .toolbar .radio-btn-group .selected.item, body.dark .toolbar .radio-btn-group .nyx div.ctrl.list div.items div.item button.selected, .nyx div.ctrl.list div.items div.item body.dark .toolbar .radio-btn-group button.selected, body.dark .toolbar .radio-btn-group .nyx div.ctrl.list div.items div.selected.item, .nyx div.ctrl.list div.items body.dark .toolbar .radio-btn-group div.selected.item, body.dark .toolbar .radio-btn-group .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.dark .toolbar .radio-btn-group .selected.clear {
  outline: none;
  border: 1px solid rgb(115.5, 115.5, 115.5) !important;
}
body.dark .feedback-backdrop {
  background-color: #5a5a5a;
  color: #dcdcdc;
}
body.dark .progress-bar {
  background-color: #dcdcdc;
}
body.dark .fail-icon, body.dark .fail-label, body.dark .conflicted-value {
  color: #f78;
}
body.dark .success-icon, body.dark .success-label, body.dark .official-value {
  color: #4d4;
}
body.dark .feedback-queue-display {
  color: #dcdcdc;
}
body.dark .json-display {
  border-color: rgb(13.5, 13.5, 13.5);
  color: #dcdcdc;
}

body {
  font-size: 11px;
  font-family: Tahoma, Verdana, Geneva, sans-serif;
  padding: 0px;
  margin: 0px;
}
body.size-s {
  font-size: 10px;
}
body.size-s .ctrl input {
  border-radius: 2px;
  height: 24px;
}
body.size-s .ctrl input[type=checkbox], body.size-s .ctrl input[type=radio] {
  height: auto;
}
body.size-s .ctrl textarea {
  border-radius: 2px;
}
body.size-s .ctrl select {
  border-radius: 2px;
  height: 24px;
}
body.size-s .ctrl div.item {
  min-height: 20px;
  padding: 1px;
}
body.size-m {
  font-size: 12px;
}
body.size-m .ctrl input {
  border-radius: 2px;
  height: 28px;
}
body.size-m .ctrl input[type=checkbox], body.size-m .ctrl input[type=radio] {
  height: auto;
}
body.size-m .ctrl textarea {
  border-radius: 2px;
}
body.size-m .ctrl select {
  border-radius: 2px;
  height: 28px;
}
body.size-m .ctrl div.item {
  min-height: 22px;
  padding: 2px;
}
body.size-l {
  font-size: 14px;
}
body.size-l .ctrl input {
  border-radius: 3px;
  height: 32px;
}
body.size-l .ctrl input[type=checkbox], body.size-l .ctrl input[type=radio] {
  height: auto;
}
body.size-l .ctrl textarea {
  border-radius: 3px;
}
body.size-l .ctrl select {
  border-radius: 3px;
  height: 32px;
}
body.size-l .ctrl div.item {
  min-height: 24px;
  padding: 3px;
}

.map-overlay-control-container, #nyx-app #bottom-right, #nyx-app #bottom-left, #nyx-app #top-right, #nyx-app #top-center, #nyx-app #top-left {
  pointer-events: none;
}
.map-overlay-control-container > *:not(.btn-block), #nyx-app #bottom-right > *:not(.btn-block), #nyx-app #bottom-left > *:not(.btn-block), #nyx-app #top-right > *:not(.btn-block), #nyx-app #top-center > *:not(.btn-block), #nyx-app #top-left > *:not(.btn-block) {
  pointer-events: auto;
}

body.size-s #left {
  width: 250px;
}
body.size-m #left {
  width: 270px;
}
body.size-l #left {
  width: 350px;
}

#nyx-app {
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0px;
}
#nyx-app #top-left {
  position: absolute;
  top: 0px;
  left: 0px;
}
#nyx-app #top-center {
  height: 38px;
  position: absolute;
  /*text-align: center;*/
  /*padding: 3px;*/
  left: 0px;
  right: 0px;
  display: flex;
  flex-direction: row;
}
#nyx-app #top-center .toolinfo {
  height: fit-content;
  margin: 5px;
  padding: 5px;
  border-width: 1px;
  margin-bottom: 4px;
  border-radius: 6px;
}
#nyx-app #top-center .toolinfo h1 {
  margin-top: 2px;
  margin-bottom: 2px;
}
#nyx-app #top-center .toolinfo p {
  margin-top: 0px;
  margin-bottom: 0px;
}
#nyx-app #top-center .spacer {
  width: 40px;
  display: inline-block;
}
#nyx-app #top-right {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right;
}
#nyx-app #bottom-left {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#nyx-app #left {
  height: 100%;
  min-width: 220px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
}
#nyx-app #bottom-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: right;
}

body .badge-base, body.bright .badge, body.dark .badge {
  border-radius: 10px;
  padding: 1px 4px;
  font-size: 76%;
  margin-right: 2px;
  white-space: nowrap;
}
body.bright {
  background-color: #f5f5f5;
}
body.bright a {
  color: #4ad;
  text-decoration: none;
}
body.bright .header {
  color: inherit;
}
body.bright hr {
  border-color: rgb(168.5, 168.5, 168.5);
}
body.bright .bg, body.bright .layergroup .container, .layergroup body.bright .container, body.bright .layergroup .layer-options, .layergroup body.bright .layer-options, body.bright #workspace, body.bright .nyx .queryresults table, .nyx .queryresults body.bright table, body.bright .nyx div.ctrl .searchitems #selection-list, .nyx div.ctrl .searchitems body.bright #selection-list, body.bright .nyx dialog div.dialog-body .dialog-icon, .nyx dialog div.dialog-body body.bright .dialog-icon, body.bright .sticky, body.bright .panel .errors, .panel body.bright .errors, body.bright .panel .tooltips, .panel body.bright .tooltips {
  background-color: #f5f5f5;
  color: #555;
  border-style: solid;
  border-color: rgb(168.5, 168.5, 168.5);
  /* Firefox */
  /* Chrome, Edge, and Safari */
}
body.bright .bg.container, body.bright .layergroup .container, .layergroup body.bright .container, body.bright .container#workspace, body.bright .nyx .queryresults table.container, .nyx .queryresults body.bright table.container, body.bright .nyx div.ctrl .searchitems .container#selection-list, .nyx div.ctrl .searchitems body.bright .container#selection-list, body.bright .nyx dialog div.dialog-body .container.dialog-icon, .nyx dialog div.dialog-body body.bright .container.dialog-icon, body.bright .container.sticky, body.bright .panel .container.errors, .panel body.bright .container.errors, body.bright .panel .container.tooltips, .panel body.bright .container.tooltips {
  /*background-color: darken($bg-color,10%);*/
  border-color: rgb(168.5, 168.5, 168.5);
}
body.bright .bg *, body.bright .layergroup .container *, .layergroup body.bright .container *, body.bright .layergroup .layer-options *, .layergroup body.bright .layer-options *, body.bright #workspace *, body.bright .nyx .queryresults table *, .nyx .queryresults body.bright table *, body.bright .nyx div.ctrl .searchitems #selection-list *, .nyx div.ctrl .searchitems body.bright #selection-list *, body.bright .nyx dialog div.dialog-body .dialog-icon *, .nyx dialog div.dialog-body body.bright .dialog-icon *, body.bright .sticky *, body.bright .panel .errors *, .panel body.bright .errors *, body.bright .panel .tooltips *, .panel body.bright .tooltips * {
  scrollbar-width: thin;
  scrollbar-color: #999 #f5f5f5;
}
body.bright .bg *::-webkit-scrollbar, body.bright .layergroup .container *::-webkit-scrollbar, .layergroup body.bright .container *::-webkit-scrollbar, body.bright .layergroup .layer-options *::-webkit-scrollbar, .layergroup body.bright .layer-options *::-webkit-scrollbar, body.bright #workspace *::-webkit-scrollbar, body.bright .nyx .queryresults table *::-webkit-scrollbar, .nyx .queryresults body.bright table *::-webkit-scrollbar, body.bright .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar, .nyx div.ctrl .searchitems body.bright #selection-list *::-webkit-scrollbar, body.bright .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar, .nyx dialog div.dialog-body body.bright .dialog-icon *::-webkit-scrollbar, body.bright .sticky *::-webkit-scrollbar, body.bright .panel .errors *::-webkit-scrollbar, .panel body.bright .errors *::-webkit-scrollbar, body.bright .panel .tooltips *::-webkit-scrollbar, .panel body.bright .tooltips *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.bright .bg *::-webkit-scrollbar-track, body.bright .layergroup .container *::-webkit-scrollbar-track, .layergroup body.bright .container *::-webkit-scrollbar-track, body.bright .layergroup .layer-options *::-webkit-scrollbar-track, .layergroup body.bright .layer-options *::-webkit-scrollbar-track, body.bright #workspace *::-webkit-scrollbar-track, body.bright .nyx .queryresults table *::-webkit-scrollbar-track, .nyx .queryresults body.bright table *::-webkit-scrollbar-track, body.bright .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-track, .nyx div.ctrl .searchitems body.bright #selection-list *::-webkit-scrollbar-track, body.bright .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-track, .nyx dialog div.dialog-body body.bright .dialog-icon *::-webkit-scrollbar-track, body.bright .sticky *::-webkit-scrollbar-track, body.bright .panel .errors *::-webkit-scrollbar-track, .panel body.bright .errors *::-webkit-scrollbar-track, body.bright .panel .tooltips *::-webkit-scrollbar-track, .panel body.bright .tooltips *::-webkit-scrollbar-track {
  background: transparent; /*$bg-color;*/
}
body.bright .bg *::-webkit-scrollbar-corner, body.bright .layergroup .container *::-webkit-scrollbar-corner, .layergroup body.bright .container *::-webkit-scrollbar-corner, body.bright .layergroup .layer-options *::-webkit-scrollbar-corner, .layergroup body.bright .layer-options *::-webkit-scrollbar-corner, body.bright #workspace *::-webkit-scrollbar-corner, body.bright .nyx .queryresults table *::-webkit-scrollbar-corner, .nyx .queryresults body.bright table *::-webkit-scrollbar-corner, body.bright .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-corner, .nyx div.ctrl .searchitems body.bright #selection-list *::-webkit-scrollbar-corner, body.bright .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-corner, .nyx dialog div.dialog-body body.bright .dialog-icon *::-webkit-scrollbar-corner, body.bright .sticky *::-webkit-scrollbar-corner, body.bright .panel .errors *::-webkit-scrollbar-corner, .panel body.bright .errors *::-webkit-scrollbar-corner, body.bright .panel .tooltips *::-webkit-scrollbar-corner, .panel body.bright .tooltips *::-webkit-scrollbar-corner {
  background: #f5f5f5;
}
body.bright .bg *::-webkit-scrollbar-thumb, body.bright .layergroup .container *::-webkit-scrollbar-thumb, .layergroup body.bright .container *::-webkit-scrollbar-thumb, body.bright .layergroup .layer-options *::-webkit-scrollbar-thumb, .layergroup body.bright .layer-options *::-webkit-scrollbar-thumb, body.bright #workspace *::-webkit-scrollbar-thumb, body.bright .nyx .queryresults table *::-webkit-scrollbar-thumb, .nyx .queryresults body.bright table *::-webkit-scrollbar-thumb, body.bright .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-thumb, .nyx div.ctrl .searchitems body.bright #selection-list *::-webkit-scrollbar-thumb, body.bright .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-thumb, .nyx dialog div.dialog-body body.bright .dialog-icon *::-webkit-scrollbar-thumb, body.bright .sticky *::-webkit-scrollbar-thumb, body.bright .panel .errors *::-webkit-scrollbar-thumb, .panel body.bright .errors *::-webkit-scrollbar-thumb, body.bright .panel .tooltips *::-webkit-scrollbar-thumb, .panel body.bright .tooltips *::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 10px;
  border: 2px solid #f5f5f5;
}
body.bright .sticky, body.bright .panel .errors, .panel body.bright .errors, body.bright .panel .tooltips, .panel body.bright .tooltips {
  box-shadow: 0px 10px 6px #f5f5f5;
}
body.bright .toolbar {
  background-color: white;
}
body.bright .nyx-dash-cell .nyx-dash-card.dash-selected,
body.bright .nyx-dash-cell .nyx-dash-legend-item.dash-selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .nyx-dash-cell .nyx-dash-card.dash-selected .nyx-dash-card-value {
  color: rgb(229.5, 229.5, 229.5) !important;
}
body.bright .nyx-dash-cell .nyx-dash-tl-slot.dash-selected {
  fill: rgb(93.5, 93.5, 93.5);
}
body.bright .nyx-dash-cell .nyx-dash-card.dash-partial,
body.bright .nyx-dash-cell .nyx-dash-legend-item.dash-partial {
  background-color: rgb(215.6, 215.6, 215.6);
}
body.bright .nyx-dash-cell .nyx-dash-tl-slot.dash-partial {
  fill: rgb(215.6, 215.6, 215.6);
}
body.bright .nyx-dash-cell .nyx-dash-tool.active {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .table {
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #ccc;
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-0 {
  background-color: rgb(251.1, 183.9, 183.9);
  color: rgb(155.9, 88.7, 88.7);
}
body.bright .td.state-0.hover {
  background-color: rgb(248.448, 135.552, 135.552);
  color: rgb(123.3942763696, 70.2057236304, 70.2057236304);
}
body.bright .td.state-0.selected {
  color: rgb(248.448, 135.552, 135.552);
  background-color: rgb(123.3942763696, 70.2057236304, 70.2057236304);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-0 {
  background-color: rgb(243.96, 176.76, 176.76);
  color: rgb(155.9, 88.7, 88.7);
}
body.bright .th.state-0.hover {
  background-color: rgb(237.6535483871, 132.0664516129, 132.0664516129);
  color: rgb(123.3942763696, 70.2057236304, 70.2057236304);
}
body.bright .th.state-0.selected {
  color: rgb(237.6535483871, 132.0664516129, 132.0664516129);
  background-color: rgb(123.3942763696, 70.2057236304, 70.2057236304);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-1 {
  background-color: rgb(251.1, 206.4, 183.9);
  color: rgb(155.9, 111.2, 88.7);
}
body.bright .td.state-1.hover {
  background-color: rgb(248.448, 173.352, 135.552);
  color: rgb(123.3942763696, 88.0143908422, 70.2057236304);
}
body.bright .td.state-1.selected {
  color: rgb(248.448, 173.352, 135.552);
  background-color: rgb(123.3942763696, 88.0143908422, 70.2057236304);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-1 {
  background-color: rgb(243.96, 199.26, 176.76);
  color: rgb(155.9, 111.2, 88.7);
}
body.bright .th.state-1.hover {
  background-color: rgb(237.6535483871, 167.4192741935, 132.0664516129);
  color: rgb(123.3942763696, 88.0143908422, 70.2057236304);
}
body.bright .th.state-1.selected {
  color: rgb(237.6535483871, 167.4192741935, 132.0664516129);
  background-color: rgb(123.3942763696, 88.0143908422, 70.2057236304);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-2 {
  background-color: rgb(251.1, 226.8, 183.9);
  color: rgb(155.9, 131.6, 88.7);
}
body.bright .td.state-2.hover {
  background-color: rgb(248.448, 207.624, 135.552);
  color: rgb(123.3942763696, 104.1609157809, 70.2057236304);
}
body.bright .td.state-2.selected {
  color: rgb(248.448, 207.624, 135.552);
  background-color: rgb(123.3942763696, 104.1609157809, 70.2057236304);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-2 {
  background-color: rgb(243.96, 219.66, 176.76);
  color: rgb(155.9, 131.6, 88.7);
}
body.bright .th.state-2.hover {
  background-color: rgb(237.6535483871, 199.4725, 132.0664516129);
  color: rgb(123.3942763696, 104.1609157809, 70.2057236304);
}
body.bright .th.state-2.selected {
  color: rgb(237.6535483871, 199.4725, 132.0664516129);
  background-color: rgb(123.3942763696, 104.1609157809, 70.2057236304);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-3 {
  background-color: rgb(251.1, 237.6, 183.9);
  color: rgb(155.9, 142.4, 88.7);
}
body.bright .td.state-3.hover {
  background-color: rgb(248.448, 225.768, 135.552);
  color: rgb(123.3942763696, 112.7090760425, 70.2057236304);
}
body.bright .td.state-3.selected {
  color: rgb(248.448, 225.768, 135.552);
  background-color: rgb(123.3942763696, 112.7090760425, 70.2057236304);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-3 {
  background-color: rgb(243.96, 230.46, 176.76);
  color: rgb(155.9, 142.4, 88.7);
}
body.bright .th.state-3.hover {
  background-color: rgb(237.6535483871, 216.4418548387, 132.0664516129);
  color: rgb(123.3942763696, 112.7090760425, 70.2057236304);
}
body.bright .th.state-3.selected {
  color: rgb(237.6535483871, 216.4418548387, 132.0664516129);
  background-color: rgb(123.3942763696, 112.7090760425, 70.2057236304);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-4 {
  background-color: rgb(234, 241.8, 178.5);
  color: rgb(138.8, 146.6, 83.3);
}
body.bright .td.state-4.hover {
  background-color: rgb(222.0602006689, 234.2949832776, 135.0050167224);
  color: rgb(108.0092214006, 114.0789038712, 64.8210961288);
}
body.bright .td.state-4.selected {
  color: rgb(222.0602006689, 234.2949832776, 135.0050167224);
  background-color: rgb(108.0092214006, 114.0789038712, 64.8210961288);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-4 {
  background-color: rgb(226.86, 234.66, 171.36);
  color: rgb(138.8, 146.6, 83.3);
}
body.bright .th.state-4.hover {
  background-color: rgb(213.0579226774, 224.6836583958, 130.3363416042);
  color: rgb(108.0092214006, 114.0789038712, 64.8210961288);
}
body.bright .th.state-4.selected {
  color: rgb(213.0579226774, 224.6836583958, 130.3363416042);
  background-color: rgb(108.0092214006, 114.0789038712, 64.8210961288);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-5 {
  background-color: rgb(179.4, 243.9, 208.8);
  color: rgb(84.2, 148.7, 113.6);
}
body.bright .td.state-5.hover {
  background-color: rgb(134.9294117647, 237.3705882353, 181.6235294118);
  color: rgb(65.7620437956, 116.1379562044, 88.7240875912);
}
body.bright .td.state-5.selected {
  color: rgb(134.9294117647, 237.3705882353, 181.6235294118);
  background-color: rgb(65.7620437956, 116.1379562044, 88.7240875912);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-5 {
  background-color: rgb(172.26, 236.76, 201.66);
  color: rgb(84.2, 148.7, 113.6);
}
body.bright .th.state-5.hover {
  background-color: rgb(130.4721212121, 227.5478787879, 174.7206060606);
  color: rgb(65.7620437956, 116.1379562044, 88.7240875912);
}
body.bright .th.state-5.selected {
  color: rgb(130.4721212121, 227.5478787879, 174.7206060606);
  background-color: rgb(65.7620437956, 116.1379562044, 88.7240875912);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-6 {
  background-color: rgb(182.1, 224.4, 217.5);
  color: rgb(86.9, 129.2, 122.3);
}
body.bright .td.state-6.hover {
  background-color: rgb(146.1782608696, 209.3217391304, 199.0217391304);
  color: rgb(66.3914391485, 98.7085608515, 93.4369736233);
}
body.bright .td.state-6.selected {
  color: rgb(146.1782608696, 209.3217391304, 199.0217391304);
  background-color: rgb(66.3914391485, 98.7085608515, 93.4369736233);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-6 {
  background-color: rgb(174.96, 217.26, 210.36);
  color: rgb(86.9, 129.2, 122.3);
}
body.bright .th.state-6.hover {
  background-color: rgb(140.3018237392, 200.9181762608, 191.0304024452);
  color: rgb(66.3914391485, 98.7085608515, 93.4369736233);
}
body.bright .th.state-6.selected {
  color: rgb(140.3018237392, 200.9181762608, 191.0304024452);
  background-color: rgb(66.3914391485, 98.7085608515, 93.4369736233);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-7 {
  background-color: rgb(184.8, 207.6, 225.3);
  color: rgb(89.6, 112.4, 130.1);
}
body.bright .td.state-7.hover {
  background-color: rgb(148.9621621622, 183.4018018018, 210.1378378378);
  color: rgb(68.8007282658, 86.3080564406, 99.8992717342);
}
body.bright .td.state-7.selected {
  color: rgb(148.9621621622, 183.4018018018, 210.1378378378);
  background-color: rgb(68.8007282658, 86.3080564406, 99.8992717342);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-7 {
  background-color: rgb(177.66, 200.46, 218.16);
  color: rgb(89.6, 112.4, 130.1);
}
body.bright .th.state-7.hover {
  background-color: rgb(143.1150709406, 176.0989910667, 201.7049290594);
  color: rgb(68.8007282658, 86.3080564406, 99.8992717342);
}
body.bright .th.state-7.selected {
  color: rgb(143.1150709406, 176.0989910667, 201.7049290594);
  background-color: rgb(68.8007282658, 86.3080564406, 99.8992717342);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-8 {
  background-color: rgb(194.4, 188.1, 228.9);
  color: rgb(99.2, 92.9, 133.7);
}
body.bright .td.state-8.hover {
  background-color: rgb(161.1677419355, 151.4129032258, 214.5870967742);
  color: rgb(76.8734333628, 71.9913503972, 103.6086496028);
}
body.bright .td.state-8.selected {
  color: rgb(161.1677419355, 151.4129032258, 214.5870967742);
  background-color: rgb(76.8734333628, 71.9913503972, 103.6086496028);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-8 {
  background-color: rgb(187.26, 180.96, 221.76);
  color: rgb(99.2, 92.9, 133.7);
}
body.bright .th.state-8.hover {
  background-color: rgb(155.0569798658, 145.7620134228, 205.9579865772);
  color: rgb(76.8734333628, 71.9913503972, 103.6086496028);
}
body.bright .th.state-8.selected {
  color: rgb(155.0569798658, 145.7620134228, 205.9579865772);
  background-color: rgb(76.8734333628, 71.9913503972, 103.6086496028);
}
body.bright .td {
  background-color: #fff;
  color: #777;
}
body.bright .td.hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.selected {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .td.state-9 {
  background-color: rgb(217.2, 183.6, 226.5);
  color: rgb(122, 88.4, 131.3);
}
body.bright .td.state-9.hover {
  background-color: rgb(197.9027027027, 147.1495495495, 211.9504504505);
  color: rgb(93.6795630405, 67.8792899408, 100.8207100592);
}
body.bright .td.state-9.selected {
  color: rgb(197.9027027027, 147.1495495495, 211.9504504505);
  background-color: rgb(93.6795630405, 67.8792899408, 100.8207100592);
}
body.bright .th {
  background-color: rgb(244.8, 244.8, 244.8);
  color: #777;
}
body.bright .th.hover {
  background-color: rgb(219.3, 219.3, 219.3);
  color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.selected {
  color: rgb(219.3, 219.3, 219.3);
  background-color: rgb(93.5, 93.5, 93.5);
}
body.bright .th.state-9 {
  background-color: rgb(210.06, 176.46, 219.36);
  color: rgb(122, 88.4, 131.3);
}
body.bright .th.state-9.hover {
  background-color: rgb(189.9869574356, 141.3790751445, 203.4409248555);
  color: rgb(93.6795630405, 67.8792899408, 100.8207100592);
}
body.bright .th.state-9.selected {
  color: rgb(189.9869574356, 141.3790751445, 203.4409248555);
  background-color: rgb(93.6795630405, 67.8792899408, 100.8207100592);
}
body.bright .caption, body.bright .nyx .queryresults table th, .nyx .queryresults table body.bright th {
  background-color: rgb(232.25, 232.25, 232.25);
  color: #555;
}
body.bright .erroritem {
  color: #cf4646;
  background-color: rgb(249.025751073, 231.974248927, 231.974248927);
  border: 1px solid #cf4646;
  border-radius: 4px;
  padding: 6px 4px;
  margin: 3px;
}
body.bright .edit, body.bright .nyx input, .nyx body.bright input, body.bright .nyx textarea, .nyx body.bright textarea, body.bright .nyx select, .nyx body.bright select, body.bright .item {
  border-color: rgb(168.5, 168.5, 168.5);
  background-color: white;
  color: #333;
  border-style: solid;
}
body.bright .edit.highlite, body.bright .nyx input.highlite, .nyx body.bright input.highlite, body.bright .nyx textarea.highlite, .nyx body.bright textarea.highlite, body.bright .nyx select.highlite, .nyx body.bright select.highlite, body.bright .edit:hover, body.bright .nyx input:hover, .nyx body.bright input:hover, body.bright .nyx textarea:hover, .nyx body.bright textarea:hover, body.bright .nyx select:hover, .nyx body.bright select:hover, body.bright .edit:focus, body.bright .nyx input:focus, .nyx body.bright input:focus, body.bright .nyx textarea:focus, .nyx body.bright textarea:focus, body.bright .nyx select:focus, .nyx body.bright select:focus, body.bright .item.highlite, body.bright .item:hover, body.bright .item:focus {
  background-color: white;
  border: 1px solid #0db5ff;
  outline: 1px solid #0db5ff;
  /*box-shadow: 0px 0px 3px lighten($item-focus-color,10%);*/
}
body.bright .edit.error, body.bright .nyx input.error, .nyx body.bright input.error, body.bright .nyx textarea.error, .nyx body.bright textarea.error, body.bright .nyx select.error, .nyx body.bright select.error, body.bright .item.error {
  color: #cf4646;
  border-color: #cf4646;
  background-color: rgb(249.025751073, 231.974248927, 231.974248927);
}
body.bright .edit.error:hover, body.bright .nyx input.error:hover, .nyx body.bright input.error:hover, body.bright .nyx textarea.error:hover, .nyx body.bright textarea.error:hover, body.bright .nyx select.error:hover, .nyx body.bright select.error:hover, body.bright .edit.error:focus, body.bright .nyx input.error:focus, .nyx body.bright input.error:focus, body.bright .nyx textarea.error:focus, .nyx body.bright textarea.error:focus, body.bright .nyx select.error:focus, .nyx body.bright select.error:focus, body.bright .item.error:hover, body.bright .item.error:focus {
  background-color: #cf4646;
  background: rgb(249.025751073, 231.974248927, 231.974248927);
  border: 1px solid #cf4646;
  outline: 1px solid #cf4646;
  /*box-shadow: 0px 0px 3px $error-color;*/
}
body.bright .edit.mandatory, body.bright .nyx input.mandatory, .nyx body.bright input.mandatory, body.bright .nyx textarea.mandatory, .nyx body.bright textarea.mandatory, body.bright .nyx select.mandatory, .nyx body.bright select.mandatory, body.bright .item.mandatory {
  color: #fb9d00;
  border-color: #fb9d00;
  background-color: rgb(255, 234.4023904382, 200);
}
body.bright .edit.mandatory:hover, body.bright .nyx input.mandatory:hover, .nyx body.bright input.mandatory:hover, body.bright .nyx textarea.mandatory:hover, .nyx body.bright textarea.mandatory:hover, body.bright .nyx select.mandatory:hover, .nyx body.bright select.mandatory:hover, body.bright .edit.mandatory:focus, body.bright .nyx input.mandatory:focus, .nyx body.bright input.mandatory:focus, body.bright .nyx textarea.mandatory:focus, .nyx body.bright textarea.mandatory:focus, body.bright .nyx select.mandatory:focus, .nyx body.bright select.mandatory:focus, body.bright .item.mandatory:hover, body.bright .item.mandatory:focus {
  background-color: #fb9d00;
  background: rgb(255, 234.4023904382, 200);
  border: 1px solid #fb9d00;
  outline: 1px solid #fb9d00;
  /*box-shadow: 0px 0px 3px $mandatory-color;*/
}
body.bright .list {
  border-color: rgb(168.5, 168.5, 168.5);
}
body.bright .badge.info {
  background-color: #0097d9;
  border: 1px solid rgb(0, 115.5115207373, 166);
  color: #fff;
}
body.bright .badge.warn {
  background-color: #fb9d00;
  border: 1px solid rgb(200, 125.0996015936, 0);
  color: #fff;
}
body.bright label {
  color: rgba(0, 0, 0, 0.6);
}
body.bright .btn, body.bright .sel-btn#select_right, body.bright .sel-btn#select_center, body.bright .sel-btn#open_list, body.bright .sel-btn#toggle_zoomto, body.bright .sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item body.bright button.deleteitem, body.bright .nyx div.ctrl .searchitems .item, .nyx div.ctrl .searchitems body.bright .item, body.bright .nyx div.ctrl.list div.items div.item button, .nyx div.ctrl.list div.items div.item body.bright button, body.bright .nyx div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items body.bright div.item, body.bright .nyx div.ctrl .image .clear, .nyx div.ctrl .image body.bright .clear, body.bright .searchitems .item {
  font-size: 100%;
  padding: 5px;
  background-color: #f4f4f4;
  color: #333;
  border-style: solid;
  border-color: rgb(168.5, 168.5, 168.5);
}
body.bright .btn:focus, body.bright .sel-btn#select_right:focus, body.bright .sel-btn#select_center:focus, body.bright .sel-btn#open_list:focus, body.bright .sel-btn#toggle_zoomto:focus, body.bright .sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.deleteitem:focus, .nyx div.ctrl .searchitems body.bright .item:focus, body.bright .nyx div.ctrl.list div.items div.item button:focus, .nyx div.ctrl.list div.items div.item body.bright button:focus, body.bright .nyx div.ctrl.list div.items div.item:focus, .nyx div.ctrl.list div.items body.bright div.item:focus, body.bright .nyx div.ctrl .image .clear:focus, .nyx div.ctrl .image body.bright .clear:focus, body.bright .searchitems .item:focus {
  outline: 2px solid #0db5ff;
  border-color: rgba(43, 77, 92, 0.5411764706);
}
body.bright .btn:hover, body.bright .sel-btn#select_right:hover, body.bright .sel-btn#select_center:hover, body.bright .sel-btn#open_list:hover, body.bright .sel-btn#toggle_zoomto:hover, body.bright .sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.deleteitem:hover, .nyx div.ctrl .searchitems body.bright .item:hover, body.bright .nyx div.ctrl.list div.items div.item button:hover, .nyx div.ctrl.list div.items div.item body.bright button:hover, body.bright .nyx div.ctrl.list div.items div.item:hover, .nyx div.ctrl.list div.items body.bright div.item:hover, body.bright .nyx div.ctrl .image .clear:hover, .nyx div.ctrl .image body.bright .clear:hover, body.bright .searchitems .item:hover {
  background-color: white;
}
body.bright .btn.add, body.bright .add.sel-btn#select_right, body.bright .add.sel-btn#select_center, body.bright .add.sel-btn#open_list, body.bright .add.sel-btn#toggle_zoomto, body.bright .add.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.add.deleteitem, .list.checklist div.items .checklist-item body.bright button.add.deleteitem, .nyx div.ctrl .searchitems body.bright .add.item, body.bright .nyx div.ctrl.list div.items div.item button.add, body.bright .nyx div.ctrl.list div.items div.item button.copyitem, .nyx div.ctrl.list div.items div.item body.bright button.add, .nyx div.ctrl.list div.items div.item body.bright button.copyitem, body.bright .nyx div.ctrl.list div.items div.add.item, .nyx div.ctrl.list div.items body.bright div.add.item, body.bright .nyx div.ctrl .image .add.clear, .nyx div.ctrl .image body.bright .add.clear, .nyx div.ctrl.list .image body.bright div.items div.item button.clear.copyitem, body.bright .searchitems .item.add {
  background-color: #008952;
  color: #fff;
  border-color: rgb(0, 111.5, 66.7372262774);
}
body.bright .btn.add:hover, body.bright .add.sel-btn#select_right:hover, body.bright .add.sel-btn#select_center:hover, body.bright .add.sel-btn#open_list:hover, body.bright .add.sel-btn#toggle_zoomto:hover, body.bright .add.sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.add.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.add.deleteitem:hover, .nyx div.ctrl .searchitems body.bright .add.item:hover, body.bright .nyx div.ctrl.list div.items div.item button.add:hover, body.bright .nyx div.ctrl.list div.items div.item button.copyitem:hover, .nyx div.ctrl.list div.items div.item body.bright button.add:hover, .nyx div.ctrl.list div.items div.item body.bright button.copyitem:hover, body.bright .nyx div.ctrl.list div.items div.add.item:hover, .nyx div.ctrl.list div.items body.bright div.add.item:hover, body.bright .nyx div.ctrl .image .add.clear:hover, .nyx div.ctrl .image body.bright .add.clear:hover, .nyx div.ctrl.list .image body.bright div.items div.item button.clear.copyitem:hover, body.bright .btn.add:focus, body.bright .add.sel-btn#select_right:focus, body.bright .add.sel-btn#select_center:focus, body.bright .add.sel-btn#open_list:focus, body.bright .add.sel-btn#toggle_zoomto:focus, body.bright .add.sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.add.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.add.deleteitem:focus, .nyx div.ctrl .searchitems body.bright .add.item:focus, body.bright .nyx div.ctrl.list div.items div.item button.add:focus, body.bright .nyx div.ctrl.list div.items div.item button.copyitem:focus, .nyx div.ctrl.list div.items div.item body.bright button.add:focus, .nyx div.ctrl.list div.items div.item body.bright button.copyitem:focus, body.bright .nyx div.ctrl.list div.items div.add.item:focus, .nyx div.ctrl.list div.items body.bright div.add.item:focus, body.bright .nyx div.ctrl .image .add.clear:focus, .nyx div.ctrl .image body.bright .add.clear:focus, .nyx div.ctrl.list .image body.bright div.items div.item button.clear.copyitem:focus, body.bright .searchitems .item.add:hover, body.bright .searchitems .item.add:focus {
  background-color: rgb(0, 213.5, 127.7883211679);
  border-color: rgb(0, 188, 112.5255474453);
}
body.bright .btn.add.selected, body.bright .add.selected.sel-btn#select_right, body.bright .add.selected.sel-btn#select_center, body.bright .add.selected.sel-btn#open_list, body.bright .add.selected.sel-btn#toggle_zoomto, body.bright .add.selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.add.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.add.selected.deleteitem, .nyx div.ctrl .searchitems body.bright .add.selected.item, body.bright .nyx div.ctrl.list div.items div.item button.add.selected, body.bright .nyx div.ctrl.list div.items div.item button.selected.copyitem, .nyx div.ctrl.list div.items div.item body.bright button.add.selected, .nyx div.ctrl.list div.items div.item body.bright button.selected.copyitem, body.bright .nyx div.ctrl.list div.items div.add.selected.item, .nyx div.ctrl.list div.items body.bright div.add.selected.item, body.bright .nyx div.ctrl .image .add.selected.clear, .nyx div.ctrl .image body.bright .add.selected.clear, .nyx div.ctrl.list .image body.bright div.items div.item button.selected.clear.copyitem, body.bright .searchitems .item.add.selected {
  background-color: #fff;
  color: #008952;
  text-shadow: rgb(127.5, 196, 168.5) 0px 0 5px;
}
body.bright .btn.save, body.bright .btn#sign-in.signed-in, body.bright .save.sel-btn#select_right, body.bright .save.sel-btn#select_center, body.bright .save.sel-btn#open_list, body.bright .save.sel-btn#toggle_zoomto, body.bright .save.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.save.deleteitem, body.bright .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in, .list.checklist div.items .checklist-item body.bright button.save.deleteitem, .list.checklist div.items .checklist-item body.bright button.deleteitem#sign-in.signed-in, .nyx div.ctrl .searchitems body.bright .save.item, .nyx div.ctrl .searchitems body.bright .item#sign-in.signed-in, body.bright .nyx div.ctrl.list div.items div.item button.save, body.bright .nyx div.ctrl.list div.items div.item button#sign-in.signed-in, .nyx div.ctrl.list div.items div.item body.bright button.save, .nyx div.ctrl.list div.items div.item body.bright button#sign-in.signed-in, body.bright .nyx div.ctrl.list div.items div.save.item, body.bright .nyx div.ctrl.list div.items div.item#sign-in.signed-in, .nyx div.ctrl.list div.items body.bright div.save.item, .nyx div.ctrl.list div.items body.bright div.item#sign-in.signed-in, body.bright .nyx div.ctrl .image .save.clear, body.bright .nyx div.ctrl .image .clear#sign-in.signed-in, .nyx div.ctrl .image body.bright .save.clear, .nyx div.ctrl .image body.bright .clear#sign-in.signed-in, body.bright .searchitems .item.save, body.bright .searchitems .item#sign-in.signed-in {
  background-color: #fb9d00;
  color: #fff;
  border-color: rgb(225.5, 141.0498007968, 0);
}
body.bright .btn.save:hover, body.bright .btn#sign-in.signed-in:hover, body.bright .save.sel-btn#select_right:hover, body.bright .save.sel-btn#select_center:hover, body.bright .save.sel-btn#open_list:hover, body.bright .save.sel-btn#toggle_zoomto:hover, body.bright .save.sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.save.deleteitem:hover, body.bright .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in:hover, .list.checklist div.items .checklist-item body.bright button.save.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.deleteitem#sign-in.signed-in:hover, .nyx div.ctrl .searchitems body.bright .save.item:hover, .nyx div.ctrl .searchitems body.bright .item#sign-in.signed-in:hover, body.bright .nyx div.ctrl.list div.items div.item button.save:hover, body.bright .nyx div.ctrl.list div.items div.item button#sign-in.signed-in:hover, .nyx div.ctrl.list div.items div.item body.bright button.save:hover, .nyx div.ctrl.list div.items div.item body.bright button#sign-in.signed-in:hover, body.bright .nyx div.ctrl.list div.items div.save.item:hover, body.bright .nyx div.ctrl.list div.items div.item#sign-in.signed-in:hover, .nyx div.ctrl.list div.items body.bright div.save.item:hover, .nyx div.ctrl.list div.items body.bright div.item#sign-in.signed-in:hover, body.bright .nyx div.ctrl .image .save.clear:hover, body.bright .nyx div.ctrl .image .clear#sign-in.signed-in:hover, .nyx div.ctrl .image body.bright .save.clear:hover, .nyx div.ctrl .image body.bright .clear#sign-in.signed-in:hover, body.bright .btn.save:focus, body.bright .btn#sign-in.signed-in:focus, body.bright .save.sel-btn#select_right:focus, body.bright .save.sel-btn#select_center:focus, body.bright .save.sel-btn#open_list:focus, body.bright .save.sel-btn#toggle_zoomto:focus, body.bright .save.sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.save.deleteitem:focus, body.bright .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in:focus, .list.checklist div.items .checklist-item body.bright button.save.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.deleteitem#sign-in.signed-in:focus, .nyx div.ctrl .searchitems body.bright .save.item:focus, .nyx div.ctrl .searchitems body.bright .item#sign-in.signed-in:focus, body.bright .nyx div.ctrl.list div.items div.item button.save:focus, body.bright .nyx div.ctrl.list div.items div.item button#sign-in.signed-in:focus, .nyx div.ctrl.list div.items div.item body.bright button.save:focus, .nyx div.ctrl.list div.items div.item body.bright button#sign-in.signed-in:focus, body.bright .nyx div.ctrl.list div.items div.save.item:focus, body.bright .nyx div.ctrl.list div.items div.item#sign-in.signed-in:focus, .nyx div.ctrl.list div.items body.bright div.save.item:focus, .nyx div.ctrl.list div.items body.bright div.item#sign-in.signed-in:focus, body.bright .nyx div.ctrl .image .save.clear:focus, body.bright .nyx div.ctrl .image .clear#sign-in.signed-in:focus, .nyx div.ctrl .image body.bright .save.clear:focus, .nyx div.ctrl .image body.bright .clear#sign-in.signed-in:focus, body.bright .searchitems .item.save:hover, body.bright .searchitems .item#sign-in.signed-in:hover, body.bright .searchitems .item.save:focus, body.bright .searchitems .item#sign-in.signed-in:focus {
  background-color: rgb(255, 186.6533864542, 72.5);
  border-color: rgb(255, 177.1035856574, 47);
}
body.bright .btn.save.selected, body.bright .btn.selected#sign-in.signed-in, body.bright .save.selected.sel-btn#select_right, body.bright .save.selected.sel-btn#select_center, body.bright .save.selected.sel-btn#open_list, body.bright .save.selected.sel-btn#toggle_zoomto, body.bright .save.selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.save.selected.deleteitem, body.bright .list.checklist div.items .checklist-item button.selected.deleteitem#sign-in.signed-in, .list.checklist div.items .checklist-item body.bright button.save.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.selected.deleteitem#sign-in.signed-in, .nyx div.ctrl .searchitems body.bright .save.selected.item, .nyx div.ctrl .searchitems body.bright .selected.item#sign-in.signed-in, body.bright .nyx div.ctrl.list div.items div.item button.save.selected, body.bright .nyx div.ctrl.list div.items div.item button.selected#sign-in.signed-in, .nyx div.ctrl.list div.items div.item body.bright button.save.selected, .nyx div.ctrl.list div.items div.item body.bright button.selected#sign-in.signed-in, body.bright .nyx div.ctrl.list div.items div.save.selected.item, body.bright .nyx div.ctrl.list div.items div.selected.item#sign-in.signed-in, .nyx div.ctrl.list div.items body.bright div.save.selected.item, .nyx div.ctrl.list div.items body.bright div.selected.item#sign-in.signed-in, body.bright .nyx div.ctrl .image .save.selected.clear, body.bright .nyx div.ctrl .image .selected.clear#sign-in.signed-in, .nyx div.ctrl .image body.bright .save.selected.clear, .nyx div.ctrl .image body.bright .selected.clear#sign-in.signed-in, body.bright .searchitems .item.save.selected, body.bright .searchitems .item.selected#sign-in.signed-in {
  background-color: #fff;
  color: #fb9d00;
  text-shadow: rgb(253, 206, 127.5) 0px 0 5px;
}
body.bright .btn.del, body.bright .del.sel-btn#select_right, body.bright .del.sel-btn#select_center, body.bright .del.sel-btn#open_list, body.bright .del.sel-btn#toggle_zoomto, body.bright .del.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item body.bright button.deleteitem, .nyx div.ctrl .searchitems body.bright .del.item, body.bright .nyx div.ctrl.list div.items div.item button.del, body.bright .nyx div.ctrl.list div.items div.item button.deleteitem, .nyx div.ctrl.list div.items div.item body.bright button.del, .nyx div.ctrl.list div.items div.item body.bright button.deleteitem, body.bright .nyx div.ctrl.list div.items div.del.item, .nyx div.ctrl.list div.items body.bright div.del.item, body.bright .nyx div.ctrl .image .clear, .nyx div.ctrl .image body.bright .clear, body.bright .searchitems .item.del {
  background-color: #c51700;
  color: #fff;
  border-color: rgb(171.5, 20.0228426396, 0);
}
body.bright .btn.del:hover, body.bright .del.sel-btn#select_right:hover, body.bright .del.sel-btn#select_center:hover, body.bright .del.sel-btn#open_list:hover, body.bright .del.sel-btn#toggle_zoomto:hover, body.bright .del.sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.deleteitem:hover, .nyx div.ctrl .searchitems body.bright .del.item:hover, body.bright .nyx div.ctrl.list div.items div.item button.del:hover, body.bright .nyx div.ctrl.list div.items div.item button.deleteitem:hover, .nyx div.ctrl.list div.items div.item body.bright button.del:hover, .nyx div.ctrl.list div.items div.item body.bright button.deleteitem:hover, body.bright .nyx div.ctrl.list div.items div.del.item:hover, .nyx div.ctrl.list div.items body.bright div.del.item:hover, body.bright .nyx div.ctrl .image .clear:hover, .nyx div.ctrl .image body.bright .clear:hover, body.bright .btn.del:focus, body.bright .del.sel-btn#select_right:focus, body.bright .del.sel-btn#select_center:focus, body.bright .del.sel-btn#open_list:focus, body.bright .del.sel-btn#toggle_zoomto:focus, body.bright .del.sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.deleteitem:focus, .nyx div.ctrl .searchitems body.bright .del.item:focus, body.bright .nyx div.ctrl.list div.items div.item button.del:focus, body.bright .nyx div.ctrl.list div.items div.item button.deleteitem:focus, .nyx div.ctrl.list div.items div.item body.bright button.del:focus, .nyx div.ctrl.list div.items div.item body.bright button.deleteitem:focus, body.bright .nyx div.ctrl.list div.items div.del.item:focus, .nyx div.ctrl.list div.items body.bright div.del.item:focus, body.bright .nyx div.ctrl .image .clear:focus, .nyx div.ctrl .image body.bright .clear:focus, body.bright .searchitems .item.del:hover, body.bright .searchitems .item.del:focus {
  background-color: rgb(255, 46.1116751269, 18.5);
  border-color: rgb(248, 28.9543147208, 0);
  /*box-shadow: 0px 0px 3px $btn-rem;*/
}
body.bright .btn.del.selected, body.bright .del.selected.sel-btn#select_right, body.bright .del.selected.sel-btn#select_center, body.bright .del.selected.sel-btn#open_list, body.bright .del.selected.sel-btn#toggle_zoomto, body.bright .del.selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.selected.deleteitem, .nyx div.ctrl .searchitems body.bright .del.selected.item, body.bright .nyx div.ctrl.list div.items div.item button.del.selected, body.bright .nyx div.ctrl.list div.items div.item button.selected.deleteitem, .nyx div.ctrl.list div.items div.item body.bright button.del.selected, .nyx div.ctrl.list div.items div.item body.bright button.selected.deleteitem, body.bright .nyx div.ctrl.list div.items div.del.selected.item, .nyx div.ctrl.list div.items body.bright div.del.selected.item, body.bright .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.bright .selected.clear, body.bright .searchitems .item.del.selected {
  background-color: #fff;
  color: #c51700;
  text-shadow: rgb(226, 139, 127.5) 0px 0 5px;
}
body.bright .btn.def, body.bright .def.sel-btn#select_right, body.bright .def.sel-btn#select_center, body.bright .def.sel-btn#open_list, body.bright .def.sel-btn#toggle_zoomto, body.bright .def.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.def.deleteitem, .list.checklist div.items .checklist-item body.bright button.def.deleteitem, .nyx div.ctrl .searchitems body.bright .def.item, .nyx div.ctrl.list body.bright div.items > div.btn.item, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_right, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_center, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#open_list, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#toggle_zoomto, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_left, .nyx div.ctrl.list body.bright .searchitems div.items > div.item, .nyx div.ctrl.list .searchitems body.bright div.items > div.item, body.bright .nyx div.ctrl.list div.items div.item button.def, .nyx div.ctrl.list div.items div.item body.bright button.def, body.bright .nyx div.ctrl.list div.items div.def.item, body.bright .nyx div.ctrl.list div.items > div.item, .nyx div.ctrl.list div.items body.bright div.def.item, .nyx div.ctrl.list div.items body.bright div.items > div.item, body.bright .nyx div.ctrl .image .def.clear, .nyx div.ctrl .image body.bright .def.clear, .nyx div.ctrl.list .image body.bright div.items > div.clear.item, body.bright .btn.highlite, body.bright .highlite.sel-btn#select_right, body.bright .highlite.sel-btn#select_center, body.bright .highlite.sel-btn#open_list, body.bright .highlite.sel-btn#toggle_zoomto, body.bright .highlite.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.highlite.deleteitem, .list.checklist div.items .checklist-item body.bright button.highlite.deleteitem, .nyx div.ctrl .searchitems body.bright .highlite.item, body.bright .nyx div.ctrl.list div.items div.item button.highlite, .nyx div.ctrl.list div.items div.item body.bright button.highlite, body.bright .nyx div.ctrl.list div.items div.highlite.item, .nyx div.ctrl.list div.items body.bright div.highlite.item, body.bright .nyx div.ctrl .image .highlite.clear, .nyx div.ctrl .image body.bright .highlite.clear, body.bright .searchitems .item.def, body.bright .searchitems .item.highlite {
  background-color: #0097d9;
  color: #fff;
  border-color: rgb(0, 133.2557603687, 191.5);
}
body.bright .btn.def:hover, body.bright .def.sel-btn#select_right:hover, body.bright .def.sel-btn#select_center:hover, body.bright .def.sel-btn#open_list:hover, body.bright .def.sel-btn#toggle_zoomto:hover, body.bright .def.sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.def.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.def.deleteitem:hover, .nyx div.ctrl .searchitems body.bright .def.item:hover, .nyx div.ctrl.list body.bright div.items > div.btn.item:hover, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_right:hover, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_center:hover, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#open_list:hover, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#toggle_zoomto:hover, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_left:hover, .nyx div.ctrl.list body.bright .searchitems div.items > div.item:hover, .nyx div.ctrl.list .searchitems body.bright div.items > div.item:hover, body.bright .nyx div.ctrl.list div.items div.item button.def:hover, .nyx div.ctrl.list div.items div.item body.bright button.def:hover, body.bright .nyx div.ctrl.list div.items div.def.item:hover, body.bright .nyx div.ctrl.list div.items > div.item:hover, .nyx div.ctrl.list div.items body.bright div.def.item:hover, .nyx div.ctrl.list div.items body.bright div.items > div.item:hover, body.bright .nyx div.ctrl .image .def.clear:hover, .nyx div.ctrl .image body.bright .def.clear:hover, .nyx div.ctrl.list .image body.bright div.items > div.clear.item:hover, body.bright .btn.def:focus, body.bright .def.sel-btn#select_right:focus, body.bright .def.sel-btn#select_center:focus, body.bright .def.sel-btn#open_list:focus, body.bright .def.sel-btn#toggle_zoomto:focus, body.bright .def.sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.def.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.def.deleteitem:focus, .nyx div.ctrl .searchitems body.bright .def.item:focus, .nyx div.ctrl.list body.bright div.items > div.btn.item:focus, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_right:focus, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_center:focus, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#open_list:focus, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#toggle_zoomto:focus, .nyx div.ctrl.list body.bright div.items > div.item.sel-btn#select_left:focus, .nyx div.ctrl.list body.bright .searchitems div.items > div.item:focus, .nyx div.ctrl.list .searchitems body.bright div.items > div.item:focus, body.bright .nyx div.ctrl.list div.items div.item button.def:focus, .nyx div.ctrl.list div.items div.item body.bright button.def:focus, body.bright .nyx div.ctrl.list div.items div.def.item:focus, body.bright .nyx div.ctrl.list div.items > div.item:focus, .nyx div.ctrl.list div.items body.bright div.def.item:focus, .nyx div.ctrl.list div.items body.bright div.items > div.item:focus, body.bright .nyx div.ctrl .image .def.clear:focus, .nyx div.ctrl .image body.bright .def.clear:focus, .nyx div.ctrl.list .image body.bright div.items > div.clear.item:focus, body.bright .btn.highlite:hover, body.bright .highlite.sel-btn#select_right:hover, body.bright .highlite.sel-btn#select_center:hover, body.bright .highlite.sel-btn#open_list:hover, body.bright .highlite.sel-btn#toggle_zoomto:hover, body.bright .highlite.sel-btn#select_left:hover, body.bright .list.checklist div.items .checklist-item button.highlite.deleteitem:hover, .list.checklist div.items .checklist-item body.bright button.highlite.deleteitem:hover, .nyx div.ctrl .searchitems body.bright .highlite.item:hover, body.bright .nyx div.ctrl.list div.items div.item button.highlite:hover, .nyx div.ctrl.list div.items div.item body.bright button.highlite:hover, body.bright .nyx div.ctrl.list div.items div.highlite.item:hover, .nyx div.ctrl.list div.items body.bright div.highlite.item:hover, body.bright .nyx div.ctrl .image .highlite.clear:hover, .nyx div.ctrl .image body.bright .highlite.clear:hover, body.bright .btn.highlite:focus, body.bright .highlite.sel-btn#select_right:focus, body.bright .highlite.sel-btn#select_center:focus, body.bright .highlite.sel-btn#open_list:focus, body.bright .highlite.sel-btn#toggle_zoomto:focus, body.bright .highlite.sel-btn#select_left:focus, body.bright .list.checklist div.items .checklist-item button.highlite.deleteitem:focus, .list.checklist div.items .checklist-item body.bright button.highlite.deleteitem:focus, .nyx div.ctrl .searchitems body.bright .highlite.item:focus, body.bright .nyx div.ctrl.list div.items div.item button.highlite:focus, .nyx div.ctrl.list div.items div.item body.bright button.highlite:focus, body.bright .nyx div.ctrl.list div.items div.highlite.item:focus, .nyx div.ctrl.list div.items body.bright div.highlite.item:focus, body.bright .nyx div.ctrl .image .highlite.clear:focus, .nyx div.ctrl .image body.bright .highlite.clear:focus, body.bright .searchitems .item.def:hover, body.bright .searchitems .item.def:focus, body.bright .searchitems .item.highlite:hover, body.bright .searchitems .item.highlite:focus {
  background-color: rgb(38.5, 189.1520737327, 255);
  border-color: rgb(13, 181.3963133641, 255);
}
body.bright .btn.def.selected, body.bright .def.selected.sel-btn#select_right, body.bright .def.selected.sel-btn#select_center, body.bright .def.selected.sel-btn#open_list, body.bright .def.selected.sel-btn#toggle_zoomto, body.bright .def.selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.def.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.def.selected.deleteitem, .nyx div.ctrl .searchitems body.bright .def.selected.item, .nyx div.ctrl.list body.bright div.items > div.btn.selected.item, .nyx div.ctrl.list body.bright div.items > div.selected.item.sel-btn#select_right, .nyx div.ctrl.list body.bright div.items > div.selected.item.sel-btn#select_center, .nyx div.ctrl.list body.bright div.items > div.selected.item.sel-btn#open_list, .nyx div.ctrl.list body.bright div.items > div.selected.item.sel-btn#toggle_zoomto, .nyx div.ctrl.list body.bright div.items > div.selected.item.sel-btn#select_left, .nyx div.ctrl.list body.bright .searchitems div.items > div.selected.item, .nyx div.ctrl.list .searchitems body.bright div.items > div.selected.item, body.bright .nyx div.ctrl.list div.items div.item button.def.selected, .nyx div.ctrl.list div.items div.item body.bright button.def.selected, body.bright .nyx div.ctrl.list div.items div.def.selected.item, body.bright .nyx div.ctrl.list div.items > div.selected.item, .nyx div.ctrl.list div.items body.bright div.def.selected.item, .nyx div.ctrl.list div.items body.bright div.items > div.selected.item, body.bright .nyx div.ctrl .image .def.selected.clear, .nyx div.ctrl .image body.bright .def.selected.clear, .nyx div.ctrl.list .image body.bright div.items > div.selected.clear.item, body.bright .btn.highlite.selected, body.bright .highlite.selected.sel-btn#select_right, body.bright .highlite.selected.sel-btn#select_center, body.bright .highlite.selected.sel-btn#open_list, body.bright .highlite.selected.sel-btn#toggle_zoomto, body.bright .highlite.selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.highlite.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.highlite.selected.deleteitem, .nyx div.ctrl .searchitems body.bright .highlite.selected.item, body.bright .nyx div.ctrl.list div.items div.item button.highlite.selected, .nyx div.ctrl.list div.items div.item body.bright button.highlite.selected, body.bright .nyx div.ctrl.list div.items div.highlite.selected.item, .nyx div.ctrl.list div.items body.bright div.highlite.selected.item, body.bright .nyx div.ctrl .image .highlite.selected.clear, .nyx div.ctrl .image body.bright .highlite.selected.clear, body.bright .searchitems .item.def.selected, body.bright .searchitems .item.highlite.selected {
  background-color: #fff;
  color: #0097d9;
  text-shadow: rgb(127.5, 203, 236) 0px 0 5px;
}
body.bright .btn.selected, body.bright .selected.sel-btn#select_right, body.bright .selected.sel-btn#select_center, body.bright .selected.sel-btn#open_list, body.bright .selected.sel-btn#toggle_zoomto, body.bright .selected.sel-btn#select_left, body.bright .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.bright button.selected.deleteitem, .nyx div.ctrl .searchitems body.bright .selected.item, body.bright .nyx div.ctrl.list div.items div.item button.selected, .nyx div.ctrl.list div.items div.item body.bright button.selected, body.bright .nyx div.ctrl.list div.items div.selected.item, .nyx div.ctrl.list div.items body.bright div.selected.item, body.bright .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.bright .selected.clear, body.bright .searchitems .item.selected {
  border: 1px solid #fff !important;
  outline: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
body.bright .toolbar .radio-btn-group .btn.selected, body.bright .toolbar .radio-btn-group .selected.sel-btn#select_right, body.bright .toolbar .radio-btn-group .selected.sel-btn#select_center, body.bright .toolbar .radio-btn-group .selected.sel-btn#open_list, body.bright .toolbar .radio-btn-group .selected.sel-btn#toggle_zoomto, body.bright .toolbar .radio-btn-group .selected.sel-btn#select_left, body.bright .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.bright .toolbar .radio-btn-group button.selected.deleteitem, body.bright .toolbar .radio-btn-group .nyx div.ctrl .searchitems .selected.item, .nyx div.ctrl .searchitems body.bright .toolbar .radio-btn-group .selected.item, body.bright .toolbar .radio-btn-group .nyx div.ctrl.list div.items div.item button.selected, .nyx div.ctrl.list div.items div.item body.bright .toolbar .radio-btn-group button.selected, body.bright .toolbar .radio-btn-group .nyx div.ctrl.list div.items div.selected.item, .nyx div.ctrl.list div.items body.bright .toolbar .radio-btn-group div.selected.item, body.bright .toolbar .radio-btn-group .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.bright .toolbar .radio-btn-group .selected.clear {
  outline: none;
  border: 1px solid rgb(219.5, 219.5, 219.5) !important;
}
body.bright .searchitems .item.highlite {
  background-color: #0097d9;
  color: #fff;
  border-color: rgb(0, 133.2557603687, 191.5);
}
body.bright .searchitems .item.highlite:hover, body.bright .searchitems .item.highlite:focus {
  background-color: rgb(38.5, 189.1520737327, 255);
  border-color: rgb(13, 181.3963133641, 255);
}
body.bright .searchitems .item.highlite.selected {
  background-color: #fff;
  color: #0097d9;
  text-shadow: rgb(127.5, 203, 236) 0px 0 5px;
}
body.bright .feedback-backdrop {
  background-color: #f5f5f5;
  color: #555;
}
body.bright .progress-bar {
  background-color: #555;
}
body.bright .fail-icon, body.bright .fail-label, body.bright .conflicted-value {
  color: #a00;
}
body.bright .success-icon, body.bright .success-label, body.bright .official-value {
  color: #0a0;
}
body.bright .feedback-queue-display {
  color: #555;
}
body.bright .json-display {
  border-color: rgb(168.5, 168.5, 168.5);
  color: #555;
}
body.dark {
  background-color: #5a5a5a;
}
body.dark a {
  color: #4ad;
  text-decoration: none;
}
body.dark .header {
  color: inherit;
}
body.dark hr {
  border-color: rgb(13.5, 13.5, 13.5);
}
body.dark .bg, body.dark .layergroup .container, .layergroup body.dark .container, body.dark .layergroup .layer-options, .layergroup body.dark .layer-options, body.dark #workspace, body.dark .nyx .queryresults table, .nyx .queryresults body.dark table, body.dark .nyx div.ctrl .searchitems #selection-list, .nyx div.ctrl .searchitems body.dark #selection-list, body.dark .nyx dialog div.dialog-body .dialog-icon, .nyx dialog div.dialog-body body.dark .dialog-icon, body.dark .sticky, body.dark .panel .errors, .panel body.dark .errors, body.dark .panel .tooltips, .panel body.dark .tooltips {
  background-color: #5a5a5a;
  color: #dcdcdc;
  border-style: solid;
  border-color: rgb(13.5, 13.5, 13.5);
  /* Firefox */
  /* Chrome, Edge, and Safari */
}
body.dark .bg.container, body.dark .layergroup .container, .layergroup body.dark .container, body.dark .container#workspace, body.dark .nyx .queryresults table.container, .nyx .queryresults body.dark table.container, body.dark .nyx div.ctrl .searchitems .container#selection-list, .nyx div.ctrl .searchitems body.dark .container#selection-list, body.dark .nyx dialog div.dialog-body .container.dialog-icon, .nyx dialog div.dialog-body body.dark .container.dialog-icon, body.dark .container.sticky, body.dark .panel .container.errors, .panel body.dark .container.errors, body.dark .panel .container.tooltips, .panel body.dark .container.tooltips {
  /*background-color: lighten($bg-color,5%);*/
  border-color: rgb(13.5, 13.5, 13.5);
}
body.dark .bg *, body.dark .layergroup .container *, .layergroup body.dark .container *, body.dark .layergroup .layer-options *, .layergroup body.dark .layer-options *, body.dark #workspace *, body.dark .nyx .queryresults table *, .nyx .queryresults body.dark table *, body.dark .nyx div.ctrl .searchitems #selection-list *, .nyx div.ctrl .searchitems body.dark #selection-list *, body.dark .nyx dialog div.dialog-body .dialog-icon *, .nyx dialog div.dialog-body body.dark .dialog-icon *, body.dark .sticky *, body.dark .panel .errors *, .panel body.dark .errors *, body.dark .panel .tooltips *, .panel body.dark .tooltips * {
  scrollbar-width: auto;
  scrollbar-color: #999 #5a5a5a;
}
body.dark .bg *::-webkit-scrollbar, body.dark .layergroup .container *::-webkit-scrollbar, .layergroup body.dark .container *::-webkit-scrollbar, body.dark .layergroup .layer-options *::-webkit-scrollbar, .layergroup body.dark .layer-options *::-webkit-scrollbar, body.dark #workspace *::-webkit-scrollbar, body.dark .nyx .queryresults table *::-webkit-scrollbar, .nyx .queryresults body.dark table *::-webkit-scrollbar, body.dark .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar, .nyx div.ctrl .searchitems body.dark #selection-list *::-webkit-scrollbar, body.dark .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar, .nyx dialog div.dialog-body body.dark .dialog-icon *::-webkit-scrollbar, body.dark .sticky *::-webkit-scrollbar, body.dark .panel .errors *::-webkit-scrollbar, .panel body.dark .errors *::-webkit-scrollbar, body.dark .panel .tooltips *::-webkit-scrollbar, .panel body.dark .tooltips *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dark .bg *::-webkit-scrollbar-track, body.dark .layergroup .container *::-webkit-scrollbar-track, .layergroup body.dark .container *::-webkit-scrollbar-track, body.dark .layergroup .layer-options *::-webkit-scrollbar-track, .layergroup body.dark .layer-options *::-webkit-scrollbar-track, body.dark #workspace *::-webkit-scrollbar-track, body.dark .nyx .queryresults table *::-webkit-scrollbar-track, .nyx .queryresults body.dark table *::-webkit-scrollbar-track, body.dark .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-track, .nyx div.ctrl .searchitems body.dark #selection-list *::-webkit-scrollbar-track, body.dark .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-track, .nyx dialog div.dialog-body body.dark .dialog-icon *::-webkit-scrollbar-track, body.dark .sticky *::-webkit-scrollbar-track, body.dark .panel .errors *::-webkit-scrollbar-track, .panel body.dark .errors *::-webkit-scrollbar-track, body.dark .panel .tooltips *::-webkit-scrollbar-track, .panel body.dark .tooltips *::-webkit-scrollbar-track {
  background: transparent; /*$bg-color;*/
}
body.dark .bg *::-webkit-scrollbar-corner, body.dark .layergroup .container *::-webkit-scrollbar-corner, .layergroup body.dark .container *::-webkit-scrollbar-corner, body.dark .layergroup .layer-options *::-webkit-scrollbar-corner, .layergroup body.dark .layer-options *::-webkit-scrollbar-corner, body.dark #workspace *::-webkit-scrollbar-corner, body.dark .nyx .queryresults table *::-webkit-scrollbar-corner, .nyx .queryresults body.dark table *::-webkit-scrollbar-corner, body.dark .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-corner, .nyx div.ctrl .searchitems body.dark #selection-list *::-webkit-scrollbar-corner, body.dark .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-corner, .nyx dialog div.dialog-body body.dark .dialog-icon *::-webkit-scrollbar-corner, body.dark .sticky *::-webkit-scrollbar-corner, body.dark .panel .errors *::-webkit-scrollbar-corner, .panel body.dark .errors *::-webkit-scrollbar-corner, body.dark .panel .tooltips *::-webkit-scrollbar-corner, .panel body.dark .tooltips *::-webkit-scrollbar-corner {
  background: #5a5a5a;
}
body.dark .bg *::-webkit-scrollbar-thumb, body.dark .layergroup .container *::-webkit-scrollbar-thumb, .layergroup body.dark .container *::-webkit-scrollbar-thumb, body.dark .layergroup .layer-options *::-webkit-scrollbar-thumb, .layergroup body.dark .layer-options *::-webkit-scrollbar-thumb, body.dark #workspace *::-webkit-scrollbar-thumb, body.dark .nyx .queryresults table *::-webkit-scrollbar-thumb, .nyx .queryresults body.dark table *::-webkit-scrollbar-thumb, body.dark .nyx div.ctrl .searchitems #selection-list *::-webkit-scrollbar-thumb, .nyx div.ctrl .searchitems body.dark #selection-list *::-webkit-scrollbar-thumb, body.dark .nyx dialog div.dialog-body .dialog-icon *::-webkit-scrollbar-thumb, .nyx dialog div.dialog-body body.dark .dialog-icon *::-webkit-scrollbar-thumb, body.dark .sticky *::-webkit-scrollbar-thumb, body.dark .panel .errors *::-webkit-scrollbar-thumb, .panel body.dark .errors *::-webkit-scrollbar-thumb, body.dark .panel .tooltips *::-webkit-scrollbar-thumb, .panel body.dark .tooltips *::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 10px;
  border: 2px solid #5a5a5a;
}
body.dark .sticky, body.dark .panel .errors, .panel body.dark .errors, body.dark .panel .tooltips, .panel body.dark .tooltips {
  box-shadow: 0px 10px 6px #5a5a5a;
}
body.dark .toolbar {
  background-color: rgb(115.5, 115.5, 115.5);
}
body.dark .nyx-dash-cell .nyx-dash-card.dash-selected,
body.dark .nyx-dash-cell .nyx-dash-legend-item.dash-selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .nyx-dash-cell .nyx-dash-card.dash-selected .nyx-dash-card-value {
  color: rgb(76.5, 76.5, 76.5) !important;
}
body.dark .nyx-dash-cell .nyx-dash-tl-slot.dash-selected {
  fill: rgb(225.25, 225.25, 225.25);
}
body.dark .nyx-dash-cell .nyx-dash-card.dash-partial,
body.dark .nyx-dash-cell .nyx-dash-legend-item.dash-partial {
  background-color: rgb(113.1, 113.1, 113.1);
}
body.dark .nyx-dash-cell .nyx-dash-tl-slot.dash-partial {
  fill: rgb(113.1, 113.1, 113.1);
}
body.dark .nyx-dash-cell .nyx-dash-tool.active {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .table {
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #ccc;
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-0 {
  background-color: #895151;
  color: rgb(217.25, 94.05, 94.05);
}
body.dark .td.state-0.hover {
  background-color: rgb(104.9495412844, 62.0504587156, 62.0504587156);
  color: rgb(226.939229995, 135.360770005, 135.360770005);
}
body.dark .td.state-0.selected {
  color: rgb(104.9495412844, 62.0504587156, 62.0504587156);
  background-color: rgb(226.939229995, 135.360770005, 135.360770005);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-0 {
  background-color: rgb(129.35, 73.35, 73.35);
  color: rgb(217.25, 94.05, 94.05);
}
body.dark .th.state-0.hover {
  background-color: rgb(96.8051060681, 54.8948939319, 54.8948939319);
  color: rgb(207.560770005, 52.739229995, 52.739229995);
}
body.dark .th.state-0.selected {
  color: rgb(96.8051060681, 54.8948939319, 54.8948939319);
  background-color: rgb(207.560770005, 52.739229995, 52.739229995);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-1 {
  background-color: rgb(137, 99.75, 81);
  color: rgb(217.25, 135.3, 94.05);
}
body.dark .td.state-1.hover {
  background-color: rgb(104.9495412844, 76.4139908257, 62.0504587156);
  color: rgb(226.939229995, 166.0232008052, 135.360770005);
}
body.dark .td.state-1.selected {
  color: rgb(104.9495412844, 76.4139908257, 62.0504587156);
  background-color: rgb(226.939229995, 166.0232008052, 135.360770005);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-1 {
  background-color: rgb(129.35, 92.1, 73.35);
  color: rgb(217.25, 135.3, 94.05);
}
body.dark .th.state-1.hover {
  background-color: rgb(96.8051060681, 68.9273310311, 54.8948939319);
  color: rgb(207.560770005, 104.5767991948, 52.739229995);
}
body.dark .th.state-1.selected {
  color: rgb(96.8051060681, 68.9273310311, 54.8948939319);
  background-color: rgb(207.560770005, 104.5767991948, 52.739229995);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-2 {
  background-color: rgb(137, 116.75, 81);
  color: rgb(217.25, 172.7, 94.05);
}
body.dark .td.state-2.hover {
  background-color: rgb(104.9495412844, 89.4369266055, 62.0504587156);
  color: rgb(226.939229995, 193.8238047307, 135.360770005);
}
body.dark .td.state-2.selected {
  color: rgb(104.9495412844, 89.4369266055, 62.0504587156);
  background-color: rgb(226.939229995, 193.8238047307, 135.360770005);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-2 {
  background-color: rgb(129.35, 109.1, 73.35);
  color: rgb(217.25, 172.7, 94.05);
}
body.dark .th.state-2.hover {
  background-color: rgb(96.8051060681, 81.650074001, 54.8948939319);
  color: rgb(207.560770005, 151.5761952693, 52.739229995);
}
body.dark .th.state-2.selected {
  color: rgb(96.8051060681, 81.650074001, 54.8948939319);
  background-color: rgb(207.560770005, 151.5761952693, 52.739229995);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-3 {
  background-color: rgb(137, 125.75, 81);
  color: rgb(217.25, 192.5, 94.05);
}
body.dark .td.state-3.hover {
  background-color: rgb(104.9495412844, 96.3314220183, 62.0504587156);
  color: rgb(226.939229995, 208.5417715148, 135.360770005);
}
body.dark .td.state-3.selected {
  color: rgb(104.9495412844, 96.3314220183, 62.0504587156);
  background-color: rgb(226.939229995, 208.5417715148, 135.360770005);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-3 {
  background-color: rgb(129.35, 118.1, 73.35);
  color: rgb(217.25, 192.5, 94.05);
}
body.dark .th.state-3.hover {
  background-color: rgb(96.8051060681, 88.3856438086, 54.8948939319);
  color: rgb(207.560770005, 176.4582284852, 52.739229995);
}
body.dark .th.state-3.selected {
  color: rgb(96.8051060681, 88.3856438086, 54.8948939319);
  background-color: rgb(207.560770005, 176.4582284852, 52.739229995);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-4 {
  background-color: rgb(122.75, 129.25, 76.5);
  color: rgb(185.9, 200.2, 84.15);
}
body.dark .td.state-4.hover {
  background-color: rgb(92.3235115431, 97.2123329283, 57.5376670717);
  color: rgb(201.517549302, 212.5855528473, 122.7644471527);
}
body.dark .td.state-4.selected {
  color: rgb(92.3235115431, 97.2123329283, 57.5376670717);
  background-color: rgb(201.517549302, 212.5855528473, 122.7644471527);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-4 {
  background-color: rgb(115.1, 121.6, 68.85);
  color: rgb(185.9, 200.2, 84.15);
}
body.dark .th.state-4.hover {
  background-color: rgb(84.2777369388, 89.0371226044, 50.4128773956);
  color: rgb(161.8920562819, 176.680024374, 56.669975626);
}
body.dark .th.state-4.selected {
  color: rgb(84.2777369388, 89.0371226044, 50.4128773956);
  background-color: rgb(161.8920562819, 176.680024374, 56.669975626);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-5 {
  background-color: rgb(77.25, 131, 101.75);
  color: rgb(85.8, 204.05, 139.7);
}
body.dark .td.state-5.hover {
  background-color: rgb(58.3316326531, 98.9183673469, 76.8316326531);
  color: rgb(124.9969111969, 215.8530888031, 166.4104247104);
}
body.dark .td.state-5.selected {
  color: rgb(58.3316326531, 98.9183673469, 76.8316326531);
  background-color: rgb(124.9969111969, 215.8530888031, 166.4104247104);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-5 {
  background-color: rgb(69.6, 123.35, 94.1);
  color: rgb(85.8, 204.05, 139.7);
}
body.dark .th.state-5.hover {
  background-color: rgb(51.2035242291, 90.7464757709, 69.227753304);
  color: rgb(55.2777992278, 183.5722007722, 113.7561776062);
}
body.dark .th.state-5.selected {
  color: rgb(51.2035242291, 90.7464757709, 69.227753304);
  background-color: rgb(55.2777992278, 183.5722007722, 113.7561776062);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-6 {
  background-color: rgb(79.5, 114.75, 109);
  color: rgb(90.75, 168.3, 155.65);
}
body.dark .td.state-6.hover {
  background-color: rgb(58.6274131274, 84.6225868726, 80.3822393822);
  color: rgb(124.1301554094, 185.9198445906, 175.8406754334);
}
body.dark .td.state-6.selected {
  color: rgb(58.6274131274, 84.6225868726, 80.3822393822);
  background-color: rgb(124.1301554094, 185.9198445906, 175.8406754334);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-6 {
  background-color: rgb(71.85, 107.1, 101.35);
  color: rgb(90.75, 168.3, 155.65);
}
body.dark .th.state-6.hover {
  background-color: rgb(51.3730511316, 76.5769488684, 72.4656747695);
  color: rgb(71.878601315, 136.171398685, 125.6839210998);
}
body.dark .th.state-6.selected {
  color: rgb(51.3730511316, 76.5769488684, 72.4656747695);
  background-color: rgb(71.878601315, 136.171398685, 125.6839210998);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-7 {
  background-color: rgb(81.75, 100.75, 115.5);
  color: rgb(95.7, 137.5, 169.95);
}
body.dark .td.state-7.hover {
  background-color: rgb(60.6131178707, 74.7005703422, 85.6368821293);
  color: rgb(128.9486187845, 162.0242480049, 187.7013812155);
}
body.dark .td.state-7.selected {
  color: rgb(60.6131178707, 74.7005703422, 85.6368821293);
  background-color: rgb(128.9486187845, 162.0242480049, 187.7013812155);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-7 {
  background-color: rgb(74.1, 93.1, 107.85);
  color: rgb(95.7, 137.5, 169.95);
}
body.dark .th.state-7.hover {
  background-color: rgb(53.330008244, 67.0043693322, 77.619991756);
  color: rgb(74.7124309392, 111.4317679558, 139.9375690608);
}
body.dark .th.state-7.selected {
  color: rgb(53.330008244, 67.0043693322, 77.619991756);
  background-color: rgb(74.7124309392, 111.4317679558, 139.9375690608);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-8 {
  background-color: rgb(89.75, 84.5, 118.5);
  color: rgb(113.3, 101.75, 176.55);
}
body.dark .td.state-8.hover {
  background-color: rgb(67.2019704433, 63.2709359606, 88.7290640394);
  color: rgb(144.4899007337, 135.4821968062, 193.8178031938);
}
body.dark .td.state-8.selected {
  color: rgb(67.2019704433, 63.2709359606, 88.7290640394);
  background-color: rgb(144.4899007337, 135.4821968062, 193.8178031938);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-8 {
  background-color: rgb(82.1, 76.85, 110.85);
  color: rgb(113.3, 101.75, 176.55);
}
body.dark .th.state-8.hover {
  background-color: rgb(59.7925945658, 55.9690729888, 80.7309270112);
  color: rgb(88.2908933966, 76.9602287441, 150.3397712559);
}
body.dark .th.state-8.selected {
  color: rgb(59.7925945658, 55.9690729888, 80.7309270112);
  background-color: rgb(88.2908933966, 76.9602287441, 150.3397712559);
}
body.dark .td {
  background-color: #666;
  color: #bbb;
}
body.dark .td.hover {
  background-color: rgb(76.5, 76.5, 76.5);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .td.selected {
  color: rgb(76.5, 76.5, 76.5);
  background-color: rgb(225.25, 225.25, 225.25);
}
body.dark .td.state-9 {
  background-color: rgb(108.75, 80.75, 116.5);
  color: rgb(155.1, 93.5, 172.15);
}
body.dark .td.state-9.hover {
  background-color: rgb(80.6321292776, 59.8716730038, 86.3783269962);
  color: rgb(175.9508287293, 127.207796194, 189.442203806);
}
body.dark .td.state-9.selected {
  color: rgb(80.6321292776, 59.8716730038, 86.3783269962);
  background-color: rgb(175.9508287293, 127.207796194, 189.442203806);
}
body.dark .th {
  background-color: rgb(91.8, 91.8, 91.8);
  color: #bbb;
}
body.dark .th.hover {
  background-color: rgb(66.3, 66.3, 66.3);
  color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.selected {
  color: rgb(66.3, 66.3, 66.3);
  background-color: rgb(161.5, 161.5, 161.5);
}
body.dark .th.state-9 {
  background-color: rgb(101.1, 73.1, 108.85);
  color: rgb(155.1, 93.5, 172.15);
}
body.dark .th.state-9.hover {
  background-color: rgb(72.7619950536, 52.6103050289, 78.3396949711);
  color: rgb(126.8925414365, 72.7798342541, 141.8701657459);
}
body.dark .th.state-9.selected {
  color: rgb(72.7619950536, 52.6103050289, 78.3396949711);
  background-color: rgb(126.8925414365, 72.7798342541, 141.8701657459);
}
body.dark .caption, body.dark .nyx .queryresults table th, .nyx .queryresults table body.dark th {
  background-color: rgb(115.5, 115.5, 115.5);
  color: #dcdcdc;
}
body.dark .erroritem {
  color: #cf4646;
  background-color: rgb(249.025751073, 231.974248927, 231.974248927);
  border: 1px solid #cf4646;
  border-radius: 4px;
  padding: 6px 4px;
  margin: 3px;
}
body.dark .edit, body.dark .nyx input, .nyx body.dark input, body.dark .nyx textarea, .nyx body.dark textarea, body.dark .nyx select, .nyx body.dark select, body.dark .item {
  border-color: rgb(13.5, 13.5, 13.5);
  background-color: rgb(212.5, 212.5, 212.5);
  color: #333;
  border-style: solid;
}
body.dark .edit.highlite, body.dark .nyx input.highlite, .nyx body.dark input.highlite, body.dark .nyx textarea.highlite, .nyx body.dark textarea.highlite, body.dark .nyx select.highlite, .nyx body.dark select.highlite, body.dark .edit:hover, body.dark .nyx input:hover, .nyx body.dark input:hover, body.dark .nyx textarea:hover, .nyx body.dark textarea:hover, body.dark .nyx select:hover, .nyx body.dark select:hover, body.dark .edit:focus, body.dark .nyx input:focus, .nyx body.dark input:focus, body.dark .nyx textarea:focus, .nyx body.dark textarea:focus, body.dark .nyx select:focus, .nyx body.dark select:focus, body.dark .item.highlite, body.dark .item:hover, body.dark .item:focus {
  background-color: rgb(225.25, 225.25, 225.25);
  border: 1px solid #0db5ff;
  outline: 1px solid #0db5ff;
  /*box-shadow: 0px 0px 3px lighten($item-focus-color,10%);*/
}
body.dark .edit.error, body.dark .nyx input.error, .nyx body.dark input.error, body.dark .nyx textarea.error, .nyx body.dark textarea.error, body.dark .nyx select.error, .nyx body.dark select.error, body.dark .item.error {
  color: #cf4646;
  border-color: #cf4646;
  background-color: rgb(238.5193133047, 191.4806866953, 191.4806866953);
}
body.dark .edit.error:hover, body.dark .nyx input.error:hover, .nyx body.dark input.error:hover, body.dark .nyx textarea.error:hover, .nyx body.dark textarea.error:hover, body.dark .nyx select.error:hover, .nyx body.dark select.error:hover, body.dark .edit.error:focus, body.dark .nyx input.error:focus, .nyx body.dark input.error:focus, body.dark .nyx textarea.error:focus, .nyx body.dark textarea.error:focus, body.dark .nyx select.error:focus, .nyx body.dark select.error:focus, body.dark .item.error:hover, body.dark .item.error:focus {
  background-color: #cf4646;
  background: rgb(238.5193133047, 191.4806866953, 191.4806866953);
  border: 1px solid #cf4646;
  outline: 1px solid #cf4646;
  /*box-shadow: 0px 0px 3px $error-color;*/
}
body.dark .edit.mandatory, body.dark .nyx input.mandatory, .nyx body.dark input.mandatory, body.dark .nyx textarea.mandatory, .nyx body.dark textarea.mandatory, body.dark .nyx select.mandatory, .nyx body.dark select.mandatory, body.dark .item.mandatory {
  color: #fb9d00;
  border-color: #fb9d00;
  background-color: rgb(255, 215.3027888446, 149);
}
body.dark .edit.mandatory:hover, body.dark .nyx input.mandatory:hover, .nyx body.dark input.mandatory:hover, body.dark .nyx textarea.mandatory:hover, .nyx body.dark textarea.mandatory:hover, body.dark .nyx select.mandatory:hover, .nyx body.dark select.mandatory:hover, body.dark .edit.mandatory:focus, body.dark .nyx input.mandatory:focus, .nyx body.dark input.mandatory:focus, body.dark .nyx textarea.mandatory:focus, .nyx body.dark textarea.mandatory:focus, body.dark .nyx select.mandatory:focus, .nyx body.dark select.mandatory:focus, body.dark .item.mandatory:hover, body.dark .item.mandatory:focus {
  background-color: #fb9d00;
  background: rgb(255, 215.3027888446, 149);
  border: 1px solid #fb9d00;
  outline: 1px solid #fb9d00;
  /*box-shadow: 0px 0px 3px $mandatory-color;*/
}
body.dark .list {
  border-color: rgb(13.5, 13.5, 13.5);
}
body.dark .list .items {
  border-style: solid;
  border-color: rgb(13.5, 13.5, 13.5);
}
body.dark .badge.info {
  background-color: #51849b;
  border: 1px solid rgb(63.4957627119, 103.4745762712, 121.5042372881);
  color: rgba(255, 255, 255, 0.9);
}
body.dark .badge.warn {
  background-color: #d3a737;
  border: 1px solid rgb(176.2295081967, 137.4590163934, 38.7704918033);
  color: rgba(255, 255, 255, 0.9);
}
body.dark label {
  color: #dcdcdc;
}
body.dark .btn, body.dark .sel-btn#select_right, body.dark .sel-btn#select_center, body.dark .sel-btn#open_list, body.dark .sel-btn#toggle_zoomto, body.dark .sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item body.dark button.deleteitem, body.dark .nyx div.ctrl .searchitems .item, .nyx div.ctrl .searchitems body.dark .item, body.dark .nyx div.ctrl.list div.items div.item button, .nyx div.ctrl.list div.items div.item body.dark button, body.dark .nyx div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items body.dark div.item, body.dark .nyx div.ctrl .image .clear, .nyx div.ctrl .image body.dark .clear, body.dark .searchitems .item {
  font-size: 100%;
  padding: 5px;
  background-color: #bbbbbb;
  color: #333;
  border-color: rgb(64.5, 64.5, 64.5);
}
body.dark .btn:hover, body.dark .sel-btn#select_right:hover, body.dark .sel-btn#select_center:hover, body.dark .sel-btn#open_list:hover, body.dark .sel-btn#toggle_zoomto:hover, body.dark .sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.deleteitem:hover, .nyx div.ctrl .searchitems body.dark .item:hover, body.dark .nyx div.ctrl.list div.items div.item button:hover, .nyx div.ctrl.list div.items div.item body.dark button:hover, body.dark .nyx div.ctrl.list div.items div.item:hover, .nyx div.ctrl.list div.items body.dark div.item:hover, body.dark .nyx div.ctrl .image .clear:hover, .nyx div.ctrl .image body.dark .clear:hover, body.dark .searchitems .item:hover {
  background-color: rgb(212.5, 212.5, 212.5);
}
body.dark .btn:focus, body.dark .sel-btn#select_right:focus, body.dark .sel-btn#select_center:focus, body.dark .sel-btn#open_list:focus, body.dark .sel-btn#toggle_zoomto:focus, body.dark .sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.deleteitem:focus, .nyx div.ctrl .searchitems body.dark .item:focus, body.dark .nyx div.ctrl.list div.items div.item button:focus, .nyx div.ctrl.list div.items div.item body.dark button:focus, body.dark .nyx div.ctrl.list div.items div.item:focus, .nyx div.ctrl.list div.items body.dark div.item:focus, body.dark .nyx div.ctrl .image .clear:focus, .nyx div.ctrl .image body.dark .clear:focus, body.dark .searchitems .item:focus {
  outline: 2px solid #0db5ff;
  border-color: rgba(43, 77, 92, 0.5411764706);
}
body.dark .btn.add, body.dark .add.sel-btn#select_right, body.dark .add.sel-btn#select_center, body.dark .add.sel-btn#open_list, body.dark .add.sel-btn#toggle_zoomto, body.dark .add.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.add.deleteitem, .list.checklist div.items .checklist-item body.dark button.add.deleteitem, .nyx div.ctrl .searchitems body.dark .add.item, body.dark .nyx div.ctrl.list div.items div.item button.add, body.dark .nyx div.ctrl.list div.items div.item button.copyitem, .nyx div.ctrl.list div.items div.item body.dark button.add, .nyx div.ctrl.list div.items div.item body.dark button.copyitem, body.dark .nyx div.ctrl.list div.items div.add.item, .nyx div.ctrl.list div.items body.dark div.add.item, body.dark .nyx div.ctrl .image .add.clear, .nyx div.ctrl .image body.dark .add.clear, .nyx div.ctrl.list .image body.dark div.items div.item button.clear.copyitem, body.dark .searchitems .item.add {
  background-color: #4fa582;
  color: rgba(255, 255, 255, 0.9);
  border-color: rgb(62.487704918, 130.512295082, 102.8278688525);
}
body.dark .btn.add:hover, body.dark .add.sel-btn#select_right:hover, body.dark .add.sel-btn#select_center:hover, body.dark .add.sel-btn#open_list:hover, body.dark .add.sel-btn#toggle_zoomto:hover, body.dark .add.sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.add.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.add.deleteitem:hover, .nyx div.ctrl .searchitems body.dark .add.item:hover, body.dark .nyx div.ctrl.list div.items div.item button.add:hover, body.dark .nyx div.ctrl.list div.items div.item button.copyitem:hover, .nyx div.ctrl.list div.items div.item body.dark button.add:hover, .nyx div.ctrl.list div.items div.item body.dark button.copyitem:hover, body.dark .nyx div.ctrl.list div.items div.add.item:hover, .nyx div.ctrl.list div.items body.dark div.add.item:hover, body.dark .nyx div.ctrl .image .add.clear:hover, .nyx div.ctrl .image body.dark .add.clear:hover, .nyx div.ctrl.list .image body.dark div.items div.item button.clear.copyitem:hover, body.dark .btn.add:focus, body.dark .add.sel-btn#select_right:focus, body.dark .add.sel-btn#select_center:focus, body.dark .add.sel-btn#open_list:focus, body.dark .add.sel-btn#toggle_zoomto:focus, body.dark .add.sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.add.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.add.deleteitem:focus, .nyx div.ctrl .searchitems body.dark .add.item:focus, body.dark .nyx div.ctrl.list div.items div.item button.add:focus, body.dark .nyx div.ctrl.list div.items div.item button.copyitem:focus, .nyx div.ctrl.list div.items div.item body.dark button.add:focus, .nyx div.ctrl.list div.items div.item body.dark button.copyitem:focus, body.dark .nyx div.ctrl.list div.items div.add.item:focus, .nyx div.ctrl.list div.items body.dark div.add.item:focus, body.dark .nyx div.ctrl .image .add.clear:focus, .nyx div.ctrl .image body.dark .add.clear:focus, .nyx div.ctrl.list .image body.dark div.items div.item button.clear.copyitem:focus, body.dark .searchitems .item.add:hover, body.dark .searchitems .item.add:focus {
  background-color: rgb(109.6106557377, 185.3893442623, 154.5491803279);
  box-shadow: 0px 0px 3px rgb(62.487704918, 130.512295082, 102.8278688525);
}
body.dark .btn.add.selected, body.dark .add.selected.sel-btn#select_right, body.dark .add.selected.sel-btn#select_center, body.dark .add.selected.sel-btn#open_list, body.dark .add.selected.sel-btn#toggle_zoomto, body.dark .add.selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.add.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.add.selected.deleteitem, .nyx div.ctrl .searchitems body.dark .add.selected.item, body.dark .nyx div.ctrl.list div.items div.item button.add.selected, body.dark .nyx div.ctrl.list div.items div.item button.selected.copyitem, .nyx div.ctrl.list div.items div.item body.dark button.add.selected, .nyx div.ctrl.list div.items div.item body.dark button.selected.copyitem, body.dark .nyx div.ctrl.list div.items div.add.selected.item, .nyx div.ctrl.list div.items body.dark div.add.selected.item, body.dark .nyx div.ctrl .image .add.selected.clear, .nyx div.ctrl .image body.dark .add.selected.clear, .nyx div.ctrl.list .image body.dark div.items div.item button.selected.clear.copyitem, body.dark .searchitems .item.add.selected {
  background-color: rgba(255, 255, 255, 0.9);
  color: #4fa582;
  text-shadow: rgba(158.2, 205.5, 186.25, 0.95) 0px 0 5px;
}
body.dark .btn.save, body.dark .btn#sign-in.signed-in, body.dark .save.sel-btn#select_right, body.dark .save.sel-btn#select_center, body.dark .save.sel-btn#open_list, body.dark .save.sel-btn#toggle_zoomto, body.dark .save.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.save.deleteitem, body.dark .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in, .list.checklist div.items .checklist-item body.dark button.save.deleteitem, .list.checklist div.items .checklist-item body.dark button.deleteitem#sign-in.signed-in, .nyx div.ctrl .searchitems body.dark .save.item, .nyx div.ctrl .searchitems body.dark .item#sign-in.signed-in, body.dark .nyx div.ctrl.list div.items div.item button.save, body.dark .nyx div.ctrl.list div.items div.item button#sign-in.signed-in, .nyx div.ctrl.list div.items div.item body.dark button.save, .nyx div.ctrl.list div.items div.item body.dark button#sign-in.signed-in, body.dark .nyx div.ctrl.list div.items div.save.item, body.dark .nyx div.ctrl.list div.items div.item#sign-in.signed-in, .nyx div.ctrl.list div.items body.dark div.save.item, .nyx div.ctrl.list div.items body.dark div.item#sign-in.signed-in, body.dark .nyx div.ctrl .image .save.clear, body.dark .nyx div.ctrl .image .clear#sign-in.signed-in, .nyx div.ctrl .image body.dark .save.clear, .nyx div.ctrl .image body.dark .clear#sign-in.signed-in, body.dark .searchitems .item.save, body.dark .searchitems .item#sign-in.signed-in {
  background-color: #d3a737;
  color: rgba(255, 255, 255, 0.9);
  border-color: rgb(134.4262295082, 104.8524590164, 29.5737704918);
}
body.dark .btn.save:hover, body.dark .btn#sign-in.signed-in:hover, body.dark .save.sel-btn#select_right:hover, body.dark .save.sel-btn#select_center:hover, body.dark .save.sel-btn#open_list:hover, body.dark .save.sel-btn#toggle_zoomto:hover, body.dark .save.sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.save.deleteitem:hover, body.dark .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in:hover, .list.checklist div.items .checklist-item body.dark button.save.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.deleteitem#sign-in.signed-in:hover, .nyx div.ctrl .searchitems body.dark .save.item:hover, .nyx div.ctrl .searchitems body.dark .item#sign-in.signed-in:hover, body.dark .nyx div.ctrl.list div.items div.item button.save:hover, body.dark .nyx div.ctrl.list div.items div.item button#sign-in.signed-in:hover, .nyx div.ctrl.list div.items div.item body.dark button.save:hover, .nyx div.ctrl.list div.items div.item body.dark button#sign-in.signed-in:hover, body.dark .nyx div.ctrl.list div.items div.save.item:hover, body.dark .nyx div.ctrl.list div.items div.item#sign-in.signed-in:hover, .nyx div.ctrl.list div.items body.dark div.save.item:hover, .nyx div.ctrl.list div.items body.dark div.item#sign-in.signed-in:hover, body.dark .nyx div.ctrl .image .save.clear:hover, body.dark .nyx div.ctrl .image .clear#sign-in.signed-in:hover, .nyx div.ctrl .image body.dark .save.clear:hover, .nyx div.ctrl .image body.dark .clear#sign-in.signed-in:hover, body.dark .btn.save:focus, body.dark .btn#sign-in.signed-in:focus, body.dark .save.sel-btn#select_right:focus, body.dark .save.sel-btn#select_center:focus, body.dark .save.sel-btn#open_list:focus, body.dark .save.sel-btn#toggle_zoomto:focus, body.dark .save.sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.save.deleteitem:focus, body.dark .list.checklist div.items .checklist-item button.deleteitem#sign-in.signed-in:focus, .list.checklist div.items .checklist-item body.dark button.save.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.deleteitem#sign-in.signed-in:focus, .nyx div.ctrl .searchitems body.dark .save.item:focus, .nyx div.ctrl .searchitems body.dark .item#sign-in.signed-in:focus, body.dark .nyx div.ctrl.list div.items div.item button.save:focus, body.dark .nyx div.ctrl.list div.items div.item button#sign-in.signed-in:focus, .nyx div.ctrl.list div.items div.item body.dark button.save:focus, .nyx div.ctrl.list div.items div.item body.dark button#sign-in.signed-in:focus, body.dark .nyx div.ctrl.list div.items div.save.item:focus, body.dark .nyx div.ctrl.list div.items div.item#sign-in.signed-in:focus, .nyx div.ctrl.list div.items body.dark div.save.item:focus, .nyx div.ctrl.list div.items body.dark div.item#sign-in.signed-in:focus, body.dark .nyx div.ctrl .image .save.clear:focus, body.dark .nyx div.ctrl .image .clear#sign-in.signed-in:focus, .nyx div.ctrl .image body.dark .save.clear:focus, .nyx div.ctrl .image body.dark .clear#sign-in.signed-in:focus, body.dark .searchitems .item.save:hover, body.dark .searchitems .item#sign-in.signed-in:hover, body.dark .searchitems .item.save:focus, body.dark .searchitems .item#sign-in.signed-in:focus {
  background-color: rgb(220.1967213115, 185.393442623, 96.8032786885);
  box-shadow: 0px 0px 3px rgb(134.4262295082, 104.8524590164, 29.5737704918);
}
body.dark .btn.save.selected, body.dark .btn.selected#sign-in.signed-in, body.dark .save.selected.sel-btn#select_right, body.dark .save.selected.sel-btn#select_center, body.dark .save.selected.sel-btn#open_list, body.dark .save.selected.sel-btn#toggle_zoomto, body.dark .save.selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.save.selected.deleteitem, body.dark .list.checklist div.items .checklist-item button.selected.deleteitem#sign-in.signed-in, .list.checklist div.items .checklist-item body.dark button.save.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.selected.deleteitem#sign-in.signed-in, .nyx div.ctrl .searchitems body.dark .save.selected.item, .nyx div.ctrl .searchitems body.dark .selected.item#sign-in.signed-in, body.dark .nyx div.ctrl.list div.items div.item button.save.selected, body.dark .nyx div.ctrl.list div.items div.item button.selected#sign-in.signed-in, .nyx div.ctrl.list div.items div.item body.dark button.save.selected, .nyx div.ctrl.list div.items div.item body.dark button.selected#sign-in.signed-in, body.dark .nyx div.ctrl.list div.items div.save.selected.item, body.dark .nyx div.ctrl.list div.items div.selected.item#sign-in.signed-in, .nyx div.ctrl.list div.items body.dark div.save.selected.item, .nyx div.ctrl.list div.items body.dark div.selected.item#sign-in.signed-in, body.dark .nyx div.ctrl .image .save.selected.clear, body.dark .nyx div.ctrl .image .selected.clear#sign-in.signed-in, .nyx div.ctrl .image body.dark .save.selected.clear, .nyx div.ctrl .image body.dark .selected.clear#sign-in.signed-in, body.dark .searchitems .item.save.selected, body.dark .searchitems .item.selected#sign-in.signed-in {
  background-color: rgba(255, 255, 255, 0.9);
  color: #d3a737;
  text-shadow: rgba(230.8, 206.6, 145, 0.95) 0px 0 5px;
}
body.dark .btn.del, body.dark .del.sel-btn#select_right, body.dark .del.sel-btn#select_center, body.dark .del.sel-btn#open_list, body.dark .del.sel-btn#toggle_zoomto, body.dark .del.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item body.dark button.deleteitem, .nyx div.ctrl .searchitems body.dark .del.item, body.dark .nyx div.ctrl.list div.items div.item button.del, body.dark .nyx div.ctrl.list div.items div.item button.deleteitem, .nyx div.ctrl.list div.items div.item body.dark button.del, .nyx div.ctrl.list div.items div.item body.dark button.deleteitem, body.dark .nyx div.ctrl.list div.items div.del.item, .nyx div.ctrl.list div.items body.dark div.del.item, body.dark .nyx div.ctrl .image .clear, .nyx div.ctrl .image body.dark .clear, body.dark .searchitems .item.del {
  background-color: #b55454;
  color: rgba(255, 255, 255, 0.9);
  border-color: rgb(149.3632653061, 64.6367346939, 64.6367346939);
}
body.dark .btn.del:hover, body.dark .del.sel-btn#select_right:hover, body.dark .del.sel-btn#select_center:hover, body.dark .del.sel-btn#open_list:hover, body.dark .del.sel-btn#toggle_zoomto:hover, body.dark .del.sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.deleteitem:hover, .nyx div.ctrl .searchitems body.dark .del.item:hover, body.dark .nyx div.ctrl.list div.items div.item button.del:hover, body.dark .nyx div.ctrl.list div.items div.item button.deleteitem:hover, .nyx div.ctrl.list div.items div.item body.dark button.del:hover, .nyx div.ctrl.list div.items div.item body.dark button.deleteitem:hover, body.dark .nyx div.ctrl.list div.items div.del.item:hover, .nyx div.ctrl.list div.items body.dark div.del.item:hover, body.dark .nyx div.ctrl .image .clear:hover, .nyx div.ctrl .image body.dark .clear:hover, body.dark .btn.del:focus, body.dark .del.sel-btn#select_right:focus, body.dark .del.sel-btn#select_center:focus, body.dark .del.sel-btn#open_list:focus, body.dark .del.sel-btn#toggle_zoomto:focus, body.dark .del.sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.deleteitem:focus, .nyx div.ctrl .searchitems body.dark .del.item:focus, body.dark .nyx div.ctrl.list div.items div.item button.del:focus, body.dark .nyx div.ctrl.list div.items div.item button.deleteitem:focus, .nyx div.ctrl.list div.items div.item body.dark button.del:focus, .nyx div.ctrl.list div.items div.item body.dark button.deleteitem:focus, body.dark .nyx div.ctrl.list div.items div.del.item:focus, .nyx div.ctrl.list div.items body.dark div.del.item:focus, body.dark .nyx div.ctrl .image .clear:focus, .nyx div.ctrl .image body.dark .clear:focus, body.dark .searchitems .item.del:hover, body.dark .searchitems .item.del:focus {
  background-color: rgb(196.4040816327, 119.5959183673, 119.5959183673);
  box-shadow: 0px 0px 3px #b55454;
}
body.dark .btn.del.selected, body.dark .del.selected.sel-btn#select_right, body.dark .del.selected.sel-btn#select_center, body.dark .del.selected.sel-btn#open_list, body.dark .del.selected.sel-btn#toggle_zoomto, body.dark .del.selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.selected.deleteitem, .nyx div.ctrl .searchitems body.dark .del.selected.item, body.dark .nyx div.ctrl.list div.items div.item button.del.selected, body.dark .nyx div.ctrl.list div.items div.item button.selected.deleteitem, .nyx div.ctrl.list div.items div.item body.dark button.del.selected, .nyx div.ctrl.list div.items div.item body.dark button.selected.deleteitem, body.dark .nyx div.ctrl.list div.items div.del.selected.item, .nyx div.ctrl.list div.items body.dark div.del.selected.item, body.dark .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.dark .selected.clear, body.dark .searchitems .item.del.selected {
  background-color: rgba(255, 255, 255, 0.9);
  color: #b55454;
  text-shadow: rgba(214.3, 160.95, 160.95, 0.95) 0px 0 5px;
}
body.dark .btn.def, body.dark .def.sel-btn#select_right, body.dark .def.sel-btn#select_center, body.dark .def.sel-btn#open_list, body.dark .def.sel-btn#toggle_zoomto, body.dark .def.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.def.deleteitem, .list.checklist div.items .checklist-item body.dark button.def.deleteitem, .nyx div.ctrl .searchitems body.dark .def.item, .nyx div.ctrl.list body.dark div.items > div.btn.item, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_right, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_center, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#open_list, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#toggle_zoomto, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_left, .nyx div.ctrl.list body.dark .searchitems div.items > div.item, .nyx div.ctrl.list .searchitems body.dark div.items > div.item, body.dark .nyx div.ctrl.list div.items div.item button.def, .nyx div.ctrl.list div.items div.item body.dark button.def, body.dark .nyx div.ctrl.list div.items div.def.item, body.dark .nyx div.ctrl.list div.items > div.item, .nyx div.ctrl.list div.items body.dark div.def.item, .nyx div.ctrl.list div.items body.dark div.items > div.item, body.dark .nyx div.ctrl .image .def.clear, .nyx div.ctrl .image body.dark .def.clear, .nyx div.ctrl.list .image body.dark div.items > div.clear.item, body.dark .btn.highlite, body.dark .highlite.sel-btn#select_right, body.dark .highlite.sel-btn#select_center, body.dark .highlite.sel-btn#open_list, body.dark .highlite.sel-btn#toggle_zoomto, body.dark .highlite.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.highlite.deleteitem, .list.checklist div.items .checklist-item body.dark button.highlite.deleteitem, .nyx div.ctrl .searchitems body.dark .highlite.item, body.dark .nyx div.ctrl.list div.items div.item button.highlite, .nyx div.ctrl.list div.items div.item body.dark button.highlite, body.dark .nyx div.ctrl.list div.items div.highlite.item, .nyx div.ctrl.list div.items body.dark div.highlite.item, body.dark .nyx div.ctrl .image .highlite.clear, .nyx div.ctrl .image body.dark .highlite.clear, body.dark .searchitems .item.def, body.dark .searchitems .item.highlite {
  background-color: #51849b;
  color: rgba(255, 255, 255, 0.9);
  border-color: rgb(63.4957627119, 103.4745762712, 121.5042372881);
}
body.dark .btn.def:hover, body.dark .def.sel-btn#select_right:hover, body.dark .def.sel-btn#select_center:hover, body.dark .def.sel-btn#open_list:hover, body.dark .def.sel-btn#toggle_zoomto:hover, body.dark .def.sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.def.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.def.deleteitem:hover, .nyx div.ctrl .searchitems body.dark .def.item:hover, .nyx div.ctrl.list body.dark div.items > div.btn.item:hover, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_right:hover, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_center:hover, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#open_list:hover, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#toggle_zoomto:hover, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_left:hover, .nyx div.ctrl.list body.dark .searchitems div.items > div.item:hover, .nyx div.ctrl.list .searchitems body.dark div.items > div.item:hover, body.dark .nyx div.ctrl.list div.items div.item button.def:hover, .nyx div.ctrl.list div.items div.item body.dark button.def:hover, body.dark .nyx div.ctrl.list div.items div.def.item:hover, body.dark .nyx div.ctrl.list div.items > div.item:hover, .nyx div.ctrl.list div.items body.dark div.def.item:hover, .nyx div.ctrl.list div.items body.dark div.items > div.item:hover, body.dark .nyx div.ctrl .image .def.clear:hover, .nyx div.ctrl .image body.dark .def.clear:hover, .nyx div.ctrl.list .image body.dark div.items > div.clear.item:hover, body.dark .btn.def:focus, body.dark .def.sel-btn#select_right:focus, body.dark .def.sel-btn#select_center:focus, body.dark .def.sel-btn#open_list:focus, body.dark .def.sel-btn#toggle_zoomto:focus, body.dark .def.sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.def.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.def.deleteitem:focus, .nyx div.ctrl .searchitems body.dark .def.item:focus, .nyx div.ctrl.list body.dark div.items > div.btn.item:focus, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_right:focus, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_center:focus, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#open_list:focus, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#toggle_zoomto:focus, .nyx div.ctrl.list body.dark div.items > div.item.sel-btn#select_left:focus, .nyx div.ctrl.list body.dark .searchitems div.items > div.item:focus, .nyx div.ctrl.list .searchitems body.dark div.items > div.item:focus, body.dark .nyx div.ctrl.list div.items div.item button.def:focus, .nyx div.ctrl.list div.items div.item body.dark button.def:focus, body.dark .nyx div.ctrl.list div.items div.def.item:focus, body.dark .nyx div.ctrl.list div.items > div.item:focus, .nyx div.ctrl.list div.items body.dark div.def.item:focus, .nyx div.ctrl.list div.items body.dark div.items > div.item:focus, body.dark .nyx div.ctrl .image .def.clear:focus, .nyx div.ctrl .image body.dark .def.clear:focus, .nyx div.ctrl.list .image body.dark div.items > div.clear.item:focus, body.dark .btn.highlite:hover, body.dark .highlite.sel-btn#select_right:hover, body.dark .highlite.sel-btn#select_center:hover, body.dark .highlite.sel-btn#open_list:hover, body.dark .highlite.sel-btn#toggle_zoomto:hover, body.dark .highlite.sel-btn#select_left:hover, body.dark .list.checklist div.items .checklist-item button.highlite.deleteitem:hover, .list.checklist div.items .checklist-item body.dark button.highlite.deleteitem:hover, .nyx div.ctrl .searchitems body.dark .highlite.item:hover, body.dark .nyx div.ctrl.list div.items div.item button.highlite:hover, .nyx div.ctrl.list div.items div.item body.dark button.highlite:hover, body.dark .nyx div.ctrl.list div.items div.highlite.item:hover, .nyx div.ctrl.list div.items body.dark div.highlite.item:hover, body.dark .nyx div.ctrl .image .highlite.clear:hover, .nyx div.ctrl .image body.dark .highlite.clear:hover, body.dark .btn.highlite:focus, body.dark .highlite.sel-btn#select_right:focus, body.dark .highlite.sel-btn#select_center:focus, body.dark .highlite.sel-btn#open_list:focus, body.dark .highlite.sel-btn#toggle_zoomto:focus, body.dark .highlite.sel-btn#select_left:focus, body.dark .list.checklist div.items .checklist-item button.highlite.deleteitem:focus, .list.checklist div.items .checklist-item body.dark button.highlite.deleteitem:focus, .nyx div.ctrl .searchitems body.dark .highlite.item:focus, body.dark .nyx div.ctrl.list div.items div.item button.highlite:focus, .nyx div.ctrl.list div.items div.item body.dark button.highlite:focus, body.dark .nyx div.ctrl.list div.items div.highlite.item:focus, .nyx div.ctrl.list div.items body.dark div.highlite.item:focus, body.dark .nyx div.ctrl .image .highlite.clear:focus, .nyx div.ctrl .image body.dark .highlite.clear:focus, body.dark .searchitems .item.def:hover, body.dark .searchitems .item.def:focus, body.dark .searchitems .item.highlite:hover, body.dark .searchitems .item.highlite:focus {
  background-color: rgb(108.5381355932, 156.7288135593, 178.4618644068);
  box-shadow: 0px 0px 3px rgb(63.4957627119, 103.4745762712, 121.5042372881);
}
body.dark .btn.def.selected, body.dark .def.selected.sel-btn#select_right, body.dark .def.selected.sel-btn#select_center, body.dark .def.selected.sel-btn#open_list, body.dark .def.selected.sel-btn#toggle_zoomto, body.dark .def.selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.def.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.def.selected.deleteitem, .nyx div.ctrl .searchitems body.dark .def.selected.item, .nyx div.ctrl.list body.dark div.items > div.btn.selected.item, .nyx div.ctrl.list body.dark div.items > div.selected.item.sel-btn#select_right, .nyx div.ctrl.list body.dark div.items > div.selected.item.sel-btn#select_center, .nyx div.ctrl.list body.dark div.items > div.selected.item.sel-btn#open_list, .nyx div.ctrl.list body.dark div.items > div.selected.item.sel-btn#toggle_zoomto, .nyx div.ctrl.list body.dark div.items > div.selected.item.sel-btn#select_left, .nyx div.ctrl.list body.dark .searchitems div.items > div.selected.item, .nyx div.ctrl.list .searchitems body.dark div.items > div.selected.item, body.dark .nyx div.ctrl.list div.items div.item button.def.selected, .nyx div.ctrl.list div.items div.item body.dark button.def.selected, body.dark .nyx div.ctrl.list div.items div.def.selected.item, body.dark .nyx div.ctrl.list div.items > div.selected.item, .nyx div.ctrl.list div.items body.dark div.def.selected.item, .nyx div.ctrl.list div.items body.dark div.items > div.selected.item, body.dark .nyx div.ctrl .image .def.selected.clear, .nyx div.ctrl .image body.dark .def.selected.clear, .nyx div.ctrl.list .image body.dark div.items > div.selected.clear.item, body.dark .btn.highlite.selected, body.dark .highlite.selected.sel-btn#select_right, body.dark .highlite.selected.sel-btn#select_center, body.dark .highlite.selected.sel-btn#open_list, body.dark .highlite.selected.sel-btn#toggle_zoomto, body.dark .highlite.selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.highlite.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.highlite.selected.deleteitem, .nyx div.ctrl .searchitems body.dark .highlite.selected.item, body.dark .nyx div.ctrl.list div.items div.item button.highlite.selected, .nyx div.ctrl.list div.items div.item body.dark button.highlite.selected, body.dark .nyx div.ctrl.list div.items div.highlite.selected.item, .nyx div.ctrl.list div.items body.dark div.highlite.selected.item, body.dark .nyx div.ctrl .image .highlite.selected.clear, .nyx div.ctrl .image body.dark .highlite.selected.clear, body.dark .searchitems .item.def.selected, body.dark .searchitems .item.highlite.selected {
  background-color: rgba(255, 255, 255, 0.9);
  color: #51849b;
  text-shadow: rgba(159.3, 187.35, 200, 0.95) 0px 0 5px;
}
body.dark .btn.selected, body.dark .selected.sel-btn#select_right, body.dark .selected.sel-btn#select_center, body.dark .selected.sel-btn#open_list, body.dark .selected.sel-btn#toggle_zoomto, body.dark .selected.sel-btn#select_left, body.dark .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.dark button.selected.deleteitem, .nyx div.ctrl .searchitems body.dark .selected.item, body.dark .nyx div.ctrl.list div.items div.item button.selected, .nyx div.ctrl.list div.items div.item body.dark button.selected, body.dark .nyx div.ctrl.list div.items div.selected.item, .nyx div.ctrl.list div.items body.dark div.selected.item, body.dark .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.dark .selected.clear, body.dark .searchitems .item.selected {
  border: 1px solid #fff !important;
  outline: 3px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
body.dark .toolbar .radio-btn-group .btn.selected, body.dark .toolbar .radio-btn-group .selected.sel-btn#select_right, body.dark .toolbar .radio-btn-group .selected.sel-btn#select_center, body.dark .toolbar .radio-btn-group .selected.sel-btn#open_list, body.dark .toolbar .radio-btn-group .selected.sel-btn#toggle_zoomto, body.dark .toolbar .radio-btn-group .selected.sel-btn#select_left, body.dark .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item body.dark .toolbar .radio-btn-group button.selected.deleteitem, body.dark .toolbar .radio-btn-group .nyx div.ctrl .searchitems .selected.item, .nyx div.ctrl .searchitems body.dark .toolbar .radio-btn-group .selected.item, body.dark .toolbar .radio-btn-group .nyx div.ctrl.list div.items div.item button.selected, .nyx div.ctrl.list div.items div.item body.dark .toolbar .radio-btn-group button.selected, body.dark .toolbar .radio-btn-group .nyx div.ctrl.list div.items div.selected.item, .nyx div.ctrl.list div.items body.dark .toolbar .radio-btn-group div.selected.item, body.dark .toolbar .radio-btn-group .nyx div.ctrl .image .selected.clear, .nyx div.ctrl .image body.dark .toolbar .radio-btn-group .selected.clear {
  outline: none;
  border: 1px solid rgb(115.5, 115.5, 115.5) !important;
}
body.dark .feedback-backdrop {
  background-color: #5a5a5a;
  color: #dcdcdc;
}
body.dark .progress-bar {
  background-color: #dcdcdc;
}
body.dark .fail-icon, body.dark .fail-label, body.dark .conflicted-value {
  color: #f78;
}
body.dark .success-icon, body.dark .success-label, body.dark .official-value {
  color: #4d4;
}
body.dark .feedback-queue-display {
  color: #dcdcdc;
}
body.dark .json-display {
  border-color: rgb(13.5, 13.5, 13.5);
  color: #dcdcdc;
}

@font-face {
  font-family: "nyx";
  src: url("./../libs/nyx/app/font/nyx.eot?8106065");
  src: url("./../libs/nyx/app/font/nyx.eot?8106065#iefix") format("embedded-opentype"), url("./../libs/nyx/app/font/nyx.woff2?8106065") format("woff2"), url("./../libs/nyx/app/font/nyx.woff?8106065") format("woff"), url("./../libs/nyx/app/font/nyx.ttf?8106065") format("truetype"), url("./../libs/nyx/app/font/nyx.svg?8106065#nyx") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'nyx';
    src: url('app/font/nyx.svg?8106065#nyx') format('svg');
  }
}
*/
.icon, .conflict .official-value::before, .conflict .conflicted-value::before, #print, #grid, #draw, #add-items, #sign-in.signed-in, #sign-in, #settings, #locate, #search, #deer, #table, #download, #home, #legend-switch, #region-switch, #layer-switch, i.layerstack, #fullscreen #fs-header #fs-undock, #fullscreen #fs-header #fs-close, .sel-btn#select_right, .sel-btn#select_center, .sel-btn#open_list, .sel-btn#toggle_zoomto, .sel-btn#select_left, #toolcnt .btn.pointtools, #toolcnt .pointtools.sel-btn#select_right, #toolcnt .pointtools.sel-btn#select_center, #toolcnt .pointtools.sel-btn#open_list, #toolcnt .pointtools.sel-btn#toggle_zoomto, #toolcnt .pointtools.sel-btn#select_left, #toolcnt .nyx div.ctrl .image .pointtools.clear, .nyx div.ctrl .image #toolcnt .pointtools.clear, #toolcnt .nyx div.ctrl.list div.items div.pointtools.item, .nyx div.ctrl.list div.items #toolcnt div.pointtools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.pointtools, .nyx div.ctrl.list div.items div.item #toolcnt button.pointtools, #toolcnt .nyx div.ctrl .searchitems .pointtools.item, .nyx div.ctrl .searchitems #toolcnt .pointtools.item, #toolcnt .list.checklist div.items .checklist-item button.pointtools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.pointtools.deleteitem, #toolcnt .btn.polytools, #toolcnt .polytools.sel-btn#select_right, #toolcnt .polytools.sel-btn#select_center, #toolcnt .polytools.sel-btn#open_list, #toolcnt .polytools.sel-btn#toggle_zoomto, #toolcnt .polytools.sel-btn#select_left, #toolcnt .nyx div.ctrl .image .polytools.clear, .nyx div.ctrl .image #toolcnt .polytools.clear, #toolcnt .nyx div.ctrl.list div.items div.polytools.item, .nyx div.ctrl.list div.items #toolcnt div.polytools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.polytools, .nyx div.ctrl.list div.items div.item #toolcnt button.polytools, #toolcnt .nyx div.ctrl .searchitems .polytools.item, .nyx div.ctrl .searchitems #toolcnt .polytools.item, #toolcnt .list.checklist div.items .checklist-item button.polytools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.polytools.deleteitem, i.radio-set, i.radio, i.sync, i.settings, i.region.open, i.region, i.layergroup.open, i.layergroup, .nyx div.ctrl.list.collapsed .header .toggle, .nyx div.ctrl.list .header .close, .nyx div.ctrl.list .header .toggle, .nyx div.ctrl.list .header .filter, .nyx div.ctrl .image .clear {
  font-family: "nyx";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  text-overflow: clip;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon.rotate-90, .conflict .rotate-90.official-value::before, .conflict .rotate-90.conflicted-value::before, .rotate-90#print, .rotate-90#grid, .rotate-90#draw, .rotate-90#add-items, .rotate-90#sign-in, .rotate-90#settings, .rotate-90#locate, .rotate-90#search, .rotate-90#deer, .rotate-90#table, .rotate-90#download, .rotate-90#home, .rotate-90#legend-switch, .rotate-90#region-switch, .rotate-90#layer-switch, i.rotate-90.layerstack, #fullscreen #fs-header .rotate-90#fs-undock, #fullscreen #fs-header .rotate-90#fs-close, .rotate-90.sel-btn#select_right, .rotate-90.sel-btn#select_center, .rotate-90.sel-btn#open_list, .rotate-90.sel-btn#toggle_zoomto, .rotate-90.sel-btn#select_left, #toolcnt .rotate-90.btn.pointtools, #toolcnt .nyx div.ctrl .image .rotate-90.pointtools.clear, .nyx div.ctrl .image #toolcnt .rotate-90.pointtools.clear, #toolcnt .nyx div.ctrl.list div.items div.rotate-90.pointtools.item, .nyx div.ctrl.list div.items #toolcnt div.rotate-90.pointtools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.rotate-90.pointtools, .nyx div.ctrl.list div.items div.item #toolcnt button.rotate-90.pointtools, #toolcnt .nyx div.ctrl .searchitems .rotate-90.pointtools.item, .nyx div.ctrl .searchitems #toolcnt .rotate-90.pointtools.item, #toolcnt .list.checklist div.items .checklist-item button.rotate-90.pointtools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.rotate-90.pointtools.deleteitem, #toolcnt .rotate-90.btn.polytools, #toolcnt .nyx div.ctrl .image .rotate-90.polytools.clear, .nyx div.ctrl .image #toolcnt .rotate-90.polytools.clear, #toolcnt .nyx div.ctrl.list div.items div.rotate-90.polytools.item, .nyx div.ctrl.list div.items #toolcnt div.rotate-90.polytools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.rotate-90.polytools, .nyx div.ctrl.list div.items div.item #toolcnt button.rotate-90.polytools, #toolcnt .nyx div.ctrl .searchitems .rotate-90.polytools.item, .nyx div.ctrl .searchitems #toolcnt .rotate-90.polytools.item, #toolcnt .list.checklist div.items .checklist-item button.rotate-90.polytools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.rotate-90.polytools.deleteitem, i.rotate-90.radio-set, i.rotate-90.radio, i.rotate-90.sync, i.rotate-90.settings, i.rotate-90.region, i.rotate-90.layergroup, .nyx div.ctrl.list .header .rotate-90.close, .nyx div.ctrl.list .header .rotate-90.toggle, .nyx div.ctrl.list .header .rotate-90.filter, .nyx div.ctrl .image .rotate-90.clear {
  transform: rotate(90deg);
}
.icon.rotate-180, .conflict .rotate-180.official-value::before, .conflict .rotate-180.conflicted-value::before, .rotate-180#print, .rotate-180#grid, .rotate-180#draw, .rotate-180#add-items, .rotate-180#sign-in, .rotate-180#settings, .rotate-180#locate, .rotate-180#search, .rotate-180#deer, .rotate-180#table, .rotate-180#download, .rotate-180#home, .rotate-180#legend-switch, .rotate-180#region-switch, .rotate-180#layer-switch, i.rotate-180.layerstack, #fullscreen #fs-header .rotate-180#fs-undock, #fullscreen #fs-header .rotate-180#fs-close, .rotate-180.sel-btn#select_right, .rotate-180.sel-btn#select_center, .rotate-180.sel-btn#open_list, .rotate-180.sel-btn#toggle_zoomto, .rotate-180.sel-btn#select_left, #toolcnt .rotate-180.btn.pointtools, #toolcnt .nyx div.ctrl .image .rotate-180.pointtools.clear, .nyx div.ctrl .image #toolcnt .rotate-180.pointtools.clear, #toolcnt .nyx div.ctrl.list div.items div.rotate-180.pointtools.item, .nyx div.ctrl.list div.items #toolcnt div.rotate-180.pointtools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.rotate-180.pointtools, .nyx div.ctrl.list div.items div.item #toolcnt button.rotate-180.pointtools, #toolcnt .nyx div.ctrl .searchitems .rotate-180.pointtools.item, .nyx div.ctrl .searchitems #toolcnt .rotate-180.pointtools.item, #toolcnt .list.checklist div.items .checklist-item button.rotate-180.pointtools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.rotate-180.pointtools.deleteitem, #toolcnt .rotate-180.btn.polytools, #toolcnt .nyx div.ctrl .image .rotate-180.polytools.clear, .nyx div.ctrl .image #toolcnt .rotate-180.polytools.clear, #toolcnt .nyx div.ctrl.list div.items div.rotate-180.polytools.item, .nyx div.ctrl.list div.items #toolcnt div.rotate-180.polytools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.rotate-180.polytools, .nyx div.ctrl.list div.items div.item #toolcnt button.rotate-180.polytools, #toolcnt .nyx div.ctrl .searchitems .rotate-180.polytools.item, .nyx div.ctrl .searchitems #toolcnt .rotate-180.polytools.item, #toolcnt .list.checklist div.items .checklist-item button.rotate-180.polytools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.rotate-180.polytools.deleteitem, i.rotate-180.radio-set, i.rotate-180.radio, i.rotate-180.sync, i.rotate-180.settings, i.rotate-180.region, i.rotate-180.layergroup, .nyx div.ctrl.list .header .rotate-180.close, .nyx div.ctrl.list .header .rotate-180.toggle, .nyx div.ctrl.list .header .rotate-180.filter, .nyx div.ctrl .image .rotate-180.clear {
  transform: rotate(180deg);
}
.icon.rotate-270, .conflict .rotate-270.official-value::before, .conflict .rotate-270.conflicted-value::before, .rotate-270#print, .rotate-270#grid, .rotate-270#draw, .rotate-270#add-items, .rotate-270#sign-in, .rotate-270#settings, .rotate-270#locate, .rotate-270#search, .rotate-270#deer, .rotate-270#table, .rotate-270#download, .rotate-270#home, .rotate-270#legend-switch, .rotate-270#region-switch, .rotate-270#layer-switch, i.rotate-270.layerstack, #fullscreen #fs-header .rotate-270#fs-undock, #fullscreen #fs-header .rotate-270#fs-close, .rotate-270.sel-btn#select_right, .rotate-270.sel-btn#select_center, .rotate-270.sel-btn#open_list, .rotate-270.sel-btn#toggle_zoomto, .rotate-270.sel-btn#select_left, #toolcnt .rotate-270.btn.pointtools, #toolcnt .nyx div.ctrl .image .rotate-270.pointtools.clear, .nyx div.ctrl .image #toolcnt .rotate-270.pointtools.clear, #toolcnt .nyx div.ctrl.list div.items div.rotate-270.pointtools.item, .nyx div.ctrl.list div.items #toolcnt div.rotate-270.pointtools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.rotate-270.pointtools, .nyx div.ctrl.list div.items div.item #toolcnt button.rotate-270.pointtools, #toolcnt .nyx div.ctrl .searchitems .rotate-270.pointtools.item, .nyx div.ctrl .searchitems #toolcnt .rotate-270.pointtools.item, #toolcnt .list.checklist div.items .checklist-item button.rotate-270.pointtools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.rotate-270.pointtools.deleteitem, #toolcnt .rotate-270.btn.polytools, #toolcnt .nyx div.ctrl .image .rotate-270.polytools.clear, .nyx div.ctrl .image #toolcnt .rotate-270.polytools.clear, #toolcnt .nyx div.ctrl.list div.items div.rotate-270.polytools.item, .nyx div.ctrl.list div.items #toolcnt div.rotate-270.polytools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.rotate-270.polytools, .nyx div.ctrl.list div.items div.item #toolcnt button.rotate-270.polytools, #toolcnt .nyx div.ctrl .searchitems .rotate-270.polytools.item, .nyx div.ctrl .searchitems #toolcnt .rotate-270.polytools.item, #toolcnt .list.checklist div.items .checklist-item button.rotate-270.polytools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.rotate-270.polytools.deleteitem, i.rotate-270.radio-set, i.rotate-270.radio, i.rotate-270.sync, i.rotate-270.settings, i.rotate-270.region, i.rotate-270.layergroup, .nyx div.ctrl.list .header .rotate-270.close, .nyx div.ctrl.list .header .rotate-270.toggle, .nyx div.ctrl.list .header .rotate-270.filter, .nyx div.ctrl .image .rotate-270.clear {
  transform: rotate(270deg);
}

@keyframes wait {
  0% {
    content: "\e84d";
  }
  10% {
    content: "\e84e";
  }
  20% {
    content: "\e84f";
  }
  30% {
    content: "\e84c";
  }
  100% {
    content: "\e84c";
  }
}
@keyframes wait-rot {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes progress {
  0% {
    content: "\e837";
  }
  12.5% {
    content: "\e843";
  }
  25.0% {
    content: "\e844";
  }
  37.5% {
    content: "\e845";
  }
  50.0% {
    content: "\e846";
  }
  62.5% {
    content: "\e847";
  }
  75.0% {
    content: "\e848";
  }
  87.5% {
    content: "\e849";
  }
  100% {
    content: "\e837";
  }
}
.nyx-progress:before {
  content: "\e837";
  animation-name: progress;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.nyx-wait, #locate.preparing {
  transform: rotate(0deg);
  animation-name: wait-rot;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.nyx-wait:before, #locate.preparing:before {
  content: "\e84d";
  animation-name: wait;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.nyx-chart-bar:before {
  content: "\e800";
} /* '' */
.nyx-truck:before {
  content: "\e801";
} /* '' */
.nyx-check:before, i.radio-set:before {
  content: "\e802";
} /* '' */
.nyx-list-alt:before {
  content: "\e803";
} /* '' */
.nyx-scissors:before {
  content: "\e804";
} /* '' */
.nyx-align-justify:before {
  content: "\e805";
} /* '' */
.nyx-list:before {
  content: "\e806";
} /* '' */
.nyx-floppy:before {
  content: "\e807";
} /* '' */
.nyx-trash-empty:before {
  content: "\e808";
} /* '' */
.nyx-cog:before, i.settings:before {
  content: "\e809";
} /* '' */
.nyx-cog-alt:before {
  content: "\e80a";
} /* '' */
.nyx-folder-open:before {
  content: "\e80b";
} /* '' */
.nyx-folder:before {
  content: "\e80c";
} /* '' */
.nyx-zoom-in:before {
  content: "\e80d";
} /* '' */
.nyx-zoom-out:before {
  content: "\e80e";
} /* '' */
.nyx-bookmark:before {
  content: "\e80f";
} /* '' */
.nyx-tag:before {
  content: "\e810";
} /* '' */
.nyx-tags:before {
  content: "\e811";
} /* '' */
.nyx-ok-circled2:before {
  content: "\e812";
} /* '' */
.nyx-cancel-circled2:before, #fullscreen #fs-header #fs-close:before {
  content: "\e813";
} /* '' */
.nyx-cancel:before, .nyx div.ctrl.list .header .close:before {
  content: "\e814";
} /* '' */
.nyx-help-circled:before {
  content: "\e815";
} /* '' */
.nyx-info-circled:before {
  content: "\e816";
} /* '' */
.nyx-eye:before, .nyx div.ctrl.list .header .toggle:before {
  content: "\e817";
} /* '' */
.nyx-eye-off:before, .nyx div.ctrl.list.collapsed .header .toggle:before {
  content: "\e818";
} /* '' */
.nyx-doc:before {
  content: "\e819";
} /* '' */
.nyx-play-circled2:before {
  content: "\e81a";
} /* '' */
.nyx-down-circled2:before {
  content: "\e81b";
} /* '' */
.nyx-up-circled2:before {
  content: "\e81c";
} /* '' */
.nyx-right-dir:before, .conflict .conflicted-value:before, .sel-btn#select_right:before {
  content: "\e81d";
} /* '' */
.nyx-left-dir:before, .conflict .official-value:before, .sel-btn#select_left:before {
  content: "\e81e";
} /* '' */
.nyx-login:before, #sign-in:before {
  content: "\e81f";
} /* '' */
.nyx-logout:before, #sign-in.signed-in:before {
  content: "\e820";
} /* '' */
.nyx-calendar:before {
  content: "\e821";
} /* '' */
.nyx-pencil:before {
  content: "\e822";
} /* '' */
.nyx-mail:before {
  content: "\e823";
} /* '' */
.nyx-download:before, #download:before {
  content: "\e824";
} /* '' */
.nyx-upload:before {
  content: "\e825";
} /* '' */
.nyx-barcode:before {
  content: "\e826";
} /* '' */
.nyx-target:before, #locate:before {
  content: "\e827";
} /* '' */
.nyx-picture:before {
  content: "\e828";
} /* '' */
.nyx-plus:before, #add-items:before {
  content: "\e829";
} /* '' */
.nyx-minus:before {
  content: "\e82a";
} /* '' */
.nyx-lock:before {
  content: "\e82b";
} /* '' */
.nyx-print:before, #print:before {
  content: "\e82c";
} /* '' */
.nyx-attention:before {
  content: "\e82d";
} /* '' */
.nyx-attention-circled:before {
  content: "\e82e";
} /* '' */
.nyx-minus-circled:before {
  content: "\e82f";
} /* '' */
.nyx-plus-circled:before {
  content: "\e830";
} /* '' */
.nyx-ok:before {
  content: "\e831";
} /* '' */
.nyx-arrows-cw:before, i.sync:before {
  content: "\e832";
} /* '' */
.nyx-search:before, #search:before {
  content: "\e833";
} /* '' */
.nyx-link:before {
  content: "\e834";
} /* '' */
.nyx-buffer:before, #layer-switch:before, i.layerstack:before {
  content: "\e835";
} /* '' */
.nyx-deer:before, #deer:before {
  content: "\e836";
} /* '' */
.nyx-progress-0:before {
  content: "\e837";
} /* '' */
.nyx-woodstack_16_16:before {
  content: "\e838";
} /* '' */
.nyx-home:before, #home:before {
  content: "\e839";
} /* '' */
.nyx-qrcode:before {
  content: "\e83a";
} /* '' */
.nyx-measue-draw:before, #draw:before {
  content: "\e83b";
} /* '' */
.nyx-resize-full:before {
  content: "\e83c";
} /* '' */
.nyx-resize-small:before, .sel-btn#toggle_zoomto:before {
  content: "\e83d";
} /* '' */
.nyx-move:before {
  content: "\e83e";
} /* '' */
.nyx-to-end:before {
  content: "\e83f";
} /* '' */
.nyx-to-end-alt:before {
  content: "\e840";
} /* '' */
.nyx-to-start:before {
  content: "\e841";
} /* '' */
.nyx-to-start-alt:before {
  content: "\e842";
} /* '' */
.nyx-progress-1:before {
  content: "\e843";
} /* '' */
.nyx-progress-2:before {
  content: "\e844";
} /* '' */
.nyx-progress-3:before {
  content: "\e845";
} /* '' */
.nyx-progress-4:before {
  content: "\e846";
} /* '' */
.nyx-progress-5:before {
  content: "\e847";
} /* '' */
.nyx-progress-6:before {
  content: "\e848";
} /* '' */
.nyx-progress-7:before {
  content: "\e849";
} /* '' */
.nyx-adjust:before {
  content: "\e84a";
} /* '' */
.nyx-tint:before {
  content: "\e84b";
} /* '' */
.nyx-sandwatch-3:before {
  content: "\e84c";
} /* '' */
.nyx-sandwatch-0:before {
  content: "\e84d";
} /* '' */
.nyx-sandwatch-1:before {
  content: "\e84e";
} /* '' */
.nyx-sandwatch-2:before {
  content: "\e84f";
} /* '' */
.nyx-foersterei:before {
  content: "\e850";
} /* '' */
.nyx-forstbetrieb:before {
  content: "\e851";
} /* '' */
.nyx-landeswaldrevier:before {
  content: "\e852";
} /* '' */
.nyx-forstamt:before {
  content: "\e853";
} /* '' */
.nyx-heart:before {
  content: "\e854";
} /* '' */
.nyx-heart-empty:before {
  content: "\e855";
} /* '' */
.nyx-user:before {
  content: "\e856";
} /* '' */
.nyx-th-large:before {
  content: "\e857";
} /* '' */
.nyx-th:before {
  content: "\e858";
} /* '' */
.nyx-offline:before {
  content: "\e859";
} /* '' */
.nyx-xyinput:before {
  content: "\e85a";
} /* '' */
.nyx-dog1:before {
  content: "\e85b";
} /* '' */
.nyx-dog2:before {
  content: "\e85c";
} /* '' */
.nyx-rifle2:before {
  content: "\e85d";
} /* '' */
.nyx-check-empty:before, i.radio:before {
  content: "\f096";
} /* '' */
.nyx-bookmark-empty:before, #region-switch:before {
  content: "\f097";
} /* '' */
.nyx-tasks:before {
  content: "\f0ae";
} /* '' */
.nyx-filter:before, .nyx div.ctrl.list .header .filter:before {
  content: "\f0b0";
} /* '' */
.nyx-docs:before {
  content: "\f0c5";
} /* '' */
.nyx-menu:before, #settings:before {
  content: "\f0c9";
} /* '' */
.nyx-list-bullet:before, #legend-switch:before, .sel-btn#open_list:before {
  content: "\f0ca";
} /* '' */
.nyx-table:before, #grid:before, #table:before {
  content: "\f0ce";
} /* '' */
.nyx-magic:before {
  content: "\f0d0";
} /* '' */
.nyx-money:before {
  content: "\f0d6";
} /* '' */
.nyx-columns:before {
  content: "\f0db";
} /* '' */
.nyx-mail-alt:before {
  content: "\f0e0";
} /* '' */
.nyx-sitemap:before {
  content: "\f0e8";
} /* '' */
.nyx-paste:before {
  content: "\f0ea";
} /* '' */
.nyx-download-cloud:before {
  content: "\f0ed";
} /* '' */
.nyx-upload-cloud:before {
  content: "\f0ee";
} /* '' */
.nyx-doc-text:before {
  content: "\f0f6";
} /* '' */
.nyx-ambulance:before {
  content: "\f0f9";
} /* '' */
.nyx-medkit:before {
  content: "\f0fa";
} /* '' */
.nyx-tablet:before {
  content: "\f10a";
} /* '' */
.nyx-mobile:before {
  content: "\f10b";
} /* '' */
.nyx-circle-empty:before {
  content: "\f10c";
} /* '' */
.nyx-spinner:before {
  content: "\f110";
} /* '' */
.nyx-folder-empty:before, i.region:before, i.layergroup:before {
  content: "\f114";
} /* '' */
.nyx-folder-open-empty:before, i.region.open:before, i.layergroup.open:before {
  content: "\f115";
} /* '' */
.nyx-keyboard:before {
  content: "\f11c";
} /* '' */
.nyx-crop:before {
  content: "\f125";
} /* '' */
.nyx-unlink:before {
  content: "\f127";
} /* '' */
.nyx-eraser:before {
  content: "\f12d";
} /* '' */
.nyx-shield:before {
  content: "\f132";
} /* '' */
.nyx-calendar-empty:before {
  content: "\f133";
} /* '' */
.nyx-lock-open-alt:before {
  content: "\f13e";
} /* '' */
.nyx-ticket:before {
  content: "\f145";
} /* '' */
.nyx-link-ext-alt:before {
  content: "\f14c";
} /* '' */
.nyx-euro:before {
  content: "\f153";
} /* '' */
.nyx-sort-name-up:before {
  content: "\f15d";
} /* '' */
.nyx-sort-name-down:before {
  content: "\f15e";
} /* '' */
.nyx-sort-alt-up:before {
  content: "\f160";
} /* '' */
.nyx-sort-alt-down:before {
  content: "\f161";
} /* '' */
.nyx-sort-number-up:before {
  content: "\f162";
} /* '' */
.nyx-sort-number-down:before {
  content: "\f163";
} /* '' */
.nyx-box:before {
  content: "\f187";
} /* '' */
.nyx-bug:before {
  content: "\f188";
} /* '' */
.nyx-pagelines:before {
  content: "\f18c";
} /* '' */
.nyx-right-circled2:before {
  content: "\f18e";
} /* '' */
.nyx-left-circled2:before {
  content: "\f190";
} /* '' */
.nyx-dot-circled:before {
  content: "\f192";
} /* '' */
.nyx-bank:before {
  content: "\f19c";
} /* '' */
.nyx-delicious:before {
  content: "\f1a5";
} /* '' */
.nyx-building-filled:before {
  content: "\f1ad";
} /* '' */
.nyx-paw:before {
  content: "\f1b0";
} /* '' */
.nyx-cube:before {
  content: "\f1b2";
} /* '' */
.nyx-cubes:before {
  content: "\f1b3";
} /* '' */
.nyx-recycle:before {
  content: "\f1b8";
} /* '' */
.nyx-tree:before {
  content: "\f1bb";
} /* '' */
.nyx-database:before {
  content: "\f1c0";
} /* '' */
.nyx-file-word:before {
  content: "\f1c2";
} /* '' */
.nyx-file-excel:before {
  content: "\f1c3";
} /* '' */
.nyx-file-archive:before {
  content: "\f1c6";
} /* '' */
.nyx-sliders:before {
  content: "\f1de";
} /* '' */
.nyx-binoculars:before {
  content: "\f1e5";
} /* '' */
.nyx-wifi:before {
  content: "\f1eb";
} /* '' */
.nyx-calc:before {
  content: "\f1ec";
} /* '' */
.nyx-trash:before, .nyx div.ctrl .image .clear:before {
  content: "\f1f8";
} /* '' */
.nyx-brush:before {
  content: "\f1fc";
} /* '' */
.nyx-chart-area:before {
  content: "\f1fe";
} /* '' */
.nyx-chart-pie:before {
  content: "\f200";
} /* '' */
.nyx-chart-line:before {
  content: "\f201";
} /* '' */
.nyx-object-group:before {
  content: "\f247";
} /* '' */
.nyx-object-ungroup:before {
  content: "\f248";
} /* '' */
.nyx-sticky-note:before {
  content: "\f249";
} /* '' */
.nyx-sticky-note-o:before {
  content: "\f24a";
} /* '' */
.nyx-calendar-plus-o:before {
  content: "\f271";
} /* '' */
.nyx-calendar-minus-o:before {
  content: "\f272";
} /* '' */
.nyx-calendar-times-o:before {
  content: "\f273";
} /* '' */
.nyx-calendar-check-o:before {
  content: "\f274";
} /* '' */
.nyx-industry:before {
  content: "\f275";
} /* '' */
.nyx-map-o:before {
  content: "\f278";
} /* '' */
.nyx-map:before {
  content: "\f279";
} /* '' */
.nyx-pause-circle-o:before {
  content: "\f28c";
} /* '' */
.nyx-stop-circle-o:before, #fullscreen #fs-header #fs-undock:before {
  content: "\f28e";
} /* '' */
.nyx-bluetooth:before, #locate.bluetooth:before {
  content: "\f293";
} /* '' */
.nyx-bluetooth-b:before {
  content: "\f294";
} /* '' */
.nyx-envira:before {
  content: "\f299";
} /* '' */
.nyx-handshake-o:before {
  content: "\f2b5";
} /* '' */
.nyx-envelope-open:before {
  content: "\f2b6";
} /* '' */
.nyx-envelope-open-o:before {
  content: "\f2b7";
} /* '' */
.nyx-address-book-o:before {
  content: "\f2ba";
} /* '' */
.nyx-user-o:before {
  content: "\f2c0";
} /* '' */
.nyx-id-badge:before {
  content: "\f2c1";
} /* '' */
.nyx-id-card-o:before {
  content: "\f2c3";
} /* '' */
.arriveDate, .arriveTime {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.nyx #fs-body {
  width: 100%;
}
.nyx .layout-column {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.nyx .layout-column > * {
  flex-shrink: 0;
  flex-grow: 0;
}
.nyx .layout-column > *.fillup {
  min-height: 0px;
  flex-shrink: 1;
  flex-grow: 1;
}
.nyx div.layout-row {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}
.nyx div.layout-row > * {
  flex-shrink: 0;
  flex-grow: 0;
}
.nyx div.layout-row > *.fillup {
  min-height: 0px;
  flex-shrink: 1;
  flex-grow: 1;
}
.nyx table {
  color: inherit;
  background-color: transparent;
}
.nyx dialog {
  background: transparent;
  border-width: 0px;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .nyx dialog {
    min-width: 100%;
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    height: 100%;
  }
}
.nyx dialog .dialog-close {
  float: right;
}
.nyx dialog div.dialog-body {
  padding: 12px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 600px) {
  .nyx dialog div.dialog-body {
    border-width: 1px;
    border-radius: 5px;
    margin-top: 24px;
    max-width: 85%;
  }
}
@media only screen and (max-width: 600px) {
  .nyx dialog div.dialog-body {
    border-width: 0px;
    border-radius: 0px;
    margin-top: 0px;
    max-width: 100%;
    min-height: 100%;
    box-sizing: border-box;
  }
}
.nyx dialog div.dialog-body .dialog-icon {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  border: 1px solid #999;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  left: 14px;
  top: -14px;
  z-index: 10;
  font-size: 28px;
  padding: 7px 3px 4px;
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.5);
}
.nyx dialog div.dialog-body.smallform {
  width: 400px;
}
.nyx dialog div.dialog-body.largeform {
  width: 800px;
}
.nyx dialog div.dialog-body h1 {
  margin-top: 0px;
  font-size: 150%;
  /*margin-left: 68px;*/
}
.nyx dialog::backdrop {
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
}
.nyx dialog#loader {
  border: 0px;
  outline: 0px;
  margin: 0px;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: none;
}
.nyx dialog#loader::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.nyx .layout-cell {
  box-sizing: border-box;
  display: inline-block;
  padding: 1px;
}
.nyx .input-grp {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.nyx .input-grp .btn, .nyx .input-grp .sel-btn#select_right, .nyx .input-grp .sel-btn#select_center, .nyx .input-grp .sel-btn#open_list, .nyx .input-grp .sel-btn#toggle_zoomto, .nyx .input-grp .sel-btn#select_left, .nyx .input-grp .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item .nyx .input-grp button.deleteitem, .nyx .input-grp div.ctrl .searchitems .item, .nyx div.ctrl .searchitems .input-grp .item, .nyx .input-grp div.ctrl.list div.items div.item button, .nyx div.ctrl.list div.items div.item .input-grp button, .nyx .input-grp div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items .input-grp div.item, .nyx .input-grp div.ctrl .image .clear, .nyx div.ctrl .image .input-grp .clear {
  padding: 2px 2px;
  font-size: 12px;
}
.nyx span.fixed {
  display: inline-block;
  text-align: right;
}
.nyx dialog hr {
  margin: 10px -12px;
}
.nyx .floating hr, .nyx .list hr, .nyx .matrix hr {
  display: none;
}
.nyx div.grid {
  margin-left: 0px;
  margin-right: 0px;
}
.nyx div.grid .hidden_by_logic {
  display: none !important;
}
.nyx div.grid div.grid.focus {
  margin-top: 6px;
  margin-bottom: 6px;
  border: 3px solid #0097d9;
}
.nyx div.grid div.grid.focus:not(.readonly) {
  border: 3px solid rgba(255, 160, 0, 0.9);
}
@media only screen and (max-width: 360px) {
  .nyx div.grid .w-0 {
    display: none;
  }
  .nyx div.grid .w-1 {
    width: 100%;
  }
  .nyx div.grid .w-2 {
    width: 100%;
  }
  .nyx div.grid .w-3 {
    width: 100%;
  }
  .nyx div.grid .w-4 {
    width: 100%;
  }
  .nyx div.grid .w-5 {
    width: 100%;
  }
  .nyx div.grid .w-6 {
    width: 100%;
  }
}
@media only screen and (min-width: 360px) {
  .nyx div.grid .w-0 {
    display: none;
  }
  .nyx div.grid .w-1 {
    width: 16.6666%;
  }
  .nyx div.grid .w-2 {
    width: 33.3333%;
  }
  .nyx div.grid .w-3 {
    width: 50%;
  }
  .nyx div.grid .w-4 {
    width: 66.6666%;
  }
  .nyx div.grid .w-5 {
    width: 83.3333%;
  }
  .nyx div.grid .w-6 {
    width: 100%;
  }
}
.nyx :focus-visible, .nyx :focus-within, .nyx :focus {
  outline: 0px;
}
.nyx .btn.disabled, .nyx .disabled.sel-btn#select_right, .nyx .disabled.sel-btn#select_center, .nyx .disabled.sel-btn#open_list, .nyx .disabled.sel-btn#toggle_zoomto, .nyx .disabled.sel-btn#select_left, .nyx .list.checklist div.items .checklist-item button.disabled.deleteitem, .list.checklist div.items .checklist-item .nyx button.disabled.deleteitem, .nyx div.ctrl .searchitems .disabled.item, .nyx div.ctrl.list div.items div.item button.disabled, .nyx div.ctrl.list div.items div.disabled.item, .nyx div.ctrl .image .disabled.clear {
  opacity: 0.25;
  pointer-events: none;
}
.nyx div.ctrl {
  padding: 3px;
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  flex-direction: column;
  vertical-align: top;
  /* z-index: 1;*/
}
.nyx div.ctrl p {
  padding: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.nyx div.ctrl > label {
  /*position: absolute;*/
  padding: 0px 1px 2px;
  white-space: nowrap;
  left: 10px;
  top: 6px;
  right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 90%;
  z-index: 1;
  font-weight: bold;
  width: fit-content;
}
.nyx div.ctrl > label > i:first-child {
  float: right;
  margin-top: 2px;
}
.nyx div.ctrl .image.disabled {
  opacity: 0.8;
}
.nyx div.ctrl .image .clear {
  position: absolute;
  font-size: 20px;
  padding: 6px 7px 7px 7px;
  bottom: 15px;
  right: 10px;
  border-radius: 50%;
  opacity: 0.7;
  width: 50px;
  height: 50px;
}
.nyx div.ctrl select {
  box-sizing: border-box;
  font-size: 110%;
}
.nyx div.ctrl input, .nyx div.ctrl textarea {
  box-sizing: border-box;
  font-size: 110%;
  padding: 4px 4px 4px 4px;
}
.nyx div.ctrl input[type=date], .nyx div.ctrl input[type=time] {
  -webkit-appearance: none;
}
.nyx div.ctrl.list {
  padding: 3px;
  border-width: 1px;
  border-style: solid;
  margin: 0px;
  box-sizing: border-box;
  display: inline-block;
  margin: 3px;
  width: calc(100% - 6px);
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.05);
  color: inherit;
}
.nyx div.ctrl.list .header {
  margin: -3px -3px -3px -3px;
  border-bottom-width: 1px;
  padding: 4px 4px 0px;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  border-radius: 2px;
  border-width: 0px;
  font-size: 110%;
}
.nyx div.ctrl.list .header .stats {
  margin-left: 4px;
  margin-right: 4px;
}
.nyx div.ctrl.list .header .label {
  flex-grow: 100;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.nyx div.ctrl.list .header .filter {
  padding: 1px 3px 4px;
}
.nyx div.ctrl.list .header .toggle {
  padding: 1px 3px 4px;
}
.nyx div.ctrl.list .header .close {
  padding: 1px 3px 4px;
}
.nyx div.ctrl.list.collapsed div.items {
  height: 0px;
  display: none;
  overflow: hidden;
}
.nyx div.ctrl.list.collapsed .header .toggle {
  padding: 1px 3px 4px;
}
.nyx div.ctrl.list > label {
  position: initial;
  display: block;
  white-space: nowrap;
  left: 2px;
  top: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 100%;
  margin: 4px 2px;
}
.nyx div.ctrl.list div.items {
  margin-top: 6px;
  width: 100%;
  border-width: 0px;
  padding: 4px 0px 0px 0px;
  height: fit-content;
  user-select: none;
}
.nyx div.ctrl.list div.items div.item {
  display: flex;
  position: relative;
  padding: 4px 1px 4px 4px;
  margin-bottom: 2px;
  font-size: 100%;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  border-radius: 4px;
}
.nyx div.ctrl.list div.items div.item span {
  flex-grow: 100;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nyx div.ctrl.list div.items div.item button {
  padding: 0px;
  margin-left: 4px;
  border-width: 0px;
  font-size: 14px;
  width: 24px;
}
.nyx div.ctrl.list div.items div.item button.copyitem {
  margin: -2px 2px;
  border-radius: 3px;
  padding: 2px !important;
  flex: 0 0 24px;
}
.nyx div.ctrl.list div.items div.item button.deleteitem {
  margin: -2px 2px;
  border-radius: 3px;
  padding: 2px !important;
  flex: 0 0 24px;
}
.nyx div.ctrl .searchitems {
  position: absolute;
  bottom: 0px;
  padding: 3px;
  left: 0px;
  right: 0px;
  height: 0px;
  z-index: 1000;
}
.nyx div.ctrl .searchitems .item.highlite {
  z-index: 2;
}
.nyx div.ctrl .searchitems #selection-list {
  border-width: 0px;
}
.nyx div.ctrl .searchitems #selection-list div.item {
  min-height: unset;
  margin: 0px;
  margin-top: -1px;
  border-width: 1px;
  padding: 4px 5px;
  border-radius: 0px;
}
.nyx div.ctrl .searchitems #selection-list div.item:first-child {
  border-radius: 0px;
}
.nyx div.ctrl .searchitems #selection-list div.item:last-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.nyx .toolstackitem .input-grp {
  margin-top: 2px;
}
.nyx .toolstackitem .input-grp input, .nyx .toolstackitem .input-grp textarea {
  font-size: 140%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 2px 10px;
  border-right-width: 0px;
  font-weight: bold;
}
.nyx .toolstackitem .input-grp .btn, .nyx .toolstackitem .input-grp .sel-btn#select_right, .nyx .toolstackitem .input-grp .sel-btn#select_center, .nyx .toolstackitem .input-grp .sel-btn#open_list, .nyx .toolstackitem .input-grp .sel-btn#toggle_zoomto, .nyx .toolstackitem .input-grp .sel-btn#select_left, .nyx .toolstackitem .input-grp .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item .nyx .toolstackitem .input-grp button.deleteitem, .nyx .toolstackitem .input-grp div.ctrl .image .clear, .nyx div.ctrl .image .toolstackitem .input-grp .clear, .nyx .toolstackitem .input-grp div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items .toolstackitem .input-grp div.item, .nyx .toolstackitem .input-grp div.ctrl.list div.items div.item button, .nyx div.ctrl.list div.items div.item .toolstackitem .input-grp button, .nyx .toolstackitem .input-grp div.ctrl .searchitems .item, .nyx div.ctrl .searchitems .toolstackitem .input-grp .item {
  font-size: 120%;
  width: 32px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.nyx select {
  width: 100%;
  box-sizing: border-box;
  font-size: 100%;
  border-style: solid;
  border-width: 1px;
  padding: 2px 2px;
  outline-width: 0px;
}
.nyx select:disabled {
  opacity: 0.5;
}
.nyx input, .nyx textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 100%;
  border-style: solid;
  border-width: 1px;
  padding: 2px 2px;
  outline-width: 0px;
}
.nyx input[type=checkbox], .nyx textarea[type=checkbox] {
  width: auto;
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.nyx input:disabled, .nyx textarea:disabled {
  opacity: 0.5;
}
.nyx textarea {
  font-family: inherit;
}
.nyx input[type=number]::-webkit-outer-spin-button,
.nyx input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.nyx input[type=number] {
  -moz-appearance: textfield;
}
.nyx .toolbar {
  padding: 4px;
  border-bottom: 2px solid;
  border-color: inherit;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.nyx .toolbar .radio-btn-group {
  display: inline-flex;
}
.nyx .toolbar .radio-btn-group .btn, .nyx .toolbar .radio-btn-group .sel-btn#select_right, .nyx .toolbar .radio-btn-group .sel-btn#select_center, .nyx .toolbar .radio-btn-group .sel-btn#open_list, .nyx .toolbar .radio-btn-group .sel-btn#toggle_zoomto, .nyx .toolbar .radio-btn-group .sel-btn#select_left, .nyx .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item .nyx .toolbar .radio-btn-group button.deleteitem, .nyx .toolbar .radio-btn-group div.ctrl .image .clear, .nyx div.ctrl .image .toolbar .radio-btn-group .clear, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items .toolbar .radio-btn-group div.item, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item button, .nyx div.ctrl.list div.items div.item .toolbar .radio-btn-group button, .nyx .toolbar .radio-btn-group div.ctrl .searchitems .item, .nyx div.ctrl .searchitems .toolbar .radio-btn-group .item {
  border-radius: 0;
  position: relative;
}
.nyx .toolbar .radio-btn-group .btn:hover, .nyx .toolbar .radio-btn-group .sel-btn#select_right:hover, .nyx .toolbar .radio-btn-group .sel-btn#select_center:hover, .nyx .toolbar .radio-btn-group .sel-btn#open_list:hover, .nyx .toolbar .radio-btn-group .sel-btn#toggle_zoomto:hover, .nyx .toolbar .radio-btn-group .sel-btn#select_left:hover, .nyx .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.deleteitem:hover, .list.checklist div.items .checklist-item .nyx .toolbar .radio-btn-group button.deleteitem:hover, .nyx .toolbar .radio-btn-group div.ctrl .image .clear:hover, .nyx div.ctrl .image .toolbar .radio-btn-group .clear:hover, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item:hover, .nyx div.ctrl.list div.items .toolbar .radio-btn-group div.item:hover, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item button:hover, .nyx div.ctrl.list div.items div.item .toolbar .radio-btn-group button:hover, .nyx .toolbar .radio-btn-group div.ctrl .searchitems .item:hover, .nyx div.ctrl .searchitems .toolbar .radio-btn-group .item:hover, .nyx .toolbar .radio-btn-group .btn:focus, .nyx .toolbar .radio-btn-group .sel-btn#select_right:focus, .nyx .toolbar .radio-btn-group .sel-btn#select_center:focus, .nyx .toolbar .radio-btn-group .sel-btn#open_list:focus, .nyx .toolbar .radio-btn-group .sel-btn#toggle_zoomto:focus, .nyx .toolbar .radio-btn-group .sel-btn#select_left:focus, .nyx .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.deleteitem:focus, .list.checklist div.items .checklist-item .nyx .toolbar .radio-btn-group button.deleteitem:focus, .nyx .toolbar .radio-btn-group div.ctrl .image .clear:focus, .nyx div.ctrl .image .toolbar .radio-btn-group .clear:focus, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item:focus, .nyx div.ctrl.list div.items .toolbar .radio-btn-group div.item:focus, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item button:focus, .nyx div.ctrl.list div.items div.item .toolbar .radio-btn-group button:focus, .nyx .toolbar .radio-btn-group div.ctrl .searchitems .item:focus, .nyx div.ctrl .searchitems .toolbar .radio-btn-group .item:focus, .nyx .toolbar .radio-btn-group .btn.selected, .nyx .toolbar .radio-btn-group .selected.sel-btn#select_right, .nyx .toolbar .radio-btn-group .selected.sel-btn#select_center, .nyx .toolbar .radio-btn-group .selected.sel-btn#open_list, .nyx .toolbar .radio-btn-group .selected.sel-btn#toggle_zoomto, .nyx .toolbar .radio-btn-group .selected.sel-btn#select_left, .nyx .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.selected.deleteitem, .list.checklist div.items .checklist-item .nyx .toolbar .radio-btn-group button.selected.deleteitem, .nyx .toolbar .radio-btn-group div.ctrl .image .selected.clear, .nyx div.ctrl .image .toolbar .radio-btn-group .selected.clear, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.selected.item, .nyx div.ctrl.list div.items .toolbar .radio-btn-group div.selected.item, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item button.selected, .nyx div.ctrl.list div.items div.item .toolbar .radio-btn-group button.selected, .nyx .toolbar .radio-btn-group div.ctrl .searchitems .selected.item, .nyx div.ctrl .searchitems .toolbar .radio-btn-group .selected.item {
  z-index: 1;
}
.nyx .toolbar .radio-btn-group .btn:not(:last-of-type), .nyx .toolbar .radio-btn-group .sel-btn#select_right:not(:last-of-type), .nyx .toolbar .radio-btn-group .sel-btn#select_center:not(:last-of-type), .nyx .toolbar .radio-btn-group .sel-btn#open_list:not(:last-of-type), .nyx .toolbar .radio-btn-group .sel-btn#toggle_zoomto:not(:last-of-type), .nyx .toolbar .radio-btn-group .sel-btn#select_left:not(:last-of-type), .nyx .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.deleteitem:not(:last-of-type), .list.checklist div.items .checklist-item .nyx .toolbar .radio-btn-group button.deleteitem:not(:last-of-type), .nyx .toolbar .radio-btn-group div.ctrl .image .clear:not(:last-of-type), .nyx div.ctrl .image .toolbar .radio-btn-group .clear:not(:last-of-type), .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item:not(:last-of-type), .nyx div.ctrl.list div.items .toolbar .radio-btn-group div.item:not(:last-of-type), .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item button:not(:last-of-type), .nyx div.ctrl.list div.items div.item .toolbar .radio-btn-group button:not(:last-of-type), .nyx .toolbar .radio-btn-group div.ctrl .searchitems .item:not(:last-of-type), .nyx div.ctrl .searchitems .toolbar .radio-btn-group .item:not(:last-of-type) {
  margin-right: 0;
}
.nyx .toolbar .radio-btn-group .btn:not(:first-of-type), .nyx .toolbar .radio-btn-group .sel-btn#select_right:not(:first-of-type), .nyx .toolbar .radio-btn-group .sel-btn#select_center:not(:first-of-type), .nyx .toolbar .radio-btn-group .sel-btn#open_list:not(:first-of-type), .nyx .toolbar .radio-btn-group .sel-btn#toggle_zoomto:not(:first-of-type), .nyx .toolbar .radio-btn-group .sel-btn#select_left:not(:first-of-type), .nyx .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.deleteitem:not(:first-of-type), .list.checklist div.items .checklist-item .nyx .toolbar .radio-btn-group button.deleteitem:not(:first-of-type), .nyx .toolbar .radio-btn-group div.ctrl .image .clear:not(:first-of-type), .nyx div.ctrl .image .toolbar .radio-btn-group .clear:not(:first-of-type), .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item:not(:first-of-type), .nyx div.ctrl.list div.items .toolbar .radio-btn-group div.item:not(:first-of-type), .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item button:not(:first-of-type), .nyx div.ctrl.list div.items div.item .toolbar .radio-btn-group button:not(:first-of-type), .nyx .toolbar .radio-btn-group div.ctrl .searchitems .item:not(:first-of-type), .nyx div.ctrl .searchitems .toolbar .radio-btn-group .item:not(:first-of-type) {
  margin-left: -1px;
}
.nyx .toolbar .radio-btn-group .btn:first-of-type, .nyx .toolbar .radio-btn-group .sel-btn#select_right:first-of-type, .nyx .toolbar .radio-btn-group .sel-btn#select_center:first-of-type, .nyx .toolbar .radio-btn-group .sel-btn#open_list:first-of-type, .nyx .toolbar .radio-btn-group .sel-btn#toggle_zoomto:first-of-type, .nyx .toolbar .radio-btn-group .sel-btn#select_left:first-of-type, .nyx .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.deleteitem:first-of-type, .list.checklist div.items .checklist-item .nyx .toolbar .radio-btn-group button.deleteitem:first-of-type, .nyx .toolbar .radio-btn-group div.ctrl .image .clear:first-of-type, .nyx div.ctrl .image .toolbar .radio-btn-group .clear:first-of-type, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item:first-of-type, .nyx div.ctrl.list div.items .toolbar .radio-btn-group div.item:first-of-type, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item button:first-of-type, .nyx div.ctrl.list div.items div.item .toolbar .radio-btn-group button:first-of-type, .nyx .toolbar .radio-btn-group div.ctrl .searchitems .item:first-of-type, .nyx div.ctrl .searchitems .toolbar .radio-btn-group .item:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.nyx .toolbar .radio-btn-group .btn:last-of-type, .nyx .toolbar .radio-btn-group .sel-btn#select_right:last-of-type, .nyx .toolbar .radio-btn-group .sel-btn#select_center:last-of-type, .nyx .toolbar .radio-btn-group .sel-btn#open_list:last-of-type, .nyx .toolbar .radio-btn-group .sel-btn#toggle_zoomto:last-of-type, .nyx .toolbar .radio-btn-group .sel-btn#select_left:last-of-type, .nyx .toolbar .radio-btn-group .list.checklist div.items .checklist-item button.deleteitem:last-of-type, .list.checklist div.items .checklist-item .nyx .toolbar .radio-btn-group button.deleteitem:last-of-type, .nyx .toolbar .radio-btn-group div.ctrl .image .clear:last-of-type, .nyx div.ctrl .image .toolbar .radio-btn-group .clear:last-of-type, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item:last-of-type, .nyx div.ctrl.list div.items .toolbar .radio-btn-group div.item:last-of-type, .nyx .toolbar .radio-btn-group div.ctrl.list div.items div.item button:last-of-type, .nyx div.ctrl.list div.items div.item .toolbar .radio-btn-group button:last-of-type, .nyx .toolbar .radio-btn-group div.ctrl .searchitems .item:last-of-type, .nyx div.ctrl .searchitems .toolbar .radio-btn-group .item:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.nyx .toolbar .radio-btn-group > .group-icon {
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  padding: 0 6px 0 2px;
  opacity: 0.7;
}
.nyx .toolbar .btn, .nyx .toolbar .sel-btn#select_right, .nyx .toolbar .sel-btn#select_center, .nyx .toolbar .sel-btn#open_list, .nyx .toolbar .sel-btn#toggle_zoomto, .nyx .toolbar .sel-btn#select_left, .nyx .toolbar .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item .nyx .toolbar button.deleteitem, .nyx .toolbar div.ctrl .image .clear, .nyx div.ctrl .image .toolbar .clear, .nyx .toolbar div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items .toolbar div.item, .nyx .toolbar div.ctrl.list div.items div.item button, .nyx div.ctrl.list div.items div.item .toolbar button, .nyx .toolbar div.ctrl .searchitems .item, .nyx div.ctrl .searchitems .toolbar .item {
  border-radius: 4px;
  margin-bottom: 2px;
  margin-right: 2px;
  text-align: left;
}
.nyx .toolbar .btn.btn-l, .nyx .toolbar .btn-l.sel-btn#select_right, .nyx .toolbar .btn-l.sel-btn#select_center, .nyx .toolbar .btn-l.sel-btn#open_list, .nyx .toolbar .btn-l.sel-btn#toggle_zoomto, .nyx .toolbar .btn-l.sel-btn#select_left, .nyx .toolbar .list.checklist div.items .checklist-item button.btn-l.deleteitem, .list.checklist div.items .checklist-item .nyx .toolbar button.btn-l.deleteitem, .nyx .toolbar div.ctrl .image .btn-l.clear, .nyx div.ctrl .image .toolbar .btn-l.clear, .nyx .toolbar div.ctrl.list div.items div.btn-l.item, .nyx div.ctrl.list div.items .toolbar div.btn-l.item, .nyx .toolbar div.ctrl.list div.items div.item button.btn-l, .nyx div.ctrl.list div.items div.item .toolbar button.btn-l, .nyx .toolbar div.ctrl .searchitems .btn-l.item, .nyx div.ctrl .searchitems .toolbar .btn-l.item {
  margin-inline: 0px 8px;
}
.nyx .toolbar .btn.btn-m, .nyx .toolbar .btn-m.sel-btn#select_right, .nyx .toolbar .btn-m.sel-btn#select_center, .nyx .toolbar .btn-m.sel-btn#open_list, .nyx .toolbar .btn-m.sel-btn#toggle_zoomto, .nyx .toolbar .btn-m.sel-btn#select_left, .nyx .toolbar .list.checklist div.items .checklist-item button.btn-m.deleteitem, .list.checklist div.items .checklist-item .nyx .toolbar button.btn-m.deleteitem, .nyx .toolbar div.ctrl .image .btn-m.clear, .nyx div.ctrl .image .toolbar .btn-m.clear, .nyx .toolbar div.ctrl.list div.items div.btn-m.item, .nyx div.ctrl.list div.items .toolbar div.btn-m.item, .nyx .toolbar div.ctrl.list div.items div.item button.btn-m, .nyx div.ctrl.list div.items div.item .toolbar button.btn-m, .nyx .toolbar div.ctrl .searchitems .btn-m.item, .nyx div.ctrl .searchitems .toolbar .btn-m.item {
  margin-inline: 0px 6px;
}
.nyx .toolbar .btn.btn-s, .nyx .toolbar .btn-s.sel-btn#select_right, .nyx .toolbar .btn-s.sel-btn#select_center, .nyx .toolbar .btn-s.sel-btn#open_list, .nyx .toolbar .btn-s.sel-btn#toggle_zoomto, .nyx .toolbar .btn-s.sel-btn#select_left, .nyx .toolbar .list.checklist div.items .checklist-item button.btn-s.deleteitem, .list.checklist div.items .checklist-item .nyx .toolbar button.btn-s.deleteitem, .nyx .toolbar div.ctrl .image .btn-s.clear, .nyx div.ctrl .image .toolbar .btn-s.clear, .nyx .toolbar div.ctrl.list div.items div.btn-s.item, .nyx div.ctrl.list div.items .toolbar div.btn-s.item, .nyx .toolbar div.ctrl.list div.items div.item button.btn-s, .nyx div.ctrl.list div.items div.item .toolbar button.btn-s, .nyx .toolbar div.ctrl .searchitems .btn-s.item, .nyx div.ctrl .searchitems .toolbar .btn-s.item {
  margin-inline: 0px 4px;
}
.nyx .toolbox .btn, .nyx .toolbox .sel-btn#select_right, .nyx .toolbox .sel-btn#select_center, .nyx .toolbox .sel-btn#open_list, .nyx .toolbox .sel-btn#toggle_zoomto, .nyx .toolbox .sel-btn#select_left, .nyx .toolbox .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item .nyx .toolbox button.deleteitem, .nyx .toolbox div.ctrl .image .clear, .nyx div.ctrl .image .toolbox .clear, .nyx .toolbox div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items .toolbox div.item, .nyx .toolbox div.ctrl.list div.items div.item button, .nyx div.ctrl.list div.items div.item .toolbox button, .nyx .toolbox div.ctrl .searchitems .item, .nyx div.ctrl .searchitems .toolbox .item {
  border-radius: 4px;
  width: 100%;
  display: block;
  margin-bottom: 2px;
  margin-right: 2px;
  text-align: left;
}
.nyx .toolrow {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.nyx .toolrow .btn, .nyx .toolrow .sel-btn#select_right, .nyx .toolrow .sel-btn#select_center, .nyx .toolrow .sel-btn#open_list, .nyx .toolrow .sel-btn#toggle_zoomto, .nyx .toolrow .sel-btn#select_left, .nyx .toolrow .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item .nyx .toolrow button.deleteitem, .nyx .toolrow div.ctrl .image .clear, .nyx div.ctrl .image .toolrow .clear, .nyx .toolrow div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items .toolrow div.item, .nyx .toolrow div.ctrl.list div.items div.item button, .nyx div.ctrl.list div.items div.item .toolrow button, .nyx .toolrow div.ctrl .searchitems .item, .nyx div.ctrl .searchitems .toolrow .item {
  text-align: left;
  flex-grow: 1;
  border-radius: 0px;
  width: 100px;
}
@media only screen and (min-width: 600px) {
  .nyx .toolrow .btn, .nyx .toolrow .sel-btn#select_right, .nyx .toolrow .sel-btn#select_center, .nyx .toolrow .sel-btn#open_list, .nyx .toolrow .sel-btn#toggle_zoomto, .nyx .toolrow .sel-btn#select_left, .nyx .toolrow .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item .nyx .toolrow button.deleteitem, .nyx .toolrow div.ctrl .image .clear, .nyx div.ctrl .image .toolrow .clear, .nyx .toolrow div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items .toolrow div.item, .nyx .toolrow div.ctrl.list div.items div.item button, .nyx div.ctrl.list div.items div.item .toolrow button, .nyx .toolrow div.ctrl .searchitems .item, .nyx div.ctrl .searchitems .toolrow .item {
    /*max-width: 300px;*/
  }
}
.nyx .toolrow .btn:first-child, .nyx .toolrow .sel-btn#select_right:first-child, .nyx .toolrow .sel-btn#select_center:first-child, .nyx .toolrow .sel-btn#open_list:first-child, .nyx .toolrow .sel-btn#toggle_zoomto:first-child, .nyx .toolrow .sel-btn#select_left:first-child, .nyx .toolrow .list.checklist div.items .checklist-item button.deleteitem:first-child, .list.checklist div.items .checklist-item .nyx .toolrow button.deleteitem:first-child, .nyx .toolrow div.ctrl .image .clear:first-child, .nyx div.ctrl .image .toolrow .clear:first-child, .nyx .toolrow div.ctrl.list div.items div.item:first-child, .nyx div.ctrl.list div.items .toolrow div.item:first-child, .nyx .toolrow div.ctrl.list div.items div.item button:first-child, .nyx div.ctrl.list div.items div.item .toolrow button:first-child, .nyx .toolrow div.ctrl .searchitems .item:first-child, .nyx div.ctrl .searchitems .toolrow .item:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.nyx .toolrow .btn:last-child, .nyx .toolrow .sel-btn#select_right:last-child, .nyx .toolrow .sel-btn#select_center:last-child, .nyx .toolrow .sel-btn#open_list:last-child, .nyx .toolrow .sel-btn#toggle_zoomto:last-child, .nyx .toolrow .sel-btn#select_left:last-child, .nyx .toolrow .list.checklist div.items .checklist-item button.deleteitem:last-child, .list.checklist div.items .checklist-item .nyx .toolrow button.deleteitem:last-child, .nyx .toolrow div.ctrl .image .clear:last-child, .nyx div.ctrl .image .toolrow .clear:last-child, .nyx .toolrow div.ctrl.list div.items div.item:last-child, .nyx div.ctrl.list div.items .toolrow div.item:last-child, .nyx .toolrow div.ctrl.list div.items div.item button:last-child, .nyx div.ctrl.list div.items div.item .toolrow button:last-child, .nyx .toolrow div.ctrl .searchitems .item:last-child, .nyx div.ctrl .searchitems .toolrow .item:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.nyx .ctrl .btn:first-child, .nyx .ctrl .sel-btn#select_right:first-child, .nyx .ctrl .sel-btn#select_center:first-child, .nyx .ctrl .sel-btn#open_list:first-child, .nyx .ctrl .sel-btn#toggle_zoomto:first-child, .nyx .ctrl .sel-btn#select_left:first-child, .nyx .ctrl .list.checklist div.items .checklist-item button.deleteitem:first-child, .list.checklist div.items .checklist-item .nyx .ctrl button.deleteitem:first-child, .nyx div.ctrl .image .clear:first-child, .nyx div.ctrl.list div.items div.item:first-child, .nyx div.ctrl.list div.items div.item button:first-child, .nyx div.ctrl .searchitems .item:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.nyx .ctrl .btn:last-child, .nyx .ctrl .sel-btn#select_right:last-child, .nyx .ctrl .sel-btn#select_center:last-child, .nyx .ctrl .sel-btn#open_list:last-child, .nyx .ctrl .sel-btn#toggle_zoomto:last-child, .nyx .ctrl .sel-btn#select_left:last-child, .nyx .ctrl .list.checklist div.items .checklist-item button.deleteitem:last-child, .list.checklist div.items .checklist-item .nyx .ctrl button.deleteitem:last-child, .nyx div.ctrl .image .clear:last-child, .nyx div.ctrl.list div.items div.item:last-child, .nyx div.ctrl.list div.items div.item button:last-child, .nyx div.ctrl .searchitems .item:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.nyx .table {
  margin: 6px;
  height: calc(100% - 12px);
}
.nyx .table .header div {
  font-weight: bold;
  padding: 4px 4px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nyx .table .filter input {
  margin: 0px;
  border: 0px;
  min-width: 0px;
  width: 100%;
  height: 100%;
  /*border: 1px solid rgba(0,0,0,0.1);*/
  box-sizing: border-box;
}
.nyx .table .cell {
  overflow-x: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
}
.nyx .table .cell div {
  padding: 4px;
}
.nyx .btn, .nyx .sel-btn#select_right, .nyx .sel-btn#select_center, .nyx .sel-btn#open_list, .nyx .sel-btn#toggle_zoomto, .nyx .sel-btn#select_left, .nyx .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item .nyx button.deleteitem, .nyx div.ctrl .image .clear, .nyx div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items div.item button, .nyx div.ctrl .searchitems .item {
  padding: 5px 5px;
}
.nyx .btn, .nyx .sel-btn#select_right, .nyx .sel-btn#select_center, .nyx .sel-btn#open_list, .nyx .sel-btn#toggle_zoomto, .nyx .sel-btn#select_left, .nyx .list.checklist div.items .checklist-item button.deleteitem, .list.checklist div.items .checklist-item .nyx button.deleteitem, .nyx div.ctrl .image .clear, .nyx div.ctrl.list div.items div.item, .nyx div.ctrl.list div.items div.item button, .nyx div.ctrl .searchitems .item {
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.nyx .btn.btn-l, .nyx .btn-l.sel-btn#select_right, .nyx .btn-l.sel-btn#select_center, .nyx .btn-l.sel-btn#open_list, .nyx .btn-l.sel-btn#toggle_zoomto, .nyx .btn-l.sel-btn#select_left, .nyx .list.checklist div.items .checklist-item button.btn-l.deleteitem, .list.checklist div.items .checklist-item .nyx button.btn-l.deleteitem, .nyx div.ctrl .image .btn-l.clear, .nyx div.ctrl.list div.items div.btn-l.item, .nyx div.ctrl.list div.items div.item button.btn-l, .nyx div.ctrl .searchitems .btn-l.item {
  font-size: 140%;
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 3px;
  margin: 2px 0px;
}
.nyx .btn.btn-s, .nyx .btn-s.sel-btn#select_right, .nyx .btn-s.sel-btn#select_center, .nyx .btn-s.sel-btn#open_list, .nyx .btn-s.sel-btn#toggle_zoomto, .nyx .btn-s.sel-btn#select_left, .nyx .list.checklist div.items .checklist-item button.btn-s.deleteitem, .list.checklist div.items .checklist-item .nyx button.btn-s.deleteitem, .nyx div.ctrl .image .btn-s.clear, .nyx div.ctrl.list div.items div.btn-s.item, .nyx div.ctrl.list div.items div.item button.btn-s, .nyx div.ctrl .searchitems .btn-s.item {
  padding: 4px 4px;
}
.nyx .btn:disabled, .nyx .sel-btn#select_right:disabled, .nyx .sel-btn#select_center:disabled, .nyx .sel-btn#open_list:disabled, .nyx .sel-btn#toggle_zoomto:disabled, .nyx .sel-btn#select_left:disabled, .nyx .list.checklist div.items .checklist-item button.deleteitem:disabled, .list.checklist div.items .checklist-item .nyx button.deleteitem:disabled, .nyx div.ctrl .image .clear:disabled, .nyx div.ctrl.list div.items div.item:disabled, .nyx div.ctrl.list div.items div.item button:disabled, .nyx div.ctrl .searchitems .item:disabled {
  opacity: 0.1;
}
.nyx .btn.action, .nyx .action.sel-btn#select_right, .nyx .action.sel-btn#select_center, .nyx .action.sel-btn#open_list, .nyx .action.sel-btn#toggle_zoomto, .nyx .action.sel-btn#select_left, .nyx .list.checklist div.items .checklist-item button.action.deleteitem, .list.checklist div.items .checklist-item .nyx button.action.deleteitem, .nyx div.ctrl .image .action.clear, .nyx div.ctrl.list div.items div.action.item, .nyx div.ctrl.list div.items div.item button.action, .nyx div.ctrl .searchitems .action.item {
  width: 100%;
  text-align: left;
  border-radius: 3px;
}
.nyx .fillup {
  flex-grow: 100;
}
.nyx .queryresults {
  width: 100%;
  overflow: auto;
  padding-bottom: 2px;
}
.nyx .queryresults table {
  border-spacing: 0px;
  width: 100%;
  margin: 0px;
  border-collapse: collapse;
  border-width: 1px;
  border-color: inherit;
  user-select: text;
  margin-bottom: 4px;
  font-size: 12px;
}
.nyx .queryresults table td, .nyx .queryresults table th {
  border-color: inherit;
  border: 1px solid;
  padding: 2px 4px;
  text-align: left;
  vertical-align: top;
}
.nyx .queryresults table td {
  /*line-break: anywhere;*/
}
.nyx .input-tooltip-box {
  margin-top: 3px;
  padding: 6px;
  padding-left: 20px;
  border-style: solid;
  border-width: 1px;
  background-color: rgba(255, 255, 255, 0.0666666667);
  border-radius: 4px;
}
.nyx .input-tooltip-box > i:first-child {
  margin: 0 0 0 -16px;
}
.nyx .input-tooltip-label {
  font-weight: bold;
}

.json-display {
  border-style: solid;
  border-width: 1px;
}

.json-array, .json-object {
  border-color: inherit;
}

.json-array-entry, .json-object-entry {
  display: flex;
  flex-direction: row;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: inherit;
}
.json-array-entry:last-child, .json-object-entry:last-child {
  border-bottom-width: 0;
}

.json-array-index, .json-object-key {
  flex-grow: 0;
  flex-shrink: 0;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: inherit;
}

.json-array-index {
  width: 32px;
  padding: 3px;
}
.json-array-index::before {
  content: "[";
}
.json-array-index::after {
  content: "]";
}

.json-array-value, .json-object-value {
  flex-grow: 100;
  border-color: inherit;
}

.json-object-key {
  width: 64px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 3px;
}
.json-object-key::after {
  content: ":";
}

.json-number {
  text-align: right;
}

.json-text, .json-value, .json-number, .json-coordinate {
  user-select: all;
  margin: 3px;
}

.json-display-switch {
  cursor: pointer;
  text-decoration: underline;
  font-style: italic;
  margin: 3px;
}

/* ---- Checkliste (App.checklist / MCheckList) ---- */
/* Übernimmt die list-Optik (.ctrl.list: Box, Kopf mit Auge-Toggle); hier nur die
   Eintragszeilen und der große Einfügen-Button. */
.list.checklist div.items .checklist-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 3px 2px;
  /* kein blauer Fokus-/Hover-Rahmen (würde sonst von .edit geerbt), transparenter Hintergrund */
  /* abgearbeitete Punkte: Haken gesetzt, Text durchgestrichen */
  /* Löschen-Button wie in der Liste (button.deleteitem): roter .del-Button.
     Die list-Styles greifen hier nicht (Zeile ist .checklist-item statt .item),
     daher die Optik lokal nachbilden. */
}
.list.checklist div.items .checklist-item.dragging {
  opacity: 0.6;
  background-color: rgba(127, 127, 127, 0.15);
}
.list.checklist div.items .checklist-item .checklist-check {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin: 0 6px 0 2px;
}
.list.checklist div.items .checklist-item .checklist-check input[type=checkbox] {
  margin: 0;
  cursor: pointer;
}
.list.checklist div.items .checklist-item .checklist-text {
  flex: 1 1 auto;
  min-width: 0;
  padding: 3px 4px;
  background: transparent;
  border: none;
  color: inherit;
  font: inherit;
  text-overflow: ellipsis;
  user-select: text;
}
.list.checklist div.items .checklist-item input.checklist-text,
.list.checklist div.items .checklist-item input.checklist-text:hover,
.list.checklist div.items .checklist-item input.checklist-text:focus {
  outline: none;
  border: none;
  background-color: transparent;
}
.list.checklist div.items .checklist-item.done .checklist-text {
  text-decoration: line-through;
  opacity: 0.6;
}
.list.checklist div.items .checklist-item .checklist-grip {
  flex: 0 0 auto;
  background: transparent;
  border: none;
  color: inherit;
  padding: 2px 4px;
  opacity: 0.55;
  /* Griff steht ganz vorn -> Abstand nach rechts statt links */
  margin-right: 4px;
  cursor: grab;
  /* verhindert Scroll-Gesten beim Touch-Drag */
  touch-action: none;
}
.list.checklist div.items .checklist-item .checklist-grip:hover {
  opacity: 1;
}
.list.checklist div.items .checklist-item .checklist-grip:active {
  cursor: grabbing;
}
.list.checklist div.items .checklist-item button.deleteitem {
  flex: 0 0 24px;
  width: 24px;
  margin: -2px 2px;
  padding: 2px !important;
  border-width: 0px;
  border-radius: 3px;
  font-size: 14px;
}
.list.checklist div.items .checklist-empty {
  padding: 6px 4px;
  font-style: italic;
  opacity: 0.6;
}

/* Info-Icon (Beschreibung) direkt hinter dem Label-Text (angehängt, kein float). */
.list .header .label > i.nyx-info-circled {
  margin-left: 4px;
  cursor: pointer;
}

.filter-field {
  position: relative;
  width: 100%;
  height: 100%;
}
.filter-field .filter-input {
  padding-right: 16px;
}
.filter-field .filter-input.invalid {
  background-color: rgba(220, 40, 40, 0.18);
  color: #c01818;
}
.filter-field .filter-edit, .filter-field .filter-clear {
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  cursor: pointer;
  line-height: 1;
  padding: 0 2px;
  opacity: 0.55;
}
.filter-field .filter-edit:hover, .filter-field .filter-clear:hover {
  opacity: 1;
}
.filter-field .filter-edit .icon, .filter-field .filter-edit .conflict .official-value::before, .conflict .filter-field .filter-edit .official-value::before, .filter-field .filter-edit .conflict .conflicted-value::before, .conflict .filter-field .filter-edit .conflicted-value::before, .filter-field .filter-edit #print, .filter-field .filter-edit #grid, .filter-field .filter-edit #draw, .filter-field .filter-edit #add-items, .filter-field .filter-edit #sign-in, .filter-field .filter-edit #settings, .filter-field .filter-edit #locate, .filter-field .filter-edit #search, .filter-field .filter-edit #deer, .filter-field .filter-edit #table, .filter-field .filter-edit #download, .filter-field .filter-edit #home, .filter-field .filter-edit #legend-switch, .filter-field .filter-edit #region-switch, .filter-field .filter-edit #layer-switch, .filter-field .filter-edit i.layerstack, .filter-field .filter-edit #fullscreen #fs-header #fs-undock, #fullscreen #fs-header .filter-field .filter-edit #fs-undock, .filter-field .filter-edit #fullscreen #fs-header #fs-close, #fullscreen #fs-header .filter-field .filter-edit #fs-close, .filter-field .filter-edit .sel-btn#select_right, .filter-field .filter-edit .sel-btn#select_center, .filter-field .filter-edit .sel-btn#open_list, .filter-field .filter-edit .sel-btn#toggle_zoomto, .filter-field .filter-edit .sel-btn#select_left, .filter-field .filter-edit #toolcnt .btn.pointtools, #toolcnt .filter-field .filter-edit .btn.pointtools, .filter-field .filter-edit #toolcnt .nyx div.ctrl .image .pointtools.clear, #toolcnt .nyx div.ctrl .image .filter-field .filter-edit .pointtools.clear, .filter-field .filter-edit .nyx div.ctrl .image #toolcnt .pointtools.clear, .nyx div.ctrl .image #toolcnt .filter-field .filter-edit .pointtools.clear, .filter-field .filter-edit #toolcnt .nyx div.ctrl.list div.items div.pointtools.item, #toolcnt .nyx div.ctrl.list div.items .filter-field .filter-edit div.pointtools.item, .filter-field .filter-edit .nyx div.ctrl.list div.items #toolcnt div.pointtools.item, .nyx div.ctrl.list div.items #toolcnt .filter-field .filter-edit div.pointtools.item, .filter-field .filter-edit #toolcnt .nyx div.ctrl.list div.items div.item button.pointtools, #toolcnt .nyx div.ctrl.list div.items div.item .filter-field .filter-edit button.pointtools, .filter-field .filter-edit .nyx div.ctrl.list div.items div.item #toolcnt button.pointtools, .nyx div.ctrl.list div.items div.item #toolcnt .filter-field .filter-edit button.pointtools, .filter-field .filter-edit #toolcnt .nyx div.ctrl .searchitems .pointtools.item, #toolcnt .nyx div.ctrl .searchitems .filter-field .filter-edit .pointtools.item, .filter-field .filter-edit .nyx div.ctrl .searchitems #toolcnt .pointtools.item, .nyx div.ctrl .searchitems #toolcnt .filter-field .filter-edit .pointtools.item, .filter-field .filter-edit #toolcnt .list.checklist div.items .checklist-item button.pointtools.deleteitem, #toolcnt .list.checklist div.items .checklist-item .filter-field .filter-edit button.pointtools.deleteitem, .filter-field .filter-edit .list.checklist div.items .checklist-item #toolcnt button.pointtools.deleteitem, .list.checklist div.items .checklist-item #toolcnt .filter-field .filter-edit button.pointtools.deleteitem, .filter-field .filter-edit #toolcnt .btn.polytools, #toolcnt .filter-field .filter-edit .btn.polytools, .filter-field .filter-edit #toolcnt .nyx div.ctrl .image .polytools.clear, #toolcnt .nyx div.ctrl .image .filter-field .filter-edit .polytools.clear, .filter-field .filter-edit .nyx div.ctrl .image #toolcnt .polytools.clear, .nyx div.ctrl .image #toolcnt .filter-field .filter-edit .polytools.clear, .filter-field .filter-edit #toolcnt .nyx div.ctrl.list div.items div.polytools.item, #toolcnt .nyx div.ctrl.list div.items .filter-field .filter-edit div.polytools.item, .filter-field .filter-edit .nyx div.ctrl.list div.items #toolcnt div.polytools.item, .nyx div.ctrl.list div.items #toolcnt .filter-field .filter-edit div.polytools.item, .filter-field .filter-edit #toolcnt .nyx div.ctrl.list div.items div.item button.polytools, #toolcnt .nyx div.ctrl.list div.items div.item .filter-field .filter-edit button.polytools, .filter-field .filter-edit .nyx div.ctrl.list div.items div.item #toolcnt button.polytools, .nyx div.ctrl.list div.items div.item #toolcnt .filter-field .filter-edit button.polytools, .filter-field .filter-edit #toolcnt .nyx div.ctrl .searchitems .polytools.item, #toolcnt .nyx div.ctrl .searchitems .filter-field .filter-edit .polytools.item, .filter-field .filter-edit .nyx div.ctrl .searchitems #toolcnt .polytools.item, .nyx div.ctrl .searchitems #toolcnt .filter-field .filter-edit .polytools.item, .filter-field .filter-edit #toolcnt .list.checklist div.items .checklist-item button.polytools.deleteitem, #toolcnt .list.checklist div.items .checklist-item .filter-field .filter-edit button.polytools.deleteitem, .filter-field .filter-edit .list.checklist div.items .checklist-item #toolcnt button.polytools.deleteitem, .list.checklist div.items .checklist-item #toolcnt .filter-field .filter-edit button.polytools.deleteitem, .filter-field .filter-edit i.radio-set, .filter-field .filter-edit i.radio, .filter-field .filter-edit i.sync, .filter-field .filter-edit i.settings, .filter-field .filter-edit i.region, .filter-field .filter-edit i.layergroup, .filter-field .filter-edit .nyx div.ctrl .image .clear, .nyx div.ctrl .image .filter-field .filter-edit .clear, .filter-field .filter-edit .nyx div.ctrl.list .header .filter, .nyx div.ctrl.list .header .filter-field .filter-edit .filter, .filter-field .filter-edit .nyx div.ctrl.list .header .toggle, .nyx div.ctrl.list .header .filter-field .filter-edit .toggle, .filter-field .filter-edit .nyx div.ctrl.list .header .close, .nyx div.ctrl.list .header .filter-field .filter-edit .close {
  font-size: 12px;
}
.filter-field .filter-clear {
  display: none;
}
.filter-field.active .filter-edit {
  display: none;
}
.filter-field.active .filter-clear {
  display: block;
}

.filter-editor .fe-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 4px 0;
}
.filter-editor .fe-row.fe-tool {
  font-weight: 600;
}
.filter-editor .fe-list {
  max-height: 260px;
  overflow-y: auto;
  margin: 3px 0;
  padding: 4px 1px;
}
.filter-editor .fe-list .fe-row {
  font-weight: normal;
  margin: 2px 0;
}
.filter-editor input[type=checkbox] {
  margin-right: 4px;
}

.matrix {
  display: flex;
  flex-direction: column;
  border-width: 1px;
  border-style: solid;
  margin: 6px;
  height: calc(100% - 12px);
}
.matrix .mx-header {
  display: flex;
  flex-direction: row;
  border-width: 0px;
  border-color: inherit;
  border-bottom-width: 0px;
  flex-grow: 0;
  flex-shrink: 0;
}
.matrix .mx-sizer {
  position: relative;
  flex-basis: 36px;
  border-color: inherit;
  flex-grow: 1;
  flex-shrink: 1;
}
.matrix .mx-body {
  display: flex;
  flex-direction: row;
  border-width: 0px;
  border-color: inherit;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.matrix .mx-filter {
  flex-grow: 0;
  flex-shrink: 0;
  border-color: inherit;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  padding: 6px;
  overflow: hidden;
}
.matrix .mx-scroll-container {
  position: relative;
  border-color: inherit;
}
.matrix .mx-row {
  white-space: nowrap;
  border-color: inherit;
}
.matrix .mx-cell {
  border-style: solid;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-left: 0px;
  border-top: 0px;
  /*padding: 4px 2px;*/
  border-color: inherit;
  display: inline-block;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.matrix .mx-cell:hover {
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-left-width: 0px;
  border-top-width: 0px;
  box-shadow: none;
}
.matrix .mx-cell .mx-center {
  display: inline-flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.matrix .mx-rowheaderframe {
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  box-sizing: border-box;
  overflow-x: scroll;
  overflow-y: clip;
}
.matrix .mx-rowheaderframe .mx-rowheader {
  display: flex;
  border-color: inherit;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  border-right-width: 0px;
  overflow: hidden;
  padding: 4px 2px;
  white-space: nowrap;
  overflow: hidden;
}
.matrix .mx-colheaderframe {
  white-space: nowrap;
  flex-grow: 100;
  border-color: inherit;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  overflow-y: scroll;
  overflow-x: clip;
}
.matrix .mx-colheaderframe .mx-colheader {
  padding: 0px;
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  border-bottom-width: 0px;
  border-color: inherit;
  height: 100%;
  overflow: hidden;
  text-align: left;
}
.matrix .mx-colheaderframe .mx-colheader .label {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
  flex-grow: 10;
  padding: 6px 2px;
  font-size: 120%;
  overflow: hidden;
  text-overflow: ellipsis;
  border-width: 0px;
  border-top-width: 1px;
  border-style: dashed;
  border-color: inherit;
}
.matrix .mx-colheaderframe .mx-colheader .stats {
  text-align: center;
  flex-grow: 0;
  padding: 2px;
  border-bottom: 0px solid;
}
.matrix .mx-bodyframe {
  display: inline-block;
  overflow: scroll;
  flex-grow: 100;
  border-color: inherit;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
}
.matrix .mx-footer .page {
  margin: 4px;
  border-width: 1px;
  width: 16px;
  text-align: center;
  display: inline-block;
  padding: 4px 10px;
}

.nyx-dash-cell {
  padding: 4px 4px;
  box-sizing: border-box;
  font-size: 13px;
}
.nyx-dash-cell.scope-table-cell {
  background: transparent;
}
.nyx-dash-cell .nyx-dash-widget {
  background: rgba(0, 0, 0, 0.045);
  border-radius: 6px;
  padding: 12px 14px;
  box-sizing: border-box;
}
.nyx-dash-cell .nyx-dash-widget.error, .nyx-dash-cell .nyx-dash-widget.nyx-dash-todo {
  color: #b00;
  font-style: italic;
  background: rgba(255, 0, 0, 0.05);
}
.nyx-dash-cell .nyx-dash-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.nyx-dash-cell .nyx-dash-title {
  font-size: 14px;
  font-weight: 600;
  opacity: 0.75;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nyx-dash-cell .nyx-dash-tools {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
}
.nyx-dash-cell .nyx-dash-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid currentColor;
  font-size: 11px;
  line-height: 1;
  opacity: 0.45;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  transition: opacity 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.nyx-dash-cell .nyx-dash-tool .icon, .nyx-dash-cell .nyx-dash-tool .conflict .official-value::before, .conflict .nyx-dash-cell .nyx-dash-tool .official-value::before, .nyx-dash-cell .nyx-dash-tool .conflict .conflicted-value::before, .conflict .nyx-dash-cell .nyx-dash-tool .conflicted-value::before, .nyx-dash-cell .nyx-dash-tool #print, .nyx-dash-cell .nyx-dash-tool #grid, .nyx-dash-cell .nyx-dash-tool #draw, .nyx-dash-cell .nyx-dash-tool #add-items, .nyx-dash-cell .nyx-dash-tool #sign-in, .nyx-dash-cell .nyx-dash-tool #settings, .nyx-dash-cell .nyx-dash-tool #locate, .nyx-dash-cell .nyx-dash-tool #search, .nyx-dash-cell .nyx-dash-tool #deer, .nyx-dash-cell .nyx-dash-tool #table, .nyx-dash-cell .nyx-dash-tool #download, .nyx-dash-cell .nyx-dash-tool #home, .nyx-dash-cell .nyx-dash-tool #legend-switch, .nyx-dash-cell .nyx-dash-tool #region-switch, .nyx-dash-cell .nyx-dash-tool #layer-switch, .nyx-dash-cell .nyx-dash-tool i.layerstack, .nyx-dash-cell .nyx-dash-tool #fullscreen #fs-header #fs-undock, #fullscreen #fs-header .nyx-dash-cell .nyx-dash-tool #fs-undock, .nyx-dash-cell .nyx-dash-tool #fullscreen #fs-header #fs-close, #fullscreen #fs-header .nyx-dash-cell .nyx-dash-tool #fs-close, .nyx-dash-cell .nyx-dash-tool .sel-btn#select_right, .nyx-dash-cell .nyx-dash-tool .sel-btn#select_center, .nyx-dash-cell .nyx-dash-tool .sel-btn#open_list, .nyx-dash-cell .nyx-dash-tool .sel-btn#toggle_zoomto, .nyx-dash-cell .nyx-dash-tool .sel-btn#select_left, .nyx-dash-cell .nyx-dash-tool #toolcnt .btn.pointtools, #toolcnt .nyx-dash-cell .nyx-dash-tool .btn.pointtools, .nyx-dash-cell .nyx-dash-tool #toolcnt .nyx div.ctrl .image .pointtools.clear, #toolcnt .nyx div.ctrl .image .nyx-dash-cell .nyx-dash-tool .pointtools.clear, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl .image #toolcnt .pointtools.clear, .nyx div.ctrl .image #toolcnt .nyx-dash-cell .nyx-dash-tool .pointtools.clear, .nyx-dash-cell .nyx-dash-tool #toolcnt .nyx div.ctrl.list div.items div.pointtools.item, #toolcnt .nyx div.ctrl.list div.items .nyx-dash-cell .nyx-dash-tool div.pointtools.item, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl.list div.items #toolcnt div.pointtools.item, .nyx div.ctrl.list div.items #toolcnt .nyx-dash-cell .nyx-dash-tool div.pointtools.item, .nyx-dash-cell .nyx-dash-tool #toolcnt .nyx div.ctrl.list div.items div.item button.pointtools, #toolcnt .nyx div.ctrl.list div.items div.item .nyx-dash-cell .nyx-dash-tool button.pointtools, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl.list div.items div.item #toolcnt button.pointtools, .nyx div.ctrl.list div.items div.item #toolcnt .nyx-dash-cell .nyx-dash-tool button.pointtools, .nyx-dash-cell .nyx-dash-tool #toolcnt .nyx div.ctrl .searchitems .pointtools.item, #toolcnt .nyx div.ctrl .searchitems .nyx-dash-cell .nyx-dash-tool .pointtools.item, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl .searchitems #toolcnt .pointtools.item, .nyx div.ctrl .searchitems #toolcnt .nyx-dash-cell .nyx-dash-tool .pointtools.item, .nyx-dash-cell .nyx-dash-tool #toolcnt .list.checklist div.items .checklist-item button.pointtools.deleteitem, #toolcnt .list.checklist div.items .checklist-item .nyx-dash-cell .nyx-dash-tool button.pointtools.deleteitem, .nyx-dash-cell .nyx-dash-tool .list.checklist div.items .checklist-item #toolcnt button.pointtools.deleteitem, .list.checklist div.items .checklist-item #toolcnt .nyx-dash-cell .nyx-dash-tool button.pointtools.deleteitem, .nyx-dash-cell .nyx-dash-tool #toolcnt .btn.polytools, #toolcnt .nyx-dash-cell .nyx-dash-tool .btn.polytools, .nyx-dash-cell .nyx-dash-tool #toolcnt .nyx div.ctrl .image .polytools.clear, #toolcnt .nyx div.ctrl .image .nyx-dash-cell .nyx-dash-tool .polytools.clear, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl .image #toolcnt .polytools.clear, .nyx div.ctrl .image #toolcnt .nyx-dash-cell .nyx-dash-tool .polytools.clear, .nyx-dash-cell .nyx-dash-tool #toolcnt .nyx div.ctrl.list div.items div.polytools.item, #toolcnt .nyx div.ctrl.list div.items .nyx-dash-cell .nyx-dash-tool div.polytools.item, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl.list div.items #toolcnt div.polytools.item, .nyx div.ctrl.list div.items #toolcnt .nyx-dash-cell .nyx-dash-tool div.polytools.item, .nyx-dash-cell .nyx-dash-tool #toolcnt .nyx div.ctrl.list div.items div.item button.polytools, #toolcnt .nyx div.ctrl.list div.items div.item .nyx-dash-cell .nyx-dash-tool button.polytools, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl.list div.items div.item #toolcnt button.polytools, .nyx div.ctrl.list div.items div.item #toolcnt .nyx-dash-cell .nyx-dash-tool button.polytools, .nyx-dash-cell .nyx-dash-tool #toolcnt .nyx div.ctrl .searchitems .polytools.item, #toolcnt .nyx div.ctrl .searchitems .nyx-dash-cell .nyx-dash-tool .polytools.item, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl .searchitems #toolcnt .polytools.item, .nyx div.ctrl .searchitems #toolcnt .nyx-dash-cell .nyx-dash-tool .polytools.item, .nyx-dash-cell .nyx-dash-tool #toolcnt .list.checklist div.items .checklist-item button.polytools.deleteitem, #toolcnt .list.checklist div.items .checklist-item .nyx-dash-cell .nyx-dash-tool button.polytools.deleteitem, .nyx-dash-cell .nyx-dash-tool .list.checklist div.items .checklist-item #toolcnt button.polytools.deleteitem, .list.checklist div.items .checklist-item #toolcnt .nyx-dash-cell .nyx-dash-tool button.polytools.deleteitem, .nyx-dash-cell .nyx-dash-tool i.radio-set, .nyx-dash-cell .nyx-dash-tool i.radio, .nyx-dash-cell .nyx-dash-tool i.sync, .nyx-dash-cell .nyx-dash-tool i.settings, .nyx-dash-cell .nyx-dash-tool i.region, .nyx-dash-cell .nyx-dash-tool i.layergroup, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl .image .clear, .nyx div.ctrl .image .nyx-dash-cell .nyx-dash-tool .clear, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl.list .header .filter, .nyx div.ctrl.list .header .nyx-dash-cell .nyx-dash-tool .filter, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl.list .header .toggle, .nyx div.ctrl.list .header .nyx-dash-cell .nyx-dash-tool .toggle, .nyx-dash-cell .nyx-dash-tool .nyx div.ctrl.list .header .close, .nyx div.ctrl.list .header .nyx-dash-cell .nyx-dash-tool .close {
  font-size: 11px;
  line-height: 1;
}
.nyx-dash-cell .nyx-dash-tool:hover {
  opacity: 0.9;
}
.nyx-dash-cell .nyx-dash-tool.active {
  opacity: 1;
}
.nyx-dash-cell .nyx-dash-empty {
  opacity: 0.5;
  font-style: italic;
  padding: 8px 0;
}
.nyx-dash-cell .nyx-dash-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.nyx-dash-cell .nyx-dash-cards .nyx-dash-card {
  flex: 1 1 140px;
  min-width: 120px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 10px 12px;
  box-sizing: border-box;
}
.nyx-dash-cell .nyx-dash-cards .nyx-dash-card.entering {
  opacity: 0;
}
.nyx-dash-cell .nyx-dash-cards .nyx-dash-card.clickable {
  cursor: pointer;
}
.nyx-dash-cell .nyx-dash-cards .nyx-dash-card .nyx-dash-card-label {
  font-size: 12px;
  opacity: 0.55;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nyx-dash-cell .nyx-dash-cards .nyx-dash-card .nyx-dash-card-value {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.1;
  transition: color 0.3s ease;
}
.nyx-dash-cell .nyx-dash-pie-body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
}
.nyx-dash-cell .nyx-dash-donut-wrap {
  flex: 0 0 220px;
  max-width: 220px;
}
.nyx-dash-cell .nyx-dash-donut-wrap .nyx-dash-donut {
  width: 100%;
  height: auto;
  display: block;
}
.nyx-dash-cell .nyx-dash-donut-wrap .nyx-dash-donut path.nyx-dash-arc {
  transition: fill 0.3s ease, stroke 0.2s ease, stroke-width 0.2s ease;
  cursor: pointer;
}
.nyx-dash-cell .nyx-dash-donut-wrap .nyx-dash-donut path.nyx-dash-arc.expandable {
  cursor: pointer;
}
.nyx-dash-cell .nyx-dash-donut-wrap .nyx-dash-donut path.nyx-dash-arc:hover {
  filter: brightness(1.08);
}
.nyx-dash-cell .nyx-dash-donut-wrap .nyx-dash-donut .nyx-dash-total-value {
  font-size: 17px;
  font-weight: 700;
  fill: currentColor;
}
.nyx-dash-cell .nyx-dash-donut-wrap .nyx-dash-donut .nyx-dash-total-label {
  font-size: 9px;
  fill: currentColor;
  opacity: 0.6;
}
.nyx-dash-cell .nyx-dash-legend {
  flex: 1 1 240px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.nyx-dash-cell .nyx-dash-legend .nyx-dash-legend-level {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding: 4px 0;
}
.nyx-dash-cell .nyx-dash-legend .nyx-dash-legend-level + .nyx-dash-legend-level {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.nyx-dash-cell .nyx-dash-legend .nyx-dash-legend-item {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  flex: 0 1 150px;
  padding: 6px 6px;
  border-radius: 4px;
  box-sizing: border-box;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.nyx-dash-cell .nyx-dash-legend .nyx-dash-legend-item.clickable {
  cursor: pointer;
}
.nyx-dash-cell .nyx-dash-legend .nyx-dash-swatch {
  flex: 0 0 4px;
  width: 4px;
  align-self: stretch;
  min-height: 24px;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.nyx-dash-cell .nyx-dash-legend .nyx-dash-legend-label {
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: clip;
}
.nyx-dash-cell .nyx-dash-legend .nyx-dash-legend-val {
  font-size: 12px;
  opacity: 0.6;
}
.nyx-dash-cell .nyx-dash-tl-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px 14px;
  margin-bottom: 6px;
}
.nyx-dash-cell .nyx-dash-tl-stepbox {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
}
.nyx-dash-cell .nyx-dash-tl-step {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.7;
  white-space: nowrap;
  min-width: 4.5em;
  text-align: center;
}
.nyx-dash-cell .nyx-dash-tl-zoom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid currentColor;
  font-size: 12px;
  line-height: 1;
  opacity: 0.45;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  transition: opacity 0.15s ease;
}
.nyx-dash-cell .nyx-dash-tl-zoom:hover {
  opacity: 0.9;
}
.nyx-dash-cell .nyx-dash-tl-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
}
.nyx-dash-cell .nyx-dash-tl-legend .nyx-dash-tl-legitem {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  opacity: 0.8;
}
.nyx-dash-cell .nyx-dash-tl-legend .nyx-dash-tl-swatch {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 2px;
}
.nyx-dash-cell .nyx-dash-tl-wrap {
  width: 100%;
}
.nyx-dash-cell .nyx-dash-tl-svg {
  display: block;
  width: 100%;
  height: 200px;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.nyx-dash-cell .nyx-dash-tl-svg .nyx-dash-tl-grid {
  stroke: currentColor;
  stroke-width: 1;
  opacity: 0.1;
  shape-rendering: crispEdges;
}
.nyx-dash-cell .nyx-dash-tl-svg .nyx-dash-tl-grid.major {
  opacity: 0.28;
}
.nyx-dash-cell .nyx-dash-tl-svg .nyx-dash-tl-axis {
  stroke: currentColor;
  stroke-width: 1;
  opacity: 0.3;
  shape-rendering: crispEdges;
}
.nyx-dash-cell .nyx-dash-tl-svg .nyx-dash-tl-bar {
  stroke: none;
}
.nyx-dash-cell .nyx-dash-tl-svg .nyx-dash-tl-slot {
  rx: 3;
}
.nyx-dash-cell .nyx-dash-tl-svg .nyx-dash-tl-ylabel,
.nyx-dash-cell .nyx-dash-tl-svg .nyx-dash-tl-xlabel {
  fill: currentColor;
  opacity: 0.55;
  font-size: 10px;
}
.nyx-dash-cell .nyx-dash-tl-svg .nyx-dash-tl-band {
  fill: rgba(13, 181, 255, 0.22);
  stroke: rgba(13, 181, 255, 0.7);
  stroke-width: 1;
}
.nyx-dash-cell .nyx-dash-tl-svg .nyx-dash-tl-empty {
  fill: currentColor;
  opacity: 0.5;
  font-size: 12px;
  font-style: italic;
}

@media (prefers-reduced-motion: reduce) {
  .nyx-dash-cell .nyx-dash-card,
  .nyx-dash-cell .nyx-dash-card-value,
  .nyx-dash-cell .nyx-dash-swatch,
  .nyx-dash-cell path.nyx-dash-arc {
    transition: none;
  }
}
.nyx-dash-cell .nyx-dash-caret {
  cursor: pointer;
  opacity: 0.5;
  padding: 0 3px;
  margin-left: -2px;
}

.nyx-dash-cell .nyx-dash-caret:hover {
  opacity: 1;
}

.nyx-dash-cell .nyx-dash-card,
.nyx-dash-cell .nyx-dash-legend-item {
  user-select: none;
  -webkit-user-select: none;
}

body.nyx-instance-label {
  padding: 0px;
  height: 100%;
  text-align: center;
}
body.nyx-instance-label .nyx-instance-label-text {
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
}
body.nyx-instance-label > #nyx-app {
  top: 14px;
  text-align: initial;
}

#nyx-app {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: initial;
  height: initial;
  user-select: none;
  border: 0px;
}
#nyx-app .ol-scale-text {
  display: none;
}
#nyx-app .ol-dragzoom {
  border: 2px solid #3f677a;
  border-radius: 2px;
}
#nyx-app .ol-scale-bar {
  left: 54px;
}
#nyx-app .ol-scale-bar.print {
  left: 10px;
}
#nyx-app .ol-scale-bar.pdf .ol-scale-text {
  display: block;
}
#nyx-app .ol-scale-bar.dpi96 {
  height: 24px;
}
#nyx-app .ol-scale-bar.dpi96 .ol-scale-singlebar {
  height: 10px;
}
#nyx-app .ol-scale-bar.dpi96 .ol-scale-step-text {
  font-size: 12px;
}
#nyx-app .ol-scale-bar.dpi96 .ol-scale-text {
  font-size: 12px;
  bottom: 30px;
}
#nyx-app .ol-scale-bar.dpi150 {
  height: 29px;
}
#nyx-app .ol-scale-bar.dpi150 .ol-scale-singlebar {
  height: 12px;
}
#nyx-app .ol-scale-bar.dpi150 .ol-scale-step-text {
  font-size: 15px;
}
#nyx-app .ol-scale-bar.dpi150 .ol-scale-text {
  font-size: 15px;
  bottom: 32px;
}
#nyx-app .ol-scale-bar.dpi300 {
  height: 58px;
}
#nyx-app .ol-scale-bar.dpi300 .ol-scale-singlebar {
  height: 22px;
}
#nyx-app .ol-scale-bar.dpi300 .ol-scale-step-text {
  font-size: 30px;
}
#nyx-app .ol-scale-bar.dpi300 .ol-scale-text {
  font-size: 30px;
  bottom: 60px;
}
#nyx-app hr {
  border-style: solid;
  border-width: 1px 0 0 0;
}

#right.toolsShown #tools {
  display: flex;
}

.horizontal .panel .maximize, .horizontal .panel .minimize {
  display: none;
}
.horizontal #right {
  flex-direction: row;
  height: 100%;
  flex-grow: 100;
  display: flex;
}
.horizontal #workspace {
  height: 100%;
  width: 100%;
  flex-grow: 100;
  min-width: 92px;
}
.horizontal #tools {
  height: 100%;
  min-width: 360px;
  max-width: 420px;
  width: 50%;
  flex-grow: 0;
  display: none;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.horizontal #tools .tools {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  flex-direction: column;
}

.vertical #right {
  flex-direction: column;
  height: 100%;
  flex-grow: 100;
  display: flex;
}
.vertical #right.minimized.toolsShown #tools {
  height: 40px;
}
.vertical #right.minimized.toolsShown .minimize {
  pointer-events: none;
  opacity: 0.2;
}
.vertical #right.maximized.toolsShown #workspace {
  display: none;
}
.vertical #right.maximized.toolsShown #tools {
  min-height: calc(100% - 8px);
}
.vertical #right.maximized.toolsShown .maximize {
  pointer-events: none;
  opacity: 0.2;
}
.vertical #workspace {
  height: 100%;
  width: 100%;
  flex-grow: 100;
  min-width: 92px;
}
.vertical #tools {
  max-height: 50%;
  height: 50%;
  width: 100%;
  flex-grow: 0;
  display: none;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.vertical #tools .tools {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  flex-direction: column;
}

.panel {
  width: 100%;
  height: 100%;
  z-index: 0;
  /* firefox scrollbar settings */
}
.panel .toolbox > :first-child {
  margin-top: 6px;
}
.panel .tooltips {
  margin-bottom: 6px;
  border-width: 0px;
  z-index: 100;
  position: sticky;
  top: 0px;
}
.panel .tooltips .input-tooltip-box {
  border-radius: 3px;
}
.panel .errors {
  margin-bottom: 6px;
  border-width: 0px;
  z-index: 100;
  position: sticky;
  top: 0px;
}
.panel .legende {
  background-color: #fff;
  border: 1px solid #aaa;
  margin: 0px 2px 0px 0px;
  border-radius: 2px;
  padding: 3px;
  opacity: 0.9;
  overflow-clip-margin: padding-box;
  overflow-x: auto;
}
.panel .legende h4 {
  color: #333;
  margin-top: 4px;
  margin-bottom: 2px;
}
.panel .panel-header {
  display: flex;
  flex-direction: row;
  font-size: 120%;
}
.panel .panel-header > h1 {
  flex-grow: 100;
  margin: 4px 0px;
  font-size: 120%;
}
.panel .panel-header .minimize {
  flex-grow: 0;
  font-family: "nyx";
  font-size: 130%;
  text-align: right;
  margin-right: 10px;
  margin-top: 4px;
}
.panel .panel-header .minimize:before {
  content: "\e81b";
}
.panel .panel-header .maximize {
  flex-grow: 0;
  font-family: "nyx";
  font-size: 130%;
  text-align: right;
  margin-right: 10px;
  margin-top: 4px;
}
.panel .panel-header .maximize:before {
  content: "\e81c";
}
.panel .panel-header .close {
  flex-grow: 0;
  font-family: "nyx";
  font-size: 130%;
  text-align: right;
  margin-right: 10px;
  margin-top: 4px;
}
.panel .panel-header .close:before {
  /*content: "\e814";*/
  content: "\e813";
}
.panel .tool-info {
  margin-right: 10px;
}
.panel .top-fixed {
  margin-right: 10px;
  margin-bottom: 2px;
  display: flex;
  flex-direction: column;
  max-height: calc(50% - 2px);
}
.panel .floating {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  scrollbar-width: thin;
}
.panel .bottom-fixed {
  margin-top: 2px;
  margin-right: 10px;
  max-height: calc(50% - 2px);
}
@-moz-document url-prefix() {
  .panel.frame {
    padding: 6px 2px 6px 6px;
  }
  .panel .floating {
    padding-right: 2px;
  }
}

.regioninfo {
  padding-top: 8px;
}

.btn-block {
  pointer-events: none !important;
  opacity: 0.2;
}

@media (pointer: coarse) {
  .frame {
    width: 100%;
    height: 100%;
    border-width: 1px;
    padding: 6px 6px 6px 6px;
    /*padding-right:0px;*/
    box-sizing: border-box;
  }
  .frame h1 {
    font-size: 100%;
    margin-top: 0px;
    margin-bottom: 8px;
  }
}
@media (pointer: fine) {
  .frame {
    width: 100%;
    height: 100%;
    border-width: 1px;
    padding: 6px 0px 6px 6px;
    /*padding-right:0px;*/
    box-sizing: border-box;
  }
  .frame h1 {
    font-size: 100%;
    margin-top: 0px;
    margin-bottom: 8px;
  }
}
.toolstackitem {
  margin-bottom: 2px;
}

/* user "font" icons */
#toolcnt {
  width: 60px;
}
#toolcnt .btn.polytools, #toolcnt .polytools.sel-btn#select_right, #toolcnt .polytools.sel-btn#select_center, #toolcnt .polytools.sel-btn#open_list, #toolcnt .polytools.sel-btn#toggle_zoomto, #toolcnt .polytools.sel-btn#select_left, #toolcnt .nyx div.ctrl .image .polytools.clear, .nyx div.ctrl .image #toolcnt .polytools.clear, #toolcnt .nyx div.ctrl.list div.items div.polytools.item, .nyx div.ctrl.list div.items #toolcnt div.polytools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.polytools, .nyx div.ctrl.list div.items div.item #toolcnt button.polytools, #toolcnt .nyx div.ctrl .searchitems .polytools.item, .nyx div.ctrl .searchitems #toolcnt .polytools.item, #toolcnt .list.checklist div.items .checklist-item button.polytools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.polytools.deleteitem {
  padding: 7px 3px;
  width: auto;
}
#toolcnt .btn.polytools i, #toolcnt .polytools.sel-btn#select_right i, #toolcnt .polytools.sel-btn#select_center i, #toolcnt .polytools.sel-btn#open_list i, #toolcnt .polytools.sel-btn#toggle_zoomto i, #toolcnt .polytools.sel-btn#select_left i, #toolcnt .nyx div.ctrl .image .polytools.clear i, .nyx div.ctrl .image #toolcnt .polytools.clear i, #toolcnt .nyx div.ctrl.list div.items div.polytools.item i, .nyx div.ctrl.list div.items #toolcnt div.polytools.item i, #toolcnt .nyx div.ctrl.list div.items div.item button.polytools i, .nyx div.ctrl.list div.items div.item #toolcnt button.polytools i, #toolcnt .nyx div.ctrl .searchitems .polytools.item i, .nyx div.ctrl .searchitems #toolcnt .polytools.item i, #toolcnt .list.checklist div.items .checklist-item button.polytools.deleteitem i, .list.checklist div.items .checklist-item #toolcnt button.polytools.deleteitem i {
  margin: 0px;
}
#toolcnt .btn.pointtools, #toolcnt .pointtools.sel-btn#select_right, #toolcnt .pointtools.sel-btn#select_center, #toolcnt .pointtools.sel-btn#open_list, #toolcnt .pointtools.sel-btn#toggle_zoomto, #toolcnt .pointtools.sel-btn#select_left, #toolcnt .nyx div.ctrl .image .pointtools.clear, .nyx div.ctrl .image #toolcnt .pointtools.clear, #toolcnt .nyx div.ctrl.list div.items div.pointtools.item, .nyx div.ctrl.list div.items #toolcnt div.pointtools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.pointtools, .nyx div.ctrl.list div.items div.item #toolcnt button.pointtools, #toolcnt .nyx div.ctrl .searchitems .pointtools.item, .nyx div.ctrl .searchitems #toolcnt .pointtools.item, #toolcnt .list.checklist div.items .checklist-item button.pointtools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.pointtools.deleteitem {
  padding: 7px 3px;
  width: auto;
}
#toolcnt .btn.pointtools i, #toolcnt .pointtools.sel-btn#select_right i, #toolcnt .pointtools.sel-btn#select_center i, #toolcnt .pointtools.sel-btn#open_list i, #toolcnt .pointtools.sel-btn#toggle_zoomto i, #toolcnt .pointtools.sel-btn#select_left i, #toolcnt .nyx div.ctrl .image .pointtools.clear i, .nyx div.ctrl .image #toolcnt .pointtools.clear i, #toolcnt .nyx div.ctrl.list div.items div.pointtools.item i, .nyx div.ctrl.list div.items #toolcnt div.pointtools.item i, #toolcnt .nyx div.ctrl.list div.items div.item button.pointtools i, .nyx div.ctrl.list div.items div.item #toolcnt button.pointtools i, #toolcnt .nyx div.ctrl .searchitems .pointtools.item i, .nyx div.ctrl .searchitems #toolcnt .pointtools.item i, #toolcnt .list.checklist div.items .checklist-item button.pointtools.deleteitem i, .list.checklist div.items .checklist-item #toolcnt button.pointtools.deleteitem i {
  margin: 0px;
}

#bottom-center {
  position: absolute;
  bottom: 3px;
  left: 80px;
  right: 80px;
  text-align: center;
}

.sel-btn {
  padding: 6px;
  display: flex;
  min-width: 24px;
}
.sel-btn#select_left {
  display: inline-block;
  font-size: 150%;
  margin-right: -1px;
  margin-left: 0px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.sel-btn#toggle_zoomto {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 10px;
  margin: 0px;
  margin-right: -1px;
  font-size: 150%;
}
.sel-btn#open_list {
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 0px;
  margin-left: -1px;
  font-size: 150%;
}
.sel-btn#select_center {
  position: relative;
  display: inline-block;
  text-align: center;
  width: fit-content;
  margin: 0px;
  font-size: 150%;
  font-weight: bold;
  font-family: monospace;
}
.sel-btn#select_right {
  display: inline-block;
  font-size: 150%;
  margin-left: -1px;
  margin-right: 0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

#layerstack {
  padding: 0px 2px 0px 0px;
  flex-grow: 100;
  overflow-y: scroll;
  margin-right: -10px;
}

#fullscreen {
  padding: 0px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  display: flex;
  flex-direction: column;
}
#fullscreen #fs-header {
  display: flex;
  padding: 0px 1px;
  font-size: 24px;
  margin-top: 6px;
  flex-grow: 0;
  flex-shrink: 0;
  border-bottom: 2px solid;
  border-color: inherit;
}
#fullscreen #fs-header #fs-title {
  flex-grow: 100;
}
#fullscreen #fs-header #fs-close {
  margin-top: 6px;
}
#fullscreen #fs-header #fs-undock {
  margin-top: 6px;
}
#fullscreen #fs-body {
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
}

body #workspace.is-editing {
  border-width: 4px;
  border-color: rgba(255, 160, 0, 0.9);
}

#workspace {
  /*border-width: 2px;
  border-style: solid;*/
}
#workspace .crosshair {
  position: absolute;
  background-color: rgba(255, 160, 0, 0.9);
  display: none;
  pointer-events: none;
}
#workspace .crosshair#crosshair_horizontal {
  height: 1px;
  top: 50%;
  left: 0px;
  right: 0px;
}
#workspace .crosshair#crosshair_vertical {
  width: 1px;
  left: 50%;
  top: 0px;
  bottom: 0px;
}

/*
.radio-group {
	i.radio {
		@extend .icon, .nyx-circle-empty;
	}

	i.radio-set {
		@extend .icon, .nyx-dot-circled;
	}
}
*/
.screen-btn, #print, #grid, #draw, #add-items, #sign-in.signed-in, #sign-in, #settings, #locate, #search, #deer, #table, #download, #home, #legend-switch, #region-switch, #layer-switch, #toolcnt .btn.polytools, #toolcnt .nyx div.ctrl .image .polytools.clear, .nyx div.ctrl .image #toolcnt .polytools.clear, #toolcnt .nyx div.ctrl.list div.items div.polytools.item, .nyx div.ctrl.list div.items #toolcnt div.polytools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.polytools, .nyx div.ctrl.list div.items div.item #toolcnt button.polytools, #toolcnt .nyx div.ctrl .searchitems .polytools.item, .nyx div.ctrl .searchitems #toolcnt .polytools.item, #toolcnt .list.checklist div.items .checklist-item button.polytools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.polytools.deleteitem, #toolcnt .btn.pointtools, #toolcnt .nyx div.ctrl .image .pointtools.clear, .nyx div.ctrl .image #toolcnt .pointtools.clear, #toolcnt .nyx div.ctrl.list div.items div.pointtools.item, .nyx div.ctrl.list div.items #toolcnt div.pointtools.item, #toolcnt .nyx div.ctrl.list div.items div.item button.pointtools, .nyx div.ctrl.list div.items div.item #toolcnt button.pointtools, #toolcnt .nyx div.ctrl .searchitems .pointtools.item, .nyx div.ctrl .searchitems #toolcnt .pointtools.item, #toolcnt .list.checklist div.items .checklist-item button.pointtools.deleteitem, .list.checklist div.items .checklist-item #toolcnt button.pointtools.deleteitem, #toolcnt .polytools.sel-btn#select_left, #toolcnt .pointtools.sel-btn#select_left, #toolcnt .polytools.sel-btn#toggle_zoomto, #toolcnt .pointtools.sel-btn#toggle_zoomto, #toolcnt .polytools.sel-btn#open_list, #toolcnt .pointtools.sel-btn#open_list, #toolcnt .polytools.sel-btn#select_center, #toolcnt .pointtools.sel-btn#select_center, #toolcnt .polytools.sel-btn#select_right, #toolcnt .pointtools.sel-btn#select_right {
  box-shadow: 0px 0px 5px #333;
  padding: 6px 6px 6px 6px;
  font-size: 180%;
  margin: 5px;
  border-radius: 6px;
  width: unset;
  aspect-ratio: 1;
  display: block;
}

#table {
  padding: 7px 6px 5px 6px;
}

#locate {
  padding: 7px 6px 5px 6px;
}
#add-items {
  padding: 8px 6px 4px 6px;
}

#grid {
  padding: 7px 6px 5px 6px;
}

#printer_progress {
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
  text-align: center;
  font-size: 500%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  pointer-events: none;
}
#printer_progress .print-cancel-btn {
  pointer-events: auto;
  align-self: center;
  margin-top: 24px;
  font-size: 1rem;
  padding: 4px 8px;
  border-radius: 5px;
  cursor: pointer;
}

.layer {
  /*@extend .item;*/
  border-width: 1px;
  border-style: solid;
  padding: 2px 4px 2px 4px;
  margin-top: 2px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 125%;
  border-radius: 3px;
  user-select: none;
}
.layer.not-visible {
  opacity: 0.3;
}
.layer .layer-btn {
  flex-grow: 0;
  padding-top: 2px;
}
.layer .layer-text {
  margin-left: 2px;
  flex-grow: 100;
  overflow-x: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
}
.layer:last-child {
  margin-bottom: 0px;
}

.layergroup {
  margin-top: 2px;
}
.layergroup:last-child {
  margin-bottom: 0px;
}
.layergroup .layer-options {
  padding: 4px;
  border-width: 1px;
  border-top-width: 0px;
  margin-top: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.layergroup .container {
  padding: 6px 4px;
  border: 1px;
  border-style: solid;
  border-top-width: 0px;
  margin-bottom: 2px;
  /*margin-top: -2px;*/
  overflow: hidden;
  padding-right: 0px;
  border-right-width: 0px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.layergroup .container.layer-settings {
  padding: 0px 4px;
}
.layergroup .container:last-child {
  margin-bottom: 0px;
}
.layergroup .container.closed {
  height: 0px;
  padding: 0px 4px;
  border-width: 0px;
}
.layergroup .container h4 {
  margin-top: 8px;
  margin-bottom: 4px;
}
.layergroup .container p {
  margin-top: 3px;
  margin-bottom: 3px;
}

.regions .item {
  padding: 4px;
  border-radius: 5px;
  margin: 4px 2px 0px;
  text-align: left;
  border-width: 1px;
}
.regions .item.selected {
  outline: 2px solid #0db5ff;
}
.regions .item h1 {
  font-size: 110%;
  margin-top: 2px;
  margin-bottom: 0px;
}
.regions .item h2 {
  font-size: 100%;
  margin-top: 0px;
  margin-bottom: 2px;
}
.regions .item p {
  margin: 6px 0px;
}
.regions .item .body {
  margin: 0px -3px;
  padding: 0px 3px;
}
.regions .item .body .permissions {
  flex-grow: 100;
  max-height: 300px;
  overflow: auto;
}
.regions .item .body .region-svg-container {
  text-align: center;
  margin: -5px 0px -45px;
  position: relative;
}
.regions .item .body .region-svg-container .rgnicon {
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  color: rgb(0, 0, 0);
  font-size: 40px;
  opacity: 0.5;
}
.regions .item .body .region-svg-container svg {
  opacity: 0.3;
}
.regions .item .body table {
  font-size: 85%;
  width: 100%;
  margin: 4px 0px;
  font-weight: bold;
}
.regions .item .body table td {
  padding: 2px 0px;
}
.regions .item .body table td.right {
  text-align: right;
}
.regions .item .body hr {
  margin: 4px -5px;
  display: block;
  border-style: dotted;
}
.regions .item .body .row {
  white-space: nowrap;
  overflow-x: clip;
  text-overflow: ellipsis;
  line-height: 1.4;
}

@media (min-width: 760px) {
  dialog .body {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  dialog div.dialog-body.maxform {
    width: fit-content;
  }
  dialog .regions {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /*justify-content: center;*/
  }
  dialog .regions .item {
    box-sizing: border-box;
    width: calc(50% - 8px);
  }
}
@media (min-width: 1280px) {
  dialog .regions .item {
    width: calc(33% - 8px);
  }
}
@media (min-width: 1680px) {
  dialog .regions .item {
    width: calc(25% - 8px);
  }
}
@media (min-width: 2600px) {
  dialog .regions .item {
    width: calc(16.8% - 8px);
  }
}
.radius-top {
  color: forestgreen;
}

.radius-med {
  color: orange;
}

.radius-bad {
  color: orangered;
}

.feedback-backdrop {
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  padding: 0px;
  background-color: rgb(255, 255, 255);
  text-align: center;
}

.feedback-upper-display {
  position: absolute;
  top: 0px;
  bottom: 40%;
  right: 0px;
  left: 0px;
}

.feedback-lower-display {
  position: absolute;
  top: 60%;
  bottom: 0px;
  right: 0px;
  left: 0px;
}

.progress-bar-container {
  width: 80%;
  max-width: 400px;
  height: 6px;
  border-width: 2px;
  border-style: solid;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
}

.progress-interact {
  margin-top: 12px;
}

.progress-bar {
  height: 100%;
  background-color: #0f0;
}

.fail-icon,
.fail-label {
  color: #a00;
}

.success-icon,
.success-label {
  color: #0a0;
}

.fail-icon,
.success-icon {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 800%;
  animation-duration: 0.2s;
  animation-name: feedback-icon-pop-up;
  animation-iteration-count: 1;
}

.progress-icon {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 800%;
}

.progress-number {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 400%;
}

.progress-cinema {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
}

.position-canvas {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.position-sample-offset {
  display: block;
  position: absolute;
  height: 12px;
  width: 12px;
  margin: -6px;
  background-color: #4ad;
  border: 2px solid rgb(36.6153846154, 146.4615384615, 201.3846153846);
  box-sizing: border-box;
  border-radius: 50%;
}
.position-sample-offset.position-average {
  background-color: #2d0;
  border: 2px solid rgb(26.1538461538, 170, 0);
  height: 24px;
  width: 24px;
  margin: -12px;
}
.position-sample-offset.position-recent {
  background-color: rgb(154.3076923077, 209.2307692308, 236.6923076923);
  animation-duration: 0.2s;
  animation-name: position-marker-pop-up;
  animation-iteration-count: 1;
}
.position-sample-offset.position-outcast {
  background-color: unset;
  margin-top: 0px;
  margin-left: 0px;
  transform: rotate(0.125turn);
}
.position-sample-offset.position-outcast::before {
  position: absolute;
  display: block;
  content: " ";
  overflow: hidden;
  width: 2px;
  height: 21px;
  margin-top: -10px;
  background-color: #4ad;
}
.position-sample-offset.position-outcast::after {
  position: absolute;
  display: block;
  content: " ";
  overflow: hidden;
  width: 21px;
  height: 2px;
  margin-left: -10px;
  background-color: #4ad;
}

.position-error-value {
  position: absolute;
  padding-top: 6px;
  top: 8%;
  left: 0px;
  right: 0px;
  font-size: 300%;
  z-index: 1;
}

.position-canvas-scale-stop-x {
  position: absolute;
  top: 50%;
  color: #4ad;
  text-align: center;
  overflow: visible;
  width: 80px;
  margin-right: -40px;
}

.position-canvas-scale-stop-y {
  position: absolute;
  right: 50%;
  color: #4ad;
  vertical-align: middle;
  line-height: 40px;
  margin-top: -20px;
  height: 0px;
  overflow: visible;
}

.position-canvas-background {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 50%;
  border: 2px solid #4ad;
}

.position-canvas-background-scale-x-minor {
  position: absolute;
  right: 0px;
  bottom: 50%;
  left: 0px;
  height: 3px;
  border-color: #4ad;
  border-style: solid;
  border-width: 0 0 1px 0;
}

.position-canvas-background-scale-x-major {
  position: absolute;
  right: 0px;
  bottom: 50%;
  left: 0px;
  height: 5px;
  margin-bottom: 4px;
}

.position-canvas-background-scale-y-minor {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;
  width: 3px;
  border-color: #4ad;
  border-style: solid;
  border-width: 0 0 0 1px;
}

.position-canvas-background-scale-y-major {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;
  width: 5px;
  margin-left: 4px;
}

.scale-direction-right {
  left: 50%;
}

.scale-direction-left {
  right: 50%;
}

.scale-direction-up {
  bottom: 50%;
}

.scale-direction-down {
  top: 50%;
}

.position-error-diameter {
  position: absolute;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
}

.position-additional-values {
  position: absolute;
  bottom: 0px;
  font-size: 120%;
  color: #4ad;
  text-align: left;
}

.feedback-queue-display {
  position: fixed;
  bottom: 8px;
  right: 8px;
  opacity: 0.5;
  font-size: 200%;
  pointer-events: none;
}

@keyframes feedback-icon-pop-up {
  0% {
    margin-bottom: 0px;
  }
  40% {
    margin-bottom: 12px;
  }
  100% {
    margin-bottom: 0px;
  }
}
@keyframes position-marker-pop-up {
  0% {
    height: 2px;
    width: 2px;
    margin: -1px;
  }
  40% {
    height: 24px;
    width: 24px;
    margin: -12px;
  }
  100% {
    height: 12px;
    width: 12px;
    margin: -6px;
  }
}
.progress-label,
.fail-label,
.success-label {
  font-size: 200%;
}

#bluetooth-indicator {
  display: inline-block;
  position: absolute;
  margin-left: -12%;
  font-size: 70%;
  margin-top: 18%;
}

body.size-l #bluetooth-indicator {
  margin-left: -16%;
  margin-top: 20%;
}

body.size-s #bluetooth-indicator {
  margin-left: -8%;
  margin-top: 16%;
}

.progress-cinema .bluetooth-scan-device-layout {
  position: absolute;
  bottom: 0px;
  width: 100%;
  font-size: 200%;
  text-align: center;
}

.progress-cinema .bluetooth-scan-device-list {
  display: inline-block;
  text-align: right;
}

.info-box-attention {
  border-color: #970;
  border-width: 1px;
  border-style: solid;
  color: #970;
  padding: 4px 4px 4px 4px;
  background-color: #ffa;
}

.conflict {
  width: 100%;
  margin-bottom: 2px;
}

.conflict .conflict-dismiss {
  float: right;
  margin-left: 4px;
  cursor: pointer;
}

.conflict.info-box-attention .conflict-message {
  padding-left: 20px;
}
.conflict.info-box-attention .conflict-message > .icon:first-child, .conflict.info-box-attention .conflict-message > .official-value:first-child::before, .conflict.info-box-attention .conflict-message > .conflicted-value:first-child::before, .conflict.info-box-attention .nyx div.ctrl .image .conflict-message > .clear:first-child, .nyx div.ctrl .image .conflict.info-box-attention .conflict-message > .clear:first-child, .conflict.info-box-attention .nyx div.ctrl.list .header .conflict-message > .filter:first-child, .nyx div.ctrl.list .header .conflict.info-box-attention .conflict-message > .filter:first-child, .conflict.info-box-attention .nyx div.ctrl.list .header .conflict-message > .toggle:first-child, .nyx div.ctrl.list .header .conflict.info-box-attention .conflict-message > .toggle:first-child, .conflict.info-box-attention .nyx div.ctrl.list .header .conflict-message > .close:first-child, .nyx div.ctrl.list .header .conflict.info-box-attention .conflict-message > .close:first-child, .conflict.info-box-attention .conflict-message > i.layergroup:first-child, .conflict.info-box-attention .conflict-message > i.region:first-child, .conflict.info-box-attention .conflict-message > i.settings:first-child, .conflict.info-box-attention .conflict-message > i.sync:first-child, .conflict.info-box-attention .conflict-message > i.radio:first-child, .conflict.info-box-attention .conflict-message > i.radio-set:first-child, .conflict.info-box-attention #toolcnt .conflict-message > .btn.polytools:first-child, #toolcnt .conflict.info-box-attention .conflict-message > .btn.polytools:first-child, .conflict.info-box-attention #toolcnt .nyx div.ctrl .image .conflict-message > .polytools.clear:first-child, #toolcnt .nyx div.ctrl .image .conflict.info-box-attention .conflict-message > .polytools.clear:first-child, .conflict.info-box-attention .nyx div.ctrl .image #toolcnt .conflict-message > .polytools.clear:first-child, .nyx div.ctrl .image #toolcnt .conflict.info-box-attention .conflict-message > .polytools.clear:first-child, .conflict.info-box-attention #toolcnt .nyx div.ctrl.list div.items .conflict-message > div.polytools.item:first-child, #toolcnt .nyx div.ctrl.list div.items .conflict.info-box-attention .conflict-message > div.polytools.item:first-child, .conflict.info-box-attention .nyx div.ctrl.list div.items #toolcnt .conflict-message > div.polytools.item:first-child, .nyx div.ctrl.list div.items #toolcnt .conflict.info-box-attention .conflict-message > div.polytools.item:first-child, .conflict.info-box-attention #toolcnt .nyx div.ctrl.list div.items div.item .conflict-message > button.polytools:first-child, #toolcnt .nyx div.ctrl.list div.items div.item .conflict.info-box-attention .conflict-message > button.polytools:first-child, .conflict.info-box-attention .nyx div.ctrl.list div.items div.item #toolcnt .conflict-message > button.polytools:first-child, .nyx div.ctrl.list div.items div.item #toolcnt .conflict.info-box-attention .conflict-message > button.polytools:first-child, .conflict.info-box-attention #toolcnt .nyx div.ctrl .searchitems .conflict-message > .polytools.item:first-child, #toolcnt .nyx div.ctrl .searchitems .conflict.info-box-attention .conflict-message > .polytools.item:first-child, .conflict.info-box-attention .nyx div.ctrl .searchitems #toolcnt .conflict-message > .polytools.item:first-child, .nyx div.ctrl .searchitems #toolcnt .conflict.info-box-attention .conflict-message > .polytools.item:first-child, .conflict.info-box-attention #toolcnt .list.checklist div.items .checklist-item .conflict-message > button.polytools.deleteitem:first-child, #toolcnt .list.checklist div.items .checklist-item .conflict.info-box-attention .conflict-message > button.polytools.deleteitem:first-child, .conflict.info-box-attention .list.checklist div.items .checklist-item #toolcnt .conflict-message > button.polytools.deleteitem:first-child, .list.checklist div.items .checklist-item #toolcnt .conflict.info-box-attention .conflict-message > button.polytools.deleteitem:first-child, .conflict.info-box-attention #toolcnt .conflict-message > .btn.pointtools:first-child, #toolcnt .conflict.info-box-attention .conflict-message > .btn.pointtools:first-child, .conflict.info-box-attention #toolcnt .nyx div.ctrl .image .conflict-message > .pointtools.clear:first-child, #toolcnt .nyx div.ctrl .image .conflict.info-box-attention .conflict-message > .pointtools.clear:first-child, .conflict.info-box-attention .nyx div.ctrl .image #toolcnt .conflict-message > .pointtools.clear:first-child, .nyx div.ctrl .image #toolcnt .conflict.info-box-attention .conflict-message > .pointtools.clear:first-child, .conflict.info-box-attention #toolcnt .nyx div.ctrl.list div.items .conflict-message > div.pointtools.item:first-child, #toolcnt .nyx div.ctrl.list div.items .conflict.info-box-attention .conflict-message > div.pointtools.item:first-child, .conflict.info-box-attention .nyx div.ctrl.list div.items #toolcnt .conflict-message > div.pointtools.item:first-child, .nyx div.ctrl.list div.items #toolcnt .conflict.info-box-attention .conflict-message > div.pointtools.item:first-child, .conflict.info-box-attention #toolcnt .nyx div.ctrl.list div.items div.item .conflict-message > button.pointtools:first-child, #toolcnt .nyx div.ctrl.list div.items div.item .conflict.info-box-attention .conflict-message > button.pointtools:first-child, .conflict.info-box-attention .nyx div.ctrl.list div.items div.item #toolcnt .conflict-message > button.pointtools:first-child, .nyx div.ctrl.list div.items div.item #toolcnt .conflict.info-box-attention .conflict-message > button.pointtools:first-child, .conflict.info-box-attention #toolcnt .nyx div.ctrl .searchitems .conflict-message > .pointtools.item:first-child, #toolcnt .nyx div.ctrl .searchitems .conflict.info-box-attention .conflict-message > .pointtools.item:first-child, .conflict.info-box-attention .nyx div.ctrl .searchitems #toolcnt .conflict-message > .pointtools.item:first-child, .nyx div.ctrl .searchitems #toolcnt .conflict.info-box-attention .conflict-message > .pointtools.item:first-child, .conflict.info-box-attention #toolcnt .list.checklist div.items .checklist-item .conflict-message > button.pointtools.deleteitem:first-child, #toolcnt .list.checklist div.items .checklist-item .conflict.info-box-attention .conflict-message > button.pointtools.deleteitem:first-child, .conflict.info-box-attention .list.checklist div.items .checklist-item #toolcnt .conflict-message > button.pointtools.deleteitem:first-child, .list.checklist div.items .checklist-item #toolcnt .conflict.info-box-attention .conflict-message > button.pointtools.deleteitem:first-child, .conflict.info-box-attention .conflict-message > .sel-btn#select_left:first-child, .conflict.info-box-attention .conflict-message > .sel-btn#toggle_zoomto:first-child, .conflict.info-box-attention .conflict-message > .sel-btn#open_list:first-child, .conflict.info-box-attention .conflict-message > .sel-btn#select_center:first-child, .conflict.info-box-attention .conflict-message > .sel-btn#select_right:first-child, .conflict.info-box-attention #fullscreen #fs-header .conflict-message > #fs-close:first-child, #fullscreen #fs-header .conflict.info-box-attention .conflict-message > #fs-close:first-child, .conflict.info-box-attention #fullscreen #fs-header .conflict-message > #fs-undock:first-child, #fullscreen #fs-header .conflict.info-box-attention .conflict-message > #fs-undock:first-child, .conflict.info-box-attention .conflict-message > i.layerstack:first-child, .conflict.info-box-attention .conflict-message > #layer-switch:first-child, .conflict.info-box-attention .conflict-message > #region-switch:first-child, .conflict.info-box-attention .conflict-message > #legend-switch:first-child, .conflict.info-box-attention .conflict-message > #home:first-child, .conflict.info-box-attention .conflict-message > #download:first-child, .conflict.info-box-attention .conflict-message > #table:first-child, .conflict.info-box-attention .conflict-message > #deer:first-child, .conflict.info-box-attention .conflict-message > #search:first-child, .conflict.info-box-attention .conflict-message > #locate:first-child, .conflict.info-box-attention .conflict-message > #settings:first-child, .conflict.info-box-attention .conflict-message > #sign-in:first-child, .conflict.info-box-attention .conflict-message > #add-items:first-child, .conflict.info-box-attention .conflict-message > #draw:first-child, .conflict.info-box-attention .conflict-message > #grid:first-child, .conflict.info-box-attention .conflict-message > #print:first-child {
  margin-left: -18px;
  margin-right: 6px;
}

.conflict .field-label {
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 8px;
}

.conflict .conflicted-value, .conflict .official-value {
  user-select: all;
  padding: 8px 0 8px 20px;
  text-overflow: ellipsis;
  overflow-x: clip;
}
.conflict .conflicted-value::before, .conflict .official-value::before {
  margin-left: -20px;
  margin-right: 8px;
  width: 12px;
  height: 0px;
}

.conflict .conflict-feature-link {
  cursor: pointer;
}

.map-action-feedback-fx {
  display: block;
  position: absolute;
  border-width: 0px;
  border-style: solid;
  border-radius: 50%;
  border-color: #fff;
  pointer-events: none;
  animation-name: map-action-feedback-fx-grow;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0, 0.58, 1, 1);
  box-sizing: border-box;
  height: 0px;
  width: 0px;
}
.map-action-feedback-fx.create {
  border-color: #8f4;
}
.map-action-feedback-fx.modify {
  border-color: #adf;
}
.map-action-feedback-fx.delete {
  border-color: #faa;
}

@keyframes map-action-feedback-fx-grow {
  0% {
    opacity: 1;
    height: 0px;
    width: 0px;
    border-width: 12px;
    margin-top: -6px;
    margin-left: -6px;
  }
  100% {
    opacity: 0;
    height: 400px;
    width: 400px;
    margin-top: -200px;
    margin-left: -200px;
    border-width: 80px;
  }
}
@media (min-width: 961px) {
  body .feedback-backdrop:not(.progress) {
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: unset;
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
    padding: 8px;
    height: max-content;
    flex-direction: row;
    display: inline-flex;
    animation-name: feedback-box-pop-up;
    animation-duration: 0.1s;
    animation-iteration-count: 3;
  }
  body .feedback-backdrop:not(.progress).success {
    background-color: #df8;
  }
  body .feedback-backdrop:not(.progress).fail {
    background-color: #faa;
  }
  body .feedback-backdrop:not(.progress) .feedback-upper-display,
  body .feedback-backdrop:not(.progress) .feedback-lower-display {
    position: unset;
  }
  body .feedback-backdrop:not(.progress) .feedback-upper-display {
    flex-shrink: 1;
  }
  body .feedback-backdrop:not(.progress) .feedback-lower-display {
    flex-grow: 1;
  }
  body .feedback-queue-display {
    bottom: unset;
    right: 16px;
    top: 16px;
  }
  body .fail-icon,
  body .success-icon {
    position: unset;
  }
  body .fail-icon,
  body .success-icon {
    font-size: 250%;
    animation-name: unset;
  }
  @keyframes feedback-box-pop-up {
    0% {
      margin-top: 0px;
    }
    25% {
      margin-top: -6px;
    }
    75% {
      margin-top: 6px;
    }
    100% {
      margin-top: 0px;
    }
  }
}

/*# sourceMappingURL=geoportal.css.map */