html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 0px;
    background-color: #EAECEE;
}

/*No meu caso fiz uma pequena alteração no css para as notificações não ficarem “coladas no topo”, para isso eu subsescrevi uma parte do css do toast.*/
.toast {
    top: 50px;
    right: -5px;
}

/*Mudo a cor da area de agrupamento do Grid */
/*.e-grid .e-groupdroparea {
    background-color: #196DBB !important;
    color: white !important;
}*/

/*Mudo a cor do cabeçalho do Grid */
.e-grid .e-gridheader {
    background-color: whitesmoke !important;
}
/*Mudo a cor do cabeçalho/celula do Grid */
.e-grid .e-headercell {
    background-color: whitesmoke !important;
    color: black !important;
}
/*Aumento a fonte e coloco em negrido do cabeçalho dos grids */
.e-grid .e-headercelldiv {
    font-size: 12px !important;
    font-weight: 600 !important;
    height: 25px !important; 
}

/*Coloco cor nas linha alternados do GRID */
.e-grid .e-row.e-altrow {
    background-color: #FCFCFC !important;
}
.e-grid .e-rowcell {
/*    font-size: 12px !important;
    font-weight: 500 !important;
*/}

/* TEXTBOX Use the following CSS to customize the TextBox placeholder */
.e-float-input.e-control-wrapper:not(.e-error) label.e-label-top.e-float-text {
    font-size: 12px !important;
    margin-top: 7px !important;
    font-weight: 600 !important;
}

/* TEXTBOX Use the following CSS to customize the TextBox */
.e-input:not(:valid), .e-input:valid, .e-float-input.e-control-wrapper input:not(:valid), .e-float-input.e-control-wrapper input:valid, .e-float-input input:not(:valid), .e-float-input input:valid, .e-input-group input:not(:valid), .e-input-group input:valid, .e-input-group.e-control-wrapper input:not(:valid), .e-input-group.e-control-wrapper input:valid, .e-float-input.e-control-wrapper textarea:not(:valid), .e-float-input.e-control-wrapper textarea:valid, .e-float-input textarea:not(:valid), .e-float-input textarea:valid, .e-input-group.e-control-wrapper textarea:not(:valid), .e-input-group.e-control-wrapper textarea:valid, .e-input-group textarea:not(:valid), .e-input-group textarea:valid {
    font-weight: 600 !important;
    background-color: #FCFCFC !important;
}

/* CHECKBOX Use the following CSS to customize the CheckBox label */
.e-checkbox-wrapper .e-label {
    font-weight: 600 !important;
}

/* RADIO Use the following CSS to customize the RadioBox label */
.e-radio-wrapper .e-label {
    font-weight: 600 !important;
}


/* DROPDOWNLIST Use the following CSS to customize the dropdown icon’s color..*/
.e-ddl.e-input-group .e-input-group-icon, .e-ddl.e-input-group.e-control-wrapper .e-input-group-icon:hover {
    background-color: lightgray !important;
}

/* DROPDOWNLIST Use the following CSS to customize the appearance of popup element.*/
.e-dropdownbase .e-list-item, .e-dropdownbase .e-list-item.e-item-focus {
    background-color: WHITESMOKE !important;
}

/* DROPDOWNLIST Customizing the background color of focus, hover, and active item*/
.e-dropdownbase .e-list-item.e-item-focus, .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover, .e-dropdownbase .e-list-item.e-hover {
    background-color: dimgrey !important;
    color: white !important;
}

/* DROPDOWNLIST Todas as listas suspensas caso o texto seja muito longo sera feito a quebra do texto*/
.e-dropdownbase .e-list-item {
    white-space: normal !important;
    text-indent: 0 !important;
    padding-left: 16px !important;
    line-height: 30px !important;
}


/* TAB Use the following CSS to customize the header items of Tab. */
/*.e-tab .e-tab-header .e-toolbar-items {
    background-color: #D2E5F5 !important;
}*/

.e-dialog .e-dlg-header {
    color: black;
    font-size: 20px!important;
    font-weight: 500!important;
}

.e-dialog .e-dlg-content {
    color: black;
    font-size: 16px!important;
    font-weight: normal!important;
    line-height: normal!important;
}