:root {
    --primary-color: #786294;
    --btn-hover: #D5CAE2;
}

.cp {
    cursor: pointer !important;
}

.hidden {
    display: none;
}

nav.navbar {
    background: var(--primary-color);
}

.navbar .active {
    color: var(--primary-color) !important;
    background: white;
}

.navbar .nav-link:hover {
    color: var(--primary-color) !important;
    background: white;
}

main {
    font-family: "Lato", serif;
}

.start:hover {
    background: var(--btn-hover) !important;
}

.emptyBox {
    color: #D8D8D8;
}

.recordTabs {
    background: #f1f0f0 !important;
}

.charts .active {
    background: #62A7E8 !important;
}

.hideFilter,
.moreFilter {
    color: var(--primary-color);
}

.hideFilter:hover,
.moreFilter:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.clearFilter:hover {
    text-decoration: underline;
}

#myTab li button {
    color: var(--primary-color) !important;
}

#myTab li button.active {
    color: #777 !important;
}

.sidebarLink:hover {
    background-color: var(--btn-hover) !important;
}

.userAccess {
    columns: 2;
}

.userAccess>div {
    column-width: 500px;
    break-inside: avoid;
}

.report:hover {
    border-color: #A084BF !important;
}

.report:hover svg {
    fill: #A084BF;
}
.Connected{
    background-color: #a0d468;
    font-weight: 600;
    font-size: 14px;
}
.btn-embossed:hover{
    background-color: #1ec6c9;
    color: white;
}
.btn-embossed {
    font-size: 14px;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    background-color:#62a7e8;
}
.cursorPointer{
    cursor: pointer;
}
.cursorPointer:hover{
    border: 1px solid #62a7e8;
}
.add{
    cursor: pointer;
}
.dataTable th, .dataTable td{
    overflow: hidden;
    white-space: pre-wrap !important;
    font-size: 11px;
}
#sidebar{
    font-size: 11px;
}
#product-table th, #product-table td{
    width: 10% !important;
}
#all-order-table th, #all-order-table td{
    width: 5% !important;
}
.listing-table th, .listing-table td{
    width: 8% !important;
}