body {
    /*background-image: url(../img/background-dna.jpg);*/
    background-size: cover;
    background-blend-mode: overlay;
    background-color: #eee;
}
body.gims,
body.lisapp2 {
    background-image: url(../img/background-dna.jpg);
}
body.ecrf {
    background-image: url(../img/background-doctor_640.jpg);
    background-color: #dfeeff;
}
body.ecrf vaadin-app-layout {
    backdrop-filter: brightness(0.95);
}

#header {
    align-items: center;
    padding-left: 3px;
    width: 100%;
}
#header-left {
    width: 206px;
}
#header-center,
#header-right {
    margin: 0px;
}
/* secondHeader */
#second-header {
    margin-left: 0;
    padding-left: 0;
}
/* headerContainer in secondHeader*/
#page-header-container.tabs,
#page-header-container {
    background-color: var(--lumo-contrast-5pct);
    box-sizing: border-box; /* padding inner width */
    margin: 0;
    padding: 0 var(--lumo-space-m);
    width: 100%;
    height: 46px;
    justify-content: space-between;
    align-items: center;
}
#page-header-container.tabs {
    padding-left: 0;
}
#page-header-container h2 {
    color: var(--lumo-secondary-text-color);
    margin-bottom: 0;
}
#page-header-container h2.smaller {
    font-size: var(--lumo-font-size-m);
}
/* flexLayout in pageHeaderContainer */
#page-header-container div {
    justify-content: space-between;
    align-items: center;
}
#content-container {
    box-sizing: border-box;
    padding-left: var(--lumo-space-m);
    width: 100%;
}

/* display text that indicates that user works on TEST or DEV enviroment */
div.test#page-header-container::after,
div.dev#page-header-container::after
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    color: var(--lumo-error-color-50pct);
    /*background-color: var(--lumo-error-color-10pct);*/
    font-weight: bold;
    font-size: 2.5em;
    line-height: 1em;

    text-align: center;
    z-index: -1;
}
div.test#page-header-container::after {
    content: "TEST";
}
div.dev#page-header-container::after {
    content: "DEV";
}

.popup-list-view,
.popup-detail-view {
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--lumo-contrast-20pct);
}
.popup-list-view h2,
.popup-detail-view h2 {
    color: var(--lumo-secondary-text-color);
    font-size: var(--lumo-font-size-xl);
    height: 60px;
    line-height: 60px;
    margin-bottom: 0px;
}

.nonselectable label {
    color: var(--lumo-primary-color);
}
.nonselectable:hover,
.nonselectable:hover label {
    border-right: none;
    cursor: default;
    color: var(--lumo-primary-color);
}

#header-center vaadin-tab {
    line-height: 28px;
}

vaadin-app-layout vaadin-tab[orientation="vertical"] a iron-icon,
vaadin-app-layout vaadin-tab[orientation="horizontal"] a iron-icon {
    padding-right: 5px;
    width: 16px;
}

h1, h2 {
    margin-top: 0px;
}

.mce-tinymce.mce-container.mce-panel,
.mce-tinymce.mce-container.mce-panel .mce-container-body{
    height: 100%;
}
.mce-tinymce.mce-container.mce-panel .mce-edit-area {
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
}
.vertical-text {
    text-orientation: mixed;
    writing-mode: vertical-rl;
    width: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.vertical-text-4sorting {
	text-orientation: mixed;
	writing-mode: vertical-rl;
	width: 30px;
}

.bold {
    font-weight: bold;
}

.redText {
    color: red;
}
.warning {
    color: red;
    line-height: 16px;
}
.warning iron-icon {
    height: 16px;
}
.warning span {
    vertical-align: text-bottom;
}

/*vaadin-button[disabled][title] {*/
/*    position: relative;*/
/*    box-sizing: border-box;*/
/*}*/
/*vaadin-button[disabled][title]:hover:after {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 75%;*/
/*    width: 100%;*/
/*    content: attr(title);*/
/*    background-color: #ffa;*/
/*    color: #000;*/
/*    line-height: 1.4em;*/
/*    border: 1px solid #000;*/
/*    box-shadow: 2px 2px 10px #999;*/
/*}*/

vaadin-button[theme~="icon"][theme~="tertiary"] {
    margin-top: 0;
    margin-bottom: 0;
}