/* AT&T brand styling */

        :root {
            --att-blue: #009FDB;
            --att-blue-dark: #0568AE;
            --att-text: #191919;
            --att-border: #d2d2d2;
            --att-font: "Aleck Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

        html, body {
            height: 100%;
        }

        body {
            font-family: var(--att-font);
            color: var(--att-text);
            background-color: #ffffff;
        }

        .card {
            border: 1px solid var(--att-border);
            border-radius: 6px;
        }

        .card-header.titleblue {
            font-family: var(--att-font);
            color: #ffffff;
            background-color: var(--att-blue);
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            font-size: 15px;
        }

        .card .list-group-flush {
            padding-top: 5px;
        }

        .list-group-item.default {
            font-family: var(--att-font);
            border: 0;
        }

        .list-group-item.default a {
            font-family: var(--att-font);
            color: var(--att-blue-dark);
            text-decoration: none;
            font-weight: 500;
        }

        .list-group-item.default a:hover,
        .list-group-item.default a:focus {
            color: var(--att-blue);
            text-decoration: underline;
        }

        ul li.default{
            display: block;
            width: 100%;
            font-size: 12px;
        	list-style-type: none;
        	padding: 4px 0px 4px 50px;
        	background: url('../images/orange_arrow.png') no-repeat 25px center;
        }