@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* GENERAL STYLING */
.ted {
    font: 14px 'Roboto', sans-serif !important;
}

.ted-grey-background {
    background-color: #f2f2f2;
}

.ted .header-menu-item { /* TEMPORARY */
}

/* DevExpress GridView border overrides for AllowFixedGroups */
/*.ted .dxgvGroupRow_TEDModernoLight td.dxgv.dxgvPHEC,
.ted .dxgvPreviewRow_TEDModernoLight td.dxgv.dxgvPHEC,
.ted .dxgvDetailRow_TEDModernoLight td.dxgv.dxgvPHEC,
.ted .dxgvGroupFooter_TEDModernoLight td.dxgv.dxgvPHEC,
.ted .dxgvDataRow_TEDModernoLight td.dxgvPHEC {
    border-right: 0px;
}

.ted .dxgvControl_TEDModernoLight .dxgvCSD {
    border: Solid 1px #d1d1d1;
    border-top: 0px;
    box-sizing: content-box;
}*/

/* DevExpress GridView Fixed Column horizontal scrollbar container overrides */
.ted .dxgvFCSD {
    border: none;
    background-color: #f2f2f2;
}

.ted .dxgvDIC {
    border-bottom: 1px solid #d1d1d1 !important;
}

/* SCROLLBAR */
.ted div::-webkit-scrollbar {
    width: 17px;
    height: 17px;
}

.ted div::-webkit-scrollbar-track {
    background-color: #d1d1d19e;
    background-clip: content-box;
    border: 8px solid transparent;
}

.ted div::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to bottom right, #a5a5a5, #d4d4d4);
    background-color: #a5a5a5;
    background-clip: content-box;
    border-radius: 250px;
    border: 5px solid transparent;
}

.ted div::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(to bottom right, #9e9e9e, #bfbfbf);
    background-color: #a5a5a5;
    background-clip: content-box;
    border-radius: 250px;
    border: 5px solid transparent;
}

.ted div::-webkit-scrollbar-thumb:active {
    background-image: linear-gradient(to bottom right, #808080, #929292);
    background-color: #a5a5a5;
    background-clip: content-box;
    border-radius: 250px;
    border: 5px solid transparent;
}

/* GRIDVIEW */
.ted.ted-gridview {
    width: 100%;
    padding: 0 15px 0 15px;
    background-color: #f2f2f2;
    border-top: 1px solid #c5c5c5;
}

.ted.ted-gridview .styleHeaderDiv {
    background-color: #f2f2f2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px 0 !important;
    border-width: 0px !important;
}

.ted.ted-gridview .styleHeaderDiv > span {
    font-size: 21px;
    color: #455251;
    padding-left: 15px;
}

.ted .flex-box {
    display: flex;
    margin: 0 !important;
}

.ted .flex-box.row {
    flex-direction: row;
}

.ted .flex-box.col {
    flex-direction: column;
}

.ted .flex-box.center {
    justify-content: center;
    align-items: center;
}

.ted .pad-top {
    padding-top: 10px;
}

.ted .pad-right {
    padding-right: 10px;
}

.ted .pad-bottom {
    padding-bottom: 10px;
}

.ted .pad-left {
    padding-left: 10px;
}