﻿/*247, 205, 140*/
body {
}

#mapContainer {
    height: 100%;
    margin: 0;
    padding: 0;
}

.application,
.makaniFont,
#AboutusDiv h2,
#SitemapDiv h3 {
    /*font-family: Dubai Light !important;*/
    /*font-weight: bold !important;*/
}

aside {
    /*font-family: Dubai !important;*/
    /*font-weight: bold !important;*/
}

.theme--light.v-list {
    color: #830823 !important;
}

#AboutusDiv div, #SitemapDiv h3,
#DisclaimerDiv,
#DownloadDiv,
#FaqDiv {
    font-size: 1rem;
    text-align: justify;
    text-justify: inter-word;
}

.v-list__tile_information {
    background-color: lightgray;
}

.v-list__tile__action {
    justify-content: center;
}

aside .theme--light.v-list .v-list__tile--link:hover,
aside .theme--light.v-list .v-list__tile--highlighted,
aside .theme--light.v-list .v-list__group__header:hover,
.customDMPortal {
    background: #830823 !important;
    color: white !important;
}

.customTimeLineColor {
    color: #830823 !important;
}

#tour_routing_add,
.btnColor {
    background-color: rgb(255, 206, 122) !important;
    color: black !important;
}

.INDhasDragTooltip #INDWrap #INDmenu-btn[data-INDdrag] {
    cursor: move !important;
    overflow: hidden;
    display: none;
}

.footerDiv {
    display: flex !important;
    position: fixed !important;
    /*bottom: 0px !important;*/
    width: 100% !important;
    justify-content: center !important;
    font-size: 0.7rem !important;
}

.theme--light.v-toolbar,
/*#current_location,
#layer_id,*/
.happinessFloatDiv,
.theme--light.v-btn:not(.v-btn--icon):not(.v-btn--flat) {
    background: #830823 !important;
    color: rgba(0,0,0,0.87);
}

.happinessFloatIcon,
#tour_info_navigation v-btn {
    color: rgb(255, 255, 255) !important;
}

.theme--light.v-btn.v-btn--disabled {
    color: rgba(255, 255, 255, 0.5) !important;
}

.theme--light.v-btn {
    background: #830823;
    /*background-color: transparent !important;*/
    color: rgb(255, 255, 255) !important;
}

/*Search ToolBar*/
.theme--light.application .text--primary {
    color: rgb(0,0,0);
}

.theme--light.v-list .v-list__tile__sub-title,
.v-list__tile__action-text {
    /*color: rgba(0,0,0,0.5);*/
    color: rgb(0,0,0);
}

#tour_search {
    font-size: 1.0rem;
    background: transparent !important;
}

/*Mobile App Application datalist Available screen content load*/
.v-card__actions {
    align-items: center;
    /*display: block;*/
    padding: 8px;
}

.theme--light.v-card {
    color: #830823 !important;
    background-color: white !important;
}

.v-btn {
    text-transform: none;
}


/*ZoomIn & ZoomOut En*/
.gm-style .controls {
    font-size: 28px;
    /* background-color: black; */
    /* box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px; */
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 300;
    height: 1em;
    margin: 5px;
    text-align: center;
    user-select: none;
    padding: 2px;
    width: 1.2em;
}

    .gm-style .controls button {
        border: 0;
        background-color: #830823;
        color: rgb(255, 255, 255);
    }

        .gm-style .controls button:hover {
            color: white;
        }

    .gm-style .controls.zoom-control {
        display: flex;
        flex-direction: column;
        height: auto;
    }

        .gm-style .controls.zoom-control button {
            font: 0.85em Arial;
            margin: 1px;
            padding: 0;
        }

/*ZoomIn & ZoomOut Ar*/
.gm-style .controlsAr {
    font-size: 28px;
    /* background-color: black; */
    /* box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px; */
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 300;
    height: 1em;
    margin: 4px;
    text-align: center;
    user-select: none;
    padding: 2px;
    width: 1.2em;
    left: 0;
}

    .gm-style .controlsAr button {
        border: 0;
        background-color: #830823;
        color: rgb(255, 255, 255);
    }

        .gm-style .controlsAr button:hover {
            color: white;
        }

    .gm-style .controlsAr.zoom-controlAr {
        display: flex;
        flex-direction: column;
        height: auto;
    }

        .gm-style .controlsAr.zoom-controlAr button {
            font: 0.85em Arial;
            margin: 1px;
            padding: 0;
        }


/*help tour*/
.v-step[data-v-7c9c03f0] {
    background: white !important;
    color: #830823 !important;
}

.v-step__button {
    color: rgb(255, 255, 255) !important;
    background: #830823 !important;
}

.v-step {
    /*background-color: rgba(27, 125, 177, 0.75) !important;*/
    background: white !important;
    color: #830823 !important;
    border-radius: 10px !important;
    text-align: left !important;
    font-size: 0.9rem;
    animation-duration: 1.4s;
    animation-name: fadeIn;
}

.v-icon.outlined {
    border: 0px solid #830823;
    border-radius: 50%;
}

#routingCustomDiv,
#tour_routing_salik,
.theme--dark.v-label {
    /*color: #830823 !important;*/
}

.routing_textCustom {
    border-bottom: 1px solid #830823;
}

.theme--dark.v-icon {
    /*color: #830823 !important;*/
}

input#tour_routing_input{
    color:black;
}

.StoreRedirectCss{
    display: block;
}

i.v-icon.material-icons.theme--light.primary--text {
    color: #830823 !important;
}

/* As requested to remove the feedback icon from makani website on 17Oct2022 */
.happinessFloatDiv{
    display: none !important;
}