html{
    overflow-x: hidden;
}
#main{
    width: 100%;
    overflow-y: auto;
}
#main-menu .menu .menu-header .info-menu-item {
    text-transform: none;
    font-weight: normal;
    /* display: inline-block;
    width: calc(100% - 35px); */
    font-size: 1.2em;
    line-height: 130%;
}
.ea-new #main,
.ea-detail #main,
.ea-edit #main {
    overflow: initial;
}
table.datagrid {
    width: 100%;
    overflow-y: auto;
    display: table !important;
}
table.datagrid td {
    white-space: nowrap;
}
.datagrid .ea-lightbox-thumbnail img.img-fluid {
    max-height: 32px;
}
.wrapper {
    max-width: 100vw;
    grid-template-columns: var(--sidebar-max-width) calc(100vw - var(--sidebar-max-width));
    table{
        width: 100%;
        overflow-x: auto;
        display: block;
    }
}
.content-wrapper{
    display: block;
}
body:not(.ea-content-width-full) .content-wrapper {
    max-width: unset;
}
.content-top .content-search input[type=search][name=query] {
    max-width: fit-content;
}
.form-group.field-collection .accordion-item .accordion-body .form-widget {
    /* max-height: 50vh; */
    overflow-y: auto;
}
.custom-header {
    flex: 1;
}
.horizontal-menu {
    display: flex;
    flex-direction: row;
    gap: 12px;
}
.main-content {
    width: 100%;
    /* overflow-y: hidden; */
}
#content-resizer-handler {
    min-height: unset;
}
form[name="Casino"] .ea-vich-image-actions .input-file-container + div {
    display: none;
}
.content-panel-footer,
.content-panel-footer.without-padding {
    position: sticky;
    left: 0;
    padding: 15px 17px 30px 20px;
}

.ea-new .ea-vich-image img,
.ea-edit .ea-vich-image img {
    max-width: 100%;
    height: auto;
}
.ea-edit .ea-vich-image img {
    max-width: 95%;
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: var(--sidebar-max-width);
}

#flash-messages {
    padding-left: var(--sidebar-max-width);
    /* transition: opacity 0.5s cubic-bezier(0.85, 0, 0.88, -0.09); */
}

/* mv action columns on datagrid */
.datagrid td.actions {
    text-align: center;

}

.datagrid .dropdown-actions .dropdown-toggle {
    padding-right: 0;
    padding-left: 0;
}

.datagrid td.actions .dropdown-toggle svg {
    transform: rotateZ(90deg);
}


/* */
.js-tomcat-select + .ts-wrapper.multi .ts-control,
.js-tomcat-select + .ts-wrapper.multi.has-items .ts-control {
    width: 90%;
}

.form-group.field-collection .accordion-item .accordion-body .form-widget.form-widget-overflow {
    overflow-y: unset;
}

.presets-list__wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}
.presets-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;

    button {
        text-transform: capitalize;
    }
}
.colors__item {
    display: grid;
    align-items: center;
    column-gap: 8px;
    margin-bottom: 8px;
    grid-template-columns: 1fr 1fr 1fr auto;
}

.colors__item span {
    color: var(--form-help-color);
    font-size: var(--font-size-sm);
    grid-area: 2/1/2/4;
}

#flash-messages {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
}

.js-payments-list.form-group.field-collection .accordion-item .form-group {
    flex-wrap: wrap;
}

.js-hide-disabled div[aria-disabled="true"] {
    display: none;
}

.break {
    flex-basis: 100%;
    height: 0;
}

.priority-index-select {
    .Money      { background-color:var(--bs-green) }
    .High       { background-color:var(--bs-red) }
    .Medium     { background-color:var(--bs-orange) }
    .Low        { background-color:var(--bs-yellow);color:var(--sidebar-menu-active-item-color); }
    .Paused     { background-color:var(--bs-cyan);color:var(--sidebar-menu-active-item-color); }
    .Stopped    { background-color:var(--bs-gray) }
}

.js-domain-schedule-list .form-group {
    padding: 0;
    height: 0;
}
.fast-launch-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 8px;
}
.fast-launch-wrapper span {
    font-size: 14px;
    cursor: default;
}
.info-icon {
    font-size: 18px;
    position: relative;
    display: inline-block;
    cursor: help;
}

.info-tooltip {
    visibility: hidden;
    opacity: 0;
    width: 260px;
    background-color: #333;
    color: #fff;
    text-align: left;
    border-radius: 4px;
    padding: 6px 8px;
    position: absolute;
    z-index: 1000;
    top: 125%;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.2s ease;
    font-size: 12px;
    line-height: 1.3;
    pointer-events: none;
}

.info-tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
}

.info-icon:hover .info-tooltip {
    visibility: visible;
    opacity: 1;
}

.btn-fast-launch, .btn-fast-launch:hover, .btn-fast-launch:active, .btn-fast-launch:focus{
    background-color: #8E4BD9;
    border-color: #8E4BD9;
    color: white!important;
}

.tdcp-popup,
.tdcp-confirm-popup {
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(20px);
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
}

.tdcp-popup label {
    display: block;
    margin-bottom: 10px;
}


.auto-referral-alert {
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(20px);
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
}

.campaign-status {
    color: green;
    font-weight: bold;

    &:empty {
        color: red;

        &::before {
            content: "❌";
            font-size: 1.4em;
        }
    }
}

#ea-index-Domain .content-wrapper table.table td[data-column="price"]:not(:has( .badge-outline))::before {
    content: "$";
    translate: 3px 0;
    display: inline-block;
}

table.table.datagrid:not(.datagrid-empty) {
    width: auto;
}

th.actions-as-dropdown-table-head,
td.actions.actions-as-dropdown {
    width: 32px!important;
    max-width: 32px;
}