@charset "UTF-8";
.app-content .map {
  *zoom: 1; }
  .app-content .map:before, .app-content .map:after {
    content: " ";
    display: table; }
  .app-content .map:after {
    clear: both; }

* {
  padding: 0;
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
    -webkit-box-sizing--moz-box-sizing: border-box;
      -webkit-box-sizing--moz-box-sizing-box-sizing: border-box; }

html {
  position: relative;
  min-height: 100%;
  margin: 0px;
  padding: 0px; }

body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px; }

body.waiting, body.waiting * {
  cursor: wait !important; }

.checkbox-container {
  display: inline-block;
  position: relative;
  height: 1em;
  width: 1em;
  vertical-align: text-top; }
  .checkbox-container .checkbox-input {
    display: block;
    position: relative;
    z-index: 2;
    opacity: 0;
    cursor: pointer; }
  .checkbox-container .checkbox-overlay {
    background-color: #fff;
    border: 2px solid #abadb3;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  .checkbox-container .checkbox-input:checked + .checkbox-overlay:after {
    background-color: #7fa92c;
    display: block;
    content: ' ';
    top: 20%;
    right: 20%;
    bottom: 20%;
    left: 20%;
    position: absolute; }

iframe {
  border: none;
  display: block;
  padding-top: 1em; }
  iframe:first-child {
    padding-top: 0; }

.notifications {
  position: absolute;
  top: 5px;
  right: 5px;
  max-width: 400px;
  width: 400px;
  max-height: 100px;
  z-index: 9999; }
  .notifications.admin-notifications {
    right: 350px; }

section.page-slice {
  padding: 30px 0; }

.header {
  height: 7em; }
  .header img.header-logo {
    display: inline-block;
    height: 4em;
    width: auto; }

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #f2f2f2;
  border-top: 1px solid #e3e5e5; }
  .footer p {
    margin: 10px 0; }
  .footer a, .footer a:visited, .footer a:hover {
    color: rgba(0, 0, 0, 0.7);
    text-decoration: none; }
  .footer .footer-menu {
    padding-left: 0;
    margin-left: -5px;
    margin: 10px 0; }
    .footer .footer-menu > li {
      padding: 0; }
      @media (min-width: 768px) {
        .footer .footer-menu > li {
          display: inline-block; }
          .footer .footer-menu > li:not(:first-child):before {
            content: "•"; } }

.page-title {
  background: #f2f2f2 none repeat scroll 0 0;
  border-top: 1px solid #e3e5e5;
  border-bottom: 1px solid #e3e5e5; }
  .page-title h2 {
    font-size: 20px;
    line-height: 100%;
    margin: 0;
    padding: 16px 0; }
  .page-title .breadcrumb {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    float: right;
    margin: 0;
    padding: 16px 15px 16px 0; }

.page-sleeve-background {
  background: #3498db none repeat scroll 0 0; }
  .page-sleeve-background h1 {
    font-size: 10em; }
  .page-sleeve-background h1, .page-sleeve-background h2, .page-sleeve-background h3, .page-sleeve-background p {
    color: #f2f2f2; }

.static-content {
  max-width: 50em;
  text-align: justify;
  margin-bottom: 3em; }
  .static-content h4 {
    font-weight: bold; }
  .static-content p + h4,
  .static-content p:last-child {
    margin-top: 2em; }

.position-fixed {
  position: fixed; }

.anol-map-scale {
  margin-top: 1em;
  margin-left: 1em; }

.ol-control button, .ol-control button:focus {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0;
  color: white;
  line-height: 1.3em;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  outline: none; }
  .ol-control button:hover, .ol-control button:focus:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.5); }
  .ol-control button.active, .ol-control button:focus.active {
    background-color: rgba(0, 0, 0, 0.85); }
    .ol-control button.active:hover, .ol-control button:focus.active:hover {
      background-color: rgba(0, 0, 0, 0.85); }
  .ol-control button.disabled, .ol-control button:focus.disabled {
    background-color: rgba(0, 0, 0, 0.5); }
  .ol-control button .glyphicon, .ol-control button:focus .glyphicon {
    top: 0;
    line-height: 1.4em; }
    .ol-control button .glyphicon.glyphicon-plus,
    .ol-control button .glyphicon.glyphicon-chevron, .ol-control button:focus .glyphicon.glyphicon-plus,
    .ol-control button:focus .glyphicon.glyphicon-chevron {
      left: 0.05em; }
    .ol-control button .glyphicon.glyphicon-minus,
    .ol-control button .glyphicon.glyphicon-home, .ol-control button:focus .glyphicon.glyphicon-minus,
    .ol-control button:focus .glyphicon.glyphicon-home {
      right: 0.025em; }
  .ol-control button .glyphicon, .ol-control button .ol-compass, .ol-control button:focus .glyphicon, .ol-control button:focus .ol-compass {
    color: white; }

.ol-zoom .ol-zoom-in,
.ol-zoom .ol-zoom-out {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.ol-dragzoom {
  border: 1px dashed rgba(0, 0, 0, 0.7);
  background-color: rgba(255, 255, 255, 0.25); }

.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid rgba(0, 0, 0, 0.7);
  width: 200px;
  height: 200px; }
  .ol-overviewmap .ol-overviewmap-map .ol-overviewmap-box {
    border: 2px dashed red;
    background-color: rgba(255, 255, 255, 0.25); }

.anol-searchbox {
  left: 4em;
  top: 0.5em;
  width: 300px; }
  .anol-searchbox hr {
    margin-top: 5px;
    margin-bottom: 5px; }
  .anol-searchbox button.geocoder-list, .anol-searchbox button.geocoder-list:focus,
  .anol-searchbox button.search, .anol-searchbox button.search:focus {
    margin-left: -1px;
    -moz-user-select: none;
    background-image: none;
    border: 0px;
    border-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    margin-bottom: 0;
    padding: 5px 12px;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: auto;
    width: auto;
    margin-top: 0; }
    .anol-searchbox button.geocoder-list .glyphicon, .anol-searchbox button.geocoder-list:focus .glyphicon,
    .anol-searchbox button.search .glyphicon, .anol-searchbox button.search:focus .glyphicon {
      line-height: 1.42857143; }
  .anol-searchbox button.geocoder-list, .anol-searchbox button.geocoder-list:focus {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(0, 0, 0, 0.7);
    border-right: 0;
    border-radius: 0; }
    .anol-searchbox button.geocoder-list .glyphicon, .anol-searchbox button.geocoder-list:focus .glyphicon {
      top: 2px;
      color: rgba(0, 0, 0, 0.7); }
  .anol-searchbox ul.dropdown-menu {
    width: auto; }
    .anol-searchbox ul.dropdown-menu li.catalog-search-nav, .anol-searchbox ul.dropdown-menu li.catalog-search-no-result {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: normal;
      line-height: 1.42857143;
      color: #333;
      white-space: nowrap; }
    .anol-searchbox ul.dropdown-menu li.catalog-search-nav {
      border-bottom: 1px solid black; }
  .anol-searchbox ul.geocoder-menu {
    width: auto;
    right: 40px;
    left: auto; }
    .anol-searchbox ul.geocoder-menu .active-geocoder {
      margin-left: 10px; }
    .anol-searchbox ul.geocoder-menu li:hover {
      background-color: #eee;
      cursor: pointer; }
  .anol-searchbox .form-control {
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 0; }
    .anol-searchbox .form-control:focus {
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.anol-geolocation button {
  background-image: url("../img/anol-geolocate.svg"); }

.anol-measure-line button {
  background-image: url("../img/anol-measure-line.svg"); }

.anol-measure-area button {
  background-image: url("../img/anol-measure-area.svg"); }

.anol-popup {
  border: none;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.anol-scale-line {
  bottom: 0.5em; }
  .anol-scale-line .anol-scale-line-inner .ol-scale-line {
    background: none; }
    .anol-scale-line .anol-scale-line-inner .ol-scale-line .ol-scale-line-inner {
      border-width: 2px;
      border-color: rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7);
      color: rgba(0, 0, 0, 0.7); }

/*
 * Map button positions
 */
.menu-control {
  top: 0.5em;
  left: 0.5em; }

.ol-zoom {
  top: 2.7em; }

.anol-geolocation {
  top: 6.5em; }

.home-control {
  top: 8.5em;
  left: 0.5em; }

.tools-control {
  top: 10.5em;
  left: 0.5em; }

.tools-container-control,
.alkis-container-control {
  top: 10.5em;
  left: 3.5em;
  background-color: white;
  border-radius: 0;
  padding: 0;
  border: 1px solid #adadad;
  z-index: 3; }
  .tools-container-control:hover,
  .alkis-container-control:hover {
    background-color: white; }
  .tools-container-control .list-group-item,
  .alkis-container-control .list-group-item {
    border: 0; }
    .tools-container-control .list-group-item.active,
    .alkis-container-control .list-group-item.active {
      background-color: #337ab7;
      color: white;
      opacity: 0.8;
      border-radius: 0;
      font-weight: 600; }

.alkis-control {
  top: 12.5em;
  left: 0.5em; }

.alkis-container-control {
  top: 12.5em;
  left: 3.5em; }

.measure-point-result {
  top: 4.5em;
  left: 3.5em;
  z-index: 10;
  padding: 0.5em;
  background-color: white;
  border: 1px solid #adadad; }
  .measure-point-result:hover {
    background-color: white; }
  .measure-point-result .closer {
    position: absolute;
    top: 0.25em;
    right: 0.25em; }
  .measure-point-result select {
    cursor: pointer; }
  .measure-point-result .selectable {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; }
    .measure-point-result .selectable:hover {
      cursor: text; }
  .measure-point-result .mt-0-5 {
    margin-top: 0.5em; }

.end-measure {
  top: 17.0em;
  left: 4.0em;
  background-color: white;
  padding: 5px 10px; }
  .end-measure:hover {
    background-color: #eee; }

.anol-measure-overlay {
  font-weight: bold;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  background: white;
  padding: 4px;
  border-radius: 4px; }

.ol-rotate {
  top: 12.5em;
  left: 0.5em;
  right: inherit; }

.ol-touch .ol-zoom {
  top: 3.2em; }

.ol-touch .anol-geolocation {
  top: 8.1em; }

.ol-touch .home-control {
  top: 10.6em; }

.ol-touch .tools-control {
  top: 13.1em; }

.ol-touch .tools-container-control {
  top: 13.1em; }

.ol-touch .alkis-control {
  top: 15.6em; }
  .ol-touch .alkis-control .glyphicon {
    line-height: 1em; }

.ol-touch .timetable-control {
  top: 15.6em !important; }

.ol-touch .alkis-container-control {
  top: 15.6em; }

.ol-touch .ol-rotate {
  top: 18.1em; }

/*
 * Popup Styling
 */
.anol-popup-container {
  z-index: 3; }
  .anol-popup-container .anol-popup {
    background-color: #f2f2f2; }
    .anol-popup-container .anol-popup .anol-popup-content .popup-content {
      max-height: Min(calc(90vh - 80px), 500px); }
    .anol-popup-container .anol-popup.top:after {
      border-top-color: #f2f2f2; }
    .anol-popup-container .anol-popup.bottom:after {
      border-bottom-color: #f2f2f2; }
    .anol-popup-container .anol-popup.left:after {
      border-left-color: #f2f2f2; }
    .anol-popup-container .anol-popup.right:after {
      border-right-color: #f2f2f2; }
  .anol-popup-container .nav-tabs > li.active > a,
  .anol-popup-container .nav-tabs > li.active > a:hover,
  .anol-popup-container .nav-tabs > li.active > a:focus {
    background-color: #f2f2f2; }

.anol-popup-mobile {
  width: 100vw;
  height: 100vh;
  position: relative;
  z-index: 1; }
  .anol-popup-mobile .popup-content {
    max-height: calc(100vh - 80px) !important; }
  .anol-popup-mobile .anol-popup-closer {
    position: absolute; }

@media (max-width: 480px) {
  .hide-for-mobile {
    display: none; } }

@media (min-width: 480px) {
  .hide-for-desktop {
    display: none; }
  .anol-popup-mobile {
    display: none; } }

.map-logo {
  left: 10px;
  bottom: 10px;
  padding: 3px;
  background-color: rgba(255, 255, 255, 0.7); }

.ol-ctx-menu-container {
  position: absolute;
  padding: 8px;
  background: #fff;
  color: #222;
  font-size: 13px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 5px;
  box-sizing: border-box; }
  .ol-ctx-menu-container *,
  .ol-ctx-menu-container *::before,
  .ol-ctx-menu-container *::after {
    box-sizing: inherit; }
  .ol-ctx-menu-container.ol-ctx-menu-hidden {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 300ms, opacity 300ms; }
  .ol-ctx-menu-container ul {
    list-style: none;
    margin-bottom: 0; }
  .ol-ctx-menu-container li {
    position: relative;
    line-height: 20px;
    padding: 2px 5px; }
    .ol-ctx-menu-container li:hover {
      cursor: pointer;
      background: #dddddd; }
  .ol-ctx-menu-container li.ol-ctx-menu-submenu .ol-ctx-menu-container {
    border: 1px solid #eee;
    padding: 8px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 300ms, opacity 300ms; }
  .ol-ctx-menu-container li.ol-ctx-menu-submenu:hover .ol-ctx-menu-container {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s; }
  .ol-ctx-menu-container li.ol-ctx-menu-submenu::after {
    position: absolute;
    top: 7px;
    right: 10px;
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border-right: 0.3em solid #222;
    border-top: 0.3em solid #222;
    transform: rotate(45deg); }
  .ol-ctx-menu-container li.ol-ctx-menu-submenu:hover::after {
    border-color: #eee; }

/*
 * Draw popup styling
 */
.munimap-draw-popup.anol-popup {
  background-color: #fdfdfd;
  padding: 0; }
  .munimap-draw-popup.anol-popup.top:after {
    border-top-color: #fdfdfd; }
  .munimap-draw-popup.anol-popup .anol-popup-closer {
    color: white;
    font-size: 18px;
    right: 10px;
    top: 10px; }
  .munimap-draw-popup.anol-popup .anol-popup-content .popup-header {
    padding: 10px;
    background-color: #e2001a;
    color: white; }
    .munimap-draw-popup.anol-popup .anol-popup-content .popup-header h4 {
      margin: 0; }
  @media (min-width: 480px) {
    .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .nav-tabs {
      position: absolute;
      left: -44px;
      bottom: 38px;
      border: none; }
      .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li {
        border-radius: 4px;
        -webkit-box-shadow: -4px -1px 8px -4px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: -4px -1px 8px -4px rgba(0, 0, 0, 0.5);
        box-shadow: -4px -1px 8px -4px rgba(0, 0, 0, 0.5); }
        .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li a {
          border: none;
          background-color: #fdfdfd; }
          .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li a:hover {
            border: none; }
          .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li a:focus {
            border: none;
            outline: none; }
        .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li:not(.active) a {
          background-color: #f0f0f0; }
          .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li:not(.active) a:hover {
            background-color: #fdfdfd; } }
  .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .tab-content {
    font-size: 0.8em;
    min-width: 285px;
    min-height: 160px;
    position: relative; }
    .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .tab-content .properties .form-horizontal fieldset {
      border-bottom: none; }
    .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .tab-content .properties .no-feature-properties {
      display: none;
      position: absolute;
      text-align: center;
      top: 0;
      left: 0;
      width: 100%; }
    .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .tab-content .properties .form-horizontal:empty + .no-feature-properties {
      display: block; }
    .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .tab-content .style .form-horizontal {
      width: 300px; }
    .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .tab-content .marker {
      margin: 10px 15px 0px;
      padding-bottom: 10px; }
      .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .tab-content .marker .marker-icon {
        max-width: 30px; }
      .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .tab-content .marker img {
        padding: 3px; }
        .munimap-draw-popup.anol-popup .anol-popup-content .popup-content .tab-content .marker img.selected {
          padding: 1px;
          border: 2px solid #4cae4c; }
  .munimap-draw-popup.anol-popup .anol-popup-content .popup-footer {
    height: 40px;
    margin: 0px 15px 0px 15px;
    padding-top: 5px;
    border-top: 1px solid #e3e5e5; }
    .munimap-draw-popup.anol-popup .anol-popup-content .popup-footer .remove-feature {
      padding-top: 8px;
      font-size: 0.8em; }
      .munimap-draw-popup.anol-popup .anol-popup-content .popup-footer .remove-feature:hover {
        text-decoration: none; }

/*
 * Tour styling
 */
.popover.tour {
  max-width: 340px;
  width: 340px; }
  .popover.tour .tour-content {
    margin: 10px; }
    .popover.tour .tour-content .tour-head {
      height: 20px; }
    .popover.tour .tour-content .tour-image {
      display: block;
      margin: 15px auto;
      width: auto;
      height: 70px; }
    .popover.tour .tour-content .popover-title {
      background-color: inherit;
      padding: 0;
      color: red;
      border: none;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 10px; }
    .popover.tour .tour-content .popover-content {
      padding: 0; }
    .popover.tour .tour-content .popover-navigation {
      margin-top: 15px;
      padding: 0; }
    .popover.tour .tour-content .start-tour {
      margin: 15px auto;
      display: block; }

.map-info-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3; }
  .map-info-overlay .map-info-overlay-text {
    color: white;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%; }

.loading-overlay {
  position: absolute;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
  height: 96%;
  z-index: 2;
  text-align: center;
  width: 94%;
  vertical-align: middle; }
  .loading-overlay .text {
    margin-top: 4em; }

.alkis-tabs form {
  margin-top: 20px; }

hr.alkis {
  margin-top: 10px; }

.owner-content {
  margin-top: 10px; }

.alkis-content, .owner-content {
  max-height: 200px;
  overflow: auto; }
  .alkis-content .info, .owner-content .info {
    margin-bottom: 10px; }

.active-background {
  left: auto;
  right: auto;
  top: auto;
  bottom: auto; }

.no-background {
  background-color: transparent; }

@media (max-width: 768px) {
  .map-logo img {
    max-width: 100px;
    height: auto !important; } }

.side-bar .sidebar-closer {
  display: none; }

@media screen and (max-width: 768px) {
  .side-bar .sidebar-header .sidebar-closer {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 3em;
    line-height: 2.5em;
    margin-top: 0.25em;
    text-align: center;
    border-radius: 4px 0 0 4px;
    background-color: #ccc; } }

.side-bar .sidebar-header {
  width: 100%; }
  .side-bar .sidebar-header h3 {
    color: black;
    margin-top: 10px; }

.side-bar .sidebar-footer {
  height: 2em;
  bottom: 0;
  width: 100%;
  position: absolute;
  padding: 0 1em; }
  .side-bar .sidebar-footer .copyright {
    font-size: 0.8em; }

.side-bar .sidebar-content {
  margin-top: 1em;
  margin-bottom: 2em;
  overflow: auto;
  height: calc(100% - 7em); }
  .side-bar .sidebar-content .panel-group .panel {
    border-radius: 0;
    border: none;
    background-color: inherit;
    box-shadow: none; }
    .side-bar .sidebar-content .panel-group .panel + .panel {
      margin: 0;
      border-top: 1px solid #ccc; }
  .side-bar .sidebar-content .panel-group .panel-open + .panel {
    border: none; }
  .side-bar .sidebar-content .panel-default .panel-heading {
    background-color: white;
    border-radius: 0;
    cursor: pointer; }
    .side-bar .sidebar-content .panel-default .panel-heading .panel-title {
      color: #787878; }
    .side-bar .sidebar-content .panel-default .panel-heading:hover {
      background-color: #ccc; }
      .side-bar .sidebar-content .panel-default .panel-heading:hover .panel-title {
        color: black; }
  .side-bar .sidebar-content .panel-default .panel-collapse .panel-body {
    background-color: white;
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden; }
    .side-bar .sidebar-content .panel-default .panel-collapse .panel-body hr {
      margin-top: 10px; }
  .side-bar .sidebar-content .panel-default.panel-open .panel-heading {
    background-color: #ccc; }
    .side-bar .sidebar-content .panel-default.panel-open .panel-heading .panel-title {
      font-weight: bold;
      color: black; }
  .side-bar .sidebar-content .background-layer-container {
    text-align: center; }
    .side-bar .sidebar-content .background-layer-container img,
    .side-bar .sidebar-content .background-layer-container .no-background-layer {
      width: 120px;
      height: 90px;
      background-color: #eee; }
    .side-bar .sidebar-content .background-layer-container .background-layer-item {
      display: inline-block;
      text-align: center;
      vertical-align: text-top;
      margin-bottom: 10px;
      margin-right: 4px;
      position: relative; }
      .side-bar .sidebar-content .background-layer-container .background-layer-item .background-layer-title {
        position: absolute;
        bottom: 0;
        right: 0;
        line-height: 1.2em;
        font-size: 0.8em;
        width: 100%;
        padding: 2px 0;
        background-color: rgba(255, 255, 255, 0.8); }
        .side-bar .sidebar-content .background-layer-container .background-layer-item .background-layer-title.active {
          background-color: rgba(0, 0, 0, 0.8);
          color: white; }
  .side-bar .sidebar-content .overlay-layerswitcher {
    cursor: default; }
    .side-bar .sidebar-content .overlay-layerswitcher .overlay-item {
      border-bottom: 1px solid #eee;
      padding: 0.5em 0px 0.5em 0px; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .float-left {
        float: left;
        margin-right: 5px; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item:last-child {
        border: none; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .title-wrapper {
        margin-left: 20px; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .title-wrapper-group {
        margin-left: 37px; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item canvas {
        vertical-align: sub; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .layer-title {
        cursor: pointer;
        display: inline-block;
        width: 195px; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .catalog-layer-title, .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .no-group-layer-title {
        margin-left: 20px; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .inactive .layer-title, .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .inactive .show-legend {
        color: #999; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .single-item.inactive canvas.anol-legend-item-image {
        opacity: 0.4; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .single-item {
        position: relative;
        margin-left: 1.25em; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item {
        position: relative; }
        .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item a, .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item a:hover {
          text-decoration: none; }
        .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .group-layers-container {
          padding-left: 1.3em; }
          .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .group-layers-container .child-title {
            width: auto;
            height: inherit; }
            .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .group-layers-container .child-title::before {
              content: "\2212";
              vertical-align: top; }
            .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .group-layers-container .child-title span {
              display: inline-block;
              width: 180px;
              height: inherit; }
          .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .group-layers-container a, .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .group-layers-container a:hover {
            text-decoration: none;
            vertical-align: top; }
          .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .group-layers-container:not(.inactive) .legend-container .show-legend:hover + .legend-items {
            display: block; }
        .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .group-layers-container.inactive canvas.anol-legend-item-image {
          opacity: 0.4; }
        .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item span.open-layer-group {
          position: relative;
          top: 2px;
          display: inline-block;
          font-family: 'Glyphicons Halflings';
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased; }
          .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item span.open-layer-group:before {
            content: "\e258"; }
        .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item span.close-layer-group {
          position: relative;
          top: 2px;
          display: inline-block;
          font-family: 'Glyphicons Halflings';
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased; }
          .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item span.close-layer-group:before {
            content: "\e259"; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .single-item .legend-container,
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .legend-container {
        position: relative; }
        .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .single-item .legend-container .legend-items,
        .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .legend-container .legend-items {
          -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
          display: none;
          background-color: #fff;
          position: fixed;
          left: 1%;
          z-index: 1;
          white-space: nowrap;
          padding: 0.5em; }
        .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .single-item .legend-container .show-legend,
        .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .legend-container .show-legend {
          cursor: default; }
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .single-item:not(.inactive) > .legend-container .show-legend:hover + .legend-items:not(:empty),
      .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item:not(.inactive) > .legend-container .show-legend:hover + .legend-items:not(:empty) {
        display: block; }
  .side-bar .sidebar-content #open-catalog-button {
    margin-bottom: 10px;
    margin-top: 20px; }
  .side-bar .sidebar-content .anol-catalog .show-legend {
    display: inline-block;
    background-image: url("../img/info.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    width: 15px;
    height: 11px;
    opacity: 0.7; }
  .side-bar .sidebar-content .anol-catalog .legend-container {
    position: relative; }
    .side-bar .sidebar-content .anol-catalog .legend-container .legend-items {
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
      display: none;
      background-color: #fff;
      position: fixed;
      left: 1%;
      z-index: 1;
      white-space: nowrap;
      padding: 0.5em; }
    .side-bar .sidebar-content .anol-catalog .legend-container .show-legend {
      cursor: default; }
  .side-bar .sidebar-content .anol-catalog .show-legend:hover + .legend-items {
    display: block; }
  .side-bar .sidebar-content .anol-catalog .inactive .layer-title, .side-bar .sidebar-content .anol-catalog .inactive .show-legend {
    color: #999; }
  .side-bar .sidebar-content .anol-catalog .inactive .show-legend, .side-bar .sidebar-content .anol-catalog .inactive canvas {
    opacity: 0.4; }
  .side-bar .sidebar-content .anol-catalog canvas {
    vertical-align: sub; }
  .side-bar .sidebar-content .anol-draw .remove-geometries-btn {
    padding-left: 0;
    color: #a94442; }

.overlay-item .editable-layer {
  line-height: 2em; }
  .overlay-item .editable-layer button.btn-success .glyphicon {
    color: white; }
  .overlay-item .editable-layer.inactive .layer-title {
    color: #999; }

.sidebar-footer {
  font-size: 12px; }

.timetable-control {
  top: 10.5em;
  left: 0.5em; }

.ol-touch .timetable-control {
  top: 16.5em; }

.station-layer-popup.anol-popup {
  width: 250px !important;
  padding: 0;
  z-index: 2001; }
  .station-layer-popup.anol-popup .anol-popup-closer {
    color: white;
    top: 10px;
    right: 10px;
    font-size: 18px; }
  .station-layer-popup.anol-popup.bottom:after {
    border-bottom-color: #ff6900; }
  .station-layer-popup.anol-popup.top:after {
    border-top-color: white; }
  .station-layer-popup.anol-popup .anol-popup-content {
    white-space: normal; }
    .station-layer-popup.anol-popup .anol-popup-content .transport-content {
      background-color: #e3e5e5; }
    .station-layer-popup.anol-popup .anol-popup-content .ref-badge {
      border-radius: 4px; }
    .station-layer-popup.anol-popup .anol-popup-content .ref-operator {
      font-size: 11px;
      font-style: italic;
      line-height: 30px; }
    .station-layer-popup.anol-popup .anol-popup-content .badge.bus {
      background-color: #E42629; }
    .station-layer-popup.anol-popup .anol-popup-content .badge.tram {
      background-color: #369CC2; }
    .station-layer-popup.anol-popup .anol-popup-content .badge.night {
      background-color: #002680; }
    .station-layer-popup.anol-popup .anol-popup-content .badge.other-operator {
      background-color: #777777 !important; }
    .station-layer-popup.anol-popup .anol-popup-content h4,
    .station-layer-popup.anol-popup .anol-popup-content .transport-content,
    .station-layer-popup.anol-popup .anol-popup-content .subroute-content,
    .station-layer-popup.anol-popup .anol-popup-content .select-station-content,
    .station-layer-popup.anol-popup .anol-popup-content .construction-content {
      padding: 10px; }
    .station-layer-popup.anol-popup .anol-popup-content h4 {
      background-color: #ff6900;
      color: white;
      margin-top: 0px;
      margin-bottom: 0px;
      cursor: default; }
      .station-layer-popup.anol-popup .anol-popup-content h4.station-properties-header {
        cursor: pointer; }
    .station-layer-popup.anol-popup .anol-popup-content .select-station-content {
      background-color: white;
      padding-top: 5px;
      padding-bottom: 5px; }
    .station-layer-popup.anol-popup .anol-popup-content .subroute-content,
    .station-layer-popup.anol-popup .anol-popup-content .construction-content {
      background-color: white; }
      .station-layer-popup.anol-popup .anol-popup-content .subroute-content li,
      .station-layer-popup.anol-popup .anol-popup-content .construction-content li {
        color: gray;
        margin-bottom: 5px; }
        .station-layer-popup.anol-popup .anol-popup-content .subroute-content li::before,
        .station-layer-popup.anol-popup .anol-popup-content .construction-content li::before {
          content: " ";
          border-color: transparent #ff6900;
          border-style: solid;
          border-width: 4px 0 4px 6px;
          display: inline-block;
          height: 0;
          width: 0;
          top: 0;
          position: relative; }
    .station-layer-popup.anol-popup .anol-popup-content .subroute-content {
      max-height: 250px;
      overflow: auto; }
    .station-layer-popup.anol-popup .anol-popup-content .timetable-content {
      border-top: 1px solid #e3e5e5;
      border-bottom: 1px solid #e3e5e5;
      padding-top: 5px;
      padding-bottom: 5px; }
      .station-layer-popup.anol-popup .anol-popup-content .timetable-content ul {
        margin: 0;
        margin-top: 5px;
        margin-bottom: 5px; }
    .station-layer-popup.anol-popup .anol-popup-content .timetable-content li::before, .station-layer-popup.anol-popup .anol-popup-content .select-station-content li::before {
      content: " ";
      border-color: transparent #002857;
      border-style: solid;
      border-width: 4px 0 4px 6px;
      display: inline-block;
      height: 0;
      width: 0;
      top: 0;
      position: relative; }
    .station-layer-popup.anol-popup .anol-popup-content .timetable-content a, .station-layer-popup.anol-popup .anol-popup-content .timetable-content a:hover a:visited, .station-layer-popup.anol-popup .anol-popup-content .select-station-content a, .station-layer-popup.anol-popup .anol-popup-content .select-station-content a:hover a:visited {
      color: gray;
      margin-bottom: 5px; }
    .station-layer-popup.anol-popup .anol-popup-content .timetable-content.has-subroute-element, .station-layer-popup.anol-popup .anol-popup-content .select-station-content.has-subroute-element {
      margin-bottom: 20px; }
    .station-layer-popup.anol-popup .anol-popup-content .list-inline {
      margin-bottom: 0px;
      margin-left: 0px; }
      .station-layer-popup.anol-popup .anol-popup-content .list-inline li {
        padding-right: 3px;
        padding-left: 0px;
        margin-left: 0px; }

@media (max-width: 768px) {
  .timetable-informations.form-xs-hidden {
    display: none; }
  .timetable-informations.form-xs-visible {
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%; }
  .timetable-informations .row {
    margin-left: 0;
    margin-right: 0; } }

.badge {
  font-size: 12px; }
  .badge.badge-green {
    background-color: rgba(76, 174, 76, 0.8); }
  .badge.badge-red {
    background-color: rgba(217, 83, 79, 0.8); }

.geoeditor .geoeditor-button-text {
  float: left; }

.geoeditor .draw-icon {
  float: left;
  margin: 0.2em; }

.geoeditor .geoeditor-badge {
  float: right;
  margin-left: 10px; }

.geoeditor .btn:focus {
  outline: none;
  box-shadow: none; }

.anol-featureform-checkbox {
  width: unset;
  height: unset; }

@media (max-width: 1050px) {
  .sidebar-open .geoeditor .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%; }
  .sidebar-open .geoeditor .btn-group > .btn + .btn,
  .sidebar-open .geoeditor .btn-group > .btn + .btn-group,
  .sidebar-open .geoeditor .btn-group > .btn-group + .btn,
  .sidebar-open .geoeditor .btn-group > .btn-group + .btn-group,
  .sidebar-open .geoeditor .btn-group > .tooltip + .btn,
  .sidebar-open .geoeditor .btn-group > .tooltip + .btn-group {
    margin-top: -1px;
    margin-left: 0; }
  .sidebar-open .geoeditor .btn-group > .btn:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px; }
  .sidebar-open .geoeditor .btn-group > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0; }
  .sidebar-open .geoeditor .geoeditor-header {
    max-width: 330px; } }

@media (max-width: 650px) {
  .sidebar-open .geoeditor .geoeditor-button-text {
    display: none; } }

@media (max-width: 750px) {
  .sidebar-closed .geoeditor .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%; }
  .sidebar-closed .geoeditor .btn-group > .btn + .btn,
  .sidebar-closed .geoeditor .btn-group > .btn + .btn-group,
  .sidebar-closed .geoeditor .btn-group > .btn-group + .btn,
  .sidebar-closed .geoeditor .btn-group > .btn-group + .btn-group,
  .sidebar-closed .geoeditor .btn-group > .tooltip + .btn,
  .sidebar-closed .geoeditor .btn-group > .tooltip + .btn-group {
    margin-top: -1px;
    margin-left: 0; }
  .sidebar-closed .geoeditor .btn-group > .btn:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px; }
  .sidebar-closed .geoeditor .btn-group > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0; } }

@media (max-width: 350px) {
  .sidebar-closed .geoeditor .geoeditor-button-text {
    display: none; } }

.anol-drawer {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  right: 0.5em;
  max-width: calc(100% - 4em);
  background-color: white;
  border: 1px solid lightgrey;
  border-radius: 2px; }
  .anol-drawer > * {
    display: table-cell; }
  .anol-drawer .anol-drawer-content {
    padding: 0.3em; }
  .anol-drawer .anol-drawer-button {
    position: relative;
    vertical-align: center;
    border: none; }
  .anol-drawer .anol-drawer-label {
    padding: 0.3em; }
    .anol-drawer .anol-drawer-label h5 {
      font-weight: bold; }

.sidebar-open .anol-drawer {
  max-width: calc(100% - 4em - 300px); }
  @media (max-width: 1400px) {
    .sidebar-open .anol-drawer {
      top: 4em; } }

@media (max-width: 1100px) {
  .sidebar-closed .anol-drawer {
    top: 4em; } }

/* Add additionaml media query to show on mobile devices */
.iframe-project-link {
  position: absolute;
  right: 10px;
  top: 0;
  padding: 5px;
  background: white; }

.visible-xxs {
  display: none; }

@media (max-width: 480px) {
  .visible-xxs {
    display: block !important; } }

/* Components */
.app-content {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .app-content .side-bar {
    display: inline-block;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 300px;
    background-color: white;
    box-shadow: -6px 6px 24px rgba(0, 0, 0, 0.5);
    z-index: 3; }
    @media screen and (max-width: 480px) {
      .app-content .side-bar {
        width: 100%; } }
    .app-content .side-bar .mobile-searchbox {
      width: 100%;
      left: 0;
      top: 0; }
      .app-content .side-bar .mobile-searchbox .result-menu {
        width: 100%;
        box-shadow: none;
        padding: 5px;
        list-style: none;
        max-height: 200px;
        overflow: auto; }
        .app-content .side-bar .mobile-searchbox .result-menu li {
          margin-bottom: 3px; }
      .app-content .side-bar .mobile-searchbox .alert {
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 8px;
        cursor: default; }
      .app-content .side-bar .mobile-searchbox button.search {
        border-color: #cccccc; }
      .app-content .side-bar .mobile-searchbox input {
        border: 1px solid #ccc;
        border-radius: 4px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; }
      .app-content .side-bar .mobile-searchbox .form-control:focus {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
  .app-content .map {
    overflow: hidden;
    height: 100%; }
  @media (max-width: 480px) {
    .app-content .side-bar:not(.ng-hide) ~ .map,
    .app-content .featureinfo-container:not(.ng-hide) ~ .map {
      display: none; } }
  .app-content .featureinfo-container {
    padding: 1em; }
    @media (min-width: 768px) {
      .app-content .featureinfo-container {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        background-color: white;
        opacity: 0.9;
        border-bottom-left-radius: 4px; }
        .app-content .featureinfo-container .featureinfo-popup-closer {
          position: absolute;
          top: 0.2em;
          right: 0.2em;
          color: #ccc; }
        .app-content .featureinfo-container .featureinfo-fullscreen-closer {
          display: none; }
        .app-content .featureinfo-container .featureinfo-target {
          min-width: 120px;
          min-height: 90px;
          max-width: 400px;
          max-height: 300px;
          overflow: auto; } }
    @media (max-width: 768px) {
      .app-content .featureinfo-container {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: white; }
        .app-content .featureinfo-container .featureinfo-popup-closer {
          display: none; }
        .app-content .featureinfo-container .featureinfo-fullscreen-closer {
          display: block;
          position: absolute;
          right: 0;
          top: 0;
          width: 3em;
          line-height: 2.5em;
          text-align: center;
          border-radius: 4px 0 0 4px;
          margin-top: 0.25em;
          background-color: #ccc; } }

.app-content:not(.show) + .loading {
  width: 100%;
  height: auto;
  bottom: 0px;
  top: 0px;
  left: 0px;
  position: absolute; }
  .app-content:not(.show) + .loading .logo {
    background: url("../img/logo-wappen.png") no-repeat center center fixed;
    background-size: 460px;
    position: absolute;
    opacity: 0.25;
    height: 566px;
    width: 460px;
    top: 50%;
    left: 50%;
    margin-top: -283px;
    margin-left: -230px; }

.ol-control.tour-step-backdrop {
  position: absolute; }

.ol-control.tools-container-control.tour-step-backdrop {
  z-index: 1101; }

.mt-1 {
  margin-top: 1em; }

.mt-5 {
  margin-top: 5em; }

.mb-1 {
  margin-bottom: 1em; }

.mr-1 {
  margin-right: 1em; }

.feedback-button span {
  color: white;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.7);
  transform: scale(1.2, 1); }

.low-margin {
  margin: 0 0 5px; }

#load-projects td.project-name {
  cursor: pointer; }

.catalog-tabs .form-horizontal {
  margin-top: 1em; }

.alkis-icon:before {
  color: white;
  content: "A";
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px; }

.modal.left .modal-dialog {
  position: fixed;
  margin: auto;
  width: 600px;
  bottom: 10px;
  left: 10px; }

.modal.left .modal-content {
  overflow-y: auto; }

.catalog-modal .modal-dialog {
  margin: 10px auto !important; }

.catalog-modal .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 80px); }
  .catalog-modal .modal-body .toggle-variant-button {
    position: absolute;
    right: 10px;
    display: block;
    padding: 10px 15px;
    background-color: #eee;
    cursor: pointer; }
    .catalog-modal .modal-body .toggle-variant-button.second {
      right: 62px; }
    .catalog-modal .modal-body .toggle-variant-button.active {
      color: white;
      background-color: #337ab7; }
    .catalog-modal .modal-body .toggle-variant-button .glyphicon {
      font-size: 18px;
      color: inherit; }
  .catalog-modal .modal-body .striped {
    background-color: #eee; }
  .catalog-modal .modal-body .catalog-title {
    padding: 4px;
    margin: 1px; }
  .catalog-modal .modal-body .catalog-mouse-over {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .catalog-modal .modal-body .catalog-abstract, .catalog-modal .modal-body .catalog-div {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: default; }
    .catalog-modal .modal-body .catalog-abstract .inline, .catalog-modal .modal-body .catalog-div .inline {
      display: inline; }
    .catalog-modal .modal-body .catalog-abstract .inline-padding, .catalog-modal .modal-body .catalog-div .inline-padding {
      padding-left: 2.5em; }
    .catalog-modal .modal-body .catalog-abstract .float, .catalog-modal .modal-body .catalog-div .float {
      float: left;
      margin-right: 5px; }
    .catalog-modal .modal-body .catalog-abstract .added, .catalog-modal .modal-body .catalog-div .added {
      color: #337ab7; }
    .catalog-modal .modal-body .catalog-abstract a, .catalog-modal .modal-body .catalog-div a {
      color: rgba(0, 0, 0, 0.7); }
      .catalog-modal .modal-body .catalog-abstract a:hover, .catalog-modal .modal-body .catalog-div a:hover {
        color: #337ab7;
        text-decoration: none;
        cursor: pointer; }
    .catalog-modal .modal-body .catalog-abstract .btn-none, .catalog-modal .modal-body .catalog-div .btn-none {
      display: inline-block;
      padding: 1px 4px;
      border: 1px solid transparent; }
  .catalog-modal .modal-body .nav-tabs > li {
    float: left; }
    .catalog-modal .modal-body .nav-tabs > li:not(:first-child) {
      margin-left: 5px; }
    .catalog-modal .modal-body .nav-tabs > li a, .catalog-modal .modal-body .nav-tabs > li a:hover, .catalog-modal .modal-body .nav-tabs > li a:focus {
      background-color: #eeeeee;
      color: #787878;
      font-size: 16px;
      border: 0;
      border-radius: 0; }
    .catalog-modal .modal-body .nav-tabs > li a:hover {
      color: black; }
    .catalog-modal .modal-body .nav-tabs > li.active > a,
    .catalog-modal .modal-body .nav-tabs > li.active > a:hover,
    .catalog-modal .modal-body .nav-tabs > li.active > a:focus {
      color: white;
      font-weight: bold;
      background-color: #337ab7;
      opacity: 0.8; }

@media (min-width: 992px) {
  .catalog-modal .modal-dialog {
    width: 900px !important; } }

@media (min-width: 768px) {
  .catalog-modal .modal-dialog {
    width: 700px;
    margin: 30px auto; } }

.anol-popup .popup-content {
  max-height: 500px;
  overflow-y: scroll; }

.btn-group .tooltip + .btn,
.btn-group .tooltip + .btn-group {
  margin-left: -1px; }

.munimap-digitize-draw .anol-drawer-content .anol-draw .digitize {
  width: 250px;
  display: flex;
  flex-direction: column; }
  .munimap-digitize-draw .anol-drawer-content .anol-draw .digitize .digitize-draw-header {
    padding-bottom: 10px; }
  .munimap-digitize-draw .anol-drawer-content .anol-draw .digitize .digitize-edit {
    display: flex;
    flex-direction: row; }
    .munimap-digitize-draw .anol-drawer-content .anol-draw .digitize .digitize-edit button {
      flex: 1; }
  .munimap-digitize-draw .anol-drawer-content .anol-draw .digitize .digitize-draw-footer .error-text span {
    color: #e06800; }

.form-horizontal {
  margin: 0 15px 0; }
  .form-horizontal fieldset {
    border-bottom: 1px solid #e3e5e5;
    padding-bottom: 1em;
    padding-top: 1em; }
    .form-horizontal fieldset legend {
      font-size: 1.2em;
      font-weight: bold;
      margin-bottom: 0;
      padding-top: 5px;
      border: none;
      color: rgba(0, 0, 0, 0.7); }
    .form-horizontal fieldset .checkbox .control-label {
      padding-top: 0; }
    .form-horizontal fieldset .control-label, .form-horizontal fieldset .checkbox {
      font-weight: bold; }
    .form-horizontal fieldset .checkbox input[type="checkbox"] {
      margin-left: 0; }
    .form-horizontal fieldset .form-group {
      padding: 0;
      margin-top: 5px;
      margin-bottom: 5px; }
      .form-horizontal fieldset .form-group .control-label {
        font-weight: bold; }
      .form-horizontal fieldset .form-group .has-feedback .form-control {
        padding-right: 35px; }
      .form-horizontal fieldset .form-group .form-control-feedback {
        right: 5px; }
      .form-horizontal fieldset .form-group .help-block {
        position: absolute;
        margin-top: 0;
        right: 15px; }
      .form-horizontal fieldset .form-group .slider.slider-horizontal {
        width: 100%;
        height: 30px; }
      .form-horizontal fieldset .form-group .slider-value-label {
        color: rgba(0, 0, 0, 0.7);
        background-color: #fdfdfd;
        border: 1px solid rgba(204, 204, 204, 0.7);
        font-weight: normal;
        min-width: 30px;
        text-align: center;
        font-size: 10px;
        border-radius: 4px; }
  .form-horizontal .form-group button {
    margin-top: 10px; }

/* map */
.munimap-digitize-popup.anol-popup {
  background-color: #fdfdfd;
  padding: 0; }
  .munimap-digitize-popup.anol-popup.top:after {
    border-top-color: #fdfdfd; }
  .munimap-digitize-popup.anol-popup .anol-popup-closer {
    color: white;
    font-size: 18px;
    right: 10px;
    top: 10px; }
  .munimap-digitize-popup.anol-popup .anol-popup-content {
    width: 265px; }
    .munimap-digitize-popup.anol-popup .anol-popup-content .popup-header {
      padding: 10px;
      background-color: #e2001a;
      color: white; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-header h4 {
        margin: 0; }
    .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .schema-form-checkbox {
      margin-left: -15px;
      padding-bottom: 5px;
      width: 100%; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .schema-form-checkbox label {
        padding-left: 0;
        font-weight: bold; }
        .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .schema-form-checkbox label input {
          margin-top: 10px;
          margin-bottom: 4px; }
    @media (min-width: 480px) {
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .nav-tabs {
        position: absolute;
        left: -44px;
        bottom: 38px;
        border: none; }
        .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li {
          border-radius: 4px;
          -webkit-box-shadow: -4px -1px 8px -4px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: -4px -1px 8px -4px rgba(0, 0, 0, 0.5);
          box-shadow: -4px -1px 8px -4px rgba(0, 0, 0, 0.5); }
          .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li a {
            border: none;
            background-color: #fdfdfd; }
            .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li a:hover {
              border: none; }
            .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li a:focus {
              border: none;
              outline: none; }
          .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li:not(.active) a {
            background-color: #f0f0f0; }
            .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .nav-tabs li:not(.active) a:hover {
              background-color: #fdfdfd; } }
    .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content {
      font-size: 0.8em;
      min-width: 250px;
      min-height: 160px;
      position: relative; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content .munimap-datepicker .anol-date-picker {
        display: table; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content .munimap-plaintext span {
        text-wrap: wrap; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content .left-section {
        margin-left: -15px; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content .properties .form-horizontal fieldset {
        border-bottom: none; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content .properties .no-feature-properties {
        display: none;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
        width: 100%; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content .properties .form-horizontal:empty + .no-feature-properties {
        display: block; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content .style .form-horizontal {
        width: 300px; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content .marker {
        margin: 10px 15px 0;
        padding-bottom: 10px; }
        .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content .marker .marker-icon {
          max-width: 30px; }
        .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content .marker img {
          padding: 3px; }
          .munimap-digitize-popup.anol-popup .anol-popup-content .popup-content .tab-content .marker img.selected {
            padding: 1px;
            border: 2px solid #4cae4c; }
    .munimap-digitize-popup.anol-popup .anol-popup-content .popup-footer {
      margin: 0 15px 0 15px;
      padding-top: 5px;
      padding-bottom: 5px; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-footer .polling-refresh {
        text-wrap: wrap; }
        .munimap-digitize-popup.anol-popup .anol-popup-content .popup-footer .polling-refresh span {
          color: #e06800; }
      .munimap-digitize-popup.anol-popup .anol-popup-content .popup-footer .action-buttons {
        display: flex;
        justify-content: flex-end; }

.slider.slider-horizontal .slider-track {
  height: 6px;
  margin-top: -2px; }

.slider.slider-horizontal .slider-selection {
  background-image: none;
  box-shadow: none; }

.slider.slider-horizontal .slider-handle {
  width: 6px;
  height: 12px;
  margin-left: 0;
  margin-top: 8px;
  border-radius: 33%;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.7);
  background-image: -webkit-linear-gradient(to bottom, rgba(230, 230, 230, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
  background-image: -o-linear-gradient(to bottom, rgba(230, 230, 230, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
  background-image: -moz-linear-gradient(to bottom, rgba(230, 230, 230, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
  background-image: linear-gradient(to bottom, rgba(230, 230, 230, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); }
  .slider.slider-horizontal .slider-handle:before {
    content: ''; }

.marker .form-horizontal fieldset {
  border: none;
  padding: 0; }
  .marker .form-horizontal fieldset .form-group {
    text-align: left; }

.marker .symbol-container {
  max-height: 250px;
  overflow: auto; }

.anol-draw h5 {
  font-weight: bold;
  margin-top: 15px; }

.anol-draw .activ-layer-container {
  margin-bottom: 1em; }

.anol-draw .btn-group + .btn {
  margin-top: 0.5em; }

.anol-draw .save-button {
  margin-top: 1.5em;
  width: 100%; }
  .anol-draw .save-button.btn-success .glyphicon {
    color: white; }

.anol-draw .draw-point,
.anol-draw .draw-line,
.anol-draw .draw-polygon,
.anol-draw .draw-modify {
  padding: 5px; }

.anol-draw .draw-icon {
  background-image: url("../img/draw-toolbar-spritesheet-black.svg");
  background-size: 200px auto;
  height: 12px;
  width: 10px;
  display: inline-block; }

.anol-draw .draw-point .draw-icon {
  background-position: -96px 18px; }

.anol-draw .draw-line .draw-icon {
  background-position: -6px 18px; }

.anol-draw .draw-polygon .draw-icon {
  background-position: -28px 18px; }

.anol-draw .draw-edit .draw-icon {
  background-position: -118px 18px; }

.anol-draw .draw-remove .draw-icon {
  background-position: -140px 18px; }

.anol-draw .draw-modify.active .control-on {
  display: inline; }

.anol-draw .draw-modify.active .control-off {
  display: none; }

.anol-draw .draw-modify:not(.active) .control-on {
  display: none; }

.anol-draw .draw-modify:not(.active) .control-off {
  display: inline; }

/* Colorpicker */
.sp-replacer {
  border-color: #ccc;
  border-radius: 4px;
  background-color: white;
  height: 30px; }
  .sp-replacer:hover, .sp-replacer:focus, .sp-replacer.sp-active {
    border-color: #ccc; }
  .sp-replacer .sp-dd {
    font-size: 9px; }

.sp-container {
  border-color: #ccc;
  background-color: white;
  /* applied bootstrap button style */ }
  .sp-container .sp-palette {
    max-width: 120px; }
  .sp-container .sp-picker-container .sp-top .sp-top-inner .sp-color,
  .sp-container .sp-picker-container .sp-top .sp-top-inner .sp-clear,
  .sp-container .sp-picker-container .sp-top .sp-top-inner .sp-hue {
    border-color: #ccc;
    border-radius: 4px; }
  .sp-container .sp-picker-container .sp-top .sp-top-inner .sp-hue {
    top: 31px; }
  .sp-container .sp-input-container {
    /* applied bootstrap input style */ }
    .sp-container .sp-input-container .sp-input {
      background-color: white;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
      color: #555;
      display: block;
      font-size: 14px;
      height: 34px;
      line-height: 1.42857;
      padding: 6px 12px;
      transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
      width: 100%; }
  .sp-container .sp-button-container {
    float: none; }
    .sp-container .sp-button-container .sp-choose, .sp-container .sp-button-container .sp-cancel {
      -moz-user-select: none;
      background-image: none;
      border: 1px solid transparent;
      border-radius: 3px;
      cursor: pointer;
      display: inline-block;
      font-size: 12px;
      font-weight: normal;
      line-height: 1.5;
      margin-bottom: 0;
      padding: 5px 10px;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      text-shadow: none; }
    .sp-container .sp-button-container .sp-choose {
      background-color: #5cb85c;
      border-color: #4cae4c;
      color: #fff;
      float: right; }
    .sp-container .sp-button-container .sp-cancel {
      background-color: #d9534f;
      border-color: #d43f3a;
      color: #fff !important; }
      .sp-container .sp-button-container .sp-cancel:hover {
        text-decoration: none; }

/* Admin area */
.line-height-3em {
  line-height: 3em; }

.timetable-informations {
  right: 10px;
  top: 10px;
  padding: 0;
  background-color: white;
  width: 230px; }
  .timetable-informations:hover {
    background-color: white; }
  .timetable-informations h4 {
    background-color: #ff6900;
    color: white;
    margin-top: 0px;
    margin-bottom: 0px; }
  .timetable-informations .closer {
    color: white; }
  .timetable-informations h4, .timetable-informations form {
    padding: 10px; }
  .timetable-informations .row {
    margin-bottom: 10px; }
  .timetable-informations label {
    margin-bottom: 0px; }

@media (max-width: 768px) {
  .timetable-informations.form-xs-hidden {
    display: none; }
  .timetable-informations.form-xs-visible {
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 10; }
  .timetable-informations .row {
    margin-left: 0;
    margin-right: 0; } }

.app-content:not(.show) + .loading .logo-transport {
  background: url("../img/logo_transport.png") no-repeat center center fixed; }

.transport-map .timetable-control {
  top: 10.5em;
  left: 0.5em; }

.transport-map .ol-touch .timetable-control {
  top: 16.5em; }

.transport-map .button-layer-wrapper {
  bottom: 10px;
  position: absolute;
  text-align: center;
  width: 100%;
  pointer-events: none; }
  @media (max-width: 768px) {
    .transport-map .button-layer-wrapper {
      text-align: left;
      margin-left: 10px; } }
  .transport-map .button-layer-wrapper button {
    background-color: rgba(255, 255, 255, 0.7);
    color: #3B597C;
    box-shadow: none;
    outline: none !important;
    pointer-events: auto;
    cursor: pointer; }
    .transport-map .button-layer-wrapper button.active {
      background-color: #F8F7F2;
      color: #e06800;
      box-shadow: none;
      border-color: #e06800; }
      .transport-map .button-layer-wrapper button.active span {
        color: #e06800; }
    @media (min-width: 768px) {
      .transport-map .button-layer-wrapper button:hover {
        background-color: #F8F7F2;
        color: #e06800;
        box-shadow: none;
        border-color: #e06800; }
        .transport-map .button-layer-wrapper button:hover span {
          color: #e06800; } }
  .transport-map .button-layer-wrapper .overlay-layer {
    margin-right: 15px; }

.transport-map .anol-popup {
  z-index: 2001; }
  .transport-map .anol-popup.station-layer, .transport-map .anol-popup[anol-drag-popup] {
    padding: 0;
    width: 250px !important; }
    .transport-map .anol-popup.station-layer .anol-popup-closer, .transport-map .anol-popup[anol-drag-popup] .anol-popup-closer {
      color: white;
      top: 10px;
      right: 10px;
      font-size: 18px; }
  .transport-map .anol-popup.bottom:after {
    border-bottom-color: #ff6900; }
  .transport-map .anol-popup.top:after {
    border-top-color: white; }
  .transport-map .anol-popup .anol-popup-content {
    white-space: normal; }
    .transport-map .anol-popup .anol-popup-content .transport-content {
      background-color: #e3e5e5; }
    .transport-map .anol-popup .anol-popup-content .ref-badge {
      border-radius: 4px; }
    .transport-map .anol-popup .anol-popup-content .ref-operator {
      font-size: 11px;
      font-style: italic;
      line-height: 30px; }
    .transport-map .anol-popup .anol-popup-content .badge.bus {
      background-color: #E42629; }
    .transport-map .anol-popup .anol-popup-content .badge.tram {
      background-color: #369CC2; }
    .transport-map .anol-popup .anol-popup-content .badge.night {
      background-color: #002680; }
    .transport-map .anol-popup .anol-popup-content .badge.other-operator {
      background-color: #777777 !important; }
    .transport-map .anol-popup .anol-popup-content h4,
    .transport-map .anol-popup .anol-popup-content .transport-content,
    .transport-map .anol-popup .anol-popup-content .subroute-content,
    .transport-map .anol-popup .anol-popup-content .select-station-content,
    .transport-map .anol-popup .anol-popup-content .construction-content {
      padding: 10px; }
    .transport-map .anol-popup .anol-popup-content h4 {
      background-color: #ff6900;
      color: white;
      margin-top: 0px;
      margin-bottom: 0px;
      cursor: default; }
      .transport-map .anol-popup .anol-popup-content h4.station-properties-header {
        cursor: pointer; }
    .transport-map .anol-popup .anol-popup-content .select-station-content {
      background-color: white;
      padding-top: 5px;
      padding-bottom: 5px; }
    .transport-map .anol-popup .anol-popup-content .subroute-content,
    .transport-map .anol-popup .anol-popup-content .construction-content {
      background-color: white; }
      .transport-map .anol-popup .anol-popup-content .subroute-content li,
      .transport-map .anol-popup .anol-popup-content .construction-content li {
        color: gray;
        margin-bottom: 5px; }
        .transport-map .anol-popup .anol-popup-content .subroute-content li::before,
        .transport-map .anol-popup .anol-popup-content .construction-content li::before {
          content: " ";
          border-color: transparent #ff6900;
          border-style: solid;
          border-width: 4px 0 4px 6px;
          display: inline-block;
          height: 0;
          width: 0;
          top: 0;
          position: relative; }
    .transport-map .anol-popup .anol-popup-content .subroute-content {
      max-height: 250px;
      overflow: auto; }
    .transport-map .anol-popup .anol-popup-content .timetable-content {
      border-top: 1px solid #e3e5e5;
      border-bottom: 1px solid #e3e5e5;
      padding-top: 5px;
      padding-bottom: 5px; }
      .transport-map .anol-popup .anol-popup-content .timetable-content ul {
        margin: 0;
        margin-top: 5px;
        margin-bottom: 5px; }
    .transport-map .anol-popup .anol-popup-content .timetable-content li::before, .transport-map .anol-popup .anol-popup-content .select-station-content li::before {
      content: " ";
      border-color: transparent #002857;
      border-style: solid;
      border-width: 4px 0 4px 6px;
      display: inline-block;
      height: 0;
      width: 0;
      top: 0;
      position: relative; }
    .transport-map .anol-popup .anol-popup-content .timetable-content a, .transport-map .anol-popup .anol-popup-content .timetable-content a:hover a:visited, .transport-map .anol-popup .anol-popup-content .select-station-content a, .transport-map .anol-popup .anol-popup-content .select-station-content a:hover a:visited {
      color: gray;
      margin-bottom: 5px; }
    .transport-map .anol-popup .anol-popup-content .timetable-content.has-subroute-element, .transport-map .anol-popup .anol-popup-content .select-station-content.has-subroute-element {
      margin-bottom: 20px; }
    .transport-map .anol-popup .anol-popup-content .list-inline {
      margin-bottom: 0px;
      margin-left: 0px; }
      .transport-map .anol-popup .anol-popup-content .list-inline li {
        padding-right: 3px;
        padding-left: 0px;
        margin-left: 0px; }

.map-logo img {
  width: 133px;
  height: auto; }

@media (max-width: 768px) {
  .map-logo {
    bottom: 50px; } }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.mt-1 {
  margin-top: 10px; }

body.waiting, body.waiting * {
  cursor: wait !important; }

#sidebar {
  left: 300px;
  margin-left: -300px;
  width: 300px;
  position: fixed;
  height: 100%;
  color: #787878;
  border-radius: 0;
  border: none;
  background-color: white;
  box-shadow: -6px 6px 24px rgba(0, 0, 0, 0.5);
  z-index: 2; }
  #sidebar .header {
    margin-left: -15px;
    margin-right: -15px;
    height: 80px; }
    #sidebar .header .brand {
      padding: 0; }
      #sidebar .header .brand img {
        margin: 5px;
        width: auto;
        height: 70px; }
  #sidebar .sidebar-footer {
    bottom: 24px;
    position: absolute;
    width: 272px;
    background-color: white;
    border: none; }
  #sidebar .nav.nav-pills li + li {
    margin-top: 0; }
  #sidebar .nav.nav-pills li a {
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #eee;
    color: #787878; }
    #sidebar .nav.nav-pills li a:hover {
      color: black; }
  #sidebar .nav.nav-pills li.active a {
    font-weight: bold;
    background-color: #337ab7;
    color: white;
    opacity: 0.8; }

#content {
  padding-left: 300px;
  margin-bottom: -3em; }
  #content h3 {
    margin-top: 0; }
  #content .container-fluid {
    padding-top: 120px; }
    #content .container-fluid .button-bar {
      max-width: 1000px;
      margin-bottom: 1em; }
    #content .container-fluid .ace_editor {
      width: 100%;
      max-width: 1000px;
      min-height: 400px !important;
      border: 1px solid #787878; }
  #content .navbar {
    border-radius: 0;
    border: none;
    position: fixed;
    width: 100%;
    z-index: 1;
    box-shadow: 18px -6px 24px rgba(0, 0, 0, 0.5);
    height: 80px;
    background-color: white;
    color: #787878;
    border: none; }
    #content .navbar .navbar-brand {
      font-size: 28px;
      line-height: 50px; }
    #content .navbar .navbar-nav {
      position: fixed;
      right: 0;
      margin-right: 15px; }
      #content .navbar .navbar-nav li a {
        font-size: 20px;
        line-height: 50px;
        height: 80px; }
      #content .navbar .navbar-nav li.active a {
        background-color: #337ab7;
        color: white;
        opacity: 0.8; }
    #content .navbar .navbar-form {
      height: 80px;
      line-height: 60px;
      position: fixed;
      right: 0; }

.element-container .element-container-header {
  background-color: #fff;
  border: 1px solid #ddd;
  height: 5.5em;
  padding: 0 15px; }
  .element-container .element-container-header h4 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    height: 2em; }

.element-container .element-container-content {
  overflow: auto;
  border: 1px solid #ddd;
  border-top: none; }
  .element-container .element-container-content .element {
    cursor: default;
    border-top: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-radius: 0;
    word-break: break-all; }
    .element-container .element-container-content .element:first-of-type {
      border-top: none; }
    .element-container .element-container-content .element:last-of-type {
      border-bottom: none; }
    .element-container .element-container-content .element button.pull-left,
    .element-container .element-container-content .element i.pull-left {
      margin-right: 1em; }
    .element-container .element-container-content .element.pointer {
      cursor: pointer; }

.tab-pane .element-container .element-container-header {
  border-top: none;
  padding-top: 1px; }

.table-striped-double tbody tr:nth-of-type(4n+1),
.table-striped-double tbody tr:nth-of-type(4n+2) {
  background-color: #f9f9f9; }

.table-striped-double tbody tr:nth-of-type(2n+2) td {
  border-top: none; }

table.table tbody tr td {
  -webkit-transition: background-color 0.25s linear;
  -moz-transition: background-color 0.25s linear;
  -ms-transition: background-color 0.25s linear;
  -o-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear; }
  table.table tbody tr td .opacity {
    opacity: 0.5; }

table.table tbody tr.highlight td {
  background-color: #fcf8e3 !important; }

.project-list {
  margin-left: 15px;
  list-style-type: none; }
  .project-list li.striped {
    background-color: #F2F2F2; }
  .project-list .digitize-indicator {
    font-size: medium; }

.uib-day button, .uib-month button {
  border: 0; }

.form-horizontal .form-group .input-group-btn button {
  margin-top: 0; }

.col-break {
  word-break: break-all;
  word-wrap: break-word;
  min-width: 120px; }

.col-button .btn-xs {
  margin-bottom: 5px; }

.side-bar .sidebar-header {
  text-align: left; }
  .side-bar .sidebar-header img.single-app-link-logo {
    height: 5em;
    margin: 5px; }
  .side-bar .sidebar-header img.top-logo {
    width: auto;
    height: 110px;
    display: inline-block;
    vertical-align: top; }
  .side-bar .sidebar-header img.app-link-logo {
    width: auto;
    margin-top: 7px;
    height: 28px; }
  .side-bar .sidebar-header span {
    height: 2.5em;
    line-height: 2.5em; }
  .side-bar .sidebar-header span.title {
    height: 100%;
    line-height: 20px;
    font-weight: bold;
    font-family: Arial, serif;
    vertical-align: bottom;
    display: inline-block;
    padding-top: 23px;
    padding-left: 15px;
    width: 250px; }
  .side-bar .sidebar-header .transport-link-logo {
    width: 100%;
    height: 3em;
    background-color: #ff6900; }
  .side-bar .sidebar-header a {
    display: inline-block;
    color: #787878;
    font-size: 14px;
    text-decoration: none;
    margin-left: 0em; }
  .side-bar .sidebar-header h1 {
    font-size: 16px;
    width: 100%;
    display: inline-block;
    margin-left: 0.5em;
    margin-top: 0.5em;
    color: #337ab7; }
  .side-bar .sidebar-header .sidebar-closer {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    margin-top: 0.25em;
    text-align: center;
    border-radius: 4px 0 0 4px;
    background-color: #eee; }

.side-bar .sidebar-footer {
  height: auto;
  height: 7em; }
  .side-bar .sidebar-footer ul li:first-child {
    margin-bottom: 1em; }

.side-bar .sidebar-content {
  height: calc(100% - 13.5em); }
  .side-bar .sidebar-content.hide-link {
    height: calc(100% - 11em); }
  .side-bar .sidebar-content.with-scale {
    height: calc(100% - 16.3em); }
  .side-bar .sidebar-content.with-scale.hide-link {
    height: calc(100% - 13.8em); }
  .side-bar .sidebar-content .panel-group {
    margin-bottom: 0; }
    .side-bar .sidebar-content .panel-group .panel-default .panel-heading {
      background-color: #eee; }
      .side-bar .sidebar-content .panel-group .panel-default .panel-heading:hover {
        background-color: #eee; }
      .side-bar .sidebar-content .panel-group .panel-default .panel-heading span:last-child {
        line-height: inherit; }
    .side-bar .sidebar-content .panel-group .panel-default.panel-open .panel-heading {
      background-color: #337ab7;
      border-color: #285f8f;
      opacity: 0.8; }
      .side-bar .sidebar-content .panel-group .panel-default.panel-open .panel-heading .panel-title {
        color: white;
        font-weight: bold; }
      .side-bar .sidebar-content .panel-group .panel-default.panel-open .panel-heading .glyphicon {
        color: white; }
  .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .layer-title {
    color: #337ab7;
    width: 180px; }
    .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .layer-title span {
      color: inherit; }
  .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .show-legend {
    background-image: url("../img/info-active.svg"); }
  .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .inactive .show-legend {
    background-image: url("../img/info.svg"); }
  .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item span.close-layer-group {
    color: rgba(0, 0, 0, 0.6); }
    .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item span.close-layer-group:before {
      content: "\e259"; }
  .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .group-layers-container .child-title span {
    width: 170px; }
  .side-bar .sidebar-content .anol-print button.start-print-button {
    width: 100%; }
  .side-bar .sidebar-content .anol-catalog .layer-title {
    color: #337ab7; }
  .side-bar .sidebar-content .anol-catalog .show-legend {
    background-image: url("../img/info-active.svg"); }
  .side-bar .sidebar-content .anol-catalog .inactive .show-legend {
    background-image: url("../img/info.svg"); }

.transport-map .button-layer-wrapper .btn-group button.active, .transport-map .button-layer-wrapper .btn-group button:hover {
  border-color: #002680;
  color: white; }
  .transport-map .button-layer-wrapper .btn-group button.active:last-child, .transport-map .button-layer-wrapper .btn-group button:hover:last-child {
    background-color: #002680; }
  .transport-map .button-layer-wrapper .btn-group button.active:first-child, .transport-map .button-layer-wrapper .btn-group button:hover:first-child {
    border-color: #E52629;
    color: #e52629; }

.anol-popup-container {
  max-width: 100%; }
  @media (max-width: 480px) {
    .anol-popup-container.mobile-fullscreen {
      height: 85%; } }

.anol-attribution {
  z-index: 10; }
  .anol-attribution button.anol-info-white {
    background-image: url("../img/attribution-symbol.svg");
    background-size: 0.9em 0.9em; }
  .anol-attribution ul {
    background-color: white;
    padding: 0.35em;
    margin-top: 0;
    margin-left: 0;
    border-radius: 4px 0 0 4px; }

.anol-searchbox {
  width: 300px; }

.popover.tour .tour-content .popover-title {
  color: #e30014; }

@media (max-width: 480px) {
  .anol-searchbox {
    width: 75%; }
  .side-bar .sidebar-header span.title {
    width: 80%; }
  .side-bar .sidebar-header .sidebar-content .overlay-layerswitcher .overlay-item .layer-title {
    width: 270px; }
  .side-bar .sidebar-header .sidebar-content .overlay-layerswitcher .overlay-item .group-item .group-layers-container .child-title span {
    width: 260px; } }

@media (max-width: 365px) {
  .anol-searchbox {
    width: 70%; }
  .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .layer-title {
    width: 180px; }
  .side-bar .sidebar-content .overlay-layerswitcher .overlay-item .group-item .group-layers-container .child-title span {
    width: 170px; } }

@media (max-width: 480px) {
  .popover.tour {
    max-width: 280px;
    width: 280px; }
    .popover.tour .tour-content .popover-content {
      max-height: 300px;
      overflow: auto; } }