body, html {
      height: 100%;
      background-color: #000;
      background-image: url(/img/bg.png);
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
}

.card {
      margin-top:25px;
}

.card-block {
      padding: 20px 20px 20px 20px;
}

#site-content {
      padding-top:25px;
}

.card {
      margin-bottom:25px;
}

.toast {
      background-color: white;
}

.toast-circle {
      margin-right: 10px;
}

nav {
      margin-top:25px;
}

#toast-list {
      z-index: 5000;
      left: 0;
}

@media only screen and (min-width: 992px) {
      .navbar-brand {
            padding-right: 10px;
            border-right: 1px solid #fff;
      }
}

.current-organisation.dropdown-toggle::after {
      margin-left: 10px;
}

.clickable {
      cursor: pointer;
}

.margin-right-5 {
      margin-right: 5px;
}

.list-group-item .selected {
      display:none;
}

.list-group-item.selected .selected {
      display:block;
}

.list-group-scroll {
      max-height: 500px;
      margin-bottom: 10px;
      overflow:scroll;
      -webkit-overflow-scrolling: touch;
}

.text-orange {
      color: #f05f40;
}

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

#map-footer {
      position: absolute;
      width:100%;
      height:auto;
      padding: 10px;
      z-index:999;
      bottom:0;
}

#map-bottom_left {
      position: absolute;
      left:30px;
      bottom: 75px;
      z-index:999;
}

#map-top_left {
      position: absolute;
      left:30px;
      top:30px;
      z-index:999;
}

#map-top_right {
      position: absolute;
      right:30px;
      top:30px;
      z-index:999;
}

#map-bottom_right {
      position: absolute;
      right:30px;
      bottom:75px;
      z-index:999;
}

#map-center {
      position: absolute;
      left: 50%;
      top:30px;
      z-index:999;
      font-size: 20px;
}

.leaflet-popup-content-wrapper {
      padding: 0!important;
      border-radius: 0!important;
}

.leaflet-popup-content {
      margin: 0!important;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
      background: #343a40!important;
}

#map-pointer {
      list-style-type: none;
      overflow: auto;
      max-height: 200px;
}

#map-worker-list {
      list-style-type: none;
      overflow: auto;
      max-height: 100px;
}

#map-worker-list li {
      padding: 5px 10px;
}

#map-worker-list li:hover {
      cursor:pointer;
      background-color:#20262C;
}

#map-pointer-list li {
      padding: 5px 0px;
}

#map-pointer-list li:hover {
      cursor:pointer;
      background-color:#20262C;
}

#pickpoint-create-relation-list.dropdown-menu.show,
#pickpoint-edit-relation-list.dropdown-menu.show,
#pickpoint-takeoff-destination.dropdown-menu.show,
#add-driver-relation-list.dropdown-menu.show,
#edit-driver-relation-list.dropdown-menu.show {
      display:none;
}

.list-group-item .selected {
    display: none;
}

.list-group-item.selected .selected {
    display: block;
}