.title {
    font-size: 2.2rem;
    padding: 0.25rem;
    font-weight: bold;
}

/* 
#footer {
    bottom: 0;
    position: absolute;
    width: 100%;
} */

/* breadcrumb */
.breadcrumbs_list {
    padding: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.breadcrumbs_list li {
    display: inline;
    /* padding: 0 0.35rem; */
    margin: 0;
    /* font-size: 0.9em; */
    letter-spacing: .15rem;
}

.breadcrumbs_list li:before {
    color: rgba(0, 0, 0, 0.65);
    content: ">";
}

.breadcrumbs_list li a,
.breadcrumbs_list li span,
.breadcrumbs_list li:before {
    color: rgba(0, 0, 0, 0.65);
}

.breadcrumbs_list li:first-child:before {
    content: "";
}

.breadcrumbs_list li:last-child a {
    color: #d74000;
}

/* breadcrumb */

.observation_list {
    /* width: 40%; */
    width: 60%;
    margin: auto;
    /* padding: 1.5rem 30px 0; */
    padding: 0 30px 0;
}

.carouselControls select {
    width: 100%;
    border: 1px solid lightgray;
    padding: 11px 0px 11px 5px;
    cursor: pointer;
    border-radius: 3px;
    color: #343434;
    font-weight: 600;
    font-size: 1.1rem;
}

.update_datatime_row {
    width: 85%;
    margin: auto;
}

.data_time {
    color: #777;
}

.pdf_btn {
    margin-bottom: 0rem !important;
}

.pdf_btn:hover {
    color: #fff;
    background: #D0B13F;
}

.csv_btn,
.pdf_btn,
.png_btn,
.jpg_btn,
.zip_btn,
.gif_btn {
    cursor: pointer;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding: 3px 8px;
    color: #777777;
    background: #fff;
    float: right;
}

.container_wrap {
    background-image: url('../../images/news/news_bg.png');
    position: relative;
    min-height: 90vh;
}

#lightning_container {
    width: 90vw;
    display: flex;
    flex-wrap: wrap;
    min-height: 90vh;
    margin: auto;
    background: #fff;
    padding: 2rem;
}

#lightning_product_pic {
    width: 55%;
    margin: auto;
}

#lightning_carousel {
    flex: 1;
}

#lightning_carousel .carousel-item img {
    max-width: 100%;
}

.carousel_chose {
    position: unset;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    padding-left: 0;
    margin: 0rem 0rem;
    text-align: center;
    flex: 1;
    width: 100%;
}

/* .carousel_chose li {
    width: fit-content;
    background: #ffffff;
    color: #777777;
    cursor: pointer;
    border: 1px solid #7C7C7C;
    flex: 1;
}

li.carousel_time.active {
    background: #F5FBFF;
    border: 1px solid #2861B5;
    color: #2861B5;
    font-weight: 500;
} */

.carousel_time {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: auto;
}

.carouselControls {
    width: 85%;
    margin: auto;
}

@media (max-width: 1024px) {
    #observation_title {
        flex-basis: 100%;
    }

    #lightning_carousel {
        flex-basis: 100%;
    }

    .update_datatime_row {
        width: 100%;
    }

    .carouselControls {
        width: 100%;
    }
}

/* carousel custom */
div.carousel-inner,
div.carousel-item {
    margin: auto !important;
}

/* loading */
.loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: #49505752; */
    z-index: 2;
}

.jimu-primary-loading:before,
.jimu-primary-loading:after {
    position: absolute;
    top: 0;
    content: '';
}

.jimu-primary-loading:before {
    left: -19.992px;
}

.jimu-primary-loading:after {
    left: 19.992px;
    -webkit-animation-delay: 0.32s !important;
    animation-delay: 0.32s !important;
}

.jimu-primary-loading:before,
.jimu-primary-loading:after,
.jimu-primary-loading {
    background: #076fe5;
    -webkit-animation: loading-keys-app-loading 0.8s infinite ease-in-out;
    animation: loading-keys-app-loading 0.8s infinite ease-in-out;
    width: 13.6px;
    height: 32px;
}

.jimu-primary-loading {
    text-indent: -9999em;
    margin: auto;
    position: absolute;
    right: calc(50% - 6.8px);
    top: calc(50% - 16px);
    -webkit-animation-delay: 0.16s !important;
    animation-delay: 0.16s !important;
}

@-webkit-keyframes loading-keys-app-loading {

    0%,
    80%,
    100% {
        opacity: .75;
        box-shadow: 0 0 #076fe5;
        height: 32px;
    }

    40% {
        opacity: 1;
        box-shadow: 0 -8px #076fe5;
        height: 40px;
    }
}

@keyframes loading-keys-app-loading {

    0%,
    80%,
    100% {
        opacity: .75;
        box-shadow: 0 0 #076fe5;
        height: 32px;
    }

    40% {
        opacity: 1;
        box-shadow: 0 -8px #076fe5;
        height: 40px;
    }
}
/* loading */