﻿.e-tooltip-wrap .e-tip-content {
    background-color: #fff !important;
    border: 2px solid #2c2c2c !important;
    color: var(--black) !important;
}

.e-control {
    font-family: 'Verdana', Verdana, Arial, sans-serif !important;
}

.e-ddl.e-input-group.e-control-wrapper .e-input {
    font-family: 'Verdana', Verdana, Arial, sans-serif !important;
    font-size: 0.75rem !important;
}

.e-dropdownbase .e-list-item.e-item-focus, .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover, .e-dropdownbase .e-list-item.e-hover {
    background-color: var(--gold) !important;
    border-color: var(--gold-dark) !important;
}

.e-dropdownbase .e-list-item, .e-dropdownbase .e-list-item.e-item-focus {
    max-height: 15rem !important;
    min-height: 29px !important;
    font-family: 'Verdana', Verdana, Arial, sans-serif !important;
    font-size: 0.75rem !important;
}

.e-split-btn-wrapper {
    line-height: 1rem !important;
}

.e-multiselect {
    height: 2rem;
    line-height: 1.55rem;
    font-size: var(--font-size-small) !important;
    box-shadow: inset 0 4px 3px 0 rgb(0 0 0 / 3%);
    border-color: #dadfe2 !important;
} .e-multi-select-wrapper .e-chips {
    color: #fff !important;
} .e-delim-values, .e-remain {
    font-size: var(--font-size-small) !important;
} .e-tooltip-wrap {
    border-radius: 0px !important;
    opacity: 1 !important;
} .e-tooltip-wrap .e-tip-content {
    color: red;
    font-size: 12px;
    line-height: 20px;
} .e-tooltip-wrap.e-popup {
    background-color: #fff !important;
    border: 0.0px solid rgb(90, 90, 90) !important;
}
}

.e-primary {
    background-color: var(--gold) !important;
    border-color: var(--gold-dark) !important;
}

.e-calendar .e-selected span.e-day {
    background-color: var(--gold) !important;
    border: 1px solid var(--gold-dark) !important;
}

.e-calendar .e-today span.e-day {
    border: 1px solid var(--gold-dark) !important;
}

.e-input-group {
    font-size: var(--font-size-small) !important;
    height: 2rem;
    box-shadow: inset 0 4px 7px 0 rgb(0 0 0 / 3%);
}

.e-cancel {
    background-color: #fff !important;
    color: #000 !important;
}

.e-date-range-container, .e-footer {
    border: 1px solid var(--border-color) !important;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    width: 85%;
    font-size: var(--font-size-small) !important;
}

.e-accordion .e-acrdn-item .e-acrdn-panel {
    font-size: var(--font-size-small) !important;
}

.e-accordion {
    border: 0 !important;
}

.e-acrdn-header {
    min-height: 0 !important;
    padding-left: 8px !important;
}

.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
    color: var(--black) !important;
}

.e-dlg-closeicon-btn, .e-dlg-closeicon-btn:hover {
    background: none !important;
    border: none !important;
}

.e-listbox-container {
    line-height: 1.55rem;
    font-size: var(--font-size-small) !important;
    box-shadow: inset 0 4px 3px 0 rgb(0 0 0 / 3%);
    border-color: #dadfe2 !important;
    border-radius: 5px !important;
}

.e-listbox-container .e-list-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.e-chart {
    overflow: visible !important;
}

.e-grid .e-altrow {
    background-color: #f2f2f2;
}

.e-grid .e-rowcell {
    font-size: 10px !important;
}

.e-split-btn,
.e-split-btn-wrapper .e-btn {
    font-size: var(--font-size-small);
    background-color: #ffebb0 !important;
    border-color: var(--gold-dark) !important;
    color: #ac8100 !important;
}

.sf-grid {
    padding:0 !important;
}

.sf-grid .e-groupcaption {
    padding-left: 35px;
}

#pinned-customers-accordion .e-acrdn-content {
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 0px;
    padding-top: 0px
}

.e-calendar .e-date-icon-prev,
.e-calendar .e-date-icon-next {
    transform: rotate(90deg);
}

#crm-action-board-accordion .e-acrdn-panel,
#crm-action-board-accordion .e-acrdn-content { overflow: visible !important; }
