:root {
    --bs-body-bg: #e6fcff; /* your desired background color */
    --logo-primary-color: #FFD600 !important;
}

.e-dlg-container .e-footer-content, .e-dlg-container .e-dlg-header-content {
    background-color: var(--bs-body-bg);
}

.centerContent {
    display: flex;
    justify-content: center; /* Horizontal */
    align-items: center; /* Vertical */
}

#blazor-license-warning {
    display: none !important;
}
.hide {
    display: none !important;
}
.disablegrid.e-grid {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed
}

.dialogStyles {
    min-height: 450px;
    height: 85%;
}

.dialogCalculationStyles {
    min-height: 300px;
    height: 90%;
}

label {
    font-weight:bold !important;
}

span .e-label {
    font-weight: bold !important;
}

.errorMessage{
    padding-top:5px;
    color:red;
}

.tabContent {
    padding-top: 20px;
    padding-bottom: 20px;
}

.poweredBySyncfusion{
    float:right;
    color:white;
    font-size:8px;
}

.softwareVersion {
    font-size: 10px;
    vertical-align: top;
}

.annotationText {
    color: #518C03;
    font-size: 14px;
    font-family: Segoe UI;
    margin: 0 auto;
}

.TopGridToolbar {
    padding-bottom: 3px;
    background-color: #f8f9fa;
    padding-left: 5px;
    padding-top: 5px;
    border-color: rgb(221, 221, 221);
    border-style: solid;
    border-width: 1px;
}

.e-selectpage:before {
    content: '\e821';
    padding-right: 8px !important;
}
.e-transactions:before {
    content: '\e7c4';
    padding-right: 8px !important;
}
.e-unselectpage:before {
    content: '\e7ff';
    padding-right: 8px !important;
}

.e-unselectpage {
    background-color: white !important;
}

.e-selectall:before {
    content: '\e77d';
    padding-right: 8px !important;
}

.e-selectall {
    background-color: white !important;
}

.e-unselectall:before {
    content: '\e7dc';
    padding-right: 8px !important;
}

.e-unselectall {
    background-color: #7FB3D5 !important;
    color: white !important;
}
.e-haswarning:before {
    content: '\e683';
    padding-right: 8px !important;
}
.e-activate:before {
    content: '\e7d9';
    padding-right: 8px !important;
}

.e-desactivate:before {
    content: '\e742';
    padding-right: 8px !important;
}

.e-desactivate {
    color: white !important;
}

.e-copy:before {
    content: '\e77b';
    padding-right: 8px !important;
}

.e-paste:before {
    content: '\e739';
    padding-right: 8px !important;
}

.e-newperiod:before {
    content: '\e7c7';
    padding-right: 8px !important;
}

.e-view:before {
    content: '\e787';
    padding-right: 8px !important;
}

.e-clear:before {
    content: '\e773';
    padding-right: 8px !important;
}

.e-excel:before {
    content: '\e84d';
    padding-right: 8px !important;
}

.e-preview::before {
    content: '\e787';
}

.e-filterclear::before {
    content: '\e748';
}

.e-refresh::before {
    content: '\1f5d8';
}

.e-bullets::before {
    content: '\e09b';
}

.button-font-family {
    font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif", "-apple-system", "BlinkMacSystemFont" !important;
}

.color-green{
    color : forestgreen !important;
}

.color-red {
    color: firebrick !important;
}

.color-orange {
    color: #FF4B07 !important;
}

.textBold{
    font-weight : bolder;
}

.backgroundColor-red {
    background-color: #ffb3b3 !important;
}

.backgroundColor-green {
    background-color: #ebfaeb !important;
}

.backgroundColor-yellow {
    background-color: #ffffcc !important;
}

.e-pager div.e-parentmsgbar{
    float:left !important;
    padding-right:30px !important;
}

.gridFullScreen {
    height: calc(100vh - 10rem);
    width: calc(100vw - 320px); /*related to width set in sidebar and navbar css class*/
}

/* https://blazor.syncfusion.com/documentation/datagrid/how-to/hide-command-column-based-on-record-detail */
/*to remove the edit button alone*/
.e-removeEditcommand .e-unboundcell .e-unboundcelldiv button.e-Editbutton {
    display: none;
}

/*to remove the delete button alone*/
.e-removeDeletecommand .e-unboundcell .e-unboundcelldiv button.e-Deletebutton {
    display: none;
}

.navbar {
    width:250px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.controlsRow {
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
}

.controlsCell {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.moreLeftPadding {
    padding-left: 10px !important;
}

.moreRightPadding {
    padding-right: 10px !important;
}

.customMinHeightGrid {
    min-height: 170px;
}