body {
    margin: 0;
    font-family: 'Abel', 'Pontano Sans', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
}

textarea {
    font-family: "Abel", "Pontano Sans", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

hr {
    border-top: 1px solid #ccc;
    border-bottom: none;
}

ul {
    list-style: none;
    padding-left: 0;
}

h1 {
    font-size: 24px;
    border-bottom: 1px solid #ccc;
    padding-top: 2px;
    padding-bottom: 2px;

    margin-top: 0;
    margin-left: -2px;
    margin-bottom: 8px;
    font-weight: normal;
}

h2 {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc;
}

h3 {
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 0;
}

p {
    margin-top: 6px;
    margin-bottom: 6px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table td {
    vertical-align: top;
}

table th {
    border-bottom: 2px solid #ccc;
    text-align: left;
    padding: 2px;
}

table td {
    border-bottom: 1px solid #ccc;
    padding: 4px 2px;
}

table tr:nth-child(even) {
    background-color: #fafafa;
}

/*table.layout td {
    border-bottom: 0px none transparent;
    padding: 0;
}*/

.space-before {
    margin-top: 16px;
}

.nav-back, .nav-back-sub {
    font-size: 22px; 
    padding-right: 8px;
    cursor: pointer;
}

.appMenuIcon {
    position: absolute; 
    z-index: 100; 
    top: 0;
    float: right;
    right: 0px;
    font-size: 24px; 
    text-align: right; 
}

.appMenuIcon i { 
    padding-left: 10px;
    padding-right: 24px;
    padding-top: 16px; 
    padding-bottom: 8px; 
    cursor: pointer;
}

.no-labels label {
    display: none;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.title {
    font-size: 18px;
}

.subtitle {
    font-size: 16px;
}

.text {
    font-size: 14px;
}

.smalltext {
    font-size: 12px;
}

.page-info {
    padding: 0 4px;
}

.number {
    text-align: right;
    padding-right: 4px;
}

.left-border {
    border-left-color: #999;
    border-left-style: solid; 
    border-left-width: 4px; 
    padding-left: 8px; 
    border-top-left-radius: 4px; 
    border-bottom-left-radius: 4px; 
    margin-left: 2px; 
    margin-top: 2px; 
    margin-bottom: 2px;
}

.left-border.active {
    border-left-color: #009900;
}

.left-border.in-active {
    border-left-color: #990000;
}

.pointer {
    cursor: pointer;
}

.hover:hover {
    background-color: #eefaee;
    box-shadow: 4px 4px 5px #888888;
}

.members .hover:hover {
    background-color: whitesmoke;
}

.left-menu-header {
    font-size: 20px;
    padding-bottom: 5px;
    padding-top: 15px; 
    padding-left: 7px;
    border-bottom: 1px solid #666;
}

.millers i {
    width: 24px;
    text-align: center;
    padding-right: 4px;
}

.millers a:link, .millers a:visited {
    text-decoration: none;
    color: #333;
}

ul.refill>li {
    padding: 0 !important;
}

ul.booking li {
    padding-bottom: 8px;
}

ul.booking title {
    color: black;
}

.summary {
    font-weight: bold;
    font-size: 14px;
}

.description {
    font-size: 15px;
}

.mLeft {
    float: left;
}

.mRight {
    float: right;
}

.invalid {
    background-color: #f59999;
}

.hover:hover {
    background-color: #eefaee;
    box-shadow: 4px 4px 5px #888888;
}

.booking-list .hover:hover {
    background-color: whitesmoke;
}