:root {
    --text-font: "Open Sans", Arial, Helvetica, Sans-Serif;
    --background-color: rgb(14, 19, 26);
    --color-text: rgb(39, 254, 0);
}

.dark-theme,
.dark-theme .ui.table,
.dark-theme .ui.table thead th {
    background-color: var(--background-color) !important;
    color: var(--color-text) !important;
}

.dark-theme .ui.horizontal.divider,
.dark-theme .ui.item,
.dark-theme .tab-date {
    color: white !important;
}

html {
    box-sizing: border-box;
    font-size: 12px;
    font-family: var(--text-font) !important;
}

*, *::before, *::after {
    box-sizing: inherit;
}

h1, h2, h3, h4, h5, h6, .card__header--title, p {
    font-family: var(--text-font);
}

.text-center {
    text-align: center;
}

.money-tab {
    width: 70px !important;
    max-width: 90px !important;
}

.money-tab * {
    text-align: center;
    display: block;
    margin: 0;
}

.lead-tab {
    width: 90px !important;
    max-width: 90px !important;
}

.lead-tab * {
    text-align: center;
    display: block;
    margin: 0;
}

table,
table tr,
table td tr {
    font-size: 12px;
}

#myChart,
#payments-table {
    max-width: 500px;
    margin: 0 auto;
}

#lead-of-the-day {
    margin-top: 10px;
}

#lead-of-the-day tr {
    background-color: rgb(36, 154, 15);
    color: rgb(255, 255, 255);
}

#lead-of-the-day tr td {
    padding: 0 5px;
}

.wrap-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
}

.tab-date {
    width: 70px;
}

.accordion .title.active {
    background-color: rgba(0, 0, 0, 0.05);
}

#live-leads .lead-info {
    padding-top: 0;
    padding-bottom: 0;
}

.no-spacing {
    margin: 0 !important;
}

.ajs-message.ajs-success {
    background: rgb(36, 154, 15) !important;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(0, 0, 0, .15) !important;
    font-size: 14px;
    font-weight: bold;
}