body {
    padding-top: 0px;
    padding-bottom: 20px;
    font-family: 'Lato';
    font-size: 17px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.1;
}

/*li[data-item-id="YourInfo"] {
    display: none;
}*/

.layout-container {
    position: relative;
}

.left-content {
    display: inline-block;
    width: 180px;
    padding: 0 10px 10px;
    /*background-color: rgba(191, 191, 191, 0.15);*/
    /*box-shadow: -5px 0px 14px -8px rgba(0, 0, 0, 0.25) inset;*/
}

.right-content {
    position: absolute;
    right: 0;
    left: 220px;
    top: 0;
    height: 100%;
}

.form-control {
    font-size: 16px;
    height: 38px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

.alerts {
    position: absolute;
    top: 220px;
    left: 100px;
    right: 100px;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 400px;
}

.no-text-overflow {
    white-space: nowrap;
}

/* SETTING UP PROGRESS BAR ALONG TOP OF SITE*/
.progress {
    position: relative;
    height: 25px;
    background-color: #989898;
}

    .progress > .progress-type {
        position: absolute;
        left: 0px;
        font-weight: 200;
        font-size: 10pt;
        padding: 3px 30px 2px 10px;
        color: rgb(255, 255, 255);
        /*background-color: #191919;*/
        /*background-color: rgba(25, 25, 25, 0.2);*/
    }

    .progress > .progress-completed {
        position: absolute;
        right: 0px;
        font-weight: 200;
        font-size: 10pt;
        padding: 3px 10px 2px;
    }

.step {
    text-align: center;
}

    .step .col-xs-1 {
        background-color: #fff;
        border: 1px solid #C0C0C0;
        border-right: none;
    }

        .step .col-xs-1:last-child {
            border: 1px solid #C0C0C0;
        }

        .step .col-xs-1:first-child {
            border-radius: 5px 5px 5px 5px;
        }

        .step .col-xs-1:last-child {
            border-radius: 5px 5px 5px 5px;
        }

        .step .col-xs-1:hover {
            color: #F58723;
            cursor: pointer;
        }

    .step .activestep {
        color: #F58723;
        margin-top: -7px;
        padding-top: 7px;
        border-left: 6px solid #5CB85C !important;
        border-right: 6px solid #5CB85C !important;
        border-top: 3px solid #5CB85C !important;
        border-bottom: 3px solid #5CB85C !important;
        vertical-align: central;
    }

    .step .completedstep {
        color: #5CB85C;
    }

    .step .fa {
        padding-top: 15px;
        font-size: 40px;
    }
/* END SETTING UP PROGRESS BAR ALONG TOP OF SITE*/

.subText {
    font-size: 0.8em;
}

.field-validation-error {
    color: #d9534f;
}

.error {
    border-color: #d9534f;
}

label.error {
    color: #d9534f;
}

@media print {
    .noPrint {
        display: none !important
    }

    input, textarea {
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.popoverText {
    color: black;
    text-decoration: underline;
    font-weight: 700;
}

    .popoverText:hover {
        color: black;
        text-decoration: underline;
        font-weight: 700;
    }

textarea.form-control {
    margin-bottom: 1em;
}

.bisque-bg {
    background-color: bisque;
}

/* Toastr CSS Override */
#toast-container > div {
    opacity: 1;
}

.toast-top-full-width {
    top: .5em;
}

.toast-close-button {
    top: 0;
}


.sidebar-sticky {
    position: sticky;
    top: 0;
    height: calc(110vh - 5rem);
    padding-top: 10rem;
    min-width: 288px;
    overflow-y: auto;
    overflow: hidden;
}

    .sidebar-sticky::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for IE, Edge and Firefox */
.sidebar-sticky {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}


.header {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 5rem;
    z-index: 10;
}

.footer {
    margin-bottom: 0;
    width: 100vw;
    z-index: 10;
}

.thick-buffer-right {
    margin-right: 5rem;
}

.thick-buffer-left {
    margin-left: 5rem;
}

.thick-buffer-top {
    margin-top: 5rem;
}

.thick-buffer-bottom {
    margin-bottom: 8rem;
}

.top-buffer {
    margin-top: 1rem;
}

.bottom-buffer {
    margin-bottom: 1rem;
}

.right-buffer {
    margin-right: 1rem;
}

.left-buffer {
    margin-left: 1rem;
}

.inset-map-dimensions {
    height: 35rem;
}

.welcome-page-box {
    border: 1px solid black;
    padding: 1rem;
}

    .welcome-page-box > #public-box-form {
        margin: 1rem 1rem 0 1rem;
    }

/* Community Colors */
.community-lightest {
    background-color: rgb(128, 130, 133);
}

.community-light, .com-btn {
    color: white;
    background-color: rgb(78, 152, 186);
}

    .community-dark, .com-btn:hover {
        background-color: rgb(187, 78, 85);
        color: white;
    }

.community-darkest {
    background-color: rgb(180, 60, 68);
    color: white;
}

.community-darkest-border-right {
    border-right: 1rem solid rgb(180, 60, 68);
}

.community-lightest-text {
    color: rgb(99,193,203);
}

    .community-lightest-text:hover {
        color: rgb(78,152,186); /* community-dark*/
    }

.white-text {
    color: white;
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: rgb(78,152,186) !important;
}

.nudge-left {
    padding-left: 0 !important; /* need to get the paragraphs  justified left*/
}

.fit-parent {
    max-width: 100%;
    max-height: 100%;
}