.no-padding {
  padding: 0;
}
.scroll {
  height: calc(50vh - 40px);       /* Just for the demo          */
  overflow-y: auto;    /* Trigger vertical scroll    */
  overflow-x: auto;  /* Hide the horizontal scroll */
}

 .scroll-filter {
  height: 100vh;       /* Just for the demo          */
  overflow-y: auto;    /* Trigger vertical scroll    */
  overflow-x: hidden;  /* Hide the horizontal scroll */
}
.content {
  padding: 0 15px 10px 0;
  margin-bottom: 0;
  height: 100vh;
}
.layout-main {
  padding-right: 0 !important;
  padding-bottom: 0;
}
.layout-sidebar {
  padding-left: 0 !important;
  height: calc(100vh + 40px);
}
.portlet-main {
  margin:0;
}
.50 {
  height: 50vh;
}
.25 {
  height: 25vh;
}
.75 {
  height: 75vh;
}
.leaflet-tile {
  visibility: visible;
  opacity: 1 !important;
}
.leaflet-container {
  cursor: pointer;
}
.leaflet-popup-content {
  max-height:300px;
  overflow: auto;
  overflow-x: auto;
}
.toggle-measure {
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 4px;
  width: 26px;
  height: 26px;
  z-index: 9999;
  position: absolute;
  top: 105px;
  left: 10px;
  border-radius: 0px !important;
}
.info-measure {
  z-index: 9999;
  position: absolute;
  top: 85px;
  left: 50px;
}
.select-layer {
  z-index: 9999;
  position: absolute;
  bottom: 20px;
  left: 10px;
}
table, td {
  border: 1px solid black;
  border-collapse: collapse;
}
td {
  padding: 5px;
  font-size: 12px;
}
#map {
  height: 50vh;
}
#tableMenu {
  width: 100%;
  height: 40px;
  background-color: #DEDEDE;
  padding: 3px;
}
.arrow {
  opacity:0.3;
}
.arrow:hover {
  opacity:1;
}
.accordion-panel .panel.is-open .accordion-toggle {
  background-color: #354b5e;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #ffffff;
 }
.leaflet-bar a:first-child {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
.form-control {
  border-radius: 1px;
}
.btn {
border-radius: 1px;
}
.modal-measure {
  width: 260px;
  height: 70px;
  top: 10px;
  left: 32px;
}

.modal-dialog-measure {
  width:230px;
}

.modal-open .modal-measure {
  overflow: hidden;
}
.modal-body {
padding: 5px 10px;
}
.modal-content {
border-radius: 1px;
background-color: rgba(255,255,255,0.8);
}
.modal-dialog {
  margin: 0 auto;
}
.leaflet-draw-toolbar-top {
  margin-top:35px
}
.leaflet-measure-path-measurement {
    position: absolute;
    font-size: 10px;
    color: black;
    text-shadow: -1px  0 0 white,
                 -1px -1px 0 white,
                  0 -1px 0 white,
                  1px -1px 0 white,
                  1px  0 0 white,
                  1px  1px 0 white,
                  0  1px 0 white,
                 -1px  1px 0 white;
    white-space: nowrap;
    transform-origin: 0;
    pointer-events: none;
}
.leaflet-measure-path-measurement > div {
    position: relative;
    margin-top: -25%;
    left: -50%;
}
.leaflet-draw-tooltip {
    display: none;
}
.modal-content {
    background-color: rgba(255, 255, 255, 1) !important;
    margin-top: 50px;
}

.btn-secondary {
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border-color: #6685a4;
}

.3column {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
  max-height: 100px;
}

.btn-secondary {
  background-color: #69554f;
  border-color: #69554f;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary:visited, .btn-secondary:active {
  background-color: #54443f;
  border-color: #3f332f;
}

.accordion-panel .panel.is-open .accordion-toggle {
  background-color: #2F1907;
}


.panel.is-open .accordion-caret::before {
  color: #FBBA00;
}

.accordion-caret::before {
  color: #FBBA00;
}

.btn-success {
  background-color: #FBBA00;
  border-color: #FBBA00;
}
.btn-success:hover, .btn-success:focus, .btn-success:active:focus, .btn-success:active:hover, .btn-success:visited, .btn-success:active {
  background-color: #cc9600;
  border-color: #cc9600;
}

.btn-danger {
  background-color: #69554f;
  border-color: #69554f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:visited, .btn-danger:active {
  background-color: #54443f;
  border-color: #54443f;
}

.info-line {
  position: absolute;
  left: 20px;
  top: 9px;
}

.pressed {
background-color: #c3c3c3 !important;
border-color: #929292 !important;
box-shadow: inset 1px 1px 2px #000 !important;
}

.leaflet-control-layers {
  padding: 10px !important;
  width: 60px;
}
.leaflet-control-layers-expanded {
  padding: 10px !important;
  width: 200px !important;
  height: calc(50vh - 35px);
  overflow-x: auto;
}
.leaflet-control-layers-base .leaflet-row .leaflet-name {
  width: 80% !important;
  margin-top: 4px !important;
}
.leaflet-row {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
}
.leaflet-control-layers-separator {
  border-top: 1px solid #fff;
  margin: 0;
}
.leaflet-name {
  float: left;
  margin-bottom: -5px !important;
  width: 100% !important;
}

.btn-primary {
  background-color: #69554f;
  border-color: #69554f;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:visited, .btn-primary:active {
  background-color: #54443f;
  border-color: #3f332f;
}
.ajs-message.ajs-success {
  text-shadow: none !important;
  background-color: #FBBA00 !important;
}
.ajs-message.ajs-error {
  text-shadow: none !important;
  background-color: #69554f !important;
}
.table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover{
  background-color: #efdfb2;
}
.table-hover>tbody>tr.success>td, .table-hover>tbody>tr.success>th, .table-hover>tbody>tr>.success, .table-hover>tbody>tr>td.success, .table-hover>tbody>tr>th.success{
  background-color: #efdfb2;
}
.form-control {
  padding-left: 6px
}