body {
    padding-top: 50px;
    padding-bottom: 20px;
}

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

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

 body {
            font-family: "Lato", sans-serif;
        }

        .sidepanel {
            width: 0;
            position: fixed;
            z-index: 1;
            height: 100%;
            top:12.5%;
            left: 0;
            background-color:  #f0f2f5;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            box-sizing:border-box;
        }

            .sidepanel a {
                padding: 8px 8px 8px 32px;
                text-decoration: none;
                font-size: 20px;
                color: #353638;
                display: block;
                transition: 0.3s;
            }

                .sidepanel a:hover {
                    color: #555555;
                }

            .sidepanel .closebtn {
                position: absolute;
                top: 0;
                right: 25px;
                font-size: 36px;
            }

        .openbtn {
            font-size: 20px;
            cursor: pointer;
            background-color: #e6b8e7;
            color: #c94ab9;
            padding: 10px 15px;
            border: none;
            border-radius:5px;
            float:right;
        }

            .openbtn:hover {
                background-color: #9ac8ef;
            }

 .container-fluid{
     margin-left:0%;
     margin-right:0%;
 }