body {
  height: auto;
}
.editor-container {
  height: calc(100vh - 50px);
  margin-top: 50px;

}

@media screen and (max-width: 1100px) {
  table.fancytree-ext-table span.fancytree-node {
    display: flex;
  }
  span.fancytree-title > span{
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .editor-container {
    height: calc(80vh - 50px);
  }
  table.fancytree-ext-table span.fancytree-node {
    display: inherit;
  }
  span.fancytree-title > span{
    display: inherit;
  }
}
.editor-navbar {
  height: 50px;
}
.editor-column-100 {
  height: 100%;
  padding: 0;
}
.editor-column-90 {
  height: 90%;
  padding: 0;
}
.editor-column-80 {
  height: 80%;
  padding: 0;
}
.editor-column-70 {
  height: 70%;
  padding: 0;
}
.editor-column-60 {
  height: 60%;
  padding: 0;
}
.editor-column-40 {
  height: 40%;
  padding: 0;
}
.editor-column-30 {
  height: 30%;
  padding: 0;
}
.editor-column-20 {
  height: 20%;
  padding: 0;
}
.editor-column-10 {
  height: 10%;
  padding: 0;
}
.editor-form label.label-xs {
  padding-top: 3px;
  font-weight: normal;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 0;
}
.editor-form .form-group.form-group-xs {
  margin-bottom: 0;
}
.input-xs {
  height: 22px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
input[type=number].input-xs {
  padding: 0 0 0 5px;
}
.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
  height: 22px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.editor-container .editor-browser-container .col-xs-1,
.editor-container .editor-browser-container .col-sm-1,
.editor-container .editor-browser-container .col-md-1,
.editor-container .editor-browser-container .col-lg-1,
.editor-container .editor-browser-container .col-xs-2,
.editor-container .editor-browser-container .col-sm-2,
.editor-container .editor-browser-container .col-md-2,
.editor-container .editor-browser-container .col-lg-2,
.editor-container .editor-browser-container .col-xs-3,
.editor-container .editor-browser-container .col-sm-3,
.editor-container .editor-browser-container .col-md-3,
.editor-container .editor-browser-container .col-lg-3,
.editor-container .editor-browser-container .col-xs-4,
.editor-container .editor-browser-container .col-sm-4,
.editor-container .editor-browser-container .col-md-4,
.editor-container .editor-browser-container .col-lg-4,
.editor-container .editor-browser-container .col-xs-5,
.editor-container .editor-browser-container .col-sm-5,
.editor-container .editor-browser-container .col-md-5,
.editor-container .editor-browser-container .col-lg-5,
.editor-container .editor-browser-container .col-xs-6,
.editor-container .editor-browser-container .col-sm-6,
.editor-container .editor-browser-container .col-md-6,
.editor-container .editor-browser-container .col-lg-6,
.editor-container .editor-browser-container .col-xs-7,
.editor-container .editor-browser-container .col-sm-7,
.editor-container .editor-browser-container .col-md-7,
.editor-container .editor-browser-container .col-lg-7,
.editor-container .editor-browser-container .col-xs-8,
.editor-container .editor-browser-container .col-sm-8,
.editor-container .editor-browser-container .col-md-8,
.editor-container .editor-browser-container .col-lg-8,
.editor-container .editor-browser-container .col-xs-9,
.editor-container .editor-browser-container .col-sm-9,
.editor-container .editor-browser-container .col-md-9,
.editor-container .editor-browser-container .col-lg-9,
.editor-container .editor-browser-container .col-xs-10,
.editor-container .editor-browser-container .col-sm-10,
.editor-container .editor-browser-container .col-md-10,
.editor-container .editor-browser-container .col-lg-10,
.editor-container .editor-browser-container .col-xs-11,
.editor-container .editor-browser-container .col-sm-11,
.editor-container .editor-browser-container .col-md-11,
.editor-container .editor-browser-container .col-lg-11,
.editor-container .editor-browser-container .col-xs-12,
.editor-container .editor-browser-container .col-sm-12,
.editor-container .editor-browser-container .col-md-12,
.editor-container .editor-browser-container .col-lg-12 {
  padding-right: 5px;
  padding-left: 5px;
}
.editor-container .editor-browser-container .container-fluid {
  padding-right: 5px;
  padding-left: 5px;
}
.editor-container .editor-browser-container .form-horizontal .form-group {
  margin-right: -5px;
  margin-left: -5px;
}
.editor-container .editor-browser-container .panel-heading {
  padding: 1px 5px;
}
.editor-container .editor-browser-container .panel-title {
  font-size: 14px;
}
.editor-container .editor-browser-container .panel-body {
  padding: 5px;
}
.editor-container .editor-browser-container .panel-group {
  margin-bottom: 5px;
}
.editor-container .editor-browser-container .panel-group:nth-child(1) {
  margin-top: 5px;
}
table.fancytree-ext-table tbody tr.fancytree-active {
  background-color: #D3DAED;
}
table.fancytree-ext-table tbody tr .fancytree-title-collection {
  font-weight: bold;
}
.editor-fancytree-node-highlighted,
table.fancytree-container tr[data-selected=true] .fancytree-title {
  background-color: rgba(0, 255, 0, 0.5);
}
.editor-form-group-header-sm {
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
  display: block;
  font-size: 13px;
}
.tabs-container {
  height: 100%;
}
.tabs-container .nav-tabs {
  max-height: 30px;
}
.tabs-container .nav-tabs li.active > a,
.tabs-container .nav-tabs li.active > a:hover,
.tabs-container .nav-tabs li.active > a:focus {
  color: #000;
  background-color: #FFDD2E;
}
.tabs-container .nav-tabs li a {
  padding: 4px 15px;
}
.tabs-container .tab-content {
  height: calc(100% - 30px);
}
.tabs-container .tab-content .tab-pane {
  height: 100%;
}
.select2-results-large .select2-results {
  max-height: 500px !important;
}
.placemark-layout {
  position: relative;
  text-align: center;
}
.placemark-layout .photo-layout {
  border: 5px solid #FFF;
  width: 60px;
  height: 60px;
  position: absolute;
  left: -30px;
  top: -65px;
}
.placemark-layout .photo-layout:after,
.placemark-layout .photo-layout:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.placemark-layout .photo-layout:after {
  border-top-color: #FFF;
  border-width: 10px;
  margin-left: -10px;
}
.placemark-layout .album-layout {
  border: 5px solid #00ff00;
  width: 60px;
  height: 60px;
  position: absolute;
  left: -30px;
  top: -65px;
}
.placemark-layout .album-layout:after,
.placemark-layout .album-layout:before {
  top: 110%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.placemark-layout .album-layout:after {
  border-top-color: #045c09;
  border-width: 10px;
  margin-left: -10px;
}
.placemark-layout .album-layout .front-side {
  width: 60px;
  height: 20px;
  position: absolute;
  top: 35px;
  transform: skewX(-30deg);
  background: #06b606;
  background: -moz-linear-gradient(top, #06b606 0%, #046d09 100%);
  background: -webkit-linear-gradient(top, #06b606 0%, #046d09 100%);
  background: linear-gradient(to bottom, #06b606 0%, #046d09 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#06b606', endColorstr='#046d09', GradientType=0);
}
.popover-map {
  display: block;
  border-radius: 2px;
  max-width: none;
}
.popover-map .close {
  position: absolute;
  right: 5px;
  top: 1px;
}