/* Navigation flag styles */
.nav-flag img {
    border-radius: 50%;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 20px;
}

.nav-flag {
    color: #6c757d;
    display: block;
    font-size: 1.5rem;
    line-height: 1.4;
    padding: 0.1rem 0.8rem;
    transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}
.nav-flag:after {
    display: none !important;
}

.nav-flag.active,
.nav-flag:hover {
    color: #3b7ddd;
}

.nav-flag .feather,
.nav-flag svg {
    height: 20px;
    width: 20px;
}

.profile_image {
    border: 1px solid #ddd;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    /* border-radius: 4px; */
    border-radius: 50%;
    padding: 5px;
    width: 150px;
}

.user_table_image {
    border: 1px solid #ddd;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    /* border-radius: 4px; */
    border-radius: 50%;
    padding: 0px;
    width: 50px;
}

.elevation-0 {
    box-shadow: none !important;
}

.elevation-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

.elevation-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

.elevation-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
}

.elevation-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

.elevation-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}

.cookie-title {
    color: #ffffff;
}

.cookie-text {
    color: #bebebe;
}

.cookiewrapper {
    z-index: 80000;
}

/* Disable sticky navigation bar on small resolutions */
/* @media (max-height: 1100px) {
    body {
        padding-top: 0px !important;
    }
    .navbar {
        position: initial !important;
    }
} */

.input-icon-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #f3f3f3;
    border-top: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-left: 0px solid #ced4da;
    border-radius: 0rem 0.25rem 0.25rem 0rem;
}

/* Styles for market product image carousel - start */
.delay-load {
    opacity: 0;
    animation: fadeIn ease 1s;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #ced4da;
    box-shadow: 0 0 4px #ffffff;
    background-color: #585858;
}

.carousel-indicators li:hover {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #ffffff;
    box-shadow: 0 0 4px #ffffff;
    background-color: #2d2d2d;
}

/* .carousel .carousel-control-prev-icon,
.carousel .carousel-control-next-icon {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
}
.carousel:hover .carousel-control-prev-icon,
.carousel:hover .carousel-control-next-icon {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.3s ease-in, opacity 0.3s ease-in;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCC' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCC' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
} */

.carousel .carousel-control-prev-custom-icon,
.carousel .carousel-control-next-custom-icon {
    font-size: 3rem;
    font-weight: 600;
    /* color: #ced4da;
    -webkit-text-stroke: 2px #585858; */
    color: #585858;
    -webkit-text-stroke: 2px #ced4da;
    text-shadow: 0 0 4px #ced4da;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
}

.carousel:hover .carousel-control-prev-custom-icon,
.carousel:hover .carousel-control-next-custom-icon {
    font-size: 3rem;
    font-weight: 600;
    /* color: #ffffff;
    -webkit-text-stroke: 2px #585858; */
    color: #2d2d2d;
    -webkit-text-stroke: 2px #ffffff;
    text-shadow: 0 0 4px #ffffff;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.3s ease-in, opacity 0.3s ease-in;
}

/* Styles for market product image carousel - end */

.image-background {
    background: url("../images/background.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Styles for map - start */

.map {
    /* configure the size of the map */
    width: 100%;
    height: 500px;
    border: 1px solid #ccc;
}

/* Styles for map - end */

/* Styles for content anchor - start */

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/* Styles for content anchor - end */

/* Send us message - start */

.send-us-message {
    position: fixed;
    right: 20px;
    bottom: 100px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #505050;
    color: #fff;
    transition: 0.3s;
    z-index: 70000;
    cursor: pointer;
    /* display: none; */
    display: block;
    border-radius: 4px;
}

.send-us-message:hover {
    background: #333;
}

@media (max-width: 768px) {
    .send-us-message {
        bottom: 65px;
        right: 15px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
}

/* Send us message - end */
