/* Font Size in whole website start */

:root {
    --global-font-size: 14px;
}

html,
body {
    font-size: var(--global-font-size) !important;
}

h1 {
    font-size: calc(var(--global-font-size) * 2.5) !important;
}
h2 {
    font-size: calc(var(--global-font-size) * 2) !important;
}
h3 {
    font-size: calc(var(--global-font-size) * 1.75) !important;
}
h4 {
    font-size: calc(var(--global-font-size) * 1.5) !important;
}
h5 {
    font-size: calc(var(--global-font-size) * 1.25) !important;
}
h6 {
    font-size: calc(var(--global-font-size) * 1) !important;
}

.btn,
.form-control,
.input-group-text,
.select2-container {
    font-size: var(--global-font-size) !important;
}

.dx-datagrid,
.dx-datagrid-rowsview .dx-row > td,
.dx-datagrid-headers .dx-header-row > td {
    font-size: var(--global-font-size) !important;
}

/* Font Size in whole website end */

.gradient-bg {
    background: linear-gradient(45deg, #ff5733, #5b02ff);
}
input[type="checkbox"][readonly] {
    pointer-events: none;
}
select[readonly] {
    pointer-events: none;
}

.select2-container--default .select2-selection--single {
    height: auto !important;
}