.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Noto Sans', sans-serif;
}

/* table header and toolbar header */
.ui-widget-header {
    background: #f5f8f9 none repeat scroll 0 0; /* was: #5c9ccc */
    border: 1px solid #c5dbec; /* was: #4297d7 */
    color: #2e6e9e; /* was: #ffffff or #e17009 */
    font-weight: bold;
}

/* buttons in toolbars */
.ui-toolbar {padding: 0;}
.ui-toolbar .ui-button:not(.ui-state-error) {margin: -1px !important; border: 1px solid #c5dbec;} /* was: #79b7e7 */
.ui-toolbar .ui-button:hover:not(.ui-state-error) {border: 1px solid #79b7e7;}

/* pagination */
.ui-paginator-pages {background-color: #dfeffc; border: 1px solid #c5dbec; padding: 0.3em 1em !important;}
.ui-paginator .ui-paginator-page {border: none; background: none; color: #2e6e9e;}

.ui-paginator-page.ui-state-active {
    color: #000;
    font-weight: bold;
}

/* table header & footer */
.ui-datatable-footer, .ui-paginator {border: none; background: none; padding: 4px 10px !important;}

/* tables */
.ui-datatable td, .ui-datatable th {line-height: 25px;}
.ui-datatable.edittable td {line-height: 14px;}

/* footer */
#footer {position: fixed; bottom: -2px; line-height: 25px; /*border: 1px solid #c5dbec;*/}
#footer .ui-toolbar, #footer .ui-toolbar a {padding: .3em 1em; background: #f5f8f9 none repeat scroll 0 0; color: #2e6e9e;}

/* centering login */
#loginContainer {display:table; width: 100%; position: absolute; top:0; left:0; bottom:0; right:0; height: 100%; margin:0;}
#loginForm {display:table-cell; vertical-align: middle;}
#loginForm fieldset {display: block; margin: 0 auto; width: 200px;}

fieldset.ui-fieldset:hover, .ui-panel:hover {
    border: 1px solid #79b7e7;
}

.welcome-boxes {border-spacing: 20px; border-collapse: separate;}
.welcome-boxes td {width: 428px; padding: 0 30px 30px 30px; background-color: #f5f8f9; border: 1px solid #c5dbec;}
.welcome-boxes p.fs_18 {line-height: 1.4em; font-weight: bold; font-size: 20px; margin-left: -10px;}
.welcome-boxes p {line-height: 1.4em;}

/* action buttons */
.button_panel {text-align: center; background-color: #97bde3;}
fieldset:not(.collapse) button.ui-button:not(.ui-state-error):not(.no_action), .action_button {background-color: #97bde3 !important; color: white !important;}
fieldset:not(.collapse) button.ui-button:hover:not(.ui-state-error):not(.no_action), .action_button:hover {background-color: #2e6e9e !important; color: whitesmoke !important;}
.action_button {border-color:#c5dbec !important;}
.action_button .ui-button-text {line-height: 16px;}
.action_button .ui-icon {background-image: url("../images/ui-icons_ffffff_256x240.png") !important;}
.delete_button .ui-icon {background-image: url("../images/ui-icons_ffffff_256x240.png") !important;}
.delete_button:hover .ui-icon {background-image: url("../images/ui-icons_e62d2e_256x240.png") !important;}

/* inputs */
.ui-inputfield, .ui-inputtext {color: #000 !important; line-height:25px; padding: 2px .5em;}

/* fixing unnecessary margins when no error is displayed */
.inputField {padding-bottom: 0;}
.ui-message {margin: 5px 0;}

/* labdata disable button label */
.notext {border: none;}
.notext:hover .ui-button-text {display: block; position: absolute; line-height: 20px; padding: 4px; z-index: 10;
    background-color: #fff; border: 1px solid #c5dbec; top: -16px; left: 30px; height: 21px; width: 135px; }

/* labdata header text  */
.typeColumn_header {height: 40px; padding-right: 8px ; color: #2e6e9e;}

/* date chooser */
.dateChooser .ui-selectonemenu .ui-selectonemenu-trigger {padding: 0; width: 12px;}
.dateChooser .ui-selectonemenu label.ui-selectonemenu-label {padding: 2px 4px;}
.dateChooser .ui-selectonemenu {padding-right: 16px;}
.dateChooser .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {margin-left:-2px;}
.dateChooser .day label, .dateChooser .month label {width: 18px;}
.dateChooser .year label {width: 36px;}

/* side effect header row */
.margin_top_negative {margin-top: -1em;}

.sideEffectDeleteButton {margin: 0 .5em 0 0;}

.deleteCross{margin-left: .5em;}

.nextButton {margin: 0 1.5em 0 0em;}

.ui-selectonemenu-panel .ui-selectonemenu-items, .ui-selectonemenu-panel .ui-selectonemenu-list {padding: 0;}

.wideRadio label {width:300px;}

.units tr:nth-child(even) {background-color: #fff;}
.units td[rowspan] {background-color: #fff;}
.units tr.labstatus-even td:first-child {background-color: #fcfdfd !important;}
.units tr.unitstatus-first td {border-top-width: 2px;}

input[readonly="readonly"], .readonly input {background-color: #F2F5F9 !important;}
input[disabled="disabled"], .disabled input {background-color: #F2F5F9 !important;}
label[class~="ui-state-disabled"], .disabled label {background-color: #F2F5F9 !important;}

.ui-chkbox-icon {background-image: url("/javax.faces.resource/images/ui-icons_469bdd_256x240.png.xhtml?ln=primefaces-dlar") !important;}
.ui-state-active .ui-icon:not(.ui-chkbox-icon) {
background-image: url("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-dlar");
}
.ui-button.ui-state-active, .ui-button.ui-state-actice.ui-state-focus {background: #d0e5f5; color: #2e6e9e;}
.ui-button.ui-state-active:hover, .ui-button.ui-state-hover {color: #1d4087;}

legend.ui-fieldset-legend {background: #f5f8f9 !important;}

fieldset:hover legend.ui-fieldset-legend {
    background-color: #dfeffc !important;
    color: #1d4087;
    transition-property: background-color, color;
    transition-duration: 400ms;
}

.edittable td.right input {text-align: right;}

.notInRow {
    padding: 7px 0 0 15px;
    border-bottom: 1px solid #c5dbec;
    display:inline-block;
    box-sizing: border-box;
    width: 46px;
    height: 31px;
}
.diagnosisAndAge:nth-child(odd) .notInRow {background-color: #fcfdfd;}
.edittable tr:not(:last-child) .diagnosisAndAge:last-child {margin-bottom: 3px;}

.edittable .ui-chkbox {margin: 7px 0 0 0;}

.labValueDate {width: 150px; box-sizing: border-box;}

.ui-toolbar-group-right .ui-menu-list .ui-menuitem-text {text-align: left;}

.showClosed {margin-bottom: -30px; position: relative; padding-left: 25px; width: 300px;}
.showClosed .ui-chkbox {position: absolute; left: 0; top: -2px;}

#centerStatistics td, #centerStatistics th {padding-left: 8px; padding-right: 8px;}

#autosaveindicator {opacity: 1;}
#autosaveindicator.saving {padding-right: 18px; background: #fff url("/resources/images/ajax-loader.gif") no-repeat right center;}
#autosaveindicator.fail {padding: 4px; background: #fef1ec; border: 1px solid #cd0a0a;}
#autosaveindicator.saved {
    -webkit-animation: fade-out 5s 1; /* Safari 4+ */
    -moz-animation:    fade-out 5s 1; /* Fx 5+ */
    -o-animation:      fade-out 5s 1; /* Opera 12+ */
    animation:         fade-out 5s 1; /* IE 10+, Fx 29+ */
    opacity: 0;}

@-webkit-keyframes fade-out {
    0%   { opacity: 1; }
    80%   { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes fade-out {
    0%   { opacity: 1; }
    80%   { opacity: 1; }
    100% { opacity: 0; }
}
@-o-keyframes fade-out {
    0%   { opacity: 1; }
    80%   { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes fade-out {
    0%   { opacity: 1; }
    80%   { opacity: 1; }
    100% { opacity: 0; }
}

.loginFormInputFieldFix {
    height: 29px;
    margin-top: -1px;
    margin-bottom: -1px;
}