/* Default view - mobile and portrait tablet */

.mobile{
    display: inline;
}
.mobile img{
    height: 30px;
    width: 30px;
}
.desk{
    display: none;
}
.deskblock{
    display: none;
}

.button {
    text-decoration: none;
    padding: 1vw 2vw 1vw 2vw;
    margin: 10px 3px 10px 3px;
    border-radius: 0.75vw 0.75vw .25vw 0.75vw;
    cursor: pointer;
    font-size: 1.75vw;
}

.buttonsmall {
    text-decoration: none;
    margin-left: 3px;
    border: none;
    font-size: larger;
    cursor: pointer;
}

.editclient{
    text-decoration: none;
}

.topnav {
    overflow: hidden;
    border-radius: .75vw .75vw .25vw .75vw;
}

.topnav a {
    float: left;
    text-align: center;
    padding: .4vw 3.4vw;
    text-decoration: none;
}

.flash {
    background-color: #FFF5D7;
}

.qa {
}

.logo{
    background-repeat: no-repeat;
    background-size: contain;
    height: 14vw;
    width: 25vw;
}


.boxed fieldset{
    border-radius: 10px;
}

.boxed legend{
    padding: 1vw;
    font-style: italic;
    font-weight: bold;
}

.boxed label {
    display: inline-block;
    width: 25vw;
    min-width: 100px;
    margin-top: 10px;
}

.adminlabel {
    line-height: 1.75;
}

div.errorpopup div.ui-widget-header {
    color: white;
    background-color: red;
}

div.messagepopup div.ui-widget-header {
    color: white;
    background-color: green;
}

span.warning {
    margin-left: 1vw;
    font-size: smaller;
    font-style: italic;
    width: auto;
}

input, select, textarea {
    font-size: 100%;
}

input[type=checkbox] {
    transform: scale(1.0);
}

.inputsmall{
    width: 18vw;
    margin-bottom: 1vw;
}

.inputmediumsmall{
    width: 20vw;
    margin-bottom: 1vw;
}

.inputmedium{
    width: 35vw;
    margin-bottom: 1vw;
}

.inputlarge{
    width: 40vw;
    margin-bottom: 1vw;
}

.inputextralarge{
    width: 55vw;
    margin-bottom: 1vw;
}

.displayfield {
    color: black;
}

::placeholder {
    font-style: italic;
    color: lightgrey;
    font-size: smaller;
}

.boxed input{
    margin-bottom: 1.5vw;
}

.boxed #newUser{
    text-decoration: none;
    float: right;
}

.asideright {
    float: right;
}

#confirmclientinfo {
	padding: 15px;
	background-color: lightgray;
	border-radius: 10px;
}

#createuser{
    float: left;
}

.clear{
    clear: both;
}

.error{
    padding: 8px;
    font-style: italic;
    text-align: center;
}

ul{
    margin-top: -20px;
}

.notnegative {
    margin-top: -10px;
}

.instructions{
    padding: 3px;
}

li{
    padding: 10px;
}

.instructions li{
    padding: 1px;
}

#dailysummary{
    /*float: left;*/
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 2vw;
}

#noinfo {
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 2vw;
}

#clients_served_for_date{
    float: left;

}
#summarytotals{
    padding-bottom: 20px;
    border: solid 1px black;
}

#photoid {
    width: 90%;
}

.summarylineamount{
    text-align: right;
}

.summaryfor{
    display: inline-block;
    font-weight: bold;
    margin-top: 4vw;
    margin-bottom: 4vw;
}

.visits th, .visits td{
   text-align: left;
}

.visits table {
    border-collapse: separate;
    border-spacing:2vw 1vw;
    
}

.clients table, .history{
    width: 100%;
    border-collapse: separate;
    border-spacing:0 1vw;
}

.clients td, .visits td, .history td{
    padding-bottom: 20px;
}

.users th{
    text-align: left;
    padding-bottom: 20px;
}
.users td{
    padding-bottom: 20px;
    padding-right: 20px;
}

.users h3{
    text-align: center;
}

.clients th{
    text-align: left;
}

.history th, .history td {
    text-align: center;
}

.visits td, .history td{
    vertical-align: top;
}

#totals_for_year_by_location td:nth-child(1) {
	padding-right: 50px;
}

#totals_for_year_by_location table {
	margin: auto;
	margin-top: 20px;
}

#totals_for_year_by_location th {
	border-bottom: solid 2px black;
}

#totals_for_year_by_location th {
	text-align: left;
}

#totals_for_year_by_location td:nth-child(2) {
	text-align: right;
}

#totals_for_year_by_location h3 {
	margin-bottom: 5px;
}

.footnote {
    margin-top: 1vw;
    font-size: smaller;
    font-style: italic;
    font-weight: bold;
}

.pickedupby{
    font-style: italic;
    font-size: 3vw;
}
    
.nodob{
    font-style: italic;
}

#or{
    padding-top: 25px;
    text-align: center;
}

#hchildren:after{
    content: "Ch";
}
#hadults:after{
    content: "Ad";
}
#hseniors:after{
    content: "Sen";
}


.grouptitle{
    padding-top: 15px;
    padding-bottom: 15px;
}

.grouplist{
    padding-left: 15px;
}

.paperworkneeded, #paperworkprompt {
    color: #008F00;
    margin-bottom: 3vw;
}

#paperworkprompt label {
    width: 80%;
}

#paperworkprompt div {
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}

#paperworkprompt div input {
    margin-bottom: 0vw;
}

.newpaperworkinstructions {
    margin-left: 5vw;
    padding-bottom: 2vw;
    font-size: smaller;
    color: gray;
}

body {
    font-family: arial, sans-serif;
    max-width: 99%;
    font-size: 3.5vw;
}

#videos p {
    margin-bottom: 0.5vw;
    margin-top: 2vw;
}

footer{
    text-align: center;
    font-size: 3vw;
    font-style: italic;
}

.printview {
    display: none;
}

/* Landscape tablet and desktop tweaks */
@media only screen and (min-width: 1200px) {

    body {
        font-size: 1.75vw;
    }
    
    .mobile{
        display: none;
    }

    .desk{
        display: inline;
    }

    .deskblock{
        display: block;
    }

    .visits th:nth-child(2), .visits th:nth-child(3), .visits th:nth-child(4), .visits th:nth-child(6), .visits td:nth-child(2), .visits td:nth-child(3), .visits td:nth-child(4) , .visits td:nth-child(6) {
        text-align: center;
    }

    .button {
        padding: .25vw .75vw .25vw .75vw;
        margin-left: 3px;
    }

    .logo{
        height: 7vw;
        width: 14vw;
    }

    .boxed label {
        width: 15vw;
    }

    input[type=checkbox] {
        transform: scale(2);
    }

    span.warning {
        margin-left: 10vw;
    }

    #photoid {
        max-width: 333px;
    }

    .inputsmall{
        width: 5vw;
    }

    .inputmediumsmall{
        width: 15vw;
    }

    .inputmedium{
        width: 20vw;
    }

    .inputlarge{
        width: 20vw;
    }

    .inputextralarge{
        width: 40vw;
    }

    #hchildren:after{
        content: "Children";
    }
    #hadults:after{
        content: "Adults";
    }
    #hseniors:after{
        content: "Seniors";
    }

    .pickedupby{
        font-size: 1.25vw;
    }

    footer{
        font-size: 1.75vw;
    }

    .summaryfor{
        margin-top: 2vw;
        margin-bottom: 2vw;
    }

}

@media print {
    .topnav {
        display: none;
    }
    footer {
        display: none;
    }
    .clients td, .visits td, .history td{
        padding-bottom: 0;
    }
    .clients table, .visits table, .history {
        border-spacing: 0;
    }
    .logo{
        display: none;
    }
    .printview {
        display: inline;
    }
    select {
        display: none;
    }
    #dailysummary {
        padding-left: 0;
    }
    .summaryfor{
        display: inline-block;
        font-size: larger;
    }
    .pickedupby {
        display: inline;
    }
    .actionbuttons {
        display: none;
    }
}