.background{
    background-color: #b2bcc5;
}
.login-form {
    width: 390px;
    margin: 30px auto; /*Space around form - pushes closer to header*/
}
.login-form form {
    margin-bottom: 15px;
    background: lightgray; /*Color adjustment of form*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); /*Form shadow properties*/
    padding: 10px;
    border-radius: 8px; /*Rounds corners of form*/
}
.login-form h2 {
    margin: 0 0 15px;
}
.form-control, .btn {
    min-height: 38px;
    border-radius: 2px;
}
.modal-footer {
    padding: 5px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}
.bs-example{
    font-family: sans-serif;
    position: relative;
    margin: 5px;
}
.typeahead, .tt-query, .tt-hint {
    border: 2px solid #CCCCCC;
    border-radius: 8px;
    font-size: 14px;
    height: 35px;
    line-height: 30px;
    outline: medium none;
    padding: 8px 12px;
    width: 360px; /* Had to manually adjust width - min-width will not work - conflict with typeahead css somehwere? */
}
.typeahead {
    background-color: #FFFFFF;
}
.typeahead:focus {
    border: 2px solid #0097CF;
}
.tt-query {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
    color: #999999;
}
.tt-dropdown-menu {
    background-color: #0068a5;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
color: white;
    padding: 4px 3px;
    width: 360px; /* Had to manually adjust width to match .typeahead above */
}
.tt-suggestion {
    font-size: 16px;
    line-height: 20px;
    background-color: #0068a5; /* ADDED to control background of delete multiple Appts - Might affect others??? */
    padding: 3px 10px; /* Controls padding around each client of search list when searching */
    border: solid 1px; /* Adds border around each client of search list when searching */
    border-color: #9f9f9f;
}
.tt-suggestion.tt-is-under-cursor {
    background-color: #0097CF;
    color: gold;
    border: 2px solid gold;
}
.tt-suggestion p {
    margin: 0;
}
/*Table of Contents*/
/*Button settings*/
/* Image Adjustments */
/* MODALS Adjustments */


/*Button settings*/
.btn {        
    font-size: 15px;
    font-weight: bold;
    padding: 6px 6px;
}
.btn:hover{ /*Submit button hover settings*/
    color: gold;
    background-color: #0088D8;        
}
button:hover{ /*Close button hover settings*/
    color: gold;
    background-color: #0088D8;        
}
a:hover {
    color: gold;
}
.hover a:hover{ /*Special class added for login (login again)*/
    color: #0068a5;
}
.hover:hover{ /*Special class added to control login colors (Forgot Password?)*/
    color: #0068a5;
}

/* END of Button Adjustments */

/* Image Adjustments */
img{ 
    border: 3px solid #0068a5;
    border-radius: 10px;
    filter: drop-shadow(3px 3px 5px #636363);
}
.imgb{ /*Added for Intake App and Exit Interview header settings*/
    border: 3px solid #17a2b8;
    border-radius: 10px;
    filter: drop-shadow(2px 2px 1px #636363);
}

/* END of Image Adjustments */

/* MODALS Adjustments */
.modal-title{ /* Adjusts All modal titles */
    background: #0068a5;
    color: white;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    border-radius: 7px;
}
.form-group>label{ /* Adjusts facesheet modals (Lower Buttons except for WFD?) label colors and alignment */
    color: #0068a5;;
}
.form-control{ /* ALIGNS ALL MODAL DATA TO CENTER??? */
    text-align: center;
}
/* Adjusts lower facesheet buttons and Add schedule buttons modals/pages 
(This one found the rest - including scheduling ADD pages - AND add SRP classes, house mtg etc.) label color */
.emp>form>label{ 
    color: #0068a5;
}
.modal-content{ /* Adjusts All modals background color AND WIDTH*/
    background: lightgray;

}
.modal-body>label{ /* Adjusts All Other modals label color */
    color: #0068a5;
}
.modal-body>p>label{ /* For SA Schedules New Page */
    color: #0068a5;
}
.modal-body{
    padding: 5px;
}

/* END of Modal Adjustments */

label{ /* Added for Intake App and Exit Interview pages */
    color: #0068a5;
}
.tweak { /* Added for Incident report pages to adjust where elements land on pages */
    margin-top: 5px;
    margin-bottom: 5px;
     vertical-align: middle;
}
p{ /* Added for Facesheet pages to adjust upper rows - MIGHT affect others... */
    margin-top: 5px;
    border-collapse: collapse;
}
.page-header { /* Added for Retreat scanning pages - MIGHT affect others... */
    padding-bottom: 9px;
    margin: 0px 0 20px;
    border-bottom: 1px solid #eee;
}
.pb-5, .py-5, .py-lg-5 { /* Added to step on bootstrap for View TC Services page */
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
}
@media print{
    .background { 
        background-color: white !important;
    }
    .col-3>h5{ /* Added for 911 facesheets - fonts accross top too large and wrap*/
        font-size: 17px;
    }
}