/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding: 5px;
}

.HelpText {
    max-width: 700px;
    margin: auto;
    border: 3px solid #73AD21;
    background-color: paleturquoise;
    padding: 10px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 5px;
    padding-right: 5px;
}

/* Set widths on the form inputs since otherwise they're 100% wide
input,
select,
textarea {
    max-width: 800px;
} */

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.accordionHeader {
    padding: 10px;
    background-color: powderblue;
    color: darkred;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

.accordionHeaderSelected {
    padding: 5px;
    background-color: navy;
    color: lightgray;
}

.accordionContent {
    padding: 5px;
}

.gvclass table th {
    text-align: center;
}
/* Set the size of the div element that contains the map */
#map {
    height: 600px; /* The height is 600 pixels */
    width: 100%; /* The width is the width of the web page */
}

.master {
    background-color: gainsboro;
    color: #5D3217;
    /*border:4px solid darkgreen;*/
}

.popup {
    background-color: #ddd;
    margin: 0px auto;
    position: relative;
    border: Red 2px inset;
    padding: 20px;
    float: unset;
}

.background {
    background-color: #7F7F7F;
    opacity: 0.5;
}

.divXSmallFont {
    font-size: x-small;
}

.divRowBackgr {
    background-image: url("images/cloudsWLogo.jpg");
}

.displayUnset {
    display: unset
}

.displayNone {
    display: none
}

.panel_with_padding {
    padding: 5px
}

.buttonDisabled {
    background-color: whitesmoke;
    color: lightgray;
}

.buttonEnabled {
    background-color: #D1C8B8;
    color: #5D3217;
}

input[type="submit"]:enabled:focus {
    background-image: radial-gradient(lightsalmon,salmon);
    color: black;
    border-style: outset;
    border-color: lightsalmon;
    border-radius: 4px;
}

input[type="button"]:enabled:focus {
    background-image: radial-gradient(lightsalmon,salmon);
    color: black;
    border-style: outset;
    border-color: lightsalmon;
    border-radius: 4px;
}

input[type="submit"]:enabled:hover {
    background-image: radial-gradient(salmon,lightsalmon,lightsalmon);
    color: white;
    border-style: ridge;
    border-color: orange;
    border-radius: 4px;
}

input[type="button"]:enabled:hover {
    background-image: radial-gradient(salmon,lightsalmon,lightsalmon);
    color: white;
    border-style: ridge;
    border-color: orange;
    border-radius: 4px;
}

input[type="submit"]:enabled {
    background-image: radial-gradient(salmon,lightsalmon,lightsalmon);
    color: #5D3217;
    border-style: outset;
    border-color: orange;
    border-radius: 4px;
    box-shadow: 1px 2px 2px #5D3217;
}

input[type="button"]:enabled {
    background-image: radial-gradient(salmon,lightsalmon,lightsalmon);
    color: #5D3217;
    border-style: outset;
    border-color: orange;
    border-radius: 4px;
    box-shadow: 1px 2px 2px #5D3217;
}

.roundedbutton {
    background: #BBE9BB;
    border-radius: 8px 8px;
}

.FloatRight {
    float: right
}

.FloatLeft {
    float: left
}

.text-center {
    text-align: center;
}

.rightAlign {
    text-align: right;
}

.leftAlign {
    text-align: left;
}

.para-indent2 {
    padding-left: 5em;
    padding-right: 5em;
}

.box_width {
    width: 390px;
}

#fixed-div {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #D1C8B8;
}

#Menu1 {
    height: auto;
}

#scrolling-div {
    position: relative;
    z-index: 3;
}

#fixed-footer {
    background-color: #D1C8B8;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
}

/* SoarNPGridStyle and paging from http://www.codingfusion.com/Post/Style-GridView-and-Pager-with-custom-css-in-simple */
.SoarNPGridStyle {
    border-collapse: collapse;
}

    .SoarNPGridStyle tr th {
        padding: 2px 4px 2px 4px;
        color: darkgreen;
        border: 1px solid darkgreen;
        font-size: smaller;
    }

    .SoarNPGridStyle tr:nth-child(odd) {
        background-color: #EDF8D7;
    }

    .SoarNPGridStyle tr:nth-child(even) {
        background-color: #D0F0C0;
    }

    .SoarNPGridStyle td {
        border: 1px solid darkgreen;
        padding: 2px 4px 2px 4px;
        font-size: smaller;
    }

    /*.SoarNPGridStyle tr:last-child td {
    }

.SoarNPpaging {
}*/

    .SoarNPpaging a {
        background-color: #A7CE91;
        padding: 2px 4px;
        color: darkgreen;
        text-decoration: none;
        border: 1px solid #A7CE91;
    }

        .SoarNPpaging a:hover {
            background-color: #EDF8E7;
            color: black;
            border: 1px solid #EDF8E7;
        }

    .SoarNPpaging span {
        background-color: #EDF8E7;
        padding: 2px 4px;
        color: #A7CE91;
        border: 1px solid #A7CE91;
    }

tr.SoarNPpaging {
    background: #D1C8B8 !important;
}

    tr.SoarNPpaging tr {
        background: #D1C8B8 !important;
    }

    tr.SoarNPpaging td {
        border: none;
    }

.largeCheckBox input {
    width: 25px;
    height: 25px;
}