/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    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;
}

.longestcombo {
    max-width: 600px;
    width: 100%
}


.longercombo {
    max-width: 400px;
    width: 100%
}


.longcombo {
    max-width: 300px;
    width: 100%
}

.standardcombo {
    max-width: 200px;
    width: 100%
}


.shortcombo {
    max-width: 100px;
    width: 100%
}

.shortercombo {
    max-width: 75px;
    width: 100%
}

.tinycombo {
    max-width: 50px;
    width: 100%
}

/* Intern Portal Flippy Image*/
.flippy-row {
    display: flex;
    align-items: center;
}

.flippy-img {
    margin-right: 8px; /* space between image and text */
}

.flippy-text {
    white-space: wrap; /* optional */
}

td .flip-badge,
.flip-badge {
    width: 35px !important;
    height: 35px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background-color: #2196F3 !important;
    color: #ffffff !important;
}

    td .flip-badge i,
    .flip-badge i {
        color: #ffffff !important;
    }




tr.flip-table-row > td {
    vertical-align: middle !important;
}

.flip-tr-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

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

.flip-tr-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}