.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit !important;
}

ul.navbar-nav > li:first-child .nav-link {
	padding-left: 0px !important;
}
.form-control.valid-feedback,
.form-control.invalid-feedback {
    display: block;
}
.dataTables_filter {
	display: none;
}
.dataTables_wrapper .row:last-child {
	margin-top: .5rem !important;
}
.loader {
	height: calc(.5rem + 1.5em + 2px);
    width: calc(.5rem + 1.5em + 2px);
}
[data-layout=horizontal] .navbar-menu .navbar-nav>li:nth-of-type(2)>.nav-link.menu-link { 
  padding: .75rem 1.5rem !important;
}

[data-layout=horizontal] .navbar-menu .navbar-nav.nav-link.menu-link { 
  color: var(--vz-topnav-item-color) !important; 
}
.central-vertical-line {
    height: 50px;
    width: 50%;
    border-right: 1px solid rgba(var(--vz-primary-rgb));
}
.trigger>.card {
    background: #FFFFFF;
    box-shadow: 0 -1.62585px 9.7551px #0000000a, 0 20px 65.034px #00000012, 0 33.9621px 27.1697px #00000007, 0 18.1577px 14.5262px #00000002, 0 5.40604px 4.32483px #0000, 0 2.24957px 1.79966px #00000002;
    border-radius: 5px;
    border: none;
    padding: 10px 10px;
}

.trigger .section-badge {
  align-items: center;
  background-color: #fff;
  box-shadow: 0 -1.29449px 7.76697px #0000000a, 0 7.96196px 51.7798px #00000012, 0 12.7391px 21.6324px #00000007, 0 14.4571px 11.5657px #00000002, 0 4.30426px 3.44341px #0000, 0 1.7911px 1.43288px #00000002;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  padding: 5px 15px;
  position: absolute;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  z-index: 2;
}

.trigger .section-badge > span {
    color: var(--vz-primary);
    font-size: 1.125rem;
    font-weight: 700;
}

.trigger-invalid-feedback {
    border-color: var(--vz-form-invalid-border-color);
}

.trigger-rules-divider {
    background-color: #efefef;
    margin: .5rem 0;
    height: 1px;
    width: 100%;
}

.trigger-rule {
    align-items: center;
    background-color: #eef1ff;
    display: flex;
    border-radius: 7px;
    flex-direction: row;
    padding: 0 0 0 17px;
    min-height: 45.5px;
}

.trigger-rule-display-edit {
    background-color: var(--vz-primary);
    color: #fff;
    margin-left: 14px;
}

.trigger-rule-display-delete {
    background-color: var(--vz-danger);
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    color: #fff;
}

.trigger-rule-display-edit, .trigger-rule-display-delete {
    align-self: stretch;
    align-items: center;
    display: flex;
    padding: 0 .5rem;
}

.trigger-rule-display-edit:hover {
    background-color: var(--vz-primary-text-emphasis);
    color: #fff;
    text-decoration: none;
}

.trigger-rule-display-delete:hover {
    background-color: var(--vz-danger-text-emphasis);
    color: #fff;
    text-decoration: none;
}

.trigger-condition-operator {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    padding: 9px;
    gap: 9px;
    color: var(--vz-primary);
    font-size: 1rem;
}

.trigger-row {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 12px 15px;
    display: flex;
}

.divider {
    background-color: #c2c2c2;
    content: "";
    height: 24px;
    width: 2px;
}

.text-color-blue {
    color: var(--vz-primary);
}

.mx-15px {
    margin-right: 15px;
    margin-left: 15px;
}

.buyer-nickname-incomplete {
    text-align: center;
    margin-top: -35px;
    margin-left: 30px;
}

.buyer-incomplete {
    text-align: center;
    margin-top: -23px;
    margin-left: 30px;
}

.choices__list--dropdown {
    z-index: 100 !important;
}

.selected-field-pill {
    border: 1px solid #cdd4d9;
    padding: 7px 10px;
    margin-right: 10px;
    height: 38px;
    border-radius: 4px;
    margin-bottom: 5px;
    box-shadow: 0 0 5px 1px #eee;
}

.selected-field-pill .remove-pill {
    cursor: pointer;
    color: var(--vz-danger);
    margin-left: 5px;
    vertical-align: middle;
}

.multi-wrapper .search-input {
    margin-bottom: 15px !important;
}

.popover {
    z-index: 10000 !important;
}

.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
    cursor: text;
    padding-right: .9rem;
}

.choices__inner {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    background-color: var(--vz-input-bg-custom);
    padding: .25rem 3.6rem .1rem .5rem;
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    border-radius: var(--vz-border-radius) !important;
    font-size: .8125rem;
    min-height: 37.5px;
    overflow: hidden;
}

.w81 {
    width: 81% !important;
}

.mgt-19 {
    margin-top: -19px !important;
}

.ri-spin:before {
    -webkit-animation: mdi-spin 2s infinite linear;
    animation: mdi-spin 2s infinite linear;
}

.pt-10 {
    padding-top: 10px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.w-180 {
    width: 180px !important;
}

.w-45 {
    width: 45% !important;
}

.w-53 {
    width: 53% !important;
}

.w-2 {
    width: 2% !important;
}

.ms-selectall {
    border-radius: 4px;
    color: var(--vz-link-hover-color);
    cursor: pointer;
}

#filter_columns_btn.dropdown-toggle::after {
    content: none !important;
}

.campaign-badge {
    font-size: .65rem;
    font-weight: 500;
}

table a:hover {
    text-decoration: underline !important;
}

.s-1 {
    width: 1rem !important;
    height: 1rem !important;
}

.s-1x {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.theme-border-height .nav-item .nav-link::after {
    height: 3px !important;
}

.p-10 {
    padding: 10px !important;
}

.img-arrow {
    transform: rotate(267deg);
    width: 170px;
    position: absolute;
    top: -50px;
    left: 10px;
    opacity: .35;
}

.lead-table-row {
    color: var(--vz-gray-600);
    font-weight: 400 !important;
}

.lead-badge {
    padding: 8px !important;
    font-size: 12px !important;
}

.invalid-field {
    border-color: var(--vz-form-invalid-border-color) !important;
}

.search-bar::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    pointer-events: none;
    background: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='red'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 18L18 6M6 6l12 12' /%3E%3C/svg%3E) no-repeat center;
    border: none;
    background-size: 14px;
    opacity: .5;
}

.search-bar:focus::-webkit-search-cancel-button {
    opacity: .3;
    pointer-events: all;
}

.mt-35 {
    margin-top: 35px !important;
}

.mse-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.text-justify {
    text-align: justify !important;
}

.timeline-box {
    padding: 0.5rem 0.5rem 0 3rem;
}

.timeline-box .timeline-item {
    position: relative;
    padding: 0px;
    min-height: 50px;
    width: auto !important;
}

.timeline-box .timeline-item:not(:last-child)::after {
    content: "";
    height: calc(100% - 30px);
    position: absolute;
    width: 1px;
    background: var(--vz-gray-400);
    top: 27px;
    left: -26px;
}

.timeline-box .timeline-item .timeline-icon.accepted {
    background: var(--vz-success);
}

.timeline-box .timeline-item .timeline-icon.error {
    background: var(--vz-danger);
}

.timeline-box .timeline-item .timeline-icon.duplicated {
    background: var(--vz-warning);
}

.timeline-box .timeline-item .timeline-icon.action {
    background-color: var(--vz-primary);
    color: #fff;
}

.timeline-box .timeline-item .timeline-icon.returned {
    background: var(--vz-info);
}

.timeline-box .timeline-item .timeline-icon {
    position: absolute;
    top: 0;
    left: -38px;
    border-radius: 50%;
    color: #fff;
    padding: 2px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-box .timeline-item .timeline-icon.pinged,
.timeline-box .timeline-item .timeline-icon.default {
    background: var(--vz-gray-500);
}

.text-section {
    color: #5469d4;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .05rem;
    text-decoration: uppercase;
}

#campaignFields .fields-box {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
}

.fields-box {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    align-items: flex-start;
    align-content: start;
    grid-row-gap: 10px;
    grid-column-gap: 20px;
    padding: 10px 18px 0;
    height: calc(100% - 52px);
    overflow-y: auto;
    border: 1px solid #eee;
    margin-top: 12px;
    border-radius: 5px;
}

.fields-box .field-label {
    font-weight: 300;
    font-size: 13px;
    color: var(--vz-gray-600);
    word-break: break-all;
}

.fields-box .field-value {
    font-weight: 500;
    font-size: 14px;
    word-break: break-all;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    color: var(--vz-gray-700);
}

.timeline-bid-item.compact {
    display: inline-block;
    font-size: .75rem;
}

.timeline-bid-item__row {
    align-items: center;
    background-color: var(--blue-100);
    display: flex;
    gap: 10px;
    padding: 4px 8px;
    border-radius: 8px;
}

.timeline--icon {
    align-items: center;
    background-color: var(--vz-primary);
    border-radius: 50%;
    color: #fff;
    justify-content: center;
    display: flex;
    height: 14px;
    width: 14px;
}

.timeline-box .timeline-item .timeline-icon.ping-post {
    background-color: var(--vz-secondary);
    padding: .25rem .5rem;
    font-weight: 300;
    border-radius: 5px;
    font-size: .75rem;
    left: -50px;
    top: 0;
    width: 50px;
}

.timeline-box .timeline-item .timeline-icon.info {
    background: var(--vz-primary);
}

.timeline-box .tab-pane {
    background: #f6f8fd;
    padding: 15px;
    border: 1px solid rgba(128, 128, 128, .5882352941);
    border-radius: 3px;
    overflow: hidden;
}

.copy-to-clipboard {
    right: 10px;
    z-index: 1000;
    position: absolute;
    top: 75px;
    font-size: 20px;
    cursor: pointer;
}

.payload-container code {
    white-space: pre-wrap;
    word-break: break-all;
    color: var(--vz-dark);
}

.white-space-normal {
    white-space: normal !important;
}

.table-responsive,
.card-responsive .card-body {
    scrollbar-width: thin;
    scrollbar-color: var(--vz-primary) var(--vz-white);
}

.card-responsive .card-body {
    max-height: 570px;
    overflow-y: auto;
}

.text-no-value {
    --vz-text-opacity: 1;
    color: var(--vz-secondary-color) !important;
    font-style: italic;
}

a.show-more-content:hover {
    text-decoration: underline !important;
}

.post-logs-accordion {
    border-radius: var(--vz-accordion-border-radius) !important;
}

.accordion-item.post-logs-accordion:not(:first-of-type) {
    border-top: 1px solid var(--vz-accordion-border-color) !important;
}

.shadow_hover:hover {
    box-shadow: 0 .25rem 1rem #0000001a !important;
}

.configured-integration, .linked-integration {
    position: relative;
}

.configured-integration.border, .linked-integration.border {
    border-color: #00c600 !important;
}

.configured-integration:after, .linked-integration:after {
    color: var(--vz-success);
    position: absolute;
    background: white;
    padding: 5px 10px;
    left: 45px;
    top: -10px;
    border: 1px solid var(--vz-success);
    border-radius: 3px;
    font-size: 12px;
}

.linked-integration:after {
    content: "ENABLED";
}

.delete-integration {
    cursor: pointer;
    color: var(--vz-danger);
    content: "×";
    position: absolute;
    background: white;
    padding: 0 6px 2px;
    right: -12px;
    top: -12px;
    border: 1px solid var(--vz-danger);
    border-radius: 50%;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
}

.api-docs-h1 {
    font-size: 50px !important;
    font-weight: 300 !important;
}

.api-docs-h3 {
    font-size: 20px !important;
    font-weight: 300 !important;
}

.api-docs-h4 {
    font-size: 24px;
    font-weight: 300;
    margin-top: 10px;
}

.api-docs-p {
    font-size: 17px;
    font-weight: 300;
    margin-top: 8px;
}

.invalid-doc {
    --vz-alert-bg: transparent;
    --vz-alert-padding-x: 1rem;
    --vz-alert-padding-y: 0.8rem;
    --vz-alert-margin-bottom: 1rem;
    --vz-alert-color: inherit;
    --vz-alert-border-color: transparent;
    --vz-alert-border: var(--vz-border-width) solid var(--vz-alert-border-color);
    --vz-alert-border-radius: var(--vz-border-radius);
    --vz-alert-link-color: inherit;
    position: relative;
    padding: var(--vz-alert-padding-y) var(--vz-alert-padding-x);
    margin-bottom: var(--vz-alert-margin-bottom);
    color: var(--vz-alert-color);
    background-color: var(--vz-alert-bg);
    border: var(--vz-alert-border);
    border-radius: var(--vz-alert-border-radius);
    --vz-alert-color: var(--vz-danger-text-emphasis);
    --vz-alert-bg: var(--vz-danger-bg-subtle);
    --vz-alert-border-color: var(--vz-danger-border-subtle);
    --vz-alert-link-color: var(--vz-danger-text-emphasis);
}

.mt-30 {
    margin-top: 30px;
}

.mt-20 {
    margin-top: 20px;
}

.br-1, .border-right-1 {
    border-right: 1px solid #f1f2f3;
}

.sidebar {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    padding-top: 5rem;
    padding-bottom: 5rem;
    z-index: 900;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.nav-sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-weight: 400;
}

.sidebar-body {
    position: relative;
    padding-right: 20px;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.sidebar .nav-sidebar {
    height: 100%;
}

.nav-sidebar-hero>.nav-item {
    border-bottom: 1px dashed #eaeff4;
    padding-top: 2px;
    padding-bottom: 6px;
}

.nav-sidebar .nav-item {
    margin: 4px 0;
    padding-right: 5px;
    overflow: hidden;
    flex-shrink: 0;
}

.nav-sidebar-hero>.nav-item>.nav-link {
    font-size: 1.25rem;
    font-weight: 400;
    padding: 8px 0;
}


.nav-sidebar .nav-link {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 3px 0;
    line-height: 1.5;
}

.nav-sidebar a {
    color: rgba(0, 0, 0, 0.6);
}

.pb-8, .py-8 {
    padding-bottom: 5rem !important;
}

.pt-8, .py-8 {
    padding-top: 5rem !important;
}

.ml-6, .mx-6 {
    margin-left: 2rem !important;
}

.lead-2 {
    font-size: 1.17188rem !important;
}

.field-bold {
    font-weight: 600;
}

.mt-00 a.anchor::before {
    content: '#';
    vertical-align: text-bottom;
}

.mt-00 a.anchor {
    opacity: 0.5;
}

.mt-00 a.anchor:hover {
    opacity: 0.8;
}

.api-docs th {
    font-weight: 400 !important;
    color: var(--vz-dark) !important;
}

.hr-dash {
    border-top-style: dashed;
}

.mb-5, .my-5 {
    margin-bottom: 1.5rem !important;
}

.mt-5, .my-5 {
    margin-top: 1.5rem !important;
}

.mb-7, .my-7 {
    margin-bottom: 3rem !important;
}

.mt-7, .my-7 {
    margin-top: 3rem !important;
}

.api-docs hr {
    margin: 2rem auto;
}

.api-docs table tr {
    line-height: 35px;
    font-size: 15px;
}

div.code-toolbar {
    position: relative;
}

div.code-toolbar>.toolbar {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    position: absolute;
    top: .3em;
    right: .2em;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 0 !important;
}

div.code-toolbar>.toolbar .toolbar-item {
    padding: 0 4px;
}

div.code-toolbar>.toolbar .toolbar-item {
    display: inline-block;
}

div.code-toolbar>.toolbar a {
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    padding: 2px 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #50a1ff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    opacity: 0.75;
}

div.code-toolbar>.toolbar span {
    background: transparent;
    color: #929daf;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 11px;
    opacity: 0.75;
    letter-spacing: 1px;
    border-radius: 0;
    cursor: default;
}

div.code-toolbar:hover>.toolbar {
    opacity: 1 !important;
}

.api-docs pre[class*=language-],
.api-docs code[class*=language-] {
    background-color: #fdf6e3 !important;
}

#direct-post-accordion .accordion-button::after {
    margin-left: 10px !important;
}

#direct-post-accordion .accordion-button:not(.collapsed) {
    color: unset !important;
    background-color: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

.target-item {
    border: 1px solid darkgray;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 5px;
}

.target-item .remove-target {
    cursor: pointer;
    color: #ff4242de;
    margin-left: 5px;
}

.step-arrow-nav .nav .nav-link.done {
    background-color: var(--vz-success) !important;
    color: var(--vz-white) !important;
}

.dropzone {
    border: 2px dashed var(--vz-border-color) !important;
}

.dropzone .dz-message {
    margin: 0 !important;
}

.unset {
    color: unset !important;
}

.iframe-code-block {
    background-color: #eee;
    padding: 10px;
    max-width: 500px;
    max-height: 200px;
    overflow: auto;
    border: 1px solid #dbd6d6;
}

.iframe-code-block code {
    background-color: #eee !important;
}