|
|
|
/*
|
|
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
|
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
|
|
*/
|
|
|
|
|
|
|
|
#card-box .col {
|
|
|
|
padding: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#userlist .row {
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
|
|
/*
|
|
|
|
160px obtained from trial-and-error adjustments, if the login screen
|
|
|
|
is changed, this might need to be updated
|
|
|
|
*/
|
|
|
|
max-height: calc(100vh - 160px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.quick-user {
|
|
|
|
padding: 15px 5px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-tabs {
|
|
|
|
border-bottom: 1px solid #ddd;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-huge {
|
|
|
|
height: 100px;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 120%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-huge .icon {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sign-out-btn, #refresh-btn {
|
|
|
|
background-color: rgba(255,255,255,.75);
|
|
|
|
}
|
|
|
|
|
|
|
|
#pinpad .digits {
|
|
|
|
height: 50px;
|
|
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#pinpad .digits p {
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#pincode-box {
|
|
|
|
font-size: 200%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-bin {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bin-btn {
|
|
|
|
margin: 5px 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-red, .btn-red:hover, .btn-red:active, .btn-red:focus {
|
|
|
|
background-color: #f44336;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-pink, .btn-pink:hover, .btn-pink:active, .btn-pink:focus {
|
|
|
|
background-color: #e91e63;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-purple, .btn-purple:hover, .btn-purple:active, .btn-purple:focus {
|
|
|
|
background-color: #9c27b0;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-deep-purple, .btn-deep-purple:hover, .btn-deep-purple:active, .btn-deep-purple:focus {
|
|
|
|
background-color: #673ab7;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-indigo, .btn-indigo:hover, .btn-indigo:active, .btn-indigo:focus {
|
|
|
|
background-color: #3f51b5;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-blue, .btn-blue:hover, .btn-blue:active, .btn-blue:focus {
|
|
|
|
background-color: #2196f3;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-light-blue, .btn-light-blue:hover, .btn-light-blue:active, .btn-light-blue:focus {
|
|
|
|
background-color: #03a9f4;
|
|
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-cyan, .btn-cyan:hover, .btn-cyan:active, .btn-cyan:focus {
|
|
|
|
background-color: #00bcd4;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-teal, .btn-teal:hover, .btn-teal:active, .btn-teal:focus {
|
|
|
|
background-color: #009688;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-green, .btn-green:hover, .btn-green:active, .btn-green:focus {
|
|
|
|
background-color: #4caf50;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-light-green, .btn-light-green:hover, .btn-light-green:active, .btn-light-green:focus {
|
|
|
|
background-color: #8bc34a;
|
|
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-lime, .btn-lime:hover, .btn-lime:active, .btn-lime:focus {
|
|
|
|
background-color: #cddc39;
|
|
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-yellow, .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {
|
|
|
|
background-color: #ffeb3b;
|
|
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-amber, .btn-amber:hover, .btn-amber:active, .btn-amber:focus {
|
|
|
|
background-color: #ffc107;
|
|
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-orange, .btn-orange:hover, .btn-orange:active, .btn-orange:focus {
|
|
|
|
background-color: #ff9800;
|
|
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-deep-orange, .btn-deep-orange:hover, .btn-deep-orange:active, .btn-deep-orange:focus {
|
|
|
|
background-color: #ff5722;
|
|
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-brown, .btn-brown:hover, .btn-brown:active, .btn-brown:focus {
|
|
|
|
background-color: #795548;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-grey, .btn-grey:hover, .btn-grey:active, .btn-grey:focus {
|
|
|
|
background-color: #9e9e9e;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-blue-grey, .btn-blue-grey:hover, .btn-blue-grey:active, .btn-blue-grey:focus {
|
|
|
|
background-color: #607d8b;
|
|
|
|
color: white;
|
|
|
|
}
|