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

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


.grid-with-suffix {
    display: grid;
    grid-template-columns: auto 40px;
    grid-gap: 0;
}

.mm-end {
    width: 80px;
    text-align: left;
    margin-top: 4px;
    padding-left: 10px;
}

button.button.is-default {
    background-color: #efefef !important;
    border-color: #a5a5a5 !important;
}

button.button.is-menu {
    background-color: #c2ced8;
    border-color: #c2ced8;
    color: #384652;
    font-weight: bold;
}

button.button.is-menu.is-active {
    background-color: #788896;
    border-color: #788896;
    color: #efefef;
}

input:disabled {
    background-color: #e3e8ed !important;
    border-color: #a7b5c1 !important;
}

.hidden {
    display:none;
}

/* Microsoft Sign in button */

.ms-signin-button {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

    .ms-signin-button img {
        max-width: 100%;
        height: auto;
    }

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