body {
    padding-bottom: 20px;
}

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

/* 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;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
    padding:10px;
}
@font-face {
    font-family: "Agrandir-Narrow";
    src: url('/fonts/Agrandir-Narrow.otf');
}

@font-face {
    font-family: "Walkway-Condensed";
    src: url('/fonts/Walkway Condensed SemiBold.ttf');
}
.tab {
    overflow: hidden;
    margin-left:10px;
}

    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
    }

        .tab button:hover {
            background-color: #ddd;
        }

        .tab button.active {
            background-color: #ccc;
        }

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.tablinks {
    border: solid 1px;
    border-color: darkgray;
}
#ClientErrors {
    display: block;
    color: red;
    border: solid 1px;
    padding: 5px;
}
#ClientNotifications {
    display: block;
    color: green;
    border: solid 1px;
    padding: 5px;
}