/* HTML 5 - functioning in Chrome, Firefox, but NOT IE!*/
html {
    height: 100%;
}
body {
    height: calc(100% - 8px);
    overflow-y: auto;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

BODY.LOGIN, BODY.PASSWORD, BODY.TOP, BODY.MAINMENU {
    height: 100%;
}

TD.MENU_IMG a.MENU, TD.MENU_IMG span.MENU {
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

FORM.FORM, FORM.SMALLFORM, FORM.SIMPLEFORM {
    margin-bottom: 1em;
}

.FORM, .TABLECLASS, .SMALLFORM {
    /*text-align: initial; IE 11 not working*/
    text-align: left;
}

.FONT_ICON:before, span.FONT_ICON:before, input[type='submit'] span.FONT_ICON:before, button span.FONT_ICON:before  {
    font-size: 14px;
}

.FONT_ICON.FONT_ICON_S, .FONT_ICON.FONT_ICON_S:before, .FONT_ICON.FONT_ICON_S:after, span.FONT_ICON.FONT_ICON_S, span.FONT_ICON.FONT_ICON_S:before,
span.FONT_ICON.FONT_ICON_S:after, input[type='submit'] span.FONT_ICON.FONT_ICON_S:before {
    font-size: 11px;
}


TH.LOGINFORM {
    background-color: #005F87;
    color: #ffffff;
}

*.LOGINFORM input.BUTTON,*.LOGINFORM input.BUTTON, *.LOGINFORM input.BUTTON_ATTENTION, *.LOGINFORM BUTTON, *.LOGINFORM BUTTON.BUTTON,*.LOGINFORM BUTTON.BUTTON_ATTENTION, *.LOGINFORMBUTTON.BUTTON_ATTENTION.ui-button, *.LOGINFORM BUTTON.BUTTON.ui-button {
    background: #005F87;
}