* {
    max-height: 100000px;
}

.fas {
    color : #245fbf;
  }

@media print {
    body {zoom: 0.5;}
}

body {
    background-color: aliceblue;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#snyDatePick2 {
    font-family: Arial;
    font-size: large;
    padding: 10px;
    size: 3;
}

#snyDatePick3 {
    font-family: Arial;
    font-size: large;
    padding: 10px;
    size: 3;
}

h1 {
    color: #2d2c2c;
    font-family: Helvetica;
    font-size: xx-large;
    cursor: default;
}

h2 {
    color: #2d2c2c;
    font-family: Helvetica;
    font-size: x-large
}

#indexWrapperCenterTextAlign {
    text-align: center;
}

#indexDiv {
    display: inline-block;
}

#indexButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

#homeButton {
    position:fixed; 
    left: 2%; 
    top:1%; 
    z-index:100;
    cursor: pointer;
}

#dailyButton {
    position:fixed; 
    left: 2%; 
    top:20%; 
    z-index:100;
    cursor: pointer;
}

#logoutButton {
    position:fixed; 
    left: 2%; 
    top:80%; 
    z-index:100;
    cursor: pointer;
}

#settingsButton {
    position:fixed; 
    left: 2%; 
    top:60%; 
    z-index:100;
    cursor: pointer;
}

#chartsButton{
    position:fixed; 
    left: 2%; 
    top: 40%; 
    z-index:100;
    cursor: pointer;
}

#userButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.userGrid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
}

#snyCheckout{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.userGrid-item {
    padding: 20px;
    font-size: xx-large;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    cursor: pointer;
}

.occupiedRoom{
    background-color: #ff916b;
}

.freeRoom{
    background-color:#bcfc7b;
}


.bookedRoom{
    background-color:#bff7ff;
}

#bookedRoomID {
    background-color: #bff7ff;
}

#bookedRoomName {
    background-color: #bff7ff;
}

.roomsGrid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, 150px);
    grid-gap: 20px;
}

.roomsGrid-item {
    padding: 20px;
    font-size: xx-large;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    cursor: pointer;
}

.roomGrid1-container {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
}

.roomGrid1-item {
    padding: 15px;
    font-size: xx-large;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.roomGrid2-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
}

.roomGrid2-item {
    padding: 15px;
    font-size: xx-large;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}

.roomGrid2-startDiv {
    cursor: pointer;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    background-color: #bcfc7b;
}

.roomGrid2-cameraDiv {
    cursor: pointer;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    background-color: #bababa;
}


.roomGrid2-messageDiv {
    cursor: pointer;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    background-color: #bababa;
}

.roomGrid2-finishDiv {
    cursor: pointer;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
    background-color: #bababa;
}

.disable-doubletap-to-zoom {
    touch-action: none;
}

/* This is the part that actually hides the 'Choose file' text box for camera inputs */
label.cameraButton input {
    cursor: pointer;
    display: none;
}

.google-visualization-table-td {
    text-align: center !important;
}

.dailyReportCell{
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center !important;
}

.dailyReportTitleCell{
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center !important;
    font-weight: bold;
}