body {
            color:#333;
        }
        h1 {
            font-weight:400;
        }
        .optionalText {
            font-style:italic;
            color:#767676;
            font-size:12px;
        }
        h4.text-center {
            letter-spacing:1px;
        }

        a {
            text-decoration:underline;
        }

        input::placeholder {
            color: #767676!important;
        }

        input.form-control-plaintext::placeholder {
            color: #565656!important;
            font-size:14px!important;
            font-weight:100;
        }
        .progressLabel {
            color:#515151 /*this was added because the text was not accessible on a light grey*/;
        }

       /* p.small {
            line-height:1.1rem
        }*/

        footer {
            border-top:1px solid #ccc;
            background-color: #FFF;
            width: 100%;
            flex-shrink: 0;
        }

        body{display: flex;height: 100vh;flex-direction: column;}
        #backgroundContainer{flex: 1 0 auto;}

        footer p {
            margin-bottom:0;
        }
        
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .card-header {
            font-size:16px;
        }

        .btn-outline:hover {
            background-color: #D5E8F9;
            color:#003A70;
        }

        .btn-outline:hover svg path {
            fill:#003A70;
        }

        /* 3/2/2020- Added for address verification hide/show button */ 
        .hide {
            display: none;
        }


        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
            font-size: 3.5rem;
            }
        }
 
        .container {
        max-width: 960px;
        }

        /*
        * Custom translucent site header
        */

        .site-header {
        background-color: rgba(0, 0, 0, .85);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        }
        .site-header a {
        color: #999;
        transition: ease-in-out color .15s;
        }
        .site-header a:hover {
        color: #fff;
        text-decoration: none;
        }

        /*
        * Dummy devices (replace them with your own or something else entirely!)
        */

        .product-device {
        position: absolute;
        right: 10%;
        bottom: -30%;
        width: 300px;
        height: 540px;
        background-color: #333;
        border-radius: 21px;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        }

        .product-device::before {
        position: absolute;
        top: 10%;
        right: 10px;
        bottom: 10%;
        left: 10px;
        content: "";
        background-color: rgba(255, 255, 255, .1);
        border-radius: 5px;
        }

        .product-device-2 {
        top: -25%;
        right: auto;
        bottom: 0;
        left: 5%;
        background-color: #e5e5e5;
        }

        .table th, .table td {
            font-size:14px;
        }


        /*
        * Extra utilities
        */

        .flex-equal > * {
        -ms-flex: 1;
        flex: 1;
        }
        @media (min-width: 768px) {
        .flex-md-equal > * {
            -ms-flex: 1;
            flex: 1;
        }
        }

        .overflow-hidden { overflow: hidden; }
 
        .py-2 img {
            max-width: 100%;
            height: auto;
        }
        @media screen and (min-width: 768px) {
            .py-2 img {
                max-width: 430px;
                height: auto;
            }
        }
        .sticky-top {
            border-bottom: 2px solid #555;
        }
        [data-toggle="collapse"]:before {
            display: inline-block;
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            content: "\f054";
            transform: rotate(90deg) ;
            transition: all linear 0.25s;
            margin-right: 0.21rem;
        }   
        [data-toggle="collapse"].collapsed:before {
            transform: rotate(0deg) ;
        }
        h2 .btn {
            align-items: center;
        }
        h2 .btn:hover {
            align-items: center;
            text-decoration: none;
        }
        .btn-link {
            color: #003A70;
        }
        .featuredbook-info {
            width:70%;
        }
        @media screen and (max-width: 344px) {
            img.small-logo {
                width:145px!important;
            }
            nav .btn-outline {
                margin-top: 5px!important;
            }
            nav .side-btns {
                width:40%;
            }
        }
        @media screen and (max-width: 576px) {
            button.btn-responsive {
                width:100%;
                margin-bottom:10px;
            }
            .search-padding {
                padding:20px!important;
            }
            .search-padding p {
                padding-bottom:0px!important;
            }
            h1 {
                font-size:36px!important;
            }
            .modal-footer {
                flex-flow: row wrap-reverse;
            }
            #radio-div1 .btn-primary, #radio-div2 .btn-primary {
                margin-top: 10px;
            }
        }
        @media screen and (min-width: 576px) {
            .modal-xl {
                max-width: 500px !important;
            }
            img .small-logo {
                display:block;
            }
            img .full-logo {
                display:none;
            }
        }
        @media screen and (max-width: 765px) {
            .featuredbook-info {
                width:100%;
                text-align:center;
            }
            .featuredbook {
                text-align:center;
            }
            nav .btn-outline {
                font-size:12px;
                padding:4px 6px;
            }
            nav .btn-outline .svg-icon {
                width:15px!important;
                height:15px!important;
            }
            img.small-logo {
                display:block;
                width:100px;
            }
            img.full-logo {
                display:none;
            }
            nav .btn-outline {
                margin-top:10px;
            }
            .modal-footer {
                flex-flow: row wrap-reverse;
            }
            #radio-div1 .btn-primary, #radio-div2 .btn-primary {
                margin-top: 10px;
            }

        }
        @media screen and (min-width:765px) {
            img.small-logo {
                display:none;
            }
            img.full-logo {
                display:block;
            }
        }
        @media screen and (min-width: 815px) {
            nav .btn-outline {
                margin-top:0.25rem;
            }
        }
        @media screen and (max-width: 815px) {
            nav img {
                width:300px;
            }
        }
        @media screen and (max-width: 998px) {
            .modal-footer {
                flex-flow: row wrap-reverse;
            }
            .modal-footer button.btn-responsive {
                width:100%;
                margin-bottom:10px;
            }
        }
        @media screen and (min-width: 992px) {
            .modal-xl {
                max-width: 800px !important;
            }
            img.small-logo {
                display:none;
            }
            img.full-logo {
                display:block;
            }
            nav .btn-outline {
                margin-top:0.25rem;
            }
        }
        @media screen and (min-width: 1200px) {
            .modal-xl {
                max-width: 1140px !important;
            }
        }
        header {
            border-bottom: 0 !important;
        }
        .btn-outline--no-fill:hover {
            background-color: rgba(234, 234, 234, 0.34);
        }
        .tab-content .active a {
            background-color: #fff !important;
            border-color: none !important;
            color: #003A70 !important;
            text-decoration: underline !important;
        }
        @media screen and (min-width: 1360px) {
            .card {
                max-width: 1100px;
                margin: 0 auto;
            }
        }