.Mall-Maps {
}

/*.MallMap .slick-dots {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            padding: 11% 1% 11% 1.5%;
            height: 85%;
            left: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }*/

.MallMap .slick-dots {
    top: -25%;
    padding: 11% 1% 11% 1.5%;
    display: flex;
}

@media only screen and (max-width: 600px) {
    .MallMap .slick-dots {
        top: -40%;
        padding: 11% 1% 11% 1.5%;
        display: flex;
    }
}

.MallMap .slick-dots li {
    width: 105px;
}

.slick-active a {
    border-bottom: 1px solid black;
    padding: 0px 0px;
    display: list-item;
}

.slick-dots a:before {
    -webkit-transition-property: right;
    */ transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.Khaki {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #f4ed9a;
    margin-right: 10px;
}


.pink {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #f27c82;
    margin-right: 10px;
}

.SandyBrown {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #fdbb75;
    margin-right: 10px;
}

.OliveDrab {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #a1ca50;
    margin-right: 10px;
}

.CadetBlue {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #45a6af;
    margin-right: 10px;
}

.LightPink {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #f7adae;
    margin-right: 10px;
}

.DarkTurquoise {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #3fc8f4;
    margin-right: 10px;
}

.DarkOrange {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #ff632c;
    margin-right: 10px;
}

.LightGray {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #b1b19b;
    margin-right: 10px;
}

.DarkSlateGray {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #90becd;
    margin-right: 10px;
}

.Aquamarine {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #63c2a2;
    margin-right: 10px;
}

.MediumPurple {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #a789bf;
    margin-right: 10px;
}

.SandyBrown1 {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #f4905c;
    margin-right: 10px;
}

.Saffron {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #fdb813;
    margin-right: 10px;
}

.Flamingo {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #f38aaa;
    margin-right: 10px;
}

.Lime {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #deef95;
    margin-right: 10px;
}

.CornflowerBlue {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #6c8cc7;
    margin-right: 10px;
}

.Periwinkle {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(58, 58, 58);
    background-color: #bfa5cc;
    margin-right: 10px;
}

.pastevent {
    background-color: #E1C562;
    width: 100px;
    padding: 7px;
    margin: 5px;
    font-color: #000;
    text-align: center;
    font-weight: bold;
}