body:not([aria-label=dashboard]):not([aria-label=adCenter]):not([aria-label=trademark]):not([aria-label=login]):not([aria-label=customerSelect]) {
    background-image: none !important;
}
[aria-label=dashboard] body:not(.app-blank), [aria-label=adCenter] body:not(.app-blank), [aria-label=trademark] body:not(.app-blank), [aria-label=login] body:not(.app-blank), [aria-label=customerSelect] body:not(.app-blank) {
    background-image: url(../media/patterns/header-bg.jpg) !important;
}
body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
body:not([aria-label=reduced]) {
    min-height: 101vh;
}
body:not([aria-label=reduced])::before {
    background: var(--active-gradient) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 100% 290px !important;
    height: 290px !important;
    aspect-ratio: 100 / 45 !important;
}
body:not([aria-label=dashboard]):not([aria-label=adCenter]):not([aria-label=trademark]):not([aria-label=login]):not([aria-label=customerSelect])::before {
    background: var(--active-gradient);
}
[data-bs-theme=light] body:not(.app-blank) {
    background-image: none;
}
body[aria-label=reduced], body[aria-label=reduced]::before {
    background: none !important;
}

@media (min-width: 992px) {
    .header {
        height: 77px;
        border: 0;
    }
}
.header-fixed[data-kt-sticky-header=on] .header {
    background: var(--active-gradient);
    background-size: 100% 290px;
    background-position: center top !important;
}
.header .header-menu .menu > .menu-item.show > .menu-link {
    background-color: rgba(255, 255, 255, 0.1);
}
.header .header-menu .menu > .menu-item.here > .menu-link .menu-title {
    color: #fff;
}
.header .header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.header .header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color: rgba(255, 255, 255, 0.1);
}
.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title,
.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #fff;
}
.btn-check:checked + .btn.btn-active-light-primary, .btn-check:active + .btn.btn-active-light-primary, .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .show > .btn.btn-active-light-primary {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}
.btn-check:checked + .btn.btn-active-light-primary i, .btn-check:checked + .btn.btn-active-light-primary .svg-icon, .btn-check:active + .btn.btn-active-light-primary i, .btn-check:active + .btn.btn-active-light-primary .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary.show .svg-icon, .show > .btn.btn-active-light-primary i, .show > .btn.btn-active-light-primary .svg-icon {
    color: #fff;
}
.topbar .btn.btn-custom i, .topbar .btn.btn-custom .svg-icon {
    color: #fff;
}

.visibility-hidden {
    visibility: hidden !important;
}

.hidden {
    display: none !important;
}

.show-hidden .hidden {
    display: initial !important;
}

.opacity-85 {
    opacity: .85 !important;
}

.opacity-70 {
    opacity: .7 !important;
}

.bottom-30px {
    bottom: 30px !important;
}

.py-05 {
    padding-top: .125rem !important;
    padding-bottom: .125rem !important;
}

.w-0 {
    width: 0 !important;
}
.w-85 {
    width: 85% !important;
}

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

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

.h-12px {
    height: 12px !important;
}

.h-18px {
    height: 18px !important;
}

.h-22px {
    height: 22px !important;
}

.h-42px {
    height: 42px !important;
}

.max-height-150 {
    max-height: 150px;
}

.max-height-300 {
    max-height: 300px;
}

.max-height-500 {
    max-height: 500px;
}

.fs-32px {
    font-size: 32px !important;
}

.lh-41px {
    line-height: 41px;
}

.max-width-100 {
    max-width: 100%;
}

.max-width-80vw {
    max-width: 80vw !important;
}

.max-width-90vw {
    max-width: 90vw !important;
}

.max-width-150px {
    max-width: 150px;
}

.max-width-180px {
    max-width: 180px;
}

.max-width-500px {
    max-width: 500px;
}

.flex-basis-100 {
    flex-basis: 100%;
}
.flex-0 {
    flex: 0 !important;
}

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

.h-fit-content {
    height: fit-content;
}

.border-right-solid {
    border-right-style: solid !important;
}

.border-left-33 {
    border-left-width: 33px !important;
}

.border-left-24 {
    border-left-width: 24px !important;
}

.border-bottom-24 {
    border-bottom-width: 24px !important;
}
.border-dotted {
    outline: 0 !important;
    border-width: 2px;
    padding-top: .125rem !important;
    padding-bottom: .125rem !important;
}

.outline-dashed {
    outline-style: dashed !important;
}

.card-dashed.border-green, .nav-card-active {
    border-style: solid;
    border-color: var(--green);
    border-bottom: 7px solid var(--green);
}

.card-dashed.border-blue-new {
    border-style: solid;
    border-color: var(--blue-new);
    border-bottom: 7px solid var(--blue-new);
}

.text-truncate-1:not([aria-expanded=true]) {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-2:not([aria-expanded=true]) {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-3:not([aria-expanded=true]) {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-3:not([aria-expanded=true])::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(100% - 35px); /* 100% - (line-height × 3) */
    transform: translateY(-2px); /* 0 - line-height */
    background: repeating-linear-gradient(rgba(255, 255, 255, 0), #ffffff 25px); /* line-height */
}


.text-preline {
    white-space: pre-line;
}

.ff, .ff .d-block {
    opacity: .3 !important;
}

.ff, .ff * {
    color: var(--red) !important;
    font-style: italic !important;
}

#kt_app_header {
    background-color: #fcfcfc;
}

/* custom btn styles */
.btn[disabled] {
    pointer-events: none;
}
.btn {
    font-size: 12px;
    font-weight: 600;
}
.btn.btn-outline {
    padding: calc(.55rem) calc(1.25rem + 1px);
    line-height: 1.5;
}
.btn.btn-outline.btn-sm{
    padding: 2px 6px;
}
.btn.btn-outline:not(.btn-outline-dashed) {
    margin: 1px;
    border: 0;
    outline: 1px solid var(--bs-gray-300) !important;
}

.btn.btn-icon {
    height: calc(1.5em + .94rem + 2px);
    width: calc(1.5em + .94rem + 2px);
}

/* custom btn-group styles */
.btn-group {
    align-items: center;
}

.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-lg):not(.btn-xl) {
    padding: calc(.55rem + 1px) calc(1.25rem + 1px) !important;
    flex: 0 0 auto;
}

.nav .nav-item .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-lg):not(.btn-xl) {
    padding: calc(.45rem + 1px) calc(.85rem + 1px) !important;
}

.subnav .nav-item .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-lg):not(.btn-xl) {
    padding: calc(.25rem + 1px) calc(.65rem + 1px) calc(.25rem) !important;
}
.btn-lg {
    padding: .883rem 1.5rem !important
}
a.btn-xl {
    font-size: 16px !important;
    padding: calc(1rem + 1px) calc(1.75rem + 1px) !important;
}
.btn-outline.btn-lg {
    padding: calc(.883rem - 1px) calc(1.5rem - 1px) !important
}

/* OVERWRITE header styles */
@media (min-width: 992px) {
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: calc(15px + var(--kt-toolbar-height));
    }
}

.rounded {
    border-radius: 0.425rem !important;
}

.rounded-left-0 {
    border-radius: 0 5.525px 5.525px 0 !important;
}

.rounded-left-0b, .rounded-top-right {
    border-radius: 0 5.525px 0 0 !important;
}
.rounded-bottom-right {
    border-radius: 0 0 5.525px 0 !important;
}

/* spinner styles */
.spinner {
    position: relative;
}

.spinner:before {
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 50%;
    border: 2px solid var(--green);
    border-right: 2px solid transparent;
}

.spinner:before {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.75rem;
}

.spinner.spinner-center:before {
    left: 50%;
    margin-left: -0.75rem;
}

.spinner.spinner-left:before {
    right: auto;
}

.spinner.spinner-right:before {
    left: auto;
}

.spinner.spinner-sm:before {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -0.625rem;
}

.spinner.spinner-sm.spinner-center:before {
    left: 50%;
    margin-left: -0.625rem;
}

.spinner.spinner-sm.spinner-left:before {
    right: auto;
}

.spinner.spinner-sm.spinner-right:before {
    left: auto;
}

.spinner.spinner-lg:before {
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
}

.spinner.spinner-lg.spinner-center:before {
    left: 50%;
    margin-left: -1rem;
}

.spinner.spinner-lg.spinner-left:before {
    right: auto;
}

.spinner.spinner-lg.spinner-right:before {
    left: auto;
}

.spinner:before {
    -webkit-animation: animation-spinner 0.5s linear infinite;
    animation: animation-spinner 0.5s linear infinite;
}

.spinner.spinner-primary:before {
    border: 2px solid var(--green);
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-primary:before {
    border: 2px solid var(--green-hover);
    border-right: 2px solid transparent;
}

.spinner.spinner-secondary:before {
    border: 2px solid #E4E6EF;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-secondary:before {
    border: 2px solid #ced1e2;
    border-right: 2px solid transparent;
}

.spinner.spinner-success:before {
    border: 2px solid #1BC5BD;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-success:before {
    border: 2px solid #17a69f;
    border-right: 2px solid transparent;
}

.spinner.spinner-info:before {
    border: 2px solid #8950FC;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-info:before {
    border: 2px solid #712dfb;
    border-right: 2px solid transparent;
}

.spinner.spinner-warning:before {
    border: 2px solid #FFA800;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-warning:before {
    border: 2px solid #db9000;
    border-right: 2px solid transparent;
}

.spinner.spinner-danger:before {
    border: 2px solid #F64E60;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-danger:before {
    border: 2px solid #f42c41;
    border-right: 2px solid transparent;
}

.spinner.spinner-light:before {
    border: 2px solid #F3F6F9;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-light:before {
    border: 2px solid #dbe4ed;
    border-right: 2px solid transparent;
}

.spinner.spinner-dark:before {
    border: 2px solid #181C32;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-dark:before {
    border: 2px solid #0c0e1a;
    border-right: 2px solid transparent;
}

.spinner.spinner-white:before {
    border: 2px solid #ffffff;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-white:before {
    border: 2px solid #ededed;
    border-right: 2px solid transparent;
}

.spinner.spinner-right:before {
    left: auto;
    right: 1rem;
}

.spinner.spinner-right.btn:not(.btn-block) {
    padding-right: 3.5rem;
}

.spinner.spinner-right.btn:not(.btn-block).spinner-sm {
    padding-right: 3.25rem;
}

.spinner.spinner-right.btn:not(.btn-block).spinner-lg {
    padding-right: 4rem;
}

.spinner.spinner-left:before {
    right: auto;
    left: 1rem;
}

.spinner.spinner-left.btn:not(.btn-block) {
    padding-left: 3.5rem;
}

.spinner.spinner-left.btn:not(.btn-block).spinner-sm {
    padding-left: 3.25rem;
}

.spinner.spinner-left.btn:not(.btn-block).spinner-lg {
    padding-left: 4rem;
}

.spinner.spinner-track:before {
    -webkit-animation: animation-spinner 0.5s linear infinite;
    animation: animation-spinner 0.5s linear infinite;
}

.spinner.spinner-track.spinner-primary:before {
    border: 2px solid #cfe7ff;
    border-top-color: #2791ff;
}

.spinner.spinner-track.spinner-darker-primary:before {
    border: 2px solid #9ccdff;
    border-top-color: #037fff;
}

.spinner.spinner-track.spinner-secondary:before {
    border: 2px solid white;
    border-top-color: #dadde9;
}

.spinner.spinner-track.spinner-darker-secondary:before {
    border: 2px solid white;
    border-top-color: #c4c8dc;
}

.spinner.spinner-track.spinner-success:before {
    border: 2px solid #8aefea;
    border-top-color: #19b8b0;
}

.spinner.spinner-track.spinner-darker-success:before {
    border: 2px solid #5de9e2;
    border-top-color: #159892;
}

.spinner.spinner-track.spinner-info:before {
    border: 2px solid #eee6ff;
    border-top-color: #7f41fc;
}

.spinner.spinner-track.spinner-darker-info:before {
    border: 2px solid #cdb4fe;
    border-top-color: #671efb;
}

.spinner.spinner-track.spinner-warning:before {
    border: 2px solid #ffdc99;
    border-top-color: #f09e00;
}

.spinner.spinner-track.spinner-darker-warning:before {
    border: 2px solid #ffcb66;
    border-top-color: #cc8600;
}

.spinner.spinner-track.spinner-danger:before {
    border: 2px solid #fde0e3;
    border-top-color: #f53f53;
}

.spinner.spinner-track.spinner-darker-danger:before {
    border: 2px solid #fbafb7;
    border-top-color: #f41d34;
}

.spinner.spinner-track.spinner-light:before {
    border: 2px solid white;
    border-top-color: #e9eef4;
}

.spinner.spinner-track.spinner-darker-light:before {
    border: 2px solid white;
    border-top-color: #d1dde8;
}

.spinner.spinner-track.spinner-dark:before {
    border: 2px solid #4a5699;
    border-top-color: #131628;
}

.spinner.spinner-track.spinner-darker-dark:before {
    border: 2px solid #394377;
    border-top-color: #070910;
}

.spinner.spinner-track.spinner-white:before {
    border: 2px solid white;
    border-top-color: #f7f7f7;
}

.spinner.spinner-track.spinner-darker-white:before {
    border: 2px solid white;
    border-top-color: #e6e6e6;
}

.spinner-grow {
    vertical-align: sub;
}

.spinner-border {
    vertical-align: sub;
}

@-webkit-keyframes animation-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* custom card */
.card .card-body, .card .card-footer {
    padding: 1.75rem;
}
.card .card-header {
    padding: 0 1.75rem;
}

.tr-card {
    box-shadow: 0 0 0 1px #eee;
    border-radius: 6.175px;
}
.tr-card > td {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

/* custom badge pills */
.badge {
    padding: 0.3em 0.5em;
    font-weight: 300;
    font-size: .95rem;
    color: #78829D;
}

.badge.text-nowrap br {
    content: "";
}

.badge.text-truncate {
    display: inline-block !important;
}
.badge.badge-outline:not(.border-dotted) {
    margin-left: 1px;
    border: 0;
}
.badge.badge-stacked {
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 0 0 .5em !important;
    border: 0 !important;
}
.badge-stacked .badge {
    margin-left: .5em;
}
.badge-stacked.py-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

/* custom nav-pill styles */
.nav-pills,
.dataTables_wrapper .btn-group {
    padding: 1px;
    background: var(--border-gray);
    border-radius: 4px;
    gap: 1px;
}

.dataTables_wrapper .btn-group {
    align-self: center;
    gap: 2px;
}

.nav-pills .nav-item {
    margin-right: 0;
}

.nav-pills .nav-link,
.btn-group .buttons-html5 {
    height: 33px;
    color: var(--gray-dark);
    /*border: 1px solid var(--border-gray);*/
    background: #fff;
    border-radius: 0;
}

.nav-pills .nav-item:nth-of-type(1) .nav-link,
.btn-group .buttons-html5:first-child {
    border-radius: var(--border-radius-first);
}

.nav-pills .nav-item:last-of-type .nav-link,
.btn-group .buttons-html5:last-child {
    border-radius: var(--border-radius-last);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: var(--green);
    border-color: var(--green);
    color: #fff;
}
.nav-link.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding: calc(.36rem + 1px) calc(1.25rem + 1px) !important
}
.nav-link.active {
    background: var(--btn-primary) !important;
    color: #fff !important;
}
.subnav .nav-link.active, .subnav .nav-link.active:focus, .subnav .nav-link.active:hover {
    background: var(--btn-secondary) !important;
    color: #fff !important;
}

/* custom buttons-html5 styles */
.btn-group .buttons-html5 {
    padding: 0 7px !important;
    font-size: 12px;
    line-height: 16px;
    background: var(--gray-light);
}

.btn-group .btn.btn-secondary.buttons-html5:hover {
    background: var(--gray-f9) !important;
    color: var(--gray-dark) !important;
}

/* custom input-group styles */
.input-group .input-group-text,
.input-group input {
    border-color: var(--border-gray);
}

.form-control,
.form-select-lg {
    font-size: 13px;
    font-weight: normal;
}

.form-control:focus {
    border-color: var(--border-gray);
}

.form-control-sm {
    padding: .5rem;
    min-height: calc(1.5em + .5rem + 2px);
}

.input-group input {
    border-left: 0;
}

/* custom adDetails dialog styles */
.modal-content {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, .3);
    border-radius: 16px;
}

.modal-content > iframe {
    border-radius: .475rem;
    max-height: 95vh;
}

.modal.show {
    display: block;
}

/* stacked modal styles — cascading via general sibling combinator
   (counts .modal.show siblings instead of relying on :nth-of-type, which counts tags) */
.modal.show ~ .modal.show {
    top: 10px;
    z-index: 1058 !important;
}

.modal.show ~ .modal.show ~ .modal.show {
    top: 20px;
    z-index: 1059 !important;
}

.modal.show ~ .modal.show ~ .modal.show ~ .modal.show {
    top: 30px;
    z-index: 1060 !important;
}

.modal.show ~ .modal.show .modal-content > iframe {
    max-height: 90vh;
}

.modal-backdrop.show ~ .modal-backdrop.show {
    z-index: 1057 !important;
}

.modal-backdrop.show ~ .modal-backdrop.show ~ .modal-backdrop.show {
    z-index: 1058 !important;
}

.modal-backdrop.show ~ .modal-backdrop.show ~ .modal-backdrop.show ~ .modal-backdrop.show {
    z-index: 1059 !important;
}

/* custom redirect steps accordion */
.accordion-body .table.table-sticky.gs-0 td:first-child, .accordion-body .table.table-sticky.gs-0 th:first-child {
    position: sticky;
    left: 0;
    background: #fff;
}
.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: inherit;
}

#redirects_view .accordion-item {
    border-width: 1px 0;
    border-radius: 0;
}

#redirects_view .accordion-button.collapsed::after {
    display: none;
}

#redirects_view .accordion-button:not(.collapsed)::after {
    display: none;
}

.accordion-toggle:not(.collapsed) {
    background-color: var(--gray-light) !important;
}

#output .accordion-button.collapsed:hover {
    background-color: var(--gray-light) !important;
}

#output .accordion-button:not(.collapsed), #output .accordion-button:not(.collapsed) i {
    background-color: var(--gray-light) !important;
    color: var(--red) !important;
}

/* custom carousel styles */
.carousel-prev {
    pointer-events: none;
}

.carousel-prev:disabled,
.carousel-next:disabled {
    opacity: .3;
}

/* custom carousel icon styles */
.carousel .bi::before,
.carousel [class*=" bi-"]::before,
.carousel [class^=bi-]::before {
    font-weight: inherit !important;
}

/** FLOATLABELS */
/* Define Form Grid (full width) */
.formGrid-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    max-width: 95vw;
    overflow: hidden;
}

/*.formGrid-wrapper > fieldset {float: left; margin-bottom: 10px; margin-right: 10px;}*/
.formGrid-wrapper > * {
}

.formGrid_1 {
    grid-column: span 1;
}

.formGrid_2,
.grid-colspan-2 {
    grid-column: span 2;
}

.formGrid_3,
.grid-colspan-3 {
    grid-column: span 3;
}

.formGrid_4,
.grid-colspan-4 {
    grid-column: span 4;
}

.formGrid_r1 {
    grid-row: span 1;
}

.formGrid_r2,
.grid-rowspan-2 {
    grid-row: span 2;
}

.formGrid_r3,
.grid-rowspan-3 {
    grid-row: span 3;
}

.formGrid_r4,
.grid-rowspan-4 {
    grid-row: span 4;
}

fieldset,
.fieldset,
.formGrid-item {
    position: relative;
    margin-bottom: 10px;
    padding: 0;
    min-height: 43px;
    border: 1px var(--gray-c) solid;
    box-sizing: border-box;
}

#searchresdb {
    /*width: 50px;*/
    /*height: 35px;*/
    /*border: 1px var(--gray-c) solid;*/
}

fieldset.check,
.fieldset.check,
.formGrid-item.check {
    display: flex;
    align-items: center;
    padding-left: 8px;
    box-sizing: border-box;
}

fieldset input:not([type='radio']):not([type='checkbox']),
fieldset textarea,
fieldset [contenteditable=true],
fieldset select,
.fieldset input:not([type='radio']):not([type='checkbox']),
.fieldset textarea,
.fieldset [contenteditable=true],
.fieldset select,
.formGrid-item input:not([type=radio]):not([type=checkbox]),
.formGrid-item textarea,
.formGrid-item [contenteditable=true],
.formGrid-item select {
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 19px 10px 1px;
    width: 100%;
    height: 41px;
    min-height: 41px;
    border: 0;
    font-size: 14px;
    color: var(--text);
    box-sizing: border-box;
    position: relative;
}

fieldset select,
.fieldset select,
.formGrid-item select {
    padding: 19px 10px 0;
    height: 41px;
    font-size: 14px;
}

@-moz-document url-prefix() {
    fieldset input:not([type='radio']):not([type='checkbox']),
    fieldset textarea,
    fieldset [contenteditable=true],
    fieldset select,
    .fieldset input:not([type='radio']):not([type='checkbox']),
    .fieldset textarea,
    .fieldset [contenteditable=true],
    .fieldset select,
    .formGrid-item input:not([type='radio']):not([type='checkbox']),
    .formGrid-item textarea,
    .formGrid-item [contenteditable=true],
    .formGrid-item select {
        padding: 19px 10px 2px;
    }

    fieldset select,
    .fieldset select,
    .formGrid-item select {
        padding: 19px 10px 1px;
    }
}

fieldset select:after,
.fieldset select:after,
.formGrid-item select:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: red;
    border-bottom: 1px red solid;
}

fieldset input:focus,
.fieldset input:focus,
.formGrid-item input:focus {
    outline: none
}

fieldset label,
.fieldset label,
.formGrid-item label {
    position: absolute;
    top: 12px;
    left: 12px;
    display: block;
    cursor: text;
    font-size: 12px;
    line-height: initial;
    transition: .05s ease-out all;
}

fieldset textarea,
fieldset [contenteditable=true],
.fieldset textarea,
.fieldset [contenteditable=true],
.formGrid-item textarea,
.formGrid-item [contenteditable=true] {
    padding-top: 20px;
    resize: vertical;
    outline: none;
}

fieldset input + label,
fieldset textarea + label,
fieldset [contenteditable=true] + label,
.fieldset input + label,
.fieldset textarea + label,
.fieldset [contenteditable=true] + label,
.formGrid-item input + label,
.formGrid-item textarea + label,
.formGrid-item [contenteditable=true] + label {
    color: var(--gray-a);
}

fieldset label.focus,
fieldset input:not([type='radio']):not([type='checkbox']):focus + label,
fieldset textarea:focus + label,
fieldset [contenteditable=true]:focus + label,
fieldset select + label,
fieldset input:not(:placeholder-shown):not([type='checkbox']):focus + label,
.fieldset input:not([type='radio']):not([type='checkbox']):focus + label,
.fieldset textarea:focus + label,
.fieldset [contenteditable=true]:focus + label,
.fieldset select + label,
.fieldset input:not(:placeholder-shown):not([type='checkbox']):focus + label,
.formGrid-item input:not([type='radio']):not([type='checkbox']):focus + label,
.formGrid-item textarea:focus + label,
.formGrid-item [contenteditable=true]:focus + label,
.formGrid-item select + label,
.formGrid-item input:not(:placeholder-shown):not([type='checkbox']):focus + label {
    top: 2px;
    left: 12px;
    font-size: 10px;
    font-weight: bold;
    transition: .05s ease-out all;
    color: var(--gray-8);
}

fieldset textarea:not(:placeholder-shown) + label,
fieldset [contenteditable=true]:not(:empty) + label,
.fieldset textarea:not(:placeholder-shown) + label,
.fieldset [contenteditable=true]:not(:empty) + label,
.formGrid-item textarea:not(:placeholder-shown) + label,
.formGrid-item [contenteditable=true]:not(:empty) + label {
    top: 2px;
    left: 12px;
    width: calc(100% - 2px);
    background: transparent;
    font-size: 10px;
    font-weight: bold;
    transition: .05s ease-out all;
}

fieldset input[type="radio"],
.fieldset input[type="radio"],
.formGrid-item input[type="radio"] {
    margin-top: 0
}

fieldset input[type="checkbox"],
.fieldset input[type="checkbox"],
.formGrid-item input[type="checkbox"] {
    position: relative;
    float: left;
    z-index: 10
}

fieldset input[type="checkbox"] + label,
.fieldset input[type="checkbox"] + label,
.formGrid-item input[type="checkbox"] + label {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 35px;
    width: 100%;
    line-height: 41px;
    color: var(--text);
    cursor: unset;
    box-sizing: border-box;
}

fieldset input[type="checkbox"] + label:hover,
.fieldset input[type="checkbox"] + label:hover,
.formGrid-item input[type="checkbox"] + label:hover {
    background: #fff
}

fieldset input:not(:placeholder-shown):not([type="checkbox"]) + label,
.fieldset input:not(:placeholder-shown):not([type="checkbox"]) + label,
.formGrid-item input:not(:placeholder-shown):not([type="checkbox"]) + label {
    top: 2px;
    left: 12px;
    font-size: 10px;
    font-weight: bold;
    transition: .05s ease-out all
}

fieldset input:focus,
fieldset select:focus,
fieldset textarea:focus,
fieldset [contenteditable=true]:focus,
.fieldset input:focus,
.fieldset select:focus,
.fieldset textarea:focus,
.fieldset [contenteditable=true]:focus,
.formGrid-item input:focus,
.formGrid-item select:focus,
.formGrid-item textarea:focus,
.formGrid-item [contenteditable=true]:focus {
    border-color: var(--gray-8);
    outline: 0;
}

fieldset .radio-btn,
fieldset .check-btn,
.fieldset .radio-btn,
.fieldset .check-btn,
.formGrid-item .radio-btn,
.formGrid-item .check-btn {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    margin-right: 5px;
    background-color: #fff;
    border: 1px solid var(--gray-c);
    cursor: pointer
}

fieldset .radio-btn + label,
fieldset .check-btn + label,
.fieldset .radio-btn + label,
.fieldset .check-btn + label,
.formGrid-item .radio-btn + label,
.formGrid-item .check-btn + label {
    cursor: pointer;
    display: inline-block;
    position: static;
    color: #5b5b5b
}

fieldset .radio-btn:first-child,
fieldset .check-btn:first-child,
.fieldset .radio-btn:first-child,
.fieldset .check-btn:first-child,
.formGrid-item .radio-btn:first-child,
.formGrid-item .check-btn:first-child {
    margin-left: 0
}

fieldset .radio-btn.hover,
fieldset .hover.check-btn,
.fieldset .radio-btn.hover,
.fieldset .hover.check-btn,
.formGrid-item .radio-btn.hover,
.formGrid-item .hover.check-btn {
    border: 2px solid rgba(4, 156, 219, 0.8)
}

fieldset .radio-btn.checked,
fieldset .checked.check-btn,
.fieldset .radio-btn.checked,
.fieldset .checked.check-btn,
.formGrid-item .radio-btn.checked,
.formGrid-item .checked.check-btn {
    border: 2px solid rgba(4, 156, 219, 0.8);
    background-color: rgba(4, 156, 219, 0.8);
    font-size: 14px;
    color: #fff
}

fieldset .radio-btn.checked:before,
fieldset .checked.check-btn:before,
.fieldset .radio-btn.checked:before,
.fieldset .checked.check-btn:before,
.formGrid-item .radio-btn.checked:before,
.formGrid-item .checked.check-btn:before {
    position: absolute;
    left: 2px;
    top: -1px
}

fieldset .radio-btn.checked.disabled,
fieldset .checked.disabled.check-btn,
.fieldset .radio-btn.checked.disabled,
.fieldset .checked.disabled.check-btn {
    background-color: var(--border-light);
    border-color: #232323;
    color: var(--text);
}

fieldset.radio-input__stack label,
.fieldset.radio-input__stack label {
    color: #111;
    font-size: 1.6rem;
    display: inline-block;
    margin-bottom: 8px;
    margin-left: 10px;
    position: relative;
    top: auto;
    left: auto
}

fieldset.switch,
.fieldset.switch {
    background: #fff;
}

fieldset.switch label.stay,
.fieldset.switch label.stay {
    position: inherit;
    top: 4px !important;
    left: 12px;
    font-size: .8rem;
    font-weight: bold;
    line-height: 8px;
    transition: .05s ease-out all;
}

fieldset.switch .switchList,
.fieldset.switch .switchList {
    margin: 5px 0 0 10px;
    background: transparent;
    border: none;
}

fieldset:disabled,
.fieldset[disabled=disabled] {
    display: flex;
    margin-bottom: 0;
    min-height: 30px;
    height: 30px;
    border: 1px #fff solid;
    justify-content: flex-start;
}

fieldset:disabled input,
.fieldset[disabled=disabled] input {
    order: 2;
    padding: 0 !important;
    background: transparent;
    font-size: 12px !important;
    height: 30px !important;
    min-height: 30px !important;
}

fieldset:disabled label,
.fieldset[disabled=disabled] label {
    position: relative;
    order: 1;
    top: 0 !important;
    left: 0 !important;
    width: 120px;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 30px;
}

table.invoice-table tr td,
table.invoice-table tr th {
    vertical-align: middle;
    padding: 5px;
    color: #333;
}

table.invoice-table {
    table-layout: fixed;
}

table.invoice-table thead td {
    font-size: 13px;
}

table.invoice-table td {
    height: 40px;
}

table.invoice-table td select,
table.invoice-table td input:not([type=checkbox]),
table.invoice-table td input:not([type=radio]),
table.invoice-table td input:not([type=hidden]) {
    width: 100%;
}

a.menu-link.disabled, td.disabled, tr.disabled, a.disabled, label.disabled, label:disabled, .disabled label, .disabled .form-check-input {
    pointer-events: none;
    cursor: default;
}
.disabled .form-check-input {
    opacity: .5;
}

.fn-click {
    cursor: pointer;
}

.fn-unclick {
    cursor: default;
}

#loading-spinner {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    z-index: 9999;
}

@media (min-width: 992px) {
    .aside-enabled.aside-fixed #loading-spinner {
        margin-left: 119px;
    }

    .aside-enabled.aside-fixed[data-kt-aside-minimize=on] #loading-spinner {
        margin-left: 24px;
    }
}

/* custom subtab styles */
.subTabGroup {
    position: relative;
    display: flex;
    gap: 1px;
    flex-wrap: wrap;
    margin: 0;
    padding: 1px;
    list-style: none outside none;
    background: var(--border-gray);
    border-radius: 4px;
}

.subTabGroup li {
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    background: var(--gray-light);
    border-radius: 0;
    font-size: 12px;
    color: var(--gray);
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    z-index: 1;
    transition: .2s background-color linear;
}

.subTabGroup li:first-child {
    margin-left: 0;
    border-radius: var(--border-radius-first);
}

.subTabGroup li:last-child {
    border-radius: var(--border-radius-last);
}

.subTabGroup a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 7px;
    height: 33px;
    background: 0;
    border: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--gray);
    text-decoration: none;
    border-radius: 4px;
}

.subTabGroup a:hover {
    background-color: var(--gray-f9);
}

.subTabGroup li.tabActive,
.btn.btnActive {
    background: #fff;
    border-bottom: 1px var(--border-light) solid;
    color: var(--blue);
    text-decoration: none;
}

@media (min-width: 992px) {
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding: 0 30px
    }

    .docs-wrapper {
        padding-left: 265px
    }
}

@media (max-width: 991.98px) {
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: none;
        padding: 0 15px
    }
}

/* custom table styles */
.table-striped-columns>:not(caption)>tr>:nth-child(even) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--gray-f9);
}
.table-striped-columns>tbody:not(caption)>tr:nth-child(odd)>:nth-child(even) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--gray-light);
}

/* custom datatable styles */
table.dataTable {
    table-layout: fixed;
    line-height: 1.75;
}

/* Disable hover effect on the row with the class 'no-hover' */
.no-hover:hover td {
    box-shadow: none !important; /* Keeps background unchanged */
}

table.dataTable:not(.single-color) tbody tr:nth-of-type(2n) {
    background-color: var(--gray-f9);
}

table.dataTable input:not([type=checkbox]) {
    height: 35px;
    border: 1px var(--gray-c) solid;
}

/* datatable style for affiliateNetwork only */
[aria-label=affiliateNetworks] table.dataTable tbody tr td:last-of-type {
    text-align: right;
    padding-right: .5rem !important;
}

.dataTable tr.group {
    background-color: var(--gray-e) !important;
}

.rights .dataTable tr td:nth-of-type(2), .rights .dataTable tr th:nth-of-type(2) {
    background-color: #e6f3f0 !important;
}

.rights .dataTable tr.group td:nth-of-type(2) {
    background-color: #b8dbd3 !important;
}

.rights .form-switch.form-check-solid .form-check-input:not(:checked) {
    background-color: var(--gray-e);
}

/* custom datatable filter styles */
div.dataTables_wrapper div.dataTables_filter {
    text-align: inherit;
    padding: 0 0 0 11px;
    align-self: center;
}

div.dataTables_filter label {
    font-size: 0;
}

div.dataTables_filter label::before {
    content: "\f52a";
}

div.dataTables_filter label::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 13px;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: sub;
    /*vertical-align: -0.125em;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    z-index: 1;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: -24px;
    padding-left: 30px;
    background-color: #fff;
    border-color: var(--border-gray);
}

/*
.dropdown.show>.form-control.form-control-solid, .form-control.form-control-solid.active, .form-control.form-control-solid.focus, .form-control.form-control-solid:active, .form-control.form-control-solid:focus {
    background-color: #fff;
    border-color: #b5b5c3;
}

div.dataTables_filter input {
    font-size: .95rem;
}
*/
/* custom datatable pagination styles */
div.dataTables_wrapper div.dataTables_paginate {
    display: flex;
    justify-content: end;
}

.dataTables_empty {
    text-align: left !important;
    color: var(--gray-6) !important;
}

.pagination {
    padding: 1px;
    background: var(--border-gray);
    border-radius: 4px;
    gap: 1px;
}

.page-item {
    margin: 0;
}

.page-item .page-link {
    background: var(--gray-light);
    border-radius: 0;
    font-size: 12px;
}

.pagination .page-item:first-child .page-link {
    border-radius: var(--border-radius-first);
    background-color: var(--gray-e);
}

.pagination .page-item:last-child .page-link {
    border-radius: var(--border-radius-last);
    background-color: var(--gray-e);
}

.page-item .page-link {
    height: 33px;
    min-width: 33px;
}

.page-item:not(.active) .page-link:hover {
    background-color: var(--gray-f9) !important;
    color: var(--green);
}

.active > .page-link,
.page-link.active {
    background-color: var(--blue-new);
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
    color: var(--green);
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .next {
    background: var(--green);
}

/* custom datatable select styles */
div.dataTables_wrapper div.dataTables_length select {
    border-color: var(--border-gray);
}

/* custom datatable context menu styles */
.dt-context-menu {
    position: absolute;
    display: none;
    top: 86px;
    right: 0;
    z-index: 10
}

/* custom datatable row highlighting */
@keyframes highlight {
    from {
        box-shadow: inset 0 0 0 9999px rgba(255, 255, 153, .75);
    }

    to {
        box-shadow: inherit;
    }
}

.highlight,
.highlighted {
    animation: highlight 3s normal;
}

/* custom form check styles */
.form-check-input:checked {
    background-color: var(--blue-new);
}
.form-check-input.form-outline:checked {
    border: 1px solid var(--blue-new) !important;
    background-color: transparent !important;
}
.form-switch .form-check-input.form-outline:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232865BF'/%3e%3c/svg%3e");
}

/* custom contenteditable elements */
.toggle-content-wrapper .fs-3:not(i) {
    height: calc(1.5em + 1.1rem + 2px);
    line-height: calc(1.5em + 1.1rem + 2px);
}

.toggle-content-wrapper button[aria-hidden] {
    visibility: hidden;
    cursor: pointer;
}

.toggle-content-wrapper:not(.active):hover button[aria-hidden] {
    visibility: visible;
}

#redirectChainForm tr [aria-hidden] {
    visibility: hidden;
}

#redirectChainForm tr:hover [aria-hidden] {
    visibility: visible;
}

.content-preview {
    position: relative;
    padding: 12px;
    line-height: 19px
}

[aria-hidden="true"] {
    display: none !important;
}

/* toggle edit overlay styles */
.edit-overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 9;
}

.toggle-content-wrapper.active {
    z-index: 10;
}

/* custom alternate element highlighting */
.alternate-highlight-wrapper > *:nth-of-type(even) {
    background-color: var(--gray-f9);
}

/* custom quil styles */
.ql-quil {
    position: relative;
}

.ql-container.ql-snow {
    background: inherit;
}

.ql-quil.ql-quil-plain .ql-toolbar {
    position: absolute;
    padding: 0 1rem;
    bottom: 0;
    width: 100%;
    border: 4px solid var(--gray-f9);
    border-radius: 0 0 .475rem .475rem;
    transform: translateY(100%);
}

.ql-editor {
    padding: 0.775rem 1rem !important;
    min-height: 90px;
    resize: vertical;
    background-color: var(--bs-gray-100);
    border-radius: .475rem .475rem 0 0;
    color: var(--bs-gray-700);
    transition: color .2s ease;
}

/* custom tinyMCE styles */
.tox-tinymce {
    background-color: var(--gray-f9);
    border: 2px dotted var(--border-gray);
}

.tox .tox-edit-area__iframe,
.tox .tox-statusbar {
    background-color: initial !important;
}

.tox-statusbar {
    border-top: 0 !important;

}

.tox-statusbar__text-container {
    display: none !important;
}

/* custom toastr styles */
#toastr-container.toastr-bottom-center > div,
#toastr-container.toastr-top-center-nav-margin > div,
#toastr-container.toastr-top-center > div {
    width: 400px;
}

.symbol-20px {
    height: 20px;
    overflow: hidden;
}

.symbol-20px > img {
    height: 21px;
}

.symbol-35px {
    height: 35px;
    overflow: hidden;
}

/* div.div-input [contenteditable] */
.div-input-wrapper {
    position: relative;
    display: flex;
    padding: 3px 1px 0;
    height: 31px; /* same as the input field height */
    border: 1px solid transparent;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    box-sizing: border-box;
    max-width: 100%; /* maximum width of the div */
}

[aria-expanded=true] .div-input-wrapper {
    height: fit-content;
}

.div-input br {
    display: none;
}

[aria-expanded=true] .div-input br {
    display: initial;
}

.div-input-wrapper:focus-within {
    border-color: #66afe9;
    box-shadow: 0 0 5px rgba(102, 175, 233, 0.6);
}

.div-input {
    position: relative;
    white-space: nowrap;
    overflow-x: scroll; /* enable horizontal scrolling */
    height: 100%; /* fill the wrapper */
    line-height: 25px; /* match the height */
    border: none;
    outline: none;
    padding: 0; /* remove padding */
    margin: 0; /* remove margin */
    box-sizing: content-box; /* adjust box sizing */
}

[aria-expanded=true] .div-input {
    white-space: normal;
    height: inherit !important;
    transform: none !important;
    -webkit-line-clamp: none !important;
}

[aria-expanded=true] .div-input:after {
    background: none !important;
}

[contenteditable=true]:empty:not(:focus):before{
    content:attr(data-placeholder);
    color:grey;
    font-style:italic;
}

[aria-expanded=true] [aria-hidden=true] {
    display: inline-block !important;
}
[aria-expanded=true] [aria-hidden=false] {
    display: none !important;
}

/* Hide scrollbar */
.div-input::-webkit-scrollbar {
    display: none;
}

.div-input {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* custom rating stars */
.adp-star {
    display: block;
    width: 20px;
    height: 19px;
    background-image: url(/Common/Assets/media/logos/adp-logo-lightgray.svg);
    background-size: cover;
}

.checked > .adp-star,
.checked.svg-red > .adp-star {
    background-image: url(/Common/Assets/media/logos/adp-logo-red.svg);
}

.checked.svg-orange > .adp-star {
    background-image: url(/Common/Assets/media/logos/adp-logo-orange.svg);
}

.checked.svg-green > .adp-star {
    background-image: url(/Common/Assets/media/logos/adp-logo-green.svg);
}

.mark, mark {
    padding-top: 0;
    border-radius: 5.525px;
}

.tooltiptext {
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    top: 100%;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    z-index: 1;
}

.nav-card-active {
    border-style: solid;
    border-color: var(--green);
    border-bottom: 7px solid var(--green);
}

/* Custom account icon */
.single-account {
    display: block;
    width: 25px;
    height: 19px;
    background-image: url(/Common/Assets/media/icons/single-account.svg);
    background-size: cover;
}
.single-account.size-s {
    width: 13px;
    height: 10px;
}

.single-account-green {
    display: block;
    width: 25px;
    height: 19px;
    background-image: url(/Common/Assets/media/icons/single-account-green.svg);
    background-size: cover;
}

.single-account-gray {
    display: block;
    width: 23px;
    height: 16px;
    background-image: url(/Common/Assets/media/icons/single-account-gray.svg);
    background-size: cover;
}

.single-account-gray-sm {
    display: block;
    width: 20px;
    height: 14px;
    background-image: url(/Common/Assets/media/icons/single-account-gray-sm.svg);
    background-size: cover;
}

.btn-group-filter-all {
    display: flex;
    gap: 1rem;
}

.prevent-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.context-menu-button {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 20px;
    line-height: 12px;
    background: var(--gray-3);
    text-align: center;
    border-radius: 6px;
    flex-shrink: 0;
}

.context-menu-button--icon {
    display: inline-block;
    height: 18px;
    font-size: 20px;
    line-height: 7px;
    color: #fff;
}

.adHeadline {
    font-size: 13px;
    font-weight: bold;
    color: var(--google-blue);
}
.adText {
    font-size: 13px;
    color: var(--google-gray);
}
.adLinkText {
    font-size: 13px;
    font-weight: bold;
    color: var(--google-green);
}

#testVariationLength, .testVariationLength {position: absolute; bottom: 0; max-height: 75px; z-index: -1;}
.adVariation-text {max-height: 105px; overflow: hidden;}
.varVisibilityBox.showMore .adVariation-text {max-height: initial;}

/** File-Icons */
.icoFile {position:relative; width:76px; height:90px; background:url(/includes/classes/Core/site/spriteImages.png) #fff right -2180px no-repeat; border:1px var(--gray-d) solid; text-align:center; letter-spacing:-0.31em;}
* > .icoFile:nth-of-type(1) {margin-left:0;}
.icoFile.upload {background-position:right -2080px;}
.icoFile.graph {background-position:right -1780px;}
.icoFile.screenshot {background-position:right -1880px;}
.icoFile.blank {background:#fff;}

.icoFile cite {position:absolute; left:0; padding-top:5px; width:100%; font-size:9px; color:var(--gray-hover); font-style:normal; word-wrap:break-word; letter-spacing:normal;}
.icoFile.blank cite:nth-child(1) {padding:5px 3px 0; width:70px; line-height:20px;}
.icoFile.custom cite:nth-child(1) {padding:5px 3px 0; width:70px; line-height:10px;}
.icoFile.custom cite:nth-child(2), .icoFile.blank cite:nth-child(2) {bottom:10px; line-height:12px; word-wrap:break-word;}
.icoFile input {position:absolute; bottom:-10px; margin-left:-5px;}

.icoFile span {letter-spacing:normal;}
.icoFile > img {display:none; position:absolute; bottom:-8px; left:50%; margin-left:-7px; width:15px; height:15px; background:url(/includes/classes/Core/site/spriteImages.png) right -1180px no-repeat;}
.icoFile:hover > img {display:block;}
.icoFile > button.icon-delete-red, .icoFile > button.icon-delete-gray {position: absolute; /*bottom: -5px; */bottom: -8px; right: -6px; background-color: #fff; border:0;}

.icoFileSmall {position:relative; float:left; margin-left:5px; width:52px; height:64px; background:url(/includes/classes/Core/site/spriteImages.png) #fff no-repeat; text-align:center; letter-spacing:-0.31em;}
.icoFileSmall:hover {box-shadow: var(--shadow-outside);}
.icoFileSmall.graph {margin-left:0; background-position:right -2570px;}
.icoFileSmall.google {background-position:right -2640px;}
.icoFileSmall.bing {background-position:right -2710px;}

.swal2-popup .swal2-html-container, .swal2-popup .swal2-content {
    font-size: 13px;
}
.swal2-popup .swal2-actions-right {
    padding-right: 1.6em;
    width: 100%;
    justify-content: flex-end !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__group {
    font-size: 13px;
    font-weight: normal;
    color: var(--gray-c);
    /*text-decoration: underline;*/
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    color: var(--blue-new);
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice {
    padding: 0.3em 0.5em;
    color: var(--blue-new);
    outline: 1px solid var(--blue-new) !important;
    background: #fff;
    border-radius: .425rem;
    line-height: 1;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display {
    margin: 0 1.1rem 0 0;
    font-size: .95rem;
    font-weight: 500;
    line-height: 1;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    right: .35rem;
    background-color: var(--blue-new);
}

.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered {
    color: var(--dark);
}

.hoverOverlay:hover .hoverOverlay-item {
    display: block !important;
}

.hoverOverlay-item {
    top: -1px;
    right: -1px;
    padding-top: 2px;
}

/* ═══ Country Flag Sizes ═══
   .flag       = default (30×20) — scope cards, account rows, most UI
   .flag-md    = medium  (25×17) — case rows, secondary context
   .flag-sm    = small   (20×14) — inline text, log entries, headlines
*/
.flag, .flag-md, .flag-sm {
    object-fit: cover;
    border: 1px solid var(--bs-gray-300);
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}
.flag {
    width: 30px; height: 20px; border-radius: 3px;
}
.flag-md {
    width: 25px; height: 17px; border-radius: 4px;
}
.flag-sm {
    width: 20px; height: 14px; border-radius: 3px;
}

/* ═══ Country Flag Sizes ═══
   .flag       = default (30×20) — scope cards, account rows, most UI
   .flag-md    = medium  (25×17) — case rows, secondary context
   .flag-sm    = small   (20×14) — inline text, log entries, headlines
*/
.flag, .flag-md, .flag-sm {
    object-fit: cover;
    border: 1px solid var(--bs-gray-300);
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}
.flag {
    width: 30px; height: 20px; border-radius: 3px;
}
.flag-md {
    width: 25px; height: 17px; border-radius: 4px;
}
.flag-sm {
    width: 20px; height: 14px; border-radius: 3px;
}

/* ═══ Form Validation ═══ */
.field-error {
    border: 2px solid #971E00 !important;
    border-radius: 6px;
}
.field-error-msg {
    color: #971E00;
    font-size: 12px;
    font-weight: 500;
    margin-top: 4px;
}