@charset "UTF-8";
/********* begin import of cssReset.css *********/ /* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/********* begin import of main.scss *********/
/*

TODO: figure out why Sass doesn't respond to this method of setting the thumbnail column qty responsively

// If screen width is over x pixels wide, show y thumbnails
@media screen and (min-width: 1000) and (max-width: 2000) {
    $palette-thumbnail-column-qty: 3;
}
@media screen and (min-width: 2000) and (max-width: 3000) {
    $palette-thumbnail-column-qty: 4;
}
*/
sassDebug {
  width: 456px;
}

* {
  outline: none;
}

body {
  font-family: sans-serif;
}

canvas {
  background: #FFFFFF;
  position: absolute;
  top: 50px;
}

canvas:focus {
  outline: 0;
}

.formit-web-button {
  background-color: white;
  color: #4675A8;
  width: 96px;
  height: 30px;
  font-size: 14px;
  font-family: Arial, sans-serif;
  cursor: pointer;
  border: solid 1px #A7BFD3;
  border-radius: 3px;
}

.formit-web-button:hover {
  box-shadow: 0 0 4px #0cbbf4;
}

/* OK and Cancel Buttons */
.cancel {
  color: #4675a8;
  background-color: white;
  float: right;
  margin-left: 5px;
}

.proceed {
  color: white;
  background-color: #4675a8;
}

.visualStyleSelected {
  background-color: #4675A8 !important;
}

.indentedCheckBoxes {
  padding-left: 1.4em;
}

.indentedCheckBoxes2x {
  padding-left: 2.8em;
}

.checkBoxDisabled {
  color: #d9d9d9;
  border-color: lightGrey !important;
  box-shadow: none !important;
}

.checkBoxDisabled label {
  color: #d9d9d9 !important;
}

.formit-web-button.disable {
  background-color: #eeeeee;
  color: #bbbbbb;
  cursor: not-allowed;
}

.formit-web-button.disable:hover {
  box-shadow: 0 0 2px #AAAAAA;
}

.formit-web-button.emailLink {
  width: 105px;
}

.formit-web-button.fitContentWidth {
  width: auto;
  white-space: nowrap;
}

#UnsavedChangesSaveAutodeskDocsButton {
  margin-left: 5px;
}

a:link,
a:visited,
a:active {
  color: #6F94BB;
}

input[readonly=readonly] {
  background-color: #CCCCCC;
}

.dimensionInputDialog label + input {
  margin-left: 5px;
}

.quantumTestDialog label + input {
  margin-left: 5px;
  width: 500px;
}

.contain:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  clear: both;
}

/*TODO width and height should be factored out of this class*/
.relative {
  position: relative;
  width: 100%;
  height: 100%;
}

.relativePosition,
.positionRelative {
  position: relative;
}

.fullWidth {
  width: 100%;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.displayBlock {
  display: block;
}

.displayInline {
  display: inline;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.error {
  color: red;
  font-style: italic;
}

.listStyleTypeNone {
  list-style-type: none;
}

.uiBlockDialog, .uiBlockModule {
  z-index: 1001;
}

.uiBlock {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1000;
}

/* override the default dialog styling for plugins and Set Location dialog */
body .pluginContainer {
  overflow: visible; /* ensure the close button is not clipped */
  padding: 0px;
}

/* the header at the top of plugin dialogs */
.pluginContainer .ui-widget-header {
  border: none;
  border-radius: 0;
  background: #f7f7f7;
  color: grey;
  font-weight: normal;
}

.pluginContainer .ui-dialog-title {
  padding: 0.2em 0em;
}

body .ui-dialog .ui-dialog-titlebar {
  padding: 0.5em;
}

/* the close button in the upper right corner */
.pluginContainer .ui-dialog-titlebar-close.ui-state-default {
  color: #4675A8;
  background: #FFFFFF;
  border: 1px solid #4675A8;
  border-radius: 12px;
  display: inline-block;
  line-height: 0px;
  padding: 12px;
  position: absolute;
  right: -8px;
  top: 0px;
  z-index: 1000;
}

.pluginContainer .ui-dialog-titlebar-close.ui-state-hover {
  color: white;
  background: #4676a9;
  border: 1px solid #4675A8;
  border-radius: 12px;
  display: inline-block;
  line-height: 0px;
  padding: 12px;
  position: absolute;
  right: -8px;
  top: 0px;
  z-index: 1000;
}

/* the close button icon */
.pluginContainer .ui-state-default .ui-icon {
  background-image: url("images/ui-icons_4675A8_256x240.png");
}

.pluginContainer .ui-state-hover .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.menuDivider {
  content: " ";
  border-right: solid 1px #C2C2C2;
  margin: 0 10px;
  height: 100%;
}

/*use this with a width and height property*/
.center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/*use this with unknown width and height*/
.screenCenter,
.centerFromParent {
  position: absolute !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.centerText {
  text-align: center;
}

.horizontalCenter {
  width: 100%;
  text-align: center;
}

.horizontalCenter > * {
  display: inline-block;
}

.alignTop {
  vertical-align: top;
}

.inlineBlock {
  display: inline-block;
}

.shimSmall {
  margin: 5px;
}

.shimSmallTop {
  margin-top: 5px;
}

.shimSmallRight {
  margin-right: 5px;
}

.shimSmallBottom {
  margin-bottom: 5px;
}

.shimSmallLeft {
  margin-left: 5px;
}

.shimLarge {
  margin: 10px;
}

.shimLargeTop {
  margin-top: 10px;
}

.shimLargeRight {
  margin-right: 10px;
}

.shimLargeBottom {
  margin-bottom: 10px;
}

.shimLargeLeft {
  margin-left: 10px;
}

.shimExtraLargeTop {
  margin-top: 20px;
}

.shimExtraExtraLargeTop {
  margin-top: 25px;
}

.shimExtraLargeBottom {
  margin-bottom: 20px;
}

.shimExtraExtraLargeRight {
  margin-right: 25px;
}

.shimNoTop {
  margin-top: 0;
}

.bufferSmall {
  padding: 5px;
}

.bufferSmallTop {
  padding-top: 5px;
}

.bufferSmallRight {
  padding-right: 5px;
}

.bufferSmallBottom {
  padding-bottom: 5px;
}

.bufferSmallLeft {
  padding-left: 5px;
}

.bufferLarge {
  padding: 10px;
}

.bufferLargeTop {
  padding-top: 10px;
}

.bufferLargeRight {
  padding-right: 10px;
}

.bufferLargeBottom {
  padding-bottom: 10px;
}

.bufferLargeLeft {
  padding-left: 10px;
}

.bufferExtraLarge {
  padding: 20px;
}

.bufferExtraLargeTop {
  padding-top: 20px;
}

.bufferExtraLargeRight {
  padding-right: 20px;
}

/* TODO These class names could use some rethinking */
.table {
  display: table;
}

.tableRow {
  display: table-row;
}

.tableCell {
  display: table-cell;
}

.orangeColor {
  color: #f79730;
}

.whiteColor {
  color: #fff;
}

.offWhiteBackgroundColor {
  background-color: #f4f4f4;
}

.cursorDefault {
  cursor: url(../images/cursors/pickArrow.png), default;
}

.cursorPointer {
  cursor: pointer;
}

.cursorOrbit {
  cursor: url(../images/cursors/Navigation_Orbit.png), auto;
}

.cursorPan {
  cursor: url(../images/cursors/Navigation_Pan.png), auto;
}

.cursorZoom {
  cursor: url(../images/cursors/Navigation_Zoom.png), auto;
}

.cursorSwivel {
  cursor: url(../images/cursors/Navigation_Swivel.png), auto;
}

.cursorCreateCube {
  cursor: url(../images/cursors/Primitive_Cube.png) 2 19, default;
}

.cursorCreateDome {
  cursor: url(../images/cursors/Primitive_Dome.png) 2 19, default;
}

.cursorCreatePyramid {
  cursor: url(../images/cursors/Primitive_Pyramid.png) 2 19, default;
}

.cursorCreateCylinder {
  cursor: url(../images/cursors/Primitive_Cylinder.png) 2 19, default;
}

.cursorCreateRoof {
  cursor: url(../images/cursors/Primitive_Roof.png) 2 19, default;
}

.cursorPencilVertex {
  cursor: url(../images/cursors/Sketch_Vertex.png) 2 19, default;
}

.cursorPencil {
  cursor: url(../images/cursors/Sketch_Pencil.png) 2 19, default;
}

.cursorPencilArc {
  cursor: url(../images/cursors/Sketch_Arc.png) 2 19, default;
}

.cursorPencilCircle {
  cursor: url(../images/cursors/Sketch_Circle.png) 2 19, default;
}

.cursorPencilRectangle {
  cursor: url(../images/cursors/Sketch_Rectangle.png) 2 19, default;
}

.cursorPencilSpline {
  cursor: url(../images/cursors/Sketch_Spline.png) 2 19, default;
}

.cursorEditFaceDrag {
  cursor: url(../images/cursors/edit_drag.png), auto;
}

.cursorEditEdgeDrag {
  cursor: url(../images/cursors/edit_drag.png), auto;
}

.cursorEditMove {
  cursor: url(../images/cursors/edit_move.png), auto;
}

.cursorEditRotate {
  cursor: url(../images/cursors/edit_rotate.png), auto;
}

.cursorPaintBrush {
  cursor: url(../images/cursors/edit_paintbrush.png) 2 19, default;
}

.cursorMaterialPicker {
  cursor: url(../images/cursors/Material_Picker.png) 2 19, default;
}

.cursorEditScale {
  cursor: url(../images/cursors/edit_scale.png), auto;
}

.cursorEditArray {
  cursor: url(../images/cursors/edit_array.png), auto;
}

.cursorEditAreaSelect {
  cursor: url(../images/cursors/edit_area_select.png), auto;
}

.cursorEditMeasure {
  cursor: url(../images/cursors/edit_measure.png), auto;
}

.cursorEditMeasureAngular {
  cursor: url(../images/cursors/edit_measure_angle.png), auto;
}

.cursorEditOffset {
  cursor: url(../images/cursors/edit_offset.png), auto;
}

.cursorArrowPlusMinus {
  cursor: url(../images/cursors/pickArrowPlusMinus.png), default;
}

.cursorForbidden {
  cursor: not-allowed;
}

.cursorGrip {
  cursor: pointer;
}

.cursorTextEdit {
  cursor: text;
}

.separatorTop {
  border-top: solid 1px #C2C2C2;
}

.separatorBottom {
  border-bottom: solid 1px #C2C2C2;
}

.tool {
  cursor: pointer;
}

.tool.disabled {
  cursor: not-allowed;
}

.tool > .proText {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 8px;
  font-weight: bold;
}

.tool.useHitBox:before {
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
}

.pluginTool img {
  margin-top: 7px;
}

.formit-web-button .proBadge {
  position: absolute;
  font-size: 10px;
  font-weight: bold;
  top: 3px;
  right: 3px;
}

.menu {
  cursor: default;
}

/* TODO - move maintools over to use these classes */
.tabbedTools li {
  text-align: center;
}

.tabbedTools .tool {
  position: relative;
}

.tabbedTools .tool.active {
  border: solid 1px #C2C2C2;
  border-left: none;
  background-color: rgba(255, 255, 255, 0.9);
}

#Properties-tool {
  border-top: none;
}

#PanelTools .tabbedTools .tool.active {
  border: solid 1px #C2C2C2;
  border-left: none;
  background-color: rgb(255, 255, 255);
}

.menu {
  z-index: 3;
}

.icon {
  background-image: url(../images/spritesheet.png?v=VERSION_REPLACE);
  display: inline-block;
}

.buttonBar a {
  text-decoration: none;
}

.buttonBar li:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: none;
}

.buttonBar li:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.buttonBar li {
  background-color: F2F2F2;
  border: solid 1px #4675A8;
  cursor: pointer;
  display: inline;
  padding: 5px 10px;
}

.buttonBar li.active {
  background-color: #E3E7F2;
}

.buttonBar li:hover {
  background-color: #c3e8f4;
}

.buttonBar li.active a {
  color: #4675A8;
}

.buttonBar li:hover a {
  color: #4675A8;
}

a.closeButton {
  cursor: pointer;
  color: #4675A8;
  background: #FFFFFF;
  border: 1px solid #4675A8;
  border-radius: 100%;
  font-size: 15px;
  font-weight: bold;
  display: inline-flex;
  padding: 0px;
  text-decoration: none;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 1000;
  font-family: Arial, Helvetica, sans-serif;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

a.closeButton:before {
  content: "✕";
}

a.closeButton:hover {
  color: #FFFFFF;
  background: #4675A8;
}

a.helpLinkSubTitle {
  border-radius: 12px;
  background: #4675A8;
  color: #FFFFFF;
  font-size: 10px;
  padding: 1px 3px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
}

a.helpLinkSubTitle:hover {
  background: #FFFFFF;
  border: solid 1px #4675A8;
  color: #4675A8;
}

a.disabled {
  cursor: default;
  color: #808080;
  pointer-events: none;
}

/* Expand collapse*/
.ecControl .ecArrow {
  height: 0;
  width: 0;
}

.ecControl .ecHeading {
  cursor: pointer;
  float: left;
  color: #4675A8;
  font-size: 16px;
}

.ecControl .ecArrow {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #4675A8;
  margin-right: 11px;
  margin-top: 2px;
}

.ecControl.open .ecArrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #4675A8;
  margin-top: 4px;
  margin-right: 5px;
}

.ecControl .ecContent {
  display: none;
}

.ecControl.open .ecContent {
  display: block;
}

.ecControl.disabled .ecHeading {
  color: #999999;
}

.ecControl.disabled .ecArrow {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #999999;
}

.ecControl.disabled .ecContent {
  display: none;
}

.dialog {
  background-color: #F2F2F2;
  border-radius: 0px;
  position: absolute;
  border: solid #cccccc 1px;
  box-shadow: 0 0 5px #333333;
  z-index: 1001; /*just above ui block*/
}

.dialog.isNonHeadingDialog .close {
  color: #666666;
  font-size: 18px;
  text-decoration: none;
  position: absolute;
  top: 5px;
  right: 5px;
}

.dialog.ui-draggable {
  cursor: move;
}

.dialog .heading {
  color: #666666;
  border-bottom: solid 1px #CCCCCC;
  font-size: 18px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #ffffff;
}

.dialog .heading a {
  text-decoration: none;
}

.dialog .heading .title {
  color: #666666;
}

.dialog .body {
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  color: #666666;
}

/* TODO Rework confirmationDialog and dialog at some point so they both center the same way*/
.confirmationDialog {
  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: none;
}

.confirmationDialog .body {
  background-color: #F2F2F2;
  border-radius: 3px;
  border: solid #cccccc 1px;
  box-shadow: 0 0 5px #333333;
  padding: 20px;
  margin: 0;
}

.confirmationDialogWithImage {
  margin-left: 60px;
  margin-bottom: 20px;
}

.alertDialog {
  background-color: #fff;
  color: #4675A8;
  padding: 10px;
  font-size: 14px;
  border-radius: 7px;
  height: 15px;
  width: 400px;
  top: 105px;
  margin: 0 auto;
  text-align: center;
  z-index: 1001;
}

.alertDialog a {
  text-decoration: underline;
  color: #4675A8;
}

/* fixes the blue-on-blue Terrain hyperlink on the blue info notification */
#notificationDialogHyperlink {
  color: #FFFFFF;
  border-bottom: 1px white solid;
}

.notificationDialog {
  color: #FFFFFF;
  padding: 10px;
  font-size: 14px;
  position: absolute;
  left: 50%;
  top: 105px;
  z-index: 1001;
}

.notificationDialog.type-Information,
.notificationDialog.type-Success,
.notificationDialog.type-Error,
.notificationDialog.type-Warning {
  top: 70px;
}

.notificationDialog .body {
  background-color: aliceblue;
  color: #333333;
  border-radius: 7px;
  width: 400px;
  position: relative;
  left: -50%;
  padding: 10px;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

.notificationDialog.type-Information .body {
  background-color: #4675A8;
  color: #FFFFFF;
}

.notificationDialog.type-Information .link {
  color: white;
}

.notificationDialog.type-Warning .body {
  background-color: gold;
  color: #333333;
}

.notificationDialog.type-Information .link {
  color: white;
}

.notificationDialog.type-Warning .closeButton {
  border: solid 1px gold;
  background-color: white;
  color: gold;
}

.notificationDialog.type-Warning .closeButton:hover {
  background-color: gold;
  color: white;
}

.notificationDialog.type-Error .body {
  background-color: crimson;
  color: #FFFFFF;
}

.notificationDialog.type-Error .link {
  color: white;
}

.notificationDialog.type-Error .closeButton {
  background-color: #fff;
  color: crimson;
  border: solid 1px crimson;
}

.notificationDialog.type-Error .closeButton:hover {
  background-color: crimson;
  color: #fff;
}

.notificationDialog.type-Success .body {
  background-color: #55AF5F;
  color: #FFFFFF;
}

.notificationDialog.type-Success .closeButton {
  background-color: #FFFFFF;
  color: #55AF5F;
  border: solid 1px #55AF5F;
}

.notificationDialog.type-Success .closeButton:hover {
  background-color: #55AF5F;
  color: #FFFFFF;
}

.notificationDialog.type-Success .link {
  color: #FFFFFF;
}

.body.scroll {
  overflow-y: scroll;
}

.panelscroll {
  overflow-y: scroll;
  border-top: solid 1px #c2c2c2;
  border-bottom: solid 1px #c2c2c2;
  padding-top: 6px;
}

.none {
  display: none;
}

.seperator {
  border-left: solid 1px #CCCCCC;
  height: 100%;
}

.inputWrapper label.disabled {
  color: #bbb;
  cursor: default;
}

.inputWrapper input,
.inputWrapper label {
  cursor: pointer;
  font-size: 12px;
  color: #4676A9;
}

/* checkboxes */
.cbWrapper {
  border: solid 1px #4675a8;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  position: relative;
  vertical-align: top;
}

.cbWrapper.disabled {
  border-color: #bbb;
}

.cbWrapper.disabled input {
  cursor: default;
}

.cbWrapper .icon {
  display: none;
  position: absolute;
  top: 2px;
  left: 1px;
}

.cbWrapper.isChecked .icon {
  display: block;
}

/*keep underlying checkbox clickable but hidden*/
.cbWrapper input {
  float: left;
  width: 15px;
  height: 15px;
  margin: 0;
  opacity: 0;
}

.tooltip {
  color: #4675A8;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.9);
  border: solid 1px #4675A8;
  padding: 6px;
  position: absolute;
}

.dropdown {
  position: relative;
}

/*TODO move this somewhere generic*/
.dropdown .openButton {
  border: solid 1px #cccccc;
  padding: 8px 0px 3px 5px;
  cursor: pointer;
  color: #4675a8;
  font-size: 12px;
  height: 16px;
}

.dropdown .openButton span {
  display: block;
  width: 94%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
}

.dropdown .openButton .ddArrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #666666;
  position: absolute;
  right: 5px;
  top: 10px;
}

.dropdown .selectList {
  display: none;
  background-color: #FFFFFF;
  border: solid 1px #C2C2C2;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  top: 27px;
  left: 0;
  right: 0;
  z-index: 2;
  font-size: 12px;
  color: #666666;
}

.dropdown .selectList li:hover {
  background-color: rgb(195, 232, 244);
  cursor: pointer;
}

.dropdown .selectList.open {
  display: block;
}

.dropdown.disabled .openButton {
  background-color: #eeeeee;
  color: #cccccc;
}

.dropdown .icon-unit_checkmark {
  position: absolute;
  top: 2px;
  left: 5px;
}

.dropdown .valueDisplay {
  float: left;
  margin-left: 35px;
  margin-top: 5px;
  margin-bottom: 0px;
  width: 175px;
  min-height: 20px;
}

.dropdown .selectList {
  height: 300px;
}

.dropdown .selectList[optionscount="1"] {
  height: 50px;
}

.dropdown .selectList[optionscount="2"] {
  height: 75px;
}

.dropdown .selectList[optionscount="3"] {
  height: 100px;
}

.dropdown .selectList[optionscount="4"] {
  height: 125px;
}

.dropdown .selectList[optionscount="5"] {
  height: 150px;
}

.dropdown .selectList[optionscount="6"] {
  height: 175px;
}

.dropdown .selectList[optionscount="7"] {
  height: 200px;
}

.dropdown .selectList[optionscount="8"] {
  height: 225px;
}

.dropdown .selectList[optionscount="9"] {
  height: 250px;
}

.dropdown .selectList[optionscount="10"] {
  height: 275px;
}

.parentWidth {
  width: 100%;
}

.parentHeight {
  height: 100%;
}

.parentSize {
  width: 100%;
  height: 100%;
}

.proText {
  color: #FFFFFF;
  padding: 2px;
  background-color: #F48A0B;
}

.proTextColor {
  color: #F48A0B;
}

.noWrap {
  white-space: nowrap;
}

.todo {
  border: dashed 3px red;
}

.directoryStructure a {
  text-decoration: none;
  padding: 3px 5px;
  display: inline-block;
  border-radius: 0px;
}

.directoryStructure li {
  margin-left: 10px;
  position: relative;
}

.directoryStructure ul {
  display: none;
}

.directoryStructure li.open > ul {
  display: block;
}

.directoryStructure .active {
  background: #4675A8;
  color: #f2f2f2;
}

.directoryStructure a:hover {
  background: #c3e8f4;
  color: #4675A8;
}

.directoryStructure li .arrow {
  border-left: 5px solid #666666;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  position: absolute;
  left: -10px;
  top: 4px;
}

.directoryStructure li.open > a .arrow {
  border-top: 5px solid #666666;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: 6px;
  left: -13px;
}

.optionMenu {
  width: 200px;
  background-color: #FFFFFF;
  border: solid 1px #C2C2C2;
  position: relative;
  color: #4675a8;
}

.optionMenu li {
  position: relative;
}

.optionMenu .listOpenArrow {
  border-left: 7px solid #666666;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
}

.optionMenu li .optionMenu {
  display: none;
  position: absolute;
  top: -1px;
  left: 200px;
}

.optionMenu li.open .optionMenu {
  display: none;
}

.optionMenu li.open > .optionMenu {
  display: block;
}

.instructions {
  font-style: italic;
  font-size: 14px;
  color: #999999;
  text-align: center;
  padding: 10px;
}

/* project bar menu styles 
there are more specific definitions of this below which should 
be refactored to use these base styles at some point*/
#ProjectBar .menuTool {
  border: solid 1px #F2F2F2;
  border-bottom: none;
}

#ProjectBar .menuTool.active {
  border: solid 1px #C2C2C2;
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0.9);
}

#ProjectBar .menuTool .menu {
  display: none;
}

#ProjectBar .menuTool.active .menu {
  border: solid 1px #C2C2C2;
  display: block;
  position: absolute;
  top: 50px;
  left: -1px;
}

#ProjectBar .menuTool.active .menu:before {
  content: " ";
  width: 42px;
  border: solid 1px rgb(255, 255, 255);
  position: absolute;
  top: -2px;
  left: 0;
}

#ProjectBar .menuTool.active .menu.openLeft:before {
  left: auto;
  right: 0;
}

#ProjectBar .menuTool.active .menu.openLeft {
  left: auto;
  right: 0;
}

#ProjectBar .menuTool .menu.linkList li {
  cursor: pointer;
  display: block;
  font-size: 16px;
  padding: 10px;
  padding-left: 20px;
  height: 16px;
}

#ProjectBar .menuTool .menu li div.activated {
  opacity: 0.5;
}

#ProjectBar .menuTool .menu.linkList li a {
  text-decoration: none;
}

#ProjectBar .menuTool .menu.linkList li:hover {
  background-color: rgb(195, 232, 244);
}

#ProjectBar .menuTool .menu.linkList li.disabled a {
  color: #C2C2C2;
}

#ProjectBar .menuTool .menu.linkList li.disabled:hover {
  background-color: #FFFFFF;
}

#LoadingSpinner {
  z-index: 10001;
}

#LoadingFeatureImage {
  position: relative;
  top: 15%;
}

#LoadingOverlay {
  position: fixed;
  background-color: #FFFFFF;
  z-index: 1000;
}

#LoadingContainer {
  text-align: center;
}

#LoadingProjectOverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(220, 223, 229, 0.7);
  z-index: 10000;
}

#LoadProgressContainer {
  position: absolute;
  top: 89%;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 100001;
}

#LoadingProgress {
  height: 12px;
  background: #e4e4e4;
  border-radius: 6px;
  border: none;
}

/* override the built-in progress bar style */
#LoadingProgress .ui-widget-header {
  border-radius: 0;
  border: none;
  background: #aeaeae;
}

#LoadingProgressStatusLabel {
  margin: auto;
  height: 20px;
  font-size: 12pt;
  color: grey;
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}

#LoadingProgressLabel {
  position: absolute;
  top: 1px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 100001;
  width: 50px;
  text-shadow: 1px 1px 1px #aeaeae;
  text-align: center;
  font-size: 8pt;
  font-weight: bold;
  font-family: Arial;
  color: white;
}

#LoadLogo {
  position: absolute;
  top: 5%;
  z-index: 100001;
}

/* Project Bar */
#ProjectBar {
  border-bottom: 1px solid #C2C2C2;
  background-color: rgb(242, 242, 242);
  height: 50px;
  position: fixed;
  width: 100%;
  z-index: 11;
}

#ProjectBar .rightBar {
  position: absolute;
  right: 20px;
  top: 0px;
  z-index: 101;
}

#ProjectBar > .seperator {
  float: left;
  height: 30px;
  margin-top: 10px;
}

#FormitLogo {
  max-height: 40px;
  width: auto;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

/* View Tools */
/*
#ViewTools > .tool.active{
    border:solid 1px #C2C2C2;
    border-bottom:none;
    background-color:rgba(255, 255, 255, 0.8);
    height:49px;
}
*/
#ViewTools .tool[ispopupattached=true] {
  border: 1px solid rgba(242, 242, 242, 0);
}

/*
#ViewTools .tool.active .menu{
    border:solid 1px #C2C2C2;
}
*/
#ViewTools .menuTool .menu {
  display: none;
}

#ViewTools .menuTool.active .menu {
  display: block;
  position: absolute;
  top: 0px;
  left: -48px;
}

#ViewTools ul.numTools-6 {
  width: 44px;
  height: 264px;
}

#ViewTools .tool > .proText {
  right: 10px;
}

/* Main Tools */
#MainTools {
  width: auto;
}

#MainTools li {
  float: left;
  text-align: center;
}

#MainTools .tool {
  border: 1px solid rgb(242, 242, 242);
  position: relative;
  height: 48px;
  width: 50px;
  margin: 0 auto;
}

#MainTools > .tool.active {
  border: solid 1px #C2C2C2;
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0.8);
  height: 49px;
}

#MainTools .tool[ispopupattached=true] {
  border: 1px solid rgba(242, 242, 242, 0);
}

#MainTools .tool > .proText {
  right: 10px;
}

#MainTools #EnergyFactors-tool.tool > .proText {
  top: -3px;
}

#MainTools .tool.active .menu {
  border: solid 1px #C2C2C2;
}

#EnergyFactors-tool .widget {
  margin-left: 11px;
}

#MainTools .tool > span {
  margin-left: 2px;
  margin-top: 12px;
  padding: 2px;
}

#MainTools #EnergyFactors-tool > span {
  margin-top: 12px;
  margin-left: 10px;
}

#MainTools #EnergyFactors-tool .tool > span {
  margin-left: 11px;
}

#MainTools #EnergyFactors-tool > div {
  margin-top: 10px;
  padding: 2px;
}

#ModifyTools {
  width: 55px;
}

#ModifyTools .tool {
  position: relative;
  height: 48px;
  width: 50px;
  margin: 0 auto;
}

#Selection-tool > span {
  margin-left: 14px;
  margin-top: 12px;
  padding: 2px;
}

#Measure-tool span {
  margin-left: 14px;
  margin-top: 12px;
  padding: 2px;
}

#ModifyTools .menuTool.active .menu {
  border: solid 1px #C2C2C2;
  display: block;
  position: absolute;
  top: 49px;
  left: -1px;
}

#ModifyTools .menuTool.active .menu:before {
  content: " ";
  width: 48px;
  border: solid 1px rgb(255, 255, 255);
  position: absolute;
  top: -2px;
  left: 0px;
}

#EnergyFactors-tool .proText {
  z-index: 1;
}

#EnergyFactors-tool .oneEnergyIcon {
  width: 26px;
  height: 26px;
  padding-top: 14px;
  margin-left: 12px;
}

#EnergyFactors-tool.analyzing .loadingSpinner {
  display: block;
}

#EnergyFactors-tool.analyzing .oneEnergyIcon,
#EnergyFactors-tool.analyzing .icon {
  display: none;
}

#EnergyFactors-tool.analyzed .oneEnergyIcon {
  display: block;
}

#EnergyFactors-tool.analyzed .loadingSpinner,
#EnergyFactors-tool.analyzed .icon {
  display: none;
}

#EnergyFactors-tool.noState .icon {
  display: block;
}

#EnergyFactors-tool.noState .loadingSpinner,
#EnergyFactors-tool.noState .oneEnergyIcon {
  display: none;
}

#MainTools .menuTool .menu {
  display: none;
}

#MainTools .menuTool.active .menu:before {
  content: " ";
  width: 48px;
  border: solid 1px rgb(255, 255, 255);
  position: absolute;
  top: -2px;
  left: 0;
}

#MainTools .menuTool.active .menu {
  display: block;
  position: absolute;
  top: 49px;
  left: -1px;
}

#MainTools ul.numTools-1 {
  width: 50px;
}

#MainTools ul.numTools-2 {
  width: 100px;
}

#MainTools ul.numTools-3 {
  width: 150px;
}

#MainTools ul.numTools-4 {
  width: 200px;
}

#MainTools ul.numTools-5 {
  width: 250px;
}

#MainTools ul.numTools-6 {
  width: 300px;
}

#MainTools ul.numTools-7 {
  width: 350px;
}

#MainTools ul.numTools-8 {
  width: 400px;
}

#MainTools ul.numTools-9 {
  width: 450px;
}

#MainTools ul.numTools-10 {
  width: 500px;
}

#MainToolsMenu {
  background-color: rgba(255, 255, 255, 0.8);
}

#MainToolsMenu li :hover {
  background-color: rgb(195, 232, 244);
}

#MainToolsMenu .tool.active {
  background-color: rgb(195, 232, 244);
}

#MainToolsMenu .tool {
  border: none;
}

/* Measure Menu
#MeasureMenu {
    width: 180px;
    background-color: rgba(255, 255, 255, 0.9);
}

#MeasureMenu .tool{
    width: auto;
    position: relative;
    height: 48px;
    margin: 0 auto;
    line-height: 4;
    color: #666666;
    font-size: 12px;
}

#MeasureMenu  li{
    float: left;
    width: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.9);
}

#MeasureMenu  li:hover{
    background-color: rgba(195, 232, 244, 1);
}

#MeasureLinear-tool  span,
#MeasureAngular-tool span{
    float: left;
    margin-left: 14px;
    margin-top: 12px;
    padding: 2px 15px 2px 2px;
}
 */
/* Settings Menu */
#SettingsMenu,
#DeveloperMenu {
  width: 250px;
}

#SettingsMenu li,
#DeveloperMenu li {
  float: none;
  text-align: left;
}

#SelectionMenu li {
  float: left;
  width: auto;
  display: block;
}

#SelectionMenu {
  width: 210px;
  background-color: rgba(255, 255, 255, 0.9);
}

#SelectionMenu .settingsHeader {
  background-color: rgba(255, 255, 255, 0.9);
  border-top: solid 1px #C2C2C2;
  color: #999999;
  cursor: default;
  font-size: 12px;
  text-align: left;
  padding-left: 50px;
}

#SelectionMenu .defaultSelect {
  color: #666666;
  cursor: pointer;
  display: block;
  font-size: 12px;
  position: relative;
  padding: 15px 10px 10px 50px;
  height: 16px;
  width: auto;
  background: rgba(255, 255, 255, 0.9) url(../images/Toolbars/button_view_arrow@2x.png) no-repeat;
  background-size: 25px 25px;
  background-position: 10px 5px;
}

#SelectionMenu .defaultSelect:hover {
  background-color: rgb(195, 232, 244);
}

#SettingsMenuContrastPanel {
  background: rgba(255, 255, 255, 0.9);
  padding-left: 50px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
  text-align: left;
}

#SettingsMenuContrastPanel .ui-slider-horizontal {
  height: 0.3em;
}

#SettingsMenuContrastPanel .ui-slider .ui-slider-handle {
  width: 0.8em;
  height: 0.8em;
  border-radius: 8px;
}

.SettingsMenuContrastPanelSection {
  padding: 5px;
}

.SettingsMenuContrastPanelLabel {
  font-size: 11px;
  margin-bottom: 5px;
}

#SettingsMenu .settingsHeader {
  background-color: rgba(255, 255, 255, 0.9);
  border-top: solid 1px #C2C2C2;
  border-bottom: solid 1px #C2C2C2;
  color: #666666;
  cursor: default;
  font-size: 16px;
  text-align: left;
}

#SettingsMenu .settingsHeader:first-child {
  border-top: none;
}

#DeveloperMenu .settingsOption,
#DeveloperMenu .settingsOptionMenu,
#SettingsMenu .settingsOption,
#SettingsMenu .settingsOptionMenu {
  background-color: rgba(255, 255, 255, 0.9);
  color: #4675a8;
  cursor: pointer;
  display: block;
  font-size: 12px;
  position: relative;
  padding: 15px 10px 10px 10px;
  height: 16px;
}

#SelectionMenu .settingsOption {
  background-color: rgba(255, 255, 255, 0.9);
  color: #4675a8;
  cursor: pointer;
  display: block;
  font-size: 12px;
  position: relative;
  padding: 15px 10px 10px 10px;
  height: 16px;
  width: auto;
  float: none;
  text-align: left;
}

#DeveloperMenu .settingsOption:hover,
#DeveloperMenu .settingsOptionMenu:hover,
#SettingsMenu .settingsOption:hover,
#SettingsMenu .settingsOptionMenu:hover,
#SelectionMenu .settingsOption:hover {
  background-color: rgb(195, 232, 244);
}

#SettingsMenu .settingsOption .optionName,
#SettingsMenu .settingsOptionMenu .optionName {
  margin-left: 40px;
  font-size: 12px;
  float: left;
}

#SettingsMenu .settingsOption .optionValue {
  float: right;
  margin-right: 10px;
  font-size: 12px;
}

#DeveloperMenu .optionValue {
  display: none;
}

#DeveloperMenu .settingsOption .listOpenArrow,
#DeveloperMenu .settingsOptionMenu .listOpenArrow,
#SettingsMenu .settingsOption .listOpenArrow,
#SettingsMenu .settingsOptionMenu .listOpenArrow {
  border-left: 7px solid #666666;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  float: right;
}

#DeveloperMenu .settingsOption ul.selectList,
#DeveloperMenu .settingsOptionMenu > ul,
#SettingsMenu .settingsOption ul.selectList,
#SettingsMenu .settingsOptionMenu > ul {
  border: solid 1px #C2C2C2;
  display: none;
  position: absolute;
  left: 250px;
  top: -1px;
}

#DeveloperMenu .settingsOption ul.selectList li,
#DeveloperMenu .settingsOptionMenu li,
#SettingsMenu .settingsOption ul.selectList li,
#SettingsMenu .settingsOptionMenu li {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px;
  position: relative;
  height: 16px;
}

#DeveloperMenu .settingsOption ul.selectList .icon-unit_checkmark,
#SettingsMenu .settingsOption ul.selectList .icon-unit_checkmark,
#SolarAnalysisSettingsMenu .settingsOption ul.selectList .icon-unit_checkmark {
  position: absolute;
  top: 8px;
  left: 10px;
}

#SolarAnalysisSettingsMenu .settingsOption ul.selectList .valueDisplay {
  margin-left: 30px;
}

#DeveloperMenu .settingsOption ul.selectList .valueDisplay,
#SettingsMenu .settingsOption ul.selectList .valueDisplay {
  margin-left: 30px;
  font-size: 12px;
}

#DeveloperMenu .settingsOption ul.selectList li:hover,
#SettingsMenu .settingsOption ul.selectList li:hover,
#SolarAnalysisSettingsMenu .settingsOption ul.selectList li:hover {
  background-color: rgb(195, 232, 244);
}

#DeveloperMenu .settingsOption.open ul.selectList,
#DeveloperMenu .settingsOptionMenu.open > ul,
#SettingsMenu .settingsOption.open ul.selectList,
#SettingsMenu .settingsOptionMenu.open > ul,
#SolarAnalysisSettingsMenu .settingsOption.open ul.selectList,
#SolarAnalysisSettingsMenu .settingsOptionMenu.open > ul {
  display: block;
}

#DeveloperMenu .checkBoxOption .cbWrapper,
#SettingsMenu .checkBoxOption .cbWrapper,
#SolarAnalysisSettingsMenu .checkBoxOption .cbWrapper,
#SelectionMenu .checkBoxOption .cbWrapper {
  display: none;
  cursor: pointer;
}

#DeveloperMenu .checkBoxOption[ischecked=false] .icon,
#SettingsMenu .checkBoxOption[ischecked=false] .icon,
#SolarAnalysisSettingsMenu .checkBoxOption[ischecked=false] .icon,
#SelectionMenu .checkBoxOption[ischecked=false] .icon {
  display: none;
}

#DeveloperMenu .checkBoxOption .icon,
#SettingsMenu .checkBoxOption .icon,
#SolarAnalysisSettingsMenu .checkBoxOption .icon,
#SelectionMenu .checkBoxOption .icon {
  position: absolute;
  top: 8px;
  left: 15px;
}

#DeveloperMenu .checkBoxOption .inputWrapper,
#SettingsMenu .checkBoxOption .inputWrapper,
#SolarAnalysisSettingsMenu .checkBoxOption .inputWrapper,
#SelectionMenu .checkBoxOption .inputWrapper {
  margin-left: 40px;
}

#DeveloperMenu .checkBoxOption .inputWrapper label,
#SettingsMenu .checkBoxOption .inputWrapper label,
#SolarAnalysisSettingsMenu .checkBoxOption .inputWrapper label,
#SelectionMenu .checkBoxOption .inputWrapper label {
  cursor: pointer;
}

#DeveloperMenu #UnitSelection,
#SettingsMenu #UnitSelection {
  width: 150px;
}

#UnitSelection .selectList {
  white-space: nowrap;
}

#DeveloperMenu .settingsOptionMenu > ul,
#SettingsMenu .settingsOptionMenu > ul {
  width: 280px;
}

#ProjectBar #DeveloperMenu {
  right: -1px;
}

#EnergyAnalysisMenu {
  width: 250px;
  top: 49px;
}

#EnergyAnalysisMenu .energyAnalysisHeader {
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: solid 1px #C2C2C2;
  color: #666666;
  cursor: default;
  font-size: 16px;
  text-align: left;
}

#EnergyAnalysisMenu li {
  background-color: rgba(255, 255, 255, 0.9);
  color: #4675a8;
  cursor: pointer;
  display: block;
  font-size: 16px;
  position: relative;
  padding: 10px;
  height: 16px;
  width: 230px;
  text-align: left;
}

#EnergyAnalysisMenu li a {
  text-decoration: none;
}

#EnergyAnalysisMenu li:hover {
  background-color: rgb(195, 232, 244);
}

#EnergyAnalysisMenu li.disabled {
  background-color: rgba(255, 255, 255, 0.9);
  cursor: default;
}

#EnergyAnalysisMenu li.disabled a {
  color: #808080;
  cursor: default;
}

.menuHeader {
  background-color: rgba(255, 255, 255, 0.9);
  border-top: solid 1px #C2C2C2;
  border-bottom: solid 1px #C2C2C2;
  color: #666666;
  cursor: default;
  font-size: 16px;
  text-align: left;
}

#CollaborationSelection ul {
  width: 200px;
}

#BimDocs ul {
  width: 200px;
}

#EnvironmentSelection ul {
  width: 160px;
}

#CloudTypeSelection ul {
  width: 250px;
}

/* UndoRedoControls */
#UndoRedoControls {
  margin-top: 12px;
}

#UndoRedoControls li {
  float: left;
}

#UndoRedoControls .tool {
  background-repeat: no-repeat;
  float: left;
  height: 25px;
  position: relative; /* lame chrome bug http://stackoverflow.com/questions/12980153/image-moves-on-hover-chrome-opacity-issue */
  width: 25px;
  margin: 0 8px;
}

/* LoginControls */
#LoginControls .tool {
  background-repeat: no-repeat;
  float: right;
  height: 25px;
  width: 25px;
  background-position: 10px;
  padding: 11px 10px 10px 10px;
}

#LoginControls .avatar {
  display: none;
  width: 22px;
  height: 22px;
  border-radius: 15px;
  border: solid 2px #4675A8;
}

#LoginControls .hasAvatar {
  padding: 10px 10px 14px 10px;
}

#LoginControls .hasAvatar .avatar {
  display: block;
}

#LoginControls .hasAvatar:hover .avatar {
  border: solid 2px #FFFFFF;
}

#LoginControls .hasAvatar.active:hover .avatar {
  border: solid 2px #4675A8;
}

#LoginControls .hasAvatar .icon {
  display: none;
}

#UserDetailsMenu {
  width: 240px;
  background-color: #FFFFFF;
  padding: 10px;
}

#UserDetailsMenu .userName {
  width: 240px;
  white-space: nowrap;
  overflow: ellipsis;
  border-bottom: solid 1px #C2C2C2;
  padding-bottom: 5px;
}

#UserDetailsMenu .userField {
  overflow: ellipsis;
  margin: 10px 0 5px;
  font-weight: bold;
  font-size: 12px;
}

#UserDetailsMenu .userValue {
  width: 240px;
  white-space: nowrap;
  overflow: ellipsis;
  margin: 5px 0;
  font-size: 12px;
}

/* Information */
#Information-tool {
  float: left;
  margin-right: 20px;
  padding: 10px 10px 11px 10px;
}

#Information-tool.active {
  background: rgba(255, 255, 255, 0.9);
  border: solid 1px #C2C2C2;
}

#ProjectBar #Information-tool.active .menu {
  cursor: default;
  display: block;
  z-index: 100001;
}

#ProjectBar #InformationMenu {
  background-color: #FFFFFF;
  border: solid 1px #C2C2C2;
  display: none;
  position: absolute;
  top: 50px;
  right: 20px;
  width: 248px;
  left: auto;
}

#ProjectBar #InformationMenu:before {
  content: " ";
  width: 43px;
  border: solid 1px rgb(255, 255, 255);
  position: absolute;
  top: -1px;
  right: 0;
  left: auto;
}

#InformationMenu li {
  cursor: pointer;
  display: block;
  font-size: 16px;
  padding: 10px;
  padding-left: 50px;
  height: 16px;
}

#InformationMenu li a {
  text-decoration: none;
}

#InformationMenu li:hover {
  background-color: rgb(195, 232, 244);
}

/* About dialog / TOS dialog*/
#AboutDialog,
#TOSDialog,
#NewProjectDialog,
#SaveProjectAsDialog,
#ConfirmationDialog {
  width: 600px;
  max-height: 450px;
  margin: auto;
  z-index: 1001; /*just above ui block*/
}

#AboutDialog .body {
  margin-right: 0;
  max-height: 360px;
  padding-right: 20px;
}

#TOSDialog #TOSLabel {
  display: block;
  margin-left: 30px;
  margin-top: -18px;
}

#TOSDialog.hasError {
  width: 610px;
}

#AboutDialog p,
#GalleryDialog p,
#TOSDialog p,
#UnsavedChangesDialog p,
#ComfirmSignOutDialog p,
#ExitEditGroupModeDialog p {
  margin: 10px 0;
  margin-bottom: 20px;
}

#GbsTOSDialog {
  width: 550px;
}

#AboutDialog li {
  margin: 10px 0;
}

#AboutDialog .close {
  position: absolute;
  right: 20px;
}

#AboutDialog .buildInfo {
  overflow-y: scroll;
  max-height: 300px;
  white-space: pre-line;
}

#AboutDialog .close {
  position: absolute;
  right: 20px;
}

#AboutDialog label {
  font-size: 100%;
}

/* Journal dialog */
#JournalDialog {
  height: auto;
  width: auto;
  top: 60px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
}

#JournalDialog .inputWrapper {
  display: block;
  text-align: left;
  margin-bottom: 2px;
}

/* Connection Error Dialog */
#ConnectionErrorDialog {
  width: 300px;
  max-height: 450px;
  margin: auto;
  z-index: 1001; /*just above ui block*/
}

#ConnectionErrorDialog p {
  margin-bottom: 10px;
}

#UnsavedChangesDialog {
  width: max-content;
  max-height: 450px;
  margin: auto;
  z-index: 1001; /*just above ui block*/
}

/* Styles for unsaved dialog save buttons */
#UnsavedChangesDialog .body div:nth-child(2) button {
  padding: 15px 0px;
  height: auto;
  width: 185px;
}

/* Styles for unsaved dialog header warning icon */
#UnsavedChangesDialog .heading i.icon:first-child {
  position: absolute;
  top: 3px;
  left: 10px;
  transform: scale(0.5);
}

#UnsavedChangesDialog .heading {
  padding-left: 55px;
}

#ConfirmSignOutDialog {
  width: 350px;
  max-height: 450px;
  margin: auto;
  z-index: 1001; /*just above ui block*/
}

#ConfirmSignOutDialog p {
  margin-bottom: 20px;
}

#ExitEditGroupModeDialog {
  width: 312px;
  max-height: 450px;
  margin: auto;
  z-index: 1001; /*just above ui block*/
}

/* Context Menu */
#ContextMenuContainer {
  position: absolute;
  z-index: 2000;
  pointer-events: none;
}

#ContextMenuContainer svg {
  pointer-events: none;
  transform: rotate(-90deg);
}

#ContextMenuContainer svg path {
  pointer-events: visible;
  cursor: pointer;
}

#ContextMenuContainer li {
  pointer-events: auto;
}

#ContextMenuContainer ul {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#ContextMenuContainer li {
  position: absolute;
}

#ContextMenuContainer li.slot0 {
  top: 25px;
  left: 189px;
}

#ContextMenuContainer li.slot1 {
  top: 46px;
  left: 240px;
}

#ContextMenuContainer li.slot2 {
  top: 84px;
  left: 278px;
}

#ContextMenuContainer li.slot3 {
  top: 135px;
  left: 299px;
}

#ContextMenuContainer li.slot4 {
  top: 189px;
  left: 299px;
}

#ContextMenuContainer li.slot5 {
  top: 240px;
  left: 278px;
}

#ContextMenuContainer li.slot6 {
  top: 278px;
  left: 240px;
}

#ContextMenuContainer li.slot7 {
  top: 299px;
  left: 189px;
}

#ContextMenuContainer li.slot8 {
  top: 299px;
  left: 135px;
}

#ContextMenuContainer li.slot9 {
  top: 278px;
  left: 84px;
}

#ContextMenuContainer li.slot10 {
  top: 240px;
  left: 46px;
}

#ContextMenuContainer li.slot11 {
  top: 189px;
  left: 25px;
}

#ContextMenuContainer li.slot12 {
  top: 135px;
  left: 25px;
}

#ContextMenuContainer li.slot13 {
  top: 84px;
  left: 46px;
}

#ContextMenuContainer li.slot14 {
  top: 46px;
  left: 84px;
}

#ContextMenuContainer li.slot15 {
  top: 25px;
  left: 135px;
}

#ContextMenuContainer {
  position: absolute;
  pointer-events: none;
  width: 300px;
  height: 290px;
}

#ContextMenuContainer li {
  pointer-events: auto;
}

#ContextMenuContainer .tool {
  pointer-events: auto;
}

/*.contextMenu li .tool{
    border:solid black 1px;
    border-radius: 10px;
    height:48px;
    position:absolute;
    width:58px;
}*/
#ProjectNameContainer {
  margin-top: 5px;
}

#ProjectNameContainer .nameDisplay {
  color: #666666;
  display: inline-block;
  margin-top: 3px;
  font-size: 14px;
  min-width: 135px;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#ProjectNameContainer.disabled .nameDisplay {
  color: #999999;
}

#ProjectNameContainer .textInput {
  color: #666666;
  width: 192px;
  border: solid 1px #cccccc;
  font-size: 14px;
  padding: 3px;
  padding-bottom: 2px;
  margin-top: -2px;
}

#ProjectNameContainer .nameDisplay:hover {
  background-color: rgb(195, 232, 244);
}

#ProjectNameContainer.disabled .nameDisplay:hover {
  background-color: transparent;
}

/*Right Panel */
#RightPanel {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 50px;
  top: 50px;
  z-index: 1;
}

/*Will animate from right after opening*/
#RightPanel.open {
  right: -456px;
  /* width of the container holding all panels. width should allow for Materials and Content Library tiles to wrap with minimal wasted space. */
  width: 456px;
}

#RightPanel #PanelsModule {
  display: none;
}

#RightPanel.open #PanelsModule {
  display: block;
  margin-right: 50px;
}

#RightPanel #PanelsModule #LevelsPanel .instructions {
  display: block;
  font-style: italic;
  font-size: 14px;
  color: #999999;
  padding-left: 10px;
  padding-bottom: 10px;
}

#RightPanel .handle {
  cursor: pointer;
  position: absolute;
  top: 38%;
  left: -13px;
  z-index: 0;
}

#BrowseContainer,
#FamilyTypeSelect {
  position: absolute;
  /* the 'right:' value below should equal the width of the palettes */
  right: 456px;
  top: 191px;
  bottom: 40px;
  overflow: auto;
  width: 210px;
  background: #FFFFFF;
  z-index: 2;
  border: solid 1px #C2C2C2;
  border-right: 0;
  padding: 10px;
  min-height: 100px;
  max-height: 400px;
}

#FamilyTypeSelect {
  top: 212px;
  min-height: 100px;
  max-height: 190px;
}

#FamilyTypeSelect li {
  padding: 5px;
}

#FamilyTypeSelect a:hover {
  background: #c3e8f4;
  color: #4675A8;
}

#ContentLibrary .libraryTypeButtonBar {
  text-align: center;
  padding: 7px 0 3px 0;
}

#ContentLibrary .buttonBar li {
  background-color: F2F2F2;
  border: solid 1px #4675A8;
  cursor: pointer;
  display: inline;
  padding: 3px 22px 3px 22px;
  font-size: 12px;
}

#ContentLibrary .toolbar {
  display: flex;
  margin: 5px 0;
  padding: 10px 0;
  border-bottom: solid 1px #C2C2C2;
}

#ContentLibrary #sourceSelect {
  width: 100%;
  z-index: 200;
}

/*Essentially creates a drop zone for files*/
#ContentLibrary {
  bottom: 0px;
  left: 10px;
  right: 10px;
  display: block;
}

#ContentLibrary .panelscroll {
  position: absolute;
  top: 145px;
  bottom: 0px;
  height: auto;
  margin-bottom: 50px;
  width: 382px;
}

#ContentLibrary .bim360Scroll {
  position: absolute;
  left: 10px;
  top: 110px;
  bottom: 0px;
  height: auto;
  margin-bottom: 50px;
  width: 382px;
}

#ContentLibrary .toolbar .tool > span {
  margin-top: 0;
}

#ContentLibrary .bim-message {
  padding: 10px;
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
}

#ContentLibrary .selectList {
  height: inherit;
}

#ContentSourceDialog {
  width: 360px;
  height: 280px;
}

#ContentSourceDialog .modal-actions {
  display: flex;
  margin: 20px 0;
}

#ContentSourceDialog .formit-web-button {
  width: 50%;
}

#ContentSourceDialog .cancel {
  margin-left: 20px;
}

#ContentSourceDialog .modal-text {
  line-height: 1.2;
}

/* View Controls Nav Bar*/
#AppControls {
  position: absolute;
  left: -49px;
  top: 10px;
  width: 2.5em;
}

#AppControls .controls {
  background: rgba(245, 245, 245, 0.8);
}

#AppControls .controls .tool {
  padding: 5px;
}

#AppControls .controls + .controls {
  margin-top: 10px;
}

/* Edit Group and Solar Analysis */
body.isEditingInContext #GroupsOverlay,
body.isSelectingGroup #GroupsOverlay {
  display: block;
  right: 40px;
}

.isEditingInContext #FinishSelectionToolbarModule {
  top: 150px;
}

#GroupsOverlay,
#SolarAnalysisOverlay {
  display: none;
  border: solid 5px #FF8000;
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

#RightPanel.open + #GroupsOverlay {
  right: 456px;
}

#SolarAnalysisMenu {
  width: 250px;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 5px;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  border: solid 1px #C2C2C2;
  top: 60px;
  left: 10px;
}

#SolarAnalysisMenu .icon {
  margin-right: 8px;
}

#EditGroupMenu,
#FinishSelectionToolbarModule {
  position: absolute;
  top: 60px;
  left: 10px;
}

#EditGroupMenu1,
#EditGroupMenu2,
#FinishSelectionToolbarModule1,
#FinishSelectionToolbarModule2 {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 8px;
  padding-bottom: 5px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #c2c2c2;
  color: #666666;
  font-size: 12px;
}

#EditGroupMenu1,
#FinishSelectionToolbarModule1 {
  height: 30px;
  padding-right: 10px;
}

#SolarAnalysisMenu li {
  float: left;
  margin: 0 5px;
  display: inline;
  list-style-type: none;
}

#EditGroupMenu .dividerRight {
  padding-right: 10px;
  border-right: solid 1px #C2C2C2;
}

#SolarAnalysisMenu .dividerRight {
  padding-right: 2px;
  border-right: solid 1px #C2C2C2;
}

#SolarAnalysisMenu .dividerLeft {
  padding-left: 10px;
  border-left: solid 1px #C2C2C2;
}

#SolarAnalysisStartButton {
  height: 27px;
  width: 90px;
  font-weight: lighter;
  background-color: #4675A8;
  color: #FFFFFF;
}

#SolarAnalysisResetButton {
  height: 27px;
  width: 50px;
  padding: 0px;
  font-weight: lighter;
  margin: 0 10px 0 10px;
  background-color: white;
  color: #4675A8;
}

#SolarAnalysisMenu button.disable {
  background-color: #eeeeee;
  color: #bbbbbb;
}

#SolarAnalysisTool-tool {
  top: -5px;
}

#SolarAnalysisCancelLink {
  display: inline;
  font-size: 12px;
  position: relative;
  top: -5px;
  text-decoration: none;
}

#SAProgressBar {
  width: 90px;
  height: 12px;
  display: block;
  margin: -2px 0 0 150px;
  color: transparent;
  border: solid 1px #CCCCCC;
  border-radius: 100px;
}

#SAProgressBar::-webkit-progress-bar {
  background: white;
  border-radius: 100px;
}

#SAProgressBar::-moz-progress-bar {
  border-radius: 100px;
  background-color: #FF8000;
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

#SAProgressBar::-webkit-progress-value {
  background: #FF8000;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  border-radius: 100px;
}

/*Solar Analysis Settings menu */
#SolarAnalysisSettingsMenu {
  padding-left: 5px;
  padding-right: 13px;
  padding-top: 8px;
  padding-bottom: 4px;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  border: solid 1px #C2C2C2;
  top: 110px;
  left: 10px;
  width: 248px;
  float: left;
  list-style-type: none;
  line-height: 17px;
}

#SolarAnalysisSettingsMenu .expanded {
  height: 60px;
}

#SolarAnalysisSettingsMenu .collapsed {
  height: 26px;
}

#SolarAnalysisSettingsMenu .optionDescription {
  font-size: 10px;
  padding-left: 40px;
}

#SolarAnalysisSettingsMenu .startMonth {
  font-size: 12px;
  float: right;
  padding-right: 5px;
}

#SolarAnalysisSettingsMenu .endMonth {
  font-size: 12px;
  float: right;
  padding-left: 5px;
}

#SolarAnalysisSettingsMenu .selectedMonth {
  display: inline;
  float: left;
  padding-right: 55px;
  font-size: 14px;
  margin-left: 5px;
  color: #666666;
}

#SolarAnalysisSettingsMenu .monthSettings {
  float: left;
  width: 245px;
  padding-bottom: 5px;
}

#SolarAnalysisSettingsMenu .divider {
  float: left;
  margin: 4px 0 10px 0;
  width: 247px;
  border-bottom: solid 1px #C2C2C2;
}

#SolarAnalysisSettingsMenu .optionName {
  color: #6F94BB;
}

#SolarAnalysisSettingsMenu .listOpenArrow {
  border-left: 7px solid #4675a8;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  float: right;
  margin-left: 7px;
  bottom: 0px;
  position: absolute;
  left: 230px;
}

#SolarAnalysisSettingsMenu .settingsOption,
#SolarAnalysisSettingsMenu .settingsOptionMenu {
  color: #4675a8;
  cursor: pointer;
  display: block;
  font-size: 14px;
  position: relative;
  height: 16px;
  width: 288px;
  float: left;
  padding-top: 3px;
  margin-bottom: 7px;
}

#SolarAnalysisSettingsMenu .settingsOption:hover {
  background-color: none;
}

#SolarAnalysisSettingsMenu .settingsOption .optionName,
#SolarAnalysisSettingsMenu .settingsOptionMenu .optionName {
  color: #666666;
  font-size: 14px;
  margin-left: 5px;
}

#SolarAnalysisSettingsMenu .settingsOption .optionValue {
  float: right;
  padding-right: 57px;
}

#SolarAnalysisSettingsMenu .settingsOption ul.selectList,
#SolarAnalysisSettingsMenu .settingsOptionMenu > ul {
  border: solid 1px #C2C2C2;
  display: none;
  position: absolute;
  left: 262px;
  top: -9px;
}

#SolarAnalysisSettingsMenu .settingsOption ul.selectList li,
#SolarAnalysisSettingsMenu .settingsOptionMenu li {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  position: relative;
  width: 190px;
}

#DateSlider:before {
  content: " ";
  width: 48px;
  border: solid 1px rgb(255, 255, 255);
  position: absolute;
  top: -19px;
  left: 0;
}

#SolarAnalysisSettingsMenu .ui-slider {
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 5px;
  top: 6px;
  width: 100px;
}

#SAHelperText {
  width: 242px;
  left: -1px;
  position: absolute;
  padding: 5px 14px 4px 10px;
  background: rgba(255, 255, 255, 0.8);
  border: solid 1px #c2c2c2;
  font-size: 12px;
  color: #666666;
}

#SolarAnalysisLegend {
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  border: solid 1px #C2C2C2;
  top: 90%;
  width: 276px;
  float: left;
  list-style-type: none;
  color: #666666;
  font-size: 12px;
}

.hasMonthSlider {
  top: 81px;
}

.noMonthSlider {
  top: 44px;
}

#SolarAnalysisLegend .graphTitle {
  display: inline;
  float: left;
  margin-top: 16px;
  font-weight: normal;
  font-size: 14px;
}

#SolarAnalysisLegend .monthUnit {
  font-size: 12px;
}

#SolarAnalysisLegend .yearUnit {
  font-size: 12px;
}

#SolarAnalysisLegend .label {
  display: inline;
  top: -20px;
  left: 70px;
  position: relative;
  margin-right: 70px;
  color: #FFFFFF;
  font-size: 12px;
}

#SolarAnalysisLegend .graph {
  background: linear-gradient(to right, blue, red, yellow);
  height: 25px;
  width: 200px;
  display: inline;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

#SolarAnalysisLegend .tick {
  float: left;
  border-left: solid 1px #FFFFFF;
  position: relative;
  top: -25px;
  left: 107px;
}

#SolarAnalysisLegend .left {
  left: 78px;
}

#SolarAnalysisLegend .center {
  left: 161px;
}

#SolarAnalysisLegend .right {
  left: 250px;
}

#SolarAnalysisLegend .bottom {
  top: -5px;
  height: 5px;
}

#SolarAnalysisLegend .location {
  font-size: 12px;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 272px;
  max-width: 272px;
}

#SolarAnalysisModeButton {
  width: 170px;
  height: 35px;
  margin: -8px 5px 0 0;
  float: right;
}

#SolarAnalysisModeButton div.proText {
  right: auto;
  left: 26px;
  top: 2px;
  position: absolute;
  font-size: 10px;
  font-weight: bold;
}

#SolarAnalysisModeButton span.icon {
  margin-left: 10px;
}

#SolarAnalysisModeButton span.text {
  display: inline-block;
  margin-top: 3px;
}

#SASetLocationDialog {
  width: 330px;
  top: 210px;
  margin-bottom: 5px;
}

#SASetLocationDialog p {
  margin-bottom: 20px;
}

#SASetLocationDialog .proceed {
  width: 120px;
}

#WeatherFileDialog .spinner {
  padding-left: 20px;
  top: 7px;
}

#WeatherFileDialog p {
  padding-left: 60px;
}

#EnergyAnalysisSetLocationDialog {
  width: 330px;
  top: 210px;
  margin-bottom: 5px;
}

#EnergyAnalysisSetLocationDialog p {
  margin-bottom: 20px;
}

/* Panels */
#PanelsModule {
  background-color: #FFFFFF;
  border-left: solid 1px #C2C2C2;
  height: 100%;
}

#PanelsModule .tool > span {
  margin-top: 7px;
}

#PanelTools {
  background-color: rgba(242, 242, 242, 0.8);
  border-left: solid 1px #C2C2C2;
  position: absolute;
  z-index: 2;
  right: 0px;
  width: 50px;
  bottom: 0;
  top: 50px;
  overflow-y: auto;
  overflow-x: hidden;
}

#PanelTools::-webkit-scrollbar {
  width: 0.3em;
}

#PanelTools::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#PanelTools::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

#PanelTools .tool {
  height: 50px;
  width: 50px;
}

#PanelTools .tool.active:before {
  content: " ";
  border-left: solid 1px #FFFFFF;
  height: 50px;
  top: 0;
  left: -1px;
  position: absolute;
}

#PanelTools .tool > span {
  margin-top: 12px;
}

#PanelTools .tool > .proText {
  margin-top: 12px;
}

#PanelsModule .panelContainer {
  background-color: #FFFFFF;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  padding: 0px;
}

#PanelsModule .panelContainer div.panel {
  width: 382px;
}

#PanelsModule .panelTitle {
  padding-left: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  /*border-bottom:solid 1px #C2C2C2;*/
  color: #666666;
  text-align: center;
  font-size: 18px;
}

#PanelsModule .propertyHeading {
  color: #666666;
  font-size: 13px;
}

/* Materials */
#MaterialsPanel .panelTitle {
  padding-left: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  /*border-bottom:solid 1px #C2C2C2;*/
  color: #666666;
}

#MaterialsPanel .buttonBar li {
  background-color: F2F2F2;
  border: solid 1px #4675A8;
  cursor: pointer;
  display: inline;
  padding: 3px 22px 3px 22px;
  font-size: 12px;
}

#MaterialsPanel .materialTypeButtonBar {
  text-align: center;
  padding: 7px 0 3px 0;
}

#MaterialsPanel .materialsContainer {
  clear: both;
}

#MaterialsPanel .materialsContainer.panelscroll {
  position: absolute;
  top: 154px;
  bottom: 0px;
  width: 382px;
  height: auto;
  margin-bottom: 50px;
}

#MaterialsPanel .material {
  border: solid 1px #4675A8;
  cursor: pointer;
  height: 110px;
  width: 110px;
  float: left;
  margin: 4px;
  overflow: hidden;
  position: relative;
}

#MaterialsPanel .material.active:after {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-box-shadow: inset 0 0 15px #ffffff;
  -moz-box-shadow: inset 0 0 15px #ffffff;
  box-shadow: inset 0 0 15px #ffffff;
}

#MaterialsPanel .material img {
  height: 110px;
  width: 110px;
}

#MaterialsPanel .material .defaultMaterial {
  height: 90px;
  width: 90px;
}

#MaterialsPanel .material:hover {
  box-shadow: 0 0 15px #4675A8;
  cursor: url(../images/cursors/edit_paintbrush.png) 2 19, default;
}

#MaterialsPanel .material img.blend {
  opacity: 0.4;
}

#MaterialsPanel .material:hover .materialName {
  color: white;
  background-color: #4675A8;
}

#MaterialsPanel .material .materialName {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #4675A8;
  display: none;
  font-size: 12px;
  text-align: center;
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 7px 2px 7px 4px;
}

#MaterialsPanel .materialName.hasName {
  display: block;
}

#MaterialsPanel .material.materialSelected {
  outline: 3px solid rgb(0, 180, 255);
  outline-offset: -3px;
}

#ImportMaterialConfirmButton {
  width: 110px;
}

.textureControl .materialTools,
.material .materialTools,
.imagePicker .materialTools {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  z-index: 1;
}

.textureControl:hover .materialTools,
.material:hover .materialTools {
  display: block;
  height: 30px;
  padding-top: 5px;
}

.imagePicker.hasBitmap .imagePickerLabelText {
  display: none;
}

.imagePicker.hasBitmap:hover .materialTools {
  display: block;
  height: 30px;
  padding-top: 5px;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
}

.imagePicker .imagePickerLabelText .outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}

.imagePicker .imagePickerLabelText .middle {
  display: table-cell;
  vertical-align: middle;
}

.imagePicker .imagePickerLabelText .inner {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  font-style: italic;
}

.colorControl .outer {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
}

.colorControl:hover .outer {
  display: table;
}

.colorControl .middle {
  display: table-cell;
  vertical-align: middle;
}

.colorControl .inner {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  font-style: italic;
}

.material .materialTools li {
  float: left;
  padding: 1px;
}

.textureControl .materialTools li,
.imagePicker .materialTools li {
  float: right;
  padding: 1px;
}

#MaterialsPanel .material .materialTools .tool {
  height: 20px;
  width: 20px;
}

#MaterialsPanel .material .materialTools .tool > span {
  margin-top: 0;
}

.materialHistoryGroup .header {
  font-size: 12px;
  margin: 9px 50px 5px 0;
  cursor: default;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.materialHistoryGroup .headerContainer {
  cursor: default;
  background-color: #E3E7F2;
  border: solid 1px #A7BFD3;
  height: 30px;
  width: 217px;
  margin-bottom: 5px;
}

.materialHistoryGroup .headerContainer:hover {
  cursor: default;
  background-color: rgb(195, 232, 244);
  border: solid 1px #cccccc;
}

.materialHistoryGroup .highlightInstances {
  display: none;
  margin-right: 5px;
  margin-top: 4px;
  float: right;
}

#MaterialsPanel .materialHistoryGroup .highlightInstances span.icon {
  margin-top: 0px;
}

.materialHistoryGroup .headerContainer:hover .highlightInstances {
  display: block;
}

.materialHistoryGroup .editingHistory {
  background-color: #E3E7F2;
  border: solid 1px rgb(255, 128, 0);
}

.materialHistoryGroup.open .content {
  display: inline-block;
  border-top: none;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  overflow-y: auto;
  max-height: 270px;
  width: 217px;
  background-color: #ffffff;
  margin-top: -5px;
}

.materialHistoryGroup .content {
  display: none;
}

.materialHistoryGroup.open .arrow {
  width: 0;
  height: 0;
  border-top: 7px solid black;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin: 13px 6px 0 5px;
}

.materialHistoryGroup .arrow {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid black;
  margin: 10px 8px 0 8px;
}

/*Material Text Input */
#MaterialsPanel .material .materialNameContainer {
  bottom: -1px;
  position: absolute;
  left: 0px;
  overflow: hidden;
  right: 0px;
  white-space: nowrap;
}

#MaterialsPanel .material .materialNameContainer.materialSelected {
  bottom: 2px !important;
  left: 2px !important;
  right: 2px !important;
}

.materialNameContainer .textInput {
  border: none;
  text-align: center;
  width: 87%;
  background-color: rgba(255, 255, 255, 0.8);
  color: #4675A8;
  font-size: 12px;
  padding-right: 10px;
  padding-left: 5px;
}

.materialNameContainer .textInput.editing {
  border: 1px solid darkgray !important;
}

/* BPA Panel */
#BPAPanel input {
  width: 165px;
  text-align: left;
  border-radius: 3px;
  font-size: 14px;
  color: #666666;
  padding-left: 3px;
  margin-top: 5px;
  margin-left: 14px;
}

#BPAPanel label {
  color: #666666;
}

#BuildingTypeSelection {
  position: relative;
}

/*TODO move this somewhere generic*/
#BuildingTypeSelection .openButton {
  width: 192px;
  border: solid 1px #4675A8;
  padding: 2px 10px;
}

#BuildingTypeSelection .openButton span {
  display: block;
  width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#BuildingTypeSelection .openButton .ddArrow {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #666666;
  position: absolute;
  right: 10px;
  top: 7px;
}

#BuildingTypeSelection .selectList {
  display: none;
  background-color: #FFFFFF;
  border: solid 1px #666666;
  height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 212px;
  position: absolute;
  top: 21px;
  z-index: 2;
}

#BuildingTypeSelection .selectList li:hover {
  background-color: rgb(195, 232, 244);
  cursor: pointer;
  font-size: 14px;
  color: #666666;
}

#BuildingTypeSelection .selectList.open {
  display: block;
}

#BuildingTypeSelection .icon-unit_checkmark {
  position: absolute;
  top: 2px;
  left: 5px;
}

#BuildingTypeSelection .valueDisplay {
  float: left;
  margin-left: 35px;
  margin-top: 5px;
  margin-bottom: 0px;
  width: 175px;
  min-height: 20px;
}

#GrossAreaGraph .bounds {
  border: solid 1px #b2b2b2;
  height: 23px;
}

#GrossAreaGraph .fill {
  background-color: orange;
  height: 23px;
  position: absolute;
  top: 1px;
  left: 1px;
}

#GrossAreaGraph .fill.exceeded {
  background-color: red;
}

#GrossAreaGraph #GrossAreaCurrent {
  position: absolute;
  top: 6px;
  left: 19px;
  font-size: 14px;
}

#GrossAreaGraph #GrossAreaTargetContainer {
  float: right;
}

#BPAGraphContainer {
  width: 230px;
  height: 100px;
}

#BPAGraphContainer .spinner {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  margin: auto auto;
  z-index: 2 !important;
}

/* Project List */
#ProjectList {
  position: absolute;
  top: 100px;
}

#UserAwareness li {
  background-image: url("/images/Sketch/button_signout.png");
  background-repeat: no-repeat;
  background-position: 10px;
  float: right;
  height: 25px;
  width: 25px;
  padding: 10px;
}

/*Gallery Dialog*/
#GalleryDialog {
  margin: auto;
  max-width: 865px;
  max-height: 750px;
  position: absolute;
  top: 20px;
  left: 100px;
  right: 100px;
  bottom: 40px;
  z-index: 1001;
}

#GalleryDialog .heading {
  padding-bottom: 10px;
  padding-top: 15px;
}

#GalleryDialog .heading .syncMessage {
  text-align: center;
  width: 200px;
}

#GalleryDialog .body {
  margin-right: 0;
  padding-right: 20px;
}

#GalleryDialog .body.scroll {
  overflow: hidden;
  position: absolute;
  top: 50px;
  bottom: 0;
  margin-left: 9px;
  padding-top: 10px;
  overflow-y: auto;
}

#GalleryDialog .tool {
  background-repeat: no-repeat;
  float: right;
  height: 10px;
  width: 25px;
  background-position: 10px;
  vertical-align: top;
  padding-top: 0px;
  padding-bottom: 15px;
}

#GalleryDialog .floatright {
  padding-left: 12px;
}

#GalleryThumbnailImg {
  width: 100%;
  height: 94.5%;
  float: left;
}

#GalleryDialog .projectLink .spinner {
  top: 65px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin: auto;
  height: 172px;
  width: 170px;
  position: absolute;
}

#GalleryDialog .projectLink {
  background-color: F2F2F2;
  border-radius: 0px;
  border: solid #cccccc 1px;
  box-shadow: 0 0 4px #cccccc;
  margin: 6px;
  min-width: 170px;
  max-width: 170px;
  height: 180px;
}

#GalleryDialog .projectLink .thumbnail {
  width: 168px;
  border: solid #cccccc 1px;
  margin-bottom: 20px;
  max-height: 168px;
  max-width: 170px;
}

#GalleryDialog .projectLink .projectName {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  min-width: 160px;
  max-width: 160px;
  margin-left: 5px;
  margin-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#GalleryDialog .projectLink:hover {
  box-shadow: 0 0 15px #4675A8;
  cursor: pointer;
}

#GalleryDialog ul {
  color: #666666;
  font-size: 12px;
}

#GalleryDialog .content li > span {
  white-space: nowrap;
}

#GalleryDialog .radioButtonContainer {
  float: left;
}

#GalleryDialog .radioButtonContainer label {
  display: block;
  color: #666666;
  font-size: 14px;
  margin-left: 47px;
}

/* Gallery Tool and Menu */
#ProjectBar #Gallery-tool {
  float: left;
  padding: 12px 10px 10px 10px;
  border: solid 1px #F2F2F2;
  height: 26px;
}

#ProjectBar #Gallery-tool.active {
  background: rgba(255, 255, 255, 0.9);
  border: solid 1px #C2C2C2;
  border-bottom: none;
  padding: 12px 10px 10px 10px;
}

#ProjectBar #Gallery-tool.active .menu {
  cursor: default;
  display: block;
  z-index: 10;
}

#ProjectBar #GalleryMenu {
  display: none;
  position: absolute;
  top: 49px;
  left: 60px;
  border: solid 1px #C2C2C2;
}

#ProjectBar #GalleryMenu .optionMenu {
  width: 430px;
  border: none;
}

#ProjectBar #GalleryMenu .optionMenu .optionMenu {
  width: 210px;
  border: solid 1px #C2C2C2;
  border-left: none;
}

#ProjectBar #GalleryMenu .optionMenu .optionMenu {
  left: 430px;
}

#ProjectBar #GalleryMenu .optionMenu .optionMenu .optionMenu {
  left: 200px;
}

#ProjectBar #GalleryMenu:before {
  content: " ";
  width: 43px;
  border: solid 1px rgb(255, 255, 255);
  position: absolute;
  top: -1px;
  left: 0;
}

#ProjectBar #GalleryMenu li {
  cursor: pointer;
  display: grid;
  grid-template-areas: "text";
  grid-template-columns: auto;
  align-items: center;
  font-size: 16px;
  padding: 10px;
  padding-left: 54px;
  height: 16px;
}

#ProjectBar #GalleryMenu li.disabled {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

#ProjectBar #GalleryMenu li.hasIcon {
  grid-template-areas: "icon text";
  grid-template-columns: 20px auto;
  column-gap: 20px;
  padding-left: 15px;
}

#ProjectBar #GalleryMenu li.hasIcon > div.optionMenuIcon {
  grid-area: icon;
}

#ProjectBar #GalleryMenu li > span {
  grid-area: text;
}

#ProjectBar #GalleryMenu li > div.listOpenArrow {
  grid-area: text;
  justify-self: end;
}

#ProjectBar #GalleryMenu li a {
  text-decoration: none;
}

#ProjectBar #GalleryMenu li:hover {
  background-color: rgb(195, 232, 244);
}

/* New Project Dialog*/
/* Save Project As Dialog*/
/* Replace Project Dialog */
#NewProjectDialog,
#ConfirmationDialog {
  width: 280px;
}

#SaveProjectAsDialog {
  width: 340px;
}

#NewProjectDialog .textInput,
#SaveProjectAsDialog .textInput {
  display: inline-block;
  width: 230px;
  text-align: left;
  border-radius: 3px;
  font-size: 16px;
  font-weight: bold;
  padding: 3px;
  margin-bottom: 20px;
}

#SaveProjectAsDialog label {
  display: inline-block;
  color: #666666;
  font-size: 16px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 20px;
}

#NewProjectDialog label {
  display: block;
  color: #666666;
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#ConfirmationDialog p {
  padding-bottom: 20px;
}

#SaveProjectAsDialog #ProjectNameInput {
  float: left;
}

#SaveProjectAsDialog #ProjectNameInput .textInput {
  width: 190px;
}

#SaveProjectAsDialog .thumbnailImport {
  float: left;
  margin-left: 10px;
  width: 25px;
  height: 25px;
}

#SaveProjectAsDialog .thumbnailImport.hasCustomPreview {
  background-size: cover;
  background-repeat: no-repeat;
}

/* Array Dialog */
#ArrayDialog {
  position: absolute;
  width: 280px;
}

#ArrayDialog .radioButtonContainer {
  border-bottom: solid 1px #C2C2C2;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

#ArrayDialog .radioButtonContainer label {
  display: block;
  color: #666666;
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 7px;
}

#ArrayDialog #NumCopies {
  padding-bottom: 20px;
  padding-top: 15px;
}

#ArrayDialog #NumCopies label {
  text-align: left;
  color: #666666;
  font-size: 16px;
  padding: 10px 0;
  padding-bottom: 10px;
}

#ArrayDialog #NumCopies .textInput {
  display: inline-block;
  width: 80px;
  text-align: left;
  border-radius: 3px;
  font-size: 16px;
  font-weight: bold;
  padding: 3px;
}

#ArrayDialog #NumCopies .incDecButtonBar {
  display: inline;
  font-size: 18px;
  padding-left: 10px;
  margin-top: 5px;
}

#ArrayDialog #NumCopies .incDecButtonBar li {
  padding: 0 10px;
}

/* slightly different behavior for the +/- controls */
#ArrayDialog #NumCopies .incDecButtonBar li.active {
  background-color: #F2F2F2;
}

#ArrayDialog #NumCopies .incDecButtonBar li.active a {
  color: #4675A8;
}

#ArrayDialog #NumCopies .incDecButtonBar li.active:hover {
  background-color: #4675A8;
}

#ArrayDialog #NumCopies .incDecButtonBar li.active:hover a {
  color: #F2F2F2;
}

/* Set Length Dialog*/
#DimensionEditor #DimensionInput {
  padding-bottom: 15px;
}

#DimensionEditor #DimensionInput .textInput,
#ToolsOptionEditor .textInput {
  display: block;
  width: 200px;
  text-align: left;
  border-radius: 3px;
  font-size: 16px;
  font-weight: bold;
  padding: 3px;
}

#ToolsOptionEditor input {
  margin-bottom: 15px;
}

#ToolsOptionEditor .inputWrapper {
  margin-bottom: 15px;
  display: block;
}

#ToolsOptionEditor .openButton {
  width: 192px;
  border: solid 1px #4675A8;
  padding: 2px 10px;
  margin-bottom: 15px;
}

/* Keyboard Shortcuts Dialog*/
#KeyboardShortcutsDialog {
  width: 500px;
  max-height: 450px;
  margin: auto;
  z-index: 1001; /*just above ui block*/
}

#KeyboardShortcutsDialog .body {
  margin-right: 0;
  max-height: 360px;
  padding-right: 20px;
}

#KeyboardShortcutsDialog p {
  font-weight: bold;
  padding-bottom: 10px;
}

#KeyboardShortcutsDialog table {
  table-layout: fixed;
  margin-left: 5px;
  line-height: 20px;
}

/* Dialog Stack*/
#DialogStack {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

#DialogStack .dialog {
  display: none !important;
}

#DialogStack .dialog:first-child {
  display: block !important;
  pointer-events: all;
}

/* Getting Started Dialog*/
#GettingStartedDialog {
  border: none;
  background-color: #FFFFFF;
  max-width: 1200px;
}

#GettingStartedDialog .body {
  margin: 0;
}

#GettingStartedDialog .linksContainer {
  background-color: #FFFFFF;
  font-size: 12px;
}

#GettingStartedDialog .linksContainer a {
  margin-left: 20px;
}

/* #GettingStartedDialog .proContainer {
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 30px;
    width: 300px;
    color: rgba(100,100,100,1);
    background-color: rgba(255,255,255,.7);
    margin: 30px;
}

#GettingStartedDialog .proContainer button{
    font-size: 14px;
} */
/* Survey Dialog*/
#SurveyDialog {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 410px;
  height: 180px;
  margin: auto;
}

#SurveyDialog img {
  height: 63px;
  width: 70px;
  float: left;
}

#SurveyDialog .surveyLinkContainer {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  float: left;
  width: 300px;
  height: 70px;
  margin-top: 10px;
}

#SurveyDialog a {
  display: block;
}

/* Trial Dialog*/
#TrialDialog button {
  width: auto;
  padding: 0 10px;
  margin: 5px;
}

#TrialDialog p {
  padding-top: 25px;
}

#TrialDialog #reminder {
  padding-top: 20px;
}

#TrialDialog #name {
  padding-top: 10px;
  font-size: 12px;
}

#TrialDialog .horizontalCenter {
  border-top: solid 1px #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Location dialog */
#LocationModule,
.appFrame {
  background-color: rgb(220, 223, 229);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}

#LocationModule iframe {
  width: 100%;
  height: 100%;
}

#LocationRightPanel,
.appRightPanel {
  background-color: white;
  width: 190px;
  height: 100%;
  border-left: solid 1px #CCCCCC;
  padding: 10px;
}

#LocationRightPanel .panelTitle,
.appRightPanel .panelTitle {
  padding-left: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: solid 1px #C2C2C2;
  color: #666666;
  text-align: center;
  font-size: 18px;
}

#GetWeatherButton {
  position: absolute;
  top: 20px;
  right: 22px;
}

/* Text on y-axis of right panel weather chart */
.highcharts-yaxis-labels text {
  text-anchor: middle;
}

.locationHeadingBar {
  height: 30px;
  background-color: white;
  border-bottom: solid 1px #999999;
  padding: 5px 10px;
}

.locationHeadingBar button {
  width: auto;
  padding: 5px 10px;
}

.locationPanelInfo .icon {
  margin: 0 10px;
}

.locationPanelInfo .icon.icon-location_marker {
  margin-left: 15px;
}

.locationPanelInfo .infoMessage {
  font-size: 13px;
  margin: 20px 5px 20px 45px;
}

.locationPanelInfo .weatherStationIcon {
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
  background-image: url(../images/weather_station_pin_selected.png);
}

.locationWrapper, .appContent {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 1px solid #CCCCCC;
  background-color: white;
  box-shadow: 0 0 5px #333333;
}

.mapImportWrapper {
  position: absolute;
  top: 91px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(200, 200, 200, 0.8);
}

.mapImport {
  border: dashed 1px black;
  margin: auto;
  position: absolute !important; /*necessary because google maps adds inline style of position:relative*/
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#mapImportButton {
  float: right;
  color: white;
  background-color: #4675a8;
  width: 140px;
}

#geolocationButton {
  float: left;
  width: 160px;
}

/* Sun Settings */
#SunShadowMenu {
  background-color: rgba(255, 255, 255, 0.9);
  cursor: default;
  padding: 15px 0 10px 10px;
  text-align: left;
  height: 23px;
  width: 750px;
}

#MainTools #SunShadowMenu {
  left: -210px;
}

#MainTools #SunShadowMenu:before {
  content: " ";
  width: 48px;
  border: solid 1px rgb(255, 255, 255);
  position: absolute;
  top: -2px;
  left: 209px;
}

#SunShadowMenu a {
  text-decoration: none;
}

#SunShadowMenu .ui-slider {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 0.3em;
  margin: 0 10px;
  top: 6px;
  width: 100px;
}

#SunShadowMenu .ui-slider-handle,
#SolarAnalysisSettingsMenu .ui-slider-handle {
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  border-top-right-radius: 11px;
  border-top-left-radius: 11px;
  cursor: pointer;
  top: -0.5em;
}

#SunShadowMenu .seperator {
  height: 20px;
  float: left;
}

#SunShadowMenu .tool {
  margin: 2px 0 0 10px;
  height: 16px;
  width: 25px;
}

#SunShadowMenu .tool > span {
  margin-left: 2px;
  margin-top: -5px;
  padding: 2px;
}

#DateMenu {
  background-color: rgba(255, 255, 255, 0.9);
  border: solid 1px #C2C2C2;
  border-top: none;
  display: none;
  position: absolute;
  top: 40px;
  left: 106px;
  width: 237px;
}

#TimeMenu {
  background-color: rgba(255, 255, 255, 0.9);
  border: solid 1px #C2C2C2;
  border-top: none;
  display: none;
  padding: 10px;
  position: absolute;
  top: 48px;
  left: 294px;
  width: 186px;
  font-size: 14px;
}

#DateMenu.open,
#TimeMenu.open {
  display: block;
}

#DateLinks a {
  display: block;
  font-size: 14px;
  padding: 10px;
}

#DateLinks a:hover {
  background-color: rgb(195, 232, 244);
}

#DatePicker .ui-datepicker {
  background: none;
  border: none;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

#DatePicker.prevDisabled .ui-datepicker-prev,
#DatePicker.nextDisabled .ui-datepicker-next {
  display: none;
}

#DatePicker .ui-datepicker-prev,
#DatePicker .ui-datepicker-next {
  cursor: pointer;
}

#DatePicker .ui-datepicker {
  width: 230px;
}

#DatePicker .ui-datepicker-year {
  display: none;
}

#SunDateLink {
  display: inline-block;
  width: 55px;
  margin: 2px 0 0 10px;
  font-size: 14px;
}

#SunTimeLink {
  display: inline-block;
  width: 70px;
  margin: 2px 0 0 10px;
  font-size: 14px;
}

#SolarAnalysisLink {
  display: inline-block;
  width: 102px;
  margin: 2px 0 0 10px;
}

/*ProFeatures menu UI */
#ProFeatures-tool {
  padding: 10px 10px 12px 10px;
}

#ProFeatures .menu {
  background-color: #FFFFFF;
  width: 300px;
}

#ProFeatures .featureContainer {
  padding: 10px 10px 10px 15px;
  background-color: #eee;
}

#ProFeatures .proTitle {
  font-size: 14px;
  border-bottom: solid 1px #cccccc;
}

#ProFeatures ul {
  border-bottom: solid 1px #CCCCCC;
}

#ProFeatures .feature {
  cursor: pointer;
}

#ProFeatures .featureText {
  font-size: 12px;
  width: 225px;
  margin-left: 40px;
}

#ProFeatures .title {
  color: #4675A8;
  padding: 5px 0 5px 0;
  font-size: 16px;
}

#ProFeatures .trialUserContainer,
#ProFeatures .expiredTrialUserContainer,
#ProFeatures .freeUserContainer,
#ProFeatures .genericPurchaseContainer {
  font-size: 11px;
}

#ProFeatures .trialUserContainer button {
  font-size: 14px;
}

#ProFeatures .freeUserContainer button {
  font-size: 11px;
  padding: 0px;
}

#ProFeatures .arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 100%;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #CAD5E0;
  border-style: solid;
  border-width: 17px;
}

#ProFeatures .arrow:before {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: 100%;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #f00;
  border-style: solid;
  border-width: 12px;
}

/* Collaboration specific styles*/
#CollaborationPanel {
  width: 100%;
}

#CollaborationLinkDialog {
  width: 560px;
  height: 315px;
}

#CollaborationLinkDialog input {
  width: 100%;
  margin: 20px 0;
  font-size: 14px;
  background-color: #ffffff;
  padding: 5px 0 5px 5px;
}

#CollaborationLinkDialog #CollaborationSessionInput {
  width: 100px;
}

#CollaborationSessionEndedDialog {
  width: 400px;
  height: 190px;
}

#CollaborationSessionErrorDialog {
  width: 400px;
  height: 220px;
}

#CollaborationFollowCameraEndedDialog {
  width: 400px;
  height: 220px;
}

#CollaborationLeaveSessionConfirmationDialog {
  width: 400px;
  height: 193px;
}

#CollaborationEndSessionConfirmationDialog {
  width: 400px;
  height: 190px;
}

#CollaborationEndSessionConfirmationDialog .proceed {
  width: 120px;
}

#CollaborationMenu {
  background-color: #FFFFFF;
  width: 225px;
}

#CollaborationLoadingDialog {
  width: 400px;
  height: 300px;
}

#CollaborationInvitationDialog {
  width: 600px;
  height: 165px;
}

#CollaborationInvitationDialog p.shimLargeTop.shimLargeBottom {
  margin-bottom: 30px;
}

#CollaborationJoinDialog {
  width: 500px;
  height: 205px;
}

#CollaborationJoinDialog input {
  width: 100%;
  margin: 20px 0;
  font-size: 14px;
  padding: 5px 0 5px 5px;
}

/* User Awareness*/
#UserAwarenessModule {
  width: 200px;
  margin-top: 10px;
  clear: both;
}

#UserAwarenessModule > li {
  position: relative;
  padding: 5px;
}

#UserAwarenessModule > li.isSelf {
  border: solid 1px red;
}

#UserAwarenessModule .userAvatar {
  padding: 0px 5px 11px 5px;
  border: 1px solid #F2F2F2;
  border-bottom: none;
}

#UserAwarenessModule .userAvatar:hover {
  background-color: #ffffff;
  border: 1px solid #c2c2c2;
  border-bottom: none;
  padding: 0px 5px 11px 5px;
  z-index: 4;
  transition: background-color 0.2s;
}

#UserAwarenessModule .userName {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 10px 0px 10px;
  font-size: 14px;
  word-break: break-all;
  white-space: nowrap;
}

#UserAwarenessModule li:hover .name {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s;
}

#UserAwarenessModule li .name {
  border: 1px solid #c2c2c2;
  border-top: none;
  background-color: #FFFFFF;
  visibility: hidden;
  padding: 0px;
  position: absolute;
  top: 45px;
  left: auto;
  right: -1px;
  z-index: 2;
  padding-top: 10px;
  opacity: 0;
  transition: opacity 0.2s;
}

#UserAwarenessModule .userMenuItem {
  width: 150px;
}

.bigAvatar {
  width: 140px;
  height: 140px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.SmallAvatar {
  border-radius: 50%;
  height: 24px;
  width: 24px;
}

#UserAwarenessModule li.guest:after {
  content: "?";
  color: #FFFFFF;
  font-weight: bold;
  position: absolute;
  top: 12px;
  left: 15px;
}

#UserAwarenessModule .linkList li {
  padding: 5px;
}

#UserAwarenessModule .unlockOverlay {
  position: absolute;
  top: 5px;
  left: 6px;
  color: red;
  font-size: 16px;
  font-weight: bold;
}

/* Image Properties panel */
#PropertiesPanel {
  padding-bottom: 20px;
}

#PropertiesPanel label {
  text-align: left;
  color: #666666;
  display: block;
  font-size: 14px;
  padding-left: 14px;
  padding-bottom: 7px;
  padding-top: 10px;
}

#ImageProperties label {
  display: inline-block;
  text-align: left;
  color: #666666;
  font-size: 14px;
  padding-top: 10px;
  padding-left: 3px;
}

#PropertiesPanel .editLink {
  text-decoration: none;
  font-size: 14px;
  font-style: italic;
}

#PropertiesPanel #ImageProperties .textInput {
  display: inline-block;
  width: 98%;
  text-align: left;
  border-radius: 3px;
  font-size: 14px;
  color: #666666;
  padding-left: 3px;
}

#PropertiesPanel #ImageProperties .ui-slider {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 0.3em;
  margin: 0 15px;
  margin-bottom: 30px;
  top: 12px;
  width: 91%;
  z-index: 100;
}

#PropertiesPanel #ImageProperties .ui-slider-handle {
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  border-top-right-radius: 11px;
  border-top-left-radius: 11px;
  cursor: pointer;
  top: -0.5em;
  z-index: 100;
}

#PropertiesPanel #ImageProperties #ImagesList {
  border-top: solid 1px #C2C2C2;
  border-bottom: solid 1px #C2C2C2;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 7px;
  height: 235px;
}

#PropertiesPanel #ImageProperties .imageContainer {
  background-repeat: no-repeat;
  border: solid 1px #4675A8;
  height: 100px;
  width: 100px;
  overflow: hidden;
  margin-left: 38%;
  margin-top: 10px;
  margin-bottom: 10px;
}

#PropertiesPanel #ImageProperties .imageContainer.isNotSatelliteImage {
  background-size: contain;
}

#PropertiesPanel #ImageProperties .imageContainer.active {
  border: solid 1px red;
}

#PropertiesPanel #ImageProperties #ImagesList li:hover {
  box-shadow: 0 0 5px #4675A8;
}

#PropertiesPanel #ImageProperties .imageContainer .deleteControl {
  color: red;
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  display: none;
}

#PropertiesPanel #ImageProperties .imageContainer:hover .deleteControl {
  display: block;
}

#PropertiesPanel #ImageProperties .layerSelectMenu .selectList {
  z-index: 101;
}

#PropertiesPanel .group {
  padding-bottom: 0;
}

#PropertiesPanel #FloorAreaRatioGroup label,
#PropertiesPanel #GrossAreaGroup label {
  color: #666666;
  font-size: 14px;
  display: inline;
  padding: 0;
}

#GrossAreaGroup .separatorTop, #FloorAreaRatioGroup .separatorTop {
  margin-top: 15px;
  padding-top: 15px;
}

#PropertiesPanel .propertyValue {
  text-align: left;
  color: #666666;
  font-size: 14px;
  padding: 0;
  float: right;
}

#PropertiesPanel #GrossAreaGroup .inputLabel,
#PropertiesPanel #FloorAreaRatioGroup .inputLabel {
  display: inline-block;
}

#PropertiesPanel #FloorAreaRatioGroup .textInput {
  width: 80px;
  text-align: right;
}

#PropertiesPanel #GrossAreaGroup .textInput {
  width: 80px;
  text-align: right;
}

#PropertiesPanel #GrossAreaGroup .editLink,
#PropertiesPanel #FloorAreaRatioGroup .editLink {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 80px;
  text-align: right;
}

#PropertiesPanel #GrossAreaGroup .unitLabelLink,
#PropertiesPanel #FloorAreaRatioGroup .unitLabelLink {
  color: #6F94BB;
  font-style: italic;
}

#PropertiesPanel #FloorAreaRatioGroup #FloorAreaRatioValue {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15%;
  background-color: #ffa500;
  color: white;
  left: 155px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding: 6px;
  display: inline-block;
}

#PropertiesPanel #GrossAreaCurrent {
  font-size: 13px;
}

#PropertiesPanel #ObjectProperties .layerSelectMenu {
  width: 120px;
  margin-top: -6px;
}

#PropertiesPanel #MeshProperties .layerSelectMenu {
  width: 120px;
  margin-top: -6px;
}

/*hiding input breaks it as a security "benefit" so just resize it*/
#ImageFileInput,
#ModelFileInput,
#BitmapFileInput,
#ImportInput {
  height: 0px;
  width: 0px;
}

#ImportImageButton {
  background-color: white;
  color: #4675A8;
  width: 200px;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  font-size: 14px;
  font-family: Arial, sans-serif;
  cursor: pointer;
  margin-top: 10px;
  margin-left: 25%;
  margin-bottom: 10px;
  display: block;
}

/*Import menu */
#ImportMenu {
  background-color: rgba(255, 255, 255, 0.9);
  border: solid 1px #C2C2C2;
  width: 200px;
  font-size: 16px;
}

#ProjectBar #ImportMenu li {
  float: none;
  padding: 10px;
  padding-left: 20px;
  text-align: left;
}

#ProjectBar #ImportMenu li.disabled {
  background-color: rgba(255, 255, 255, 0.9);
  cursor: default;
}

#ImportMenu li a {
  text-decoration: none;
}

#ImportMenu li.disabled a {
  color: #808080;
  cursor: default;
}

#ImportMenu li:hover {
  background-color: rgb(195, 232, 244);
}

/*Export Menu*/
#ExportMenu {
  background-color: rgba(255, 255, 255, 0.9);
  border: solid 1px #C2C2C2;
  width: 250px;
  font-size: 16px;
  text-align: left;
}

#ExportMenu .menuHeader:first-child {
  border-top: none;
}

/*Material editing UI*/
#ProjectBar #ExportMenu li {
  float: none;
  padding: 10px;
  padding-left: 40px;
  text-align: left;
}

#ExportMenu li a {
  text-decoration: none;
}

#ProjectBar #ExportMenu li.disabled {
  background-color: rgba(255, 255, 255, 0.9);
  cursor: default;
}

#ExportMenu li.disabled a {
  color: #808080;
  cursor: default;
}

#ExportMenu li:hover {
  background-color: rgb(195, 232, 244);
}

/* Material import dialog */
#MaterialImportPanel {
  position: absolute;
  /* the 'right:' value below should equal the width of the palettes */
  right: 456px;
  top: 50px;
  bottom: 0px;
  left: 0px;
  overflow: auto;
  background: whitesmoke;
  z-index: 10;
  border: solid 1px #C2C2C2;
  border-right: 0;
}

#MaterialImportPanelTitle {
  border-bottom: solid 1px #c2c2c2;
  padding: 10px;
  background-color: white;
  color: #111;
  padding-left: 20px;
  padding-top: 15px;
}

#MaterialCategoryPanel {
  position: absolute;
  left: 20px;
  width: 210px;
  bottom: 60px;
  top: 50px;
  color: white;
  border: 1px solid #c2c2c2;
  background-color: ghostwhite;
  overflow-y: scroll;
}

#MaterialCategoryPanel .sep {
  height: 1px;
  border-top: 1px solid #c2c2c2;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-top: 5px;
}

#MaterialCategoryPanel ul li {
  padding: 10px;
  cursor: pointer;
}

#MaterialCategoryPanel ul li a {
  text-decoration: none;
  font-size: 14px;
  color: black;
}

#MaterialCategoryPanel ul li.active {
  background-color: #a4daec;
}

#MaterialCategoryPanel ul li:hover.active {
  background-color: #a4daec;
}

#MaterialCategoryPanel ul li.active a {
  color: black;
}

#MaterialCategoryPanel ul li:hover {
  background-color: rgb(195, 232, 244);
}

#MaterialCategoryPanel ul li:hover a {
  color: black;
}

#MaterialSearchPanel {
  position: absolute;
  left: 240px;
  top: 10px;
  width: 300px;
  /* background-color: black; */
}

#MaterialSearchPanel input[type=search] {
  width: 100%;
  font-size: 14px;
  padding: 4px;
  border: 1px solid #4676A9;
}

#MaterialSearchPanel input[type=search]:hover {
  border: 1px solid #c3e8f4;
  outline: 2px solid #c3e8f4;
}

#MaterialSearchPanel input[type=search]:focus {
  outline: 2px solid #c3e8f4;
}

#MaterialSearchResults {
  background-size: 50% 50%;
  width: 300px;
  position: absolute;
  left: 240px;
  top: 50px;
  bottom: 60px;
  border: 1px solid #c2c2c2;
  overflow-y: scroll;
  background-color: ghostwhite;
}

#MaterialSearchResults h2 {
  font-size: larger;
  color: grey;
  text-align: center;
  padding: 20px;
  font-style: italic;
}

.MaterialSearchEntry {
  height: 100px;
  position: relative;
  cursor: pointer;
}

.MaterialSearchEntry:hover {
  background-color: rgb(195, 232, 244);
}

.MaterialSearchEntry .text {
  position: absolute;
  padding: 15px;
  text-align: left;
  font-size: small;
  left: 95px;
  top: 5px;
}

.MaterialSearchEntry .category {
  padding-top: 10px;
  font-size: 12px;
  font-style: italic;
}

.MaterialImportThumbnail {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: 90px;
}

#MaterialSearchResultsTable div.active {
  background-color: #a4daec;
  color: black;
}

#MaterialSearchResultsTable div.active a {
  color: black;
}

#MaterialImportPreview {
  width: 100%;
  height: 100%;
}

#MaterialImportPreviewPanel {
  /*border: solid 1px #c2c2c2;*/
  position: absolute;
  top: 50px;
  right: 10px;
  bottom: 60px;
  left: 550px;
}

#MaterialImportButtons {
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-align: right;
  left: 0px;
  padding: 10px;
  background-color: white;
  border-top: 1px solid #c2c2c2;
}

/********************************/
#MaterialEditDialog {
  width: 250px;
  height: 590px;
  font-size: small;
}

#MaterialEditDialog.expanded {
  width: 705px;
  height: 590px;
}

#MaterialEditDialog.dialog .heading {
  background-color: white;
  display: flex;
  align-items: center;
}

#MaterialEditDialog .MaterialNameContainer {
  margin-bottom: 10px;
}

#MaterialEditDialog .MaterialNameContainer input {
  padding: 5px;
  width: 185px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
}

#MaterialEditDialog #MaterialEditBasicOptions {
  width: 300px;
}

#MaterialEditDialog #materialShowAdvancedButton {
  width: 128px;
}

#MaterialEditDialog .advancedTexturesContainer {
  float: left;
  width: 250px;
}

#MaterialEditDialog .advancedSliderContainer {
  position: absolute;
  left: 20px;
  top: -115px;
}

#MaterialEditDialog .slider-container h3 {
  margin-left: 0px;
}

#MaterialEditDialog h2 {
  font-size: large;
  position: absolute;
  top: -30px;
}

#MaterialEditDialog .preview {
  width: 450px;
  height: 450px;
  background-color: #507fc1;
  position: absolute;
  top: 70px;
  right: 20px;
}

#MaterialEditDialog .dialogButtons {
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 10px;
  border-top: 1px solid #c2c2c2;
  background-color: white;
}

#MaterialEditDialog #MaterialPropertiesContainer {
  width: 190px;
  border-top: solid 1px #ccc;
  padding-top: 10px;
}

#MaterialEditDialog #MaterialAdvancedPropertiesContainer {
  display: none;
}

#MaterialEditDialog.expanded #MaterialAdvancedPropertiesContainer {
  padding: 20px;
  top: 390px;
  left: 0px;
  height: 160px;
  position: absolute;
  display: block;
}

#MaterialEditDialog .proceed {
  float: right;
}

#MaterialEditDialog .shimExtraLargeTop {
  margin-top: 50px;
}

#MaterialEditDialog .imagePicker {
  margin: 7px;
  margin-right: 15px;
  margin-left: 0px;
}

.imagePicker {
  background-color: #FFFFFF;
  box-shadow: 0 0 5px #333333;
  color: #C2C2C2;
  text-align: center;
  cursor: pointer;
  height: 90px;
  width: 90px;
  overflow: hidden;
  position: relative;
}

.imagePicker:hover {
  box-shadow: 0 0 15px #4675A8;
}

.imagePicker img {
  height: 90px;
  width: 90px;
}

.imagePicker .deleteControl {
  color: red;
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  display: none;
}

.imagePicker:hover .deleteControl {
  display: block;
}

#MaterialEditDialog .colorControl,
#MaterialEditDialog .textureControl {
  background-color: #FFFFFF;
  box-shadow: 0 0 5px #333333;
  color: #C2C2C2;
  font-style: italic;
  text-align: center;
  cursor: pointer;
  height: 90px;
  width: 90px;
  margin: 7px;
  margin-right: 15px;
  margin-left: 0px;
  overflow: hidden;
  position: relative;
}

#MaterialEditDialog .colorControl:hover,
#MaterialEditDialog .textureControl:hover {
  box-shadow: 0 0 15px #4675A8;
}

#MaterialEditDialog .textureControl img {
  height: 90px;
  width: 90px;
}

#MaterialEditDialog .textureControl .deleteControl {
  color: red;
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  display: none;
}

#MaterialEditDialog .textureControl:hover .deleteControl {
  display: block;
}

#MaterialEditDialog .textureControl:hover {
  box-shadow: 0 0 15px #4675A8;
}

#MaterialEditDialog .colorControl:hover {
  box-shadow: 0 0 15px #4675A8;
}

#MaterialEditDialog .textureHint {
  margin: auto;
  font-size: small;
}

#MaterialEditDialog .ui-slider {
  cursor: pointer;
  /*  display:inline-block;
      float:left;
      margin-left: 10px;
      top:6px;*/
  margin-top: 10px;
  margin-bottom: 12px;
  height: 3px;
  width: 190px;
}

#MaterialEditDialog .ui-slider-handle {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  cursor: pointer;
  top: -0.25em;
  width: 0.8em;
  height: 0.8em;
}

#LoadImageUrlDialog {
  width: 500px;
  height: 180px;
  z-index: 1004;
}

#LoadImageUrlDialog input {
  width: 100%;
}

#BitmapEditorDialog {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 75px;
  margin-bottom: 75px;
  z-index: 1002;
  min-width: 600px;
  min-height: 400px;
}

#bitmapReplaceButton {
  width: 200px;
}

#bitmapReplaceWithUrlButton {
  width: 200px;
  margin-left: 5px;
}

#bitmapResetButton {
  width: 150px;
  margin-left: 5px;
  float: none;
}

.BitmapEditCanvasContainer {
  top: 70px;
  bottom: 70px;
  right: 280px;
  left: 20px;
  position: absolute;
  overflow: hidden;
}

#BitmapEditCanvas {
  width: 100%;
  height: 100%;
  background-color: #c2c2c2;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

.BitmapEditButtonContainer {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #c2c2c2;
  background-color: white;
}

.BitmapEditHeading {
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 25px;
}

.BitmapEditOptionRow {
  margin-top: 10px;
}

.BitmapEditCanvasInnerEdit {
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 0px;
  width: 80px;
  font: 10pt Arial;
  background-color: whitesmoke;
  color: #333333;
  border: none;
  padding: 0px;
  margin: 0px;
  text-align: center;
  border-radius: 4px;
}

.BitmapEditCanvasInnerEdit:hover {
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
  color: #4675A8;
}

.BitmapEditCanvasInnerEdit:focus {
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}

.BitmapEditOptionsPane {
  position: absolute;
  right: 30px;
  bottom: 70px;
  top: 70px;
  overflow: auto;
}

.BitmapEditOptionsGroup {
  width: 216px;
  margin-top: 10px;
  margin-left: 2px;
}

#BitmapEditPreviewCanvas {
  position: relative;
  top: 0px;
  margin-bottom: 20px;
}

#BitmapScaleSlider {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 0.3em;
  top: 6px;
  width: 200px;
  margin-top: 7px;
}

#BitmapScaleSlider .ui-slider-handle {
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  border-top-right-radius: 11px;
  border-top-left-radius: 11px;
  cursor: pointer;
  top: -0.5em;
}

/*Needs to be visible to use, so just give no height/width and 0 opacity*/
#ColorInput {
  opacity: 0;
  height: 0px;
  width: 0px;
}

#DeleteMaterialConfirmationDialog {
  height: 130px;
  width: 400px;
  padding-bottom: 10px;
}

/*Levels*/
#LevelsPanel .levelsTableWrapper.panelscroll {
  position: absolute;
  top: 191px;
  bottom: 0px;
  width: 382px;
  height: auto;
  margin-bottom: 50px;
}

.levelsTable {
  width: 100%;
  color: #999999;
}

.levelsTable tr:odd {
  background-color: #CCCCCC;
}

.levelsTable tr {
  border-bottom: solid 1px #C2C2C2;
}

.levelsTable tr:hover {
  background-color: rgb(195, 232, 244);
}

.levelsTable td {
  padding-top: 7px;
  padding-bottom: 1px;
  white-space: nowrap;
}

#LevelNameInputContainer .textInput {
  width: 99.96px;
}

#ObjectProperties .levelsTable td.levelNumCell {
  width: 99.96px;
  max-width: 99.96px;
  text-overflow: hidden;
  white-space: nowrap;
  padding-bottom: 5px;
  font-size: 14px;
}

#ObjectProperties .levelsTable td.levelCbCell .cbWrapper {
  margin: 0;
}

#ObjectProperties .cancel {
  width: 83px;
  margin-top: 10px;
}

.levelsTable td.levelNumCell {
  padding-top: 7px;
  padding-right: 7px;
  padding-left: 7px;
  padding-bottom: 7px;
  font-size: 14px;
  width: 99.96px;
  max-width: 99.96px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.levelsTable a {
  text-decoration: none;
}

.levelNumCell .levelNameLink:hover {
  background: white;
}

.levelNumCell #LevelNameInputContainer input {
  text-align: left;
  width: 99.96px;
  border: none;
  color: #666666;
  font-size: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.levelsTable .levelValCell a {
  text-decoration: none;
  font-size: 14px;
}

.levelsTable .levelValCell a:hover {
  background: white;
}

.levelsTable td.levelValCell {
  width: 103.34px;
  max-width: 103.34px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
}

.levelsTable td.levelAreaCell {
  max-width: 126.7px;
  width: 126.7px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

.levelsTable td.areaCell {
  max-width: 126.7px;
  width: 126.7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.levelsTable td.levelValCell input {
  width: 103.34px;
  border: none;
  color: #666666;
  font-size: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.levelsTable .levelDelCell a {
  width: 103.34px;
  display: none;
}

.levelsTable tr:hover .levelDelCell a {
  width: 25px;
  display: table-cell;
  text-decoration: none;
  color: #ff0000;
  font-size: 12px;
}

/*Layers*/
#LayersPanel .layer {
  height: 30px;
  background-color: #E3E7F2;
  border: solid 1px #cccccc;
  padding-left: 5px;
  margin-right: 5px;
}

#LayersPanel .layer:hover {
  background-color: rgb(195, 232, 244);
}

#LayersPanel .layer.selected {
  border: solid 1px rgb(255, 128, 0);
}

#LayersPanel .layerHeader {
  top: 25%;
  position: relative;
}

#LayersPanel .layerName {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#LayersPanel .layerName:hover {
  background-color: #FFFFFF;
  cursor: text;
}

#LayersPanel .cbWrapper {
  background-color: #ffffff;
}

#LayersPanel .cbWrapper:hover {
  background-color: #ffffff;
  box-shadow: 0 0 2px #0cbbf4;
}

#LayersPanel .layer + .layer {
  margin: 5px 5px 0px 0px;
}

#LayersPanel .layer .layerButtons {
  display: none;
}

#LayersPanel .layer .inputWrapper + .inputWrapper {
  margin-left: 5px;
}

#LayersPanel .layer .layerButtons a {
  margin: 0 5px;
  text-decoration: none;
}

#LayersPanel .layer:hover .layerButtons {
  display: block;
}

#LayersPanel .tool {
  margin-right: 5px;
  margin-top: 5px;
}

#LayersPanel .tool > span {
  margin-top: 0px;
}

#LayersPanel .layerNameContainer {
  margin-left: 5px;
  margin-top: -4px;
  font-size: 12px;
}

#LayersPanel .layerNameContainer .layerName {
  margin-left: 4px;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 5px;
}

#LayersPanel .layerNameContainer:hover .layerName {
  background-color: #FFFFFF;
}

#LayersPanel .layerNameContainer.editing .layerName {
  display: none;
}

#LayersPanel .layerNameContainer .inputContainer {
  display: none;
  margin-top: 1px;
}

#LayersPanel .layerNameContainer .inputContainer .textInput {
  width: 85px;
}

#LayersPanel .layerNameContainer.editing .inputContainer {
  display: block;
}

#LayersPanel .layerSelectMenuLabel {
  float: left;
  font-size: 12px;
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 9px;
  margin-left: 0px;
  width: 70px;
}

#LayersPanel .layerSelectMenu {
  float: right;
  width: 307px;
}

#LayersPanel .panelscroll {
  position: absolute;
  top: 142px;
  bottom: 0px;
  width: 382px;
  height: auto;
  margin-bottom: 50px;
}

#LayersPanel #LayerHeader {
  clear: both;
}

#LayersPanel #LayerHeader .name {
  display: inline-block;
  font-size: 12px;
  padding: 5px;
  vertical-align: top;
  margin-left: 8px;
}

#LayersPanel #LayerHeader .headerImage {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.visible {
  background: rgb(255, 255, 255) url(../images/Toolbars/button_visible.png) no-repeat;
  background-position: 0px 0px;
  background-size: 20px 20px;
  margin-left: 1px;
}

#LayersPanel #LayerHeader .pickable {
  background: rgb(255, 255, 255) url(../images/Layers/button_pickable.png) no-repeat;
  background-position: 0px 0px;
  background-size: 20px 20px;
  margin-left: 8px;
}

/*Visual Styles Panel*/
#VisualStylesPanel .contentPanelTitle {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: dimgray;
  margin-bottom: 3px;
}

#VisualStylesPanel .visualStyleToolBar {
  float: left;
  padding-bottom: 0.6em;
  width: 100%;
  margin-left: 0px;
}

#VisualStylesPanel .visualStyleToolBar li {
  float: left;
  width: 24.4%;
  display: inline-block;
  margin-left: 1px;
}

#VisualStylesPanel .visualStyleToolBar li:nth-child(2) {
  margin-left: 0px;
}

#VisualStylesPanel .visualStyleToolBar .tool {
  display: inline-block;
  float: left;
  border: solid 1px #4675A8;
  position: relative;
  padding-top: 2px;
  width: 100%;
  text-align: center;
  margin-top: 0.6em;
}

#VisualStylesPanel .visualStyleToolBar .icon {
  margin-top: 0px;
}

#ModelDiagnostics-tool .tool .visualStyleSelected {
  background-color: #4676A9 !important;
}

#VisualStylesPanel .visualStyleContent {
  float: left;
  width: 100%;
  padding-right: 4px;
}

#VisualStylesPanel .visualStyleToolBar .tool:not(.visualStyleSelected):hover {
  background-color: #C3E8F4;
  border: solid 1px #5DA2D0;
}

#VisualStylesPanel .visualStyleContent .inputWrapper {
  display: block;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

#VisualStylesPanel .visualStyleContent .edgeSliderTitle,
#VisualStylesPanel .visualStyleContent .silSliderTitle,
#VisualStylesPanel .visualStyleContent .sunShadingTitle,
#VisualStylesPanel .visualStyleContent .ambientColorIntensityTitle,
#VisualStylesPanel .visualStyleContent .shadowIntensityTitle {
  padding-bottom: 7px;
  color: #666666;
  font: inherit;
  font-size: 12px;
  padding-left: 20px;
  padding-top: 0.5em;
}

#VisualStylesPanel .layer {
  height: 30px;
  background-color: #E3E7F2;
  border: solid 1px #cccccc;
  padding-left: 5px;
  margin-right: 5px;
}

#VisualStylesPanel .layer:hover {
  background-color: rgb(195, 232, 244);
}

#VisualStylesPanel .layer.selected {
  border: solid 1px rgb(255, 128, 0);
}

#VisualStylesPanel .layerHeader {
  top: 25%;
  position: relative;
}

#VisualStylesPanel .layerName {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#VisualStylesPanel .layerName:hover {
  background-color: #FFFFFF;
  cursor: text;
}

#VisualStylesPanel .cbWrapper {
  background-color: #ffffff;
}

#VisualStylesPanel .cbWrapper.disabled {
  border: 1px solid grey;
}

#VisualStylesPanel .cbWrapper:hover {
  background-color: #ffffff;
  box-shadow: 0 0 2px #0cbbf4;
}

#VisualStylesPanel .cbWrapper.disabled:hover {
  box-shadow: none;
}

#VisualStylesPanel .inputWrapper input:disabled {
  cursor: default;
  border: 1px solid grey;
}

#VisualStylesPanel .inputWrapper label.disabled {
  cursor: default;
  color: grey;
}

#VisualStylesPanel .layer + .layer {
  margin: 5px 5px 0px 0px;
}

#VisualStylesPanel .layerNameContainer {
  margin-left: 5px;
  margin-top: -4px;
  font-size: 12px;
}

#VisualStylesPanel .layerNameContainer .layerName {
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 5px;
}

#VisualStylesPanel .layerNameContainer:hover .layerName {
  background-color: #FFFFFF;
}

#VisualStylesPanel .layerNameContainer.editing .layerName {
  display: none;
}

#VisualStylesPanel .layerNameContainer .inputContainer {
  display: none;
  margin-top: 1px;
}

#VisualStylesPanel .layerNameContainer .inputContainer .textInput {
  width: 85px;
}

#VisualStylesPanel .layerNameContainer.editing .inputContainer {
  display: block;
}

#VisualStylesPanel .panelscroll {
  position: absolute;
  top: 122px;
  bottom: 0px;
  width: 230px;
}

#VisualStylesPanel .colorButtonContainer {
  display: flex;
  flex-flow: row;
}

#VisualStylesPanel .colorButtonLabel {
  color: #666666;
  font: inherit;
  font-size: 12px;
  padding-left: 23px;
  padding-top: 15px;
}

#VisualStylesPanel .colorButton {
  border: 1px solid #4676a9;
  margin: 0.5em;
  padding: 0.25em;
  width: 45%;
  height: 16px;
}

#VisualStylesPanel .colorButton:hover {
  border: 1px solid #C3E8F4;
  cursor: pointer;
}

#VisualStylesSlider {
  padding-bottom: 0;
  height: 5px;
  margin-left: 22px;
  margin-bottom: 0.75em;
  margin-right: 5px;
}

#VisualStylesSlider .ui-slider-handle {
  border-radius: 8px;
  font-size: x-small;
  top: -4px;
}

.icon.pluginIconFormatting {
  height: 65%;
  width: 65%;
  background-repeat: no-repeat;
  background-size: contain;
}

.tool.menuTool.pluginURLFormatting {
  overflow: hidden;
}

/*Scenes */
#ScenesPanel {
  height: calc(100% - 70px);
  overflow-y: auto;
}

#ScenesPanel .toolbar {
  display: flex;
  margin: 5px 0;
}

#ScenesPanel .scenetree {
  height: 50%;
  overflow: auto;
  line-height: 0px;
}

#ScenesPanel .contain {
  height: calc(100% - 90px);
}

#ScenesPanel .propertyHeading #jstree-marker {
  z-index: 1000;
}

#ScenesPanel .scene {
  border: solid 1px #cccccc;
  position: relative;
  margin: 0px 5px 5px 0px;
}

#ScenesPanel .scene .titleBar {
  background-color: #E3E7F2;
  cursor: pointer;
  height: 30px;
}

#ScenesPanel .scene .titleBar .sceneNameContainer {
  margin-left: 20px;
  margin-top: 5px;
  font-size: 12px;
}

#ScenesPanel .scene .titleBar .sceneNameContainer .sceneName {
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 5px;
}

#ScenesPanel .scene .titleBar .sceneNameContainer:hover .sceneName {
  background-color: #FFFFFF;
  cursor: text;
}

#ScenesPanel .scene .titleBar .sceneNameContainer.editing .sceneName {
  display: none;
}

#ScenesPanel .scene .titleBar .sceneNameContainer .inputContainer {
  display: none;
  margin-top: 1px;
}

#ScenesPanel .scene .titleBar .sceneNameContainer .inputContainer .textInput {
  width: 95px;
}

#ScenesPanel .scene .titleBar .sceneNameContainer.editing .inputContainer {
  display: block;
}

#ScenesPanel .scene .titleBar .tools {
  margin-top: 5px;
  display: none;
}

#ScenesPanel .scene .titleBar:hover .tools {
  display: block;
}

#ScenesPanel .scene .titleBar .tools .tool {
  margin-right: 5px;
}

#ScenesPanel .scene:hover .titleBar {
  background-color: rgb(195, 232, 244);
}

#ScenesPanel .scene.active {
  border: solid 1px rgb(255, 128, 0);
}

#ScenesPanel .scene.open .properties {
  display: block;
  padding: 5px;
  background-color: #ffffff;
}

#ScenesPanel .scene.open .cbWrapper {
  background-color: #ffffff;
}

#ScenesPanel .scene.open .cbWrapper:hover {
  background-color: #ffffff;
  box-shadow: 0 0 2px #0cbbf4;
}

/*transparent hit box*/
#ScenesPanel .scene .arrow:before {
  content: " ";
  width: 15px;
  height: 28px;
  background-color: rgba(1, 1, 1, 0);
  position: absolute;
  top: -14px;
  left: -10px;
}

#ScenesPanel .scene .arrow {
  border-left: 7px solid #666666;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  position: absolute;
  top: 11px;
  left: 7px;
}

#ScenesPanel .scene .arrow:hover {
  border-left: 7px solid #FFFFFF;
}

#ScenesPanel .scene.open .arrow {
  border-top: 7px solid #666666;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: 13px;
  left: 5px;
}

#ScenesPanel .scene.open .arrow:hover {
  border-top: 7px solid #FFFFFF;
}

#ScenesPanel .scene .properties {
  display: none;
}

#ScenesPanel .scene .properties .inputWrapper {
  display: block;
  padding: 2px;
}

#ScenesPanel .scene .properties .inputWrapper :hover {
  background-color: rgb(195, 232, 244);
}

#ScenesPanel .tool > span {
  margin-top: 0;
}

#ScenesPanel .tool {
  width: auto;
  height: auto;
}

/* Scenes Panel Description / Instructions */
#ScenesPanel .contentPanelTitle li {
  margin-left: 20px;
  list-style: disc;
  margin-bottom: 10px;
}

#ScenesPanel .contentPanelTitle span.icon {
  vertical-align: middle;
  position: relative;
  transform: scale(0.8);
  margin-right: 3px;
}

#ScenesPanel .propertyHeading > div:not(:first-child) {
  display: flex;
  align-items: center;
}

#ScenesPanel .propertyHeading > div:not(.shimLargeTop) {
  margin-top: 3px;
}

#ScenesPanel .jstree-default > .jstree-striped {
  background-position-x: 0px;
  background-position-y: 24px;
}

#instructions {
  font-style: italic;
  font-size: 14px;
  color: #999999;
  padding-left: 10px;
  padding-top: 5px;
}

#ObjectProperties,
#GroupProperties,
#MeshProperties {
  border: solid 1px #c2c2c2;
  border-radius: 5px;
  padding-bottom: 10px;
  margin-top: 10px;
}

#ObjectProperties .levelsTableWrapper.panelscroll {
  border: none;
}

#ObjectProperties .tableControl {
  background-color: #ffffff;
  border-top: none;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  width: 370px;
  margin-left: -6px;
}

#ObjectProperties .levelsTableWrapper .levelsTable {
  width: auto;
  margin-left: 5px;
}

#ObjectProperties #UseLevelsHeading .cbWrapper {
  margin-top: 0;
}

#ObjectProperties #EditLevelProps {
  top: 225px;
  right: 20px;
  width: 100%;
}

#ObjectProperties #AreaTotal,
#MeshProperties #AreaTotal {
  display: inline-block;
  float: right;
  margin-top: 0;
  font-size: 14px;
  color: #666;
  text-align: right;
  margin-right: 10px;
}

#ObjectProperties #AreaByLevel .cbWrapper {
  margin-top: 0;
}

#ObjectProperties .propertyHeading,
#GroupProperties .propertyHeading,
#MeshProperties .propertyHeading {
  margin-left: 5px;
  margin-right: 5px;
}

#ObjectProperties .propertyField,
#GroupProperties .propertyField,
#MeshProperties .propertyField {
  margin-left: 15px;
  margin-right: 15px;
}

#ObjectProperties .textInput,
#GroupProperties .textInput,
#MeshProperties .textInput {
  width: 120px;
  text-align: left;
  border-radius: 3px;
  font-size: 14px;
  color: #666666;
  padding-left: 3px;
  margin-top: 0;
  margin-left: 0;
}

#ObjectProperties #ObjectNameInputContainer label {
  display: none;
}

#ObjectProperties #ObjectNameValue,
#RevitFamilyReferenceNameLink {
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding-bottom: 5px;
}

#ObjectProperties label,
#MeshProperties label {
  display: inline-block;
  text-align: left;
  color: #666666;
  font-size: 14px;
  padding-top: 9px;
  padding-left: 3px;
}

#ObjectProperties .propertyValue,
#GroupProperties .propertyValue,
#MeshProperties .propertyValue {
  text-align: left;
  color: #666666;
  font-size: 14px;
  padding-left: 36px;
  padding-left: 10px;
  padding-top: 0;
  float: right;
  padding-right: 10px;
}

#ObjectProperties .cbWrapper {
  text-align: left;
  margin-left: 0;
  margin-top: 10px;
}

#ObjectProperties .ecContent {
  margin-top: 0px;
}

#ObjectProperties .ecControl {
  margin-left: 5px;
  margin-right: 5px;
}

/*Add Multiple Levels*/
#MutlipleLevelsDialog {
  height: 230px;
  width: 250px;
}

#MutlipleLevelsDialog #LevelHeightContainer {
  margin-bottom: 10px;
}

#MutlipleLevelsDialog .textInput {
  color: #666666;
  width: 90px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  padding: 3px;
  padding-bottom: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#MutlipleLevelsDialog .proceed .cancel {
  margin-top: 25px;
}

/* Notifications */
.Notification {
  position: absolute;
  background: rgb(255, 255, 255);
  border: 1px solid #4575A8;
  left: 50px;
  top: 60px;
  z-index: 2;
  height: 24px;
  padding-top: 14px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 300;
  color: #4575A8;
  cursor: default;
}

.NotificationError {
  color: #ff0000;
  border: 1px solid red;
}

/* Chat */
#ChatModule {
  bottom: 0px;
  position: absolute;
  left: 0px;
  z-index: 1000;
  /* pointer-events: none; */
  background: transparent;
  width: 380px;
  height: 200px;
}

#ChatModule.minimized {
  bottom: -5px;
  width: 160px;
  height: 30px;
}

#ChatModule input {
  bottom: 0px;
  position: absolute;
  left: 0px;
  z-index: 1000;
  /* pointer-events: none; */
  background: white;
  width: 380px;
  opacity: 0.9;
  padding: 4px;
}

#ChatModule.minimized input {
  display: none;
}

#ChatModule .ChatServerMessage {
  font-style: italic;
  color: #222222;
}

#ChatModule #ChatHeader {
  top: 0px;
  width: 100%;
  padding: 5px;
  background-color: cornflowerblue;
  color: white;
  font-size: 14px;
  font-weight: bold;
  opacity: 0.8;
}

#ChatModule #ChatHeader .ChatOfflineIndicator {
  display: none;
}

#ChatModule.offline #ChatHeader .ChatOfflineIndicator {
  display: inline;
}

#ChatModule.offline #ChatHeader {
  background-color: lightsteelblue;
}

#ChatModule #ChatHeader .ChatMinimize {
  border: 0px solid white;
  border-bottom: 4px solid white;
  position: absolute;
  top: 1px;
  right: -4px;
  width: 12px;
  text-align: center;
  padding-bottom: 4px;
  cursor: pointer;
  height: 10px;
}

#ChatModule.offline #ChatHeader .ChatMinimize {
  border: 0px solid white;
  border-radius: 50%;
  top: 6px;
}

#ChatModule.offline #ChatHeader .ChatMinimize:before {
  content: "X";
}

#ChatModule.minimized #ChatHeader {
  cursor: pointer;
}

#ChatModule #ChatTextContainer {
  padding: 10px;
  background-color: white;
  width: 370px;
  height: 130px;
  overflow-y: auto;
  opacity: 0.9;
}

#ChatModule.minimized #ChatTextContainer {
  display: none;
}

#ChatTextContainer p {
  font-size: 9pt;
  margin-top: 4px;
  margin-bottom: 4px;
  line-height: 24px;
  padding-left: 32px;
}

#ChatTextContainer p::selection {
  background-color: #75a3ff;
}

#ChatTextContainer .ChatTimestamp {
  color: #808080;
}

#ChatModule strong {
  font-weight: bold;
}

#ChatModule .ChatLine {
  position: relative;
  margin-top: 4px;
  margin-bottom: 4px;
}

#ChatModule .ChatLineOld {
  position: relative;
  margin-top: 4px;
  margin-bottom: 4px;
  opacity: 0.5;
}

#ChatModule .ChatAvatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  top: 0px;
}

/*View controls energy factors*/
.group {
  padding: 5px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
}

.groupCaption {
  display: table;
  border-collapse: separate;
  border-spacing: 3px 0;
  font-size: 16px;
  color: #666666;
}

.groupCaption > span {
  display: table-cell;
  vertical-align: middle;
}

.groupContent {
  margin: 10px;
  font-size: 14px;
}

.groupDescription {
  font-style: italic;
  font-size: 12px;
  color: #808080;
}

.disabledFilter {
  filter: grayscale(100%);
  filter: gray;
  -webkit-filter: grayscale(100%);
}

#AnalysisGeometryModelSelectionGroup {
  text-align: center;
}

#AnalysisGeometryModelSelectionGroup label {
  display: inline-block;
  font-size: 10px;
  padding: 3px 0;
  border: 1px solid #808080;
  border-radius: 3px;
  width: 85px;
  cursor: pointer;
  float: left;
  height: 70px;
}

#AnalysisGeometryModelSelectionGroup .formItModelProBadge {
  position: absolute;
  top: 0;
  right: -10px;
}

#AnalysisGeometryModelSelectionGroup label:hover,
#AnalysisGeometryModelSelectionGroup label.checked {
  border-color: #ffa500;
}

#EnergyFactorsTool-icon {
  width: 25px;
  height: 25px;
  display: inline-block;
}

/*View controls energy analysis*/
.centerAbsoluteTransform {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.appInfoTable {
  border-collapse: separate;
  border-spacing: 5px 15px;
  font-size: 13px;
}

.appInfoTable td:first-child {
  vertical-align: top;
}

#EnergyAnalysis .appRightPanel {
  overflow: auto;
}

.popover.dialog {
  position: fixed;
  border-radius: 5px;
  border: none;
  box-shadow: none;
}

.popover.dialog .body {
  margin: 10px;
}

.popover.dialog .body a:link,
.popover.dialog .body a:visited,
.popover.dialog .body a:active {
  color: #fff;
  font-weight: bold;
}

.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.popover .arrow.arrow-up {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #F2F2F2;
}

.popover .arrow.arrow-down {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #F2F2F2;
}

.popoverTooltip.popover {
  background-color: #4675a8;
}

.popoverTooltip.popover .arrow.arrow-up,
.popoverTooltip.popover .arrow.arrow-down {
  border-bottom-color: #4675a8;
}

.popoverTooltip.popover .body {
  color: #fff;
}

.popoverAnalysisState.popover {
  background-color: #fff;
}

.popoverAnalysisState.popover .arrow.arrow-up,
.popoverAnalysisState.popover .arrow.arrow-down {
  border-bottom-color: #fff;
}

.popoverAnalysisState.popover .body {
  color: #828282;
}

.popoverAnalysisState.popover.dialog .body a:link,
.popoverAnalysisState.popover.dialog .body a:visited,
.popoverAnalysisState.popover.dialog .body a:active {
  color: #828282;
  font-weight: bold;
}

#EAStateProgressOuter {
  border: 1px solid #c2c2c2;
  height: 10px;
  width: 100%;
  border-radius: 5px;
}

#EAStateProgressInner {
  border: 1px solid #f79730;
  height: 8px;
  border-radius: 4px;
  background-color: #f79730;
  left: 1px;
  top: 1px;
}

#ExportNameInputContainer label {
  margin-right: 5px;
}

#ConfigurationDialog .cbWrapper.disabled {
  border: 1px solid grey;
}

#ConfigurationDialog .cbWrapper.disabled:hover {
  box-shadow: none;
}

#ConfigurationDialog .inputWrapper input:disabled {
  cursor: default;
  border: 1px solid grey;
}

#ConfigurationDialog .inputWrapper label.disabled {
  cursor: default;
  color: grey;
}

#ConfigurationDialog .notes {
  font-size: 12px;
}

#ConfigurationDialog button.buttonStyle {
  width: 50px;
  height: 18px;
  margin-top: 2px;
  font-size: 12px;
}

#PanelTools .pluginTool,
#ProjectBar .pluginTool {
  border-radius: 50%;
  border: 1px solid #6984b6;
  width: 30px;
  height: 30px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}

#PanelTools .pluginTool .pluginText,
#ProjectBar .pluginTool .pluginText {
  color: #6984b6;
  font: 13px Arial, sans-serif;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
  text-overflow: ellipsis;
  width: 30px;
  overflow: hidden;
}

.plugin-panel {
  height: calc(100% - 50px);
}

.plugin-toolbar-menu .tool {
  position: relative;
  height: 48px;
  width: 50px;
  margin: 0 auto;
}
.plugin-toolbar-menu .tool.pluginURLFormatting {
  display: flex;
  align-items: center;
  justify-content: center;
}
.plugin-toolbar-menu > li {
  float: left;
}

.plugin-toolbar-menu .pluginFrame {
  pointer-events: none;
  width: 50px;
  height: 48px;
  overflow: hidden;
}

.hig__project-account-switcher__lists {
  max-height: calc(90vh - 200px);
  overflow-y: auto;
}

li.icon-menu span {
  height: 36px;
}

/********* begin import of sprites.css *********/
.icon-folder {
  background-position: 0px -173px;
  width: 27px;
  height: 18px;
}

.icon-folder_selected {
  background-position: 0px -143px;
  width: 27px;
  height: 18px;
}

.icon-button_context_adjust_material_placement {
  background-position: 0px -16110px;
  width: 35px;
  height: 35px;
}

.icon-button_context_align_with_face {
  background-position: 0px -16157px;
  width: 35px;
  height: 35px;
}

.icon-button_context_array {
  background-position: 0px -16251px;
  width: 35px;
  height: 35px;
}

.icon-button_context_array_selected {
  background-position: 0px -16204px;
  width: 35px;
  height: 35px;
}

.icon-button_context_convert_mesh_object {
  background-position: 0px -19541px;
  width: 36px;
  height: 36px;
}

.icon-button_context_convert_object_mesh {
  background-position: 0px -19589px;
  width: 36px;
  height: 36px;
}

.icon-button_context_copy {
  background-position: 0px -16345px;
  width: 35px;
  height: 35px;
}

.icon-button_context_copy_selected {
  background-position: 0px -16298px;
  width: 35px;
  height: 35px;
}

.icon-button_context_cut {
  background-position: 0px -16439px;
  width: 35px;
  height: 35px;
}

.icon-button_context_cut_selected {
  background-position: 0px -16392px;
  width: 35px;
  height: 35px;
}

.icon-button_context_delete {
  background-position: 0px -16533px;
  width: 35px;
  height: 35px;
}

.icon-button_context_delete_selected {
  background-position: 0px -16486px;
  width: 35px;
  height: 35px;
}

.icon-button_context_edit_circle {
  background-position: 0px -16580px;
  width: 35px;
  height: 35px;
}

.icon-button_context_edit_spline {
  background-position: 0px -16627px;
  width: 35px;
  height: 35px;
}

.icon-button_context_extrude {
  background-position: 0px -16721px;
  width: 35px;
  height: 35px;
}

.icon-button_context_extrude_disabled {
  background-position: 0px -16674px;
  width: 35px;
  height: 35px;
}

.icon-button_context_facet {
  background-position: 0px -16815px;
  width: 35px;
  height: 35px;
}

.icon-button_context_facet_selected {
  background-position: 0px -16768px;
  width: 35px;
  height: 35px;
}

.icon-button_context_flatten {
  background-position: 0px -16862px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_create {
  background-position: 0px -16956px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_create_selected {
  background-position: 0px -16909px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_edit {
  background-position: 0px -17050px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_edit_selected {
  background-position: 0px -17003px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_end_edit {
  background-position: 0px -17097px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_exit_to_parent {
  background-position: 0px -17144px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_ungroup {
  background-position: 0px -17332px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_ungroup_all {
  background-position: 0px -17238px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_ungroup_all_disabled {
  background-position: 0px -17191px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_ungroup_selected {
  background-position: 0px -17285px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_unique {
  background-position: 0px -17426px;
  width: 35px;
  height: 35px;
}

.icon-button_context_group_unique_selected {
  background-position: 0px -17379px;
  width: 35px;
  height: 35px;
}

.icon-button_context_intersect {
  background-position: 0px -17473px;
  width: 35px;
  height: 35px;
}

.icon-button_context_join {
  background-position: 0px -17567px;
  width: 35px;
  height: 35px;
}

.icon-button_context_join_selected {
  background-position: 0px -17520px;
  width: 35px;
  height: 35px;
}

.icon-button_context_lasso {
  background-position: 0px -17661px;
  width: 35px;
  height: 35px;
}

.icon-button_context_lasso_selected {
  background-position: 0px -17614px;
  width: 35px;
  height: 35px;
}

.icon-button_context_measure_angular {
  background-position: 0px -17708px;
  width: 35px;
  height: 35px;
}

.icon-button_context_measure_linear {
  background-position: 0px -17755px;
  width: 35px;
  height: 35px;
}

.icon-button_context_merge {
  background-position: 0px -17802px;
  width: 35px;
  height: 35px;
}

.icon-button_context_mirror {
  background-position: 0px -17896px;
  width: 35px;
  height: 35px;
}

.icon-button_context_mirror_disabled {
  background-position: 0px -17849px;
  width: 35px;
  height: 35px;
}

.icon-button_context_move {
  background-position: 0px -17990px;
  width: 35px;
  height: 35px;
}

.icon-button_context_move_selected {
  background-position: 0px -17943px;
  width: 35px;
  height: 35px;
}

.icon-button_context_offset {
  background-position: 0px -18131px;
  width: 35px;
  height: 35px;
}

.icon-button_context_offset_edges {
  background-position: 0px -18037px;
  width: 35px;
  height: 35px;
}

.icon-button_context_offset_selected {
  background-position: 0px -18084px;
  width: 35px;
  height: 35px;
}

.icon-button_context_paste {
  background-position: 0px -18225px;
  width: 35px;
  height: 35px;
}

.icon-button_context_paste_selected {
  background-position: 0px -18178px;
  width: 35px;
  height: 35px;
}

.icon-button_context_reset_axes {
  background-position: 0px -18319px;
  width: 35px;
  height: 35px;
}

.icon-button_context_reset_axes_selected {
  background-position: 0px -18272px;
  width: 35px;
  height: 35px;
}

.icon-button_context_reverse_face {
  background-position: 0px -18413px;
  width: 35px;
  height: 35px;
}

.icon-button_context_reverse_face_disabled {
  background-position: 0px -18366px;
  width: 35px;
  height: 35px;
}

.icon-button_context_rotate {
  background-position: 0px -18601px;
  width: 35px;
  height: 35px;
}

.icon-button_context_rotate_grid {
  background-position: 0px -18507px;
  width: 35px;
  height: 35px;
}

.icon-button_context_rotate_grid_selected {
  background-position: 0px -18460px;
  width: 35px;
  height: 35px;
}

.icon-button_context_rotate_selected {
  background-position: 0px -18554px;
  width: 35px;
  height: 35px;
}

.icon-button_context_scale {
  background-position: 0px -18742px;
  width: 35px;
  height: 35px;
}

.icon-button_context_scale_nonuniform {
  background-position: 0px -18648px;
  width: 35px;
  height: 35px;
}

.icon-button_context_scale_selected {
  background-position: 0px -18695px;
  width: 35px;
  height: 35px;
}

.icon-button_context_set_axes {
  background-position: 0px -18836px;
  width: 35px;
  height: 35px;
}

.icon-button_context_set_axes_selected {
  background-position: 0px -18789px;
  width: 35px;
  height: 35px;
}

.icon-button_context_smooth {
  background-position: 0px -18930px;
  width: 35px;
  height: 35px;
}

.icon-button_context_smooth_disabled {
  background-position: 0px -18883px;
  width: 35px;
  height: 35px;
}

.icon-button_context_tilt {
  background-position: 0px -19024px;
  width: 35px;
  height: 35px;
}

.icon-button_context_tilt_selected {
  background-position: 0px -18977px;
  width: 35px;
  height: 35px;
}

.icon-dialog_information {
  background-position: 0px -20455px;
  width: 50px;
  height: 50px;
}

.icon-dialog_warning {
  background-position: 0px -20517px;
  width: 50px;
  height: 50px;
}

.icon-energy_cap_analysis_geom {
  background-position: 0px -1275px;
  width: 25px;
  height: 25px;
}

.icon-energy_formitmodel {
  background-position: 0px -21075px;
  width: 76px;
  height: 56px;
}

.icon-energy_formitmodel_default {
  background-position: 0px -20281px;
  width: 36px;
  height: 46px;
}

.icon-energy_formitmodel_free {
  background-position: 0px -20339px;
  width: 36px;
  height: 46px;
}

.icon-energy_formitmodel_selected {
  background-position: 0px -20397px;
  width: 36px;
  height: 46px;
}

.icon-energy_proicon {
  background-position: 0px -15465px;
  width: 31px;
  height: 31px;
}

.icon-energy_samplemodel {
  background-position: 0px -21143px;
  width: 76px;
  height: 56px;
}

.icon-energy_tabButton {
  background-position: 0px -1386px;
  width: 25px;
  height: 25px;
}

.icon-energy_tabButton_disabled {
  background-position: 0px -1312px;
  width: 25px;
  height: 25px;
}

.icon-energy_tabButton_selected {
  background-position: 0px -1349px;
  width: 25px;
  height: 25px;
}

.icon-area {
  background-position: 0px -13323px;
  width: 33px;
  height: 30px;
}

.icon-area_done {
  background-position: 0px -13197px;
  width: 33px;
  height: 30px;
}

.icon-area_properties {
  background-position: 0px -2015px;
  width: 25px;
  height: 25px;
}

.icon-area_selected {
  background-position: 0px -13281px;
  width: 33px;
  height: 30px;
}

.icon-area_selected_done {
  background-position: 0px -13239px;
  width: 33px;
  height: 30px;
}

.icon-building_type {
  background-position: 0px -13491px;
  width: 33px;
  height: 30px;
}

.icon-building_type_done {
  background-position: 0px -13365px;
  width: 33px;
  height: 30px;
}

.icon-building_type_properties {
  background-position: 0px -2052px;
  width: 25px;
  height: 25px;
}

.icon-building_type_selected {
  background-position: 0px -13449px;
  width: 33px;
  height: 30px;
}

.icon-building_type_selected_done {
  background-position: 0px -13407px;
  width: 33px;
  height: 30px;
}

.icon-button_dashboard_close {
  background-position: 0px -2089px;
  width: 25px;
  height: 25px;
}

.icon-current_location {
  background-position: 0px -13575px;
  width: 30px;
  height: 30px;
}

.icon-current_location_selected {
  background-position: 0px -13533px;
  width: 30px;
  height: 30px;
}

.icon-location {
  background-position: 0px -13743px;
  width: 33px;
  height: 30px;
}

.icon-location_done {
  background-position: 0px -13617px;
  width: 33px;
  height: 30px;
}

.icon-location_properties {
  background-position: 0px -2126px;
  width: 25px;
  height: 25px;
}

.icon-location_selected {
  background-position: 0px -13701px;
  width: 33px;
  height: 30px;
}

.icon-location_selected_done {
  background-position: 0px -13659px;
  width: 33px;
  height: 30px;
}

.icon-refresh {
  background-position: 0px -13785px;
  width: 26px;
  height: 30px;
}

.icon-refresh_blue {
  background-position: 0px -203px;
  width: 16px;
  height: 18px;
}

.icon-button_gall_duplicate {
  background-position: 0px -12987px;
  width: 30px;
  height: 30px;
}

.icon-button_gall_duplicate_selected {
  background-position: 0px -12945px;
  width: 30px;
  height: 30px;
}

.icon-button_gall_pencil {
  background-position: 0px -13071px;
  width: 30px;
  height: 30px;
}

.icon-button_gall_pencil_selected {
  background-position: 0px -13029px;
  width: 30px;
  height: 30px;
}

.icon-button_gall_trash {
  background-position: 0px -13155px;
  width: 30px;
  height: 30px;
}

.icon-button_gall_trash_selected {
  background-position: 0px -13113px;
  width: 30px;
  height: 30px;
}

.icon-input_checkbox_checkmark {
  background-position: 0px -22px;
  width: 12px;
  height: 10px;
}

.icon-input_checkbox_checkmark_disabled {
  background-position: 0px 0px;
  width: 12px;
  height: 10px;
}

.icon-button_layer_add {
  background-position: 0px -2237px;
  width: 25px;
  height: 25px;
}

.icon-button_layer_add_disabled {
  background-position: 0px -2163px;
  width: 25px;
  height: 25px;
}

.icon-button_layer_add_selected {
  background-position: 0px -2200px;
  width: 25px;
  height: 25px;
}

.icon-button_layer_remove {
  background-position: 0px -2348px;
  width: 25px;
  height: 25px;
}

.icon-button_layer_remove_disabled {
  background-position: 0px -2274px;
  width: 25px;
  height: 25px;
}

.icon-button_layer_remove_selected {
  background-position: 0px -2311px;
  width: 25px;
  height: 25px;
}

.icon-button_layers {
  background-position: 0px -2459px;
  width: 25px;
  height: 25px;
}

.icon-button_layers_disabled {
  background-position: 0px -2385px;
  width: 25px;
  height: 25px;
}

.icon-button_layers_selected {
  background-position: 0px -2422px;
  width: 25px;
  height: 25px;
}

.icon-button_select {
  background-position: 0px -297px;
  width: 20px;
  height: 20px;
}

.icon-button_select_disabled {
  background-position: 0px -233px;
  width: 20px;
  height: 20px;
}

.icon-button_select_selected {
  background-position: 0px -265px;
  width: 20px;
  height: 20px;
}

.icon-button_trash {
  background-position: 0px -361px;
  width: 20px;
  height: 20px;
}

.icon-button_trash_selected {
  background-position: 0px -329px;
  width: 20px;
  height: 20px;
}

.icon-button_delete {
  background-position: 0px -68px;
  width: 12px;
  height: 12px;
}

.icon-button_delete_selected {
  background-position: 0px -44px;
  width: 12px;
  height: 12px;
}

.icon-button_levels {
  background-position: 0px -2570px;
  width: 25px;
  height: 25px;
}

.icon-button_levels_disabled {
  background-position: 0px -2496px;
  width: 25px;
  height: 25px;
}

.icon-button_levels_selected {
  background-position: 0px -2533px;
  width: 25px;
  height: 25px;
}

.icon-button_row_picker {
  background-position: 0px -2644px;
  width: 25px;
  height: 25px;
}

.icon-button_row_picker_blue {
  background-position: 0px -2607px;
  width: 25px;
  height: 25px;
}

.icon-levels_checked {
  background-position: 0px -1065px;
  width: 22px;
  height: 22px;
}

.icon-levels_unchecked {
  background-position: 0px -1099px;
  width: 22px;
  height: 22px;
}

.icon-button_set_location {
  background-position: 0px -13869px;
  width: 30px;
  height: 30px;
}

.icon-button_set_location_selected {
  background-position: 0px -13827px;
  width: 30px;
  height: 30px;
}

.icon-location_marker {
  background-position: 0px -2681px;
  width: 16px;
  height: 25px;
}

.icon-weather_station_pin {
  background-position: 0px -2755px;
  width: 25px;
  height: 25px;
}

.icon-weather_station_pin_selected {
  background-position: 0px -2718px;
  width: 25px;
  height: 25px;
}

.icon-arrow {
  background-position: 0px -12822px;
  width: 250px;
  height: 29px;
}

.icon-button_20_delete {
  background-position: 0px -425px;
  width: 20px;
  height: 20px;
}

.icon-button_20_delete_selected {
  background-position: 0px -393px;
  width: 20px;
  height: 20px;
}

.icon-button_20_duplicate {
  background-position: 0px -489px;
  width: 20px;
  height: 20px;
}

.icon-button_20_duplicate_selected {
  background-position: 0px -457px;
  width: 20px;
  height: 20px;
}

.icon-button_20_paintbrush {
  background-position: 0px -553px;
  width: 20px;
  height: 20px;
}

.icon-button_20_paintbrush_selected {
  background-position: 0px -521px;
  width: 20px;
  height: 20px;
}

.icon-button_20_palette {
  background-position: 0px -617px;
  width: 20px;
  height: 20px;
}

.icon-button_20_palette_selected {
  background-position: 0px -585px;
  width: 20px;
  height: 20px;
}

.icon-button_20_pencil {
  background-position: 0px -681px;
  width: 20px;
  height: 20px;
}

.icon-button_20_pencil_selected {
  background-position: 0px -649px;
  width: 20px;
  height: 20px;
}

.icon-button_camera {
  background-position: 0px -2866px;
  width: 25px;
  height: 25px;
}

.icon-button_camera_disabled {
  background-position: 0px -2792px;
  width: 25px;
  height: 25px;
}

.icon-button_camera_selected {
  background-position: 0px -2829px;
  width: 25px;
  height: 25px;
}

.icon-button_folder20 {
  background-position: 0px -745px;
  width: 30px;
  height: 20px;
}

.icon-button_folder20_selected {
  background-position: 0px -713px;
  width: 30px;
  height: 20px;
}

.icon-button_mat_Pencil {
  background-position: 0px -3014px;
  width: 25px;
  height: 25px;
}

.icon-button_mat_Pencil_selected {
  background-position: 0px -2977px;
  width: 25px;
  height: 25px;
}

.icon-button_mat_duplicate {
  background-position: 0px -2940px;
  width: 25px;
  height: 25px;
}

.icon-button_mat_duplicate_selected {
  background-position: 0px -2903px;
  width: 25px;
  height: 25px;
}

.icon-button_mat_paintbrush {
  background-position: 0px -12746px;
  width: 26px;
  height: 26px;
}

.icon-button_mat_paintbrush_selected {
  background-position: 0px -12708px;
  width: 26px;
  height: 26px;
}

.icon-button_mat_trash {
  background-position: 0px -3088px;
  width: 25px;
  height: 25px;
}

.icon-button_mat_trash_selected {
  background-position: 0px -3051px;
  width: 25px;
  height: 25px;
}

.icon-button_picture {
  background-position: 0px -3199px;
  width: 25px;
  height: 25px;
}

.icon-button_picture_disabled {
  background-position: 0px -3125px;
  width: 25px;
  height: 25px;
}

.icon-button_picture_selected {
  background-position: 0px -3162px;
  width: 25px;
  height: 25px;
}

.icon-button_select {
  background-position: 0px -809px;
  width: 20px;
  height: 20px;
}

.icon-button_select_selected {
  background-position: 0px -777px;
  width: 20px;
  height: 20px;
}

.icon-lock {
  background-position: 0px -92px;
  width: 12px;
  height: 12px;
}

.icon-button_plugins {
  background-position: 0px -3273px;
  width: 25px;
  height: 25px;
}

.icon-button_plugins_selected {
  background-position: 0px -3236px;
  width: 25px;
  height: 25px;
}

.icon-button_3dpencil {
  background-position: 0px -3347px;
  width: 25px;
  height: 25px;
}

.icon-button_3dpencil_selected {
  background-position: 0px -3310px;
  width: 25px;
  height: 25px;
}

.icon-button_arc {
  background-position: 0px -3495px;
  width: 25px;
  height: 25px;
}

.icon-button_arc_center {
  background-position: 0px -3421px;
  width: 25px;
  height: 25px;
}

.icon-button_arc_center_selected {
  background-position: 0px -3384px;
  width: 25px;
  height: 25px;
}

.icon-button_arc_selected {
  background-position: 0px -3458px;
  width: 25px;
  height: 25px;
}

.icon-button_arrow {
  background-position: 0px -12784px;
  width: 26px;
  height: 26px;
}

.icon-button_arrow_disabled {
  background-position: 0px -3532px;
  width: 25px;
  height: 25px;
}

.icon-button_arrow_selected {
  background-position: 0px -3569px;
  width: 25px;
  height: 25px;
}

.icon-button_circle {
  background-position: 0px -3680px;
  width: 25px;
  height: 25px;
}

.icon-button_circle_disabled {
  background-position: 0px -3606px;
  width: 25px;
  height: 25px;
}

.icon-button_circle_selected {
  background-position: 0px -3643px;
  width: 25px;
  height: 25px;
}

.icon-button_cone {
  background-position: 0px -3754px;
  width: 25px;
  height: 25px;
}

.icon-button_cone_selected {
  background-position: 0px -3717px;
  width: 25px;
  height: 25px;
}

.icon-button_cube {
  background-position: 0px -3865px;
  width: 25px;
  height: 25px;
}

.icon-button_cube_disabled {
  background-position: 0px -3791px;
  width: 25px;
  height: 25px;
}

.icon-button_cube_selected {
  background-position: 0px -3828px;
  width: 25px;
  height: 25px;
}

.icon-button_cylinder {
  background-position: 0px -3976px;
  width: 25px;
  height: 25px;
}

.icon-button_cylinder_disabled {
  background-position: 0px -3902px;
  width: 25px;
  height: 25px;
}

.icon-button_cylinder_selected {
  background-position: 0px -3939px;
  width: 25px;
  height: 25px;
}

.icon-button_dome {
  background-position: 0px -4087px;
  width: 25px;
  height: 25px;
}

.icon-button_dome_disabled {
  background-position: 0px -4013px;
  width: 25px;
  height: 25px;
}

.icon-button_dome_selected {
  background-position: 0px -4050px;
  width: 25px;
  height: 25px;
}

.icon-button_drawing_tools {
  background-position: 0px -4198px;
  width: 25px;
  height: 25px;
}

.icon-button_drawing_tools_disabled {
  background-position: 0px -4124px;
  width: 25px;
  height: 25px;
}

.icon-button_drawing_tools_selected {
  background-position: 0px -4161px;
  width: 25px;
  height: 25px;
}

.icon-button_guide {
  background-position: 0px -4272px;
  width: 25px;
  height: 25px;
}

.icon-button_guide_selected {
  background-position: 0px -4235px;
  width: 25px;
  height: 25px;
}

.icon-button_line {
  background-position: 0px -4383px;
  width: 25px;
  height: 25px;
}

.icon-button_line_disabled {
  background-position: 0px -4309px;
  width: 25px;
  height: 25px;
}

.icon-button_line_selected {
  background-position: 0px -4346px;
  width: 25px;
  height: 25px;
}

.icon-button_pyramid {
  background-position: 0px -4457px;
  width: 25px;
  height: 25px;
}

.icon-button_pyramid_selected {
  background-position: 0px -4420px;
  width: 25px;
  height: 25px;
}

.icon-button_rectangle {
  background-position: 0px -4568px;
  width: 25px;
  height: 25px;
}

.icon-button_rectangle_disabled {
  background-position: 0px -4494px;
  width: 25px;
  height: 25px;
}

.icon-button_rectangle_selected {
  background-position: 0px -4531px;
  width: 25px;
  height: 25px;
}

.icon-button_roof {
  background-position: 0px -4679px;
  width: 25px;
  height: 25px;
}

.icon-button_roof_disabled {
  background-position: 0px -4605px;
  width: 25px;
  height: 25px;
}

.icon-button_roof_selected {
  background-position: 0px -4642px;
  width: 25px;
  height: 25px;
}

.icon-button_spline {
  background-position: 0px -4790px;
  width: 25px;
  height: 25px;
}

.icon-button_spline_disabled {
  background-position: 0px -4716px;
  width: 25px;
  height: 25px;
}

.icon-button_spline_selected {
  background-position: 0px -4753px;
  width: 25px;
  height: 25px;
}

.icon-button_vault {
  background-position: 0px -4901px;
  width: 25px;
  height: 25px;
}

.icon-button_vault_disabled {
  background-position: 0px -4827px;
  width: 25px;
  height: 25px;
}

.icon-button_vault_selected {
  background-position: 0px -4864px;
  width: 25px;
  height: 25px;
}

.icon-button_vertex {
  background-position: 0px -5012px;
  width: 25px;
  height: 25px;
}

.icon-button_vertex_disabled {
  background-position: 0px -4938px;
  width: 25px;
  height: 25px;
}

.icon-button_vertex_selected {
  background-position: 0px -4975px;
  width: 25px;
  height: 25px;
}

.icon-button_wall {
  background-position: 0px -5123px;
  width: 25px;
  height: 25px;
}

.icon-button_wall_disabled {
  background-position: 0px -5049px;
  width: 25px;
  height: 25px;
}

.icon-button_wall_selected {
  background-position: 0px -5086px;
  width: 25px;
  height: 25px;
}

.icon-button_promaterials {
  background-position: 0px -5160px;
  width: 25px;
  height: 25px;
}

.icon-button_windows {
  background-position: 0px -5197px;
  width: 25px;
  height: 25px;
}

.icon-dialog_collab_large {
  background-position: 0px -20001px;
  width: 44px;
  height: 44px;
}

.icon-dialog_energy_large {
  background-position: 0px -20057px;
  width: 44px;
  height: 44px;
}

.icon-dialog_materials_large {
  background-position: 0px -20113px;
  width: 44px;
  height: 44px;
}

.icon-dialog_solar_large {
  background-position: 0px -20169px;
  width: 44px;
  height: 44px;
}

.icon-dialog_windows_large {
  background-position: 0px -20225px;
  width: 44px;
  height: 44px;
}

.icon-program-area {
  background-position: 0px -5234px;
  width: 25px;
  height: 25px;
}

.icon-program-building {
  background-position: 0px -5271px;
  width: 25px;
  height: 25px;
}

.icon-program-far {
  background-position: 0px -5308px;
  width: 25px;
  height: 25px;
}

.icon-program-location {
  background-position: 0px -5345px;
  width: 25px;
  height: 25px;
}

.icon-button_sat_placeholder {
  background-position: 0px -21875px;
  width: 100px;
  height: 100px;
}

.icon-button_add_animation {
  background-position: 0px -5456px;
  width: 25px;
  height: 25px;
}

.icon-button_add_animation_disabled {
  background-position: 0px -5382px;
  width: 25px;
  height: 25px;
}

.icon-button_add_animation_selected {
  background-position: 0px -5419px;
  width: 25px;
  height: 25px;
}

.icon-button_play {
  background-position: 0px -5567px;
  width: 25px;
  height: 25px;
}

.icon-button_play_disabled {
  background-position: 0px -5493px;
  width: 25px;
  height: 25px;
}

.icon-button_play_selected {
  background-position: 0px -5530px;
  width: 25px;
  height: 25px;
}

.icon-button_scene_edit {
  background-position: 0px -5752px;
  width: 25px;
  height: 25px;
}

.icon-button_scene_edit_disabled {
  background-position: 0px -5604px;
  width: 25px;
  height: 25px;
}

.icon-button_scene_edit_selected {
  background-position: 0px -5641px;
  width: 25px;
  height: 25px;
}

.icon-button_scene_edit_selection {
  background-position: 0px -5715px;
  width: 25px;
  height: 25px;
}

.icon-button_scene_edit_selection_selected {
  background-position: 0px -5678px;
  width: 25px;
  height: 25px;
}

.icon-button_scenes {
  background-position: 0px -5863px;
  width: 25px;
  height: 25px;
}

.icon-button_scenes_disabled {
  background-position: 0px -5789px;
  width: 25px;
  height: 25px;
}

.icon-button_scenes_duplicate {
  background-position: 0px -873px;
  width: 20px;
  height: 20px;
}

.icon-button_scenes_duplicate_selected {
  background-position: 0px -841px;
  width: 20px;
  height: 20px;
}

.icon-button_scenes_selected {
  background-position: 0px -5826px;
  width: 25px;
  height: 25px;
}

.icon-button_scenes_update {
  background-position: 0px -937px;
  width: 20px;
  height: 20px;
}

.icon-button_scenes_update_selected {
  background-position: 0px -905px;
  width: 20px;
  height: 20px;
}

.icon-button_stop {
  background-position: 0px -5974px;
  width: 25px;
  height: 25px;
}

.icon-button_stop_disabled {
  background-position: 0px -5900px;
  width: 25px;
  height: 25px;
}

.icon-button_stop_selected {
  background-position: 0px -5937px;
  width: 25px;
  height: 25px;
}

.icon-button_trash {
  background-position: 0px -1001px;
  width: 20px;
  height: 20px;
}

.icon-button_trash_selected {
  background-position: 0px -969px;
  width: 20px;
  height: 20px;
}

.icon-button_share {
  background-position: 0px -6159px;
  width: 25px;
  height: 25px;
}

.icon-button_share_activated {
  background-position: 0px -6048px;
  width: 25px;
  height: 25px;
}

.icon-button_share_activated_selected {
  background-position: 0px -6011px;
  width: 25px;
  height: 25px;
}

.icon-button_share_disabled {
  background-position: 0px -6085px;
  width: 25px;
  height: 25px;
}

.icon-button_share_free {
  background-position: 0px -1167px;
  width: 24px;
  height: 24px;
}

.icon-button_share_selected {
  background-position: 0px -6122px;
  width: 25px;
  height: 25px;
}

.icon-button_BPA_disabled {
  background-position: 0px -6233px;
  width: 25px;
  height: 25px;
}

.icon-button_back {
  background-position: 0px -6196px;
  width: 25px;
  height: 25px;
}

.icon-button_bpa {
  background-position: 0px -6307px;
  width: 25px;
  height: 25px;
}

.icon-button_bpa_selected {
  background-position: 0px -6270px;
  width: 25px;
  height: 25px;
}

.icon-button_signin {
  background-position: 0px -6344px;
  width: 25px;
  height: 25px;
}

.icon-button_signout {
  background-position: 0px -6381px;
  width: 25px;
  height: 25px;
}

.icon-unit_checkmark {
  background-position: 0px -1133px;
  width: 22px;
  height: 22px;
}

.icon-button_create_disabled {
  background-position: 0px -6418px;
  width: 25px;
  height: 25px;
}

.icon-button_create_sketch_disabled {
  background-position: 0px -6455px;
  width: 25px;
  height: 25px;
}

.icon-button_group_disabled {
  background-position: 0px -6492px;
  width: 25px;
  height: 25px;
}

.icon-button_location_pin_disabled {
  background-position: 0px -6529px;
  width: 25px;
  height: 25px;
}

.icon-button_settings_gear_disabled {
  background-position: 0px -6566px;
  width: 25px;
  height: 25px;
}

.icon-Pro-Collab-Active-Disabled {
  background-position: 0px -13911px;
  width: 40px;
  height: 30px;
}

.icon-Pro-Collab-Active {
  background-position: 0px -13953px;
  width: 40px;
  height: 30px;
}

.icon-Pro-Collab-Disabled {
  background-position: 0px -13995px;
  width: 40px;
  height: 30px;
}

.icon-Pro-Collab-On {
  background-position: 0px -14037px;
  width: 40px;
  height: 30px;
}

.icon-Pro-Features-Disabled {
  background-position: 0px -14163px;
  width: 30px;
  height: 30px;
}

.icon-Pro-Features-On {
  background-position: 0px -14205px;
  width: 30px;
  height: 30px;
}

.icon-Pro-Features_Disabled {
  background-position: 0px -14079px;
  width: 30px;
  height: 30px;
}

.icon-Pro-Features_On {
  background-position: 0px -14121px;
  width: 30px;
  height: 30px;
}

.icon-Pro-Solar-On {
  background-position: 0px -14247px;
  width: 45px;
  height: 30px;
}

.icon-solar_analysis {
  background-position: 0px -14415px;
  width: 45px;
  height: 30px;
}

.icon-solar_analysis_default_white {
  background-position: 0px -14289px;
  width: 45px;
  height: 30px;
}

.icon-solar_analysis_disabled {
  background-position: 0px -14331px;
  width: 45px;
  height: 30px;
}

.icon-solar_analysis_noPro {
  background-position: 0px -6603px;
  width: 25px;
  height: 25px;
}

.icon-solar_analysis_selected {
  background-position: 0px -14373px;
  width: 45px;
  height: 30px;
}

.icon-SA-Close {
  background-position: 0px -14457px;
  width: 30px;
  height: 30px;
}

.icon-SA-Save {
  background-position: 0px -6640px;
  width: 25px;
  height: 25px;
}

.icon-button_view_arrow_orange {
  background-position: 0px -14499px;
  width: 30px;
  height: 30px;
}

.icon-Toast-Close {
  background-position: 0px -14541px;
  width: 30px;
  height: 30px;
}

.icon-Tooltip-Close {
  background-position: 0px -116px;
  width: 10px;
  height: 15px;
}

.icon-solar_modeicon {
  background-position: 0px -1203px;
  width: 24px;
  height: 24px;
}

.icon-solar_toolbar {
  background-position: 0px -1239px;
  width: 24px;
  height: 24px;
}

.icon-button_dynamic_content {
  background-position: 0px -6714px;
  width: 25px;
  height: 25px;
}

.icon-button_dynamic_content_selected {
  background-position: 0px -6677px;
  width: 25px;
  height: 25px;
}

.icon-button_groups_tree {
  background-position: 0px -6788px;
  width: 25px;
  height: 25px;
}

.icon-button_groups_tree_selected {
  background-position: 0px -6751px;
  width: 25px;
  height: 25px;
}

.icon-button_visual_styles {
  background-position: 0px -6899px;
  width: 25px;
  height: 25px;
}

.icon-button_visual_styles_disabled {
  background-position: 0px -6825px;
  width: 25px;
  height: 25px;
}

.icon-button_visual_styles_selected {
  background-position: 0px -6862px;
  width: 25px;
  height: 25px;
}

.icon-contentLibrary_thumbnail_DEFAULT {
  background-position: 0px -21372px;
  width: 88px;
  height: 88px;
}

.icon-contentLibrary_thumbnail_FOLDER {
  background-position: 0px -21472px;
  width: 88px;
  height: 88px;
}

.icon-contentLibrary_thumbnail_OBJ {
  background-position: 0px -21572px;
  width: 89px;
  height: 89px;
}

.icon-contentLibrary_thumbnail_SAT {
  background-position: 0px -21673px;
  width: 89px;
  height: 89px;
}

.icon-contentLibrary_thumbnail_STL {
  background-position: 0px -21774px;
  width: 89px;
  height: 89px;
}

.icon-gallery_thumbnail_DEFAULT {
  background-position: 0px -21987px;
  width: 170px;
  height: 170px;
}

.icon-gallery_thumbnail_FOLDER {
  background-position: 0px -22169px;
  width: 170px;
  height: 170px;
}

.icon-gallery_thumbnail_OBJ {
  background-position: 0px -22351px;
  width: 171px;
  height: 171px;
}

.icon-gallery_thumbnail_SAT {
  background-position: 0px -22534px;
  width: 171px;
  height: 171px;
}

.icon-gallery_thumbnail_STL {
  background-position: 0px -22717px;
  width: 171px;
  height: 171px;
}

.icon-Revit_Overlay {
  background-position: 0px -6936px;
  width: 27px;
  height: 25px;
}

.icon-acc_mark {
  background-position: 0px -1033px;
  width: 20px;
  height: 20px;
}

.icon-button_location_loading_animated01 {
  background-position: 0px -7047px;
  width: 25px;
  height: 25px;
}

.icon-button_location_loading_animated02 {
  background-position: 0px -7084px;
  width: 25px;
  height: 25px;
}

.icon-button_location_loading_animated03 {
  background-position: 0px -7121px;
  width: 25px;
  height: 25px;
}

.icon-button_location_loading_animated04 {
  background-position: 0px -7158px;
  width: 25px;
  height: 25px;
}

.icon-cloud_sync_animated01 {
  background-position: 0px -19637px;
  width: 45px;
  height: 40px;
}

.icon-cloud_sync_animated02 {
  background-position: 0px -19689px;
  width: 45px;
  height: 40px;
}

.icon-cloud_sync_animated03 {
  background-position: 0px -19741px;
  width: 45px;
  height: 40px;
}

.icon-cloud_sync_animated04 {
  background-position: 0px -19793px;
  width: 45px;
  height: 40px;
}

.icon-cloud_sync_animated05 {
  background-position: 0px -19845px;
  width: 45px;
  height: 40px;
}

.icon-loading_animated01 {
  background-position: 0px -7195px;
  width: 25px;
  height: 25px;
}

.icon-loading_animated02 {
  background-position: 0px -7232px;
  width: 25px;
  height: 25px;
}

.icon-loading_animated03 {
  background-position: 0px -7269px;
  width: 25px;
  height: 25px;
}

.icon-loading_animated04 {
  background-position: 0px -7306px;
  width: 25px;
  height: 25px;
}

.icon-add_folder {
  background-position: 0px -7010px;
  width: 25px;
  height: 25px;
}

.icon-add_folder_selected {
  background-position: 0px -6973px;
  width: 25px;
  height: 25px;
}

.icon-button_3doffset {
  background-position: 0px -7417px;
  width: 25px;
  height: 25px;
}

.icon-button_3doffset_disabled {
  background-position: 0px -7343px;
  width: 25px;
  height: 25px;
}

.icon-button_3doffset_selected {
  background-position: 0px -7380px;
  width: 25px;
  height: 25px;
}

.icon-button_3dshell {
  background-position: 0px -7528px;
  width: 25px;
  height: 25px;
}

.icon-button_3dshell_disabled {
  background-position: 0px -7454px;
  width: 25px;
  height: 25px;
}

.icon-button_3dshell_selected {
  background-position: 0px -7491px;
  width: 25px;
  height: 25px;
}

.icon-button_add {
  background-position: 0px -7639px;
  width: 25px;
  height: 25px;
}

.icon-button_add_disabled {
  background-position: 0px -7565px;
  width: 25px;
  height: 25px;
}

.icon-button_add_selected {
  background-position: 0px -7602px;
  width: 25px;
  height: 25px;
}

.icon-button_advancedgeometry {
  background-position: 0px -7750px;
  width: 25px;
  height: 25px;
}

.icon-button_advancedgeometry_disabled {
  background-position: 0px -7676px;
  width: 25px;
  height: 25px;
}

.icon-button_advancedgeometry_selected {
  background-position: 0px -7713px;
  width: 25px;
  height: 25px;
}

.icon-button_advancedgeomtry_disabled {
  background-position: 0px -12863px;
  width: 29px;
  height: 29px;
}

.icon-button_arrow {
  background-position: 0px -7861px;
  width: 25px;
  height: 25px;
}

.icon-button_arrow_disabled {
  background-position: 0px -7787px;
  width: 25px;
  height: 25px;
}

.icon-button_arrow_selected {
  background-position: 0px -7824px;
  width: 25px;
  height: 25px;
}

.icon-button_back {
  background-position: 0px -7972px;
  width: 25px;
  height: 25px;
}

.icon-button_back_disabled {
  background-position: 0px -7898px;
  width: 25px;
  height: 25px;
}

.icon-button_back_selected {
  background-position: 0px -7935px;
  width: 25px;
  height: 25px;
}

.icon-button_blend {
  background-position: 0px -8083px;
  width: 25px;
  height: 25px;
}

.icon-button_blend_disabled {
  background-position: 0px -8009px;
  width: 25px;
  height: 25px;
}

.icon-button_blend_selected {
  background-position: 0px -8046px;
  width: 25px;
  height: 25px;
}

.icon-button_cancel {
  background-position: 0px -8194px;
  width: 25px;
  height: 25px;
}

.icon-button_cancel_disabled {
  background-position: 0px -8120px;
  width: 25px;
  height: 25px;
}

.icon-button_cancel_selected {
  background-position: 0px -8157px;
  width: 25px;
  height: 25px;
}

.icon-button_confirm {
  background-position: 0px -8305px;
  width: 25px;
  height: 25px;
}

.icon-button_confirm_disabled {
  background-position: 0px -8231px;
  width: 25px;
  height: 25px;
}

.icon-button_confirm_selected {
  background-position: 0px -8268px;
  width: 25px;
  height: 25px;
}

.icon-button_cover {
  background-position: 0px -8379px;
  width: 25px;
  height: 25px;
}

.icon-button_cover_selected {
  background-position: 0px -8342px;
  width: 25px;
  height: 25px;
}

.icon-button_create {
  background-position: 0px -8601px;
  width: 25px;
  height: 25px;
}

.icon-button_create_disabled {
  background-position: 0px -8416px;
  width: 25px;
  height: 25px;
}

.icon-button_create_selected {
  background-position: 0px -8453px;
  width: 25px;
  height: 25px;
}

.icon-button_create_sketch {
  background-position: 0px -8564px;
  width: 25px;
  height: 25px;
}

.icon-button_create_sketch_disabled {
  background-position: 0px -8490px;
  width: 25px;
  height: 25px;
}

.icon-button_create_sketch_selected {
  background-position: 0px -8527px;
  width: 25px;
  height: 25px;
}

.icon-button_developer_menu {
  background-position: 0px -12904px;
  width: 29px;
  height: 29px;
}

.icon-button_duplicate {
  background-position: 0px -8712px;
  width: 25px;
  height: 25px;
}

.icon-button_duplicate_disabled {
  background-position: 0px -8638px;
  width: 25px;
  height: 25px;
}

.icon-button_duplicate_selected {
  background-position: 0px -8675px;
  width: 25px;
  height: 25px;
}

.icon-button_energy {
  background-position: 0px -8786px;
  width: 25px;
  height: 25px;
}

.icon-button_energy_selected {
  background-position: 0px -8749px;
  width: 25px;
  height: 25px;
}

.icon-button_folder {
  background-position: 0px -8897px;
  width: 25px;
  height: 25px;
}

.icon-button_folder_disabled {
  background-position: 0px -8823px;
  width: 25px;
  height: 25px;
}

.icon-button_folder_selected {
  background-position: 0px -8860px;
  width: 25px;
  height: 25px;
}

.icon-button_gallery {
  background-position: 0px -9008px;
  width: 25px;
  height: 25px;
}

.icon-button_gallery_disabled {
  background-position: 0px -8934px;
  width: 25px;
  height: 25px;
}

.icon-button_gallery_selected {
  background-position: 0px -8971px;
  width: 25px;
  height: 25px;
}

.icon-button_group {
  background-position: 0px -9785px;
  width: 25px;
  height: 25px;
}

.icon-button_group_create {
  background-position: 0px -9119px;
  width: 25px;
  height: 25px;
}

.icon-button_group_create_disabled {
  background-position: 0px -9045px;
  width: 25px;
  height: 25px;
}

.icon-button_group_create_selected {
  background-position: 0px -9082px;
  width: 25px;
  height: 25px;
}

.icon-button_group_disabled {
  background-position: 0px -9156px;
  width: 25px;
  height: 25px;
}

.icon-button_group_edit_in_context {
  background-position: 0px -9230px;
  width: 25px;
  height: 25px;
}

.icon-button_group_edit_in_context_selected {
  background-position: 0px -9193px;
  width: 25px;
  height: 25px;
}

.icon-button_group_exit_to_parent {
  background-position: 0px -9304px;
  width: 25px;
  height: 25px;
}

.icon-button_group_exit_to_parent_selected {
  background-position: 0px -9267px;
  width: 25px;
  height: 25px;
}

.icon-button_group_flatten {
  background-position: 0px -9415px;
  width: 25px;
  height: 25px;
}

.icon-button_group_flatten_disabled {
  background-position: 0px -9341px;
  width: 25px;
  height: 25px;
}

.icon-button_group_flatten_selected {
  background-position: 0px -9378px;
  width: 25px;
  height: 25px;
}

.icon-button_group_make_unique {
  background-position: 0px -9489px;
  width: 25px;
  height: 25px;
}

.icon-button_group_make_unique_selected {
  background-position: 0px -9452px;
  width: 25px;
  height: 25px;
}

.icon-button_group_redo {
  background-position: 0px -9600px;
  width: 25px;
  height: 25px;
}

.icon-button_group_redo_disabled {
  background-position: 0px -9526px;
  width: 25px;
  height: 25px;
}

.icon-button_group_redo_selected {
  background-position: 0px -9563px;
  width: 25px;
  height: 25px;
}

.icon-button_group_selected {
  background-position: 0px -9637px;
  width: 25px;
  height: 25px;
}

.icon-button_group_undo {
  background-position: 0px -9748px;
  width: 25px;
  height: 25px;
}

.icon-button_group_undo_disabled {
  background-position: 0px -9674px;
  width: 25px;
  height: 25px;
}

.icon-button_group_undo_selected {
  background-position: 0px -9711px;
  width: 25px;
  height: 25px;
}

.icon-button_import {
  background-position: 0px -9896px;
  width: 25px;
  height: 25px;
}

.icon-button_import_disabled {
  background-position: 0px -9822px;
  width: 25px;
  height: 25px;
}

.icon-button_import_selected {
  background-position: 0px -9859px;
  width: 25px;
  height: 25px;
}

.icon-button_information {
  background-position: 0px -9970px;
  width: 25px;
  height: 25px;
}

.icon-button_information_selected {
  background-position: 0px -9933px;
  width: 25px;
  height: 25px;
}

.icon-button_location_disabled {
  background-position: 0px -10007px;
  width: 16px;
  height: 25px;
}

.icon-button_location_failed {
  background-position: 0px -10044px;
  width: 25px;
  height: 25px;
}

.icon-button_location_pin {
  background-position: 0px -10118px;
  width: 25px;
  height: 25px;
}

.icon-button_location_pin_selected {
  background-position: 0px -10081px;
  width: 25px;
  height: 25px;
}

.icon-button_location_properties {
  background-position: 0px -14583px;
  width: 33px;
  height: 30px;
}

.icon-button_location_selected {
  background-position: 0px -10155px;
  width: 25px;
  height: 25px;
}

.icon-button_loft {
  background-position: 0px -10229px;
  width: 25px;
  height: 25px;
}

.icon-button_loft_selected {
  background-position: 0px -10192px;
  width: 25px;
  height: 25px;
}

.icon-button_measure_angular {
  background-position: 0px -10303px;
  width: 25px;
  height: 25px;
}

.icon-button_measure_angular_selected {
  background-position: 0px -10266px;
  width: 25px;
  height: 25px;
}

.icon-button_measure_linear {
  background-position: 0px -10414px;
  width: 25px;
  height: 25px;
}

.icon-button_measure_linear_disabled {
  background-position: 0px -10340px;
  width: 25px;
  height: 25px;
}

.icon-button_measure_linear_selected {
  background-position: 0px -10377px;
  width: 25px;
  height: 25px;
}

.icon-button_menu {
  background-position: 0px -10525px;
  width: 25px;
  height: 25px;
}

.icon-button_menu_disabled {
  background-position: 0px -10451px;
  width: 25px;
  height: 25px;
}

.icon-button_menu_selected {
  background-position: 0px -10488px;
  width: 25px;
  height: 25px;
}

.icon-button_next {
  background-position: 0px -10636px;
  width: 25px;
  height: 25px;
}

.icon-button_next_disabled {
  background-position: 0px -10562px;
  width: 25px;
  height: 25px;
}

.icon-button_next_selected {
  background-position: 0px -10599px;
  width: 25px;
  height: 25px;
}

.icon-button_pro {
  background-position: 0px -10784px;
  width: 25px;
  height: 25px;
}

.icon-button_pro_free_trial {
  background-position: 0px -10710px;
  width: 25px;
  height: 25px;
}

.icon-button_pro_free_trial_selected {
  background-position: 0px -10673px;
  width: 25px;
  height: 25px;
}

.icon-button_pro_selected {
  background-position: 0px -10747px;
  width: 25px;
  height: 25px;
}

.icon-button_properties {
  background-position: 0px -10895px;
  width: 25px;
  height: 25px;
}

.icon-button_properties_disabled {
  background-position: 0px -10821px;
  width: 25px;
  height: 25px;
}

.icon-button_properties_selected {
  background-position: 0px -10858px;
  width: 25px;
  height: 25px;
}

.icon-button_redo {
  background-position: 0px -11006px;
  width: 25px;
  height: 25px;
}

.icon-button_redo_disabled {
  background-position: 0px -10932px;
  width: 25px;
  height: 25px;
}

.icon-button_redo_selected {
  background-position: 0px -10969px;
  width: 25px;
  height: 25px;
}

.icon-button_remove {
  background-position: 0px -11117px;
  width: 25px;
  height: 25px;
}

.icon-button_remove_disabled {
  background-position: 0px -11043px;
  width: 25px;
  height: 25px;
}

.icon-button_remove_selected {
  background-position: 0px -11080px;
  width: 25px;
  height: 25px;
}

.icon-button_sendto {
  background-position: 0px -11228px;
  width: 25px;
  height: 25px;
}

.icon-button_sendto_disabled {
  background-position: 0px -11154px;
  width: 25px;
  height: 25px;
}

.icon-button_sendto_selected {
  background-position: 0px -11191px;
  width: 25px;
  height: 25px;
}

.icon-button_settings_gear {
  background-position: 0px -11339px;
  width: 25px;
  height: 25px;
}

.icon-button_settings_gear_disabled {
  background-position: 0px -11265px;
  width: 25px;
  height: 25px;
}

.icon-button_settings_gear_selected {
  background-position: 0px -11302px;
  width: 25px;
  height: 25px;
}

.icon-button_showSRActive {
  background-position: 0px -11450px;
  width: 25px;
  height: 25px;
}

.icon-button_showSRActive_disabled {
  background-position: 0px -11376px;
  width: 25px;
  height: 25px;
}

.icon-button_showSRActive_selected {
  background-position: 0px -11413px;
  width: 25px;
  height: 25px;
}

.icon-button_solarAnalysis {
  background-position: 0px -11561px;
  width: 25px;
  height: 25px;
}

.icon-button_solarAnalysis_selected {
  background-position: 0px -11524px;
  width: 25px;
  height: 25px;
}

.icon-button_solaranalysis_disabled {
  background-position: 0px -11487px;
  width: 25px;
  height: 25px;
}

.icon-button_sweep {
  background-position: 0px -11635px;
  width: 25px;
  height: 25px;
}

.icon-button_sweep_selected {
  background-position: 0px -11598px;
  width: 25px;
  height: 25px;
}

.icon-button_trash {
  background-position: 0px -11746px;
  width: 25px;
  height: 25px;
}

.icon-button_trash_disabled {
  background-position: 0px -11672px;
  width: 25px;
  height: 25px;
}

.icon-button_trash_selected {
  background-position: 0px -11709px;
  width: 25px;
  height: 25px;
}

.icon-button_undo {
  background-position: 0px -11857px;
  width: 25px;
  height: 25px;
}

.icon-button_undo_disabled {
  background-position: 0px -11783px;
  width: 25px;
  height: 25px;
}

.icon-button_undo_selected {
  background-position: 0px -11820px;
  width: 25px;
  height: 25px;
}

.icon-button_ungroup {
  background-position: 0px -12042px;
  width: 25px;
  height: 25px;
}

.icon-button_ungroup_all {
  background-position: 0px -11968px;
  width: 25px;
  height: 25px;
}

.icon-button_ungroup_all_disabled {
  background-position: 0px -11894px;
  width: 25px;
  height: 25px;
}

.icon-button_ungroup_all_selected {
  background-position: 0px -11931px;
  width: 25px;
  height: 25px;
}

.icon-button_ungroup_selected {
  background-position: 0px -12005px;
  width: 25px;
  height: 25px;
}

.icon-button_view {
  background-position: 0px -12116px;
  width: 25px;
  height: 25px;
}

.icon-button_view_selected {
  background-position: 0px -12079px;
  width: 25px;
  height: 25px;
}

.icon-cloud_sync_active {
  background-position: 0px -19897px;
  width: 45px;
  height: 40px;
}

.icon-cloud_sync_inactive {
  background-position: 0px -19949px;
  width: 45px;
  height: 40px;
}

.icon-load_failed {
  background-position: 0px -12153px;
  width: 25px;
  height: 25px;
}

.icon-refresh_update {
  background-position: 0px -12264px;
  width: 25px;
  height: 25px;
}

.icon-refresh_update_disabled {
  background-position: 0px -12190px;
  width: 25px;
  height: 25px;
}

.icon-refresh_update_selected {
  background-position: 0px -12227px;
  width: 25px;
  height: 25px;
}

.icon-toolbar_button_appearance {
  background-position: 0px -12375px;
  width: 25px;
  height: 25px;
}

.icon-toolbar_button_appearance_disabled {
  background-position: 0px -12301px;
  width: 25px;
  height: 25px;
}

.icon-toolbar_button_appearance_selected {
  background-position: 0px -12338px;
  width: 25px;
  height: 25px;
}

.icon-visual_styles_diagnostics {
  background-position: 0px -12449px;
  width: 25px;
  height: 25px;
}

.icon-visual_styles_diagnostics_big {
  background-position: 0px -20641px;
  width: 50px;
  height: 50px;
}

.icon-visual_styles_diagnostics_big_selected {
  background-position: 0px -20579px;
  width: 50px;
  height: 50px;
}

.icon-visual_styles_diagnostics_selected {
  background-position: 0px -12412px;
  width: 25px;
  height: 25px;
}

.icon-visual_styles_edges {
  background-position: 0px -12523px;
  width: 25px;
  height: 25px;
}

.icon-visual_styles_edges_big {
  background-position: 0px -20765px;
  width: 50px;
  height: 50px;
}

.icon-visual_styles_edges_big_selected {
  background-position: 0px -20703px;
  width: 50px;
  height: 50px;
}

.icon-visual_styles_edges_selected {
  background-position: 0px -12486px;
  width: 25px;
  height: 25px;
}

.icon-visual_styles_environment {
  background-position: 0px -12597px;
  width: 25px;
  height: 25px;
}

.icon-visual_styles_environment_big {
  background-position: 0px -20889px;
  width: 50px;
  height: 50px;
}

.icon-visual_styles_environment_big_selected {
  background-position: 0px -20827px;
  width: 50px;
  height: 50px;
}

.icon-visual_styles_environment_selected {
  background-position: 0px -12560px;
  width: 25px;
  height: 25px;
}

.icon-visual_styles_surfaces {
  background-position: 0px -12671px;
  width: 25px;
  height: 25px;
}

.icon-visual_styles_surfaces_big {
  background-position: 0px -21013px;
  width: 50px;
  height: 50px;
}

.icon-visual_styles_surfaces_big_selected {
  background-position: 0px -20951px;
  width: 50px;
  height: 50px;
}

.icon-visual_styles_surfaces_selected {
  background-position: 0px -12634px;
  width: 25px;
  height: 25px;
}

.icon-button_3doffset_selected {
  background-position: 0px -1423px;
  width: 25px;
  height: 25px;
}

.icon-button_cover {
  background-position: 0px -1497px;
  width: 25px;
  height: 25px;
}

.icon-button_cover_selected {
  background-position: 0px -1460px;
  width: 25px;
  height: 25px;
}

.icon-button_cut {
  background-position: 0px -1571px;
  width: 25px;
  height: 25px;
}

.icon-button_cut_selected {
  background-position: 0px -1534px;
  width: 25px;
  height: 25px;
}

.icon-button_intersect {
  background-position: 0px -1645px;
  width: 25px;
  height: 25px;
}

.icon-button_intersect_selected {
  background-position: 0px -1608px;
  width: 25px;
  height: 25px;
}

.icon-button_join {
  background-position: 0px -1719px;
  width: 25px;
  height: 25px;
}

.icon-button_join_selected {
  background-position: 0px -1682px;
  width: 25px;
  height: 25px;
}

.icon-button_loft {
  background-position: 0px -1793px;
  width: 25px;
  height: 25px;
}

.icon-button_loft_selected {
  background-position: 0px -1756px;
  width: 25px;
  height: 25px;
}

.icon-button_move {
  background-position: 0px -1830px;
  width: 25px;
  height: 25px;
}

.icon-button_next {
  background-position: 0px -1904px;
  width: 25px;
  height: 25px;
}

.icon-button_next_selected {
  background-position: 0px -1867px;
  width: 25px;
  height: 25px;
}

.icon-button_sweep {
  background-position: 0px -1978px;
  width: 25px;
  height: 25px;
}

.icon-button_sweep_selected {
  background-position: 0px -1941px;
  width: 25px;
  height: 25px;
}

.icon-getting_started_help {
  background-position: 0px -19118px;
  width: 35px;
  height: 35px;
}

.icon-getting_started_help_selected {
  background-position: 0px -19071px;
  width: 35px;
  height: 35px;
}

.icon-getting_started_information {
  background-position: 0px -19165px;
  width: 35px;
  height: 35px;
}

.icon-getting_started_notes {
  background-position: 0px -19212px;
  width: 35px;
  height: 35px;
}

.icon-getting_started_pro {
  background-position: 0px -19259px;
  width: 35px;
  height: 35px;
}

.icon-getting_started_video {
  background-position: 0px -19353px;
  width: 35px;
  height: 35px;
}

.icon-getting_started_video_selected {
  background-position: 0px -19306px;
  width: 35px;
  height: 35px;
}

.icon-rightPanelHandle {
  background-position: 0px -21287px;
  width: 13px;
  height: 73px;
}

.icon-button_view_3D {
  background-position: 0px -15551px;
  width: 31px;
  height: 31px;
}

.icon-button_view_3D_selected {
  background-position: 0px -15508px;
  width: 31px;
  height: 31px;
}

.icon-button_view_orbit {
  background-position: 0px -14667px;
  width: 30px;
  height: 30px;
}

.icon-button_view_orbit_selected {
  background-position: 0px -14625px;
  width: 30px;
  height: 30px;
}

.icon-button_view_ortho {
  background-position: 0px -14751px;
  width: 30px;
  height: 30px;
}

.icon-button_view_ortho_back {
  background-position: 0px -15637px;
  width: 31px;
  height: 31px;
}

.icon-button_view_ortho_back_selected {
  background-position: 0px -15594px;
  width: 31px;
  height: 31px;
}

.icon-button_view_ortho_bottom {
  background-position: 0px -15723px;
  width: 31px;
  height: 31px;
}

.icon-button_view_ortho_bottom_selected {
  background-position: 0px -15680px;
  width: 31px;
  height: 31px;
}

.icon-button_view_ortho_front {
  background-position: 0px -15809px;
  width: 31px;
  height: 31px;
}

.icon-button_view_ortho_front_selected {
  background-position: 0px -15766px;
  width: 31px;
  height: 31px;
}

.icon-button_view_ortho_left {
  background-position: 0px -15895px;
  width: 31px;
  height: 31px;
}

.icon-button_view_ortho_left_selected {
  background-position: 0px -15852px;
  width: 31px;
  height: 31px;
}

.icon-button_view_ortho_right {
  background-position: 0px -15981px;
  width: 31px;
  height: 31px;
}

.icon-button_view_ortho_right_selected {
  background-position: 0px -15938px;
  width: 31px;
  height: 31px;
}

.icon-button_view_ortho_selected {
  background-position: 0px -14709px;
  width: 30px;
  height: 30px;
}

.icon-button_view_pan {
  background-position: 0px -14835px;
  width: 30px;
  height: 30px;
}

.icon-button_view_pan_selected {
  background-position: 0px -14793px;
  width: 30px;
  height: 30px;
}

.icon-button_view_persp {
  background-position: 0px -14919px;
  width: 30px;
  height: 30px;
}

.icon-button_view_persp2pt {
  background-position: 0px -15003px;
  width: 30px;
  height: 30px;
}

.icon-button_view_persp2pt_selected {
  background-position: 0px -14961px;
  width: 30px;
  height: 30px;
}

.icon-button_view_persp_selected {
  background-position: 0px -14877px;
  width: 30px;
  height: 30px;
}

.icon-button_view_swivel {
  background-position: 0px -15087px;
  width: 30px;
  height: 30px;
}

.icon-button_view_swivel_selected {
  background-position: 0px -15045px;
  width: 30px;
  height: 30px;
}

.icon-button_view_top {
  background-position: 0px -16067px;
  width: 31px;
  height: 31px;
}

.icon-button_view_top_selected {
  background-position: 0px -16024px;
  width: 31px;
  height: 31px;
}

.icon-button_view_touch {
  background-position: 0px -19494px;
  width: 35px;
  height: 35px;
}

.icon-button_view_touch_disabled {
  background-position: 0px -19400px;
  width: 35px;
  height: 35px;
}

.icon-button_view_touch_selected {
  background-position: 0px -19447px;
  width: 35px;
  height: 35px;
}

.icon-button_view_zoom {
  background-position: 0px -15255px;
  width: 30px;
  height: 30px;
}

.icon-button_view_zoom_selected {
  background-position: 0px -15129px;
  width: 30px;
  height: 30px;
}

.icon-button_view_zoom_selection {
  background-position: 0px -15213px;
  width: 30px;
  height: 30px;
}

.icon-button_view_zoom_selection_selected {
  background-position: 0px -15171px;
  width: 30px;
  height: 30px;
}

.icon-button_view_zoomall {
  background-position: 0px -15339px;
  width: 30px;
  height: 30px;
}

.icon-button_view_zoomall_selected {
  background-position: 0px -15297px;
  width: 30px;
  height: 30px;
}

.icon-firstPersonMan {
  background-position: 0px -15423px;
  width: 30px;
  height: 30px;
}

.icon-firstPersonMan_selected {
  background-position: 0px -15381px;
  width: 30px;
  height: 30px;
}

.icon-zoomtofit {
  background-position: 0px -21211px;
  width: 64px;
  height: 64px;
}

/********* begin import of sprites2x.css *********/
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .icon {
    background-image: url(../images/spritesheet2x.png?v=123351680732211846);
  }
  .icon-folder {
    background-position: 0px -113px;
    background-size: 171px 17692px;
    width: 27px;
    height: 18px;
  }
  .icon-folder_selected {
    background-position: 0px -89px;
    background-size: 171px 17692px;
    width: 27px;
    height: 18px;
  }
  .icon-button_context_adjust_material_placement {
    background-position: 0px -12715px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_align_with_face {
    background-position: 0px -12756px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_array {
    background-position: 0px -12838px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_array_selected {
    background-position: 0px -12797px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_convert_mesh_object {
    background-position: 0px -15708px;
    background-size: 171px 17692px;
    width: 36px;
    height: 36px;
  }
  .icon-button_context_convert_object_mesh {
    background-position: 0px -15750px;
    background-size: 171px 17692px;
    width: 36px;
    height: 36px;
  }
  .icon-button_context_copy {
    background-position: 0px -12920px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_copy_selected {
    background-position: 0px -12879px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_cut {
    background-position: 0px -13002px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_cut_selected {
    background-position: 0px -12961px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_delete {
    background-position: 0px -13084px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_delete_selected {
    background-position: 0px -13043px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_edit_circle {
    background-position: 0px -13125px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_edit_spline {
    background-position: 0px -13166px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_extrude {
    background-position: 0px -13248px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_extrude_disabled {
    background-position: 0px -13207px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_facet {
    background-position: 0px -13330px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_facet_selected {
    background-position: 0px -13289px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_flatten {
    background-position: 0px -13371px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_create {
    background-position: 0px -13453px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_create_selected {
    background-position: 0px -13412px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_edit {
    background-position: 0px -13535px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_edit_selected {
    background-position: 0px -13494px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_end_edit {
    background-position: 0px -13576px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_exit_to_parent {
    background-position: 0px -13617px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_ungroup {
    background-position: 0px -13781px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_ungroup_all {
    background-position: 0px -13699px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_ungroup_all_disabled {
    background-position: 0px -13658px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_ungroup_selected {
    background-position: 0px -13740px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_unique {
    background-position: 0px -13863px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_group_unique_selected {
    background-position: 0px -13822px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_intersect {
    background-position: 0px -13904px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_join {
    background-position: 0px -13986px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_join_selected {
    background-position: 0px -13945px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_lasso {
    background-position: 0px -14068px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_lasso_selected {
    background-position: 0px -14027px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_measure_angular {
    background-position: 0px -14109px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_measure_linear {
    background-position: 0px -14150px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_merge {
    background-position: 0px -14191px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_mirror {
    background-position: 0px -14273px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_mirror_disabled {
    background-position: 0px -14232px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_move {
    background-position: 0px -14355px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_move_selected {
    background-position: 0px -14314px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_offset {
    background-position: 0px -14478px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_offset_edges {
    background-position: 0px -14396px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_offset_selected {
    background-position: 0px -14437px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_paste {
    background-position: 0px -14560px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_paste_selected {
    background-position: 0px -14519px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_reset_axes {
    background-position: 0px -14642px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_reset_axes_selected {
    background-position: 0px -14601px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_reverse_face {
    background-position: 0px -14724px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_reverse_face_disabled {
    background-position: 0px -14683px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_rotate {
    background-position: 0px -14888px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_rotate_grid {
    background-position: 0px -14806px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_rotate_grid_selected {
    background-position: 0px -14765px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_rotate_selected {
    background-position: 0px -14847px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_scale {
    background-position: 0px -15011px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_scale_nonuniform {
    background-position: 0px -14929px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_scale_selected {
    background-position: 0px -14970px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_set_axes {
    background-position: 0px -15093px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_set_axes_selected {
    background-position: 0px -15052px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_smooth {
    background-position: 0px -15175px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_smooth_disabled {
    background-position: 0px -15134px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_tilt {
    background-position: 0px -15257px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_context_tilt_selected {
    background-position: 0px -15216px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-dialog_warning {
    background-position: 0px -16179px;
    background-size: 171px 17692px;
    width: 50px;
    height: 50px;
  }
  .icon-energy_tabButton {
    background-position: 0px -1110px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-energy_tabButton_disabled {
    background-position: 0px -1048px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-energy_tabButton_selected {
    background-position: 0px -1079px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-area {
    background-position: 0px -10555px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-area_done {
    background-position: 0px -10447px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-area_properties {
    background-position: 0px -1606px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-area_selected {
    background-position: 0px -10519px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-area_selected_done {
    background-position: 0px -10483px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-building_type {
    background-position: 0px -10699px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-building_type_done {
    background-position: 0px -10591px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-building_type_properties {
    background-position: 0px -1637px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-building_type_selected {
    background-position: 0px -10663px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-building_type_selected_done {
    background-position: 0px -10627px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-button_dashboard_close {
    background-position: 0px -1668px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-current_location {
    background-position: 0px -10771px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-current_location_selected {
    background-position: 0px -10735px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-location {
    background-position: 0px -10915px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-location_done {
    background-position: 0px -10807px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-location_properties {
    background-position: 0px -1699px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-location_selected {
    background-position: 0px -10879px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-location_selected_done {
    background-position: 0px -10843px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-refresh {
    background-position: 0px -10951px;
    background-size: 171px 17692px;
    width: 26px;
    height: 30px;
  }
  .icon-buton_gall_trash {
    background-position: 0px -10195px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_gall_duplicate {
    background-position: 0px -10267px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_gall_duplicate_selected {
    background-position: 0px -10231px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_gall_pencil {
    background-position: 0px -10339px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_gall_pencil_selected {
    background-position: 0px -10303px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_gall_trash {
    background-position: 0px -10411px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_gall_trash_selected {
    background-position: 0px -10375px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-input_checkbox_checkmark {
    background-position: 0px -16px;
    background-size: 171px 17692px;
    width: 12px;
    height: 10px;
  }
  .icon-input_checkbox_checkmark_disabled {
    background-position: 0px 0px;
    background-size: 171px 17692px;
    width: 12px;
    height: 10px;
  }
  .icon-button_layer_add {
    background-position: 0px -1792px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_layer_add_disabled {
    background-position: 0px -1730px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_layer_add_selected {
    background-position: 0px -1761px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_layer_remove {
    background-position: 0px -1885px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_layer_remove_disabled {
    background-position: 0px -1823px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_layer_remove_selected {
    background-position: 0px -1854px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_layers {
    background-position: 0px -1978px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_layers_disabled {
    background-position: 0px -1916px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_layers_selected {
    background-position: 0px -1947px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_select {
    background-position: 0px -189px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_select_disabled {
    background-position: 0px -137px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_select_selected {
    background-position: 0px -163px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_trash {
    background-position: 0px -241px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_trash_selected {
    background-position: 0px -215px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_delete {
    background-position: 0px -50px;
    background-size: 171px 17692px;
    width: 12px;
    height: 12px;
  }
  .icon-button_delete_selected {
    background-position: 0px -32px;
    background-size: 171px 17692px;
    width: 12px;
    height: 12px;
  }
  .icon-button_levels {
    background-position: 0px -2071px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_levels_disabled {
    background-position: 0px -2009px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_levels_selected {
    background-position: 0px -2040px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_row_picker {
    background-position: 0px -2133px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_row_picker_blue {
    background-position: 0px -2102px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-levels_checked {
    background-position: 0px -813px;
    background-size: 171px 17692px;
    width: 22px;
    height: 22px;
  }
  .icon-levels_unchecked {
    background-position: 0px -841px;
    background-size: 171px 17692px;
    width: 22px;
    height: 22px;
  }
  .icon-weather_station_pin {
    background-position: 0px -987px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-weather_station_pin_selected {
    background-position: 0px -957px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_20_delete {
    background-position: 0px -293px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_20_delete_selected {
    background-position: 0px -267px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_20_duplicate {
    background-position: 0px -345px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_20_duplicate_selected {
    background-position: 0px -319px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_20_paintbrush {
    background-position: 0px -397px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_20_paintbrush_selected {
    background-position: 0px -371px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_20_palette {
    background-position: 0px -449px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_20_palette_selected {
    background-position: 0px -423px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_20_pencil {
    background-position: 0px -501px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_20_pencil_selected {
    background-position: 0px -475px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_folder20 {
    background-position: 0px -553px;
    background-size: 171px 17692px;
    width: 30px;
    height: 20px;
  }
  .icon-button_folder20_selected {
    background-position: 0px -527px;
    background-size: 171px 17692px;
    width: 30px;
    height: 20px;
  }
  .icon-button_mat_Pencil {
    background-position: 0px -2257px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_mat_Pencil_selected {
    background-position: 0px -2226px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_mat_duplicate {
    background-position: 0px -2195px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_mat_duplicate_selected {
    background-position: 0px -2164px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_mat_paintbrush {
    background-position: 0px -10163px;
    background-size: 171px 17692px;
    width: 26px;
    height: 26px;
  }
  .icon-button_mat_paintbrush_selected {
    background-position: 0px -10131px;
    background-size: 171px 17692px;
    width: 26px;
    height: 26px;
  }
  .icon-button_mat_trash {
    background-position: 0px -2319px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_mat_trash_selected {
    background-position: 0px -2288px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_picture {
    background-position: 0px -2412px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_picture_disabled {
    background-position: 0px -2350px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_picture_selected {
    background-position: 0px -2381px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_select {
    background-position: 0px -605px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_select_selected {
    background-position: 0px -579px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_3dpencil {
    background-position: 0px -2474px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_3dpencil_selected {
    background-position: 0px -2443px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_arc {
    background-position: 0px -2598px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_arc_center {
    background-position: 0px -2536px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_arc_center_selected {
    background-position: 0px -2505px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_arc_selected {
    background-position: 0px -2567px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_arrow {
    background-position: 0px -2691px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_arrow_disabled {
    background-position: 0px -2629px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_arrow_selected {
    background-position: 0px -2660px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_circle {
    background-position: 0px -2784px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_circle_disabled {
    background-position: 0px -2722px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_circle_selected {
    background-position: 0px -2753px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cube {
    background-position: 0px -2877px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cube_disabled {
    background-position: 0px -2815px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cube_selected {
    background-position: 0px -2846px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cylinder {
    background-position: 0px -2970px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cylinder_disabled {
    background-position: 0px -2908px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cylinder_selected {
    background-position: 0px -2939px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_dome {
    background-position: 0px -3063px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_dome_disabled {
    background-position: 0px -3001px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_dome_selected {
    background-position: 0px -3032px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_drawing_tools {
    background-position: 0px -3156px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_drawing_tools_disabled {
    background-position: 0px -3094px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_drawing_tools_selected {
    background-position: 0px -3125px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_guide {
    background-position: 0px -3218px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_guide_selected {
    background-position: 0px -3187px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_line {
    background-position: 0px -3311px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_line_disabled {
    background-position: 0px -3249px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_line_selected {
    background-position: 0px -3280px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_pyramid {
    background-position: 0px -3404px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_pyramid_disabled {
    background-position: 0px -3342px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_pyramid_selected {
    background-position: 0px -3373px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_rectangle {
    background-position: 0px -3497px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_rectangle_disabled {
    background-position: 0px -3435px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_rectangle_selected {
    background-position: 0px -3466px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_roof {
    background-position: 0px -3590px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_roof_disabled {
    background-position: 0px -3528px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_roof_selected {
    background-position: 0px -3559px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_spline {
    background-position: 0px -3683px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_spline_disabled {
    background-position: 0px -3621px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_spline_selected {
    background-position: 0px -3652px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_vault {
    background-position: 0px -3776px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_vault_disabled {
    background-position: 0px -3714px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_vault_selected {
    background-position: 0px -3745px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_vertex {
    background-position: 0px -3869px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_vertex_disabled {
    background-position: 0px -3807px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_vertex_selected {
    background-position: 0px -3838px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_wall {
    background-position: 0px -3962px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_wall_disabled {
    background-position: 0px -3900px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_wall_selected {
    background-position: 0px -3931px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_promaterials {
    background-position: 0px -3993px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_windows {
    background-position: 0px -4024px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-dialog_collab_large {
    background-position: 0px -15929px;
    background-size: 171px 17692px;
    width: 44px;
    height: 44px;
  }
  .icon-dialog_energy_large {
    background-position: 0px -15979px;
    background-size: 171px 17692px;
    width: 44px;
    height: 44px;
  }
  .icon-dialog_materials_large {
    background-position: 0px -16029px;
    background-size: 171px 17692px;
    width: 44px;
    height: 44px;
  }
  .icon-dialog_solar_large {
    background-position: 0px -16079px;
    background-size: 171px 17692px;
    width: 44px;
    height: 44px;
  }
  .icon-dialog_windows_large {
    background-position: 0px -16129px;
    background-size: 171px 17692px;
    width: 44px;
    height: 44px;
  }
  .icon-program-area {
    background-position: 0px -4055px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-program-building {
    background-position: 0px -4086px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-program-far {
    background-position: 0px -4117px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-program-location {
    background-position: 0px -4148px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_sat_placeholder {
    background-position: 0px -16708px;
    background-size: 171px 17692px;
    width: 100px;
    height: 100px;
  }
  .icon-button_add_animation {
    background-position: 0px -4241px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_add_animation_disabled {
    background-position: 0px -4179px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_add_animation_selected {
    background-position: 0px -4210px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_play {
    background-position: 0px -4334px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_play_disabled {
    background-position: 0px -4272px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_play_selected {
    background-position: 0px -4303px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_scene_edit {
    background-position: 0px -4489px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_scene_edit_disabled {
    background-position: 0px -4365px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_scene_edit_selected {
    background-position: 0px -4396px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_scene_edit_selection {
    background-position: 0px -4458px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_scene_edit_selection_selected {
    background-position: 0px -4427px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_scenes {
    background-position: 0px -4582px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_scenes_disabled {
    background-position: 0px -4520px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_scenes_duplicate {
    background-position: 0px -657px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_scenes_duplicate_selected {
    background-position: 0px -631px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_scenes_selected {
    background-position: 0px -4551px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_scenes_update {
    background-position: 0px -709px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_scenes_update_selected {
    background-position: 0px -683px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_stop {
    background-position: 0px -4675px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_stop_disabled {
    background-position: 0px -4613px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_stop_selected {
    background-position: 0px -4644px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_trash {
    background-position: 0px -761px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_trash_selected {
    background-position: 0px -735px;
    background-size: 171px 17692px;
    width: 20px;
    height: 20px;
  }
  .icon-button_share {
    background-position: 0px -4830px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_share_activated {
    background-position: 0px -4737px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_share_activated_selected {
    background-position: 0px -4706px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_share_disabled {
    background-position: 0px -4768px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_share_selected {
    background-position: 0px -4799px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_back {
    background-position: 0px -4861px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_bpa {
    background-position: 0px -4954px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_bpa_disabled {
    background-position: 0px -4892px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_bpa_selected {
    background-position: 0px -4923px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_signin {
    background-position: 0px -4985px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_signout {
    background-position: 0px -5016px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-unit_checkmark {
    background-position: 0px -869px;
    background-size: 171px 17692px;
    width: 22px;
    height: 22px;
  }
  .icon-button_create_disabled {
    background-position: 0px -5047px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_create_sketch_disabled {
    background-position: 0px -5078px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_disabled {
    background-position: 0px -5109px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_location_pin_disabled {
    background-position: 0px -5140px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_settings_gear_disabled {
    background-position: 0px -5171px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-Pro-Collab-Active-Disabled {
    background-position: 0px -10987px;
    background-size: 171px 17692px;
    width: 40px;
    height: 30px;
  }
  .icon-Pro-Collab-Active {
    background-position: 0px -11023px;
    background-size: 171px 17692px;
    width: 40px;
    height: 30px;
  }
  .icon-Pro-Collab-On {
    background-position: 0px -11059px;
    background-size: 171px 17692px;
    width: 40px;
    height: 30px;
  }
  .icon-Pro-Features_Disabled {
    background-position: 0px -11095px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-Pro-Features_On {
    background-position: 0px -11131px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-Pro-Solar-On {
    background-position: 0px -11167px;
    background-size: 171px 17692px;
    width: 45px;
    height: 30px;
  }
  .icon-solar_analysis {
    background-position: 0px -11311px;
    background-size: 171px 17692px;
    width: 45px;
    height: 30px;
  }
  .icon-solar_analysis_default_white {
    background-position: 0px -11203px;
    background-size: 171px 17692px;
    width: 45px;
    height: 30px;
  }
  .icon-solar_analysis_disabled {
    background-position: 0px -11239px;
    background-size: 171px 17692px;
    width: 45px;
    height: 30px;
  }
  .icon-solar_analysis_noPro {
    background-position: 0px -5202px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-solar_analysis_selected {
    background-position: 0px -11275px;
    background-size: 171px 17692px;
    width: 45px;
    height: 30px;
  }
  .icon-SA-Close {
    background-position: 0px -11347px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_arrow_orange {
    background-position: 0px -11383px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-Toast-Close {
    background-position: 0px -11419px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-Tooltip-Close {
    background-position: 0px -68px;
    background-size: 171px 17692px;
    width: 10px;
    height: 15px;
  }
  .icon-solar_modeicon {
    background-position: 0px -897px;
    background-size: 171px 17692px;
    width: 24px;
    height: 24px;
  }
  .icon-solar_toolbar {
    background-position: 0px -927px;
    background-size: 171px 17692px;
    width: 24px;
    height: 24px;
  }
  .icon-button_dynamic_content {
    background-position: 0px -5264px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_dynamic_content_selected {
    background-position: 0px -5233px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_groups_tree {
    background-position: 0px -5326px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_groups_tree_selected {
    background-position: 0px -5295px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_visual_styles {
    background-position: 0px -5419px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_visual_styles_disabled {
    background-position: 0px -5357px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_visual_styles_selected {
    background-position: 0px -5388px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-contentLibrary_thumbnail_DEFAULT {
    background-position: 0px -16235px;
    background-size: 171px 17692px;
    width: 88px;
    height: 88px;
  }
  .icon-contentLibrary_thumbnail_FOLDER {
    background-position: 0px -16329px;
    background-size: 171px 17692px;
    width: 88px;
    height: 88px;
  }
  .icon-contentLibrary_thumbnail_OBJ {
    background-position: 0px -16423px;
    background-size: 171px 17692px;
    width: 89px;
    height: 89px;
  }
  .icon-contentLibrary_thumbnail_SAT {
    background-position: 0px -16518px;
    background-size: 171px 17692px;
    width: 89px;
    height: 89px;
  }
  .icon-contentLibrary_thumbnail_STL {
    background-position: 0px -16613px;
    background-size: 171px 17692px;
    width: 89px;
    height: 89px;
  }
  .icon-gallery_thumbnail_DEFAULT {
    background-position: 0px -16814px;
    background-size: 171px 17692px;
    width: 170px;
    height: 170px;
  }
  .icon-gallery_thumbnail_FOLDER {
    background-position: 0px -16990px;
    background-size: 171px 17692px;
    width: 170px;
    height: 170px;
  }
  .icon-gallery_thumbnail_OBJ {
    background-position: 0px -17166px;
    background-size: 171px 17692px;
    width: 171px;
    height: 171px;
  }
  .icon-gallery_thumbnail_SAT {
    background-position: 0px -17343px;
    background-size: 171px 17692px;
    width: 171px;
    height: 171px;
  }
  .icon-gallery_thumbnail_STL {
    background-position: 0px -17520px;
    background-size: 171px 17692px;
    width: 171px;
    height: 171px;
  }
  .icon-Revit_Overlay {
    background-position: 0px -1018px;
    background-size: 171px 17692px;
    width: 27px;
    height: 25px;
  }
  .icon-acc_mark {
    background-position: 0px -787px;
    background-size: 171px 17692px;
    width: 21px;
    height: 20px;
  }
  .icon-add_folder {
    background-position: 0px -5481px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-add_folder_selected {
    background-position: 0px -5450px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_3doffset {
    background-position: 0px -5574px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_3doffset_disabled {
    background-position: 0px -5512px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_3doffset_selected {
    background-position: 0px -5543px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_3dshell {
    background-position: 0px -5667px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_3dshell_disabled {
    background-position: 0px -5605px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_3dshell_selected {
    background-position: 0px -5636px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_add {
    background-position: 0px -5760px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_add_disabled {
    background-position: 0px -5698px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_add_selected {
    background-position: 0px -5729px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_advancedgeometry {
    background-position: 0px -5853px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_advancedgeometry_disabled {
    background-position: 0px -5791px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_advancedgeometry_selected {
    background-position: 0px -5822px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_arrow {
    background-position: 0px -5946px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_arrow_disabled {
    background-position: 0px -5884px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_arrow_selected {
    background-position: 0px -5915px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_back {
    background-position: 0px -6039px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_back_disabled {
    background-position: 0px -5977px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_back_selected {
    background-position: 0px -6008px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_blend {
    background-position: 0px -6132px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_blend_disabled {
    background-position: 0px -6070px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_blend_selected {
    background-position: 0px -6101px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cancel {
    background-position: 0px -6225px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cancel_disabled {
    background-position: 0px -6163px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cancel_selected {
    background-position: 0px -6194px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_confirm {
    background-position: 0px -6318px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_confirm_disabled {
    background-position: 0px -6256px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_confirm_selected {
    background-position: 0px -6287px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cover {
    background-position: 0px -6380px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cover_selected {
    background-position: 0px -6349px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_create {
    background-position: 0px -6566px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_create_disabled {
    background-position: 0px -6411px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_create_selected {
    background-position: 0px -6442px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_create_sketch {
    background-position: 0px -6535px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_create_sketch_disabled {
    background-position: 0px -6473px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_create_sketch_selected {
    background-position: 0px -6504px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_developer_menu {
    background-position: 0px -6597px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_duplicate {
    background-position: 0px -6690px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_duplicate_disabled {
    background-position: 0px -6628px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_duplicate_selected {
    background-position: 0px -6659px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_energy {
    background-position: 0px -6752px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_energy_selected {
    background-position: 0px -6721px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_folder {
    background-position: 0px -6845px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_folder_disabled {
    background-position: 0px -6783px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_folder_selected {
    background-position: 0px -6814px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_gallery {
    background-position: 0px -6938px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_gallery_disabled {
    background-position: 0px -6876px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_gallery_selected {
    background-position: 0px -6907px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group {
    background-position: 0px -7589px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_create {
    background-position: 0px -7031px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_create_disabled {
    background-position: 0px -6969px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_create_selected {
    background-position: 0px -7000px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_disabled {
    background-position: 0px -7062px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_edit_in_context {
    background-position: 0px -7124px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_edit_in_context_selected {
    background-position: 0px -7093px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_exit_to_parent {
    background-position: 0px -7186px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_exit_to_parent_selected {
    background-position: 0px -7155px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_flatten {
    background-position: 0px -7279px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_flatten_disabled {
    background-position: 0px -7217px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_flatten_selected {
    background-position: 0px -7248px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_make_unique {
    background-position: 0px -7341px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_make_unique_selected {
    background-position: 0px -7310px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_redo {
    background-position: 0px -7434px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_redo_disabled {
    background-position: 0px -7372px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_redo_selected {
    background-position: 0px -7403px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_selected {
    background-position: 0px -7465px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_undo {
    background-position: 0px -7558px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_undo_disabled {
    background-position: 0px -7496px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_group_undo_selected {
    background-position: 0px -7527px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_import {
    background-position: 0px -7682px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_import_disabled {
    background-position: 0px -7620px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_import_selected {
    background-position: 0px -7651px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_information {
    background-position: 0px -7744px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_information_selected {
    background-position: 0px -7713px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_location_failed {
    background-position: 0px -7775px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_location_pin {
    background-position: 0px -7837px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_location_pin_selected {
    background-position: 0px -7806px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_location_properties {
    background-position: 0px -11455px;
    background-size: 171px 17692px;
    width: 33px;
    height: 30px;
  }
  .icon-button_location_selected {
    background-position: 0px -7868px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_loft {
    background-position: 0px -7930px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_loft_selected {
    background-position: 0px -7899px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_measure_angular {
    background-position: 0px -7992px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_measure_angular_selected {
    background-position: 0px -7961px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_measure_linear {
    background-position: 0px -8085px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_measure_linear_disabled {
    background-position: 0px -8023px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_measure_linear_selected {
    background-position: 0px -8054px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_menu {
    background-position: 0px -8178px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_menu_disabled {
    background-position: 0px -8116px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_menu_selected {
    background-position: 0px -8147px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_next {
    background-position: 0px -8271px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_next_disabled {
    background-position: 0px -8209px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_next_selected {
    background-position: 0px -8240px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_pro {
    background-position: 0px -8395px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_pro_free_trial {
    background-position: 0px -8333px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_pro_free_trial_selected {
    background-position: 0px -8302px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_pro_selected {
    background-position: 0px -8364px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_properties {
    background-position: 0px -8488px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_properties_disabled {
    background-position: 0px -8426px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_properties_selected {
    background-position: 0px -8457px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_redo {
    background-position: 0px -8581px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_redo_disabled {
    background-position: 0px -8519px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_redo_selected {
    background-position: 0px -8550px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_remove {
    background-position: 0px -8674px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_remove_disabled {
    background-position: 0px -8612px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_remove_selected {
    background-position: 0px -8643px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_sendto {
    background-position: 0px -8767px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_sendto_disabled {
    background-position: 0px -8705px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_sendto_selected {
    background-position: 0px -8736px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_settings_disabled {
    background-position: 0px -8798px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_settings_gear {
    background-position: 0px -8891px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_settings_gear_disabled {
    background-position: 0px -8829px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_settings_gear_selected {
    background-position: 0px -8860px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_showSRActive {
    background-position: 0px -8984px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_showSRActive_disabled {
    background-position: 0px -8922px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_showSRActive_selected {
    background-position: 0px -8953px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_solaranalysis {
    background-position: 0px -9139px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_solaranalysis_disabled {
    background-position: 0px -9015px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_solaranalysis_pro {
    background-position: 0px -9046px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_solaranalysis_selected {
    background-position: 0px -9108px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_solaranalysis_selected_pro {
    background-position: 0px -9077px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_sun_disabled {
    background-position: 0px -9170px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_sweep {
    background-position: 0px -9232px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_sweep_selected {
    background-position: 0px -9201px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_toggle_touch {
    background-position: 0px -15791px;
    background-size: 171px 17692px;
    width: 40px;
    height: 40px;
  }
  .icon-button_trash {
    background-position: 0px -9325px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_trash_disabled {
    background-position: 0px -9263px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_trash_selected {
    background-position: 0px -9294px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_undo {
    background-position: 0px -9418px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_undo_disabled {
    background-position: 0px -9356px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_undo_selected {
    background-position: 0px -9387px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_ungroup {
    background-position: 0px -9573px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_ungroup_all {
    background-position: 0px -9511px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_ungroup_all_disabled {
    background-position: 0px -9449px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_ungroup_all_selected {
    background-position: 0px -9480px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_ungroup_selected {
    background-position: 0px -9542px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_view {
    background-position: 0px -9635px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_view_selected {
    background-position: 0px -9604px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-cloud_sync_active {
    background-position: 0px -15837px;
    background-size: 171px 17692px;
    width: 45px;
    height: 40px;
  }
  .icon-cloud_sync_inactive {
    background-position: 0px -15883px;
    background-size: 171px 17692px;
    width: 45px;
    height: 40px;
  }
  .icon-load_failed {
    background-position: 0px -9666px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-refresh_update {
    background-position: 0px -9759px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-refresh_update_disabled {
    background-position: 0px -9697px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-refresh_update_selected {
    background-position: 0px -9728px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-toolbar_button_appearance {
    background-position: 0px -9852px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-toolbar_button_appearance_disabled {
    background-position: 0px -9790px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-toolbar_button_appearance_selected {
    background-position: 0px -9821px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-visual_styles_diagnostics {
    background-position: 0px -9914px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-visual_styles_diagnostics_selected {
    background-position: 0px -9883px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-visual_styles_edges {
    background-position: 0px -9976px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-visual_styles_edges_selected {
    background-position: 0px -9945px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-visual_styles_environment {
    background-position: 0px -10038px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-visual_styles_environment_selected {
    background-position: 0px -10007px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-visual_styles_surfaces {
    background-position: 0px -10100px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-visual_styles_surfaces_selected {
    background-position: 0px -10069px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cover {
    background-position: 0px -1172px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cover_selected {
    background-position: 0px -1141px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cut {
    background-position: 0px -1234px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_cut_selected {
    background-position: 0px -1203px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_intersect {
    background-position: 0px -1296px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_intersect_selected {
    background-position: 0px -1265px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_join {
    background-position: 0px -1358px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_join_selected {
    background-position: 0px -1327px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_loft {
    background-position: 0px -1420px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_loft_selected {
    background-position: 0px -1389px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_move {
    background-position: 0px -1451px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_next {
    background-position: 0px -1513px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_next_selected {
    background-position: 0px -1482px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_sweep {
    background-position: 0px -1575px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-button_sweep_selected {
    background-position: 0px -1544px;
    background-size: 171px 17692px;
    width: 25px;
    height: 25px;
  }
  .icon-getting_started_help {
    background-position: 0px -15339px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-getting_started_help_selected {
    background-position: 0px -15298px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-getting_started_information {
    background-position: 0px -15380px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-getting_started_notes {
    background-position: 0px -15421px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-getting_started_pro {
    background-position: 0px -15462px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-getting_started_video {
    background-position: 0px -15544px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-getting_started_video_selected {
    background-position: 0px -15503px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_view_3D {
    background-position: 0px -11527px;
    background-size: 171px 17692px;
    width: 31px;
    height: 30px;
  }
  .icon-button_view_3D_selected {
    background-position: 0px -11491px;
    background-size: 171px 17692px;
    width: 31px;
    height: 30px;
  }
  .icon-button_view_orbit {
    background-position: 0px -11599px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_orbit_selected {
    background-position: 0px -11563px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho {
    background-position: 0px -12031px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho_back {
    background-position: 0px -11671px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho_back_selected {
    background-position: 0px -11635px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho_bottom {
    background-position: 0px -11743px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho_bottom_selected {
    background-position: 0px -11707px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho_front {
    background-position: 0px -11815px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho_front_selected {
    background-position: 0px -11779px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho_left {
    background-position: 0px -11887px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho_left_selected {
    background-position: 0px -11851px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho_right {
    background-position: 0px -11959px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho_right_selected {
    background-position: 0px -11923px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_ortho_selected {
    background-position: 0px -11995px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_pan {
    background-position: 0px -12103px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_pan_selected {
    background-position: 0px -12067px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_persp2pt {
    background-position: 0px -12247px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_persp2pt_selected {
    background-position: 0px -12211px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_persp {
    background-position: 0px -12175px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_persp_selected {
    background-position: 0px -12139px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_swivel {
    background-position: 0px -12319px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_swivel_selected {
    background-position: 0px -12283px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_top {
    background-position: 0px -12391px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_top_selected {
    background-position: 0px -12355px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_touch {
    background-position: 0px -15667px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_view_touch_disabled {
    background-position: 0px -15585px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_view_touch_selected {
    background-position: 0px -15626px;
    background-size: 171px 17692px;
    width: 35px;
    height: 35px;
  }
  .icon-button_view_zoom {
    background-position: 0px -12535px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_zoom_selected {
    background-position: 0px -12427px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_zoom_selection {
    background-position: 0px -12499px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_zoom_selection_selected {
    background-position: 0px -12463px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_zoomall {
    background-position: 0px -12607px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-button_view_zoomall_selected {
    background-position: 0px -12571px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-firstPersonMan {
    background-position: 0px -12679px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
  .icon-firstPersonMan_selected {
    background-position: 0px -12643px;
    background-size: 171px 17692px;
    width: 30px;
    height: 30px;
  }
}
/********* begin import of size.css *********/
/*Essentially move the menu below the main project bar*/
/*Almost all users will be above 1024*/
@media (max-width: 1000px) {
  canvas {
    top: 100px;
  }
  #MainTools {
    background-color: #F2F2F2;
    border-bottom: solid 1px #C2C2C2;
    position: absolute;
    top: 51px;
    left: -1px;
    width: 100%;
  }
  #GroupsOverlay {
    top: 100px;
  }
  #EditGroupMenu {
    top: 120px;
  }
  #RightPanel {
    top: 102px;
  }
}
/********** begin import of jquery-ui-1.10.4.custom.css *********/
/*! jQuery UI - v1.10.4 - 2014-04-08
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=%234675A8&bgTextureHeader=flat&bgImgOpacityHeader=100&borderColorHeader=%23aaaaaa&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23E4E4E4&bgTextureDefault=flat&bgImgOpacityDefault=75&borderColorDefault=%234675A8&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%234675A8&bgTextureHover=flat&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23ffffff&iconColorHover=%23454545&bgColorActive=%234675A8&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%234675A8&fcActive=%23ffffff&iconColorActive=%23454545&bgColorHighlight=%234675A8&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%234675A8&fcHighlight=%23ffffff&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
  padding-left: 0.7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0; /* support: IE7 */
  font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222222;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #4675A8 url("images/ui-bg_flat_100_4675A8_40x100.png") 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #4675A8;
  background: #E4E4E4 url("images/ui-bg_flat_75_E4E4E4_40x100.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #4675A8 url("images/ui-bg_flat_75_4675A8_40x100.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #ffffff;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #ffffff;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #4675A8;
  background: #4675A8 url("images/ui-bg_flat_65_4675A8_40x100.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #4675A8;
  background: #4675A8 url("images/ui-bg_flat_55_4675A8_40x100.png") 50% 50% repeat-x;
  color: #ffffff;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #ffffff;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_888888_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

/********** begin import of jstree style.min.css *********/
.jstree-node, .jstree-children, .jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.jstree-node {
  white-space: nowrap;
}

.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}

.jstree-anchor:focus {
  outline: 0;
}

.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}

.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-ocl {
  cursor: pointer;
}

.jstree-leaf > .jstree-ocl {
  cursor: default;
}

.jstree .jstree-open > .jstree-children {
  display: block;
}

.jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children {
  display: none;
}

.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon, .jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}

.jstree-hidden, .jstree-node.jstree-hidden {
  display: none;
}

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}

.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}

.jstree-rtl .jstree-node {
  margin-left: 0;
}

.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}

.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}

.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}

.jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon {
  position: relative;
}

.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jstree-contextmenu .jstree-anchor {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.vakata-context {
  display: none;
}

.vakata-context, .vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}

.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}

.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context li {
  list-style: none;
}

.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}

.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}

.vakata-context li > a:focus {
  outline: 0;
}

.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}

.vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}

.vakata-context .vakata-contextmenu-disabled > a > i {
  filter: grayscale(100%);
}

.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}

.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}

.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}

.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}

.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}

.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}

.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}

.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}

.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}

#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}

#jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}

#jstree-dnd .jstree-ok {
  background: green;
}

#jstree-dnd .jstree-er {
  background: red;
}

#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}

.jstree-default .jstree-node, .jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}

.jstree-default .jstree-anchor, .jstree-default .jstree-animated, .jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}

.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}

.jstree-default .jstree-disabled {
  background: transparent;
  color: #666666;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered, .jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%);
}

.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}

.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}

.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}

.jstree-default .jstree-wholerow {
  height: 24px;
}

.jstree-default .jstree-node, .jstree-default .jstree-icon {
  background-image: url("32px.png");
}

.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}

.jstree-default .jstree-last {
  background: transparent;
}

.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}

.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}

.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}

.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}

.jstree-default > .jstree-no-dots .jstree-node, .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}

.jstree-default .jstree-disabled {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}

.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}

.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}

.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}

.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.jstree-default > .jstree-striped {
  background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}

.jstree-default .jstree-file {
  background: url("32px.png") -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
  background: url("32px.png") -260px -4px no-repeat;
}

.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default .jstree-ok, #jstree-dnd.jstree-default .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}

#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}

.jstree-default .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 29px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}

.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}

.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
  height: 18px;
}

.jstree-default-small .jstree-node, .jstree-default-small .jstree-icon {
  background-image: url("32px.png");
}

.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}

.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}

.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-node, .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}

.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}

.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}

.jstree-default-small .jstree-file {
  background: url("32px.png") -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
  background: url("32px.png") -263px -7px no-repeat;
}

.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-small .jstree-ok, #jstree-dnd.jstree-default-small .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}

#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}

#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}

.jstree-default-small .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default-small .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 23px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}

.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}

.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
  height: 32px;
}

.jstree-default-large .jstree-node, .jstree-default-large .jstree-icon {
  background-image: url("32px.png");
}

.jstree-default-large .jstree-node {
  background-position: -288px 0;
  background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0;
}

.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0;
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0;
}

.jstree-default-large .jstree-themeicon {
  background-position: -256px 0;
}

.jstree-default-large > .jstree-no-dots .jstree-node, .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0;
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 0;
}

.jstree-default-large .jstree-disabled {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-large .jstree-checkbox {
  background-position: -160px 0;
}

.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}

.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 -32px;
}

.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}

.jstree-default-large .jstree-file {
  background: url("32px.png") -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
  background: url("32px.png") -256px 0 no-repeat;
}

.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-large .jstree-ok, #jstree-dnd.jstree-default-large .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0 -64px;
}

#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}

.jstree-default-large .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default-large .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 37px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url("40px.png");
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url("40px.png");
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .jstree-default-responsive .jstree-icon {
    background-image: url("40px.png");
  }
  .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }
  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }
  .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
    background: transparent;
  }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default-responsive .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl, .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0 !important;
  }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0 !important;
  }
  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }
  .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-responsive .jstree-checked > .jstree-checkbox, .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined, .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .jstree-default-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-node > .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox {
    background-image: url("40px.png");
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }
  .jstree-default-responsive .jstree-last {
    background: transparent;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .jstree-default-responsive .jstree-file {
    background: url("40px.png") 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-folder {
    background: url("40px.png") -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}

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