body {
  overflow-x: hidden; /*--right gutter fix--*/
  font-family: 'Montserrat', sans-serif;
  color: #8f99a3;
}
.navbar {
  text-transform: uppercase;
  font-family: 'Montserrat Alternates', sans-serif;
}

.navbar-nav .nav-item .nav-link {
  color: hsl(240, 1%, 60%);
}

.nav-trans {
  background: transparent !important;
}

.nav-trans.scrolled {
  background: linear-gradient(180deg, #1468b3, #5395cf) !important;
}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
    color: #979fb8;
}

.navbar-toggler-icon {
  color:white;
}

.vacationsearch {
  margin-bottom: 20px;
}

.to-btn {
  padding-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.btn-circle.btn-xl-vacations:before {
  content: "";
  width: 65px;
  height: 65px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  background-color: transparent;
  background-position : center center;
  background-repeat:no-repeat;
  background-image : url(https://icons.iconarchive.com/icons/google/noto-emoji-travel-places/72/42468-beach-with-umbrella-icon.png);
}

.btn-circle.btn-xl-shifted_workdays:before {
  content: "";
  width: 65px;
  height: 65px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  background-color: transparent;
  background-position : center center;
  background-repeat:no-repeat;
  background-image : url(https://icons.iconarchive.com/icons/mymovingreviews/3d-movers/64/worker-brown-icon.png);
}

.btn-circle.btn-xl-settings:before {
  content: "";
  width: 65px;
  height: 65px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  background-color: transparent;
  background-position : center center;
  background-repeat:no-repeat;
  background-image : url(https://icons.iconarchive.com/icons/youthedesigner/new-year/64/calendar-icon.png);
}

.btn-circle.btn-xl-users:before {
  content: "";
  width: 65px;
  height: 65px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  background-color: transparent;
  background-position : center center;
  background-repeat:no-repeat;
  background-image : url(https://icons.iconarchive.com/icons/hopstarter/sleek-xp-basic/64/User-Group-icon.png);
}

.btn-circle.btn-xl-domains:before {
  content: "";
  width: 65px;
  height: 65px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  background-color: transparent;
  background-position : center center;
  background-repeat:no-repeat;
  background-image : url(https://icons.iconarchive.com/icons/custom-icon-design/flatastic-11/64/At-icon.png);
}

.allvacations {
  margin-top: 20px;
  background-color: rgb(220,220,220,0.6);
  color: black;
  overflow-y : scroll;
}

.allrequests{
  margin-top: 70px;
}
.home-inner {
  background-image: url('../img/production.jpg');
}

.two-tables {
  background-color: rgba(217, 217, 217, 0.7);
}

.caption {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.btn-circle.btn-xl-csv:before {
  content: "";
  width: 65px;
  height: 65px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  background-color: transparent;
  background-position : center center;
  background-repeat:no-repeat;
  background-image : url(https://icons.iconarchive.com/icons/binassmax/pry-frente-black-special-2/72/print-2-icon.png);
}

.btn-circle.btn-xl-arch:before {
  content: "";
  width: 65px;
  height: 65px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  background-color: transparent;
  background-position : center center;
  background-repeat:no-repeat;
  background-image : url(https://icons.iconarchive.com/icons/double-j-design/origami/64/archive-icon.png);
}

.btn-circle.btn-xl-adminlog:before {
  content: "";
  width: 65px;
  height: 65px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  background-color: transparent;
  background-position : center center;
  background-repeat:no-repeat;
  background-image : url(https://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/64/Mimetypes-text-x-log-icon.png);
}

.notification {
  margin-top: 20px;
}

.admin_group {
  margin-top: 20px;
}

.vacation-btn {
  margin-top: 20px;
}

.expander {
  height: 2em;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid black;
  width: 40%;
}

.caption h3 {
  font-size: 2.5rem;
  padding-bottom: 2rem;
}

.nickname {
    padding-bottom: 20px;
}

.input-nick {
    margin-bottom: 10px;
}

.vacation-btn {
    margin-top: 20px;
}
.main-section {
  margin: 0 0 0 0;
  padding: 0;
}

.user-img {
  margin-top: -115px;
  margin-bottom: 10px;
}

.user-img img {
  height: 130px;
  width: 130px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px #848484;
}


.account-search {
  margin-bottom: 20px;
  margin-top: 20px;
}

.btn-vacation-back {
  margin-right: 50px;
}

.form-container {
  background: rgba(255, 255, 255, 0.7);
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #000;
  position: absolute;
  top: 30%;
  z-index: 1;
}


.admin_main {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 30%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
}
.admin_main h3 {
  font-size: 2.5rem;
  padding-bottom: 3.5rem;
}
.adminbutton {
  margin-left: 10px;
  margin-right: 10px;
  width: 70px;
  height: 70px;
  padding: 20px 25px;
  border-radius: 35px;
  line-height: 1.33;
}

.table-responsive {
    display: table;
}

.fa-user  {
  font-size: 40px;
}
.fa-plane {
  font-size: 45px;
  padding-right: 20px;
}
.fa-cog {
  font-size: 45px;
  padding-right: 20px;
}
.btn {
  border-width: medium;
  text-transform: uppercase;
  padding: .5rem 1.1rem;
  font-size: .9rem;
}
h3.heading {
  text-align: center;
  font-size: 1.9rem;
  text-transform: uppercase;
  margin-bottom: 1.9rem;
}
.footer .row {
  background-color: white;
  padding: 1rem 2rem 1rem;
  color: black;
}

.modal { background: rgba(000, 000, 000, 0.8); min-height:1000000px; }


/*--- iOS Landing Page Fix --*/
.landing {
  position: relative;
  width: 100%;
  height: 100vh;
  display: table;
  background: #E9ECEF;
  z-index: -1;
}
.home-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-inner {
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}

.print-users {
  margin-top: 150px;
  text-align: center;
  font-size: 1.9rem;
  text-transform: uppercase;
  margin-bottom: 1.9rem;
}

.print-requests {
  margin-top: 50px;
  text-align: center;
  font-size: 1.9rem;
  text-transform: uppercase;
  margin-bottom: 1.9rem;
}

.back {
    margin-top: 20px;
}
.flash-message-request {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
  align-content: center;
}
.request {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 900px) {
  .request {
    margin-left:auto;
  }
}
h2 {
  text-align: center
}
h5 {
  text-align: center
}
.table {
  align-content: center
}
.full_day_label {
  width: 150px
}
.datepicker {
  left: 40%;
  right: 40%
}
.col-sm-3 {
  margin: auto
}
.holiday_date {
  margin: auto
}
.user_settings {
    width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: auto;
    margin-right: auto;
    align-content: center
}
.holiday_save{
  margin-left: 45%;
  margin-right: auto;
  align-content: center

}

.csv-create {
  margin-bottom: 50px;
  margin-top: 20px;
  margin-left: 45%;
  margin-right: auto;
  align-content: center
}

.back-vac {
  margin-bottom: 50px;
  margin-top: 20px;
  margin-left: 30px;
  align-content: center
}

.submit-data {
  margin-bottom: 20px;
  margin-left: 45%;
  margin-right: auto;
  align-content: center
}

.error_report {
  margin-left: 25%;
  align-content: center;
  width: 50%
}
.odd{
  font-weight: bold
}
input::-webkit-input-placeholder { -webkit-transition:.5s;}
input:-moz-input-placeholder { -moz-transition:.5s;}
input::-moz-input-placeholder { -moz-transition:.5s;}
input:-ms-input-placeholder { -ms-transition:.5s;}

input:focus::-webkit-input-placeholder { color:transparent;}
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea::-webkit-input-placeholder { -webkit-transition:.5s;}
textarea:-moz-input-placeholder { -moz-transition:.5s;}
textarea::-moz-input-placeholder { -moz-transition:.5s;}
textarea:-ms-input-placeholder { -ms-transition:.5s;}

textarea:focus::-webkit-input-placeholder { color:transparent;}
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


.spinner {
  display: inline-block;
  opacity: 0;
  max-width: 0;
  -webkit-transition: opacity 0.25s, max-width 0.45s;
  -moz-transition: opacity 0.25s, max-width 0.45s;
  -o-transition: opacity 0.25s, max-width 0.45s;
  transition: opacity 0.25s, max-width 0.45s;
  /* Duration fixed since we animate additional hidden width */
}

.has-spinner.active {
  cursor: progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  max-width: 50px;
  /* More than it will ever come, notice that this affects on animation duration */
}