/*SOME VARS*/

:root {
    --linear-gradient-bg: linear-gradient(to right, #6761f6 0%, #dc3985 100%);
    --advertee-violet: #6761f6;
    --advertee-pink: #dc3985;
    --text-warning-color: rgb(244, 65, 65);
    --soft-warning-color: rgb(244, 160, 160);
    --text-success-color: rgb(101, 244, 65);
    --soft-success-color: rgb(177, 244, 160);
    --text-grey-color: rgb(161, 165, 183);
    --soft-grey-color: rgb(228, 228, 228);
    --shadow: 0px 16px 40px rgba(112, 144, 176, 0.2);
    --kt-tooltip-bg:  var(--advertee-violet);
    --kt-tooltip-color:  #fff;
}

::-moz-selection { /* Code for Firefox */
    color: white;
    background:  var(--advertee-violet);
  }
  
  ::selection {
    color: white;
    background:  var(--advertee-violet);
  }

body {    font-size: 14px!important;
    font-family: 'Manrope'!important;

}
#kt_app_header {height:60px; }
.bg-advertee {background:var(--advertee-violet);}
.nowrap {white-space: nowrap;}
.advertee-container-body2,
.advertee-container-body {
    display: none;
}
.action-filter-cnt {margin-left:5px;    color: var(--kt-light-inverse);}
.tagify__input {min-width:2px;}

.kt_modal_download_pdf+select {
    width: calc(100% - 40px);
}
h1 {margin-top: 0.5rem;}

.justify-self-start {
    justify-self: start;
}

.float-right {
    float: right;
}

.clear-all {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.budget-monitor-legend-table {
    border-collapse: separate;
    border-spacing: 5px 5px; /* 5px between cols and rows */
}

.budget-monitor-legend-table th,
.budget-monitor-legend-table td {
    border: none; /* remove all borders */
}

.bold {
    font-weight: bold;
}

.gray {
    color: #888;
}

.promotion-item-row .circle,
.row-budget-monitor .circle {
    font-size: 18px;
    margin-right: 5px;
}

.promotion-item-row .green,
.row-budget-monitor .green {
    color: #65f441 !important;
}

.promotion-item-row .red,
.row-budget-monitor .red {
    color: red !important;
}

.promotion-item-row .orange,
.row-budget-monitor .orange {
    color: orange !important;
}

.draft.promotion-item-row .red,
.draft.promotion-item-row .orange,
.promotion-item-row .budget-inactive.red,
.promotion-item-row .budget-inactive.orange,
.draft.row-budget-monitor .red,
.draft.row-budget-monitor .orange {
    color: #888 !important;
}

@media (min-width: 992px) {

    .table-responsive thead th {
        position: sticky;
        top: 0px;
        background: white!important;
        border-bottom: 0px solid var(--advertee-soft-violet) !important;
        z-index: 1;
    }
    .table-responsive tfoot th {
        position: sticky;
        bottom: 0px;
        background: #f3f2fc!important;
        border-top: 0px solid var(--advertee-soft-violet) !important;
        z-index: 1;
    }
    
    .table-responsive tfoot th:before {content:" "; display:block; position:absolute; left:0; right:0; top:0; border-top: 1px solid var(--advertee-soft-violet) !important;}
    
    .table-responsive thead th:before {content:" "; display:block; position:absolute; left:0; right:0; bottom:0; border-bottom: 1px solid var(--bs-table-border-color) !important;}
    
    
    .table-responsive table {margin-bottom:0;}

    

    [data-kt-app-sidebar-fixed=true] .app-wrapper{margin-left:55px;}
    .w-36p {width:36%;}

    .advertee-container[data-body="body"] .app-container h1 {
        margin-left: 0px;
    }
    #kt_app_sidebar {
        margin: 0;
       
        position: fixed;
        padding-top:60px;
        top: 0px;
        bottom: 0px;
        overflow:hidden;
        width: 260px;
        transition: width 150ms ease-in-out 150ms;
    }

    [data-kt-app-sidebar-secondary-collapse=on] #kt_app_sidebar {
        width: 58px;
    }
     #kt_app_sidebar .menu-item ,#kt_app_sidebar .some-bugs { transition: width 150ms ease-in-out 150ms;}
    [data-kt-app-sidebar-secondary-collapse=on] #kt_app_sidebar .menu-item , [data-kt-app-sidebar-secondary-collapse=on] #kt_app_sidebar .some-bugs {
        transition: width 150ms ease-in-out 150ms;
        width: 47px;
        overflow: hidden;
    }
     .advertee-container[data-body="body"] .app-container {
        max-width: 100%;
        width:  100%;
    }
    .app-sidebar-secondary {margin-left:0!important}

    .app-sidebar-secondary .menu.app-sidebar-menu {
        padding-left: 5px;
        padding-right: 5px;
    }
    #kt_app_sidebar_secondary_wrapper .some-bugs {
        padding-left: 13px;
        right: 5px;
        width: auto;
        left: 5px;
    }
    [data-kt-app-sidebar-secondary-collapse=on] .some-bugs>span,[data-kt-app-sidebar-secondary-collapse=on] .menu-title {
        
        width:120px;
        display:inline-block;
        white-space: nowrap;;
    }
    .menu-item .menu-link .menu-icon{
        margin-right: 1em;
    }

}

#kt_app_sidebar_secondary_wrapper i:before {
    position: relative;
    left: -3px;
}

#kt_app_sidebar_secondary_wrapper i.bi-lock-fill:before {
    left: -2px;
}

#kt_app_sidebar_secondary_wrapper .some-bugs i:before {
    top: 5px;
}

.linear-bg {
    background: var(--linear-gradient-bg) !important;
}

.display-flex {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.center-vertical {
    display: flex;
    align-items: center;
}

.display-col {
    display: flex;
    flex-direction: column;
}
@media (max-width: 1200px) {
#conditions-form,#campaign-form {padding-bottom:50px;}
#targeting-form {padding-bottom:75px;}
}
@media (max-width: 576px) {
    .display-flex {
        flex-direction: column;
    }
    .display-flex-2 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }
}

.g5 {
    gap: 5px;
}

.nonpadding {
    padding: 0px !important;
}

.space-between {
    justify-content: space-between;
}

.margin-25 {
    margin-top: 25px !important;
}

.margin-50 {
    margin-top: 50px !important;
}

.margin-75 {
    margin-top: 75px !important;
}

.margin-100 {
    margin-top: 100px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.vh100 {
    min-height: 100vh !important;
}

.block-padding {
    padding: 15px 20px;
}

.border-10 {
    border-radius: 10px;
}

.w100 {
    width: 100% !important;
}

.hidden {
    opacity: 0;
}

svg.primary-color-bg {
    fill: var(--bs-link-color) !important;
}

/*TYPOGRAPHY*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
*,
h1,
h2,
h3,
h4,
h5,
h6,
span,
p,
a,
ul li {
    font-family: 'Manrope';
}


h1,.modal-content h2 {
    color: var(--advertee-violet);
}

.connected-assets-switch-content h4{
    font-size: 1.075rem!important;
}


/* MULTIPLE USED / GENERAL CLASSES */

.advertee-text-color {
    color: var(--advertee-violet);
}

.a-link-color {
    color: var(--bs-link-color) !important;
}

.no-flex {
    display: initial !important;
}

i.bi {
    color: var(--bs-link-color);

}
.modal-dialog i.bi,table i.bi, .reporting-cards i.bi{

    font-size: 150%;
    margin-right: 5px;
    position: relative;
    top: 3px;
} 

.app-sidebar-menu i.bi {

    font-size: 2rem;

}
.app-sidebar-menu .some-bugs i.bi {

    position: relative;
    top: -5px;
}



i.bi:hover {
    color: var(--bs-link-hover-color);
}

a.small-help-modal {
    position: relative;
    /* bottom: 6px; */
}

a.help-modal {
    color: var(--kt-form-check-label-color)!important;
}

.modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.modal-footer a,
.modal .btn {
    min-width: 110px;
}

.kt-primary-active {
    background-color: #5014D0 !important;
}

.btn.btn-primary {
    position: relative;
    box-shadow: 0 0 0.5rem rgb(0 0 0 / 20%) !important;
    transition: 0s ease-in-out;
    overflow: hidden;
    background-color: unset;
    background: transparent !important;
    z-index: 0;
}

.btn.btn-primary::before {
    display: block;
    width: 600%;
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: -1;
    content: "";
    transition: .6s ease-in-out;
    background: linear-gradient(to right, var(--advertee-pink) 0%, var(--advertee-pink) 33%, var(--advertee-violet) 66%, var(--advertee-violet) 100%) !important;
}

.btn.btn-primary:hover:not(.subscription-plan-btn)::before {
    right: calc(1px - 400%);
}

.border-primary {
    border-color: var(--bs-link-color) !important;
}

.min-w-120px {
    min-width: 120px;
}
.min-w-150px {
    min-width: 150px;
}


table th {
    white-space: nowrap;
}

.table.gs-0 td:first-child,
.table.gs-0 th:first-child {
    padding-left: 0.75rem!important;
}

.table.gs-0 td:last-child {
    padding-right: 0.75rem!important;
}

.border-top {
    border-top: 1px solid var(--kt-card-border-color);
}

.display-none,
.summary-feature.not-available-in-this-plan {
    display: none !important;
}

.display-block {
    display: block !important;
}

.half-opacity {
    opacity: 0.5;
}

.free-plan.plan-disabled,
.solo-plan.plan-disabled {
    opacity: 0.4;
}

.free-plan-btn.plan-disabled,
.solo-plan-btn.plan-disabled {
    cursor: default;
}

.free-plan-btn.plan-disabled.btn.btn-primary:hover:not(.btn-active),
.free-plan-btn.plan-disabled.btn.btn-primary:active,
.free-plan-btn.plan-disabled.btn.btn-primary:focus,
.solo-plan-btn.plan-disabled.btn.btn-primary:hover:not(.btn-active),
.solo-plan-btn.plan-disabled.btn.btn-primary:active,
.solo-plan-btn.plan-disabled.btn.btn-primary:focus {
    background-color: var(--kt-primary) !important;
}

.professional-plan.plan-disabled {
    opacity: 0.3;
}

.professional-plan-btn.plan-disabled {
    cursor: default;
}

.professional-plan .plan-disabled.btn.btn-active-light-primary:hover:not(.btn-active) {
    color: var(--kt-text-primary) !important;
    background-color: var(--kt-light) !important;
    opacity: 1 !important;
}

.btn.btn-active-light-primary.btn-change-password{
     color: rgb(94, 98, 120);
     font-size: 1.15rem;
}
.btn.btn-active-light-primary.btn-change-password:focus {
    color: var(--kt-light-inverse);
    background-color: var(--kt-light)!important;
}

.p-block-0,
.table.gy-4 td.p-block-0 {
    padding-block: 0;
}

.row .fv-plugins-message-container.invalid-feedback {
    padding-left: 0;
}


.fa-clock {
    color: var(--advertee-violet) !important;
}

.fa-refresh {
    color: var(--advertee-violet) !important;
}



/* MODALS */


/* STYLE FOR INPUT TYPE = RANGE */

input[type="range"] {
    -webkit-appearance: none;
    width: 80%;
    height: 5px;
    background: #E1E3EA;
    border-radius: 5px;
    background-image: linear-gradient(var(--advertee-violet), var(--advertee-violet)) !important;
    background-repeat: no-repeat;
}


/* Input Thumb */

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    background: var(--advertee-violet) !important;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    background: var(--advertee-violet) !important;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb:hover {
    background: var(--advertee-violet) !important;
}

input[type="range"]::-moz-range-thumb:hover {
    background: var(--advertee-violet) !important;
}


/* Input Track */

input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background-color: #E1E3EA !important;
}


/* END OF STYLE FOR INPUT TYPE = RANGE */

.see-more-btn {
    display: inline-block;
    width: 80px;
}

.see-more-btn:hover i.bi {
    color: var(--bs-link-hover-color);
}

.separator {
    border-bottom: 1px solid var(--kt-input-border-color) !important;
}

.separator.separator-content {
    align-items: baseline;
}

.sign-in-form .separator.separator-content,
.sign-up-form .separator.separator-content {
    border-bottom: 0 !important;
}
.logo-wrapper {position:relative; z-index:1;}

.generate-password-container {
    position: relative;
}

.generate-password-container input,
.generate-different-password-container input {
    padding-right: 40px;
}

.generate-password-link,
.generate-different-password-link {
    position: absolute;
    top: 12px;
    right: 10px;
}

.copy-generated-password-link {
    position: absolute;
    top: 12px;
    right: 36px;
}

.generate-password-link i.bi {
    font-size: 1.8rem;
}

.generate-different-password-container {
    position: relative;
}

.modal-dialog i.bi.generate-different-password,
.modal-dialog i.bi.copy-generated-password {
    font-size: 140%;
}

.text-copied-message-div {
    position: relative;
}

#generate-password-form .text-copied-message,
#generate-password-form .text-copied-message-error {
    display: none;
    font-size: .925rem;
    color: var(--advertee-violet);
    position: absolute;
}

#generate-password-form .text-copied-message.active,
#generate-password-form .text-copied-message-error.active {
    display: block;
}

.animate-typing[data-animate-index="0"]::after {
    font-size: 33px;
    position: relative;
    top: 5px;
    font-weight: 200;
}

.video-modal-dialog {
    max-width: 800px;
}

.video-modal-dialog video {
    width: 700px;
    margin: auto;
    display: block;
}


/*NAVBAR*/

.advertee-container .svg-icon-2.wrap-up-menu-icon svg {
    height: 2.2rem!important;
    width: 2rem!important;
}

.app-header .app-header-brand {
    justify-content: left !important;
    width: unset;
}

.some-bugs {
    position: absolute;
    bottom: 60px;
}

.logotype {
    height: 34px !important;
    position: relative;
    top: 2px;
}


@media (min-width: 992px) {
    .app-sidebar {
        width: auto;
    }
}
 .hover-gradient svg {    margin-top: -2px;}

.some-bugs {
    background: var(--linear-gradient-bg);
    border-radius: 3px;
}

.some-bugs i,
.some-bugs .menu-title,
.some-bugs a {
    color: white !important;
}

.some-bugs span {
    font-size: 15px;
    line-height: 1.25em;
    padding-left: 10px;
    color: var(--kt-primary-inverse);
}

.some-bugs a {
    font-weight: normal;
    font-size: 10px;
    text-decoration: underline;
}

#kt_app_sidebar {
    z-index: 80;
}

.quick-time-information {
    line-height: 17px;
    cursor: help;
}

.quick-error-information {
    line-height: 23px;
}

.quick-time-information i, .quick-error-information i {
    margin-right: 4px;
    vertical-align: bottom;
    margin-bottom: -2px;
    font-size:19px;
}

.quick-time-information span.quick-time-information-value {
    font-weight: bold;
}

.app-sidebar-menu .menu-item:hover {
    background: var(--linear-gradient-bg);
    border-radius: 5px;
}

.app-sidebar-menu .menu-item:hover .menu-title,
.app-sidebar-menu .menu-item:hover i {
    color: white !important;
}

.app-sidebar-menu .settings:hover {
    background: transparent;
}

.app-sidebar-menu .settings:hover i,
.app-sidebar-menu .settings:hover .menu-title {
    color: var(--kt-gray-600) !important;
}

.fonticon-setting{
    top: 1px;
    position: relative;
}

.app-sidebar-menu .settings:hover .fonticon-setting,
.app-sidebar-menu .settings:hover .menu-title {
    color: var(--advertee-violet) !important;
}


.current-menu-link {
    background: var(--linear-gradient-bg) !important;
    border-radius: 5px;
}

.current-menu-link i,
.current-menu-link span {
    color: white !important;
}

.menu-item {
    margin-top: 2px;
    margin-bottom: 2px;
}

/* [data-kt-app-sidebar-secondary-collapse=on] h1 {
    margin-left: 50px;
} */

@media (max-width: 992px) {
    h1 {margin-left:0!important;}
    .title-big-screen {
        display: none;
    }
    .app-sidebar {
        width: 240px;
    }
    .logo-wrapper{overflow: visible;width:auto;}

}

@media (min-width: 993px) {
    .title-small-screen {
        display: none;
    }
}

@media (max-width: 767px) {
    .app-sidebar-secondary-collapse-d-none {
        margin-left: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #kt_header_user_menu_toggle {
        margin-left: 20px !important;
    }
    .app-sidebar-secondary-collapse-d-none {
        margin-left: 25px !important;
    }
}

@media (max-width: 992px) {
    .app-sidebar-secondary .menu.app-sidebar-menu,
    .app-navbar {
        margin-top: 50px;
    }
    body[data-kt-drawer="on"] .dark-overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
        z-index: 79;
        background-color: var(--kt-drawer-overlay-bg-color);
        animation: animation-drawer-fade-in .3s ease-in-out 1;
    }
}


/* BODY */

.workspace-item.active {
    color: var(--kt-primary-inverse) !important;
    background-color: var(--kt-primary) !important;
}

.menu-link.workspaces .menu-title {
    position: relative;
}

.app-sidebar-secondary .menu.app-sidebar-menu>.menu-item .menu-link .menu-title {
    white-space: nowrap;
}

.badge.role-in-workspace {
    --bs-badge-color: var(--kt-primary);
    background-color: #f5f4fe;
    color: var(--kt-primary);
    position: absolute;
    right: 0;
    top: 0;
}


/*Container*/

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 100%;
    }
}


/*User account menu*/

.user-account-menu a.menu-link:hover span,
.user-account-menu a.menu-link:active span {
    color: var(--kt-menu-link-color-hover) !important;
}

.menu-link.workspaces {
    background-color: var(--kt-menu-link-bg-color-hover) !important;
}

.workspace-item.menu-link:hover .menu-state-color .menu-item:not(.here) .menu-link.workspaces {
    color: var(--kt-menu-link-color-hover) !important;
}


/* SETTINGS - MY PROFILE */


/* SETTINGS - ACCOUNTS */

.accounts-submenu.border-3 {
    --bs-border-width: 2px;
}


/* settings - subscription plan */

.stripe-customer-portal {
    font-size: 1.25rem;
}

.add-promo-code-container {
    display: flex;
}

.cross-out-price span {
    text-decoration: line-through;
}

.svg-icon.svg-icon-success,
.svg-icon.svg-icon-white {
    order: -1;
}

.go-back-btn-div {
    margin: auto;
}

.go-back-btn {
    display: inline-block;
    color: var(--bs-link-color);
}

.card-header-summary {
    border-bottom: none !important;
}

#type-of-subscription {
    font-weight: bolder;
}

.types-of-subscription-plan .svg-icon.svg-icon-success {
    color: var(--kt-primary);
}

.types-of-subscription-plan-item {
    text-align: left;
}

.summary-table-and-payment-wrapper {
    max-width: 740px;
}

#summary-form .table td:first-child,
#summary-form .table th:first-child {
    padding-left: 0.75rem;
}

#summary-form .table td:last-child,
#summary-form .table th:last-child {
    padding-right: 0.75rem;
}

#summary-form input {
    width: 70px;
}

#summary-form tbody tr:last-child {
    background-color: var(--bs-table-striped-bg);
}

.professional-plan .btn.btn-active-light-primary:hover:not(.btn-active) {
    color: var(--kt-primary-active) !important;
    background-color: #ece4ff !important;
    opacity: 0.7;
}


/* settings - subscription plan - step 4*/

#payment-form #payment-element,
#payment-form #payment-element-loading {
    min-height: 200px;
}

#payment-form #payment-element-loading,
#payment-form.loading #payment-element,
.loading-spinner-parent.loading .form-check,
.general-element-loading-spinners {
    display: none;
}

#payment-form.loading #payment-element-loading,
.loading-spinner-parent.loading .general-element-loading-spinners {
    display: block;
}

.lds-ellipsis {
    display: block;
    position: relative;
    top: 80px;
    width: 80px;
    height: 80px;
    margin: 0px auto 0px auto;
}

.lds-ellipsis.general {
    top: 14px;
    width: 35px;
    height: 40px;
    margin: 0;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--bs-link-color);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis.general div {
    top: 2px;
    width: 11px;
    height: 11px;
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}


/* SETTINGS - NOTIFICATIONS */

.notification-card {
    max-width: 733px;
}

.notifications-table th {
    max-width: 50px;
    padding-top: 0;
}

.notification-toggle-btn-td {
    width: 70px;
}


/*SIGN IN PAGE*/

.logo-sign-in {
    width: 300px;
}

.sign-in-h2 {
    max-width: 450px;
}

.login-facebook a {
    background-color: #4267B2;
    color: white !important;
}

.login-facebook span {
    margin-left: 5px;
}

.login-facebook a:hover {
    background-color: #4267B2;
    color: white !important;
}

.login-facebook svg {
    fill: white;
    width: 25px;
}


/* .full-body{
    width: 100%;
    padding: 0px;
    min-height: 100vh !important;
} */

.fv-plugins-message-container {
    min-height: 20px;
}


/* BODY */

.app-header-brand .btn.active,
.app-header-brand .btn:active {
    color: var(--advertee-violet) !important;
    background: none !important;
}

body:not([data-kt-drawer-app-sidebar="on"]) .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon,
body:not([data-kt-drawer-app-sidebar="on"]) .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon,
body:not([data-kt-drawer-app-sidebar="on"]) .btn.btn-active-color-primary:not(.btn-active) .svg-icon {
    color: var(--kt-text-gray-400);
}

.home-show-more-div {
    text-align: right;
}

.home-show-more-div {
    position: absolute;
    bottom: 15px;
    right: 20px;
}
.select2 .rounded-circle, .select2-container  .rounded-circle{
 border-radius:0!important;
}

.btn i {vertical-align: revert;}


@media (max-width: 992px) {
    .btn-check:not(:checked)+.btn:hover {
        background-color: #f5f4fe !important;
    }

    .home-show-more-div {
        text-align: center;
        position: relative;
        bottom: -30px;
        right: unset;;
    }

}

.targeting-locations tags {
    border: none;
    margin: 0;
    margin-left: 2.75rem;
    padding: 0;
}

.targeting-detailed-targeting .tagify {
    padding-left: 0;
}


/* HOME - DASHBOARD */

.home-page-top-part .symbol-label {
    background-color: rgba(255, 255, 255, 0.2) !important;
}



.home-main-top-block,
.home-budget-monitor-block {
    height: 100%;
}

.main-top-block-progress-bar {
    background-color: var(--advertee-pink);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid var(--advertee-violet);
    background: var(--advertee-violet);
    font-weight: normal;
    color: #ffffff;
}


/* PROMOTION - RULES APPLIED FOR ALL 3 STEPS */

h1 .campaign-id {
    color: var(--text-grey-color);
    font-size: 0.7em;
}

.fixed-back-next-btns {
    position: fixed;
    border-top: var(--kt-app-separator-border);
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--kt-primary-inverse);
    z-index: 10;
}

@media (min-width: 992px) {
    #targeting-form .potential-reach-div {
        margin-left: 55px;;
    }
}

.potential-reach-div a {
    height: auto;
    display: inline-block;
}

.fixed-back-next-btns .targeting-validate-btn,
.fixed-back-next-btns .submit-next,
.fixed-back-next-btns .targeting-submit-btn {
    min-width: 103px;
}
.date_range_span {
    color: var(--kt-input-solid-color);
    background:none!important;
}

/* PROMOTION - DASHBOARD */

.search-bar .svg-icon {
    line-height: 3;
}

.table-column-title-sort:hover {
    color: var(--advertee-violet) !important;
}

.promotion-table-icon {
    width: 20px;
    position: relative;
    top: -2px;
    margin-right: 5px;
    flex-shrink: 0;
    color: #e4e4e4;
}

.promotion-table-icon+div {
    min-width: 120px;
}

.icon-color-inherit {
    color: inherit !important;
}

.table.promotion-table th:first-child {
    padding: 0.75rem;
}

.promotion-table.table.gs-0 th:last-child {
    padding-right: 0.75rem;
}

.promotion-table th {
    text-align: center;
}

.promotion-table th,
.admin-table th {
    vertical-align: middle;
}

.promotion-table .rejected {
    background-color: #ffd7d7;
}

.promotion-table .draft td,
.promotion-table .draft a {
    color: #888!important;
}

.draft .promotion-table-icon {
    /*opacity: 0.5;*/
}

.active-promotions {
    display: none;
}

.form-check-custom.form-check-solid .promotion-on-off-btn.error-bg {
    background-color: #f14c41;
}

.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}

.dot-succes {
    fill: var(--kt-success);
}

.dot-inactive {
    fill: #999999;
}

.table>:not(caption)>*>* {
    box-shadow: none !important;
}

.dropdown-button-menu a {
    font-size: 16px;
}

.dropdown-button-menu .dropdown-item:hover {
    background: var(--kt-menu-link-color-hover) !important;
    color: white;
}

.timing-button .dropdown-menu.show {
    width: 450px !important;
}

.buttons-calendar {
    position: absolute;
    bottom: -60px;
}

.container-calendar {
    background: #ffffff;
    padding: 15px;
    max-width: 475px;
    margin: 0 auto;
    overflow: auto;
}

.promotion-header .select2-selection__rendered {
    padding: var(--tag-pad);
}

.promotion-header .select2-selection--multiple .select2-selection__choice {
    flex-direction: row-reverse !important;
}

.promotion-header .select2-selection--multiple .select2-selection__choice__display {
    margin-left: 0 !important;
    margin-right: 1.1rem !important;
}

.search-filter .tagify__input {
    padding-left: 0;
}

@media (max-width: 767px) {
    .promotion-table thead th:first-child:not(.reporting.table thead th: first-child, .overview.table thead th: first-child), .promotion-table .promotion-tbody td:first-child:not(.reporting.table .promotion-tbody td: first-child, .promotion-text-in-empty-table), .promotion-table thead th:nth-child(2):not(.reporting.table thead th: nth-child(2), .overview.table thead th: nth-child(2)), .promotion-table .promotion-tbody td:nth-child(2):not(.reporting.table .promotion-tbody td: nth-child(2)) {
        display: none;
    }
    .promotion-text-in-empty-table span {
        padding-left: 15px;
    }
    .dataTables_paginate {
        margin-top: 24px;
    }
    .search-bar.search-filter {
        overflow-x: hidden;
    }
    .promotion-header .display-flex {
        display: flex !important;
        flex-wrap: wrap !important;
    }
}

#kt_app_sidebar_secondary_toggle{
    border:1px solid rgb(217, 219, 228);
   color:rgb(217, 219, 228);
    position:absolute;
    top:calc(50vh - 50px);
    right:-18px;
    z-index:81


}

.table.table-striped a {
    color: #333;
    display: inline-block;
}

.overview-tbody .table-text-td a,
.reporting-tbody .table-text-td a,
.home-page-tbody .table-text-td a {
    display: block;
}

.promotion-table th,
.admin-table th {
    position: relative;
}

a[data-sort]::before,
a[data-sort]::after {
    position: absolute;
    left: 0;
    top: 50%;
    line-height: 8px;
    display: inline-block;
    font-family: bootstrap-icons!important;
    font-style: normal;
    font-weight: 400!important;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #888;
    font-size: 12px;
}

a[data-sort] {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

a.active[data-sort]::before {
    content: "\f238";
    margin-top: -8px;
}

a.active[data-sort]::after {
    content: "\f22c";
    margin-bottom: -8px;
}

a.active:not(.down)[data-sort]::before {
    content: "\f235";
}

a.active.down[data-sort]::after {
    content: "\f229";
}

a.active[data-sort],
a.active[data-sort]::before,
a.active[data-sort]::after {
    color: var(--advertee-violet);
}

.button-container-calendar button {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background: var(--kt-menu-link-color-hover);
    color: #fff;
    border: 1px solid var(--kt-menu-link-color-hover);
    border-radius: 4px;
    padding: 5px 10px;
}

.table-calendar {
    border-collapse: collapse;
    width: 100%;
}

.table-calendar td,
.table-calendar th {
    padding: 5px;
    border: 1px solid #e2e2e2;
    text-align: center;
    vertical-align: top;
}

.date-picker.selected {
    font-weight: bold;
    outline: 1px dashed var(--kt-menu-link-color-hover);
}

.date-picker.selected span {
    border-bottom: 2px solid currentColor;
}


/* sunday */

.date-picker:nth-child(1) {
    color: var(--warning-color);
}


/* friday */

.date-picker:nth-child(6) {
    color: green;
}

#monthAndYear {
    text-align: center;
    margin-top: 0;
}

.button-container-calendar {
    position: relative;
    margin-bottom: 1em;
    overflow: hidden;
    clear: both;
}

.timing-button .dropdown-button-menu a {
    line-height: 32px;
}

#previous {
    float: left;
}

#next {
    float: right;
}

.footer-container-calendar {
    margin-top: 1em;
    border-top: 1px solid #dadada;
    padding: 10px 0;
}

.footer-container-calendar select {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    color: #585858;
    border: 1px solid #bfc5c5;
    border-radius: 3px;
    padding: 5px 1em;
}


/*Register*/

.item.opts1,
.item.opts2 {
    display: flex;
    justify-content: space-between;
    border-radius: 0.4em;
    overflow: hidden;
    margin-top: 0.8em;
}

.item.opts1 .opt,
.item.opts2 .opt {
    width: calc(33.33% - 2px);
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.item.opts1 .opt input[type=radio],
.item.opts2 .opt input[type=radio] {
    position: absolute;
    visibility: hidden;
    left: -9999px;
}

.item input {
    display: block;
    width: 100%;
    height: 2.6rem;
    background: rgba(0, 0, 0, 0.05);
    font-size: 0.9em;
    color: var(--color3);
    font-weight: 500;
    padding: 0 1em;
    border: solid 1px rgba(0, 0, 0, 0.05);
    outline: none;
    border-radius: 0.2rem;
    box-sizing: border-box;
    font-family: 'Manrope'!important;
    transition: .3s ease-in-out;
}

.item.opts1 .opt label,
.item.opts2 .opt label {
    display: flex;
    width: 100%;
    height: 2.6rem;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 1.2em;
    color: #999999;
    background: rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    transition: .15s ease-in-out;
}

.item.opts1 .opt input[type=radio]:checked~label {
    background: var(--kt-menu-link-color-hover);
    color: white;
    font-weight: 600;
}

.register h3 {
    margin-top: 20px;
}

.register button {
    margin-top: 30px;
}


/* CAMPAIGN */

.campaign_strategy-parent {
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: start;
}

@media (max-width: 1400px) and (min-width: 1200px) {
    .campaign_strategy-parent label {
        width: calc(50% - 2.5px);
    }
}

@media (max-width: 600px) {
    .campaign_strategy-parent label {
        width: calc(50% - 2.5px);
    }
}

.campaign_strategy-item {
    min-width: 123px;
}

.btn-group .btn.campaign_strategy-item {
    border-radius: var(--bs-btn-border-radius) !important;
    border-top-right-radius: var(--bs-btn-border-radius) !important;
    border-bottom-right-radius: var(--bs-btn-border-radius) !important;
}

.campaign-budget-value-container {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    max-width: 600px;
    margin: auto;
}

.input-range-description {
    min-width: 126px;
    max-width: 130px;
    text-align: left;
}

.input-range-description .form-control:focus {
    color: var(--advertee-violet);
}

.input-range-description span:first-of-type {
    vertical-align: top;
    display: inline-block;
}

#campaign_budget_value_input {
    line-height: 1.1;
}

.display-legend-per-post,
.display-legend-engagement {
    display: none;
}

.display-legend-per-post.active,
.display-legend-engagement.active {
    display: block;
}

.select-ad-delivery option {
    display: none;
}

.select-ad-delivery .display-option {
    display: block;
}


/*Overview*/

.per-post-budget-input { 
    width: 100px;
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    flex: none !important;
}

.campaign-budget-value-container {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    max-width: 600px;
    margin: auto;
}

.overview.table .table-text-div {
    display: -webkit-box;
    min-width: 250px;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.errors-log.table .table-text-div {
    display: -webkit-box;
    min-width: 300px;
    max-width: 600px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.add-promotion-btn svg {
    margin-top: -3px;
    margin-right: 3px;
}

.campaign-overview-dropdown-img {
    width: 20px !important;
}

.campaign-overview-dropdown-name {
    margin-left: 10px;
}

.download-button {
    fill: white;
}

.card-content img {
    width: auto;
}

.project-panel-content table {
    width: 100%;
}

.text-padding-left {
    padding-left: 4%;
}

.project-panel-content table tr td span.break {
    display: block;
    font-weight: 400;
    font-size: 12px;
}

.project-panel-content table tr td {
    font-weight: bold;
    font-size: 12px;
    padding: 1%;
}

.project-panel-content span.small-info {
    font-size: 9px;
}

.social-likes {
    width: 100%;
    display: flex;
    gap: 15px;
    margin-top: 10px;
    justify-content: center;
}

.card-date {
    font-size: 12px;
}

.overview-card-status-switcher svg,
.reporting-card-status-switcher svg {
    width: 15px;
    fill: white;
}

.overview-card-status-switcher,
.reporting-card-status-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
}

.overview-card-status-switcher span,
.reporting-card-status-switcher span {
    text-transform: uppercase;
    font-size: 18px;
    margin-left: 7px;
}

.upload-logo-form {
    display: none;
}

.status-off {
    background: var(--blue);
    color: white;
}

.status-boost {
    background: var(--green);
    color: white;
}

.status-boost-deactive {
    background: var(--grey);
    color: white;
}

.status-error {
    background: var(--warning-color);
    color: white;
}

.reporting-cards .card-body {
    height: 270px;
}

.reporting-display-row-layout,
.reporting-display-grid-layout {
    display: none;
}

.list-of-posts-bg-image-in-post {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    margin-bottom: -5px;
    width: 100%;
    max-width: 190px;
    height: auto;
    aspect-ratio: 1;
}

.overview-page.list-of-posts-bg-image-in-post,
.reporting-page.list-of-posts-bg-image-in-post {
    width: 48px;
}

.table.table-striped .list-of-posts-bg-image-in-post a,
#kt_project_targets_card_pane .list-of-posts-bg-image-in-post a {
    display: block;
    height: auto;
    aspect-ratio: 1;
}

.table-text-td .a-link-color .table-text-div,
.reporting-card-content .table-text-div .a-link-color,
.preview-table-text-div .a-link-color {
    color: #333 !important;
}

.table-text-td .a-link-color .table-text-div:hover,
.reporting-card-content .table-text-div .a-link-color:hover,
.preview-table-text-div .a-link-color:hover {
    color: var(--bs-link-color) !important;
}

.reporting-page,
.overview-page {
    max-width: 50px;
    transition: all .2s;
}

.reporting-page:hover,
.overview-page:hover {
    transform: scale(4.5) translateX(39%) translateY(-38%);
    position: relative;
    z-index: 1;
}

select[name=select_logo]+span .rounded-circle,
ul[id^=select2-select_logo-] .rounded-circle {
    border-radius: unset !important;
}

ul[id^=select2-select_logo-] span {
    display: flex;
    /* align-items: center; */
    gap: 5px;
}

#select2-campaign_account-container {
    margin: -8px 0;
}

.reporting-card-image>svg {
    margin: auto;
    display: block;
}

@media (max-width: 768px) {
    .reporting-card-image {
        margin-bottom: 20px;
    }
    .reporting-cards .card-body {
        height: fit-content;
    }
    .reporting-cards .list-of-posts-bg-image-in-post,
    .reporting-cards .reporting-card-image>svg {
        margin: 0;
    }
    .reporting-cards .project-panel-content .container {
        margin-left: 0;
        padding-left: 0;
    }
    .reporting-cards .project-panel-content .container tr td:nth-child(1) {
        padding-left: 0;
    }
    .reporting-cards .social-likes {
        justify-content: start;
    }
}

.overview-card-content,
.reporting-card-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.reporting-card-content {
    gap: 5px;
}

.reporting-card-content>div>p {
    font-size: 14px;
}

.reporting-card-content .table-text-div {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.overview-card-cards {
    display: flex;
}

.karta {
    box-shadow: var(--shadow);
}

.overview-table-icon-status,
.reporting-table-icon-status {
    width: 15px !important;
}

.reporting-card-image .social-icon.fb::before {
    content: "";
    background-image: url("/assets/media/img/fb_icon_thumb_up.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
}

.reporting-card-image .social-icon.fb.comment::before {
    background-image: url("/assets/media/img/fb_icon_comment.png");
}

.reporting-card-image .social-icon.fb.share::before {
    background-image: url("/assets/media/img/fb_icon_share.png");
}

.social-icon {
    display: flex;
    gap: 5px;
    align-items: center;
}

.reporting-select-logo-to-pdf+.select2-container img {
    position: relative;
    top: -1px;
}

@media (max-width: 768px) {
    .reporting-header {
        flex-wrap: wrap;
    }
    .reporting-header-respo {
        width: 100%;
    }
    .reporting-header .period-select {
        width: 80%;
    }
}

@media (max-width: 567px) {
    /* .reporting-header-respo {
        justify-content: start;
    } */
    .reporting-header-respo>* {
        width: calc(100% + 1.5rem);
    }
    .promotion-header .period-select-and-download {
        width: 100%;
    }
    .reporting-header .period-select {
        width: 80%;
    }
}

@media (min-width: 768px) {
    .reporting-header-respo .reporting-pages-select {
        min-width: 230px;
    }
    .promotion-header .promotion-select {
        min-width: 200px;
    }
}

.close-promotion {
    width: fit-content;
    display: block;
}


.close-promotion .stepper-icon .fa-close {
    font-size: 2rem;
}

/* BUDGET MONITOR */

.home-page-budget-monitor td {
    min-width: 90px;
}

.multiselect-budgetMonitor {
    min-width: 25px !important;
}

.home-page-budget-monitor .td-custom-note {
    width: 350px;
}

.home-page-budget-monitor .input-custom-note {
    width: 100%;
    min-width: 150px;
}

.home-page-budget-monitor .edit-monthly-limit {
    margin-left: 10px;
}

.home-page-budget-monitor .edit-monthly-limit svg,
#add-post-to-promotion-form .edit-budget svg {
    color: var(--kt-primary);
}

.home-page-budget-monitor .progress-text {
    opacity: 0.75;
    font-size: 0.9em;
    padding-bottom: 2px;
}

.home-page-budget-monitor .progress-bar.warning {
    background-color: #DA3985 !important;
}

.home-page-budget-monitor .progress-bar.warning-1 {
    background-color: #FF8351 !important;
}

.home-page-budget-monitor .progress-bar.warning-2 {
    background-color: var(--text-warning-color) !important;
}

.home-page-budget-monitor .td-edit-monthly-limit {
    min-width: 150px;
    white-space: nowrap;
}

@media (max-width: 1300px) {
    .home-budget-monitor-block .td-edit-monthly-limit,
    .home-budget-monitor-block .th-edit-monthly-limit,
    .home-page-bottom-part .th-promotion-hide,
    .home-page-bottom-part .td-promotion-hide {
        display: none;
    }
}

.progress {outline: 1px solid #E1E3EA;}
.status-icon::before {
    display: inline-block;
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0);
    margin-right: 3px;
}

.status-icon.active-status::before {
    background-color: var(--text-success-color) !important;
}

.status-icon.not-active-status::before {
    background-color: var(--text-warning-color) !important;
}

.status-icon.miscellaneous-status::before {
    background-color: var(--text-grey-color) !important;
}

.status-icon.new-status::before {
    background-color: var(--advertee-violet) !important;
}

.home-page-budget-monitor .td-status-column {
    min-width: 90px;
}

.form-control.soft-padding {
    padding: 0.375rem 0.6rem;
}

.input-edit-monthly-limit {
    display: none;
    width: 110px;
    margin: auto;
}

.span-edit-monthly-limit-amount {
    display: inline-block;
    min-width: 110px;
}

.td-custom-note .form-control {
    padding: 0.375rem 0.6rem;
}


/* SETTINGS - PROFILE SETTINGS / USERS */

.account-settings-avatar-action svg {
    fill: var(--kt-menu-link-color-hover);
    /* margin-left: 40px; */
}

.account-settings-avatar-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    /* flex-wrap: wrap; */
    align-content: flex-start;
    gap: 10px;
}

.account-settings {
    display: flex;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.account-settings-header {
    display: flex;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.fixed-btn-bottom-container {
    position: fixed;
    bottom: 0;
    border-top: 1px solid var(--kt-card-border-color);
    box-shadow: var(--kt-card-box-shadow);
    background-color: var(--kt-card-bg);
    padding: 8px 30px;
    left: 0;
    right: 0;
    z-index: 1;
}



@media (max-width: 991.98px) {
    .fixed-btn-bottom-container {
        padding: 8px 20px;
    }
}

.account-settings-header .form-select {
    width: unset;
}

.account-settings-header>.connected-assets {
    max-width: 240px;
}

.account-settings-avatar {
    display: flex;
}

.account-settings-avatar img {
    width: 70px;
    border-radius: 100%;
}


/* .account-settings-avatars-content {
    display: flex;
    gap: 30px;
    align-content: start;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
} */

.account-settings-avatar {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10%;
    min-width: 265px;
    padding: 10px 15px;
    border-radius: 10px;
    justify-content: space-between;
}

.account-settings-avatar-img {
    min-width: 45px;
    max-width: 45px;
}

@media (max-width: 400px) {
    .account-settings-avatar {
        min-width: 240px;
        gap: 5%;
        padding: 7px 10px;
    }
}

.account-settings-avatar-name {
    width: 100%;
}

.account-settings-avatar-name.white-space-nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.account-settings-avatar-content {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex: 1;
    width: 39%;
}

.preview-table-text-div {
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.account-settings-header svg {
    fill: white;
}

.dropdown-menu-btn.btn.show {
    /* fill: var(--kt-primary-inverse); */
    background: none;
}

.dropdown-menu-btn.btn.show:hover,
.dropdown-menu-btn.btn.show:active,
.dropdown-menu-btn.btn:first-child:active {
    /* fill: var(--kt-primary-inverse); */
    background: none;
}


/* SETTINGS - CONNECTED ASSETS */

.connected-assets svg {
    width: 30px;
    margin-top: -10px;
}

.connected-assets:nth-child(2) {
    min-height: 75px;
}

.connected-assets-switch-parent {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.connected-assets-content {
    display: flex;
    gap: 25px;
    align-items: center;
    padding: 15px;
}

.connected-assets-switch.child {
    display: flex;
    gap: 10px;
    /* min-width: 320px; */
    flex-direction: row;
}

.connected-assets-switch {
    padding: 13px;
}

.connected-assets-switch-container {
    display: flex;
    gap: 15px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.connected-assets-switchers.display-all-assets {
    height: 200px;
    overflow: hidden;
}

#js-see-more-div {
    display: none;
}

#js-see-more-btn .see-less {
    display: none;
}


/* .connected-assets-switchers.flex {
    display: flex;
    gap: 20px;
    justify-content: start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
} */


/* @media (max-width: 567px) {
    .connected-assets-switchers {
        flex-direction: column;
    }
} */

.connected-assets .search-bar .svg-icon {
    line-height: 4;
}


/*CONDITIONS*/

.stepper.stepper-pills.stepper-column .stepper-nav {
    align-items: center !important;
}

.stepper.stepper-pills .stepper-item .stepper-icon {
    background-color: var(--kt-form-check-input-bg-solid) !important;
}

.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
    color: var(--kt-primary-inverse) !important;
}

.stepper.stepper-pills .stepper-item.current .stepper-icon {
    background-color: var(--kt-stepper-icon-bg-color-current) !important;
}

.stepper.stepper-pills .stepper-item .stepper-icon.custom-css {
    height: 40px;
    width: 40px;
    margin-right: 1.5rem;
}

@media (max-width: 550px) {
    .stepper.stepper-pills.stepper-column .stepper-wrapper {
        align-items: center;
        flex-direction: column;
    }
    .stepper.stepper-pills .stepper-item .stepper-icon.custom-css {
        height: 30px;
        width: 30px;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}

.stepper-nav .separator {
    width: 20%;
}

.advertee-btn-checkbox {
    display: none;
}

.specific-conditions .tags-field-list-of-tags,
.input-show-and-hide-input {
    display: none;
}

.type-of-posts-to-boost .fv-plugins-message-container {
    min-height: 0px;
}

#condition_boost_performance {
    display: inline;
}

.advertee-btn-checkbox:checked+label,
#campaign-form .btn.btn-secondary:hover {
    color: var(--kt-primary-inverse) !important;
    border-color: var(--kt-primary) !important;
    background-color: var(--kt-primary) !important;
}

.advertee-btn-checkbox:disabled+label,
.form-select:disabled+.select2,
input[type="range"]:disabled {
    opacity: var(--kt-form-check-input-disabled-opacity);
    pointer-events: none !important;
    cursor: unset !important;
}

.stepper.stepper-pills.stepper-column .stepper-nav {
    flex-direction: row;
}

.unnamed-promotion {
    margin-left: -20px;
}

.unnamed-promotion svg {
    fill: var(--bs-link-color);
}

.type-of-posts-to-boost {
    background: #f5f4fe;
    border-radius: 10px;
}


.campaign-objective-section>div>span {
    gap: 5px;
}

.campaign-objective-section>div.d-flex,
.campaign-objective-section>div>span {
    align-items: center;
}

@media (max-width: 470px) {
    .campaign-objective-section>div.d-flex {
        flex-direction: column;
        align-items: start;
    }
    .campaign-objective-section>div>span {
        flex-direction: column;
        align-items: start;
    }
}


.div-show-and-hide-div {
    display: none;
}

.div-show-and-hide-div.show {
    display: block;
}

.a-show-and-hide-div.open svg {
    transform: rotate(180deg);
}

.type-of-posts-to-boost>a h5,
.targeting-url-parameters-a h5 {
    display: inline;
}

.type-of-posts-to-boost svg {
    display: inline-block;
    width: 15px;
    color: var(--kt-headings-color);
    position: relative;
    top: -2px;
}


/* .type-of-posts-to-boost i {
    display: inline-block;
    width: 30px;
} */


/* .type-of-posts-to-boost > a h5::after {
    content: url("/assets/media/svg/chevron-down.svg");
    width: 30px;
} */


/* Tagify tags */

.added-logical-operator .tagify .tagify__tag:last-of-type {
    margin-right: 31px;
    position: relative;
}

.added-logical-operator .tagify .tagify__tag:last-of-type:after {
    content: "OR";
    position: absolute;
    right: -36px;
    padding: 5px;
}

.specific-conditions .added-logical-operator .tagify .tagify__tag:last-of-type:after {
    color: var(--advertee-violet);
}

.specific-conditions .added-logical-operator .tagify .tagify__tag:last-of-type:hover:after {
    color: var(--advertee-pink);
}

.added-logical-operator .tagify .tagify__tag:last-of-type:hover:after {
    cursor: pointer;
    font-weight: 600;
}

.and .tagify .tagify__tag:last-of-type{
    margin-right: 41px;
}

.and .tagify .tagify__tag:last-of-type:after {
    content: "AND";
    right: -45px;
}

.search-bar .tagify .tagify__tag:last-of-type:after {
    content: "AND";
    right: -41px;
}

.search-bar .tagify .tagify__tag:last-of-type {
    margin-right: 41px;
}

.tagify__tag.tagify-red {
    background-color: var(--soft-warning-color);
}

.tagify__tag.tagify-red .tagify__tag__removeBtn {
    background-color: white;
}

.tagify__tag.tagify-red .tagify__tag-text {
    color: white;
}

.tagify__tag.tagify-red>div::before {
    display: none;
}

.type-of-posts-to-boost .tagify .tagify__tag:last-of-type:after {
    display: none;
}

.type-of-posts-to-boost .tagify .tagify__tag:last-of-type {
    margin-right: 0;
}

.search-bar .tagify__tag,
.type-of-posts-to-boost .tagify,
.type-of-posts-to-boost .tagify:active,
.type-of-posts-to-boost .tagify:focus {
    background-color: #fff !important;
}

.search-bar .tagify__tag>div::before {
    display: none;
}


/* Tagify tags end*/

i.change-pointer-events {
    pointer-events: none;
}

i.change-pointer-events.active {
    pointer-events: auto;
}


.include-previous-published-posts-from+select {
    
    width:140px;
}

.preview-table-img-td {
    min-width: 95px;
}

.promotion-conditions-table img {
    max-width: 80px;
    max-height: 60px;
    width: auto;
}

.promotion-conditions-table tr {
    height: 80px;
}

.promotion-conditions-table tr.fill {
    height: 100%;
}

.promotion-conditions-table td {
    font-size: 12px !important;
}

.promotion-conditions-table .preview-table-footer {
    position: relative;
}

.preview-table-footer .page-item:last-child {
    margin-right: 0.5rem;
}

.promotion-conditions-table .preview-table-results-counter {
    position: absolute;
    bottom: 33%;
    vertical-align: middle;
}

.conditions-preview-table thead th,
.conditions-preview-table thead th a {
    background: var(--bs-link-color) !important;
    color: white !important;
}

.conditions-preview-table {
    border: 2px solid var(--bs-link-color);
    border-radius: 10px;
    overflow: hidden;;
}

.conditions-preview-table  .table-responsive {
    min-height: 635px;
}

.table-responsive.disable-overflow {
    overflow-x: visible;
}

@media (min-width: 768px) {
    .conditions-preview-table .paging_simple_numbers {
        float: right;
    }
}

table.conditions-preview-table .table-border-top {
    border-top-color: var(--kt-gray-300) !important;
    border-top-width: 1px !important;
    border-top-style: dashed;
}

.paginate_button.visibility-hidden {
    visibility: hidden;
}

.type-of-posts-to-boost .form-check:not(.form-switch) .form-check-input[type=checkbox] {
    border: 1px solid var(--bs-link-color);
}

#condition_advanced_options_operators {
    min-width: 65px;
}

@media (max-width: 576px) {
    .advanced-options-first-select-div {
        margin-bottom: 18px;
    }
}


/* .condition-advanced-options > div {
    gap: 18px;
}

.condition-advanced-options > div > * {
    padding-right: 0 !important;
    padding-left: 0 !important;
} */

input.qty {
    width: 50px;
}

input.qtyminus.minus,
input.qtyplus.plus {
    background: var(--bs-link-color);
    border: 2px solid var(--bs-link-color);
    color: white;
    border-radius: 5px;
}

.quantity {
    margin-left: 10px;
}

.numero-small {
    width: 80px !important;
}


/* CAMPAIGN */

.campaign-preview-slider {
    min-height: 690px;
    border: 2px solid var(--bs-link-color);
    border-radius: 10px;
    overflow: hidden;
}


/* CAMPAIGN - SWIPER CSS */
/* .campaign-preview-slider .swiper {
    margin-bottom: 5%;
} */

.campaign-preview-slider .swiper-wrapper {
    margin-bottom: 40px;
}

.campaign-preview-slider .swiper-slide {
    height: 597px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.campaign-preview-slider .swiper-pagination-bullet-active {
    background: var(--advertee-violet);
}


/* HOME - SWIPER CSS */
.swiper1 .swiper-button-prev,
.swiper1 .swiper-button-next {
    top: 55.5%;
}

.swiper-button-prev {
    left: 39px;
}

.swiper-button-next {
    right: 39px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: "";
    width: 27px;
    height: 82px;
    background-image: url(images/svg/chevron-left-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.swiper1 .swiper-pagination {
    z-index: 1;
    top: calc(var(--main-nav-mobile-height) - 6px);
    bottom: unset;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.8);
}

.home-main-top-block *:not(#kt_modal_image_slider, .modal-title) {
   color: var(--kt-primary-inverse); 
}

.home-main-top-block .table-text-div {
    aspect-ratio: 1.8;
}

.swiper1 .swiper-content-item.small {
    width: 100%;
    display: inline-block;
}

.home-swiper-big-left-image {
    width: 100%;
    aspect-ratio: calc(16 / 9);
}

.swiper1 .swiper-content-item.small img {
    max-width: 100%;
    aspect-ratio: 1;
}

.home-swiper-slide-container {
    display: flex;
    gap: 5px;
}

.home-main-top-block .slide-options {
    font-size: 1.25em;
    font-weight: bold;
}

.home-main-top-block .slide a:not(.active):not(.show-video) {
    opacity: 0.6;
}

.home-main-top-block .swiper-wrapper {
    margin-bottom: 30px;
}

.home-main-top-block .swiper-horizontal>.swiper-pagination-bullets, 
.home-main-top-block .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0px;
}

.modal-body iframe {
    width: 100%;
    aspect-ratio: 1.78;
}


/* TARGETING */
.gender .btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background: var(--bs-link-color);
}

.btn.monthly-payment-btn:active,
.btn.annualy-payment-btn:active {
    background: unset;
    color: var(--kt-text-gray-600);
}

.gender label.btn {
    background: #f5f4fe;
}

.gender label.btn svg {
    fill: var(--bs-link-color);
}

.gender .btn-check:checked+.btn svg {
    fill: var(--kt-primary-inverse);
}

.gender .btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active svg {
    fill: var(--kt-primary-inverse);
}

.gender-container {
    display: flex;
}

.potential-reach span {
    color: var(--bs-link-color);
}

.targeting-options span {
    font-size: 10px !important;
}

.targeting-options div.targeting-options-content {
    border: 2px solid var(--bs-link-color);
    padding: 1%;
    border-radius: 5px;
    width: 31.333%;
}

.gender .invalid-feedback+.invalid-feedback {
    display: none !important;
}

.targeting-locations tags.tagify,
.targeting-languages tags.tagify {
    margin-bottom: 0 !important;
}

.message-small-potential-reach,
.targeting-limited-age {
    display: none;
}

.message-small-potential-reach,
.targeting-limited-age {
    color: #f14c41;
}

.type-of-posts-to-boost .tagify.detailed-targeting-choosen-values {
    background-color: #f5f4fe !important;
    border-color: #f5f4fe !important;
}

.type-of-posts-to-boost .tracking-and-conversion-block {
    gap: 15px;
}


/* .targeting-locations .tagify {
    display: none !important;
} */

.tracking-and-conversion-block>div {
    flex-basis: 50%;
}

.stepper.stepper-pills .stepper-item a.stepper-wrapper .stepper-label .stepper-desc {
    color: var(--bs-link-color);
}

.min-w-250px {
    min-width: 250px;
}

.app-header .app-header-brand {
    transition: unset!important;
}

.audience-disable[disabled] {
    pointer-events: none;
}

.targeting-options-content input[type=checkbox].automatic-disabled {
    opacity: 0.5;
}

.enable-custom-name {
    display: none;
}

.enable-custom-name.active {
    display: block;
}

input.stay-disabled+span {
    opacity: 0.5;
}

.app-sidebar-menu .menu-item.lock-menu {
    position: absolute;
    bottom: 120px;
}

.app-sidebar-menu .menu-item.lock-menu:hover {
    background: none;
}

.app-sidebar-menu .menu-item.lock-menu:hover i {
    color: var(--advertee-violet) !important;
}

#kt_app_body[data-menu-locked=""] .menu-item.lock-menu i {
    color: var(--kt-gray-500);
}

#kt_app_body[data-menu-locked="locked"] .menu-item.lock-menu i {
    color: var(--advertee-violet);
}

.menu-icon .bi.bi-lock-fill {
    transform: scaleX(1.4);
}

.targeting-dsa.position-absolute {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.targeting-dsa input {
    width: 1.45rem;
    height: 1.45rem;
    vertical-align: middle;
}


.settings-cont {
    position: absolute;
    bottom: 0px;
}

@media (max-width: 991px) {
    .settings-cont {
        width: 218px !important;
    }

    .app-sidebar {
        border-right: none !important;
    }
}

.settings-cont > a {
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--kt-gray-600);
}

.settings-cont > a.advertee-menu-version{
    font-size: 1.0rem;
    font-weight: 400;
}
.advertee-menu-version:hover {
    color: var(--advertee-violet);
}

select[name='call_code'] + span {
    width: 140px !important;
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label{
    opacity: 1 !important;
}

.ads-upload{


    animation: ads-upload 1s linear infinite;
    -moz-animation: ads-upload 1s linear infinite;
    -webkit-animation: ads-upload 1s linear infinite;
    -o-animation: ads-upload 1s linear infinite;
    display: inline-block;
}

.reset-password-back{
    position: absolute;
    top: 15px;
    left: 15px;
    font-weight: bold;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
}

.reset-password-back i{
    -webkit-text-stroke: 1px;
    font-size: 1.4rem;
    margin-right: 5px;
}

@keyframes ads-upload {
    0% {
        transform: translateY(-3px);
    }
    50% { 
        transform: translateY(3px);
    }
    100% {
        transform: translateY(-3px);
    }
}

.menu-icon-circle {
    background: var(--soft-grey-color);
    border-radius: 50%;
    border: 1px solid transparent;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: -5px;
    box-sizing: border-box;
}

.menu-icon-white{
    color: white !important;
}

.menu-icon-black{
    color: black !important;
}

.menu-icon-violet{
    color: var(--advertee-violet) !important;
}

.update-data {
    line-height: 17px;
}

.update-data i {
    margin-top: 0px;
    vertical-align: top;
    margin-right: 4px;
    margin-bottom: -2px;
    font-size: 19px;
}

.advertee-account-details-container .update-data i {
    margin-top: 1px;
}

h5 .update-data i {
    margin-top: -1px;
}

.promotion-header .update-data i {
    margin-top: -1.3px;
}

.update-data.unavailable {
    opacity: 0.6 !important;
}

.menu-icon-circle-questionmark{
    padding: 4px 8px 4px 8px;
}

.menu-icon-circle-bell{
    padding: 5px 7px 5px 7px;
    font-size: 16px !important;
}

.menu-icon-circle-exclamation{
    padding: 5px 11px 5px 11px;
    font-size: 16px !important;
}

.menu-error-notif-number {
    position: absolute;
    left: 13px;
    top: -9px;
    min-width: 20px;
    text-align: center;
    background: #dc3985 !important;
    justify-content: center;
}

@media (max-width:476px) {
    .scrolltop {
        display: none !important;
    }
    .logotype{
        width: 95%;
    }
}

@media (max-width:400px) {
    .logotype{
        width: 80%;
        height: auto !important;
    }
}

@media (max-width:330px) {
    .logo-wrapper {
        display: none !important;
    }
}
.btn.inactive,
.inactive .form-switch {
    filter: grayscale(1);
}

.facebook-reconnect-button-inactive{
    filter: grayscale(1);
}

.info-reporting-card{
    left: -4px;
    position: relative;
}

.error_help_inline_table{
    top: 0px;
}

.scroll-table-margin {
    margin-bottom: -4rem;
}

.table-responsive.get-table-position {
    min-height: 200px;
}

.adv-flex-fill {width:100%;}