html {
  font-size: 14px;
}

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

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

body {
    margin-top:0px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
}

.titleBarSection {
    font-size: 75%;
    margin: 3px 2px;
    padding: 3px 5px 4px 5px;
}

div[class*="formTitleDiv"] {
    margin: 3px 0 5px 3px;
}

h3.form-inline {
    font-size: 19px;
}

h2, h3 {
    margin: 3px 5px;
}

h2 {
    font-size: 18px;
}

.titleSectionLeftHalf b, h3 {
    font-size: 14px !important;
}

#lastUpdateDTLabel {
    font-size: 12px;
}

.k-toolbar {
    padding: 0px;
}


/*This is done to fix CS1-1858 Font size*/
    a.backNavButton,
    .k-toolbar button[class*="Button"],
    .k-toolbar button[id$="Button"],
    .k-toolbar button[class*="Report"],
    .mediumSectionDiv button[id$="Button"],
    .mediumSectionDiv button[class$="Button"],
    .mediumSectionDiv a[class$="Button"],
    .toolbarSection button[id$="Button"],
    .toolbarSection a[class$="Button"],
    .toolbarSection button[class$="Button"],
    .mediumSectionDiv a[id$="Button"],
    .navToolbarDiv button[id$="Button"],
    .titleSectionLeftHalf button[id$="Button"],
    .k-toolbar.k-grid-toolbar .k-button,
    #crudToolbar button[id$="Button"],
    button.dummyButtonClass,
    #createAdditionalItemsAndSlotsButton {
        font-size: 13.6px;
        margin: 2px;
        margin-right: 2px;
        padding: 1px 5px 4px 5px;
        display: inline-block;
    }

/*This is done to fix CS1-1858 Font size*/
        a.backNavButton .k-icon,
        a.backNavButton .custom-icon,
        .k-toolbar button[class*="Button"] .k-icon,
        .k-toolbar button[class*="Button"] .custom-icon,
        .k-toolbar button[id$="Button"] .k-icon,
        .k-toolbar button[id$="Button"] .custom-icon,
        .k-toolbar button[class*="Report"] .k-icon,
        .k-toolbar button[class*="Report"] .custom-icon,
        .mediumSectionDiv button[id$="Button"] .k-icon,
        .mediumSectionDiv button[id$="Button"] .custom-icon,
        .mediumSectionDiv button[class$="Button"] .k-icon,
        .mediumSectionDiv button[class$="Button"] .custom-icon,
        .mediumSectionDiv a[class$="Button"] .k-icon,
        .mediumSectionDiv a[class$="Button"] .custom-icon,
        .toolbarSection button[id$="Button"] .k-icon,
        .toolbarSection button[id$="Button"] .custom-icon,
        .toolbarSection a[class$="Button"] .k-icon,
        .toolbarSection a[class$="Button"] .custom-icon,
        .toolbarSection button[class$="Button"] .k-icon,
        .toolbarSection button[class$="Button"] .custom-icon,
        .mediumSectionDiv a[id$="Button"] .k-icon,
        .mediumSectionDiv a[id$="Button"] .custom-icon,
        .navToolbarDiv button[id$="Button"] .k-icon,
        .navToolbarDiv button[id$="Button"] .custom-icon,
        .titleSectionLeftHalf button[id$="Button"] .k-icon,
        .titleSectionLeftHalf button[id$="Button"] .custom-icon,
        .k-toolbar.k-grid-toolbar .k-button .k-icon,
        .k-toolbar.k-grid-toolbar .k-button .custom-icon,
        #crudToolbar button[id$="Button"] .k-icon,
        #crudToolbar button[id$="Button"] .custom-icon,
        button.dummyButtonClass .k-icon,
        button.dummyButtonClass .custom-icon,
        #createAdditionalItemsAndSlotsButton .custom-icon {
            margin: 0px;
            padding: 0px;
            width: 16px;
            height: 16px;
            font: 15px / 1 WebComponentsIcons;
        }