@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap');

.highcharts-data-table td {
    text-align: center;
}

.highcharts-data-table {
    max-height: 400px !important;
    overflow: auto !important;
    font-size: 14px !important;
}

    .highcharts-data-table table thead th:last-child {
        text-align: center;
    }
#divSearchCorrection {
    font-size: 14px;
    color: black;
    padding: 0 15px !important;
}
#correctedSearchTerm{
    font-weight:700;
}
#origSearchTerm {
    font-weight: 700;
    font-style: italic;
    color: blue;
}
/*chart-col-css-added-start*/
#chart_box, #chart_box_skeleton {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    /* below changes are to allow the box shadow to show without affecting the other children of the parent*/
    padding: 10px 0 0 15px !important;
    margin-left: -15px !important;
    margin-right: -15px;
    padding-right: 15px !important;
}
#mobile-buckets1 {
    overflow-y: auto;
    height: 90%;
}
.animated-loader-sm {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #494949;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin: 15px auto;
}
.next-results-loader-text {
    text-align: center;
    display: block;
    font-weight: 500;
    font-size: 16px;
}

.chartFullScreenEnter .cbx, .chartFullScreenEnter #count_by_source_chart, .chartFullScreenEnter #sent_by_source_chart {
    max-height: 90% !important;
}
 
.ddpr #dropdownMenuButton {
    margin: 6px 1px !important;
}
#menuAxesButton {
    margin: 6px 1px !important;
    padding: 2px !important;
    border: 0;
    color: #032949;
    height: 20px;
    box-shadow: none
}
/*chart-col-css-added-finish*/
.common-btn {
    background: #FF9B12 !important;
    border-radius: 50px !important;
    color: #fff !important;
    padding: 12px 36px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
}

    .common-btn:hover {
        background: #555555 !important;
        color: #fff !important;
        transition: all 0.1s ease 0.1s !important;
    }

#loader .modal-dialog {
    padding: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    margin: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    max-width: 100%;
    background-color: rgba(0,0,0,0.5);
}

.grain-credit .modal-dialog {
    min-height: 250px;
    max-height: 640px;
    overflow: auto;
}

.new-shareviaemail {
    padding: 0px 90px;
}

.header-f.new-header-changes {
    z-index: 9999;
}

#loader {
    z-index: 99999999 !important;
}

#new-share {
    width: 40px !important;
    left: -6px;
    right: inherit;
    top: 30px !important;
    z-index: 9999;
    max-width: 50px !important;
    min-width: auto !important;
    padding: 6px !important;
    border-radius: 4px;
}

    #new-share > li > a {
        padding: 0 !important;
        font-size: 22px !important;
        text-align: center !important;
    }

.chartFullScreenEnter {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99999;
    overflow: auto !important;
}

.chartFullScreenExit {
    position: relative;
    top: inherit;
    left: inherit;
    width: inherit;
    height: inherit;
    z-index: 99;
    overflow: inherit;
}

.highcharts-xaxis-labels span {
    text-align: right !important;
}

.utility-btn {
    /*position: absolute;*/
    top: 0px;
    right: 0px;
    z-index: 99;
}
#divNewsUI .highcharts-title {
    white-space: nowrap !important;
}
.highcharts-title {
    max-width: 75%;
    width: 100%;
    white-space: break-spaces !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* :-webkit-full-screen .highcharts-title {
        color: black !important;
    }

    :-moz-full-screen .highcharts-title {
        color: black !important;
    }

    :-ms-fullscreen .highcharts-title {
        color: black !important;
    }

    :full-screen .highcharts-title {
        color: black !important;
    }

    :fullscreen .highcharts-title {
        color: black !important;
    }*/
.btn {
    width: auto !important;
}

.adf_s #adv-filter {
    height: 400px !important;
}

    .adf_s #adv-filter .wtHolder {
        height: auto !important;
    }

.sidebar-upper-fixed {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #FFF;
    /* border-bottom: 1px solid #DADBDB; */
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 9%);
}

.side-chip {
    display: flex;
    padding: 0px 13px 5px;
}

    .side-chip .item {
        padding: 2px 2px;
    }


    .side-chip a {
        padding: 3px 5px !important;
        /*border-radius: 50px !important;*/
        border-radius: 5px !important;
        /*background-color: transparent !important;*/
        background-color: #efefef !important;
        /*color: #FF7120 !important;*/
        color: #000000 !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        /*border: 1px solid #FF7120 !important;*/
        border: 0.3px solid #B0B0B0 !important;
        display: flex;
        align-items: center;
        text-transform: capitalize;
    }

        .side-chip a span {
            max-width: 38px !important;
            font-size: 10px !important;
            display: inline-block;
            margin-right: 5px;
            line-height: 1;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            display: inline-block;
            text-overflow: ellipsis;
            width: auto !important;
        }

        .side-chip a i {
            /*color: #FF7120;*/
            color: #939393;
            font-size: 11px;
            vertical-align: middle;
            line-height: 1;
        }

.dropdown-menu.filter_body.tree-dropdown {
    width: 135px !important;
    min-width: 135px !important;
    padding: 8px !important;
    left: auto;
    right: 0px;
    top: 30px;
}

    .dropdown-menu.filter_body.tree-dropdown li a {
        padding: 3px !important;
    }

.mapboxgl-popup {
    max-width: 350px !important;
}

.mapboxgl-popup-content {
    overflow: auto !important;
    /*max-height: 300px !important;
        height: 100% !important;*/
    font-size: 10px !important;
}

.width-change .chart-box.new-sentiment,
.width-change .chart-box-news-skeleton.new-sentiment-skeleton {
    margin-bottom: 0px !important;
    height: 427px !important;
}

.tree-download-btn.btn {
    background: #FF7120;
    width: 22px;
    height: 22px;
    border-radius: 50px !important;
    line-height: 22px;
    text-align: center;
    padding: 4px;
    display: inline-block;
    position: absolute;
    right: 11px;
    top: 11px;
}

.mapboxgl-ctrl-bottom-left {
    display: none !important;
}

.inside-chart-content .btn {
    padding: 5px 10px !important;
}
/*swiper-slider start*/
#radioBtnFrequency .notActive {
    color: #3276b1;
    background-color: #fff;
}

#radioBtnSource .notActive {
    color: #3276b1;
    background-color: #fff;
}

.swiper-container .swiper-slide {
    height: 26px;
    line-height: 26px;
}

    .swiper-container .swiper-slide i {
        margin-left: 7px;
        vertical-align: middle;
        font-size: 14px;
        color: #FF7866;
    }

.slider-custom-width {
    max-width: 300px;
    width: 100%;
}

    .slider-custom-width .swiper-wrapper .swiper-slide {
        border: 1px solid #a1a1a1;
        border-radius: 50px !important;
        font-size: 13px;
        padding: 3px 8px;
        color: #727272;
    }

.swiper-slide {
    width: auto;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/*swiper-slider finish*/



/*news-start*/



/*slider*/

.content-left {
    flex: 1;
    display: flex;
    align-items: flex-start;
}

    .content-left.news-content {
        display: block;
    }

        .content-left.news-content h4 {
            display: block;
            margin-top: 8px !important;
        }

.content-right {
    max-width: 55%;
    width: 100%;
}

.news-slider .sl-filter-box {
    float: inherit;
    min-width: initial !important;
    max-width: 200px !important;
    width: 100% !important;
    padding: 0 !important;
}

.slider1 {
    margin-right: 30px;
}

.slider.slider-horizontal .slider-track {
    /*height: 13px;*/
    height: 4px;
    width: 100%;
    margin-top: -1px;
    border: 0;
}

.slider1 #date-filter .slider-selection, #date-filter-cool .slider-selection {
    background: #61DB90 !important;
}

.slider-handle {
    top: 4.5px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50px !important;
}

.slider .tooltip{
    z-index:9999;
}
.news-slider {
    display: flex;
    justify-content: flex-end;
}

/*new-added*/
.chart-box.new-sentiment {
    /*background: #ee4d2e;*/
    min-width: inherit;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    padding: 0;
    height: 425px;
}

/*.chart-box .sent-sw {
        right: inherit !important;
        left: auto !important;
        width: 150px;
        top: inherit !important;
        position: relative;
        float: left !important;
    }*/

.chart-box .sent-sw {
    width: 150px !important;
    top: 21px !important;
    left: inherit !important;
    right: 100px !important;
}


    .chart-box .sent-sw h4 {
        padding: 0 5px;
    }


.sentiment-common span {
    display: block;
    color: #fff;
    line-height: 1.2;
}

.sentiment-common .sentiment-number {
    font-size: 50px;
    margin-top: 10px;
}

.sentiment-common {
    text-align: center;
    /* margin-bottom: 30px; */
    height: 50%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

    .sentiment-common:last-child {
        margin-bottom: 0px;
    }

.sentiment-filter .slider-track {
    left: 0%;
    width: 100%;
    background: -webkit-linear-gradient(to left, #57bb8a, #f5ce62, #dd776e);
    background: linear-gradient(to left, #57bb8a, #f5ce62, #dd776e) !important;
    height: 4px !important;
    border: 2px solid #fff;
}

.sentiment-filter .slider-selection, .sentiment-filter .slider-track-low, .sentiment-filter .slider-track-high {
    background: none !important;
    border: none !important;
}

.sentiment-filter .slider-handle.round {
    width: 12px;
    height: 23px;
    border-radius: 0;
    background: #61DB90 !important
}

.sent {
    border-radius: 8px 8px 0 0;
}

.sent-m {
    border-radius: 0 0 8px 8px;
}

#divNewsUI .row, #divNewsUI_skeleton .row {
    padding: 0px !important;
}

.highcharts-figure, .highcharts-data-table table {
    width: 100%;
    max-width: inherit !important;
    min-width: inherit !important;
}

.conceptmap .chart-box {
    min-width: inherit !important;
}

.news-common-left,
.news-common-left-skeleton {
    padding: 15px;
    background: #FFFFFF;
    /*border: 1px solid #E4E3E3;*/
    box-sizing: border-box;
    border-radius: 8px !important;
    webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
}

.chart-div .chart-box, 
.chart-div .chart-box-news-skeleton {
    position: relative;
}

    .chart-div .chart-box .chart-title {
        position: absolute;
        top: 0px;
        left: 30px;
        z-index: 99;
    }

.paginationjs .paginationjs-pages li a {
    border-radius: 50px !important;
    border: 1px solid #8B8B8B !important;
    min-width: 30px !important;
    max-width: 50px !important;
    display: inline-block !important;
    height: 30px !important;
    line-height: 29px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 5px;
}

.paginationjs .paginationjs-pages li.active a {
    border: 1px solid #022848;
    background-color: #022848;
    line-height: 28px !important;
}

.paginationjs .paginationjs-pages li {
    margin-right: 5px !important;
    margin-bottom: 5px !important;
    border: none !important;
}

    .paginationjs .paginationjs-pages li:last-child {
        margin-right: 0px !important;
    }

.news-heading a {
    color: #356189 !important;
}

.news .news-box .news-heading {
    max-width: 85%;
    width: 100%;
}

.news .news-box {
    /*border: 2px solid #E4E3E3 !important;*/
    left: 0 !important;
    position: relative !important;
    webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
}

.news-small-tag {
    position: absolute;
    top: 0;
    right: 0;
}

.news .news-box .subline {
    color: #666565;
}

    .news .news-box .subline i {
        color: #326189;
    }

    .news .news-box .subline .post {
        color: #A3A2A2;
    }

.news .news-box .summary {
    font-size: 11px;
    line-height: 18px;
}

.news .news-box .sentiments {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    line-height: 36px;
    font-size: 12px !important;
}

#divNewsUI .news, #divNewsUI_skeleton .news_skeleton {
    margin-top: 20px;
}

.sentiment-common {
    text-align: left !important;
}

.sentiment-title, .sentiment-number {
    padding: 0px 15px !important;
}

.sentiment-common span {
    font-size: 16px;
}




@media (min-width: 1600px) {
    .col-lg-3 {
        width: 25% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/*news-finish*/


/*loader start*/
#loader .modal-content {
    text-align: center;
}
/*loader finish*/
/*share-email-model start*/
.share-email-model .modal-dialog {
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px !important;
    border-radius: 10px;
}

.share-email-model {
    z-index: 9999 !important;
}
/*share-email-model finish*/
/*request-model start*/
.request-model {
    padding: 0px !important;
}

    .request-model .modal-dialog {
        width: 100vw !important;
        height: 100vh !important;
        background: #f3f3f3 !important;
        top: 0px !important;
        transform: none !important;
        left: 0 !important;
    }

    .request-model .col-md-6 #sdr {
        background: #2dbf65 !important;
    }

    .request-model .close {
        top: 10px !important;
    }
/*request-model finish*/
/*favorite-model start*/
.favorite-model .modal-dialog {
    top: 272px;
    width: 370px;
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px !important;
    border-radius: 10px;
}

.save-bucket-btn {
    background: #2DBF65;
    color: #fff;
    box-shadow: none !important;
    border-radius: 4px !important;
    float: right;
    margin-right: 40px;
    line-height: 1.5;
}

.favorite-model .close {
    right: 12px !important;
}
/*favorite-model finish*/


a {
    cursor: pointer;
}

body > .container.body {
    padding: 0px !important;
}

.main-beta-layout .btn {
    box-shadow: none !important;
}

.tab-content, .main-control {
    height: 100%;
}

.tab-content, .main-control2 {
    height: 100%;
    overflow: auto;
}


ul {
    padding: 0px !important;
    margin: 0px !important;
}

    ul li {
        list-style: none !important
    }

.categories-menu a, .filter_box1 a {
    width: auto;
    margin-right: 0px !important;
}

.categories-menu .dropdown-menu li {
    padding: 0px 4px;
}

    .categories-menu .dropdown-menu li a {
        display: inline;
        padding: 0px !important;
        color: #032949 !important;
        padding: 0px !important;
        font-weight: 600;
        text-align: left !important;
        font-size: 10px;
        margin-left: 5px;
        margin-top: 2px;
    }

.main-beta-layout {
    display: block;
    height: calc(100vh - 60px);
    margin-top: 60px;
    overflow: hidden;
}

.upper-filter-menu {
    position: sticky !important;
    top: 0px;
    left: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    /*padding: 12px 26px;*/
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 9%);
    justify-content: space-between;
    z-index: 1001;
    background: #fff;
    /*new-add*/
    padding: 0px 15px;
    height: 45px;
}



.left-fliter-menu, .right-fliter-menu {
    display: flex;
}

/*.left-fliter-menu {
        flex: 1
    }*/

/*.right-fliter-menu {
            max-width: 28%;
            width: 100%;*/
/*flex: 1;
            justify-content: flex-end;
            position: absolute;
            right: 15px;*/
/*background-color: white;
            z-index: 9;
            align-items: center;
        }*/

.right-fliter-menu {
    width: 100%;
    background-color: white;
    z-index: 9;
    align-items: center;
    flex: 1;
    max-width: fit-content;
}

    .right-fliter-menu .filter_body {
        left: auto !important;
        right: 0 !important;
    }

/*.right-fliter-menu > div:first-child {
            border-left: 1px solid #979797;
        }*/

.categories-menu > a {
    padding: 0px 14px;
    /*border-radius: 50px !important;*/
    /*background-color: #F2F2F2;*/
    background-color: #565656 !important;
    /*color: #6a6a6a;*/
    font-size: 12px;
    font-weight: 500;
    height: 26px !important;
    line-height: 26px !important;
    position: relative;
    border: 1px solid #DADCE0;
    border-radius: 3px !important;
    color: white !important;
}

/*.categories-menu > a:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "\f0d7";
                font: normal normal normal 14px/1 FontAwesome;
                color: #999999;
            }*/

.categories-menu a i {
    font-size: 16px !important;
    /*color: #999 !important;*/
    color:white;
    line-height: normal !important;
    vertical-align: text-bottom !important;
    margin-right: 2px;
}



.categories-menu .dropdown-menu {
    width: 200px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    transition: all 0.1s ease-in-out 0.1s;
}

.index-menu-list.index-list {
    margin: 0px 10px 0px 0px;
    /* border-left: 1px solid #979797;*/
}

.index-menu-list ul {
    display: flex;
    align-items: center;
}

.index-menu-list li {
    margin-left: 10px;
}

    .index-menu-list li:first-child {
        margin-left: 0px;
    }

.menu-list .owl-height {
    height: 32px !important;
}

.index-menu-list li a::first-letter {
    font-weight: 700;
    font-size: 15px;
}

.index-menu-list li a {
    padding: 0px 21px;
    border-radius: 50px !important;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    height: 26px;
    line-height: 26px;
}

.index-list li:first-child a {
    background-color: #0592F9;
}

.index-list li:last-child a {
    background-color: #6ADD53;
}

.menu-list a {
    border-radius: 5px !important;
    border: 1px solid #a1a1a1;
    /*padding: 5px 14px !important;*/
    height: 26px !important;
    line-height: 26px !important;
    padding: 0px 3px !important;
    font-size: 12px;
}

    .menu-list a i {
        margin-left: 5px;
    }

    .menu-list a::first-letter {
        font-weight: 700;
        font-size: 13px;
    }

.menu-list {
    overflow: hidden;
}

/*.menu-list {
            overflow: hidden;
            max-width: 320px;
            width: 100%;
            margin: 0 10px !important;
        }*/

.right-fliter-menu .categories-menu {
    margin-left: 10px;
}

.right-fliter-menu > div {
    position: relative;
}

.filter_box1 {
    display: flex;
}

    .filter_box1.categories-menu a {
        background-color: #F2F2F2;
        margin-left: 10px !important;
    }

.right-data .filter_box1.categories-menu a {
    /*background: #D4DCE8;*/
    /*background: #F2F2F2;*/
    margin-left: 4px !important;
    border: 1px solid #DADCE0;
    border-radius: 3px !important;
    background: #565656;
    color: white;
}



.filter_box1.categories-menu a:first-child {
    margin-left: 0px !important;
}

.filter_body, .filter_body_DB {
    width: 375px !important;
    position: absolute;
    z-index: 999;
    background: #fff;
    border: 1px solid #999;
    top: 50px;
    padding: 20px 0;
    border-radius: 8px;
    padding: 15px !important;
}

.filter_body_DB {
    width: 355px !important;
    left: 50%;
    transform: translate(-47% );
}



.filter_box1_DB a {
    width: 25px;
    height: 25px;
    background-color: #939393;
    line-height: 1;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    margin-left: 15px;
    padding: 0;
    border: none;
}

.Region .filter_body {
    right: auto;
    left: 0;
}

.Source .filter_body {
    left: 50%;
    transform: translate(-50% );
}

.Update .filter_body {
    right: 0;
    left: auto;
}

input#m-search {
    width: 100%;
    height: 40px;
    left: 20px;
    top: 29px;
    background: #F3F3F3;
    border-radius: 45px;
    border: 1px solid #D3D3D3;
    background-image: url(/images/magnify_icon.png);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 10px;
    font-size: 14px;
    padding: 10px 15px;
    padding-right: 45px;
}

a#m-clear {
    color: #FF9B12;
    font-size: 12px;
    background-color: transparent;
    font-weight: 500;
    width: auto !important;
    padding: 6px 14px;
    margin: 12px 0px;
}

a#m-sall {
    color: #2DBF65;
    font-size: 12px;
    background-color: transparent;
    font-weight: 500;
    width: auto !important;
    padding: 6px 14px;
    margin: 12px 0px;
}

.in-drop-btn {
    margin: 10px 0px;
    text-align: right;
}

iv#m-list, #m-list_DB {
    clear: both;
    max-height: 250px;
    overflow-y: auto;
}

    #m-list .form-check,
    #m-list_DB .form-check {
        padding: 3px 10px;
    }

    #m-list input,
    #m-list_DB input {
        margin: 0;
        margin-right: 15px;
        vertical-align: middle;
        position: relative;
    }

    #m-list label.form-check-label,
    #m-list_DB label.form-check-label {
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px;
        color: #032949;
        display: inline-block;
        width: 85%;
        position: relative;
        vertical-align: middle;
        margin-bottom: 0;
    }

.filter_body .modal-footer,
.filter_body_DB .modal-footer {
    margin-top: 15px;
    /*border-top: 1px solid #e5e5e5;*/
    border-top:none !important;
    display: flex;
    align-items: center;
    padding: 15px 0px 0px 0px;
    justify-content: flex-end;
}

    .filter_body .modal-footer button,
    .filter_body_DB .modal-footer button {
        border-radius: 4px !important;
        border: none;
        font-weight: bold;
        font-size: 14px;
        min-width: 100px;
        font-weight: 600;
        height: 45px;
    }

button#m-ok {
    /*background: #2DBF65 !important;*/
    background: #ff9b12 !important;
    border-radius: 45px !important;
    padding: 6px 14px !important;
}

button#m-cancel {
    border-radius:45px !important;
    background: #E6E6E6;
    color: #032949;
    padding: 6px 14px !important;
}

.filter-plus-arrow {
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.beta-arrow .arrows.redofilter {
    transform: rotate( 180deg );
}

.beta-arrow .arrows {
    border: none !important;
    outline: none;
    padding: 0px !important;
    display: flex;
    margin-right: 20px;
    width: 16px;
    height: 16px;
}



    .beta-arrow .arrows.undofilter {
        margin-right: 20px;
    }

a.btn.tc.active, a.btn.tc:hover {
    background: #2DBF65;
}

.beta-filter a.btn.tc {
    border-radius: 4px !important;
    color: #ADACAC;
    display: flex;
    padding: 5px;
}

    .beta-filter a.btn.tc img {
        width: 19px;
    }

.card_view, .undofilter {
    margin-right: 15px;
}

.beta-arrow, .beta-filter {
    /*display: flex; commeted due to not working in firefox */
    display: -webkit-box;
    align-items: center;
}

/*main-control start*/

.main-control {
    width: 100%;
    position: relative;
}

/*.side-left-control {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            max-width: 350px;
            width: 100%;
            height: 100%;
            overflow: auto;
        }*/
.side-left-filter {
    display: flex;
    align-items: center;
    padding: 8px 15px 8px 15px;
}

    .side-left-filter button {
        width: 30px;
        height: 30px;
        background-color: #939393;
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        margin-left: 15px;
        display: inline-block;
        padding: 0;
        border: none;
    }

.side-filter-text {
    font-size: 14px;
    color: #000;
}

.side-left-filter button i {
    font-weight: inherit !important;
}

.sidebar, .sidebar-skeleton {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #FFF;
    /*border-right: 1px solid #eee;*/
    height: calc(100% - 105px);
    padding: 0px;
    max-width: 375px;
    width: 100%;
}

.spacer {
    height: 62px;
}

.field-component {
    padding: 10px 15px;
    background-color: #fff;
    display: table;
    transition: all 0.1s ease-in-out 0.1s;
    color: inherit !important;
    width: 100%;
    position: relative;
    /*border-bottom: #d4d2d2 solid 1px;*/
    margin:10px 5px 0px 0px;
}

/* .field-component .showsnippet {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 99999;
            }*/ 

.related i {
    color: #626262;
    font-size: 18px;
    position: relative;
    vertical-align: middle;
    margin-left: 10px;
}

.showsnippet {
    background: #CCCCCC;
    line-height: 16px;
    cursor: pointer;
    float: inherit;
    margin: 0px;
    font-size: 10px;
    border-radius: 50px;
    color: #fff;
    font-weight: 400;
    width: 16px;
    height: 15px;
    text-align: center;
    padding: 0px;
    float: right;
}

.field-component:hover, .field-component.active {
    transition: all 0.1s ease-in-out 0.1s;
    border-left-width: 4px;
    border-left-style: solid;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.field-component:hover {
    background-color: #EDF8FF;
}
.field-component.active {
    background-color: #dbf1ff;
}
button[id^="m-cancel"] {
    color: #fff;
    border-radius: 45px;
}


.first-letter {
    width: 18px;
    height: 18px;
    display: table-cell;
    text-align: center;
    line-height: 16px;
    border: 2px solid;
    font-size: 14px;
    float: left;
    margin-right: 7px;
    transition: all 0.1s ease-in-out 0.1s;
    font-weight: 500;
    position: relative;
}

    .first-letter .pop-hover {
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        transform: translate(0, 30px);
        padding: 10px;
        width: 200px;
        color: #3D3D3D !important;
        left: -2px;
        top: 20px;
        font-size: 13px;
        line-height: 1;
        text-align: center;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }

    .first-letter:hover .pop-hover {
        opacity: 1;
        visibility: visible;
        transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
        transform: translate(0, 10px);
    }

.pop-hover:before {
    position: absolute;
    z-index: -1;
    content: "";
    left: 8px;
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}

.field-component:hover .first-letter {
    transition: all 0.1s ease-in-out 0.1s;
}
.field-component.active .right-table-title h4 {
    font-weight:700 !important;
}

.right-table-title {
    margin-left: 15px;
    display: table-cell;
    vertical-align: top;
    width: 100%;
    max-width: 280px;
}

    .right-table-title h4 {
        font-size: 14px;
        color: #202020;
        width: 100%;
        margin-bottom: 5px;
    }

    .right-table-title span {
        display: block;
        font-size: 12px;
        line-height: 1.5;
    }

span.small-intro {
    width: 100%;
    color: #202020;
    word-break: break-all;
}

span.related {
    color: #5A738E;
}

.main-content {
    padding: 15px;
    width: calc(100% - 375px);
    margin-left: auto;
    height: calc(100vh - 105px);
    overflow-y: auto;
    overflow-x: hidden;
    background: #FFF;
}

.content-img img,
.content-img #oft-img {
    max-width: inherit !important;
    padding: 0px !important;
    width: 120px !important;
    object-fit: cover !important;
    max-height: inherit !important;
    height: auto !important;
    /*max-width: 120px !important;
            padding: 0px !important;
            width: 100% !important;
            object-fit: contain;
            height: 100% !important;
            min-height: auto !important;
            max-height: auto !important;*/
}
#licategory .btn {
    border: none;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 8%), 0 2px 2px 0 rgb(67 94 131 / 15%), 0 1px 5px 0 rgb(67 94 131 / 15%) !important;
}
#licategory{
    padding:5px;
}

.content-img {
    display: inline-block;
    padding: 8px;
    /*border: 1px solid;*/
    height: auto;
    line-height: 1;
    font-size: smaller;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
    border-radius: 10px;
    webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
}

.inside-img {
    max-height: inherit !important;
    max-width: inherit !important;
}

.content-left h4 {
    /*white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;*/
    width: 100%;
    color: #3D3D3D !important;
    font-size: 14px;
    font-weight: 700 !important;
    margin: 0px 0px 8px !important;
    line-height: 1;
}

.tag-title {
    font-size: 13px;
    color: #626262;
    white-space: nowrap;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #979797;
}

    .tag-title #oft-filter {
        color: #626262 !important;
    }

.inner-content-title {
    margin-left: 10px;
    padding: 5px;
}
/*.main-tag {
            display: flex;
            align-items: center;
        }*/
.main-tag .tag-only {
    width: 100%;
    overflow: hidden;
}

.main-tag ul::-webkit-scrollbar {
    display: none;
}

/* .main-tag ul li {
                    padding-left: 10px;
                }*/
#carouselFilter .item {
    padding: 2px;
}

.main-tag #carouselFilter a {
    padding: 3px 5px !important;
    border-radius: 50px !important;
    background-color: #626262 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    border: 1px solid #626262 !important;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

#carouselFilter .item a span {
    max-width: 60px !important;
    font-size: 10px !important;
    display: inline-block;
    margin-right: 5px;
    line-height: 1;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    width: auto !important;
}

.main-tag .tag-only i {
    color: #fff;
    font-size: 11px;
    vertical-align: middle;
    line-height: 1;
}

.owl-item {
    width: auto !important;
}

.main-content-field {
    display: flex;
    justify-content: space-between;
}

.price-data {
    text-align: center;
    line-height: 1;
}

    .price-data small {
        display: block;
        font-size: 13px;
        line-height: 1;
    }

    .price-data span {
        color: #333333;
        font-weight: 700;
        font-size: 24px;
        line-height: 24px;
        display: inline-block;
    }

.all-links {
    display: flex;
}

.map-tree .all-links {
    justify-content: flex-end !important;
}

.right-data {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.all-links li.nav-links {
    margin-left: 4px;
    line-height: 1;
}

.all-links .nav-links a.nav-common:hover {
    background-color: #000 !important;
}

.all-links li.nav-links a.yellow {
    background-color: #FF9B12;
}

.all-links li.nav-links a.blue {
    background-color: #3D9DC7;
}

.all-links li.nav-links a.cream {
    background-color: #F28344;
}

.all-links li.nav-links a.green {
    background-color: #2DBF65;
}

.all-links .nav-links a.nav-common {
    width: 26px;
    height: 26px;
    display: inline-block;
    background: #000;
    border-radius: 50px;
    padding: 6px;
    margin: 2px 0px;
}

.export-data > a {
    background: #2DBF65;
    color: #fff;
    padding: 0px 8px;
    border-radius: 50px !important;
    font-size: 12px !important;
    height: 26px;
    line-height: 26px;
}

.right-data-dropdown .filter_box1.categories-menu a {
    margin-left: 4px !important;
    padding: 0px 8px;
    background: #3D9DC7;
    color: #fff !important;
}

    .right-data-dropdown .filter_box1.categories-menu a i {
        color: #fff !important;
    }

.custom-control {
    height: 26px !important;
    border-radius: 50px !important;
    padding: 0px 5px !important;
    background: transparent !important;
    margin-left: 4px !important;
    margin-right: 0px !important;
    border: 1px solid #DADCE0 !important;
    text-align: left;
    color: #6a6a6a;
}

    .custom-control::placeholder {
        color: #6a6a6a;
    }


.export-data {
    margin-left: 4px;
    line-height: 1;
}

    .export-data a i {
        margin-right: 2px;
        font-size: inherit !important;
        line-height: 1;
    }

.export-data-dropdown {
    width: 375px !important;
    position: absolute;
    z-index: 999;
    background: #fff;
    border: 1px solid #999;
    top: 50px;
    padding: 20px 0;
    border-radius: 8px;
    padding: 15px;
    right: 0px;
    left: auto;
}

.export-data .filter_body {
    right: 0;
    left: auto;
    z-index: 9999;
    min-width: 100px !important;
    max-width: 200px !important;
    top: 28px;
}
/*range-slider*/
.range-silder-main {
    margin-top: 15px;
}

div.sliderContainer {
    max-width: 260px;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
}

#slider {
    -webkit-appearance: none;
    appearance: none;
    /*height: 10px !important;*/
    height: 4px !important;
    width: 100%;
    border-radius: 10em;
    background-color: #61DB90;
    outline: none;
    margin-bottom: 5px;
}

    #slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #61DB90 !important;
        cursor: pointer;
        border: 3px solid #f4f4f4;
    }


    #slider::-moz-range-thumb {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #61DB90 !important;
        cursor: pointer;
        border: 3px solid #f4f4f4;
    }

#output {
    color: #d3d3d3;
    font-family: Lato, sans-serif;
    letter-spacing: 1.5px;
    font-size: 20px;
    margin-left: 5px;
}

.date-output span {
    font-size: 13px;
}

.date-output {
    display: flex;
    justify-content: space-between;
}



.beta-banner-title {
    display: flex;
    align-items: center;
    margin: 20px 0px 20px;
    padding: 0px 15px;
}

    .beta-banner-title .text-col {
        max-width: 85%;
        width: 100%;
        padding-right: 25px;
    }

    .beta-banner-title .img-col {
        flex: 1 1 auto;
        text-align: right;
    }

        .beta-banner-title .img-col img {
            width: 220px !important;
        }


.text-col b {
    font-size: 18px;
    font-weight: 700;
    color: #272727;
}

.text-col p,
.text-col .col-text-btn {
    font-size: 14px;
    line-height: 22px;
    color: #494949;
}

.only-filter.filter_body {
    width: 265px !important;
    left: 50%;
    transform: translate(-60%);
    top: 35px;
}

/*table*/

.tbl-cont, .cool-charts-main, .tbl-cont-skeleton {
    border-radius: 8px !important;
    /*border: 1px solid #D6D7D7;*/
    padding: 10px !important;
    /*background-color: #F3F3F3;*/
    -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
}
 

#adv_filter {
    border: 0px !important;
    margin-bottom: 0px !important;
}

.htCore thead tr th {
    background-color: #494949 !important;
}

#adv_filter .htCore .colHeader i.filter-table {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    color: #fff !important;
    padding: 0 !important;
    margin-left: 7px;
    background: #FBA524 !important;
    text-align: center;
    line-height: 19px;
    vertical-align: middle;
    font-size: 10px;
    float: none !important;
    display: inline-block;
}

#adv_filter .handsontable span.colHeader {
    float: left;
    line-height: 12px;
    font-size: 12px;
    padding-left: 14px;
    width: 100%;
    white-space: nowrap;
}



.tbl-cont #adv_filter .thead-dark tr th {
    background-color: #494949 !important;
}

#adv_filter tbody tr td {
    white-space: nowrap !important;
}

.tbl_wrap {
    padding: 0px !important;
}

/*#chart_box {
            padding: 0px !important;
            display: flex;
            flex-wrap: wrap;
            margin: 0px -15px;
        }*/

/*#chart_box {
        padding: 0px !important;
        column-count: 2;
        column-gap: 1.25rem;
    }*/

/*#chart_box .ChartList {
                max-width: 50%;
                width: 100%;
                padding: 15px 15px !important;
                margin: 0px !important;
                position: relative;
                border-radius: 0px !important;
                overflow: inherit !important;
                box-shadow: none !important;
                background-color: transparent !important;*/
/*margin-bottom: 30px !important;*/
/*}*/

#chart_box .ChartList,
#chart_box_skeleton .ChartList-skeleton {
    width: 100%;
    margin: 0px;
    position: relative;
    border-radius: 0px !important;
    overflow: inherit !important;
    background-color: transparent !important;
    display: inline-block;
    padding: 0px;
    /*border: 1px solid #D6D7D7;*/
    border-radius: 10px !important;
    webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
    /*box-shadow: rgb(0 0 0 / 2%) 0px 1px 3px 0px, rgb(27 31 35 / 15%) 0px 0px 0px 1px !important;*/
    max-width: 49.5%;
    margin-bottom: 10px !important;
    padding: 10px !important;
}

#cool_charts_container {
    width: 100%;
    margin: 10px 0px 5px 0px;
    position: relative;
    overflow: inherit !important;
    background-color: transparent !important;
    display: inline-block;
    padding: 0px;
    /*border: 1px solid #D6D7D7;*/
    border-radius: 10px !important;
    -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%) !important;
    padding: 10px !important;
}

#chart_box .ChartList .oh {
    overflow: hidden;
    background-color: #fff;
}

.chrt_wrap, .mapbox, .mapbox-table {
    padding: 0px !important;
}

.mapbox {
    background-color: #fff;
}

.tbl_wrap, .mapbox, .chrt_wrap {
    margin: 5px 0px 10px;
}
/*folder-tree*/
.main-mapbox .mapboxgl-map {
    max-width: 100%;
    width: 100%;
    border-radius: 10px 0px 0px 10px;
}

.main-mapbox .map-tree {
    max-width: 280px;
    width: 100%;
    position: absolute;
    top: 15px;
    right: 15px;
    max-height: calc(100% - 30px);
    height: 100%;
    z-index: 99;
    background: #fff;
    overflow: auto;
    padding: 10px;
    border-radius: 3px;
}

#header-lbl div {
    max-width: inherit !important;
    width: 100% !important;
}

.main-mapbox {
    display: flex;
    height: 600px;
    border-radius: 10px !important;
    box-shadow: rgb(0 0 0 / 2%) 0px 1px 3px 0px, rgb(27 31 35 / 15%) 0px 0px 0px 1px !important;
    margin-bottom: 10px !important;
    position: relative;
}
/*
        .folder-tree-wrapper {
            padding: 20px;
            border-radius: 3px;
        }*/

.folder-tree {
    list-style: none;
    cursor: pointer;
    padding-left: 20px !important;
    overflow: auto;
    height: 100%;
}

    .folder-tree li {
        margin-bottom: 6px;
        font-size: 14px;
        transition: all 0.4s ease;
        position: relative;
        line-height: 1;
    }

        .folder-tree li:hover {
        }

        .folder-tree li i {
            color: rgb(242, 176, 53);
        }

        .folder-tree li ul {
            padding-left: 17px !important;
            padding-top: 8px !important;
        }

    .folder-tree ul {
        display: none;
        position: relative;
    }

        .folder-tree ul:before {
            position: absolute;
            content: "";
            left: -15px;
            top: 0;
            width: 2px;
            height: 100%;
            background-color: transparent;
            border-left: dashed 1px #c2c2c2;
            border-bottom: dashed 1px #c2c2c2;
        }

    .folder-tree li ul li {
        display: block;
        margin-bottom: 8px;
        line-height: 1;
    }

    .folder-tree .plus-minus-box {
        position: absolute;
        top: -1px;
        left: -22px;
        width: 15px;
        height: 15px;
        transition: all 0.4s ease;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
    }

        .folder-tree .plus-minus-box img {
            width: 10px;
        }

        .folder-tree .plus-minus-box i {
            color: #595959;
            transition: all 0.4s ease;
        }

    .folder-tree .arrow:hover i {
        color: #292929;
    }

    .folder-tree li.expanded > ul {
        display: block;
    }

    .folder-tree li .plus-minus-box .minus-one {
        display: none;
    }

    .folder-tree li.expanded > .plus-minus-box .minus-one {
        display: block;
    }

    .folder-tree li.expanded > .plus-minus-box .plus-one {
        display: none;
    }

.folder-tree-wrapper ul li img.folder-img {
    width: 11px;
    vertical-align: middle;
    margin-right: 6px;
    margin-bottom: 2px;
}

.folder-tree-wrapper ul li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    line-height: 1;
    font-size: 11px;
}

i.ftr.fa.fa-filter, i.ftr1.fa.fa-filter {
    position: absolute;
    right: 0px;
    width: 20px;
    height: 20px;
    padding: 4px;
    top: 0;
}

#header-lbl {
    margin-top: 10px !important;
    display: inline-block;
}

    #header-lbl .geo-title-common .map-tree-img {
        width: 100% !important;
        max-width: 30% !important;
    }

    #header-lbl .geo-title-common {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 8px;
    }

        #header-lbl .geo-title-common .map-tree-img #oft-img {
            max-height: inherit !important;
            border-radius: 5px;
            max-width: 100% !important;
            display: block;
            padding: 0 !important;
            border-radius: 0px !important;
        }

.tree-down-text {
    margin-bottom: 0px !important;
    max-width: 65%;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

#header-lbl .map-tree-text h2.tree-down-text {
    font-size: 20px !important;
    color: #03001f !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 15px;
    padding: 0px !important;
    letter-spacing: 0.8px;
    font-weight: 400;
}

#header-lbl .tree-source {
    line-height: 1;
    font-size: 12px;
    margin-bottom: 14px;
    color: #4A4747 !important;
    width: 100%;
}

#header-lbl .tree-filter {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0px !important;
    color: ##4A4747 !important;
}

.tag-filter a {
    padding: 3px 5px;
    color: #727272;
    border-radius: 50px;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    text-transform: capitalize;
    border: 1px solid #727272;
    line-height: 1;
    background: #626262;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: left;
}

    .tag-filter a i {
        color: #fff;
        font-size: 11px;
        line-height: 1;
    }

    .tag-filter a span {
        max-width: 85px;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        font-size: 10px;
        margin-right: 5px;
        line-height: 1;
    }

.tag-filter {
    width: 100%;
}

.shapefilename {
    margin-bottom: 10px !important;
}

.menu-list .owl-item .item a.inner-active {
    color: #000 !important;
}

.popover {
    width: 450px !important;
    max-width: 450px !important;
    z-index: 1059;
    max-height: 220px;
    overflow: auto;
    height: 100%;
}

.tbl-cont .popover {
    left: calc(50% - 200px) !important;
}

.daterangeContainer {
    width: 100% !important;
    padding-left: 10px;
    font-size: 10px;
    z-index: 3;
}

.daterangeContainer-slider {
    width: 50% !important;
}

.daterangeContainer-label {
    width: 12% !important;
}

.header-btn-i {
    display: inline-block;
    background: #4472C4;
    line-height: 22px;
    width: 22px;
    height: 22px;
    text-align: center;
    font-weight: 400;
    border: 0;
    box-shadow: none;
    border-radius: 3px;
    color: #fff;
}

    .header-btn-i i {
        font-weight: 400 !important;
    }


a.closep {
    float: right;
    color: #333;
    font-size: 21px;
    padding: 4px;
    line-height: 10px;
}

#tab1 h3.popover-title {
    overflow: hidden;
}

.collapseItems {
    color: #CCCCCC;
}

.spanexpand_all {
    margin-left: auto;
    font-size: 27px;
    color: #CCCCCC;
    cursor: pointer;
}
/*.date-filter1 {
        display: none !important;
    }*/
@media only screen and (max-width: 1340px) {
    .width-change {
        width: 100% !important;
    }

    .menu-list a {
        font-size: 9px !important;
        padding: 0px 3px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .upper-filter-menu {
        height: 70px;
    }

    .filter_body_DB {
        width: 280px !important;
        left: 50%;
        transform: translate(-62%);
    }

    .sidebar {
        height: calc(100% - 130px);
        max-width: 300px;
    }

    .main-content {
        width: calc(100% - 300px);
        height: calc(100vh - 130px);
    }
}

@media only screen and (max-width: 1170px) {
    .news-slider {
        flex-wrap: wrap;
    }

        .news-slider .slider1 {
            margin-right: 0px !important;
        }

    .content-left {
        flex-wrap: wrap !important;
    }

    .inner-content-title {
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 991px) {
    .new-adv-menu.for-add-beta {
        width: 55% !important;
    }
}

.ssss_nav_input_container input[type="number"] {
    -moz-appearance: textfield;
}

    .ssss_nav_input_container input[type="number"]::-webkit-inner-spin-button,
    .ssss_nav_input_container input[type="number"]::-webkit-outer-spin-button {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        margin: 0;
    }

    .ssss_nav_input_container input[type="number"]:hover::-webkit-inner-spin-button,
    .ssss_nav_input_container input[type="number"]:hover::-webkit-outer-spin-button {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        margin: 0;
    }

/* style for the header control Asc or Desc denomination sorting*/
.denomination-sorting-desc:hover, .denomination-sorting-asc:hover,
.denomination-sorting-desc-cool:hover, .denomination-sorting-asc-cool:hover {
    border: solid 2px yellow;
}

.denomination-sorting-container.disabled, .denomination-sorting-container-cool.disabled {
    pointer-events: none;
    color: #8c8c8c;
}

.denomination-sorting-desc, .denomination-sorting-asc,
.denomination-sorting-desc-cool, .denomination-sorting-asc-cool {
    margin-left: 5px;
    border-radius: 1px;
    border: solid 2px transparent;
    padding: 0px 2px;
    cursor: pointer;
}

    .denomination-sorting-desc.active, .denomination-sorting-asc.active,
    .denomination-sorting-desc-cool.active, .denomination-sorting-asc-cool.active {
        border: solid 2px yellow !important;
    }

#admin_action_bar .pill-nav {
    border-right: thin solid #e2e2e2;
    padding: 0px 5px;
}

    #admin_action_bar .pill-nav a {
        display: inline-block;
        color: black;
        text-align: center;
        padding: 3px 10px;
        text-decoration: none;
        font-size: 14px;
        border-radius: 5px;
        border: solid thin #ddd;
    }

        #admin_action_bar .pill-nav a:hover {
            background-color: #ddd;
            color: dodgerblue;
            border: solid thin dodgerblue;
        }

        #admin_action_bar .pill-nav a.active {
            background-color: dodgerblue;
            color: white;
            border: solid thin dodgerblue;
        }

/*new*/
#admin_customization_actions {
    max-width: 85%;
    width: 100%;
}

#admin_cool_customization_actions {
    max-width: 85%;
    width: 100%;
}

#admin_link_bar {
    align-items: flex-end;
}

.main-content-field .pill-nav {
    display: flex;
    align-items: center;
    border: 0px !important;
    margin-right: 5px;
}

    .main-content-field .pill-nav:last-child {
        margin-right: 0px;
    }

    .main-content-field .pill-nav a.btn {
        font-size: 12px !important;
        margin-right: 4px;
        padding: 3px 5px;
        border-radius: 4px !important;
    }

    .main-content-field .pill-nav .pill-btn {
        font-size: 12px !important;
        margin-right: 8px;
        padding: 3px 4px !important;
    }

    .main-content-field .pill-nav a:last-child {
        margin-right: 0px;
    }

    .main-content-field .pill-nav .form-group {
        margin-bottom: 0px !important;
        padding: 0px 5px;
    }

        .main-content-field .pill-nav .form-group label {
            font-size: 12px;
            font-weight: 400;
            line-height: 1;
        }

        .main-content-field .pill-nav .form-group input {
            height: 34px;
            border-radius: 4px;
            border-color: #ccc;
        }

        .main-content-field .pill-nav .form-group .form-control {
            padding: 6px 6px;
            font-size: 12px !important;
            height: 28px;
        }

.ui-menu.ui-widget .ui-menu-item .ui-menu-item-wrapper {
    font-size: 12px;
    line-height: 1;
}

.ui-autocomplete {
    z-index: 9999999 !important;
    border-radius:5px;
    
}

.icons-only-bar a {
    margin: 2px !important;
}

#admin_top_bar .pill-nav .pill-btn {
    margin-top: 15px;
}

.zd-skeleton-tbl-col {
    --rect-h: 30px;
    --lines: 5;
    --l-h: 30px;
    --l-gap: 30px;
    --g-gap: 30px;
    --c-w: 100%;
    --c-p: 1px;
    --bg: white;
    --shine: #f3f3f3;
}

.zd-skeleton-tbl-hdr {
    --c-p: 1px;
    --l-h: 35px;
    --c-w: 100%;
    margin-bottom: 30px;
    --bg: darkgray;
}

.zd-skeleton-chart {
    --cols: 10;
    --col-w: 45px;
    display: inline-block;
    --shine: white;
    --chart-h: 480px;
}
.zd-news-main-content-field-skeleton {
    --lines: 0;
    --c-w: 100%;
    --c-p: 0px;
    --shine: #f3f3f3;
    --c-bg: #f3f3f3;
}
.zd-skeleton-subsectors-header {
    --lines: 1;
    --c-p: 0px;
    --rect-h: 79px;
    --g-gap: 3px;
    --l-gap: 1px;
    --l-h: 59px;
    --c-w: 98%;
    --c-bg: #f3f3f3;
    --shine: #f3f3f3;
}

.zd-skeleton-subsectors-list {
    --lines: 20;
    --c-p: 0px;
    --rect-h: 79px;
    --g-gap: 4px;
    --l-gap: 2px;
    --l-h: 55px;
    --c-w: 98%;    
    --shine: #f3f3f3;
}
.tbl-cont-skeleton .col-md-3 {
    padding: 0px;
    height: 300px !important;
    overflow: hidden;
}

.zd-news-chart-skeleton {
    --cols: 8 !important;
    --col-w: 35px !important;
    --shine: white !important;
    --chart-h: 427px !important;
    --c-p:10px !important;
}
.zd-news-circle-skeleton {
    --c-s: 400px;
    --shine: #f3f3f3;
}
.zd-new-sentiment-skeleton{
    --lines:0;
    --c-w:100%;
    --c-p:0px;
    --rect-h:100%;
}
.zd-news-desktop-skeleton{
    --lines: 7;
    --c-w:100%;
    --l-h:100px;
    --l-gap:10px;
    --shine:#f3f3f3
}
.zd-pager-skeleton{
    --c-s:30px;
}
.zd-mapbox-skeleton {
    --c-w: 100%;
    --lines: 0;
    --rect-h: 600px;
    --c-p: 0px;
    --shine: #f3f3f3;
}

.zd-mapbox-inner-skeleton {
    --bg: white;
    --c-p: 0px;
    --lines: 0;
    --rect-h: 100% - 30px;
    --shine: #f3f3f3;
    position:absolute !important;
    right:15px !important;
    top:15px !important;
    --c-w:280px;
}
.zd-global-topbar-main-skeleton {
    --lines: 0;
    --c-p: 0px;
    --rect-h: 86px;
    --c-w: 100%;
    --shine: #f3f3f3;
}
.zd-global-topbar-left1 {
    --lines: 0;
    --bg: darkgray;
    --rect-h: 66px;
    --c-w: 150px;
    --c-p: 10px;
}
.zd-global-topbar-left2 {
    --lines: 1;
    --bg: darkgray;
    --l-h: 13px;
    --c-w: 250px;
    --rect-h: 20px;
    --c-p: 10px;
}
.zd-global-topbar-right1 {
    --bg: darkgray;
    --c-w: 28px;
    --c-s: 28px;
}
.zd-global-topbar-right2 {
    --bg: darkgray;
    --c-w: 100%;
    --c-s: 28px;
    --l-h:28px;
}
#admin_action_bar_skeleton .skeleton-rect {
    --lines: 0;
    --c-w: 100%;
    --rect-h: 101px;
    --shine: #f3f3f3;
    --c-p:0px;
}

.main-control2 {
    position: relative;
}

.close:before, .close:after {
    top: 0 !important;
}

#hmpgContent {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 8px;
}


    /*new-changes*/
    #hmpgContent div.collapse[aria-expanded="false"] {
        display: block;
        height: 230px !important;
        overflow: hidden;
    }

    #hmpgContent div.collapsing[aria-expanded="false"] {
        height: 245px !important;
    }

    #hmpgContent a.collapsed:after {
        content: '+ See More';
    }

    #hmpgContent a:not(.collapsed):after {
        content: '- See Less';
    }

    #hmpgContent p {
        text-align: justify;
    }
#cool_charts_container .highcharts-title {
    color: #616a7d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.cool-chart-header,.base-chart-header {
    text-decoration-line: underline;
    text-decoration-color: green;
    text-decoration-thickness: 1px;
    
    cursor: pointer;
}
    .cool-chart-header:hover,.base-chart-header:hover {
        text-decoration-color: blue;
        text-decoration-thickness:2px;
        cursor: pointer;
    }
#modal_cool_charts_filters select:focus {
    border-width: 3px;
    background-color:white;
    border-color:rgb(111,178,230);
}
.customChartTitle {
    font-size: 14px;
    font-weight: 700;
    white-space: break-spaces;
    width: 85%;
    display: inline-block;
    line-height: 1.2;
    padding-top: 4px;
}
#cool_chart_selected_dt{
    font-size: 12px;
    margin-left:5px;

}
#modal_cool_charts_filters .form-group label{
    font-size:14px;
}
#modal_cool_charts_filters .row {
    padding: 5px 30px !important;
}



.fullscreen-view-instructions {
    text-align: right;
    font-size: 15px;
    color: green;
    height: 30px;
    font-weight: 700;
    margin-right: 10px;
}
.fullscreen-selected-date {
    float: left;
    font-size: 15px;
    font-weight: 700;
    margin-left: 10px;
    color:black;
}


@media all and (max-width: 240px) {
    .toast-screen-center {
        margin-left: -54px;
    }
}

@media all and (min-width: 241px) and (max-width: 320px) {
    .toast-screen-center {
        margin-left: -64px;
    }
}

@media all and (min-width: 321px) and (max-width: 480px) {
    .toast-screen-center {
        margin-left: -96px;
    }
}

.slider-play-btn {
    width: 26px;
    height: 26px;
    display: inline-block;
    background: #000;
    border-radius: 50px;
    padding: 6px;
    margin: 2px 5px 2px 0px;
    float: left;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #2DBF65;
}

.slider-play-btn.playing {
    
    background-image: url("/Images/SVG/MediaStop.svg");
    background-color:red;
}
    .slider-play-btn.stopped {
        background-image: url("/Images/SVG/MediaPlay.svg");
    }
    .slider-play-btn:hover {
        background-color: #000 !important;
    }
.new-sentiment-icon-btn {
    background-color: #F28344 !important;
    width: 26px;
    height: 26px;
    display: inline-block;
    background: #000;
    border-radius: 50px;
    padding: 6px;
    margin: 0;
    cursor:pointer;
}
    .new-sentiment-icon-btn:hover {
        background-color: #000 !important;
    }
    .form-group-filter{
        padding: 0px 30px;
    }
        .form-group-filter .form-control {
            height: auto;
            font-size: 12px;
            border: 1px solid #ccc;
            background-color: #f4f6f7;
            border-radius:5px;
        }
            .form-group-filter .form-control:focus {
                background-color: white;
                border-color: rgb(111,178,230);
            }
        .form-group-filter label {
            line-height: 1rem;
            margin: 0;
            font-size: 14px;
        }

.modal-header-filter{padding: 10px 20px;}
.modal-title-filter {
    font-weight: 700;
    font-size: 14px;
    height: auto;
}
#chart_filter_body_div {
    padding: 5px 20px;
}
#chart_filter_body_div .modal-body {
    max-height:250px;
    overflow-y:scroll;
}
.filter-legends-label {
    padding: 0 30px;
    font-size: 14px;
}
#m-list-legend-filters p{
    font-size:12px;
    font-weight:500;
    line-height:1.5
}
#lnk_reset_filters {
    font-size: 13px;
    margin-left: 30px;
    font-weight: 500;
    color: #FF9B12;
}
#m-list-legend-filters {
    max-height: 150px !important;
}
.filter-legends-container{
    padding: 10px 30px !important;
}
#cool_chart_type {
    font-size: 16px;
    font-weight: 700;
    color: black;
    margin-left: 10px;
}
#cool_chart_information {
    font-size: 14px;
    line-height: 1.5;
    font-weight:700;
}

.lbl-pointer-cursor {
    cursor:pointer;
}

#bucket_modal_loader{
    height:175px;
}
#bucket_modal_loader p {
    font-size: 14px;
}

.chart-text-link {
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    text-decoration: underline;
    padding: 5px;
    cursor: pointer;
    color: #356189 !important;
}
.dropdown-depwheel-count{
    min-width:100% !important;
    width:100%;
}
.dropdown-depwheel-count li{
    width:100%;
}
.link-show-source{
    font-size:14px !important;
    font-weight:600;
    color:blue;
    
}
.right-table-title .link-show-source {
    display: inline-block;
}
.link-show-source:hover {
    text-decoration: underline;
}