/*!
 * Start Bootstrap - Logo Nav (https://startbootstrap.com/template-overviews/logo-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logo-nav/blob/master/LICENSE)
 */

 @font-face {
   font-family: "Ubuntu";

   src: url('fonts/Ubuntu/Ubuntu-Medium.ttf')  format('truetype');
 }

 .container .dropdown .dropdown-menu a:hover
 {
   color: #fff;
   background-color: #40474f;
   border-color: #fff;
 }

body {
  height: 100%;
  padding-top: 56px;

  background-color: #c5c9c5;

  font-family: 'Ubuntu';
}

.noreact:focus {
    outline: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn.raised {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.tooltip {
  position: relative;

  display: inline-block;
}

.hideOverflow
{
    display:block !important;
    overflow:hidden !important;

    width:100% !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}

.tooltip .tooltiptext {
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;

  visibility: hidden;

  width: 240px;
  margin-left: -75px;
  padding: 5px;

  transition: opacity 0.3s;
  text-align: center;

  opacity: 0;
  color: #fff;
  border-radius: 6px;
  background-color: #555;
}

.tooltip .tooltiptext::after {
  position: absolute;
  top: 100%;
  left: 50%;

  margin-left: -5px;

  content: "";

  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;

  opacity: 1;
}


.box-shadow {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 10px 0 0;

    border-radius: 2px 0 0 2px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#shifts_table_previous a {
  color: #343A40;
  border-color: #FFC107;
  background-color: #FFC107;
}

#shifts_table_next a {
  color: #343A40;
  border-color: #FFC107;
  background-color: #FFC107;
}

table.dataTables {
  margin: 0 auto;
}

.paginate_button a {
  color: #343A40;
  border-color: #FFC107;
  background-color: #FFC107;
}

.page-item.active .page-link {
  text-decoration: none;

  color: #FFC107;
  border-color: #343A40;
  background-color: #343A40;
}

#shifts_table_ellipsis a {
  color: #343A40;
  border-color: #FFC107;
  background-color: #FFC107;
}

.max-lines {
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;

   text-overflow: ellipsis;

   -webkit-line-clamp: 6; /* number of lines to show */
}

.max-lines2 {
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;

   text-overflow: ellipsis;

   -webkit-line-clamp: 2; /* number of lines to show */
}

.card-button {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
}

.row-button {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
}

.card-link {
  position: relative;
  z-index: 2;
}

.card-star {
  position: absolute;
  top: 22.5%;
  right: 5%;

  width: 12rem;
}


#description {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}

#infowindow-content .title {
  font-weight: bold;
}

#infowindow-content {
  display: none;
}

#map #infowindow-content {
  display: inline;
}

.disabledbutton {
    pointer-events: none;

    opacity: 0.4;
}

.pac-card {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px 10px 0 0;

  border-radius: 2px 0 0 2px;
  outline: none;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

  font-family: Roboto;
}

#pac-container {
  margin-right: 12px;
  padding-bottom: 12px;
}

.pac-controls {
  display: inline-block;

  padding: 5px 11px;
}

.pac-controls label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}

#pac-input {
  width: 400px;
  margin-left: 12px;
  padding: 0 11px 0 13px;

  text-overflow: ellipsis;

  background-color: #fff;

  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}

#pac-input:focus {
  border-color: #4d90fe;
}

#title {
  padding: 6px 12px;

  color: #fff;
  background-color: #4d90fe;

  font-size: 25px;
  font-weight: 500;
}

#target {
  width: 345px;
}

a.nostyle:link {
    text-decoration: inherit;

    color: inherit;
}

a.nostyle:visited {
    text-decoration: inherit;

    color: inherit;
}

#loginCard {
  margin-right: 10%;
  margin-left: 10%;
}

@media (max-width: 400px) {
  #loginCard {
    margin-right: 5%;
    margin-left: 5%;
  }


  .login-alert {
    margin-top: -50%;
  }
}

@media (min-width: 1000px) {
  #loginCard {
    margin-right: 25%;
    margin-left: 25%;
  }

}