/* =========================================
   D4S Modern Theme - Assistant Font
   Weights: 200–800
   ========================================= */

@font-face {
    font-family: "Assistant";
    src: url("/plugins/D4SModernTheme/fonts/Assistant/Assistant-ExtraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: "Assistant";
    src: url("/plugins/D4SModernTheme/fonts/Assistant/Assistant-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Assistant";
    src: url("/plugins/D4SModernTheme/fonts/Assistant/Assistant-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Assistant";
    src: url("/plugins/D4SModernTheme/fonts/Assistant/Assistant-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Assistant";
    src: url("/plugins/D4SModernTheme/fonts/Assistant/Assistant-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Assistant";
    src: url("/plugins/D4SModernTheme/fonts/Assistant/Assistant-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Assistant";
    src: url("/plugins/D4SModernTheme/fonts/Assistant/Assistant-ExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

html {
	font-family: 'Assistant', sans-serif !important
}

body{
	direction:rtl;
	font-family: 'Assistant', sans-serif !important
}

#root #secondNavBar + .pageWrap {
	margin-right: 224px;
	margin-left: inherit !important
}

#root #secondNavBar {
  float: right;
}

#root #secondNavBar .navbar .menu-icon {
	float: right;
	padding-right: 0px;
	padding-left: 13px;
	position: relative;
	top: 5px;
}

.quick-access{
	display: none !important
}

.loadingPiwik img {
	margin-right: inherit !important;
	margin-left: 8.5px;
}

#root #secondNavBar.Menu--dashboard .navbar > li > .item:hover, #root #secondNavBar.Menu--dashboard .navbar > li > .item:focus {
	color: #F06613;
}

#root #secondNavBar .navbar > li > ul li .item:hover, #root #secondNavBar .navbar > li > ul li .item:focus {
	color: #F06613;
}

#root #secondNavBar .navbar > li .item, #root #secondNavBar .navbar > li .item-help-icon {
	font-size: 15px;
	line-height: 25px;
}

#root #secondNavBar .navbar > li > ul li .item {
	font-size: 15px;
}

div.dataTableVizHtmlTable tr.subDataTable > td > span.label::before, div.dataTableVizPerformanceColumns tr.subDataTable > td > span.label::before, div.dataTableVizAllColumns tr.subDataTable > td > span.label::before, div.dataTableVizGoals tr.subDataTable > td > span.label::before {
	margin-left: 5px;
	padding-right: 5px;
}

.widget div.dataTable:not(.isComparing) table.dataTable tbody > tr > td:not(.cellSubDataTable):first-child {
	padding-left: inherit !important;
	padding-right: 12px;
}

.select-wrapper .caret {
	right: inherit !important;
	left: 0;
}

.dropdown-content li > a, .dropdown-content li > span {
	text-align: right;
}


.card-content .sparkline {
	float: right !important;
}

.visitor-profile-help{
	display: none
}

h1, h2, h3, h4, h5, button, input, optgroup, select, textarea {
	font-family: 'Assistant', sans-serif !important;
}

nav ul.right.hide-on-med-and-down {
	margin-right: inherit !important;
	margin-left: 5px;
}

#root #secondNavBar .navbar > li .item-help-icon {
	right: inherit;
	left: 21px;
}

#periodString .period-date, #periodString .period-range {
	padding: 0 0 0 16px;
}

.dataTableVizVisitorLog .card.row {
	text-align: right;
}

.truncated-text-line {
	right: 10px;
	position: relative;
}

.action-list-action-icon {
	right: -18px;
	left:inherit
}	
	

a.visitor-log-visitor-profile-link {
	right:inherit;
	left: 15px;
	top: 34px;
}

ol.actionList > li:not(.pageviewActions)::before {
	display: none;
}

[type="radio"] + span::before, [type="radio"] + span::after {
	right: -5px;
	left: inherit;
}

[type="radio"]:not(:checked) + span, [type="radio"]:checked + span {
	padding-left:inherit;
	padding-right: 20px;
}

[type="checkbox"] + span:not(.lever)::before, [type="checkbox"]:not(.filled-in) + span:not(.lever)::after {
	right: -5px;
	left: inherit;
}

[piwik-period-selector] .compare-checkbox label span, .periodSelector .compare-checkbox label span {
	padding-left:inherit;
	padding-right: 20px;
}

table.dataTable tr:not(.subDataTableContainer) td.label .label {
	text-align: right;
}

.dataTable td .ratio {
	float: left;
}

.theWidgetContent .card .card-content table.dataTable td:last-child, table.dataTable td:last-child, table.subDataTable td:last-child {
	padding-right:inherit;
	padding-left: 40px;
}

tr,th,td{
	text-align: right !important;
}

.visitsLiveFooter{
	display: flex
}

#visitsLive .settings {
	display: flex;
}

.realTimeWidget_datetime {
	float: right;
	line-height: 30px
}

#visitsLive .visits-live-launch-visitor-profile {
	position:relative;
	float: right;
	right: 5px;
}

.visitor-profile-info {
	text-align: right;
	display:flex
}

.visitor-profile-overview {
	padding: 22px 22px 0 0;
}

ol.visitorLog {
	margin-right: 8px;
	margin-left: inherit;
}

.visitor-profile-important-visits > div {
	float: right;
}

.visitor-profile-header {
	display: flex;
}

.visitor-profile-latest-visit .visitorLogIcons .visitorLogIconWithDetails img {
	float: right;
	margin-right: 2px;
	margin-left:inherit !important;
	  position: relative;
	  top: 3px;
}

.visitor-profile-latest-visit .visitorLogIcons .visitorLogIconWithDetails::after {
	right: 26px;
	left: inherit;
}

.visitor-profile-options {
	right: inherit;
	left: 6px;
}

table.dataTable thead tr th.columnSorted .sortIcon {
	left: 0px;
}

table.dataTable thead tr th.columnSorted .sortIcon.asc {
	margin-top: -5px;
}

table.dataTable img {
	margin-left: 1em !important;
	margin-right: 1px !important;
}

.dataTableRowActions {
	margin-right: 90%;
	margin-left: 0px !important;
}

.visitor-profile-visit-title .visitor-profile-date {
	position: absolute;
	left: 5px;
}

.dataTableControls{
	display:flex
}

.reportsByDimensionView{
	display:flex
}

.custom_select_ul_list li{
	border-bottom: 1px solid #e4e4e4;
}

.piwikSelector.expanded .dropdown li a{
	font-size: 13px !important;
	line-height: 35px !important;
}

/*
.nav-wrapper li:nth-child(6),.nav-wrapper li:nth-child(7){
	display:none
}
*/

#topmenu-feedback{
	display: none
}

[title="Learn what's new in Matomo"]{
	display: none !important
}

#content{
	width: 100%;
}

ol.actionList > li:not(.pageviewActions)::after {
	left: inherit !important;
	right: -10px;
}

ol.actionList > li.pageviewActions::after {
	left: inherit !important;
	right: -10px;
}

.input-field.col label {
	left: inherit !important;
	right: 0px;
}

.loginForm [type="checkbox"] + span:not(.lever)::before{
	right: 5px;
	left: inherit;
}

.loginForm #piwik{
	display:none
}

.piwikSelector a.title .icon:not(.icon-fixed){
	float:right
}

.piwikSelector a.title .icon {
	position: relative;
	top: 2px;	
	padding-right: 0px;
	padding-left: 6px;
}

[type="checkbox"] + span:not(.lever) {
	padding-left: inherit !important;
	padding-right: 35px;
}

#secondNavBar .navbar > li > ul li.active > .item {
	background-color: #e4e4e4 !important;
}

li.menuTab:nth-child(1) > ul:nth-child(2) > li:nth-child(1){
	display: none
}

.widget h3.widgetName {
	background: #f1f1f1;
	margin: 0px !important;
}

.widget .widgetTop .buttons {
	left: 8px;
	right: inherit !important;
	float: left;
	padding-left: inherit !important;
	padding-right: 50px;
}

.icon-arrow-bottom{
	float: left !important;
	padding-right: 6px !important;
	padding-left: 0px !important;
}

table.dataTable tr:not(.subDataTableContainer) td.label + td.column {
	padding-left: 5px;
	padding-right: 5px;
}

.dataTable td .ratio {
	margin-right: 20px;
}

table.dataTable thead tr th {
	font-size: 15px;
}

#multisites td.multisites-label a {
	font-size: 16px;
}

.iconsBar{
	display: none
}

#multisites .paging .row {
	display: flex
}

#multisites .add_new_site {
	text-align: right;
}

table.dataTable tr td .icon-outlink {
	margin-right: 10px;
}

#multisites td.multisites-label a {
	float: right;
}

#dashboard #widgetEcommercegetSparklinesforceView1viewDataTablesparklinesidGoalecommerceOrder .card-content{
	display: grid;
}

#dashboard #widgetEcommercegetSparklinesforceView1viewDataTablesparklinesidGoalecommerceOrder .card-content > div {
	margin-left:0px;
	margin-top: 10px
}

#widgetVisitsSummarygetforceView1viewDataTablesparklines .theWidgetContent{
	display: grid
}

#dashboard .sparkline.linked{
	float: right !important
}

#widgetEcommercegetSparklinesforceView1viewDataTablesparklinesidGoalecommerceOrder .card-content > div {
	margin-right: inherit;
	margin-left: 1%;
	padding: 10px;
	background: #f1f1f1 !important;
}

#widgetVisitsSummarygetforceView1viewDataTablesparklines .card-content .row{
	display: flex
}

div.sparkline img {
	margin-right: inherit;
	margin-left: 10px;
}

.Menu--dashboard .menuTab:last-child{
	display: none !important
}

#root #secondNavBar .navbar {
	padding-bottom: 16px !important;
}

#content:not(.admin) table.dataTable th.columnSorted, .widget table.dataTable th.columnSorted{
	font-size: 13px !important
}

ul.ulGoalTopElements {
	margin-left: inherit !important;
	margin-right: 20px;
}

.accessibility-skip-to-content {
  left: 10000px !important;
}


.period-range{
	display: flex;
}

#calendarRangeFrom {
	float: right;
}

#calendarRangeTo {
	margin-left: inherit;
	margin-right: 15px;
}

[data-category-id="ProfessionalServices_PromoFunnels"],[data-category-id="ProfessionalServices_PromoFormAnalytics"],[data-category-id="ProfessionalServices_PromoMediaAnalytics"],[data-category-id="ProfessionalServices_PromoAbTesting"],[data-category-id="ProfessionalServices_PromoHeatmaps"],[data-category-id="ProfessionalServices_PromoSessionRecording"],[data-category-id="ProfessionalServices_PromoCustomReports"],[data-category-id="ProfessionalServices_PromoCrashAnalytics"]{
	display:none !important
}


.piwikSelector a.title .icon-chevron-down {
	padding-right: 6px !important;
	padding-left: 0px !important;
	float: left !important;
}

.dashboardSettings ul.submenu {
	float: right !important
}

ul.widgetpreview-widgetlist, ul.widgetpreview-categorylist {
	float: right !important
}

table.dataTable tr:not(.subDataTableContainer) td .value {
	font-size: 16px !important;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 15px !important;
}

.piwikSelector.expanded .dropdown li a {
	font-size: 16px !important;
	font-family: 'Assistant', sans-serif !important;
}

#root #secondNavBar + .pageWrap {
	margin-right: inherit !important;
	margin-left: inherit !important;
}

#datepicker{
	font-family: 'Assistant', sans-serif !important
}

.loginLayout__secondary{
	display:none !important
}

.visitor-profile-info .alert-info{
	display:none !important
}

.ui-dialog {
	max-width: 1200px !important;
}

.periodSelector .period-selector-calendar-column {
	border-left: none !important;
	margin-left: inherit !important;
	padding-left: 16px !important;
	border-right: 1px solid #f2f2f2;
	margin-right: 16px !important;
	padding-right: 16px !important;
}

.periodOptions label{
	text-align: right !important
}

.preset-date-range-group:has(#preset_date_thisWeekMonToday) {
    display: none !important;
}


.icon-chevron-left::before {
	content: "\e909" !important;
}

.periodSelector #periodMore {
	right: 0 !important;
	left: auto !important;
}

.icon-chevron-right::before {
	content: "\e907" !important;
}

.icon-dollar-sign::before {
    content: "₪" !important;
    font-family: Arial, sans-serif !important;
    font-weight: 600;
}
/****/

.dataTableControls .dataTableAction .icon-export {
  margin-top: 0px !important;
}


.dataTableControls > div[data-v-app] > div {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center;
    gap: 6px;
}

#root #secondNavBar .navbar {
	padding-bottom: 0px !important;
}

#root #secondNavBar .navbar {
    padding-top: 0px !important;
}

.kpiCardTitle {
	font-size: 15px !important;
}

.dashboardControls .btn{
	display:none !important
}

/* =========================================================
   D4S MODERN UI
   MATOMO – VISITOR PROFILE POPUP
   FULL UPDATED VERSION
   ========================================================= */


/* =========================================================
   VARIABLES
   ========================================================= */

.visitor-profile-popup {
    --d4s-border: #e5eaf1;
    --d4s-border-soft: #eef1f5;
    --d4s-bg: #f8fafc;
    --d4s-card: #ffffff;
    --d4s-text: #172033;
    --d4s-muted: #667085;
    --d4s-primary: #4169e1;
    --d4s-primary-soft: #f1f4ff;
    --d4s-radius: 10px;
}


/* =========================================================
   MAIN
   ========================================================= */

.visitor-profile-popup .visitor-profile-info {
    background: #fff;
    color: var(--d4s-text);
}

.visitor-profile-popup .visitor-profile-overview {
    background: #fff;
}


/* =========================================================
   HEADER
   ========================================================= */

.visitor-profile-popup .visitor-profile-header {
    display: flex;
    align-items: flex-start;

    padding: 16px 18px;
    margin-bottom: 10px;

    background: #fff;

    border: 1px solid var(--d4s-border);
    border-radius: var(--d4s-radius);

    box-sizing: border-box;
}


/* Hide avatar */

.visitor-profile-popup
.visitor-profile-header
.visitor-profile-avatar {
    display: none !important;
}


.visitor-profile-popup
.visitor-profile-header-details {
    flex: 1;
    min-width: 0;
}


/* =========================================================
   PROFILE TITLE
   ========================================================= */

.visitor-profile-popup
.visitor-profile-headline {
    display: flex;
    align-items: center;
    gap: 8px;
}


.visitor-profile-popup
.visitor-profile-headline h1 {
    margin: 0 !important;

    color: var(--d4s-text) !important;

    font-size: 18px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
}


/* Previous / Next */

.visitor-profile-popup
.visitor-profile-prev-visitor,

.visitor-profile-popup
.visitor-profile-next-visitor {
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    padding: 0 !important;

    background: #fff;

    border: 1px solid #e1e6ed;
    border-radius: 8px;

    color: #667085 !important;

    text-decoration: none !important;
	text-align: center;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease;
}


.visitor-profile-popup
.visitor-profile-prev-visitor:hover,

.visitor-profile-popup
.visitor-profile-next-visitor:hover {
    background: var(--d4s-primary-soft);
    border-color: #ccd6ff;

    color: var(--d4s-primary) !important;
}


/* =========================================================
   VISITOR ID
   ========================================================= */

.visitor-profile-popup
.visitor-profile-latest-visit {
    margin-top: 8px;
}


.visitor-profile-popup
.visitor-profile-id {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 6px;

    color: var(--d4s-muted);

    font-size: 12px;
}


.visitor-profile-popup
.visitor-profile-widget-link {
    display: inline-flex;
    align-items: center;

    padding: 4px 8px;

    background: #f6f8fb;

    border: 1px solid #edf0f4;
    border-radius: 6px;

    color: #344054 !important;

    font-family: monospace;
    font-size: 11px;

    text-decoration: none !important;
}


.visitor-profile-popup
.visitor-profile-export {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    border-radius: 7px;

    color: #667085 !important;

    text-decoration: none !important;
}


.visitor-profile-popup
.visitor-profile-export:hover {
    background: var(--d4s-primary-soft);

    color: var(--d4s-primary) !important;
}


/* =========================================================
   HEADER VISITOR DETAILS
   2 ITEMS PER ROW + TEXT
   ========================================================= */

.visitor-profile-popup
.visitor-profile-header
.visitorLogIcons {
    display: block !important;

    width: 100% !important;

    margin-top: 10px !important;
}


.visitor-profile-popup
.visitor-profile-header
.visitorLogIcons
> .visitorDetails {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 6px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Header detail item */

.visitor-profile-popup
.visitor-profile-header
.visitorLogIcons
> .visitorDetails
> .visitorLogIconWithDetails {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 7px !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 9px !important;

    box-sizing: border-box !important;

    background: #f8fafc !important;

    border: 1px solid #e5eaf1 !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    cursor: default !important;
}


/* Header icon */

.visitor-profile-popup
.visitor-profile-header
.visitorLogIcons
> .visitorDetails
> .visitorLogIconWithDetails
> img {
    display: block !important;

    flex: 0 0 17px !important;

    width: 17px !important;
    height: 17px !important;

    min-width: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}


/* Header text from attribute */

.visitor-profile-popup
.visitor-profile-header
.visitorLogIconWithDetails[profile-header-text]::after {
    content: attr(profile-header-text);

    display: block;

    flex: 1;

    min-width: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: #344054;

    font-size: 12px;
    font-weight: 500;

    line-height: 1.3;
}


/* Returning visitor */

.visitor-profile-popup
.visitor-profile-header
.visitorTypeIcon::after {
    content: "מבקר חוזר";

    display: block;

    flex: 1;

    min-width: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: #344054;

    font-size: 12px;
    font-weight: 500;
}


/* No fake clickable state */

.visitor-profile-popup
.visitor-profile-header
.visitorLogIconWithDetails,

.visitor-profile-popup
.visitor-profile-header
.visitorLogIconWithDetails * {
    cursor: default !important;
}


.visitor-profile-popup
.visitor-profile-header
.visitorLogIconWithDetails:hover {
    background: #f8fafc !important;

    border-color: #e5eaf1 !important;

    box-shadow: none !important;
    transform: none !important;
}


/* =========================================================
   VISITOR TYPE IN HEADER
   ========================================================= */

.visitor-profile-popup
.visitor-profile-header
.visitorLogIcons
> .visitorType img {
    width: 18px !important;
    height: 18px !important;

    max-width: 18px !important;
    max-height: 18px !important;
}


/* =========================================================
   TOOLTIP DETAILS
   ========================================================= */

.visitor-profile-popup
.visitorLogIconWithDetails
.details {
    border: 1px solid #e5eaf1 !important;

    border-radius: 8px !important;

    background: #fff !important;

    box-shadow:
        0 10px 30px
        rgba(16, 24, 40, .12) !important;

    overflow: hidden;
}


.visitor-profile-popup
.visitorLogIconWithDetails
.details li {
    padding: 6px 10px;

    border-bottom: 1px solid #f0f2f5;

    color: #475467;

    font-size: 11px;
}


.visitor-profile-popup
.visitorLogIconWithDetails
.details li:last-child {
    border-bottom: 0;
}


/* =========================================================
   SUMMARY CARDS
   ========================================================= */

.visitor-profile-popup
.visitor-profile-summary {
    margin: 8px 0 !important;

    padding: 14px 16px !important;

    background: #fff;

    border: 1px solid var(--d4s-border);
    border-radius: 9px;

    box-shadow: none;
}


.visitor-profile-popup
.visitor-profile-summary h1 {
    position: relative;

    margin: 0 0 9px !important;
    padding: 0 10px 7px 0 !important;

    color: var(--d4s-text) !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    border-bottom: 1px solid #f0f2f5;
}


.visitor-profile-popup
.visitor-profile-summary h1::before {
    content: "";

    position: absolute;

    top: 3px;
    right: 0;

    width: 3px;
    height: 14px;

    background: var(--d4s-primary);

    border-radius: 20px;
}


.visitor-profile-popup
.visitor-profile-summary p {
    margin: 4px 0 !important;

    color: #475467;

    font-size: 12px;
    line-height: 1.6;
}


.visitor-profile-popup
.visitor-profile-summary strong {
    color: #101828;

    font-weight: 600;
}


/* =========================================================
   MAP
   ========================================================= */

.visitor-profile-popup
.visitor-profile-show-map {
    display: inline-flex;

    margin-right: 4px;

    color: var(--d4s-primary) !important;

    font-weight: 500;

    text-decoration: none !important;
}


/* =========================================================
   INFO MESSAGE
   ========================================================= */

.visitor-profile-popup
.alert-info {
    margin: 12px 0;

    padding: 10px 12px;

    background: #f8faff !important;

    border: 1px solid #dfe7ff !important;
    border-radius: 8px !important;

    color: #475467 !important;

    font-size: 12px;
    line-height: 1.6;
}


/* =========================================================
   VISITS
   ========================================================= */

.visitor-profile-popup
.visitor-profile-visits-container {
    margin-top: 12px;
}


.visitor-profile-popup
.visitor-profile-visits {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.visitor-profile-popup
.visitor-profile-visits > li {
    position: relative;

    margin-bottom: 10px !important;

    background: #fff;

    border: 1px solid var(--d4s-border);
    border-radius: 9px;

    overflow: hidden;

    box-shadow: none;
}


/* =========================================================
   VISIT TITLE
   ========================================================= */

.visitor-profile-popup
.visitor-profile-visit-title {
    display: block !important;

    position: relative !important;

    min-height: 20px;

    padding: 10px 12px !important;

    background: #f8f9fc;

    border-bottom: 1px solid var(--d4s-border);

    color: #344054;

    font-size: 12px;
    font-weight: 600;

    cursor: pointer;

    transition: background .15s ease;
}


.visitor-profile-popup
.visitor-profile-visit-title:hover {
    background: #f3f5f9;
}


/* Visit counter */

.visitor-profile-popup
.visitor-profile-visit-title
.counter {
    display: inline !important;

    position: static !important;

    float: none !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-size: inherit !important;
    font-weight: inherit !important;
}


/* Visit date */

.visitor-profile-popup
.visitor-profile-visit-title
.visitor-profile-date {
    display: inline-block !important;

    position: static !important;

    float: left !important;

    margin: 0 !important;

    color: #667085 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
}


.visitor-profile-popup
.visitor-profile-visit-title::after {
    content: "";

    display: table;

    clear: both;
}


/* =========================================================
   VISIT EXTENDED DETAILS
   ========================================================= */

.visitor-profile-popup
.visitor-profile-visit-details-extended {
    padding: 10px 12px !important;

    background: #fff;

    color: #475467;

    font-size: 12px;
    line-height: 1.6;
}


.visitor-profile-popup
.visitor-log-datetime {
    color: #344054;

    font-weight: 600;
}


.visitor-profile-popup
.visitor-log-ip-location {
    color: #667085;

    line-height: 1.6;
}


/* =========================================================
   VISIT DETAILS
   MINIMAL ICON ROW
   ========================================================= */

.visitor-profile-popup
.visitor-profile-visit-details {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;	

    align-items: center !important;
    justify-content: space-between !important;

    gap: 10px !important;

    padding: 7px 10px !important;

    background: #fff !important;

    border-top: 1px solid #eef1f5 !important;
}


/* Icons wrapper */

.visitor-profile-popup
.visitor-profile-visit-details
.visitorLogIcons {
    display: flex !important;

    align-items: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* All visitor detail icons on ONE row */

.visitor-profile-popup
.visitor-profile-visit-details
.visitorLogIcons
> .visitorDetails {
    display: flex !important;

    align-items: center !important;

    flex-wrap: nowrap !important;

    gap: 5px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Individual icon */

.visitor-profile-popup
.visitor-profile-visit-details
.visitorLogIcons
> .visitorDetails
> .visitorLogIconWithDetails {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 27px !important;

    width: 27px !important;
    min-width: 27px !important;
    max-width: 27px !important;

    height: 27px !important;
    min-height: 27px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: #f8fafc !important;

    border: 1px solid #e7ebf0 !important;
    border-radius: 6px !important;

    box-shadow: none !important;

    cursor: default !important;
}


/* Icon image */

.visitor-profile-popup
.visitor-profile-visit-details
.visitorLogIcons
> .visitorDetails
> .visitorLogIconWithDetails
> img {
    display: block !important;

    width: 15px !important;
    height: 15px !important;

    min-width: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}


/* IMPORTANT:
   hide profile-header-text only inside visit details */

.visitor-profile-popup
.visitor-profile-visit-details
.visitorLogIconWithDetails[profile-header-text]::after {
    content: none !important;

    display: none !important;
}


/* Hide returning visitor text if present */

.visitor-profile-popup
.visitor-profile-visit-details
.visitorTypeIcon::after {
    content: none !important;

    display: none !important;
}


/* No hover */

.visitor-profile-popup
.visitor-profile-visit-details
.visitorLogIconWithDetails,

.visitor-profile-popup
.visitor-profile-visit-details
.visitorLogIconWithDetails * {
    cursor: default !important;
}


.visitor-profile-popup
.visitor-profile-visit-details
.visitorLogIconWithDetails:hover {
    background: #f8fafc !important;

    border-color: #e7ebf0 !important;

    box-shadow: none !important;
    transform: none !important;
}


/* =========================================================
   VISITOR TYPE INSIDE VISIT DETAILS
   e.g. abandoned cart
   ========================================================= */

.visitor-profile-popup
.visitor-profile-visit-details
.visitorLogIcons
> .visitorType {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 27px !important;

    width: 27px !important;
    min-width: 27px !important;

    height: 27px !important;

    margin: 0 5px 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: #fff8ed !important;

    border: 1px solid #f5dfbd !important;
    border-radius: 6px !important;
}


.visitor-profile-popup
.visitor-profile-visit-details
.visitorLogIcons
> .visitorType
img {
    display: block !important;

    width: 15px !important;
    height: 15px !important;

    max-width: 15px !important;
    max-height: 15px !important;

    margin: 0 !important;
}


/* =========================================================
   SHOW ACTIONS BUTTON
   ========================================================= */

.visitor-profile-popup
.visitor-profile-visit-details
.visitor-profile-show-actions {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    min-height: 27px !important;

    margin: 0 !important;
    padding: 3px 9px !important;

    background: #fff !important;

    border: 1px solid #dfe4ea !important;
    border-radius: 6px !important;

    color: #475467 !important;

    font-size: 11px !important;
    font-weight: 500 !important;

    line-height: 19px !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease !important;
}


.visitor-profile-popup
.visitor-profile-visit-details
.visitor-profile-show-actions:hover {
    background: #f8fafc !important;

    border-color: #cfd6df !important;

    color: #172033 !important;
}


/* =========================================================
   REFERRER
   ========================================================= */

.visitor-profile-popup
.visitorReferrer {
    display: inline-flex;

    align-items: center;

    margin-top: 5px;

    padding: 3px 7px;

    background: #f5f7fa;

    border-radius: 6px;

    color: #475467;

    font-size: 11px;
}


/* =========================================================
   ACTION LIST
   COMPACT ACTIVITY STYLE
   ========================================================= */

.visitor-profile-popup
.visitor-profile-actions {
    margin: 0 !important;

    padding: 0 !important;

    background: #fff !important;

    list-style: none !important;
}


/* Action row */

.visitor-profile-popup
.visitor-profile-actions
> li.action {
    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


.visitor-profile-popup
.visitor-profile-actions
> li.action:last-child {
    border-bottom: 0 !important;
}


/* Inner */

.visitor-profile-popup
.visitor-profile-actions
> li.action
> div {
    position: relative !important;

    display: block !important;

    min-height: 48px !important;

    padding: 10px 44px 10px 11px !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACTION ICON
   ========================================================= */

.visitor-profile-popup
.visitor-profile-actions
.action-list-action-icon {
    position: absolute !important;

    top: 50% !important;
    right: 11px !important;

    transform: translateY(-50%) !important;

    display: block !important;

    width: 24px !important;
    height: 24px !important;

    margin: 0 !important;
    padding: 5px !important;

    box-sizing: border-box !important;

    background: #f5f7fa !important;

    border: 1px solid #e7eaf0 !important;
    border-radius: 6px !important;

    object-fit: contain !important;

    opacity: .8;

    transition:
        background .15s ease,
        border-color .15s ease,
        opacity .15s ease !important;
}


/* =========================================================
   ACTION TITLE
   ========================================================= */

.visitor-profile-popup
.visitor-profile-actions
.truncated-text-line {
    display: block !important;

    max-width: 100% !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


.visitor-profile-popup
.visitor-profile-actions
li.action
> div
> .truncated-text-line {
    color: #344054 !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.5 !important;
}


/* =========================================================
   ACTION URL
   ========================================================= */

.visitor-profile-popup
.visitor-profile-actions
li.action p {
    margin: 3px 0 0 !important;
    padding: 0 !important;

    line-height: 1.4 !important;
}


.visitor-profile-popup
.visitor-profile-actions
.action-list-url {
    display: block !important;

    max-width: 100% !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;

    color: var(--d4s-primary) !important;

    font-size: 11px !important;
    font-weight: 400 !important;

    text-decoration: none !important;
}


.visitor-profile-popup
.visitor-profile-actions
.action-list-url:hover {
    color: #3157cc !important;

    text-decoration: underline !important;
}


/* Action hover */

.visitor-profile-popup
.visitor-profile-actions
> li.action:hover {
    background: #fafbfc !important;
}


.visitor-profile-popup
.visitor-profile-actions
> li.action:hover
.action-list-action-icon {
    background: #eef2ff !important;

    border-color: #dce3ff !important;

    opacity: 1;
}


/* =========================================================
   PRODUCT / ITEM LISTS INSIDE ACTION
   ========================================================= */

.visitor-profile-popup
.visitor-profile-actions
.action ul {
    margin: 7px 0 0 !important;

    padding: 7px 20px 7px 8px !important;

    background: #f8fafc;

    border: 1px solid #edf0f4;
    border-radius: 6px;

    color: #475467;

    font-size: 11px;
    line-height: 1.6;
}


/* =========================================================
   END OF VISITS
   ========================================================= */

.visitor-profile-popup
.visitor-profile-more-info {
    padding: 9px 0;

    text-align: center;
}


.visitor-profile-popup
.visitor-profile-no-visits {
    display: inline-flex;

    padding: 5px 10px;

    background: #f5f7fa;

    border-radius: 20px;

    color: #667085;

    font-size: 11px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 768px) {

    .visitor-profile-popup
    .visitor-profile-header {
        padding: 14px;
    }


    .visitor-profile-popup
    .visitor-profile-headline h1 {
        font-size: 17px !important;
    }


    .visitor-profile-popup
    .visitor-profile-summary {
        padding: 13px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 480px) {

    /* Header becomes one item per row only on small screens */

    .visitor-profile-popup
    .visitor-profile-header
    .visitorLogIcons
    > .visitorDetails {
        grid-template-columns: 1fr !important;
    }


    /* Visit icons stay on one line */

    .visitor-profile-popup
    .visitor-profile-visit-details {
        gap: 6px !important;

        padding: 7px 8px !important;
    }


    .visitor-profile-popup
    .visitor-profile-visit-details
    .visitorLogIcons
    > .visitorDetails {
        gap: 3px !important;
    }


    .visitor-profile-popup
    .visitor-profile-visit-details
    .visitorLogIcons
    > .visitorDetails
    > .visitorLogIconWithDetails,

    .visitor-profile-popup
    .visitor-profile-visit-details
    .visitorLogIcons
    > .visitorType {
        flex-basis: 25px !important;

        width: 25px !important;
        min-width: 25px !important;

        height: 25px !important;
        min-height: 25px !important;
    }


    .visitor-profile-popup
    .visitor-profile-visit-title
    .visitor-profile-date {
        display: block !important;

        float: none !important;

        margin-top: 3px !important;
    }


    .visitor-profile-popup
    .visitor-profile-actions
    > li.action
    > div {
        padding:
            9px
            41px
            9px
            9px !important;
    }
}


.visitor-profile-overview {
	padding: 40px 22px 0 0 !important;
}




table.dataTable tr td .icon-outlink {
	margin-right: inherit !important;
	margin-left: 10px !important;
}

a.visitor-log-visitor-profile-link {
	right: 0px;
	left: inherit;
	top: 34px;
	display: block;
	top: -12px;
}

.dataTableVizVisitorLog .card.row {
	margin-top: 30px;
}

/* =========================================================
   MATOMO – TOP DESKTOP MENU
   ========================================================= */

/* התפריט עצמו */
nav .nav-wrapper > ul.hide-on-med-and-down.left {
    display: flex !important;
    align-items: center !important;

    gap: 5px !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   MENU ITEM
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down.left > li {
    display: flex !important;
    align-items: center !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* =========================================================
   MENU LINK
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down.left > li > a {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 6px !important;

    height: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    box-sizing: border-box !important;

    background: transparent !important;

    border: 1px solid transparent !important;
    border-radius: 7px !important;

    color: #475467 !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease !important;
}


/* =========================================================
   HOVER
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down.left > li > a:hover {
    background: #f5f7fa !important;

    border-color: #eaecf0 !important;

    color: #101828 !important;
}


/* =========================================================
   ACTIVE
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down.left > li.active {
    background: transparent !important;
}


nav .nav-wrapper > ul.hide-on-med-and-down.left > li.active > a {
    background: #f1f4ff !important;

    border-color: #e1e6ff !important;

    color: #4169e1 !important;

    font-weight: 600 !important;
}


/* =========================================================
   LABEL
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down.left .navbar-label {
    display: inline-flex !important;

    align-items: center !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;

    white-space: nowrap !important;
}


/* =========================================================
   ICON MENU ITEMS
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down.left
> li > a:has(.navbar-icon) {

    width: 36px !important;
    min-width: 36px !important;

    padding: 0 !important;

    border-radius: 7px !important;
}


/* Icons */

nav .nav-wrapper > ul.hide-on-med-and-down.left .navbar-icon {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #667085 !important;

    font-size: 16px !important;

    line-height: 1 !important;
}


/* Icon hover */

nav .nav-wrapper > ul.hide-on-med-and-down.left
> li > a:hover .navbar-icon {
    color: #344054 !important;
}


/* =========================================================
   SEPARATOR
   לפני אייקוני המערכת
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down.left
> li:has(#topmenu-developmenttoogle) {

    position: relative !important;

    margin-right: 9px !important;
    padding-right: 10px !important;
}


nav .nav-wrapper > ul.hide-on-med-and-down.left
> li:has(#topmenu-developmenttoogle)::before {

    content: "" !important;

    position: absolute !important;

    right: 0 !important;
    top: 50% !important;

    width: 1px !important;
    height: 20px !important;

    background: #e4e7ec !important;

    transform: translateY(-50%) !important;
}


/* =========================================================
   SETTINGS
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down.left
#topmenu-coreadminhome:hover {

    background: #f5f7fa !important;
}


/* =========================================================
   LOGOUT
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down.left
#topmenu-login:hover {

    background: #fff1f0 !important;

    border-color: #fee4e2 !important;
}


nav .nav-wrapper > ul.hide-on-med-and-down.left
#topmenu-login:hover .navbar-icon {

    color: #d92d20 !important;
}


.__reportHeader-onHover .reportHeader__widgetControls {
	top: 26px;
	right: inherit !important;
	padding-left: 0px !important;
	background: transparent !important;
	left: 25px !important;
}

/* =========================================================
   D4S – MATOMO LIVE VISITS
   Modern 2 Column Layout
   ========================================================= */

#widgetLivewidget #visitsLive {
    --live-border: #e5eaf1;
    --live-soft: #eef2f6;
    --live-bg: #f8fafc;
    --live-text: #172033;
    --live-muted: #667085;
    --live-primary: #4169e1;
    --live-primary-soft: #f1f4ff;

    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;

    margin: 14px 0 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   VISIT CARD
   ========================================================= */

#widgetLivewidget #visitsLive > li.visit {
    display: grid !important;

    grid-template-columns:
        minmax(250px, 32%)
        minmax(0, 68%) !important;

    direction: rtl !important;
    text-align: right !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 1px solid var(--live-border) !important;
    border-radius: 10px !important;

    box-shadow: 0 1px 3px rgba(16,24,40,.03) !important;

    overflow: visible !important;
}


/* hover */

#widgetLivewidget #visitsLive > li.visit:hover {
    border-color: #d8dee8 !important;

    box-shadow:
        0 3px 10px rgba(16,24,40,.05) !important;
}


/* =========================================================
   RIGHT COLUMN – VISITOR
   ========================================================= */

#widgetLivewidget #visitsLive > li.visit > .datetime {
    position: relative !important;

    grid-column: 1 !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: flex-start !important;

    min-width: 0 !important;
    min-height: 110px !important;

    margin: 0 !important;

    padding: 14px 15px !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 0 !important;

    direction: rtl !important;
    text-align: right !important;
}


/* =========================================================
   DATE
   ========================================================= */

#widgetLivewidget
#visitsLive
.realTimeWidget_datetime {
    display: block !important;

    width: 100% !important;

    margin: 0 0 10px !important;

    color: var(--live-text) !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 19px !important;

    white-space: normal !important;
}


/* =========================================================
   VISITOR ICONS
   ========================================================= */

#widgetLivewidget
#visitsLive
.datetime
.visitorLogIcons {
    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    margin: 0 0 9px !important;
    padding: 0 !important;
}


#widgetLivewidget
#visitsLive
.datetime
.visitorDetails {
    display: flex !important;

    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 5px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* icon box */

#widgetLivewidget
#visitsLive
.datetime
.visitorLogIconWithDetails {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 29px !important;

    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;

    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: #f8fafc !important;

    border: 1px solid #e5eaf0 !important;
    border-radius: 6px !important;

    cursor: default !important;
}


/* icon image */

#widgetLivewidget
#visitsLive
.datetime
.visitorLogIconWithDetails > img {
    display: block !important;

    width: 16px !important;
    height: 16px !important;

    max-width: 16px !important;
    max-height: 16px !important;

    margin: 0 !important;

    object-fit: contain !important;
}


/* don't print profile-header-text */

#widgetLivewidget
#visitsLive
.datetime
.visitorLogIconWithDetails[profile-header-text]::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   CART / VISITOR TYPE
   ========================================================= */

#widgetLivewidget
#visitsLive
.datetime
.visitorType {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 29px !important;

    width: 29px !important;
    height: 29px !important;

    margin: 0 5px 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: #fff8ed !important;

    border: 1px solid #f4dfbd !important;
    border-radius: 6px !important;
}


#widgetLivewidget
#visitsLive
.datetime
.visitorType img {
    width: 16px !important;
    height: 16px !important;

    margin: 0 !important;
}


/* =========================================================
   REFERRER
   ========================================================= */

#widgetLivewidget
#visitsLive
.datetime
.referrer {
    display: block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


#widgetLivewidget
#visitsLive
.datetime
.visitorReferrer {
    display: inline-flex !important;

    align-items: center !important;

    gap: 5px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 4px 8px !important;

    box-sizing: border-box !important;

    background: #f8fafc !important;

    border: 1px solid #e8edf3 !important;
    border-radius: 6px !important;

    color: #475467 !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 17px !important;
}


#widgetLivewidget
#visitsLive
.datetime
.visitorReferrer img {
    width: 14px !important;
    height: 14px !important;

    margin: 0 !important;
}


/* links inside referrer */

#widgetLivewidget
#visitsLive
.datetime
.visitorReferrer a {
    color: var(--live-primary) !important;

    font-size: 11px !important;

    text-decoration: none !important;
}


#widgetLivewidget
#visitsLive
.datetime
.visitorReferrer a:hover {
    text-decoration: underline !important;
}


/* =========================================================
   VISITOR PROFILE BUTTON
   ========================================================= */

#widgetLivewidget
#visitsLive
.visits-live-launch-visitor-profile {
    position: absolute !important;

    top: 13px !important;
    left: 13px !important;
    right: auto !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 29px !important;
    height: 29px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 1px solid #e3e8ef !important;
    border-radius: 6px !important;

    color: #667085 !important;

    cursor: pointer !important;
}


#widgetLivewidget
#visitsLive
.visits-live-launch-visitor-profile:hover {
    background: var(--live-primary-soft) !important;

    border-color: #d8e0ff !important;

    color: var(--live-primary) !important;
}


/* =========================================================
   LEFT COLUMN – ACTIONS
   ========================================================= */

#widgetLivewidget
#visitsLive
> li.visit
> .settings {
    grid-column: 2 !important;

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    min-width: 0 !important;
    min-height: 110px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 14px 18px !important;

    box-sizing: border-box !important;

    background: #fbfcfd !important;

    border: 0 !important;
    border-right: 1px solid var(--live-soft) !important;

    direction: rtl !important;
    text-align: right !important;

    overflow: visible !important;
}


/* =========================================================
   ACTIONS TITLE
   ========================================================= */

#widgetLivewidget
#visitsLive
.settings
.pagesTitle {
    display: inline-flex !important;

    align-items: center !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 4px 8px !important;

    background: #fff !important;

    border: 1px solid #e4e9ef !important;
    border-radius: 6px !important;

    color: #475467 !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 18px !important;

    white-space: nowrap !important;
}


/* =========================================================
   ACTION ICONS
   ========================================================= */

#widgetLivewidget
#visitsLive
.settings > a,

#widgetLivewidget
#visitsLive
.settings > span:not(.pagesTitle) {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 31px !important;

    width: 31px !important;
    height: 31px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 1px solid #e4e9ef !important;
    border-radius: 6px !important;

    transition:
        border-color .15s ease,
        background-color .15s ease,
        transform .15s ease !important;
}


#widgetLivewidget
#visitsLive
.settings > a:hover,

#widgetLivewidget
#visitsLive
.settings > span:not(.pagesTitle):hover {
    background: var(--live-primary-soft) !important;

    border-color: #d8e0ff !important;

    transform: translateY(-1px) !important;
}


/* images */

#widgetLivewidget
#visitsLive
.settings .iconPadding {
    display: block !important;

    width: 17px !important;
    height: 17px !important;

    max-width: 17px !important;
    max-height: 17px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}


/* =========================================================
   TOOLTIP DETAILS
   don't affect Matomo tooltip functionality
   ========================================================= */

#widgetLivewidget
#visitsLive
.visitorLogIconWithDetails > .details {
    z-index: 1000 !important;
}


/* =========================================================
   TOTAL VISITS TABLE
   ========================================================= */

#widgetLivewidget #visitsTotal {
    margin: 12px 0 16px !important;
}


#widgetLivewidget #visitsTotal .dataTable {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: #fff !important;

    border: 1px solid #e5eaf1 !important;
    border-radius: 9px !important;

    overflow: hidden !important;
}


#widgetLivewidget #visitsTotal .dataTable th {
    height: 36px !important;

    padding: 7px 12px !important;

    background: #f8fafc !important;

    border-bottom: 1px solid #e8edf3 !important;

    color: #667085 !important;

    font-size: 11px !important;
    font-weight: 600 !important;
}


#widgetLivewidget #visitsTotal .dataTable td {
    height: 34px !important;

    padding: 7px 12px !important;

    color: #344054 !important;

    font-size: 14px !important;

    border-bottom: 1px solid #f0f2f5 !important;
}


#widgetLivewidget #visitsTotal .dataTable tbody tr:last-child td {
    border-bottom: 0 !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

#widgetLivewidget .visitsLiveFooter {
    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin-top: 12px !important;
    padding-top: 10px !important;

    border-top: 1px solid #edf1f5 !important;

    color: #667085 !important;

    font-size: 11px !important;
}


#widgetLivewidget .visitsLiveFooter img {
    width: 18px !important;
    height: 18px !important;
}


#widgetLivewidget .visitsLiveFooter .rightLink {
    color: var(--live-primary) !important;

    font-size: 11px !important;

    text-decoration: none !important;
}


#widgetLivewidget .visitsLiveFooter .rightLink:hover {
    text-decoration: underline !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    #widgetLivewidget #visitsLive > li.visit {
        grid-template-columns: 1fr !important;
    }


    #widgetLivewidget
    #visitsLive
    > li.visit
    > .datetime {
        grid-column: 1 !important;

        border-bottom: 1px solid var(--live-soft) !important;
    }


    #widgetLivewidget
    #visitsLive
    > li.visit
    > .settings {
        grid-column: 1 !important;

        min-height: auto !important;

        flex-wrap: wrap !important;

        border-right: 0 !important;
    }
}

.theWidgetContent .card .card-content #visitsTotal {
	width: 100% !important;
}

/* =========================================================
   D4S – METRICS PICKER FINAL FIX
   Floating dropdown outside graph
   ========================================================= */


/* ---------------------------------------------------------
   1. ה-Picker הוא נקודת העיגון
   --------------------------------------------------------- */

.metrics-picker {
    position: relative !important;
    overflow: visible !important;
    z-index: 99999 !important;
}


/* ---------------------------------------------------------
   2. ה-Dropdown חייב להיות צף
   ולא חלק מהגובה של הגרף
   --------------------------------------------------------- */

.metrics-picker > .metrics-picker__dropdown,
.metrics-picker .metrics-picker__dropdown {

    position: absolute !important;

    top: calc(100% + 7px) !important;

    /* RTL */
    right: 0 !important;
    left: auto !important;

    width: 255px !important;
    min-width: 255px !important;
    max-width: 320px !important;

    height: auto !important;
    max-height: 430px !important;

    margin: 0 !important;
    padding: 10px !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 1px solid #dfe3e8 !important;
    border-radius: 9px !important;

    box-shadow:
        0 12px 30px rgba(16, 24, 40, .14),
        0 3px 8px rgba(16, 24, 40, .06) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    direction: rtl !important;
    text-align: right !important;

    z-index: 9999999 !important;
}


/* ---------------------------------------------------------
   3. רשימה – עמודה אחת
   כמו בתמונה התקינה
   --------------------------------------------------------- */

.metrics-picker__dropdown .metrics-picker__options {

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;

    gap: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* ---------------------------------------------------------
   4. כל מדד
   --------------------------------------------------------- */

.metrics-picker__dropdown .metrics-picker__label {

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;

    min-height: 32px !important;

    margin: 0 !important;
    padding: 5px 7px !important;

    box-sizing: border-box !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 6px !important;

    cursor: pointer !important;

    direction: rtl !important;
}


/* Hover */

.metrics-picker__dropdown .metrics-picker__label:hover {
    background: #f6f8fb !important;
}


/* ---------------------------------------------------------
   5. הטקסט
   --------------------------------------------------------- */

.metrics-picker__dropdown .metrics-picker__title {

    display: block !important;

    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #667085 !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    line-height: 20px !important;

    text-align: right !important;

    white-space: normal !important;

    overflow: visible !important;

    text-overflow: clip !important;
}


/* ---------------------------------------------------------
   6. Checkbox
   --------------------------------------------------------- */

.metrics-picker__dropdown
.metrics-picker__label
input.filled-in + span {

    flex: 0 0 auto !important;

    margin: 0 0 0 8px !important;
}


/* ---------------------------------------------------------
   7. מדד מסומן
   --------------------------------------------------------- */

.metrics-picker__dropdown
.metrics-picker__label:has(input:checked) {

    background: #f3f6ff !important;
}


.metrics-picker__dropdown
.metrics-picker__label:has(input:checked)
.metrics-picker__title {

    color: #4169e1 !important;

    font-weight: 500 !important;
}


/* =========================================================
   8. לפתוח את ה-widget
   אבל לא לגרום לו לקבל scrollbar
   ========================================================= */

.sortable[widgetid="widgetVisitOverviewWithGraph"],
.sortable[widgetid="widgetVisitOverviewWithGraph"] > .widget,
.sortable[widgetid="widgetVisitOverviewWithGraph"] .widgetContent,
.sortable[widgetid="widgetVisitOverviewWithGraph"] .matomo-widget,
.sortable[widgetid="widgetVisitOverviewWithGraph"] .widget-container {

    overflow: visible !important;
}


/* כשה-picker פתוח – ה-widget מעל השכנים */

.sortable[widgetid="widgetVisitOverviewWithGraph"]:has(.metrics-picker__dropdown) {

    position: relative !important;

    z-index: 9999 !important;
}


/* =========================================================
   9. חשוב מאוד:
   הגרף עצמו לא צריך לקבל scrollbar
   ========================================================= */

.sortable[widgetid="widgetVisitOverviewWithGraph"]
.dataTableVizEvolution {

    overflow: visible !important;
}


/* מבטל horizontal scrollbar שנוצר מהתיקון הקודם */

.sortable[widgetid="widgetVisitOverviewWithGraph"]
.widgetContent {

    overflow-x: visible !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .metrics-picker > .metrics-picker__dropdown,
    .metrics-picker .metrics-picker__dropdown {

        width: 250px !important;
        min-width: 0 !important;
        max-width: calc(100vw - 30px) !important;

        right: 0 !important;
        left: auto !important;
    }
}

/***/

[widget-params='{"module":"Marketplace","action":"getPremiumFeatures"}'],
[widget-params='{"module":"Marketplace","action":"getNewPlugins","isAdminPage": "1"}'],
[widget-params='{"module":"RssWidget","action":"rssPiwik"}'],
[widget-params='{"module":"CoreHome","action":"getDonateForm","widget": "0"}'] {
    display: none !important;
}

/* =========================================================
   RTL SITE + MATOMO CHART FIX
   ========================================================= */

body {
    direction: rtl;
    font-family: 'Assistant', sans-serif !important;
}


/*
 * jqPlot חייב להישאר LTR.
 * אחרת חישובי ה-canvas וציר הזמן משתבשים.
 */
.jqplot-target,
.piwik-graph,
.jqplot-graph {
    direction: ltr !important;
}


/*
 * Canvas עצמו
 */
.jqplot-target canvas,
.piwik-graph canvas,
.jqplot-graph canvas {
    direction: ltr !important;
}


/*
 * צירי X/Y וה-labels
 */
.jqplot-axis,
.jqplot-xaxis,
.jqplot-yaxis,
.jqplot-x2axis,
.jqplot-y2axis,
.jqplot-xaxis-tick,
.jqplot-yaxis-tick {
    direction: ltr !important;
}


/*
 * אזור הגרף עצמו
 */
.dataTableVizEvolution .jqplot-graph,
.dataTableVizEvolution .piwik-graph,
.dataTableVizEvolution .jqplot-target {
    direction: ltr !important;
    text-align: left !important;
}


/*
 * אבל ה-controls של Matomo נשארים RTL
 */
.dataTableVizEvolution .dataTableHeaderControls,
.dataTableVizEvolution .dataTableControls,
.dataTableVizEvolution .jqplot-legend-footer,
.dataTableVizEvolution .metrics-picker,
.dataTableVizEvolution .metrics-picker__dropdown {
    direction: rtl !important;
    text-align: right !important;
}

#loginPage #logo img {
	max-height: 50px;
}

.loginLayout__logo{
	text-align: center
}

#loginPage.app-loginLayout .loginSection {
	margin-top: 20px;
}

.loginForm__field label{
	text-align: right !important;
	left: inherit !important;
	right: 0px !important;
}

#loginPage.app-loginLayout .loginSection .submit {
	font-size: 16px;
}

#loginPage .card-title , #loginPage .loginForm__intro{
	text-align: center
}

#loginPage .input-field input{
	margin: 5px 0 8px 0 !important;
}

#loginPage .input-field {
    display: flex;
    flex-direction: column;
}

#loginPage .input-field > label {
    position: static !important;
    order: 1;

    color: #9e9e9e;
    font-size: 1rem;
    cursor: default;

    transform: none !important;
    -webkit-transform: none !important;

    text-align: right;
    margin: 0 0 8px 0;

    transition: none;
    -webkit-transition: none;
}

#loginPage .input-field > input {
    order: 2;
}

#loginPage .input-field > label.active {
    transform: none !important;
    -webkit-transform: none !important;
}

/* Login - Remember me + Forgot password */
#loginPage .loginForm__row--spacious .actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* כל אחד בשורה מלאה */
#loginPage .loginForm__row--spacious .actions > .col.s6 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* זכור אותי */
#loginPage .loginForm__row--spacious .actions > .col.s6:first-child {
    text-align: right;
    margin-bottom: 15px !important;
}

/* שכחת סיסמה */
#loginPage .loginForm__row--spacious .actions > .col.s6.right-align {
    text-align: center !important;
}

/* הקישור עצמו */
#loginPage #login_form_nav {
    display: inline-block;
    text-align: center;
}

.loginForm .loginForm__row {
	margin-bottom: 5px;
}

/* =========================================================
   D4S MODERN THEME
   TOP NAVIGATION ORDER
   ========================================================= */


/* =========================================================
   DESKTOP MENU
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   DESKTOP – MENU ITEM
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down > li {
    display: flex !important;
    align-items: center !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* =========================================================
   DESKTOP – MENU LINK
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down > li > a {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 6px !important;

    height: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    box-sizing: border-box !important;

    background: transparent !important;

    border: 1px solid transparent !important;
    border-radius: 7px !important;

    color: #475467 !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease !important;
}


/* =========================================================
   DESKTOP – HOVER
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down > li > a:hover {
    background: #f5f7fa !important;

    border-color: #eaecf0 !important;

    color: #101828 !important;
}


/* =========================================================
   DESKTOP – ACTIVE
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down > li.active {
    background: transparent !important;
}

nav .nav-wrapper > ul.hide-on-med-and-down > li.active > a {
    background: #f1f4ff !important;

    border-color: #e1e6ff !important;

    color: #4169e1 !important;

    font-weight: 600 !important;
}


/* =========================================================
   LABEL
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down .navbar-label {
    display: inline-flex !important;

    align-items: center !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;

    white-space: nowrap !important;
}


/* =========================================================
   ICON MENU ITEMS
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down
> li > a:has(.navbar-icon) {

    width: 36px !important;
    min-width: 36px !important;

    padding: 0 !important;

    border-radius: 7px !important;
}


/* =========================================================
   ICONS
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down .navbar-icon {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #667085 !important;

    font-size: 16px !important;

    line-height: 1 !important;
}


/* =========================================================
   ICON HOVER
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down
> li > a:hover .navbar-icon {

    color: #344054 !important;
}


/* =========================================================
   MENU ORDER
   ========================================================= */


/* 1. כל האתרים */

nav .nav-wrapper > ul.hide-on-med-and-down
> li:has(#topmenu-multisites) {
    order: 1 !important;
}


/* 2. ניתוח נתונים */

nav .nav-wrapper > ul.hide-on-med-and-down
> li:has(a[data-reporting-group=""]) {
    order: 2 !important;
}


/* 3. תובנות AI */

nav .nav-wrapper > ul.hide-on-med-and-down
> li:has(a[data-reporting-group="CoreHome_AIInsights"]) {
    order: 3 !important;
}


/* 4. מנהל תגים */

nav .nav-wrapper > ul.hide-on-med-and-down
> li:has(#topmenu-tagmanager) {
    order: 4 !important;
}


/* 5. ניהול */

nav .nav-wrapper > ul.hide-on-med-and-down
> li:has(#topmenu-coreadminhome) {
    order: 5 !important;
}


/* 6. מצב פיתוח / מצב רגיל */

nav .nav-wrapper > ul.hide-on-med-and-down
> li:has(#topmenu-developmenttoogle) {
    order: 6 !important;
}


/* 7. התנתקות */

nav .nav-wrapper > ul.hide-on-med-and-down
> li:has(#topmenu-login) {
    order: 7 !important;
}


/* =========================================================
   HIDE UNUSED ITEMS
   ========================================================= */


/* מה חדש */

nav .nav-wrapper > ul.hide-on-med-and-down
> li:has(a[onclick*="whatIsNew"]) {

    display: none !important;
}


/* עזרה */

nav .nav-wrapper > ul.hide-on-med-and-down
> li:has(#topmenu-feedback) {

    display: none !important;
}


/* =========================================================
   SEPARATOR
   לפני אייקוני המערכת
   ========================================================= */

/*
 * Separator now starts before "ניהול"
 * because the new order is:
 *
 * כל האתרים
 * ניתוח נתונים
 * תובנות AI
 * מנהל תגים
 * | ניהול
 * מצב פיתוח
 * התנתקות
 */

nav .nav-wrapper > ul.hide-on-med-and-down
> li:has(#topmenu-coreadminhome) {

    position: relative !important;

    margin-right: 9px !important;
    padding-right: 10px !important;
}


nav .nav-wrapper > ul.hide-on-med-and-down
> li:has(#topmenu-coreadminhome)::before {

    content: "" !important;

    position: absolute !important;

    right: 0 !important;
    top: 50% !important;

    width: 1px !important;
    height: 20px !important;

    background: #e4e7ec !important;

    transform: translateY(-50%) !important;
}


/* =========================================================
   SETTINGS
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down
#topmenu-coreadminhome:hover {

    background: #f5f7fa !important;
}


/* =========================================================
   LOGOUT
   ========================================================= */

nav .nav-wrapper > ul.hide-on-med-and-down
#topmenu-login:hover {

    background: #fff1f0 !important;

    border-color: #fee4e2 !important;
}


nav .nav-wrapper > ul.hide-on-med-and-down
#topmenu-login:hover .navbar-icon {

    color: #d92d20 !important;
}


/* =========================================================
   MOBILE MENU
   ORDER
   ========================================================= */

#mobile-top-menu {
    display: flex;
    flex-direction: column;
}


/* 1. כל האתרים */

#mobile-top-menu
> li:has(#topmenu-multisites) {
    order: 1 !important;
}


/* 2. ניתוח נתונים */

#mobile-top-menu
> li:has(a[data-reporting-group=""]) {
    order: 2 !important;
}


/* 3. תובנות AI */

#mobile-top-menu
> li:has(a[data-reporting-group="CoreHome_AIInsights"]) {
    order: 3 !important;
}


/* 4. מנהל תגים */

#mobile-top-menu
> li:has(#topmenu-tagmanager) {
    order: 4 !important;
}


/* 5. ניהול */

#mobile-top-menu
> li:has(#topmenu-coreadminhome) {
    order: 5 !important;
}


/* 6. מצב פיתוח / רגיל */

#mobile-top-menu
> li:has(#topmenu-developmenttoogle) {
    order: 6 !important;
}


/* 7. התנתקות */

#mobile-top-menu
> li:has(#topmenu-login) {
    order: 7 !important;
}


/* =========================================================
   MOBILE – HIDE UNUSED ITEMS
   ========================================================= */

/* מה חדש */

#mobile-top-menu
> li:has(a[onclick*="whatIsNew"]) {

    display: none !important;
}


/* עזרה */

#mobile-top-menu
> li:has(#topmenu-feedback) {

    display: none !important;
}

@media only screen and (min-width: 800px){
.card #visitsLive .referrer {
	float: left;
}
.card #visitsLive .referrer {
	float: right;
	padding-right: 20px;
}
}


/* =========================================================
   MATOMO – ADMIN HOME COLUMNS
   ========================================================= */

/* הסתרת עמודת "זקוקים לעזרה?" */
.row > .col.s12.m4:has(
    > div[vue-entry="CoreHome.ContentBlock"][content-title="זקוקים לעזרה?"]
) {
    display: none !important;
}


/* שתי העמודות שנשארו הופכות ל-50% */
.row:has(
    > .col.s12.m4 >
    div[vue-entry="CoreHome.ContentBlock"][content-title="זקוקים לעזרה?"]
) > .col.s12.m4 {

    width: 50% !important;
}


/* מובייל */
@media only screen and (max-width: 600px) {

    .row:has(
        > .col.s12.m4 >
        div[vue-entry="CoreHome.ContentBlock"][content-title="זקוקים לעזרה?"]
    ) > .col.s12.m4 {

        width: 100% !important;
    }
}

.kpiCardEvolution{
	display:block !important
}

.kpiCardEvolution > span:not(.kpiCardEvolutionTrend) {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #98a2b3 !important;
}


@media only screen and (max-width: 600px) {
#root #secondNavBar + .pageWrap {
	margin-right: auto;
}
}