.ui.dimmer {
    z-index: 1301 !important;
}

.ui.selection.dropdown.active,
.ui.selection.dropdown.visible {
    z-index: 101;
}

.ui.search.dropdown,
.ui.selection.dropdown {
    padding: 2px 15px !important;
    min-width: unset !important;
}

.my-datetimepicker div:first-child {
    width: 100%;
}

.ui.icon.input>i.icon {
    display: inline-flex;
    align-items: center;
}

.modal-semantic {
    background-color: var(--background-modal) !important;
    color: var(--text-color) !important;
    border: 1px solid #e2e8f099;
}

.ui.modal>.header,
.ui.modal>.content,
.ui.modal>.actions,
.ui.selection.dropdown,
.ui.selectable.table,
.ui.menu a.item,
.ui.segment {
    background: unset !important;
    color: var(--text-color) !important;
}

.ui.modal>.header {
    font-size: 17px !important;
    padding: 10px !important;
}

.ui.modal>.content {
    padding: 10px !important;
}

.ui.form .field>label,
.ui.form .grouped.fields>label {
    font-size: 14px;
}

.ui.dimmer {
    background-color: rgba(0, 0, 0, 0.5);
}

.ui.selectable.table thead th,
.ui.pagination.menu .active.item {
    background: var(--primary-light) !important;
    color: var(--text-color) !important;
}

.ui.selectable.table tbody td {
    background: var(--bg-white-item);
    color: var(--text-color);
}

.ui.selectable.table tbody tr:hover td {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-color);
}

.ui.table {
    font-size: small !important;
}

.ui.table td {
    padding: 5px !important;
}

.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6),
.ui.button,
.ui.buttons .button,
.ui.buttons .or,
.ui.header .sub.header,
.ui.horizontal.list .list>.item,
.ui.horizontal.list>.item,
.ui.large.label,
.ui.large.labels .label,
.ui.segment,
.ui.segments .segment,
.ui.small.header .sub.header,
.ui.step,
.ui.steps .step,
h3.ui.header .sub.header,
h4.ui.header .sub.header,
h5.ui.header {
    font-size: 14px !important;
}

.ui.selection.dropdown,
.ui.form input[type],
.ui.form input:not([type]),
.ui.basic.label,
.ui.dropdown .menu,
.ui.dropdown .menu>.item,
.ui.menu {
    background: var(--input-color) !important;
    color: var(--text-color) !important;
}

.ui.divider {
    margin: 5px 0 !important;
}

.ui.form .field>label {
    color: var(--text-color) !important;
}

i.icon {
    font-family: 'Icons2' !important;
}

.fc-dayGridMonth-view .fc-daygrid-body {
    height: unset !important;
    width: unset !important;
}