/************************** Autocomplete **************************/
div.form-control>.e-input-group, p.form-control>.e-input-group {
    border: none;
}

.syncfusionInputCustom-FD>.e-input-group.e-control-wrapper.e-ddl {
    height: 100%;
}

/************************** DatePickerComponent **************************/
.input-group>.form-control.syncfusionInputCustom-FD {
    padding: 0;
}

.syncfusionInputCustom-FD>.e-input-group.e-control-wrapper.e-date-wrapper,
.syncfusionInputCustom-FD>.e-input-group.e-control-wrapper.e-date-wrapper>.e-datepicker {
    height: 100%;
}

/************************** Grid Toolbar  **************************/
.e-toolbar-item>.e-tbar-btn>.e-btn-icon.toolbarGrid {
    background-color: #F8F9FA;
    color: var(--primary-color);
    font-size: 20px !important;
}

/************************** Listview  **************************/
.e-list-text span {
    right: 0px;
    position: absolute;
}

/************************** ListViewComponent  **************************/
.syncfusion_e-list-icon {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    width: 20px;
}

/* The number at the end is coming from Types.Instance_MatchingStatus_ENUM */
.syncfusion_e-list-icon_4 {
    color: #15bd42;
}

.syncfusion_e-list-icon_0, .syncfusion_e-list-icon_1 {
    color: #e8a717;
}

.syncfusion_e-list-icon_2, .syncfusion_e-list-icon_5 {
    color: #edb334;
}

.syncfusion_e-list-icon_3 {
    color: #7d18b8;
}

.syncfusion_e-list-icon_6, .syncfusion_e-list-icon_7, .syncfusion_e-list-icon_8 {
    color: red;
}

/**************************  SymbolPaletteComponent  **************************/
.paletteIcon {
    font-size: 17px;
    min-width: 20px;
}

/**************************  ToolbarComponent  **************************/
.e-toolbar-items {
    width: 100%;
}

.e-toolbar-items .e-toolbar-item nav ul {
    margin-bottom: 0px;
}

.e-toolbar .e-tbar-btn, .e-toolbar .e-tbar-btn:focus {
    background: #F8F9FA;
    border: none;
    box-shadow: none;
    color: rgb(73, 80, 87) !important;
}

/**************************  UploaderComponent  **************************/
.syncfusion_upload_noButtons_noPadding .e-upload .e-file-select-wrap {
    padding: 0px;
}

.syncfusion_upload_noButtons .e-upload-actions, .syncfusion_upload_noButtons .e-file-status .e-file-drop,
.syncfusion_upload_noButtons_noPadding .e-upload-actions, .syncfusion_upload_noButtons_noPadding .e-file-status .e-file-drop {
    height: 0px;
    visibility: hidden;
}

.e-upload {
    border: none;
}

/************************** Usermanagement Widgets  **************************/
.syncfusion_e-list-icon_contact {
    color: #15bd42;
    position: absolute;
    right: -5px;
    top: 4px
}