/*********************************/


/******* GLOBAL STYLE OVERWRITES *******/


/*********************************/

body,
html {
    min-width: 300px;
}

body,
body.responsive,
.responsive #mainWrapper {
    background: #fff;
}

.responsive #container.container-fluid {
    padding: 0;
}

.main>#container.container-fluid {
    max-width: 100%;
}

/*Fix for IE input address clear field*/
input#address::-ms-clear {
    display: none;
}
input#address {
    width: 100%;
    padding: 15px 10px 6px;
    font-size: 16px;
    border: 0;
    border-radius: 5px 0 0 5px;
}

.zip-address-container .input-wrapper .input-clear-button {
    font-family: 'cricket-icon', Arial, Helvetica, sans-serif;
    font-size: inherit;
    background: url(/uiassets/input-error-button.png) center no-repeat;
    height: 25px;
    margin-top: 13px;
}

.zip-address-container .input-wrapper .input-clear-button:hover {
    text-decoration: none;
}

input:valid ~ .input-clear-button {
    opacity: .6;
    pointer-events: auto;
    display: block;
}

input:focus ~ .input-clear-button {
    opacity: .6;
    pointer-events: auto;
    display: block;
}

#mapHolder {
    position: relative;
    max-height: 715px;
    overflow: hidden;
}

.Flexible-container {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}

.MicrosoftMap .OverlaysTL {
    height: 0 !important;
    width: 210px !important;
}

.MicrosoftMap .OverlaysT>* {
    height: inherit;
}

.OverlaysTL>.BreadcrumbContainer {
    display: none;
}

.MicrosoftMap.BingTheme .MicrosoftNav.stylev2 .NavBar_zoomControlContainer {
    left: 46%;
}

.MicrosoftMap.BingTheme .MicrosoftNav.stylev2 .NavBar_compassControlContainer {
    left: 0;
}

.NavBar_zoomControlContainer .NavBar_zoomDrop {
    height: 160px;
}

.flash.error {
    padding: 0.2em;
    width: 100%;
}

.flash.error .icon {
    position: relative;
    float: left;
    top: 3px !important;
    padding: 0.5em !important;
    margin-left: 1em !important;
}

.flash.error p {
    margin: 5px;
}

.error {
    display: none;
    background: #fff;
    font-size: 0.857em;
    color: #cf292a;
}

.coverageTooltip {
    width: 315px;
    position: absolute;
    background: #eae9e7;
    border-radius: 10px;
    z-index: 10;
    padding: 1em;
    color: #000;
    text-align: left;
}

.map-legal {
    padding: 20px 10px;
}

.map-legal p {
    font-size: 12px;
}

.coverageTooltip.bottom {
    /* Force position since bootstrap does not do a good job of it */
    top: 40px !important;
    left: 0px !important;
}

.coverageTooltip .closeMe {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 21px;
    color: #144e7b;
}

.coverageTooltip h2 {
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
}

#contentArea {
    margin-left: 100px;
    padding-top: 20px;
}

#mapInfoPanel {
    width: 420px;
    position: absolute;
    z-index: 101;
    top: 195px;
    left: 15px;
    padding: 9px 21px 0px 15px;
    background: #404041;
    -webkit-box-shadow: 0 3px 19px 0 transparent;
    box-shadow: 0 3px 19px 0 transparent;
    border-radius: 5px;
}

#address,
#geo_button {
    height: 42px!important;
}

#address {
    border-radius: 5px 0 0 5px;
}

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}

ul.legend {
    margin: 0;
    padding: 5px 0;
    color: #fff;
}

ul.legend input {
    font-size: 12px;
    color: #000;
    padding-left: 10px;
}

ul.legend li {
    list-style: none;
    display: inline-block;
    padding: 0;
    vertical-align: top;
    position: relative;
}

ul.legend li>a {
    color: #fff;
    font-size: 12px;
}

.full-coverage {
    height: 15px;
    width: 15px;
    background: #60a630;
    border: #fff solid 1px;
    display: inline-block;
    margin-top: 2px;
    margin-right: 4px;
}

.five-g {
    height: 15px;
    width: 15px;
    background: #034e29;
    border: #fff solid 1px;
    display: inline-block;
    margin-top: 2px;
    margin-right: 4px;
}

.five-g-plus {
    height: 15px;
    width: 15px;
    background: #a1cb09;
    border: #fff solid 1px;
    display: inline-block;
    margin-top: 2px;
    margin-right: 4px;
}

.four-g {
    height: 15px;
    width: 15px;
    background: #60a630;
    border: #fff solid 1px;
    display: inline-block;
    margin-top: 2px;
    margin-right: 4px;
}

.other-coverage {
    height: 15px;
    width: 15px;
    background: #3170b7;
    border: #fff solid 1px;
    display: inline-block;
    margin-top: 2px;
    margin-right: 4px;
}

.third-party {
    height: 15px;
    width: 15px;
    background: #c4d600;
    border: #fff solid 1px;
    display: inline-block;
    margin-top: 2px;
    margin-right: 4px;
}

.no-coverage {
    height: 15px;
    width: 15px;
    background: #fff;
    border: #fff solid 1px;
    display: inline-block;
    margin-top: 2px;
    margin-right: 4px;
}

#map_display {
    height: auto;
}

/* button overwrites for address/ZIP search */

label[for="address"] {
    position: absolute;
    top: 10px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    color: #000;
}

label[for="address"].small {
    top: 0;
    margin-left: 10px;
    font-size: 11px;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    color: #1b75bb;
}

.MicrosoftMap .infobox-body, .MicrosoftMap .InfoboxCustom {
    pointer-events: none;
}

/* Enter City & State or ZIP for input field */

#geo_button {
    min-width: 100%;
    width: 100%;
    border-radius: 0 5px 5px 0;
    background: url(/uiassets/icon-search-blue-24x24.png) no-repeat center #fff;
}

#geo_button:hover, #geo_button:active, #geo_button:focus {
    background: url(/uiassets/icon-search-dark-blue-24x24.png) no-repeat center #fff;
}

#CoverageTitle {
    font-size: 18px;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0 0 9px 0;
    line-height: 1.1;
    color: #fff;
}


/* overwrite spacing between paragraph and tabs */

#contentArea.map-tabs p {
    margin-bottom: 28px;
}

.MicrosoftMap .OverlaysTL {
    right: 0 !important;
    left: auto;
}


/* overwrite 3rd party !important css to show navigation control */

#map_display .MicrosoftMap .OverlaysTL.hidden {
    display: block !important;
    overflow: visible !important;
    visibility: visible !important;
}

.NavBar_compassControlContainer {
    right: 0;
}

.NavBar_zoomControlContainer {
    right: 108px !important;
    left: auto;
}

.rotated {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
    margin-top: 0 !important;
}


/* footer overwrite - stack order */

body.template .footer,
body.template .footer {
    z-index: 1 !important;
    position: relative !important;
}


/* control Bootstrap modal height */

#modal-coverage .modal-content {
    max-height: 90%;
    position: relative;
    overflow-y: hidden;
}

div.cards-message {
    font-size: 12px;
    margin-left: 0 !important;
    margin-top: 14px;
    margin-bottom: 10px;
    display: none;
    width: 90%;
}

a.show-cards-message {
    font-size: 12px;
}

.pop-cards-message {
    line-height: 1.2!important;
}

#CoverageTitle {
    font-family: 'Simply Cricket Book', Helvetica, Arial, sans-serif;
}

.importantinfo p {
    float: left;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    width: 100%;
    margin-bottom: 9px;
}

.importantinfo a {
    color: #FFFFFF;
    text-decoration: underline;
}

.zip-address-container {
    position: relative;
    padding-right: 0;
}

.geo-button-container {
    padding-left: 0;
}

.zip-address-container div.field-error-container {
    z-index: 2;
    margin-top: 55px;
    position: absolute;
}

.zip-address-container label {
    font-size: 18px;
}

.toggle-btn {
    display: inline-block;
    background: #404041 url(/uiassets/Icon-Brand-Chevron-Down-Line.png) center no-repeat;
    width: 27px;
    height: 15px;
    cursor: pointer;
    margin-top: 3px;
    background-size: cover;
}

.search-row, .importantinfo {
    padding-top: 6px;
}

.accordion-toggle-ui {
    transition-duration: 200ms;
    width: auto;
    height: 24px;
    background: none;
    padding: 0px 7px;
    border: 0;
    z-index: 50;
    position: absolute;
    top: 9px;
    right: 21px;
    border: 2px solid transparent;
}

.accordion-toggle-ui:focus,
#geo_button:focus,
input#address:focus {
    outline-color: -webkit-focus-ring-color!important;
    outline-style: auto!important;
    outline-width: 1px!important;
}

.accordion-toggle-ui:hover {
    text-decoration: none;
    background: none;
}

.accordion-toggle-ui[aria-expanded="true"] {
    transform: rotateX(180deg);
}

.accordion-toggle-ui[aria-expanded="false"] {
    transform: rotateX(0deg);
}

.info-box-container {
    height: 180px;
    width: 250px;
    padding-top: 160px;
}

.info-box {
    -webkit-transform-origin: bottom;
    min-height: 65px;
    background-color: rgb(255,255,255);
    background: -o-radial-gradient(0% 0%,circle 13px,transparent 13px,#ffffff);
    background: radial-gradient(circle 13px at 0% 0%,transparent 12px,#ffffff);
    background: -webkit-radial-gradient(circle 13px at 0% 100%,transparent 13px,#ffffff);
    padding: 8px 30px 8px 8px;
    min-width: 200px;
    border-radius: 10px;
    width: 100%;
    pointer-events: auto;
}

.info-box span, .map-legal p {
    font-family: Simply Cricket, Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #404041;
    margin: 0;
}

.info-box span {
    font-size: 18px;
}

.close-info-box-button {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    background: url(/uiassets/input-error-button.png) center no-repeat;
    cursor: pointer;
    padding: 0;
    top: 160px;
}

#LocateMeButton {
    background: url(/uiassets/my-location-static.png) center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.MicrosoftMap .NavBar_Container {
    -webkit-tap-highlight-color: unset;
}

/* Prevent flicker on initial display of on-hover icons by loading images when the page loads */
body:after{
    display:none;
    content: url(/uiassets/my-location-active.png) url(/uiassets/zoom-in-active.png) url(/uiassets/zoom-out-active.png);
}

#LocateMeButton:hover:not(.disabled), #LocateMeButton:focus, #LocateMeButton:active {
    background: url(/uiassets/my-location-active.png) center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#ZoomInButton {
    background: url(/uiassets/zoom-in-static.png) center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#ZoomInButton:hover:not(.disabled), #ZoomInButton:focus, #ZoomInButton:active {
    background: url(/uiassets/zoom-in-active.png) center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#ZoomOutButton {
    background: url(/uiassets/zoom-out-static.png) center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#ZoomOutButton:hover:not(.disabled), #ZoomOutButton:focus, #ZoomOutButton:active {
    background: url(/uiassets/zoom-out-active.png) center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#LocateMeButton.disabled, #ZoomInButton.disabled, #ZoomOutButton.disabled {
    filter: brightness(80%);
    -webkit-filter: brightness(80%);
}

#MicrosoftNav {
    top: 20px!important;
    right: 30px!important;
    width: 45px;
}

#MicrosoftNav.horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

#MicrosoftNav .NavBar_Button {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
    background-size: contain;
    float: right;
    clear: right;
}

#MicrosoftNav .NavBar_Button:first-child {
    margin-top: 24px;
}

#LocateMeButton {
    display: block;
}

/*********************************/


/******* TABLET STYLES *******/


/*********************************/

@media all and (max-width: 768px) {
    #MicrosoftNav {
        top: 20px!important;
        right: 25px;
        position: absolute;
        left: auto;
        bottom: auto;
        width: auto;
    }
    #MicrosoftNav.horizontal {
        display: block;
    }
    #MicrosoftNav .NavBar_Button {
        margin-left: 8px;
        width: 32px;
        height: 32px;
        float: left;
        clear: none;
    }
    #LocateMeButton {
        display: none;
    }
    #mapInfoPanel {
        background: #404041;
        padding: 10px;
        position: relative;
        width: 100%;
        top: unset;
        left: unset;
        border-radius: 0px;
        z-index: unset;
    }
    #mapAndPanel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    ul.legend li {
        padding: 0.1em 0.6em 0.1em 0 !important;
    }
    #CoverageTitle {
        margin: 4px 0;
    }
    .search-row {
        padding-top: 10px;
    }
    /* Prevent Bing map components from sliding over mobile header */
    #mobileHeader {
        z-index: 101!important;
    }
    .rightBorder {
        border: none;
    }
    .MicrosoftMap.BingTheme .MicrosoftNav.stylev2 .NavBar_zoomControlContainer,
    .MicrosoftMap.BingTheme .MicrosoftNav.stylev2 .NavBar_compassControlContainer {
        top: 30px;
    }
    .coverageTooltip.bottom {
        /* Force position since bootstrap does not do a good job of it */
        top: 40px !important;
        left: 0px !important;
    }
    .flash.error>.icon {
        width: 4%;
        height: 20px;
        background-size: 100%;
        background-position-y: 3px;
    }
    .flash.error p {
        font-size: 0.8em;
    }
    .third-coverage {
        right: 28px;
    }
    .importantinfo p {
        font-size: 12px;
    }
    .accordion-toggle-ui {
        right: 0;
        top: 14px;
    }
    .toggle-button {
        width: 28px;
        height: 16px;
    }
    .MicrosoftMap .NavBar_Container.compact .NavBar_Button {
        width: 32px;
        height: 32px;
    }
}


/*********************************/


/******* MOBILE STYLES *******/


/*********************************/

@media all and (max-width: 480px) {
    #map_display.hgt {
        height: 375px;
    }
    ul.legend li {
        left: 0;
        display: block;
        right: initial;
        text-align: left;
        padding: 0.1em 0 0.1em 0;
    }
    .info-box {
        min-width: unset;
    }
    .left>.coverageTooltip.top {
        /* Force position since bootstrap does not do a good job of it */
        left: -3% !important;
    }
    .cl {
        left: -136px !important;
    }
    .right>.coverageTooltip.top {
        /* Force position since bootstrap does not do a good job of it */
        left: -87% !important;
    }
    .coverageTooltip.bottom.LTE_popover, .coverageTooltip.bottom.FourG_popover {
        left: 0 !important;
    }
    .info-box-container {
        width: 190px;
    }
}
@media all and (max-width: 320px) {
    .coverageTooltip.bottom.LTE_popover, .coverageTooltip.bottom.FourG_popover {
        left: -10px !important;
    }
    .coverageTooltip.bottom.ThreeG_popover, .coverageTooltip.bottom.third_party_coverage {
        left: -150px !important;
    }
}

@media all and (min-width:1430px) {
    #map_display{
        padding:0;
        height:715px;
    }
}


/*# sourceMappingURL=map.b9ba31910d86d06f98a3.css.map*/