asiglayerThemeSelector .theme-selector {
  width: calc(100% - 300px);
  top: 110px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  position: relative;
  margin-left: 250px; }
  asiglayerThemeSelector .theme-selector button {
    background-color: transparent;
    color: #FFF; }
    asiglayerThemeSelector .theme-selector button .info-close {
      width: 18px;
      height: 18px;
      background-image: url(/themes/asig/img/close.svg);
      background-size: contain; }
    asiglayerThemeSelector .theme-selector button.hover {
      color: #FFF; }
  asiglayerThemeSelector .theme-selector .modal-content {
    height: calc(100vh - 200px);
    width: 100%;
    border-radius: 0px;
    overflow: hidden; }
    asiglayerThemeSelector .theme-selector .modal-content .nano-pane .nano-slider {
      background: #999999; }
    asiglayerThemeSelector .theme-selector .modal-content .modal-body {
      padding: 10px; }
    asiglayerThemeSelector .theme-selector .modal-content .theme-item {
      position: relative;
      float: left;
      width: calc(100% / 4 - 20px);
      margin: 10px;
      overflow: hidden;
      transition: all .2s ease-in-out;
      cursor: pointer; }
      asiglayerThemeSelector .theme-selector .modal-content .theme-item img {
        width: 100%;
        height: auto;
        position: absolute;
        left: 50%;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
        transform: translate(-50%);
        transition: all .2s ease-in-out; }
      asiglayerThemeSelector .theme-selector .modal-content .theme-item span {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50px;
        padding: 10px;
        color: #fff;
        line-height: 30px;
        text-transform: uppercase;
        text-overflow: hidden;
        white-space: nowrap;
        overflow: hidden;
        background-color: #ff6801;
        text-align: center;
        font-family: 'Roboto Light';
        font-weight: normal;
        font-style: normal;
        box-sizing: border-box; }
      asiglayerThemeSelector .theme-selector .modal-content .theme-item:hover, asiglayerThemeSelector .theme-selector .modal-content .theme-item.selected {
        transform: scale(1.05);
        box-shadow: 4px 4px 4px #ccc; }
      asiglayerThemeSelector .theme-selector .modal-content .theme-item:hover > img {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        filter: grayscale(0%); }
      asiglayerThemeSelector .theme-selector .modal-content .theme-item:after {
        position: relative;
        float: left;
        content: '';
        width: 1px;
        padding-bottom: 75%; }
      asiglayerThemeSelector .theme-selector .modal-content .theme-item.selected {
        cursor: default; }
  @media all and (max-width: 1400px) {
    asiglayerThemeSelector .theme-selector .modal-content .theme-item {
      width: calc(100% / 3 - 20px); } }
  @media all and (max-width: 1000px) {
    asiglayerThemeSelector .theme-selector .modal-content .theme-item {
      width: calc(100% / 2 - 20px); } }

@media all and (max-width: 700px) {
  asiglayerThemeSelector .theme-selector {
    width: 90%;
    margin: auto; }
    asiglayerThemeSelector .theme-selector .modal-content .theme-item {
      width: calc(100% - 20px); } }

/* Most of the CSS is in the app/assets/css/base/region.scss, because reasons */
/* Preparation for map 2D/3D switch */
map region.center basemap {
  -moz-transition: bottom 0.5s ease-in-out;
  -ms-transition: bottom 0.5s ease-in-out;
  -o-transition: bottom 0.5s ease-in-out;
  -webkit-transition: bottom 0.5s ease-in-out;
  transition: bottom 0.5s ease-in-out; }

map region.center .widget-container, map region.center layerLegendTool .layer-legend {
  -moz-transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out;
  -ms-transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out;
  -o-transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out;
  -webkit-transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out;
  transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out; }

map region.center cesiumControl .cesium-slider-horizontal, map region.center cesiumControl .cesium-slider-vertical {
  bottom: 0;
  right: 50px;
  overflow: hidden; }

map region.center cesiumControl .cesium-slider-horizontal {
  height: 0;
  border-bottom: none;
  -moz-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out; }

map region.center cesiumControl .cesium-slider-vertical {
  width: 0;
  border-right: none;
  -moz-transition: width 0.5s ease-in-out;
  -ms-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out; }

/* Map 3D mode */
map region.center.view-mode-3d basemap {
  bottom: 30px; }

map region.center.view-mode-3d .widget-container {
  right: 90px;
  bottom: 40px; }

map region.center.view-mode-3d layerLegendTool .layer-legend {
  right: 90px;
  bottom: 120px; }

map region.center.view-mode-3d cesiumControl .cesium-slider-horizontal {
  height: 30px;
  border-bottom: 1px solid #fff; }

map region.center.view-mode-3d cesiumControl .cesium-slider-vertical {
  width: 30px;
  border-right: 1px solid #fff; }

map region.horizontal-bar.view-mode-3d overrideToolbar .tool-main-node {
  opacity: 0;
  width: 0; }

featuresDownload .row {
  margin-right: 0px;
  margin-left: 0px; }

featuresDownload .featuresDataTable {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  width: 100%; }

featuresDownload .downloadButton .btn-primary,
featuresDownload .downloadButton button:hover {
  min-width: 120px;
  height: 35px;
  padding: 10px;
  line-height: 15px;
  text-transform: uppercase;
  border-radius: 0;
  border-style: none !important;
  color: #fff;
  background-color: #ff6801 !important; }

/* Buttons */
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #ff6801 !important;
  border-style: none !important;
  border: 0 !important; }

.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:focus,
.open > .dropdown-toggle.btn-danger,
.open > .dropdown-toggle.btn-danger:hover,
.btn-label:hover {
  background-color: white !important;
  border: 1px solid #ff6801 !important;
  color: #ff6801 !important;
  background-image: none !important; }

floatingActionButton .floating-menu-root-button .floating-menu-item > div {
  background-color: #ff6801 !important;
  color: #fff; }

/* Administration */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #ff6801 !important;
  border-color: #ff6801 !important; }

admin .container .breadcrumb p a {
  color: #4c5667 !important;
  text-decoration: none; }

.dd-handle {
  padding: 6px 12px;
  background: none;
  border: none; }

.dd-handle:hover {
  color: #ff6801;
  background: #fff; }

/* Scrollbar fixes */
featureattributestool .row.form-horizontal {
  margin-left: 0px !important;
  margin-right: 0px !important; }

/* Map background */
.ol-viewport > canvas {
  background-color: white; }

geometryEdit .row {
  margin-right: 0px;
  margin-left: 0px; }

geometryEdit .form-control {
  background-color: white; }

rasterDownload .row {
  margin-right: 0px;
  margin-left: 0px; }

loadLayer .row {
  margin-right: 0px;
  margin-left: 0px; }

loadLayer .btn-default {
  min-width: 120px;
  height: 35px;
  padding: 10px;
  line-height: 15px;
  text-transform: uppercase;
  border-radius: 0;
  border-style: none;
  color: #fff;
  background-color: #ff6801; }

loadLayer .btn-default:hover, loadLayer .btn-default:active, loadLayer .btn-default:focus {
  color: #fff !important;
  background-color: #ff6801 !important; }

loadLayer .btn-default[disabled]:hover {
  color: #fff;
  background-color: #ff6801; }

printParcel .btn-default {
  min-width: 120px;
  height: 35px;
  padding: 10px;
  line-height: 15px;
  text-transform: uppercase;
  border-radius: 0;
  border-style: none;
  color: #fff;
  background-color: #ff6801; }

printParcel .btn-default:hover, printParcel .btn-default:active, printParcel .btn-default:focus {
  color: #fff !important;
  background-color: #ff6801 !important; }

printParcel .btn-default[disabled]:hover {
  color: #fff;
  background-color: #ff6801; }

asigScaleCombo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  margin: 0 10px;
  /* padding: 0px 0 0 0; */
  background-color: transparent; }
  asigScaleCombo > .scale-value {
    position: relative;
    float: left;
    width: 100%;
    height: 25px;
    cursor: pointer; }
    asigScaleCombo > .scale-value:before {
      position: absolute;
      content: '';
      top: calc(50% - 2px);
      left: calc(50% - 2px);
      margin: 0 auto;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #fff; }
    asigScaleCombo > .scale-value.selected:before {
      top: calc(50% - 5px);
      left: calc(50% - 5px);
      width: 10px;
      height: 10px;
      background-color: #ff6801; }
      asigScaleCombo > .scale-value.selected:before > .scale-tooltip {
        right: 40px; }
    asigScaleCombo > .scale-value > .scale-tooltip {
      position: absolute;
      top: 0;
      right: calc(100% + 10px + 10px);
      padding: 0 20px;
      height: 30px;
      line-height: 30px;
      font-family: 'Roboto Light';
      color: #fff;
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      transition: opacity .6s ease-in-out 0s;
      white-space: nowrap;
      cursor: default;
      -webkit-pointer-events: none;
      -moz-pointer-events: none;
      -ms-pointer-events: none;
      pointer-events: none; }
    asigScaleCombo > .scale-value:hover .scale-tooltip {
      transition: opacity .4s ease-in-out .3s;
      opacity: 1; }
  asigScaleCombo > .zoom-button {
    position: relative;
    float: left;
    width: 30px;
    height: 50px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat; }
    asigScaleCombo > .zoom-button.zoom-in {
      margin-bottom: 10px;
      border-bottom: 1px solid #aaa;
      background-image: url(../../../app/assets/svgs/plus-zoom.svg); }
    asigScaleCombo > .zoom-button.zoom-out {
      margin-top: 10px;
      border-top: 1px solid #aaa;
      background-image: url(../../../app/assets/svgs/minus-zoom.svg); }
    asigScaleCombo > .zoom-button.disabled {
      opacity: .5;
      cursor: default;
      -webkit-pointer-events: none;
      -moz-pointer-events: none;
      -ms-pointer-events: none;
      pointer-events: none; }
    asigScaleCombo > .zoom-button > .zoom-button-overlay {
      position: relative;
      float: left;
      width: 100%;
      height: 100%; }

.scale-value-height {
  height: 17.95px !important; }

@media all and (max-height: 900px) {
  asigScaleCombo > .scale-value {
    display: none; }
  asigScaleCombo > .zoom-button {
    margin: 0 !important;
    border: none !important; } }

.side-panel.mobile asigScaleCombo {
  padding: 0; }