.dx-datagrid-text-content {
    font-size: 11px;
    font-style: normal;
    font-family: 'GothamRounded-Medium';
    font-weight: bold;
}

.dx-dashboard-fullscreen-mode.dx-dashboard-container {
    background-color: transparent !important;
}

.dx-dashboard-item-header {
    background-color: transparent !important;
}

.dx-datagrid-content {
    font-size: 11px;
    font-style: normal;
    font-family: 'GothamRounded-Medium';
    background-color: ghostwhite;
}
.dx-dashboard-item-header-text
{
    text-align:center;
}
.dx-dashboard-item-header-text-caption {
    font-size: 12px;
    font-style: normal;
    font-family: 'GothamRounded-Medium';
    font-weight: bold;
}
.dx-widget
{
    font-size: 11px;
}
.dx-datagrid-text-content
{
    text-align:center;
}
.dxeButtonEditSys td.dxic {
    padding: 3px 2px 1px 2px;
    font-family: "GothamRounded-Medium" !important;
}
.dxeButtonEditButton {
    padding: 2px 2px 1px 3px;
}
.dxeBase {
    font: 12px "GothamRounded-Medium", Geneva, sans-serif;
}
.dxeListBox, .dxgvControl, .dxgvDisabled, .dxeCalendar {
    font-family: "GothamRounded-Medium" !important;
    color: #575757;
}
.templateTable td.caption {
    font-weight: bold;
    padding: 0 5px 2px;
}

.templateContainer {
    margin: 8px;
    padding: 2px;
    min-height: 100px;
    border: solid 1px #C2D4DA;
}
.dxeTokenBox {
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: solid 1px #DCDCDC;
}