﻿
.location-details-tabs .nav.nav-tabs {
    border: unset;
}

    .location-details-tabs .nav.nav-tabs li a {
        color: #6D7278;
        font-size: 18px;
        outline: 0;
        box-shadow: unset;
        border: unset;
        border-bottom: 1px solid #BABABA;
        margin: 0px;
    }

    .location-details-tabs .nav.nav-tabs li.active a {
        color: #353535;
        font-size: 18px;
        outline: 0;
        box-shadow: unset;
        border: unset;
        border-bottom: 1px solid #353535;
        margin: 0px;
    }

    .location-details-tabs .nav.nav-tabs li a {
        padding: 10px 20px;
    }

    .location-details-tabs .nav.nav-tabs li:first-child a, .location-details-tabs .nav.nav-tabs li:last-child a {
        padding: 10px 0px;
    }


    .location-details-tabs .nav.nav-tabs li a:hover, .location-details-tabs .nav.nav-tabs li.active a:hover {
        background: #ffffff;
    }

.amx-map-marker-icon.amx-mr-office, .amx-map-marker-icon.amx-mr-office span, .amx-map-marker-icon.amx-mr-branch, .amx-map-marker-icon.amx-mr-branch span {
    background-color: unset !important;
    border: unset !important;
}

.map-panel {
    height: 401px;
    width: 372px;
    background: #ffffff;
    padding: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: absolute;
    bottom: 0px;
    z-index: 99;
}

    .map-panel .title-1 {
        color: #353535;
        font-size: 21px;
        text-align: left;
        line-height: 26px;
        margin-bottom: 5px;
    }

    .map-panel .title-sub-1 {
        color: #353535;
        font-size: 16px;
        text-align: left;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .map-panel .lst-markers {
        width: 100%;
        padding: 5px 0px;
        text-align: left;
    }

        .map-panel .lst-markers a {
            font-size: 16px;
            color: #6D7278;
            text-align: center;
        }

    .map-panel .lst-markers-footer {
        width: 100%;
        padding: 5px 0px;
        text-align: left;
    }

        .map-panel .lst-markers-footer i.foot-icon-location svg {
            width: 16px;
            height: 22px;
            position: relative;
            top: -4px;
        }

            .map-panel .lst-markers-footer i.foot-icon-location svg .a {
                fill: #DC291E;
            }

            .map-panel .lst-markers-footer i.foot-icon-location svg .b {
                fill: #ffffff;
            }

        .map-panel .lst-markers-footer .lbl-markers-count {
            font-size: 21px;
            color: #353535;
        }

        .map-panel .lst-markers-footer .lbl-markers-count {
            font-size: 21px;
            color: #353535;
        }

        .map-panel .lst-markers-footer .lbl-markers-country {
            font-size: 14px;
            color: #353535;
            position: relative;
            top: -2px;
        }


        .map-panel .lst-markers-footer i.foot-icon-arrow {
            margin-left: 5px;
            position: relative;
        }

            .map-panel .lst-markers-footer i.foot-icon-arrow svg .a {
                fill: #dc291e
            }

    .map-panel .map-sub-details .col-md-8 {
        color: #DC291E;
        font-size: 20px;
        line-height: 26px
    }

    .map-panel .map-sub-details .col-md-4 {
        color: #DC291E;
        font-size: 21px;
    }

        .map-panel .map-sub-details .col-md-4 .btn {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #6d727850;
            border-radius: 15px;
            color: #6D7278;
            outline: 0;
            box-shadow: unset;
            font-size: 12px;
            padding: 3px 10px;
            font-family: 'RedHatDisplay' !important
        }

    .map-panel .map-sub-details .lbl-address-line {
        color: #6D7278;
        font-size: 14px;
        width: 80%;
        line-height: 17px;
        margin-top: 10px;
        margin-bottom: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.col-sm-12.full-width-phone.map-details-tabs {
    padding: 0px
}

    .col-sm-12.full-width-phone.map-details-tabs .tab-content .list-group-item.d-flex.justify-content-between.lh-condensed {
        padding: 3px 0px;
        text-align: left;
        border: unset;
    }

        .col-sm-12.full-width-phone.map-details-tabs .tab-content .list-group-item.d-flex.justify-content-between.lh-condensed small {
            font-size: 14px;
            color: #6D7278 !important;
            line-height: 20px;
        }

        .col-sm-12.full-width-phone.map-details-tabs .tab-content .list-group-item.d-flex.justify-content-between.lh-condensed h6 {
            font-size: 16px;
            color: #353535;
            line-height: 22px;
            padding-bottom: 5px;
        }

        .col-sm-12.full-width-phone.map-details-tabs .tab-content .list-group-item.d-flex.justify-content-between.lh-condensed span img {
            width: 38px;
            height: 38px;
            position: relative;
        }

.tab-content .services-title {
    font-size: 14px;
    text-align: left;
    color: #6D7278;
    line-height: 17px;
    margin: 10px 0px;
}

.tab-content .services-lst {
    max-height: 185px;
    overflow: auto;
}

    .tab-content .services-lst .services-lst-item {
        line-height: 27px;
        font-size: 16px;
        color: #353535;
    }


.map-panel .map-details-tabs ul.amx-cp-list.amx-cp-directions {
    height: 175px;
    overflow-y: auto;
    overflow-x: hidden !important;
    padding: 5px !important;
    margin-top: 10px;
}

.map-panel .map-details-tabs .amx-cp-alert.amx-mr-active.amx-mr-attention {
    margin-top: 10px;
}

map-panel.sub-info.hide {
    display: none;
}

@media (max-width:667px) {
    .map-panel.main-info {
        left: 0px;
    }

    .map-panel {
        height: 360px;
        width: 100%;
        background: #ffffff;
    }

        .map-panel.sub-info {
            left: 0;
        }

        .map-panel .map-sub-details .col-md-8 {
            font-size: 18px;
            line-height: 24px;
        }

        .map-panel .map-sub-details .lbl-address-line {
            font-size: 12px;
            line-height: 16px;
        }

    .col-sm-12.full-width-phone.map-details-tabs .tab-content .list-group-item.d-flex.justify-content-between.lh-condensed small {
        font-size: 12px;
        line-height: 16px;
    }

    .col-sm-12.full-width-phone.map-details-tabs .tab-content .list-group-item.d-flex.justify-content-between.lh-condensed h6 {
        font-size: 14px;
        line-height: 20px;
    }

    .tab-content .services-title {
        font-size: 12px;
    }

    .tab-content .services-lst .services-lst-item {
        font-size: 14px;
        line-height: 22px;
    }

    .map-panel .map-sub-details .lbl-address-line {
        margin-top: 5px;
    }

    .location-details-tabs .nav.nav-tabs li:first-child a, .location-details-tabs .nav.nav-tabs li:last-child a {
        padding: 5px 0px;
    }

    .location-details-tabs .nav.nav-tabs li a {
        padding: 5px 20px;
    }

    .map-panel .map-sub-details .col-md-4 .btn {
        padding: 2px 8px;
    }

    .tab-content .services-lst {
        max-height: 130px;
        height: 130px;
    }

    .tab-content .services-title {
        margin: 5px 0px;
    }
}

.lst-markers-footer-2 {
    position: absolute;
    bottom: 8px;
    z-index: 999;
}


    .lst-markers-footer-2 i.foot-icon-arrow-2 svg .a {
        fill: #dc291e;
    }

    .lst-markers-footer-2 .lbl-markers-back {
        font-size: 14px;
        color: #dc291e;
        font-weight: bold;
    }

@media (max-width:667px) {
    div[data-module-name="amx-here-map"] {
        height: 620px;
    }

    #amx-cp-side-pane {
        display: none;
    }

    .map-panel .title-sub-1 {
        color: #353535;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .map-panel .title-1 {
        color: #353535;
        font-size: 18px;
        margin-bottom: 5px;
        line-height: 22px;
    }

    .map-panel .lst-markers a {
        font-size: 14px;
    }

    .map-panel .lst-markers-footer {
        padding: 10px 0px;
    }
}

.map-panel.main-info .lst-of-markers {
    max-height: 215px;
    overflow-x: auto;
    border-bottom: 1px solid #7f8388;
}


.map-panel .map-details-tabs ul.amx-cp-list.amx-cp-directions::-webkit-scrollbar {
    width: 5px;
}


.map-panel .map-details-tabs ul.amx-cp-list.amx-cp-directions::-webkit-scrollbar-track {
    background-color: #3333331c;
}

.map-panel .map-details-tabs ul.amx-cp-list.amx-cp-directions::-webkit-scrollbar-thumb {
    background-color: rgb(51 51 51)
}


.lst-of-markers::-webkit-scrollbar {
    width: 5px;
}


.lst-of-markers::-webkit-scrollbar-track {
    background-color: #3333331c;
}

.lst-of-markers::-webkit-scrollbar-thumb {
    background-color: rgb(51 51 51)
}

#amx-cp-map-home-widget .amx-map-zoom-control {
    display: none;
}