.navbar {
  background-color: #ff0000;
}
.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #ff0000;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-text a {
  color: #ff0000;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #ff0000;
}
.navbar .navbar-nav .nav-link {
  color: #ffffff;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #ff0000;
  background-color: #ffffff;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #ff0000;
  background-color: #ffffff;
}
.navbar .navbar-toggle {
  border-color: #ffffff;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #ff0000;
}

.dropdown-menu.show{
  background-color:#ff0000;
  border-color: #ffffff;
  border-width: 3px;
  border-style: solid;
}
a.nav-link.dropdown-item{
  margin: 0px !important;
  color: #ffffff !important;
  background-color: red !important;
  padding: 5px !important;
  border-radius: 0 !important;
}

a.nav-link.dropdown-item:hover{
  background-color: lightgray !important;
  color: orangered !important;
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ffffff !important;
  background-color: red !important;
  padding: 5px !important;
  border-radius: 0 !important;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #ff0000;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #ff0000;
  background-color: #ffffff;
}

#smallmap{
  height: 50em;
  width: 50em;
}

html, body
{
  height: 100%;
  width: 100%;
}

#largemap{
  height: 400px;
  width: 400px;
  min-height: 100px;
  min-width: 100px;
}

button.active{
  background-color: white;
  color: red;
}


.fill
{
    min-height: 100%;
    height: 100%;
    width: 100%;
    max-width: 100%;
}

.container{
    max-width:60em;
    padding: 0.2em;
}

.border-5{
  border-width: 5px !important;
  border-radius: 20px;
}

.fc-event{
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.fc-event.created{
  background-color: lightgreen;
  color: #030000 !important;
}

.fc-event.saved{
  background-color: rgba(29, 89, 32, 0.8);
  color: #000000 !important;
}
.fc-event.changed{
  background-color: orange;
}
.fc-event.moved{
  background-color: orange;
}

*{
  hyphens: auto;
}

.table-separator{
  padding-top:1em;
}
.list-group-item{
  border-width: 0px;
  padding-left: 0px;
}

.select2{ width: 100% }

.btn-centered{
  display: inline-block;
  text-align: center;
}

.legend.info{
  background: #C5C1B4;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.load {
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  display:none;
  z-index: 1001;
  /*margin: 110px auto 0;*/
  border:solid 10px #8822aa;
  border-radius: 50%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  -webkit-transition: all 0.5s ease-in;
  -webkit-animation-name:             rotate;
  -webkit-animation-duration:         1.0s;
  -webkit-animation-iteration-count:  infinite;
  -webkit-animation-timing-function: linear;

  transition: all 0.5s ease-in;
  animation-name:             rotate;
  animation-duration:         1.0s;
  animation-iteration-count:  infinite;
  animation-timing-function: linear;
  position: absolute;
}

#opaque {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  background-color: black;
  filter: alpha(opacity=30);
  opacity: 0.3;
}
* html #opaque {
  position: absolute;
}