:root {
    --color-primary: #00B4ED;
    --navbar-link-hover: #5C5C5B;
    --navbar-title: #FFFFFF;
    /*--navbar-bg-color: #393939;*/
    --navbar-bg-color: #222A35;
    --background-1: #F1F1F1;
    --background-2: #EAEAEA;
    --color-black-1: #333433;
    --color-grey-1: #E1E1E1;
    --color-grey-2: #999999;
    --color-grey-3: #666666;
    --color-grey-4: #F3F3F3;
    --color-grey-5: #B4B4B4;
    --color-green-1: #B9B933;
    /*--color-green-high: #C8C860;*/
    --color-green-high: #D8D88E;
    --color-green-middle: #E8E8BB;
    --color-green-2: #F8F8E9;
    --color-red-1: #FF0066;
    /*--color-red-high: #FF3988;*/
    --color-red-high: #FF73AB;
    --color-red-middle: #FFADCD;
    --color-red-2: #FFE7F0;
    --bs-gutter-x: 17px;
    --color-blue-1: #EDF4FB;
    --color-blue-2: #B4D4EE;
    /*--color-chart-1: #EEF5FB;*/
    --color-chart-1: #cad5de;
    /*--color-chart-2: #EFEED0;*/
    --color-chart-2: #e3e2c5;
    --color-chart-3: #C7BA9C;
    --color-chart-4: #7A7B7F;
    --color-chart-5: #87ABB8;
    --color-chart-6: #393949;
    --color-chart-7: #1C1827;
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'font-main';
    src: url('fonts/LeagueSpartan-VariableFont_wght.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
    font-family: 'font-main';
    src: url('fonts/LeagueSpartan-SemiBold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
    font-weight: 600;
}
@font-face {
    font-family: 'font-main';
    src: url('fonts/LeagueSpartan-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
    font-weight: 700;
}

body {
    font-family: font-main;
    background-color: var(--background-1);
    font-style: normal;
}
.spinner {
    display: inline-block;
    opacity: 0;
    max-width: 0;

    -webkit-transition: opacity 0.25s, max-width 0.45s;
    -moz-transition: opacity 0.25s, max-width 0.45s;
    -o-transition: opacity 0.25s, max-width 0.45s;
    transition: opacity 0.25s, max-width 0.45s; /* Duration fixed since we animate additional hidden width */
}
.has-spinner.active {
    cursor:progress;
}

.has-spinner.active .spinner {
    opacity: 1;
    max-width: 50px; /* More than it will ever come, notice that this affects on animation duration */
}
section.page-container {
    margin-top: 23px;
}
.positive {
    color: var(--color-green-1) !important;
}
.negative {
    color: var(--color-red-1) !important;
}
.metric-compared {
    font-weight: 500;
    font-size: 24px;
    line-height: 22px;
    color: var(--color-grey-2);
}
.total {
    font-weight: 500;
    font-size: 28px;
    line-height: 26px;
    color: var(--color-grey-3);
}
.subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: var(--color-grey-2);
}
.form-check-input:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.link, .link-ico {
    text-decoration: none;
    color: var(--color-primary);
}
.link:hover {
    text-decoration: underline;
    color: var(--color-primary);
}

/* ============ navbar ============ */
.navbar {
    height: 65px;
    background-color: var(--navbar-bg-color);
}
.navbar-collapse {
    flex-grow: inherit;
}
.navbar .title {
    font-weight: 300;
    font-size: 21px;
    line-height: 19px;
    color: var(--navbar-title);
}
.navbar .subtitle {
    font-weight: 400;
    font-size: 21px;
    line-height: 23px;
    color: var(--color-primary);
}
.navbar .subtitle .link {
    color: orange;
}
.nav-link {
    height: 57px;
}
.nav-link:hover {
    background-color: var(--navbar-link-hover);
    border-radius: 5px;
}
.navbar-user {
    font-weight: 400;
    font-size: 18px;
    line-height: 17px;
    color: var(--navbar-title);
}
.navbar-account {
    font-weight: 400;
    font-size: 16px;
    line-height: 15px;
    color: var(--color-grey-2);
}
.navbar .dropdown-toggle::after {
    display:none;
}
/* ============ navbar .end// ============ */

/* ============ Dropdowns multilevel ============ */
@media all and (min-width: 992px) {
    .dropdown-menu li{ position: relative; 	}
    .nav-item .submenu{
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .nav-item .submenu-left{
        right:100%; left:auto;
    }
    .dropdown-menu > li:hover{ background-color: var(--background-1) }
    .dropdown-menu > li:hover > .submenu{ display: block; }
}
@media (max-width: 991px) {
    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
}
/* ============ Dropdowns multilevel .end// ============ */

/* ============ main-menu ============ */
.main-menu {
    margin-top: 36px;
}
.main-menu .title {
    font-weight: 700;
    font-size: 28px;
    line-height: 46px;
    color: var(--color-black-1);
    text-transform: uppercase;
    margin-right: 20px;
    height: 40px;
}
.main-menu a.item-menu {
    font-weight: 400;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    color: var(--color-primary);
    width: 175px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid var(--color-grey-1);
    box-sizing: border-box;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 20px;
}
/* ============ main-menu .end// ============ */

/* ============ main-submenu ============ */
.main-submenu {
    margin-top: 23px;
}
.main-submenu a.item-submenu {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #666666;
    background: var(--background-2);
    border-radius: 5px;
    padding: 3px 10px 0;
    margin-right: 10px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    height: 30px;
}
.main-submenu a.item-submenu.active {
    font-weight: 600;
    background-color: inherit;
    border-radius: inherit;
    color: var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
}
.main-submenu a.item-submenu:hover {
    background-color: inherit;
    border-radius: inherit;
    color: var(--color-primary);
}

/* ============ main-submenu .end// ============ */

/* ============ daterangepicker ============ */
#js-date-picker .input-group {
    height: 40px;
    border-radius: 5px;
    border: 1px solid var(--color-grey-1);
}
#js-date-picker .input-group-addon {
    height: 38px;
    line-height: 40px;
    background-color: #FFF;
    border-right: 2px solid var(--color-grey-1);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#js-date-picker input {
    border: none;
    height: 38px;
    line-height: 13px !important;
    font-weight: 500;
    font-size: 14px;
    color: var(--color-black-1);
    width: 182px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/* ============ daterangepicker .end// ============ */

/* ============ customer-intelligence-dashboard ============ */
#customer-intelligence-dashboard {
    background-color: #FFF;
    height: 180px;
    border-radius: 5px;
    border: 1px solid var(--color-grey-1);
    overflow-x: auto;
}
#customer-intelligence-dashboard .title {
    font-weight: 700;
    font-size: 28px;
    line-height: 26px;
    color: var(--color-black-1);
}
#customer-intelligence-dashboard .metric-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 17px;
    color: var(--color-black-1);
    text-transform: capitalize;
}
#customer-intelligence-dashboard .metric-value {
    font-weight: 500;
    font-size: 28px;
    line-height: 26px;
    color: var(--color-grey-3);
    margin-top: 10px;
}
#customer-intelligence-dashboard .vr {
    background-color: var(--color-grey-1);
    margin-right: 10px;
}
a.btn-dashboard {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #666666;
    background: var(--background-2);
    border-radius: 5px;
    padding: 3px 10px 0;
    margin-right: 10px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    height: 30px;
}
a.btn-dashboard:hover {
    background-color: inherit;
    border-radius: inherit;
    color: var(--color-primary);
}
/* ============ customer-intelligence-dashboard .end// ============ */

/* ============ chart ============ */
.chart-container {
    position: relative;
    width: 100%;
}
.chart-container.has-scroll {
    overflow-x: scroll;
    overflow-y: visible;
    max-width: 100%;
}
@media (max-width: 768px) {
    .chart-container {
        overflow-x: scroll;
        overflow-y: visible;
        max-width: 100%;
    }
}
.chart {
    position: relative;
    display: block;
    width: 100%;
}
.chart.has-minimum-width {
    min-width: 600px;
}
.has-fixed-height {
    height: 375px;
}
.mini-chart-height {
    height: 200px;
}
.chart-pie {
    width: 100%;
    height: 400px;
    min-width: 500px;
}
.chart-widget-legend {
    padding: 0;
}
.chart-widget-legend li {
    margin: 5px 10px 0;
    padding: 7px 8px 5px;
    display: inline-block;
}
.table-chart-tooltip {
    table-layout:fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
.table-chart-tooltip th, .table-chart-tooltip td {
    padding: 0;
}

/* ============ chart .end// ============ */

/* ============ card ============ */
.card {
    border-radius: 5px;
    max-height: 505px;
    min-height: 505px;
}
.card-datatable {
    max-height: inherit !important;
}
.card-header {
    background-color: inherit;
    border-bottom: none;
    padding: 35px 34px;
    border-radius: 5px !important;
}
.card-body {
    padding: 10px 34px 35px;
    font-weight: 500;
    font-size: 16px;
    /*line-height: 15px;*/
    color: var(--color-black-1);
}
h5.card-title {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 26px;
    color: var(--color-black-1);
    margin: 0;
}
.card-body.d-flex.flex-column.overflow-hidden {
    /*margin-right: -34px;*/
}
.card-body.d-flex.flex-column.overflow-hidden div{
    margin-right: -34px;
    padding-right: 34px;
}
.card-disabled-custom {
    background-color: rgba(245, 245, 245, 1);
    opacity: .4;
}
/* ============ card .end// ============ */

/* ============ dashboard ============ */
.card-menu-item {
    font-weight: 400;
    font-size: 18px;
    line-height: 17px;
    color: var(--color-grey-2);
    text-transform: uppercase;
    text-decoration: none;
}
.card-menu-item:hover {
    color: var(--color-primary);
}
.card-menu-item.active {
    color: var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 3px;
}
/* ============ dashboard .end// ============ */

/* ============ chart-bars ============ */
.chart-bars svg {
    width: 100%;
    height: 40px;
}
.chart-bars .name {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 15px;
    fill: var(--color-black-1);
}
.report-countries-item {
    cursor: pointer;
}
.report-countries-item:hover .name.country {
    fill: var(--color-primary);
}
.chart-bars .total {
    font-weight: 500;
    font-size: 24px;
    line-height: 22px;
    fill: var(--color-grey-3);
}
.chart-bars svg rect {
    fill: var(--color-grey-4);
}
.chart-bars svg.positive rect {
    fill: var(--color-green-2);
}
.chart-bars svg.negative rect {
    fill: var(--color-red-2);
}

.chart-bars .metric-compared {
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 19px;
}
.chart-bars svg .metric-compared {
    fill: var(--color-grey-2);
}
.chart-bars svg.positive .metric-compared {
    fill: var(--color-green-1);
}
.chart-bars svg.negative .metric-compared {
    fill: var(--color-red-1);
}
.chart-bars-loading {
    margin-top: 100px;
}
.chart-bars-loading .spinner-grow, .chart-bars-loading .spinner-border {
    width: 3rem;
    height: 3rem;
    color: var(--color-primary);
}
/* ============ chart-bars .end// ============ */

/* ============ scrollbar ============ */
::-webkit-scrollbar {
    width: .45rem;
    height: .45rem;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(27, 27, 27, .4);
    border-radius: 3px;
    background-clip: padding-box;
}
::-webkit-scrollbar-track{
    background: transparent;
}
/* ============ scrollbar .end// ============ */

/* ============ footer ============ */
footer {
    font-weight: 700;
    font-size: 21px;
    color: var(--color-black-1);
}
/* ============ footer .end// ============ */

/* ============ select2 ============ */
.select-chart-pie-content .select2-container--bootstrap-5 .select2-selection {
    border: none !important;
    width: 200px;
    box-shadow: none;
}
.select-chart-pie-content .select2-container--bootstrap-5 .select2-selection.widthOptionMicronconversions {
    width: 270px;
}
.select-chart-pie-content .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    padding: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 26px;
    color: var(--color-black-1);
}
.select2-dropdown .select2-results__options .select2-results__option[aria-selected=true] {
    color: #fff;
    background-color: var(--color-primary) !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true] {
    color: #fff;
    background-color: var(--color-primary) !important;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    line-height: 26px;
}
.select2-container--bootstrap-5 .select2-selection {
    border: 1px solid var(--color-grey-1);
}
.select-countries-container .select2-container--bootstrap-5 .select2-selection {
    min-height: 40px;
}
.select-countries-container .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    margin-top: 2px;
}
/* ============ select2 .end// ============ */

/* ============ datatable ============ */
.datatable-header {
    border-bottom: inherit;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.dt-buttons, .dataTables_filter, .dataTables_length {
    margin: 0 0 0 20px;
}

.btn-dt {
    color: var(--color-grey-3);
    font-family: font-main !important;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    background-color: inherit !important;
    border: none !important;
    text-transform: uppercase;
    padding: 8px;
}
.btn-dt:hover {
    color: var(--color-primary);
}

.datatable-filter .icon-filter3 {
    color: #87C6F9;
    font-size: 21px;
}
.datatable-filter #btn-add-filter.dropdown > a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: var(--color-primary);
    text-transform: uppercase;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    display: block;
}
.filters-content > div:not(.datatable-filter) {
    background: var(--color-blue-1);
    border-radius: 5px;
    height: 40px;
    /*line-height: 40px;*/
    padding: 0 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: var(--color-black-1);
    margin-right: 20px;
    vertical-align: middle;
    cursor: pointer;
}
.filters-content > div > span.icon-cancel-circle2 {
    margin-left: 12px;
    color: var(--color-blue-2);
    cursor: pointer;
}
.datatable-filter {
    margin-right: 28px;
}
/*table.table thead th {
    border-top: 1px solid var(--color-grey-3);
}*/
tbody, td, tfoot, th, thead, tr {
    border-color: var(--color-grey-3);
    vertical-align: middle;
}
table.dataTable th {
    border-top: 1px solid var(--color-grey-3);
    border-bottom-color: var(--color-grey-3);
}
.table>:not(:first-child) {
    border-top: none;
}
div.dataTables_scrollBody {
    border-left: none !important;
}
.table th, .table td {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 15px !important;
    color: var(--color-black-1) !important;
    padding: 13px 15px 11px;
}
.table tfoot td span.total {
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 15px !important;
    color: var(--color-black-1) !important;
}
.table tfoot td {
    font-weight: 600 !important;
}

.lead {
    font-size: inherit;
    font-weight: inherit;
}
.table tfoot .compare {
    font-weight: 400;
}
.table .compare {
    margin-top: 5px;
}
.table .compare-percent {
    margin-top: 8px;
}
.table:not(.table-billing) th:nth-child(even), .table:not(.table-billing) td:nth-child(even) {
    background: var(--color-blue-1);
}
.dataTables_length .select2-container--bootstrap-5 {
    display: inline-block;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0px;
}
.dataTables_length .length-label {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 15px;
    color: var(--color-black-1);
    margin-right: 10px;
}
.dataTables_length .container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 17px;
    color: var(--color-black-1);
}
.dataTables_info {
    margin-left: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    color: var(--color-grey-5);
}
.page-link {
    font-style: normal;
    font-weight: 400;
    padding: 8px .75rem 4px;
    color: var(--color-primary);
}
.page-link:hover {
    color: var(--color-primary);
}
.page-item.active .page-link {
    z-index: 3;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #FFF;
}
table.dataTable > thead a.sorting {
    padding-right: 18px;
    position: relative;
}
table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}
table.dataTable > thead .sorting:before {
    border-bottom-color: #666;
    margin-top: -9px;
}
table.dataTable > thead .sorting:after {
    border-top-color: #666;
    margin-top: 1px;
}
table.dataTable > thead .icon-info22.small {
    font-size: .675em;
    margin-left: 5px;
    color: #ABAEB1;
}
td.font-weight-600 {
    font-weight: 600 !important;
}
.table .compare {
    font-weight: 400;
}
.table .original {
    font-weight: 600;
}

/* ============ datatable .end// ============ */

/* ============ dropdown-menu ============ */
.dropdown-menu li {
    height: 32px;
}
.dropdown-menu li a {
    padding: 4px 1rem 0;
    line-height: 32px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--color-primary);
}
/* ============ dropdown-menu .end// ============ */

/* ============ form ============ */
.btn-ga-connect {
    padding-top: 10px;
    padding-bottom: 8px;
}
.form-control:not(textarea):not(.form-control-sm), .btn:not(.btn-lg) {
    height: 38px !important;
    /*line-height: 38px !important;*/
    padding: 0 .75rem;
}
input.form-control-sm {
    max-height: 31px;
}
input.form-control-sm::placeholder {
    margin-top: 2px;
    position: absolute;
}
.btn:not(.btn-lg) {
    line-height: 38px !important;
}
.btn-check:focus+.btn, .btn:focus {
    box-shadow: none;
}
.btn-group-sm .btn {
    line-height: 1.5 !important;
    height: inherit !important;
}
textarea {
    height: inherit !important;
    padding: .75rem;
}
.btn-sm {
    height: 31px !important;
    line-height: 31px !important;
    /*padding: .25rem .5rem;*/
    /*font-size: .875rem;*/
    border-radius: .2rem;
}
.form-control::placeholder {
    /*padding-top: .475rem;*/
    /*padding-bottom: .275rem;*/
    vertical-align: middle;
    transform:translate3d(0,3px,0);
}
.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.btn-outline-primary {
    border-color: var(--color-primary);
    color: var(--color-primary);
}
/* ============ form .end// ============ */

/* ============ stat-card ============ */
.stat-card {
    padding: 15px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 156px;
}

.stat-card .stat-card-title .dropdown > a {
    padding-bottom: 3px;
    padding-top: 3px;
    color: var(--color-grey-3);
}
.stat-card-title a.dropdown-toggle,
.stat-card-value,
.stat-card-value-compare
{
    color: var(--color-grey-3);
}
.stat-card .stat-card-title a:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
.stat-card .stat-card-value {
    font-size: 24px;
}
.stat-card .stat-card-value-compare {
    font-size: 14px;
}
.card-blue {
    background-color: var(--color-chart-1);
    /*color: #FFFFFF;*/
    cursor: pointer;
}
.stat-card-title a.dropdown-toggle {
    text-decoration: none;
}
.card-blue .stat-card-title a.dropdown-toggle,
.card-blue .stat-card-value,
.card-blue .stat-card-value-compare
{
    /*color: #FFFFFF;*/
}
.card-red {
    background-color: var(--color-chart-2);;
    /*color: #FFFFFF;*/
    cursor: pointer;
}

.card-red .stat-card-title a.dropdown-toggle,
.card-red .stat-card-value,
.card-red .stat-card-value-compare {
    /*color: #FFFFFF;*/
}
.card-yellow {
    background-color: var(--color-chart-3);;
    cursor: pointer;
}
.card-green {
    background-color: var(--color-chart-4);;
    color: #FFFFFF;
    cursor: pointer;
}
.card-green .stat-card-title a.dropdown-toggle,
.card-green .stat-card-value,
.card-green .stat-card-value-compare {
    color: #FFFFFF;
}

.card-disabled {
    background-color: #DDDDDD !important;
    cursor: pointer;
}

.card-disabled a.dropdown-toggle {
    color: #6e6e6e !important;
}

.card-disabled .stat-card-value, .card-disabled .stat-card-value-compare {
    color: #6e6e6e !important;
}

.card-yellow .stat-card-value {
    color: #6e6e6e !important;
}

.card-yellow .stat-card-value-compare {
    color: #6e6e6e !important;
}
/* ============ stat-card .end// ============ */

/* ============ download-pill .end// ============ */
.download-pill {
    background-color: white;
    color: var(--color-black-1);
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    padding: 12px;
    min-height: 100px;
}
.download-pill .download-text {
    margin-left: 8px;
}
.item-download a {
    text-decoration: none;
    color: var(--color-primary);
}
.item-download a:hover {
    text-decoration: underline;
}
/* ============ download-pill .end// ============ */

/** begin adinton code shown in html **/

pre[class*="language-"].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
}

pre[class*="language-"].line-numbers > code {
    position: relative;
    white-space: inherit;
}

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em; /* works for line-numbers below 1000 lines */
    letter-spacing: -1px;
    border-right: 1px solid #999;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
}

/** end adinton code shown in html **/

/** popover select account */
#js-account-picker .select2-selection--single {
    background-color: var(--color-primary); !important;
    border: 1px solid white;
    color: #ffffff;
    font-size: 16px;
}

#select2-account-results .select2-results__option[aria-selected=true] {
    background-color: #199BF8 !important;
}
.popover-custom-account {
    max-width: 250px !important;
    width: 250px !important;
    border-color: #199BF8 !important;
}

.popover-custom-account .popover-content {
    background-color: #199BF8;

}
.popover-custom-account.right > .arrow:after {
    color: #199BF8 !important;;
    border-right-color: #199BF8 !important;
}

.popover-custom-account select {
    background-color: #199BF8;
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
}
.popover-custom-account select option{
    height: 30px;
    line-height: 30px;
    font-size: 15px;

}
.popover-account {
    background-color: var(--color-primary);
}
.popover-account>.popover-arrow::after {
    border-bottom-color: var(--color-primary) !important;
}
.popover-account-body .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: white;
}
.popover-account-body .select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}
a.select-account {
    color: var(--navbar-title) !important;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}
a.select-account:hover {
    color: var(--navbar-title) !important;
}
a.select-account div {
    border: 1px solid var(--navbar-title);
    border-radius: 5px;
    line-height: 25px;
    height: 25px;
    padding: 0 18px;
}
/** end popover select account */

/** form referral */
.hide {
    display: none;
}
.bg-slate {
    background-color: #607D8B;
    border-color: #607D8B;
    color: #fff;
}
/** end form referral */

/** style stripe */
.security-seals {
    margin: 24px 0 4px;
}
.security-seals {
    display: flex;
    justify-content: space-around;
    padding: 0;
    opacity: 0.3;
}
.security-seals li {
    list-style-type: none;
    font-weight: bold;
    text-transform: uppercase;
}
.security-seals li.security::before {
    background-position: 0 -944px;
}
.security-seals li.privacy::before {
    background-position: 0 -976px;
}
.security-seals li::before {
    content: '';
    display: inline-block;
    margin-right: 3px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url(../images/customer-suite-sprite.svg);
}
#card-errors {
    font-size: 12px;
    margin-bottom: 0px !important;
    color:#D84315 !important;
}
/** end style stripe */

/** start loader */
.loader{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
}
#loader-6{
    top: 40px;
    left: -2.5px;
}

#loader-6 span{
    display: inline-block;
    width: 6px;
    height: 30px;
    background-color: #3498db;
}

#loader-6 span:nth-child(1){
    animation: grow 1s ease-in-out infinite;
}

#loader-6 span:nth-child(2){
    animation: grow 1s ease-in-out 0.15s infinite;
}

#loader-6 span:nth-child(3){
    animation: grow 1s ease-in-out 0.30s infinite;
}

#loader-6 span:nth-child(4){
    animation: grow 1s ease-in-out 0.45s infinite;
}

@keyframes grow{
    0%, 100%{
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

    50%{
        -webkit-transform: scaleY(1.8);
        -ms-transform: scaleY(1.8);
        -o-transform: scaleY(1.8);
        transform: scaleY(1.8);
    }
}
/** emd loader */

/* tags generator */

#js-conversion li:not(:last-child) {
    margin-bottom: 10px;
}
#js-conversion li {
    padding-left: 8px;
}
#js-conversion li::marker{
    font-size: 18px;
}
.field-tags.error {
    outline: 1px solid #D84315;
    border-radius: 1px;
    outline-offset: 5px;
}
/* end tags generator */

.display-mobile {
    display: none;
}
.desktop-mt-30 {
    margin-top: 30px;
}
section .accordion-body {
    padding: 0 0 25px;
}
.columns-filters-container {
    min-width: 200px;
}
.columns-filters-items .icon-menu7 {
    cursor: move;
}
.form-switch.form-switch-sm {
    /*margin-bottom: 0.5rem; !* JUST FOR STYLING PURPOSE *!*/
}

.form-switch.form-switch-sm .form-check-input {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}

.form-switch.form-switch-md {
    /*margin-bottom: 1rem; !* JUST FOR STYLING PURPOSE *!*/
}

.form-switch.form-switch-md .form-check-input {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.form-switch.form-switch-lg {
    /*margin-bottom: 1.5rem; !* JUST FOR STYLING PURPOSE *!*/
}

.form-switch.form-switch-lg .form-check-input {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.form-switch.form-switch-xl {
    /*margin-bottom: 2rem; !* JUST FOR STYLING PURPOSE *!*/
}

.form-switch.form-switch-xl .form-check-input {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}
tbody .td-padding-0 {
    padding: 0;
}

/* affiliates */
.table-section .col {
    display: table-cell;
}
.table-section .row {
    align-items: center;
}
.table-body {
    overflow-y: auto;
    height: 340px;
    overflow-x: hidden;
    margin-right: -34px;
    padding-right: 34px;
}
.table-body .col {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 15px;
    fill: var(--color-black-1);
}
.table-body .row {
    margin-top: 8px;
    height: 30px;
    align-items: center;
}
.table-body .text-end {
    font-weight: 500;
    font-size: 24px;
    line-height: 22px;
    fill: var(--color-grey-3);
    vertical-align: middle;
    white-space: nowrap;
}
.title-payouts-affiliate {
    font-weight: 500;
    font-size: 40px;
    line-height: 22px;
    fill: var(--color-grey-3);
    vertical-align: middle;
}
/* end affiliates */

@media (min-width: 991.99px) {
    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
}

@media (max-width: 1340px) {
    .calendar {
        order: -1!important;
        padding-bottom: 20px;
        margin-left: auto;
    }
}

@media (max-width: 1504px) {
    .calendar-time-evolution {
        order: -1!important;
        padding-bottom: 20px;
        margin-left: auto;
    }
}

@media (max-width: 1720px) {
    .main-submenu:has(#filters-top-pages) {
        flex-direction: column !important;
    }
    #filters-top-pages {
        margin-top: 1rem;
    }
}

@media (max-width: 1690px) {


    .calendar-big-screen {
        order: -1!important;
        padding-bottom: 20px;
        margin-left: auto;
    }
}



@media (max-width: 991.98px) {
    .mobile-order-first {
        order: -1!important;
    }
    .desktop-mt-30 {
        margin-top: 0;
    }
    .display-mobile {
        display: block;
    }
    .display-desktop {
        display: none !important;
    }
    main {
        margin-top: 58px;
    }
    .card {
        min-height: inherit;
        max-height: 505px;
        border-radius: 20px;
        border: 1px solid rgba(0,0,0,.125);
    }
    .card-body {
        padding: 10px;
    }
    .card-mobile-padding {
        padding: 10px;
    }
    .has-fixed-height-pie {
        max-height: 375px;
        height: inherit;
    }
    .dt-buttons {
        display: none !important;
    }
    .dataTables_length, .dataTables_info {
        display: none !important;
    }
    #js-filters {
        margin-left: 20px;
    }
    .main-submenu {
        margin-top: 0;
    }
    /** navbar **/
    .navbar {
        height: inherit;
        position: absolute;
        z-index: 999;
        width: 100%;
        top: 0;
    }

    .navbar .nav-link {
        height: inherit;
        color: var(--color-primary);
        font-size: 19px;
    }
    .dropdown-menu-dark .dropdown-item.active {
        background-color: var(--color-primary);
    }
    #navbarMobileAccounts {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300B4ED' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
        padding-right: 35px;
        text-transform: uppercase;
    }
    .navbar .accordion-button {
        background-color: inherit;
    }
    .navbar .accordion-item {
        background-color: inherit;
        border: none;
        border-bottom: 1px solid #3298CB;
    }
    .navbar .accordion-button {
        font-weight: 700;
        font-size: 1.4rem;
        color: #FFF;
        padding: 10px 5px;
        border: none;

    }
    .navbar .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        transform: rotate(-180deg);
    }
    .navbar .accordion-button.unique:not(.collapsed)::after {
        background-image: none;
        transform: none;
    }
    .navbar .accordion-button:not(.collapsed) {
        color: #FFF;
        background-color: inherit;
        box-shadow: none;
    }
    .navbar .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }
    .navbar ul.accordion-collapse {
        padding-left: 5px;
    }
    .navbar-dark .navbar-nav .nav-link {
        color: #FFFFFF;
        text-transform: capitalize;
    }
    .navbar .accordion-button .title {
        color: #336666;
        text-transform: capitalize;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: inherit;
    }
    .navbar-dark .navbar-nav .nav-link.active {
        color: #336666;
    }
    .navbar .accordion-item:first-of-type {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }
    .navbar .accordion-button a.item-menu {
        color: #FFFFFF;
        text-transform: capitalize;
        text-decoration: none;
    }
    .navbar .navbar-dark .navbar-nav .nav-link.active {
        color: #336666;
    }
    /** end navbar **/
    .calendar {
        margin-left: 20px;
        padding-bottom: 0;
    }
    .main-menu {
        margin-top: 0;
    }
    .title-page-mobile {
        margin-top: 20px;
        margin-left: 20px;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .title-page {
        /*color: var(--color-primary);*/
    }
    .subtitle-page {
        color: var(--color-primary);
    }
    .show-when-not-collapsed {
        visibility: hidden;
    }
    /** .accordion-section **/
    section .accordion-section {
        border-top: 1px solid rgba(0,0,0,.125);
    }
    .accordion-section .accordion-button:focus {
        box-shadow: none;
    }
    .accordion-section .accordion-button::after {
        flex-shrink: 0;
        width: 0;
        height: inherit;
        margin-left: 0;
        content: "";
        background-image: none;
        background-repeat: no-repeat;
        background-size: inherit;
        transition: inherit;
    }
    .accordion-section .accordion-button::before {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: 0;
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ccircle cx='28' cy='28' r='28' fill='%23359AFF'/%3E%3Ccircle cx='28' cy='28' r='28' stroke='%23DEDEDE'/%3E%3Crect x='13' y='17' width='30' height='18' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_0_205' transform='scale(0.0333333 0.0555556)'/%3E%3C/pattern%3E%3Cimage id='image0_0_205' width='30' height='18' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAABM8m7ZAAAABHNCSVQICAgIfAhkiAAAAcZJREFUSEutlMkrRVEcx99bYGEoFjKszJSElQUrJFMvZYWVpeIfYMvKUtlJChtkHrKjtzRkI+PCwlQob4V4Pr86p26333v33cevvnXub/rce87vnmA0Gg0kYV3UTKJ0NIGm/fYIJgHuBbKAUhywMdbjfuB+wQKdR6kKxBfcD1j7Ujd/1Gy958cnCu6g0wpK8+wYCAyTM+WVlwi4jSbLZpC8+tn4kNfAeYGbaLCKchRiGN8z6lFi3/gG0VysN40HbqBoG2UrxWf4mtEbWkOdSs4PvgG0qMFjgetI3kQFStGlAV2bWKY5ilYl9xNfP1pyxzSwQLdQvtLoAp8M2q0rlsGzDF/CcDe41myvBr0i1o5utK3DFw/+RbzP+eVOcBWBfVSoNL7D14IEHs+yzG41Kkkf+GQQdyRmwUWs91CZUvBotvfEA2rDuSx2kRyZ295Nr7CABSpvUaEkPuDrRkcJQm2aDOUGqlfqXvCFBLxumrtz5B+VMz32CbXpeWYXa5T6UwFHCMhgOO2VBzmPgyShtqyUhfwh5a4+EQHLeci1aE0uhRA6/CPUlhezkIvIeZTnAi7BOYsq0T2Se1auw/80maMZVI2e0MgvdE2D8dyoiyIAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out;
        transform: rotate(180deg);
        margin-right: 10px;
    }
    .accordion-section .accordion-button:not(.collapsed)::before {
        transform: rotate(0deg);
    }
    .accordion-section .accordion-button {
        font-weight: 700;
        font-size: 1.4rem;
        border: none;
        background-color: inherit;
        white-space: nowrap;
    }
    .accordion-section .accordion-button:not(.collapsed) {
        color: inherit;
        background-color: inherit;
        box-shadow: none;
    }
    .accordion-section .accordion-button:not(.collapsed) + .show-when-not-collapsed, .accordion-section .accordion-button:not(.collapsed) .show-when-not-collapsed {
        visibility: visible;
    }
    .accordion-section .accordion-button.image-scroll:not(.collapsed) {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='110' height='117' viewBox='0 0 110 117' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect opacity='0.2' width='110' height='117' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_0_209' transform='scale(0.00909091 0.00854701)'/%3E%3C/pattern%3E%3Cimage id='image0_0_209' width='110' height='117' xlink:href='data:image/png;base64,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'/%3E%3C/defs%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 20px top 3px;
        background-size: 3rem;
    }
    .accordion-header-select-container {
        padding-top: 1rem;
    }
    .accordion-header-select-container .select2-container--bootstrap-5 .select2-selection--single {
        background-color: #359AFF;
        border: none;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        border-radius: 10px;
        padding: 8px 40px 10px 10px;
        border-bottom-color: #359AFF !important;
    }
    .accordion-header-select-container .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
        color: #FFF;
    }
    .accordion-header-select-container .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
        box-shadow: none;
    }
    .select2-container--bootstrap-5 .select2-dropdown.select-card-mobile-dropdown .select2-results__options .select2-results__option {
        background-color: #FFF !important;
        color: #359AFF;
        padding: 8px 10px 3px;
    }
    .select2-container--bootstrap-5 .select2-dropdown.select-card-mobile-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
    .select2-container--bootstrap-5 .select2-dropdown.select-card-mobile-dropdown .select2-results__options .select2-results__option[aria-selected=true] {
        background-color: #359AFF !important;
        color: #FFF;
    }
    .select2-container--bootstrap-5 .select2-dropdown.select-card-mobile-dropdown {
        border: 1px solid #359AFF !important;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .select2-container--bootstrap-5 .select2-dropdown.select-card-mobile-dropdown .select2-results__options .select2-results__option:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;

    }
    /** end .accordion-section **/

    /** funnel */
    .mobile-order-priority {
        order: -1!important;
    }
    .columns-filters-container {
        min-width: inherit;
        margin-bottom: 20px;
    }
    .mobile-flex-column {
        flex-direction: column!important;
    }
    .card.height-auto {
        max-height: inherit;
    }

    /*.columns-filters-items {*/
    /*    display: flex!important;*/
    /*    gap: 1rem!important;*/
    /*    flex-wrap: wrap!important;*/
    /*}*/
    /** end funnel */

    #customer-intelligence-dashboard {
        background-color: inherit;
        border: 0;
        height: inherit;
    }
    #customer-intelligence-dashboard .flex-fill {
        border: 1px solid rgba(0,0,0,.125);
        border-radius: 20px;
        background-color: #FFF;
    }
    #customer-intelligence-dashboard::-webkit-scrollbar{
        display: none;
    }
    .chart-container::-webkit-scrollbar{
        display: none;
    }
    .dataTables_scrollBody::-webkit-scrollbar{
        display: none;
    }
    #customer-intelligence-dashboard .metric-title {
        white-space: nowrap;
        min-width: 100px;
    }
    #customer-intelligence-dashboard .mt-auto.metric-compared {
        margin-top: 10px !important;
    }
    .no-show-scroll::-webkit-scrollbar{
        display: none;
    }
    .scroll-mobile {
        overflow-x: auto;
    }
    .main-search {
        margin-top: 20px;
    }


    /* affiliates */
    .table-body .col {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 15px;
        fill: var(--color-black-1);
    }
    .table-body .text-end {
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        fill: var(--color-grey-3);
        vertical-align: middle;
    }
    #input-code-invite {
        width: 100% !important;
    }
    /* end affiliates */


}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer {
    margin-top: auto;
}

.featured-message {
    border: 1px solid var(--color-chart-5);
    border-radius: 5px;
    background-color: rgba(0, 180, 237, 0.1);

}
.input-group-affiliate-url .input-group-text {
    padding: 0.475rem 0.75rem 0.275rem;
}
.input-group-affiliate-url input::placeholder {
    transform: translate3d(0,0,0) !important;
}
.affiliate-program-overview li {
    margin-top: 10px;
}
.input-group-affiliate-url.is-invalid .input-group-text {
    border-color: #dc3545;
}
.daterangepicker .drp-buttons .btn {
    line-height: 31px !important;
}
.icon-upgrade-product {
    font-size: 74px;
    display: inline-block;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    border: 2px solid #000;
}

#btn-add-ip.btn-sm {
    height: 31px !important;
    line-height: 31px !important;
    border-radius: .2rem;
}
#ip-list .delete .icon-bin.link-ico {
    cursor: pointer;
}