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 */
select {
    max-width: 280px;
}


/* no bullets for list */
.table-list {
    list-style-position: inside;
    list-style-type: none;
    padding-left: 0
}

.ul-table {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

/* make dialog modals wider by default */
@media screen and (min-width: 992px) {
    .modal-dialog {
        right: auto;
        left: 50%;
        width: 900px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/* make scroll boxes smaller in the y direction*/
.pre-scrollable {
    max-height: 250px;
    overflow-y: scroll;
}

/* make text wrap better*/
.text-is-breakable {
    word-break: break-all;
}

/* for putting simple horizontal dividers in a regular <UL> list without having to make it a bootstrap3 list */
li[role=separator] {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

hr {
    margin: 10px 0 ;
}

button.btn.pvInfo.collapsed:before {
    content: 'Show Clinnical Assesments';
    display: block;
    width: 170px;
}

button.btn.pvInfo:before {
    content: 'Hide Clinnical Assesments';
    display: block;
    width: 170px;
}