.content{
    margin-top:15px;
    border:1.5px outset #eeeeee;
}
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 
    10/30/2019 - Increased max-width to 480px per Angie's request
*/
input,
select,
textarea {
    max-width: 100%;
    margin-bottom: 15px;

}

textarea {
    margin: 0px 0px 15px;
    width: 100% !important;
    height: 80px;
}

.quickLinks {
    margin-top: 10px;
    width: 10.5em;
    float: left;
}

.btn-subtle {
    border: 1px outset #797979;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 4px;
    display: inline-block;

}

#container1 {
    border: 1.5px outset #e1e1e1;
    padding: 10px 10px 20px 10px;
    border-radius: 3px;
}

#triBox {
    clear: both;
}

/*----------FORMS---------*/
.searchBar {
    float: right;
}

#search {
    width: 60%;
}

.divider {
    margin: 0px;
    padding-top: 20px;
    width: 30%;
}

.boxed {
    background: #e1e1e1;
    border: outset 2px;
    border-radius: 6px;
    width: 75%;
}

.boxedTitle {
    background: #f2f2f2;
    border: outset 2px;
    border-radius: 6px;
    width: 30%;
    margin-bottom: 10px;
}

.boxedTitle100 {
    background: #f2f2f2;
    border: outset 2px;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 10px;
}
.modalBoxedTitle {
    background: #f2f2f2;
    border: outset 2px;
    border-radius: 6px;
    width: 50%;
    margin-bottom: 10px;
    margin-left: 14px;
}

#instructionsToggle {
    width: 20px;
    float: right;
}

#instructionsCaption {
    float: right;
}

[type='xxxsubmit'] {
    margin-top: 15px;
}
/*---------------Interview form-------------*/
.interviewForm {
    width: 66%;
    /*border:2px solid #f2f2f2;
    border-radius:10px;*/
}


    .interviewForm [type ='text'] {
        width: 100%;
    }

.formSection {
    margin: 5px;
    border: 2px solid #f2f2f2;
    border-radius: 10px;
}

.textArea {
    width: 100%;
}

/*---------------forms Picker/Case View-------------*/
.interviewPreview {
    height: auto;
    width: auto;
    margin-top: -90px;
    border: 1px outset lightgrey;
    border-radius: 5px;
}

/*----forms validation-----*/
input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
}

span.field-validation-error {
    color: #CD0A0A;
}

/* 10/30/2019 - bill@touchwoodtech.com - increased with from 50% to 80% */
input[type=text], select {
    max-width: 100%;
    min-width: 30%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
    border-bottom: #eeeeee 2px;
}

table, th, td {
    border-radius: 10px;
    /*border-right:#eeeeee solid 1px*/
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

/* on the open cases table, force the background color to be the same color as bg-danger */
table#openCasesTable tr.bg-danger:nth-child(even) {
    background-color: #f2dede;
}

.SESBIform {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

.bladeTitle {
    border-bottom: 1px #eeeeee solid;
}

.postbackMsg {
    color: #CD0A0A;
}

table#openCasesTable tr.multiplecases:nth-child(even) {
    background-color: #abbbcf;
}
table#openCasesTable tr.multiplecases:nth-child(odd) {
    background-color: #abbbcf;
}
/*---------------DASHBOARD-------------*/
#assigned {
    color: #666666;
}


#assignmentContainer {
    margin: 20px;
}

.search {
    width: 100%;
}

/*SiteVisit*/

#pri{
    float: left;
    margin: -15px -9em 0px 61px;
    /*position: absolute;*/
}

div#BHSumBody {
    margin-top: 65px;
}

.danger-box{
    border:solid #bc5c68 1.5px;
    border-radius:5px;
    padding:10px;
}

.inset{
    margin-left: 20px;
}

.clear{
    width:25%;
}

.manage{
    margin:10px;
}

/*-----TABLES------*/

.table-hover > tbody > tr:hover {
    background-color: #cfdae7;
}


/*-------MODAL--------*/
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(242, 242, 242, 0.6);
}
@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}