@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');

/* #######################
   # NAVBAR              #
   ####################### */
.navbar {
  font-family: Oswald;
  font-size: 16px;
  font-weight: 700;
  background-color: #00FF94 !important;
  text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link {
  color: #002618;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #212600;
    text-decoration: underline;
}
/*.dropdown-item {
  background-color: black !important;
}

a.dropdown-item, a.dropdown-item:visited {
  color: white;
}*/

/* #######################
   # BODY                #
   ####################### */
body{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

/* #######################
   # DASHBOARD RESOURCE WIDTH #
   ####################### */
@media (min-width: 768px){
  .resourceName {
    width: 60%;
  }
  .pull-left {
    width: 90%;
  }

}
@media (max-width: 768px){
  .resourceName {
    width: 100%;
  }
}


/* #######################
   # DASHBOARD FRAME COLOUR #
   ####################### */
.dashboard-header{
  background-color: #3D3D3D;
}
.dashboard-contents{
  background-color: #E0E0E0;
}

/* #######################
   # SCHEDULE > BOOKINGS #
   ####################### */

table.reservations td.resdate{
  background-color: black;
}
table.reservations td.reslabel{
  background-color: #3D3D3D;
  color: white;
}
table.reservations tr:nth-child(odd) td.reservable {
  background-color: #E0E0E0;
}
table.reservations tr:nth-child(even) td.reservable {
  background-color: #D0D0D0;
}

.reservable.hilite, #reservations .ui-selecting {
  background-color:#23BF35 !important;
} /* Fix for breaking the highlight by alternating row numbers */

.event {
  padding: 0 20px;
  border-radius: 15px;
}

/* #######################
   # SCHEDULE > CALENDAR #
   ####################### */
table.reservations {
  margin-bottom: 2%;
  border: 3px solid #707070;
  border-radius: 10px;
}
table.reservations td {
    border-left: solid 1px #707070;
    border-bottom: solid 1px #707070;
}
/*td.fc-widget-content {
  background-color: #E0E0E0;
}

.fc-day-header {
  background-color: #3D3D3D;
  color: white;
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #3D3D3D;
}

span.fc-title {
    opacity: 90%;
}
#calendar a, #calendar a:visited {
    color: black;
}*/ /* This is a rubbish fix, but it is for the orange background pending reservations, for some reason in calendar view their text goes white with this param. */

/* #######################
   # NO FOOTER           #
   ####################### */
.footer {
  display: none;
}

/* #######################
   # RESERVATION DISPLAY #
   ####################### */
.panel {
  padding: 7%; /* This is to clear the brackets we are using on the surfaces */
  padding-top: 20vh;
}

.left-panel-bottom {
  bottom: 10%; /* This is to clear the brackets we are using on the surfaces */
}

#page-resource-display-resource .resource-display-header {
 background-color: #00FF94;
 height: 8vh !important;
 font-family: Oswald;
    color: #002618;
    padding-left: 20%;
    padding-right: 3%;
}

#page-resource-display-resource .resource-display-header .date, #page-resource-display-resource .resource-display-header .time {
    color: inherit;
}
#page-resource-display-resource .resource-display-header .time {
    font-size: 60cqh;
}


.resource-display-resource-name {
  font-size: 7vh;
    display: inline-block;
    line-height:8vh;

}

.resource-display .upcoming-reservations {
  position: inherit;
  top: inherit;
  padding-top:5vh;
}
.left-panel {
    padding: 0 !important;
}
.resource-display-current{
  width: 100%;
  font-family: Oswald;
  position: absolute;
  padding: 0px 10px !important;
}
.resource-display-unavailable, .resource-display-available{
  font-size: 12vh;
  text-transform: uppercase;
}
#page-resource-display-resource .resource-display-heading{
  font-size: 6vh;
  text-transform: uppercase;
  font-family: Oswald;
}
.resource-display-reservation{
  font-size: 4vh;
}
.resource-display-available, .resource-display-unavailable, .resource-display-checkin {
 margin: 0px;
 position: static;
    display: inline-block;
    vertical-align: middle;
 border-radius: 5px;
 border: 0;
 line-height: normal;
    width: 100%;
    height: 90%;
}

.right-panel {
    padding-top:15vh !important ;
}
#page-resource-display-resource .upcoming-reservations > .resource-display-heading{
  font-size: 4vh;
}
.resource-display-upcoming > .resource-display-reservation{
  font-size:2vh;
}
/* #######################
   # MONITOR-DISPLAY     #
   ####################### */
.monitor-display-header {
  background-color: black !important;
}

.monitor-display-logo-container>img {
  padding: 8px;
}