* {
    font-family: "Roboto", Arial;
}

body {
    font-family: "Roboto", Arial;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    font-family: "Roboto", Arial;
    color: #000000;
}

p {
    font-size: 16px;
    margin: 0 0 16px;
}


h1,
.h1 {
    font-size: 36px;
    line-height: normal;
    font-weight: 400;
}

h2,
.h2 {
    font-size: 28px;
    line-height: normal;
    font-weight: 400;
}

h3,
.h3 {
    font-size: 22px;
    line-height: normal;
    font-weight: 400;
}

h4,
.h4 {
    font-size: 20px;
    line-height: normal;
    font-weight: 400;
}

h5,
.h5 {
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
}

h6,
.h6 {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
}

.ReactDataGridOverride .react-grid-HeaderCell {
    padding: 8px;
    background-color: #2966aa;
    color: white;
    font-size: 14px;
    font-weight: normal;
    border-left: none;
    border-right: 1px solid rgb(188, 190, 192);
}

.ReactDataGridOverride .react-grid-Row .react-grid-Cell, .ReactDataGridOverride .react-grid-Row:hover .react-grid-Cell {
    padding-left: 0px;
    padding-right: 0px;
    line-height: 2.4;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    background-color: #D8D8D8;
    border-bottom: 1px solid rgb(188, 190, 192);
    border-left: none;
    border-right: 1px solid rgb(188, 190, 192);
    border-top-style: none;
    color: #636466;
}

.react-grid-Grid {
    min-height: calc( 100vh - 100px ) !important;
}