/* default for client overide */
:root {
    --dg-color-1: darkgray;
    --dg-color-2: #ffffff;
    --dg-color-3: darkorange;
    --dg-color-4: #dedede;
    --font-bold: bold;
    --font-bold-semi: 600;
    --font-bold-large: 800;
    --dg-color-url: #1212ffbf;
}

.dg-b, .db-b .dx-button-text {
    font-weight: var(--font-bold) !important;
}
.dg-b-s, .db-b-s .dx-button-text {
    font-weight: var(--font-bold-semi) !important;
}
.dg-b-l, .db-b-l .dx-button-text {
    font-weight: var(--font-bold-large) !important;
}

.dg-underline-1-hover, .dg-underline-2-hover, .dg-underline-3-hover {
    border-bottom: transparent 0.25rem solid !important;
}
.dg-underline-1-s-hover, .dg-underline-2-s-hover, .dg-underline-3-s-hover {
    border-bottom: transparent 0.1rem solid !important;
}
.dg-underline-1-xs-hover, .dg-underline-2-xs-hover, .dg-underline-3-xs-hover {
    border-bottom: transparent 0.1rem solid !important;
}


/* Color 1 */

.dg-brdc-1, .dg-brdc-1-check .dx-checkbox-icon, .dg-brdc-1-hover:hover {
    border-color: var(--dg-color-1) !important;
}

.dg-bc-1, .dg-bc-1-btn .dx-button-content {
    background-color: var(--dg-color-1) !important;
}
.dg-bc-1-hover:hover, .dg-bc-1-btn-hover:hover .dx-button-content {
    background-color: var(--dg-color-1) !important;
}

.dg-fc-1, .dg-fc-1 .dx-menu, .dg-fc-1 .dx-menu-item:not(.dx-submenu .dx-menu-item), .dg-fc-1-menu-item .dx-submenu .dx-menu-item, .dg-fc-1-btn-icon .dx-button-content .dx-icon, .dg-fc-1-btn-icon.dx-button-content .dx-icon, .dg-fc-1-btn.dx-button-text, .dg-fc-1-btn .dx-button-text {
    color: var(--dg-color-1) !important;
    stroke: var(--dg-color-1) !important;
}

.dg-fc-1-hover:hover, .dg-fc-1-hover:hover .dx-menu, .dg-fc-1-hover:hover .dx-menu-item:not(.dx-submenu .dx-menu-item), .dg-fc-1-menu-item-hover:hover .dx-submenu .dx-menu-item, .dg-fc-1-hover:hover .dx-button-content .dx-icon, .dg-fc-1-hover:hover .dx-button-text, .dg-fc-1-btn-hover:hover.dx-button-text, .dg-fc-1-btn-hover:hover .dx-button-text, .dg-fc-1-btn-icon-hover:hover .dx-button-content .dx-icon {
    color: var(--dg-color-1) !important;
    stroke: var(--dg-color-1) !important;
}

.dg-underline-1, .dg-underline-1-hover:hover {
    border-bottom: var(--dg-color-1) 0.25rem solid !important;
}
.dg-underline-1-s, .dg-underline-1-s-hover:hover {
    border-bottom: var(--dg-color-1) 0.1rem solid !important;
}
.dg-underline-1-xs, .dg-underline-1-xs-hover:hover {
    border-bottom: var(--dg-color-1) 1px solid !important;
}
.dx-dropdownbutton.dg-ic-1 .dx-icon, .dx-button.dg-ic-1 .dx-icon {
    color: var(--dg-color-1) !important;
}


/* Color 2 */

.dg-brdc-2, .dg-brdc-2-check .dx-checkbox-icon, .dg-brdc-2-hover:hover {
    border-color: var(--dg-color-2) !important;
}

.dg-bc-2, .dg-bc-2-btn .dx-button-content {
    background-color: var(--dg-color-2) !important;
}
.dg-bc-2-hover:hover, .dg-bc-2-btn-hover:hover .dx-button-content {
    background-color: var(--dg-color-2) !important;
}

.dg-fc-2, .dg-fc-2 .dx-menu, .dg-fc-2 .dx-menu-item:not(.dx-submenu .dx-menu-item), .dg-fc-2-menu-item .dx-submenu .dx-menu-item, .dg-fc-2-btn-icon .dx-button-content .dx-icon, .dg-fc-2-btn-icon.dx-button-content .dx-icon, .dg-fc-2-btn.dx-button-text, .dg-fc-2-btn .dx-button-text {
    color: var(--dg-color-2) !important;
    stroke: var(--dg-color-2) !important;
}

.dg-fc-2-hover:hover, .dg-fc-2-hover:hover .dx-menu, .dg-fc-2-hover:hover .dx-menu-item:not(.dx-submenu .dx-menu-item), .dg-fc-2-menu-item-hover:hover .dx-submenu .dx-menu-item, .dg-fc-2-hover:hover .dx-button-content .dx-icon, .dg-fc-2-hover:hover .dx-button-text, .dg-fc-2-btn-hover:hover.dx-button-text, .dg-fc-2-btn-hover:hover .dx-button-text, .dg-fc-2-btn-icon-hover:hover .dx-button-content .dx-icon {
    color: var(--dg-color-2) !important;
    stroke: var(--dg-color-2) !important;
}

.dg-underline-2, .dg-underline-2-hover:hover {
    border-bottom: var(--dg-color-2) 0.25rem solid !important;
}

.dg-underline-2-s, .dg-underline-2-s-hover:hover {
    border-bottom: var(--dg-color-2) 0.1rem solid !important;
}
.dg-underline-2-xs, .dg-underline-2-xs-hover:hover {
    border-bottom: var(--dg-color-2) 1px solid !important;
}
.dx-dropdownbutton.dg-ic-2 .dx-icon, .dx-button.dg-ic-2 .dx-icon {
    color: var(--dg-color-2) !important;
}



/* Color 3 */

.dg-brdc-3, .dg-brdc-3-check .dx-checkbox-icon, .dg-brdc-3-hover:hover {
    border-color: var(--dg-color-3) !important;
}

.dg-bc-3, .dg-bc-3-btn .dx-button-content {
    background-color: var(--dg-color-3) !important;
}
.dg-bc-3-hover:hover, .dg-bc-3-btn-hover:hover .dx-button-content {
    background-color: var(--dg-color-3) !important;
}

.dg-fc-3, .dg-fc-3 .dx-menu, .dg-fc-3 .dx-menu-item:not(.dx-submenu .dx-menu-item), .dg-fc-3-menu-item .dx-submenu .dx-menu-item, .dg-fc-3-btn-icon .dx-button-content .dx-icon, .dg-fc-3-btn-icon.dx-button-content .dx-icon, .dg-fc-3-btn.dx-button-text, .dg-fc-3-btn .dx-button-text {
    color: var(--dg-color-3) !important;
    stroke: var(--dg-color-3) !important;
}

.dg-fc-3-hover:hover, .dg-fc-3-hover:hover .dx-menu, .dg-fc-3-hover:hover .dx-menu-item:not(.dx-submenu .dx-menu-item), .dg-fc-3-menu-item-hover:hover .dx-submenu .dx-menu-item, .dg-fc-3-hover:hover .dx-button-content .dx-icon, .dg-fc-3-hover:hover .dx-button-text, .dg-fc-3-btn-hover:hover.dx-button-text, .dg-fc-3-btn-hover:hover .dx-button-text, .dg-fc-3-btn-icon-hover:hover .dx-button-content .dx-icon {
    color: var(--dg-color-3) !important;
    stroke: var(--dg-color-3) !important;
}

.dg-underline-3, .dg-underline-3-hover:hover {
    border-bottom: var(--dg-color-3) 0.25rem solid !important;
}

.dg-underline-3-s, .dg-underline-3-s-hover:hover {
    border-bottom: var(--dg-color-3) 0.1rem solid !important;
}
.dg-underline-3-xs, .dg-underline-3-xs-hover:hover {
    border-bottom: var(--dg-color-3) 1px solid !important;
}
.dx-dropdownbutton.dg-ic-3 .dx-icon, .dx-button.dg-ic-3 .dx-icon {
    color: var(--dg-color-3) !important;
}


/* Color 4 */

.dg-brdc-4, .dg-brdc-4-check .dx-checkbox-icon, .dg-brdc-4-hover:hover {
    border-color: var(--dg-color-4) !important;
}

.dg-bc-4, .dg-bc-4-btn .dx-button-content {
    background-color: var(--dg-color-4) !important;
}
.dg-bc-4-hover:hover, .dg-bc-4-btn-hover:hover .dx-button-content {
    background-color: var(--dg-color-4) !important;
}

.dg-fc-4, .dg-fc-4 .dx-menu, .dg-fc-4 .dx-menu-item:not(.dx-submenu .dx-menu-item), .dg-fc-4-menu-item .dx-submenu .dx-menu-item, .dg-fc-4-btn-icon .dx-button-content .dx-icon, .dg-fc-4-btn-icon.dx-button-content .dx-icon, .dg-fc-4-btn.dx-button-text, .dg-fc-4-btn .dx-button-text {
    color: var(--dg-color-4) !important;
    stroke: var(--dg-color-4) !important;
}

.dg-fc-4-hover:hover, .dg-fc-4-hover:hover .dx-menu, .dg-fc-4-hover:hover .dx-menu-item:not(.dx-submenu .dx-menu-item), .dg-fc-4-menu-item-hover:hover .dx-submenu .dx-menu-item, .dg-fc-4-hover:hover .dx-button-content .dx-icon, .dg-fc-4-hover:hover .dx-button-text, .dg-fc-4-btn-hover:hover.dx-button-text, .dg-fc-4-btn-hover:hover .dx-button-text, .dg-fc-4-btn-icon-hover:hover .dx-button-content .dx-icon {
    color: var(--dg-color-4) !important;
    stroke: var(--dg-color-4) !important;
}

.dg-underline-4, .dg-underline-4-hover:hover {
    border-bottom: var(--dg-color-4) 0.25rem solid !important;
}
.dg-underline-4-s, .dg-underline-4-s-hover:hover {
    border-bottom: var(--dg-color-4) 0.1rem solid !important;
}
.dg-underline-4-xs, .dg-underline-4-xs-hover:hover {
    border-bottom: var(--dg-color-4) 1px solid !important;
}

.dx-dropdownbutton.dg-ic-4 .dx-icon, .dx-button.dg-ic-4 .dx-icon {
    color: var(--dg-color-4) !important;
}