@media only screen and (max-width: 400px) {

    * {
        background: transparent;
        font-family: inherit !important;
		cursor:pointer !important;
    }

    html {
        overflow: hidden;
    }

    .hidden {
        display: none;
    }

    table.paleBlueRows {
        width: 100%;
        height: 200px;
        position:relative;
        text-align: center;
        border-collapse: collapse;
        top: 5% !important;
    }



        table.paleBlueRows td, table.paleBlueRows th {
            padding: 3px 2px;
        }


        table.paleBlueRows tr:nth-child(even) {
            background: rgba(150,150,150,0.1);
        }

        table.paleBlueRows thead {
            background: #0B6FA4;
        }

            table.paleBlueRows thead th {
                font-size: 17px;
                font-weight: bold;
                color: #FFFFFF;
                text-align: center;
            }

                table.paleBlueRows thead th:first-child {
                    border-left: none;
                }

        table.paleBlueRows tfoot {
            font-size: 14px;
            font-weight: bold;
            color: #333333;
            background: #D0E4F5;
        }

            table.paleBlueRows tfoot td {
                font-size: 14px;
            }

    input, select, textarea {
        width: 75%;
        height: 25px;
        margin-right: 0;
        margin-top: 0;
        border: 1px #546f92 solid;
        border-radius: 3px;
        font-size: 2.25vh;
        background: #fff;
        margin-left: 4px;
    }

    textarea {
        height: 100%;
    }

    div.title {
        width: 100%;
        font-size: 14px;
        text-align: center;
        color: inherit;
        position:relative;
    }

    div#inputdiv {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

    td {
        text-align: right;
    }

        td.label {
            text-align: right;
            display: inline-flex;
            height: 100%;
            float: right;
            line-height: 4vh;
        }

    .footerlink {
        position: absolute;
        bottom: 0;
        height: 3%;
        z-index: 500;
        text-align: center;
        width: 100%;
        background: #fff;
        padding: 2px;
    }

    #mapitems {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    #maparea {
        width: 100%;
        height: 97%;
        overflow: hidden;
    }

    #FinishHolder {
        padding-top: 10px;
        position: absolute;
        bottom: 20%;
        width: 100%;
        padding: 0;
    }
    input#FinishButton, input#SubButton {
        margin: auto !important;
        border: 1px solid black !important;
        color: black !important;
        background: #f4f4f4 !important;
        font-size: large !important;
        font-weight: bolder !important;
    }

        input#FinishButton:hover, input#SubButton:hover {
            
        }

        input#SubButton:hover {
            
        }

    .gm-style-iw {
        text-align: center;
        padding: 5px;
    }

    div#loaderdiv {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(23,23,23,0.4);
        top: 100%;
        z-index: 1;
        -webkit-transition: all 100ms linear;
        -moz-transition: all 100ms linear;
        -ms-transition: all 100ms linear;
        -o-transition: all 100ms linear;
        transition: all 100ms linear;
    }

    table.paleBlueRows tbody td {
        font-size: 10px;
        line-height: 11px;
        text-align: left;
    }
}

/*DESKTOP CSS*/
@media only screen and (min-width: 400px) {

    * {
        background: transparent;
        font-family: inherit !important;
		cursor:pointer !important;
    }

    html {
        overflow: hidden;
    }

    .hidden {
        display: none;
    }

    table.paleBlueRows {
        width: 100%;
        position:relative;
        height: 200px;
        text-align: center;
        border-collapse: collapse;
        top: 5% !important;
    }



        table.paleBlueRows td, table.paleBlueRows th {
            padding: 3px 2px;
        }


        table.paleBlueRows tr:nth-child(even) {
            background: rgba(150,150,150,0.1);
        }

        table.paleBlueRows thead {
            background: #0B6FA4;
        }

            table.paleBlueRows thead th {
                font-size: 17px;
                font-weight: bold;
                color: #FFFFFF;
                text-align: center;
            }

                table.paleBlueRows thead th:first-child {
                    border-left: none;
                }

        table.paleBlueRows tfoot {
            font-size: 14px;
            font-weight: bold;
            color: #333333;
            background: #D0E4F5;
        }

            table.paleBlueRows tfoot td {
                font-size: 14px;
            }

    input, select, textarea {
        width: 78%;
        /*height: 20px;*/
        margin-top: 0;
        border: 1px #546f92 solid;
        border-radius: 3px;
        font-size: 16px;
        background: #fff;
        margin-left: 4px;
    }

    select {
        width: 78.5%;
    }

    textarea {
        height: 100%;
    }

    div.title {
        width: 100%;
        font-size: 13px;
        text-align: center;
        color: inherit;
        position:relative;  
    }

    div#inputdiv {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

    td {
        text-align: left;
    }

        td.label {
            text-align: right;
            height: 100%;
            float: right;
            line-height: 4vh;
        }

    .footerlink {
        position: absolute;
        bottom: 0;
        height: 3%;
        z-index: 500;
        text-align: center;
        width: 100%;
        background: #fff;
        padding: 2px;
    }

    #mapitems {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    #maparea {
        width: 100%;
        height: 97%;
        overflow: hidden;
    }

    #FinishHolder {
        padding-top: 10px;
        position: absolute;
        bottom: 20%;
        width: 100%;
        padding: 0;
    }
    input#FinishButton, input#SubButton {
        margin: auto !important;
        border: 1px solid black !important;
        color: black !important;
        background: #f4f4f4 !important;
        font-size: large !important;
        font-weight: bolder !important;
    }
        input#FinishButton:hover, input#SubButton:hover {
            
        }

        input#SubButton:hover {
            
        }

    .gm-style-iw {
        text-align: center;
        padding: 5px;
    }

    div#loaderdiv {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(23,23,23,0.4);
        top: 100%;
        z-index: 1;
        -webkit-transition: all 100ms linear;
        -moz-transition: all 100ms linear;
        -ms-transition: all 100ms linear;
        -o-transition: all 100ms linear;
        transition: all 100ms linear;
    }

    table.paleBlueRows tbody td {
        font-size: 14px;
        line-height: 19px;
    }
}
@media (max-width:767px) {
    * {
        cursor:pointer !important;
    }
    html, body {
        height: auto;
        overflow-y: scroll;
    }

    div#loaderdiv {
        height:0;
        top:100%;
    }

    div#inputdiv {
        position: static;
        width: auto;
        height: auto;
        top: 0;
        overflow-x: hidden;
    }

    .footerlink {
        bottom: auto;
        margin-bottom:15px;
    }
}