/*Default OR Less than 576px*/
/* Ford Colors
https://www.ford.com/
Ford Logo color: #003479
Ford darker blue color: #092A46 (tealish)
Ford light grey color: #333333
Ford dark grey color: #242424 (charcoal)

Ford light text: #ffffff
Ford dark text: #333333
Ford link/button color: #0276B3 (lighter blue)
Ford link-hover color: #333333
Ford button hover: Invert text color #fff and button color #0276B3 (maintain border color #0276B3)
*/
body {
    padding-top: 150px;
    padding-bottom: 20px;
    color: #333333;
}

a {
    color: #0276B3;
}

/* 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;
}

/*#region Ford btn-primary override */
.btn-primary {
    color: #fff;
    background-color: #0276B3;
    border-color: #0276B3;
}

    .btn-primary:hover {
        color: #0276B3;
        background-color: #fff;
        border-color: #0276B3;
    }

.btn-primary:focus, .btn-primary.focus {
    color: #0276B3;
    background-color: #fff;
    border-color: #0276B3;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #0276B3;
    background-color: #fff;
    border-color: #0276B3;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #0276B3;
    background-color: #fff;
    border-color: #0276B3;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
/*#endregion Ford btn-primary override */

/*region ford navbar*/

.bg-portal {
    background-color: #fff;
    border-bottom: 2px solid #0276B3;
}

    .bg-portal img {
        height: 40px;
        margin-right: 1%;
    }

.navbar .navbar-brand {
    color: #003479;
    font-weight: bold;
}
.navbar .navbar-brand:hover {
    color: #333333;
    font-weight: bold;
}

.navbar .navbar-nav .nav-link {
    color: #0276B3;
    font-weight: bold;
}

    .navbar .navbar-nav  .nav-link:hover {
        color: #333333;
    }

/*==============================================
Case Details Notes Display
=============================================*/

.notes-display {
    height: 200px;
}

.notes-display-border {
    border: 1px solid rgba(0, 0, 0, 0.125);
}

/*similar to bootstrap 4.6 .car-header:first-child*/
.notes-display-border-radius {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

/* end region ford navbar */

/*https://getbootstrap.com/docs/4.6/layout/grid/#grid-options*/
/*Small devices (landscape phones, 576px and up) col-sm */
@media (min-width: 576px) {
    body {
        padding-top: 100px;
        padding-bottom: 20px;
    }
}

/*Medium devices (tablets, 768px and up) col-md */
@media (min-width: 768px) {

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

/*Large devices (desktops, 992px and up) col-lg */
@media (min-width: 992px) {

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

/*Extra large devices (large desktops, 1200px and up) col-xl */
@media (min-width: 1200px) {

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

    .container.body-content {
        max-width: 98vw;
    }
}

/* BS5-like XXL breakpoint */
@media (min-width: 1400px) {

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

    .container.body-content {
        max-width: 98vw;
    }
}

.field-validation-error {
    color: #a94442;
}

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}

/*==============================================
alternating grey / white rows
=============================================*/

.legend .row:nth-of-type(odd) div {
    background-color: rgba(0, 0, 0, 0.05);
}

.legend .row:nth-of-type(even) div {
    background: #FFFFFF;
}
.bordered {
    /*border: #4F758B 2px solid;*/
    border: rgba(79, 117, 139, 0.25) 1px solid;
    border-radius: 4px;
    padding: 1px;
}

/*==============================================
override to fix issue on ths site with pager dropdown
=============================================*/
.mvc-grid-pager-rows {
    max-width: 100%;
}

/*Password Validation*/
/* fix overlay to center of viewport while loading to disable page*/
.loading-overlay {
    position: fixed;
    z-index: 999;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: black;
    opacity: .5;
    margin: 0 auto;
}

.spinner-border {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin: 0 auto;
}