#exclude,
#languageexclude,
#languagespecific,
#assignButton,#typeB,#typeA,.imageFeed,#type_custom_date{
display: none;
}

#specific {
display: block;
}

.modal-header {
background: linear-gradient(90deg, rgba(49, 37, 37, 1) 0%, rgba(200, 52, 57, 1) 100%);
color: white;
}

.tagify {
min-height: 38px;
}
.modal-xxl {
    width: 100%;
    max-width:1700px;
}
.multiple-checkbox{
padding-left: 20px;
}
.multiple-checkbox li{
    margin-top: 4px;
}
.multiple-checkbox .custom-control-label{
    font-weight: 100 !important;
    color: black;
}

.custom-control-label::before{
    border-radius: 3px;
}
.custom-control-input:checked~.custom-control-label::after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    background-color: #353a40;
}
.custom-control-input:indeterminate~.custom-control-label::after{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")!important;
    border-radius: 3px;
    color: #fff;
border-color: #353a40;
background-color: #353a40;
}
.datacard {
    background: #fff;
    height: 100%;
    padding: 20px 25px;
    border-radius: 12px;
    -webkit-box-shadow: 0 10px 20px -1px rgba(0,0,0,0.1);
    box-shadow: 0 10px 20px -1px rgba(0,0,0,0.1);
    animation: reveal .5s ease;
    overflow: hidden;
}

.datacardlabel {
    font-size: 22px;
    font-weight: bold;
    position: relative;
    margin: 8px;
}
.datacardlabel::after {
    content: '';
    width: 30px;
    height: 2px;
    background: #dc3545;
    position: absolute;
    border-radius: 2px;
    bottom: -4px;
    left: 0;
}
.datacard .cardtitle {
    font-weight: bold;
    position: relative;
}
.datacard .cardtitle::after {
    content: '';
    width: 30px;
    height: 2px;
    background: #dc3545;
    position: absolute;
    border-radius: 2px;
    bottom: -6px;
    left: 0;
}
.datacard .video-js {
    border-radius: 12px;
    overflow: hidden;
}
.datacard .imgslideshow {
    width: 100%;
    height: 200px;
    position: relative;
}
.datacard .imgslideshow > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.datacard .polyimage {
    width: 100%;
    max-height: 200px;
    object-fit: cover;
    border-radius: 12px;
}
.dot_loading{
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 40px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 9999;
}
/* 3 dot loading */
.dot-loader {
height: 20px;
width: 20px;
border-radius: 50%;
background-color: #f44336;
position: relative;
-webkit-animation: 1.2s grow ease-in-out infinite;
animation: 1.2s grow ease-in-out infinite;
}

.dot-loader--2 {
-webkit-animation: 1.2s grow ease-in-out infinite 0.15555s;
animation: 1.2s grow ease-in-out infinite 0.15555s;
margin: 0 20px;
}
.dot-loader--3 {
-webkit-animation: 1.2s grow ease-in-out infinite 0.3s;
animation: 1.2s grow ease-in-out infinite 0.3s;
}


@-webkit-keyframes grow {
0%, 40%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
40% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes grow {
0%, 40%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
40% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
width: 278px;
max-width: none;
padding: 0;
margin-top: 7px;
top: 100px;
left: 20px;
z-index: 3001;
display: none;
font-family: arial;
font-size: 15px;
line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}

.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
right: 9px;
}

.daterangepicker.opensleft:after {
right: 10px;
}

.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}

.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}

.daterangepicker.opensright:before {
left: 9px;
}

.daterangepicker.opensright:after {
left: 10px;
}

.daterangepicker.drop-up {
margin-top: -7px;
}

.daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
float: none;
}

.daterangepicker.single .drp-selected {
display: none;
}

.daterangepicker.show-calendar .drp-calendar {
display: block;
}

.daterangepicker.show-calendar .drp-buttons {
display: block;
}

.daterangepicker.auto-apply .drp-buttons {
display: none;
}

.daterangepicker .drp-calendar {
display: none;
max-width: 270px;
}

.daterangepicker .drp-calendar.left {
padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
color: #fff;
border: solid black;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px;
}

.daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
white-space: nowrap;
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
}

.daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff;
}

.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}

.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0;
}

.daterangepicker td.start-date {
border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff;
}

.daterangepicker th.month {
width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}

.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}

.daterangepicker select.yearselect {
width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px;
}

.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative;
}

.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}

.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid #ddd;
display: none;
line-height: 12px;
vertical-align: middle;
}

.daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 12px;
font-weight: bold;
padding: 4px 8px;
}

.daterangepicker.show-ranges .drp-calendar.left {
border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0;
}

.daterangepicker.show-calendar .ranges {
margin-top: 8px;
}

.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}

.daterangepicker .ranges li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer;
}

.daterangepicker .ranges li:hover {
background-color: #eee;
}

.daterangepicker .ranges li.active {
background-color: #353a40;
color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
.daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
    width: 140px; }
    .daterangepicker.single .ranges ul {
    width: 100%; }
    .daterangepicker.single .drp-calendar.left {
    clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
    float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
    float: right; }
    .daterangepicker.ltr {
    direction: ltr;
    text-align: left; }
    .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px; }
    .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
        float: left; }
    .daterangepicker.rtl {
    direction: rtl;
    text-align: right; }
    .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .drp-calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .drp-calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px; }
    .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
.daterangepicker .ranges {
    width: auto; }
.daterangepicker.ltr .ranges {
    float: left; }
.daterangepicker.rtl .ranges {
    float: right; }
.daterangepicker .drp-calendar.left {
    clear: none !important; } }


.dropdown-content {
    display: none;
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 5px;
}

.dropdown-content.show {
    display: block;
    position: absolute;
    z-index: 10;
    background-color: white;
}

.dropdown-toggle {
    cursor: pointer;
    /* background-color: #f0f0f0; */
    /* padding: 10px; */
    /* border: 1px solid #ccc; */
}
.height-spesific{
    height: 100px !important;
    overflow: auto;
}

/* treemap */
.search-box { width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; }
.treemap { display: flex; flex-direction: column; gap: 10px; }
.group { background: #fff; border: 2px solid #333; padding: 15px; border-radius: 10px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }
.group-title { font-weight: bold; margin-bottom: 10px; font-size: 16px; color: #333; cursor: pointer; }
.item-list { display: none; padding-left: 10px; }
.item { background: #4caf50; color: white; padding: 10px; border-radius: 5px; cursor: pointer; margin: 5px 0; transition: background 0.3s; }
.item:hover { background: #388e3c; }
/* DEMOGRAPHY (sidebar) -------------------------------- */
#tree .list-group {
background: #ffffff;
padding: 6px;
border-radius: 10px;
}
.node-tree.list-group-item {
background-color: inherit;
}
.node-tree {
display: flex;
padding: 3px 10px 6px 30px !important;
margin: 1px 0 !important;
font-size: 14px;
}
.node-tree:after {
font-family: 'Font Awesome 5 Pro';
content: "\f070";
position: absolute;
top: 5px;
right: 10px;
color: rgba(143, 143, 143, 0.333);
}
.node-tree:hover {
border-radius: 8px !important;
}
.node-tree.node-selected {
color: #fff !important;
background-color: #dc3545 !important;
border-radius: 8px !important;
}
.node-tree.node-result {
color: #ffc107 !important;
}
.node-tree.union {
font-weight: bold;
}
.node-tree span.icon {
margin: 0 !important;
}
.node-tree span.glyphicon {
width: 0 !important;
}
.node-tree .node-icon {
position: absolute;
top: 8px;
right: 15px;
font-size: 14px;
}
.node-tree span.indent {
margin-left: 5px !important;
margin-right: 5px !important;
}
.node-tree .expand-icon {
font-size: 13px;
position: absolute;
top: 0;
left: 0;
padding: 8px 180px 9px 10px;
}
.node-tree .indent ~ .expand-icon {
padding: 8px 170px 9px 20px !important;
}
.node-tree .indent ~ .indent ~ .expand-icon {
padding: 8px 160px 9px 30px !important;
}
.node-tree .indent ~ .indent ~ .indent ~ .expand-icon {
padding: 8px 150px 9px 40px !important;
}.node-tree .indent ~ .indent ~ .indent ~ .indent ~ .expand-icon {
padding: 8px 140px 9px 50px !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: black;
background-color: white;
/* border-color:rgb(0, 128, 255) rgb(0, 128, 255) #fff; */
/* height: 71px; */
border-width:medium;
}
.nav-tabs .nav-link {
margin-bottom: -1px;
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
background: #353a40;
color: white;
}
/* css analytics main dashboard */
.carding {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}
.titleAnalytics {
    font-size: 18px;
    font-weight: bold;
}
.subtitleAnalytics {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 500;
}
.metrics {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.metric {
    flex: 1;
    padding: 10px;
}
.metric h2 {
    font-size: 24px;
    margin: 5px 0;
}
.increase {
    color: green;
    font-size: 12px;
    background: #e6f4ea;
    padding: 4px;
    border-radius: 4px;
}
.decrease {
    color: red;
    font-size: 12px;
    background: #fbe8e6;
    padding: 4px;
    border-radius: 4px;
}
.popularSubtitle{
    color: gray;
    font-size: 14px;
}
/* .daterangepicker.ltr.show-ranges{
    display: none !important;
} */