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

/* Wrapping element */
/* Set some basic 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;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

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

.table > tbody > tr > th {
    vertical-align: middle;
}

.table > tbody > tr > th {
    text-align: center;
}

.OnboardingProfileLabel {
    margin-left: 1em;
}

.StepDescriptionHeader {
    margin-top: 0px;
    margin-bottom: 1em;
}

.form-check-input label {
    padding-left: 5px;
}

.StepSubmitButton {
    float: right;
}

.TextLeft {
    text-align: left !important;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.flexcenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flexstart {
    display: flex;
    align-items: center;
    justify-content: start;
}

.flexend {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flexendbottom {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.flexendbottom {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.icon-button {
    border: black;
    border-style: solid;
    border-width: thin;
    background-color: #efefef;
}

.hiddeninput {
    display: none !important;
}


.flesxtartmiddle {
    display: flex;
    align-self: center;
    justify-content: flex-start;
}

/* CheckButton */
input.chk-btn {
    display: none;
}

    input.chk-btn + label {
        border: 1px solid #ccc;
        background: ghostwhite;
        padding: 5px 8px;
        cursor: pointer;
        font-weight: normal;
        color: #454545;
    }

        input.chk-btn + label:hover {
            box-shadow: 0px 1px 3px;
        }

        input.chk-btn + label:active,
        input.chk-btn:checked + label {
            box-shadow: 0px 0px 3px inset;
            background: #eee;
            font-weight: 700;
        }

label.lbFirst {
    border-radius: 4px 0px 0px 4px;
}

label.lbLast {
    border-radius: 0px 4px 4px 0px;
}

.dayslistDiv {
    margin: 0px;
    padding: 0px;
    display: flex;
}