/*************************** FONTS **************************/
@font-face {
  font-family: 'ShermanSans';
  src: url('https://assets.syracuse.edu/fonts/shermansans-book.woff2') format('woff2'),
    url('https://assets.syracuse.edu/fonts/shermansans-book.woff') format('woff'),
    url('https://assets.syracuse.edu/fonts/shermansans-book.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-007F, U+00A9, U+00AE, U+2013-201D;
}

@font-face {
  font-family: 'ShermanSans';
  src: url('https://assets.syracuse.edu/fonts/shermansans-book-intl.woff2') format('woff2'),
    url('https://assets.syracuse.edu/fonts/shermansans-book-intl.woff') format('woff'),
    url('https://assets.syracuse.edu/fonts/shermansans-book-intl.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+00A0-00A8, U+00C0-024F, U+201E-2026;
}

body {
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif !important;
  font-weight: normal;
  font-style: normal;
}

.container-fluid {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.container-fluid p {
  font-size: 1.2em;
}

.logo {
  width: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6rem;
}

.clock {
  margin-bottom: 2rem;
  font-size: 1.44em;
  color: #000e54;
}

.spacer {
  padding-bottom: 4rem;
}

/*************************** NAVIGATION **************************/
.navbar {
  background-color: #000e54;
  letter-spacing: 0.5px;
  padding: 10px 30px !important;
}

.navbar a:hover {
  text-decoration: underline;
}

.navbar-brand {
  color: #fff !important;
  font-size: 1em !important;
}

.navbar-nav a {
  color: #fff !important;
  font-size: 1em !important;
  margin-left: 2rem;
}

.navbar-expand-md .navbar-collapse {
  justify-content: flex-end;
}

a.dropdown-item {
  color: #000e54 !important;
  margin: 0px;
  text-decoration: none !important;
}

a.dropdown-item:hover {
  background-color: #fff !important;
  color: #D74100 !important;
}

a.dropdown-item:focus {
  color: #D74100 !important;
}

.navbar-toggler {
  display: none !important;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
  top: 3.2rem;
  left: -4rem;
}

.dropdown-item {
  padding: .8rem 1.5rem !important;
}

/*************************** TEXT **************************/
p {
  color: #000e54;
  font-size: 1.44em;
}

ul {
  list-style: none;
}

h1 {
  font-style: normal;
  font-weight: 400;
  color: #000e54 !important;
  font-size: 2.488em !important;
  margin-top: 4rem !important;
  margin-bottom: 3rem !important;
}

.admin-h1 {
  font-style: normal;
  font-weight: 400;
  color: #000e54 !important;
  font-size: 2.488em !important;
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

h2 {
  color: #000e54 !important;
  font-size: 1.728em !important;
  margin-top: 1rem !important;
  margin-bottom: 2rem !important;
}

.modal-title {
  margin-bottom: 0px !important;
}

h3 {
  color: #D74100 !important;
  font-size: 1.44rem !important;
  margin-bottom: 2rem !important;
}

a.admin-link {
  color:#203299 !important;
}

/*************************** BUTTONS **************************/
.btn-one {
  background-color: #000e54;
  color: #fff;
  border: solid 1px #000e54 !important;
}

.btn-one:hover {
  background-color: #203299;
  color: #fff;
  border: solid 1px #203299 !important;
}

.btn-one:focus {
  background-color: #203299;
  border: solid 1px #203299 !important;
}

.btn-two {
  background-color: #D74100;
  color: #fff;
  border: solid 1px #D74100 !important;
}

.btn-two:hover {
  background-color: #404040;
  border: solid 1px #404040 !important;
}

.btn-two:focus {
  background-color: #404040;
  border: solid 1px #404040 !important;
}

.btn-three {
  background-color: #fff;
  color: #D74100;
  border: solid 1px #D74100 !important;
}

.btn-three:hover {
  background-color: #D74100;
  color: #fff;
  border: solid 1px #D74100 !important;
}

.btn-three:focus {
  background-color: #D74100;
  color: #fff;
  border: solid 1px #D74100 !important;
}

.btn-lg {
  padding: 1rem 3rem 1rem 3rem !important;
  font-size: 1.2rem !important;
  letter-spacing: 1px;
  margin-top: 1rem;
}

.btn-md {
  padding: .75rem 1rem .75rem 1rem !important;
  font-size: 1rem !important;
  letter-spacing: 1px;
  margin-top: 1rem;
}

/*************************** FORMS **************************/
form {
  margin-top: 1rem;
}

label {
  font-size: 1em !important;
  margin-top: 1rem;
  margin-bottom: 0.8rem !important;
  color: #000e54 !important;
}

select {
  display: block;
  width: 100%;
  padding: 1rem !important;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.form-control {
  padding: 1rem !important;
}

.form-control::placeholder {
  color: #495057 !important;
}

.form-department {
  font-size: 1.728em !important;
  margin-bottom: 1.5rem !important;
}

.form-check-input {
  position: relative !important;
}

select.form-control {
  height: inherit !important;
}

.form-text {
  color: #000e54;
}

/*************************** TABLES **************************/
table {
  width: 100%;
}

th {
  background-color: #203299 !important;
  color: white;
  text-align: center !important;
  padding: 1rem !important;
}

td {
  text-align: center !important;
  padding: 1rem !important;
}

/*************************** ADMIN SIDEBAR **************************/
#wrapper {
  overflow-x: hidden;
}

#sidebar-wrapper {
min-height: 100vh;
margin-left: -15rem;
-webkit-transition: margin .25s ease-out;
-moz-transition: margin .25s ease-out;
-o-transition: margin .25s ease-out;
transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
padding: 0.875rem 1.25rem;
font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
width: 15rem;
}

#page-content-wrapper {
min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
margin-left: 0;
}

.sidebar-menu {
  width: 100% !important;
  transform: translate3d(0px, 50px, 0px) !important;
  border: none !important;
}

.dropdown-item-sidebar {
  color: #000e54;
  display: block;
  padding: .5rem 1.25rem;
}

.dropdown-item-sidebar:hover {
  color: #D74100;
  text-decoration: none;
}

.dropdown-item-sidebar:focus {
  color: #D74100;
}

.sidebar-heading {
  color: #000e54;
  font-size: 1.2rem !important;
}

.list-group-item-action {
  color: #000e54 !important;
}

.list-group-item-action:hover {
  color: #D74100 !important;
}

.list-group-item-action:focus {
  color: #D74100 !important;
}

#menu-toggle {
  display: block;
}

@media (min-width: 768px) {
#sidebar-wrapper {
  margin-left: 0;
}

#page-content-wrapper {
  min-width: 0;
  width: 100%;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: -15rem;
}
#menu-toggle {
  display: none;
}
}

.modal-dialog {
  max-width: 768px !important;
}

 /*************************** REPORTS DATA TABLE **************************/
.dataTables_info {
  color: #6c757d !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding-top: 1.5rem !important;
  padding-bottom: 1rem;
}

.page-link {
  color: #000e54 !important;
}

.page-item.active .page-link {
  color: #fff !important;
  background-color: #000e54 !important;
  border-color: #000e54 !important;
}

.pagination {
  text-transform: uppercase;
}

.sorting:before {
  display: none !important;
}

.sorting:after {
  display: none !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  justify-content: flex-start !important;
}

div.dataTables_wrapper div.dataTables_filter input {
  width: 100% !important;
}

div.dataTables_wrapper div.dataTables_filter {
  display: none;
}

.btn-secondary {
  background-color: #fff !important;
  color: #D74100 !important;
  border: solid 1px #D74100 !important;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.btn-secondary:hover {
  background-color: #D74100 !important;
  color: #fff !important;
  border: solid 1px #D74100 !important;
}

.btn-secondary:focus {
  background-color: #D74100 !important;
  color: #fff !important;
  border: solid 1px #D74100 !important;
}

#checkin_length {
  display: none;
}

.jumbotron {
    padding: 2rem 2rem !important;
    background-color: #f8f9fa !important;
    border: 1px solid rgba(0,0,0,.1);
}

.capacity-bar {
  width: 100%; 
  height: 50px; 
  background-color:#fff;
  border: 1px solid rgba(0,0,0,.1); 
}

/*************************** MEDIA QUERY **************************/
@media only screen and (max-width: 768px) {
    .logo {
      width: 300px;
    }
    .container-fluid {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }  
    h1 {
      font-size: 2.074em !important;
      margin-top: 2rem !important;
      margin-bottom: 2rem !important;
    }
    .admin-h1 {
      font-size: 2.074em !important;
      margin-top: 2rem !important;
      margin-bottom: 2rem !important;
    }
    h2 {
      font-size: 1.44em !important;
    }
    h3 {
      font-size: 1.2em !important;
      margin-bottom: 1rem !important;
    }
    p {
      font-size: 1em;
    }
    .container-fluid p {
      font-size: 1em;
    }
    input[type="submit"] {
      font-size: 1.44em;
    }
    .form-department {
      font-size: 1.44em !important;
    }
    .form-control {
      padding: 0.5rem !important;
    }
    .logo {
      margin-top: 2rem;
    }
    .spacer {
      padding-bottom: 1rem;
    }
    .navbar-toggler {
      display: block !important;
    }
    .navbar-nav a {
      margin-left: inherit;
    }
    .clock {
      font-size: 1.2em;
      padding-top: 1rem;
      margin-bottom: inherit;
    }
    label {
      margin-bottom: 0.5rem !important;
    }
    .jumbotron {
      padding: 1rem 1rem !important;
      margin-bottom: 1rem !important;
    }
    .btn-lg {
      font-size: 1rem !important;
    }
}