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

/*https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/*/
.Site {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.Site-content {
    flex: 1;
}


.footer {
    /*position: absolute;
    bottom: 0;
    width: 100%;
     Set the fixed height of the footer here 
    height: 60px;
    background-color: #f5f5f5;
    flex-grow: 1;*/
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    height: 50px;
    padding-left: 15px;
}

.navbar-fixed-top {
    top: -130px; /* you'll have to figure out the exact number here */
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: relative; /* this can also be static */
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
}

.form-inline input,
.form-inline label,
.form-inline button {
    margin-left: 5px;
    margin-right: 5px;
}

.top5 {
    margin-top: 5px;
}

.top7 {
    margin-top: 7px;
}

.top10 {
    margin-top: 10px;
}

.top15 {
    margin-top: 15px;
}

.top17 {
    margin-top: 17px;
}

.top30 {
    margin-top: 30px;
}

.bottom5 {
    margin-bottom: 5px;
}

.bottom7 {
    margin-bottom: 7px;
}

.bottom10 {
    margin-bottom: 10px;
}

.bottom15 {
    margin-bottom: 15px;
}

.bottom17 {
    margin-bottom: 17px;
}

.bottom30 {
    margin-bottom: 30px;
}

.padtop5 {
    padding-top: 5px;
}

.padtop7 {
    padding-top: 7px;
}

.padtop10 {
    padding-top: 10px;
}

.padtop15 {
    padding-top: 15px;
}

.padtop17 {
    padding-top: 17px;
}

.padtop30 {
    padding-top: 30px;
}

.padbottom5 {
    padding-bottom: 5px;
}

.padbottom7 {
    padding-bottom: 7px;
}

.padbottom10 {
    padding-bottom: 10px;
}

.padbottom15 {
    padding-bottom: 15px;
}

.padbottom17 {
    padding-bottom: 17px;
}

.padbottom30 {
    padding-bottom: 30px;
}

.inline-radio label {
    vertical-align: middle
}

.inline-radio input[type=text] {
    width: 40%;
    display: inline-block;
}

/* FORMS */
.form-label-group input::-webkit-input-placeholder {
    color: transparent;
}

.form-label-group input:-ms-input-placeholder {
    color: transparent;
}

.form-label-group input::-ms-input-placeholder {
    color: transparent;
}

.form-label-group input::-moz-placeholder {
    color: transparent;
}

.form-label-group input::placeholder {
    color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
    padding-bottom: calc(var(--input-padding-y) / 3);
}

    .form-label-group input:not(:placeholder-shown) ~ label {
        padding-top: calc(var(--input-padding-y) / 3);
        padding-bottom: calc(var(--input-padding-y) / 3);
        font-size: 12px;
        color: #777;
    }

/* Fallback for Edge
    -------------------------------------------------- */

@@supports (-ms-ime-align: auto) {
    .form-label-group > label {
        display: none;
    }

    .form-label-group input::-ms-input-placeholder {
        color: #777;
    }
}

/* Fallback for IE
    -------------------------------------------------- */

@@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-label-group > label {
        display: none;
    }

    .form-label-group input:-ms-input-placeholder {
        color: #777;
    }
}


/* Syncfusion Global Overrides */

.e-grid .e-gridheader {
    border-bottom-color: #d4dae0 !important;
}