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

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

.disabled {
    cursor: not-allowed;
}
.navbar-brand {
    padding-top: 3px;
    padding-left: 15px;
    padding-bottom: 2px;
    padding-right: 15px;
}

/*.Welcome {
    background-image: url(../images/success-ce-bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}*/

.WelcomeContainer {
    padding: 80px;
}

.Logoff {
    background-image: url(../images/success-ce-bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.LogoffContainer {
    padding: 80px;
}

.ErrorPage {
    padding: 80px;
}

#content {
    background: #E8E8E8;
}

.center {
    margin: 0 auto;
    width: 80%;
}

.sm-loading-indicator {
    height: 200px;
}

.md-loading-indicator {
    height: 300px;
}


.lg-loading-indicator{
    height:400px;
}

.full-width{
    min-width: 100%
}

/************************ Thumbnail ********************************/
.flex-row.row {
    display: flex;
    flex-wrap: wrap;
}

    .flex-row.row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

/*.flex-row .thumbnail,
.flex-row .caption {
    flex: 1 0;
    flex-direction: column;
    display: flex;
}*/

.flex-row .thumbnail,
.flex-row .caption {
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: column;
    display: flex;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .flex-row .thumbnail,
    .flex-row .caption {
        flex-grow: 1;
        flex-shrink: 1;
        flex-direction: column;
        display: flex;
    }
}

.flex-text {
    flex-grow: 1;
}

.flex-row img {
    height: auto;
    width: 100%
}
/********************************************************************/