@import url("login-page.css");
@import url("page-header.css");
@import url("dialog.css");
@import url("etable.css");
@import url("calendar.css");
@import url("breadcrumb.css");
@import url("communication.css");
@import url("wizard.css");
@import url("page-tip.css");

:root { 
	--header-background-color: lightgray;
}

html, body {
	height: 100%;
}

body.hide-reload-dialog vaadin-devmode-gizmo {
  visibility: hidden;
}

html, :host {
	/* vaadin-text-field-default-width: 800px;*/
	/*vaadin-form-item-label-width: 300px;*/
	
}

html {
	/* --lumo-primary-color: purple; */
	
}

promitea-app-layout {
	display: block;
}

.root-content {
	overflow: hidden;
}

span.nowrap {
	white-space: nowrap;
}

.text-bold {
	font-weight: bold;
}

.text-italic {
	font-style: italic;
}

.collapser-wrapper2 {
	margin-top: 0px;
}

.panel-border {
	border: 1px solid lightgray;
}

.page-footer {
	background-color: #f4f4f4;
}

.tree-navigation div vaadin-icon,
.tree-navigation div span {
	vertical-align: middle;
}

.tree-navigation div.processed vaadin-icon {
	color: green;
}

.tree-navigation div.cancelled vaadin-icon {
	color: darkred;
}

.tree-navigation div.inactive span {
	font-style: italic;
}

.tree-navigation div.active span {
	font-weight: bold;
}

.tree-navigation div vaadin-icon {
	width: 16px;
	margin-right: 5px;
}

vaadin-icon.menu-item-small {
	width: 16px;
    margin-right: 5px;
}

vaadin-text-field, vaadin-text-area, vaadin-combo-box,
	vaadin-password-field, .localize-field2, .html-field,
	.field-default-width {
	width: 100%;
}

.field-default-full-page-width {
	max-width: 940px;
	width: 100%;
}

div.twin-col-select {
	width: 100% !important;
	xxmax-height: 400px;
}

.page-footer .footer-text {
	text-align: center;
	font-size: 11px;
	color: gray;
}

.abstract-header {
	box-sizing: border-box;
	margin: 0px;
}

.abstract-header .wrapper {
	background-color: var(--header-background-color);
	border-color: var(--header-background-color);
	border-radius: 5px;
	margin: 0px;
	width: 100%;
	padding: 10px;
	xxborder: 1px solid blue;
	box-sizing: border-box;
}

.abstract-header .wrapper .lifecycle-navigator {
	margin-left: auto;
}

.abstract-header .wrapper .lf-navigator-text {
	white-space: nowrap;
	font-weight: bold;
}

.abstract-header .wrapper .warning,
.abstract-header .wrapper .info {
	width: 100%;
	text-align: center;
}

.abstract-header .wrapper .warning {
	font-weight: bold;
	color: red;
}

.abstract-header .wrapper .warning .warning-bid-bid-manager-button {
	font-weight: bold;
}

.abstract-header .wrapper .info {
	font-style: italic;
}

.abstract-header .main-vertical-layout {
	padding-left: 15px;
}

.abstract-header h2 {
	margin: 5px 5px 5px 0px;
	font-size: 1.4rem;
	xxwidth: 250px;
	white-space: nowrap;
}

.tender-header span.budget-info {
	width: 100%;
	text-align: center;
	display: block;
	background-color: lightyellow;
}

.tender-header .automation-info vaadin-icon {
    width: 16px;
}

.abstract-header .header-yeallow-block{
	margin-top: 5px;
	background-color: lightyellow;
	padding: 2px;
	width: 100%;
	text-align: center;
	border-radius: 2px;
}

.warning-yellow-block{
	background-color: lightyellow;
	padding: 2px;
	width: 100%;
	text-align: center;
	border-radius: 2px;
	border-style: dashed;
	border-width: 1px;
	border-color: lightgray;
}

.abstract-header .header-yeallow-block vaadin-icon,
.tender-header span.budget-info vaadin-icon {
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

.abstract-header .header-yeallow-block p {
	padding: 0px;
	margin: 0px;
}

vaadin-text-area {
	/*- max-height: 400px; */
	overflow: auto;
	box-sizing: border-box;
}

.e-form2 .bottom-block-wrapper,
.e-form2-layout-base .bottom-block-wrapper,
.e-form2-layout .bottom-block-wrapper {
	border-top: 1px solid lightblue;
	padding: 5px;
}

.e-form2 .scrollable-fixed {
	overflow: hidden;
}

.e-form2 h3.collapser-title:before {
	xcontent: '\2192\0000a0';
	xcolor: gray;
	xfont-size: 50%;
}

.e-form2 h3.collapser-title {
	background-color: #efefef;
	width: 100%;
	padding: 2px;
	font-size: 110%;
	color: var(--lumo-body-text-color);
	box-sizing: border-box;
    margin-top: 22px;
    margin-bottom: 8px;
}

.twinCol-mainLayout {
	overflow: hidden;
}

vaadin-context-menu-list-box .menu-item-wrapper vaadin-icon {
	width: 16px;
	margin-right: 5px;
}

vaadin-context-menu-list-box .menu-item-wrapper span {
	vertical-align: middle;
}

.abstract-page-layout {
	padding: 5px;
	box-sizing: border-box;
}

.page-layout-with-hsplitter vaadin-split-layout .primary-panel {
	margin-right: 5px;
}

.page-layout-with-hsplitter vaadin-split-layout .secondary-panel {
	margin-left: 5px;
}

.e-form2 h2.form-title,
.e-form2-layout h2.form-title {
	padding: 5px;
	background-color: lightgray;
	border-radius: 3px;
	margin-left: 0px;
	margin-right: 0px;
    box-sizing: content-box;
}

.dashboard-page .dashboard-wrapper-menu {
	float: right;
}

.dashboard-page .dashboard-panel-wrapper {
	margin-bottom: 10px;
	border: 1px solid darkgray;
	border-radius: 5px;
	box-sizing: border-box;
}

.dashboard-page .column-layout-left {
	padding-left: 0px;
}

.dashboard-page vaadin-split-layout.column-layout-left {
	padding-right: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
}

.dashboard-page vaadin-split-layout.column-layout-left > .epanel {
	margin-top: 10px;
}

.epanel>vaadin-vertical-layout>.header {
	width: 100%;
	background-color: lightgray;
	font-weight: bold;
	padding-left: 5px;
	box-sizing: border-box;
	height: 31px;
}

.organization-dashboard .header {
	background-color: var(--header-background-color);
	padding: 5px;
	border-radius: 5px;
}

.organization-dashboard .statistics {
	background-color: #f0f0f0;
	border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.organization-dashboard .title-layout {
	background-color: #f0f0f0;
	padding: 3px;
	border-radius: 3px;
}

.organization-dashboard .title-layout h3 {
	margin: 0px;
	font-size: 17px;
}

.supplier-dashboard .org-name {
	color: #0067b2;
	font-size: 120%;
	font-weight: bold;
}

.supplier-dashboard .org-external-id {
	font-weight: bold;
}

.supplier-dashboard .statistics .date-info {
	font-size: 80%;
}

.supplier-dashboard .statistics .value {
	margin-top: 10px;
}

.supplier-dashboard .statistics .label vaadin-icon {
	margin-left: 5px;
}

.lifecycle-navigator {
	display: inline-block;
}

vaadin-grid-cell-content vaadin-icon {
	width: 16px;
	height: 16px;
}

vaadin-grid-cell-content vaadin-button vaadin-icon {
	width: 24px;
	height: 24px;
}

/* product grid cell */
.product-grid-cell div.image-wrapper {
	width: 100%;
	
	display: flex;
	align-items: center;
 	justify-content: center;
 	
 	flex-shrink: 1;
 	
 	min-height: 0;
}

.product-grid-cell {
	font-size: 90%;
}

.product-grid-cell div.image-wrapper img {
	max-height: 95%;
	max-width: 95%;
}

.product-grid-cell div.image-wrapper vaadin-icon {
	color: silver;
}


.product-grid-cell .description {
	overflow: hidden;
	height: 70px;
	max-height: 70px;
	min-height: 70px;
	line-height: 120%;
	text-overflow: ellipsis;
	display: block;
	
	-webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
}

.product-grid-cell vaadin-button.title:before {
	display: none;
	content: none;
}

.product-grid-cell vaadin-button.title {
	font-weight: bold;
	display: block;
	padding: 0px;
	text-decoration: none;
	font-size: 110%;
	line-height: 1.4;
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 5px;
}

/* communication */
.conversation
{
      width: 50%;
}

.conversation .conversation-subject
{
    font-weight: bold;
    font-size: 20px;
    padding: 0px;
    margin: 10px;
    border-bottom: 1px solid lightgray;
}

.dashboard-module-switch vaadin-button.active-module-button {
	font-weight: bold;
    border: 2px solid black;
}

.dashboard-module-switch-content .module-button {
	float: left;
	margin-right: 20px;
}

.dashboard-module-switch-content .module {
	clear: both;
	margin-bottom: 10px;
	min-height: 75px;
}

.dashboard-module-switch vaadin-button {
    color: black;
}

.dashboard-module-switch vaadin-button img {
    width: 32px;
}

.dashboard-module-switch span {
	text-align: center;
	width: 100%;
}

.dashboard-module-switch-content .module .module-button img {
    width: 48px;
}

.dashboard-module-switch-content .module .module-button vaadin-button {
    color: black;
    font-weight: bold;
}

h2.main-title {
	background-color: var(--header-background-color);
	width: 100%;
	border-radius: 3px;
	padding: 2px;
	padding-left: 5px;
	font-size: 25px;
	margin: 0px;
	box-sizing: border-box;
}

vaadin-date-time-picker vaadin-date-time-picker-time-picker {
	width: 8em;
	flex-grow: 0;
}

vaadin-date-time-picker vaadin-date-time-picker-date-picker {
	width: 10em;
	flex-grow: 0;
}

vaadin-custom-field vaadin-big-decimal-field {
	width: 14em;
}

vaadin-custom-field vaadin-combo-box:not(.custom-width) {
	width: 14em;
}

vaadin-custom-field.e-abstract-multiple-custom-field3 {
	margin-top: 10px;
}

vaadin-custom-field.multiline-label > label {
    white-space: wrap;
}

.product-grid-cell .image {
	max-width: 95%;
	max-height: 95%;
}

.e-table2.product-search .etable2-grid-layout {
	gap: 10px;
}

.e-table2.product-search .cell-image {
	max-width: 100px;
	max-height: 100px;
}

.product-grid-cell {
	border: 1px solid #c5c5c5;
	border-radius: 5px;
	width: 350px;
	max-width: 350px;
	min-width: 350px;
	
	height: 590px;
	min-height: 590px;
	max-height: 590px;
}

vaadin-context-menu-item vaadin-icon {
	width: 16px;
	margin-right: 10px;
}

a.with-icon vaadin-icon {
	width: 16px;
	margin-right: 5px;
	vertical-align: bottom;
	
}

a.with-icon {
	white-space: nowrap;
}

iframe {
	box-sizing: border-box;
	display: block;
}

iframe {
	border: 1px dashed var(--lumo-contrast-30pct);
	
	height: 100%;
}

.e-form2-layout > vaadin-vertical-layout {
	gap: 10px;
}

.invitation-text .e-form2 iframe {
	
	margin-bottom: 10px;
}

.invitation-text .e-form2 .main-fields-layout,
.invitation-text .e-form2 .main-fields-layout .defBaseGroup {
	height: 100%;
}

.tree-navigation vaadin-grid-tree-toggle {
  pointer-events: none;
}


.e-table2 .grid-item-detail span.label {
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
	width: 100%;
	
}

.small-gap {
	gap: 10px;
}

.small-gap-3px {
	gap: 3px;
}

.invitation-added vaadin-icon {
	color: green;
	margin-right: 5px;
}

.invitations-info-panel {
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: lightyellow;
	border: 1px solid lightgray;
}

.readonly-label {
	line-height: 24px;
	display: inline-block;
}


.buyerPolicySettings .feature-row > div,
.buyerPolicySettings .feature-row-header > span  {
	text-align: center;
	flex-basis: 30px;
	flex-grow: 1;
}

.buyerPolicySettings .feature-row > div {
	background-color: #f9f9f9;
}

.buyerPolicySettings .feature-row > div > span {
	color: transparent;
}

.buyerPolicySettings .feature-row-header > span {
	background-color: lightgray;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 14px;
}

.invalid-weight {
  	font-weight: bold;
  	color: red;
}

vaadin-button.bold {
	font-weight: bold;
}

.srm-score-badge {
	background-color: lightgray;
	font-size: 80%;
	border-radius: 3px;
	padding: 5px;
}

.align-right {
	text-align: right;
}

.e-form2 .incorrect-organization-data input {
	font-weight: bold;
	color: red;
}

div.tender-approving-buttons {
	margin-top: 5px;
   	padding: 5px;
   	border-radius: 4px;
   	background-color: #eeeeee;
   	width: 100%;
   	box-sizing: border-box;
}

div.tender-approving-buttons > vaadin-horizontal-layout {
	justify-content: center;
}

.lf-state-badge {
	white-space: nowrap;
}

.gallery-image-detail {
	object-fit: contain;
	height: 100%;
	max-height: 100%;
	width: 100%;
}

.rate-field-example {
	font-size: 90%;
	font-style: italic;
	margin-bottom: 5px;
	line-height: 20px;
}

.email-confirmation-page #main-text {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin-left: 50px;
	margin-right: 50px;
	line-height: 200%;
}

.rank-badge {
   	border-radius: 13px;
   	padding: 4px;
   	color: #464646 !important;
   	min-width: 20px;
   	background-color: lightgray;
   	text-align: center;
   	display: inline-block;
}

.supplier-current-evaluation-block .title {
	text-align: center;
}

.supplier-current-evaluation-block .score {
	font-weight: bold;
	font-size: 300%;
	padding: 10px;
	border-radius: 35px;
	min-width: 70px;
	text-align: center;
}

.rank-badge-r1 {
	background-color: #9cec9d;
}

.rank-badge-r2 {
	background-color: #ffffe8;
}

.rank-badge-r3 {
	background-color: #ffcbc1;
}

.rank-badge-gray {
	background-color: lightgray;
}

.margin-left-right-auto {
	margin-left: auto;
	margin-right: auto;
}

.invitation-registration-page .sep {
	border: 1px solid lightgray;
	margin-left: 20px;
	margin-right: 21px;
}

.invitation-registration-page .register-login-label {
	font-weight: bold;
}
.green {
	color: green;
}

.red {
	color: red;
}

.line-through {
  text-decoration: line-through;
}

.padding-0 {
	padding: 0px;
}

vaadin-text-field input {
	mask-image: none;
	-webkit-mask-image: none;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

/* issue 503 */
vaadin-tooltip-overlay::part(content) {
  white-space: pre;
}

vaadin-tooltip-overlay::part(overlay) {
    max-width: max-content;
}

span.value-not-entered {
	color: red;
}

.tender-detail-page .procurement-mode .e-table2 .etable-buttons.menu-layout-inline {
	background-color: lightgray;
	padding-left: 5px;
	box-sizing: border-box;
}

.tender-detail-page .procurement-mode .e-table2 .etable-buttons:not(menu-layout-inline) .title-layout-separated {
	background-color: lightgray;
	padding-left: 5px;
	box-sizing: border-box;
}

.tender-detail-page .procurement-mode {
	padding: 3px;
}

.tender-detail-page .procurement-mode .e-table2 {
	border: 1px solid lightgray;
	border-radius: 5px;
	box-sizing: border-box;
}

.tender-detail-page .procurement-mode .e-table2 .etable-buttons:not(menu-layout-inline) .small-gap {
	gap: 2px
}

.tender-detail-page .procurement-mode .e-table2 .etable2-mainlayout.small-gap {
	gap: 0px
}

.tender-detail-page .phase-evaluation-note {
	width: 100%;
	background-color: #eee;
	padding: 3px;
	border-radius: 3px;
	margin-top: 3px;
	margin-bottom: 5px;
	box-sizing: border-box;
}
.tender-detail-page .phase-evaluation-note p {
	margin-top: 2px;
	margin-bottom: 0px;
}
.tender-detail-page .phase-evaluation-note .header {
	background-color: lightgray;
	font-weight: bold;
	padding-left: 3px;
}

.ares-layout-wrapper {
  background-color: #cbebfe;
  padding-left: 10px;
  border-radius: 3px;
}

.error-container .error-detail {
	margin: 0px;
}

.XXXpublic-organization-profile-page .page-root-component,
.XXXpublic-organization-profile-page .public-tender-list {
	height: 100%;
}

.XXXpublic-organization-profile-page .public-organization-header {
	margin-bottom: 10px;
}

.XXXpublic-organization-profile-page .page-root-component {
	display: flex;
	flex-wrap: wrap;
}

.XXXpublic-organization-profile-page .public-organization-header {
	width: 100%;
}

.XXXpublic-organization-profile-page .col {
	flex: 1;
	height: 100%;
}

.XXXpublic-organization-profile-page .col.col-left {
	width: 240px;
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 240px;
}

.XXXpublic-organization-profile-page .col.col-right {
	width: 100%;
	margin-left: 10px;
}

.XXXpublic-organization-profile-page .info-panel {
	font-size: 90%;
}

.XXXpublic-organization-profile-page .info-panel H3 {
	background-color: silver;
	padding: 3px;
}

.XXXpublic-organization-profile-page .info-panel UL {
	padding-left: 10px;
}

.white-background div .mce-content-body {
	background-color: #FAFAFA;
	border: 1px solid #FAFAFA;
	box-sizing: border-box;
	border-radius: 2px;
}


vaadin-menu-bar .menu-item-wrapper vaadin-icon {
	width: 16px;
	margin-right: 5px;
}

vaadin-menu-bar .menu-item-wrapper span {
	vertical-align: middle;
}

vaadin-custom-field.e-role-list-field .role-separator {
	border-bottom: 1px solid lightgray;
	margin-bottom: 5px;
	height: 30px;
}

.page-header .instance-description {
	background-color: rgb(234, 168, 173);
	text-align: center;
	font-weight: bold;
	padding: 2px;
	margin-bottom: 3px;
	width: 100%;
	box-sizing: border-box;
}

vaadin-text-field.error-message-icon vaadin-icon {
	color: darkred;
}

span[slot="helper"] ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 15px;
}

.email-confirmation-page .page-root-component {
	border: 1px solid lightgray;
 	border-radius: 5px;
 	text-align: center;
 	margin: 20px 50px 20px 50px;
 	background-color: lightgreen;
}

.email-confirmation-page .page-root-component br {
	display: none;
}

.email-confirmation-page .page-root-component .thanks {
	font-weight: bold;
	font-size: 150%;
}

.eform2-dataview-InvitationTemplateDetail .invitation-note {
	min-height: 100px;
}

vaadin-button.button-tiny {
	height: 20px;
	font-size: 85%;
}

vaadin-checkbox.nowrap label {
	white-space: nowrap;
}

.icon-warning-gray {
	color: gray;
}

body.theme-green {
	--button-field-background-color: green;
	--lumo-primary-text-color: green;
	--lumo-primary-color: green;
	--lumo-primary-text-color: green;
	--lumo-primary-color-10pct: rgb(232, 238, 232);
	
}

body.theme-green .expenditure-requests-page .field-field_roi INPUT,
body.theme-green .expenditure-requests-page .field-field_estimated-value INPUT,
body.theme-green .expenditure-requests-page .field-field_payback-period INPUT {
	font-weight: bold;
	font-size: 16px;
}

.expenditure-requests-page .auction-chat {
	font-size: 90%;
}

vaadin-split-layout.horizontal-inner-padding > :first-child {
	padding-right: 3px;
}

vaadin-split-layout.horizontal-inner-padding > :last-child {
	padding-left: 3px;
}

.image-tool-dialog .single-image-wrapper {
    border: 1px solid gray;
    border-radius: 3px;
}

.image-tool-dialog .single-image-wrapper div.single-image {
    background: repeating-linear-gradient(45deg, #f8f8f8, #f8f8f8 10px, #f0f0f0 10px, #f0f0f0 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-tool-dialog .single-image-wrapper .info-layout {
    font-size: 90%;
    padding: 5px 3px 3px 3px;
}

.image-tool-dialog .single-image-wrapper .info-layout span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-dialog.server-rules-dialog .server-rules .bottom-block-wrapper {
    border-top: 0px;
}

.news-display-component .news-wrapper {
    width: 100%;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden;
}

.news-display-component .news-title {
    font-weight: bold;
    display: block;
    background-color: silver;
    width: 100%;
    padding: 2px 2px 2px 5px;
    box-sizing: border-box;
}

.news-display-component .news-text {
    box-sizing: border-box;
    background-color: whitesmoke;
    padding: 3px;
    display: block;
    box-sizing: border-box;
}

.eform2-dataview-SimpleTenderCreateForm {
    width: 930px !important;
}

.eform2-dataview-SimpleTenderCreateForm .main-fields-layout {
    xwidth: 930px !important;
}

.eform2-dataview-SimpleTenderCreateForm vaadin-custom-field.e-abstract-multiple-custom-field3 {
    margin-top: 0px;
    padding-top: 3px;
}

.eform2-dataview-SimpleTenderCreateForm .field-panel {
    xpadding: 10px 10px 10px 10px;
    border-radius: 10px;
    border: 1px solid lightgray;
    overflow: hidden;
    box-sizing: border-box;
}

.eform2-dataview-SimpleTenderCreateForm .field-panel vaadin-form-layout {
    margin: 5px 10px 10px 10px;
}

.eform2-dataview-SimpleTenderCreateForm .field-panel > vaadin-vertical-layout > vaadin-vertical-layout > vaadin-custom-field.e-abstract-multiple-custom-field3 {
    margin: 5px 10px 10px 10px;
}

.eform2-dataview-SimpleTenderCreateForm .field-panel h3 {
    margin-top: 0px;
    background-color: transparent;
    padding: 5px 5px 5px 10px;
    xborder-radius: 10px;

}

.eform2-dataview-SimpleTenderCreateForm .field-panel h3 vaadin-icon {
    width: 20px;
    margin-right: 10px;
}

.eform2-dataview-SimpleTenderCreateForm .field-panel h3 span {
    vertical-align: middle;
}

.eform2-dataview-SimpleTenderCreateForm .field-group-headerGroup h3 {
    background-color: #eeebec;
}

.eform2-dataview-SimpleTenderCreateForm .field-group-itemGroup h3 {
    background-color: #d6edf8;
}

.eform2-dataview-SimpleTenderCreateForm .field-group-criteriaGroup h3 {
    background-color: #e2fbe2;
}

.eform2-dataview-SimpleTenderCreateForm .field-group-documentsGroup h3 {
    background-color: #fff9ce;
}

.eform2-dataview-SimpleTenderCreateForm .field-group-suppliersGroup h3 {
    background-color: #eee3f3;
}

.eform2-dataview-SimpleTenderCreateForm .e-simple-documents-field label,
.eform2-dataview-SimpleTenderCreateForm .e-simple-criteria-field label,
.eform2-dataview-SimpleTenderCreateForm .e-simple-suppliers-field label {
    display: none;
}

.eform2-dataview-SimpleTenderCreateForm .field-panel .control-description {
    border: 0;
    background-color: transparent;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
}