/* You can add global styles to this file, and also import other style files */
@import url('https://fonts.googleapis.com/css?family=Anonymous+Pro:400,700');
@import "../node_modules/angular-calendar/css/angular-calendar.css";
body {
  color: rgb(87, 84, 84);
}
.public-app-router {
  padding-bottom: 50px;
}

p {
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.4em;
}

.navbar {
  padding: 15px 10px;
  background-color: #fff !important;
  border: none;
  border-radius: 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
  box-shadow: none;
  outline: none !important;
  border: none;
}

.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0;
}

.expand-to-fill {
  min-height: calc(100vh - (334px + 96px));
  padding-top: 15px;
}

agm-map {
  height: 300px;
}
.cal-day-view .cal-event {
  color: black !important;
}

.register-menu {
  width: calc(100vw * 0.9);
  max-height: calc(100vh * 0.9);
  overflow-y: auto;
}

.btn {
  white-space: normal;
}

.paragraphs {
  white-space: pre-line;
}

.prominent {
  font-size: 16px;
}

.strike-through {
  text-decoration: line-through; 
}

.capitalise:first-letter {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}

.ng-valid[required], .ng-valid.required  {
  border-left: 5px solid #42A948; /* green */
}

.ng-invalid:not(form)  {
  border-left: 5px solid #a94442; /* red */
}

.flatpickr-input {
  background-color: #fff !important;
}

.selectable {
  cursor: pointer;
}
.table .selectable:hover {
  background-color: #f2f5f6;
}
a, .highlight {
  color: #ffa500;
}

:disabled, .disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

a.active {
  opacity: 0.5;
}
.logo {
  color: #ffa500;
  text-decoration: none;
  letter-spacing: 0.1px;
  font-weight: bold;
}
.navbar .logo {
  font-size: 1.5em;
  margin-top: -5px;
}
.badge-primary {
  background-color: #ffa500;
  color: #dee1e3;
}

.sidebarCollapse {
  color: #dee1e3;
}
.sidebar-collapse.float-right {
  float: right;
}

.border-tournee {
  border-color: #ffa500!important;
  border-width: 2px;
}
.alert-tournee, .bg-tournee {
  background-color: #ffa500!important;
  color: #fff!important;
}
.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5 {
  color: #367588;
}
.navbar-light .navbar-nav .nav-link, 
.navbar-light .navbar-nav .show>.nav-link, 
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .nav-link.active {
  color: #ffa500;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {
  background-color: #367588;
  opacity: 1;
  color: #dee1e3;
}
.nav-pills .nav-link {
  color: #367588;
}

img, image {
  max-width: 100%;
}
.image.round img {
  border-radius: 100%;
  max-width: none;
}

.navbar-nav.navbar-center {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}
.center, .center img {
  margin-left: auto;
  margin-right: auto;
}

.inner {
  margin: 0 auto;
  max-width: 80em;
}

.icon {
  margin-right: 5px;
}

.btn-link:hover {
  text-decoration: none!important;
  color: #367588!important;
}

a:hover {
  text-decoration: none!important;
  color: inherit;
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 253, 253, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.50) -1.5em 0 0 0, rgba(255, 255, 255, 0.50) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255, 252, 252, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 253, 253, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}