body {
    background-color: #f2f2f2;
}

div#main {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

div#header {
    border-color: #3a3987;
    border-width: 1px;
    border-radius: 1rem;
    border-style: solid;
    background-image: url("/ekis2-1.0/jakarta.faces.resource/images/tls.png.xhtml"), url("/ekis2-1.0/jakarta.faces.resource/images/bg_top.png.xhtml");
    background-position: left, left;
    background-repeat: no-repeat, repeat;
    height: 104px;
    margin-bottom: 0.5rem;
    width: 100%;
}

div#header-rossita {
    font-size: 40px;
    font-family: sans-serif;
    color: #00c650;
    padding-left: 80px;
    padding-top: 25px;
}

div.greeting {
    border-color: #3a3987;
    border-width: 1px;
    border-radius: 1rem;
    border-style: solid;
    background-color: white;
    margin-bottom: 0.5rem;
    width: 100%;
}

a.debug-mode-msg {
    color: red;
    margin-right: 1rem;
}

div.mainContent {
    border-color: #3a3987;
    border-width: 1px;
    border-radius: 1rem;
    border-style: solid;
    background-color: white;
    padding: 0.5rem;
}

html .ui-button {
    color: black;
    border-radius: 1rem;
    border-color: #3a3987;
    border-width: 1px;
    background-color: #bac5dc;
    background-position: top center;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #FFFFFF, #CCD6E8);
}

html .ui-button.ui-state-disabled {
    background-position: unset;
    background-repeat: unset;
    background-image: unset;
    background-color: #d0d0d0;
}

html .ui-inputfield.ui-state-disabled,
html .ui-selectonemenu.ui-state-disabled {
    background-color: #d0d0d0;
}

.ui-cell-editor-output {
    min-height: 1px;
}

.capitalize {
    text-transform: capitalize;
}

.debug-invisible {
    display: none;
    float: none;
    position: static;
    visibility: collapse;
}

.panel-form-layout.two-columns {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    grid-template-columns: 1fr 2fr 1fr 2fr;
    margin-left: 10%;
    margin-right: 10%;
}

.panel-form-layout.one-column {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    grid-template-columns: 1fr 2fr;
    margin-left: 10%;
    margin-right: 10%;
}

.panel-form-layout > .ui-outputlabel {
    display: flex;
    align-items: center;
    justify-content: right;
    margin: 0.5rem;
}

.panel-form-layout.one-column > .ui-outputlabel,
.panel-form-layout.two-columns > .ui-outputlabel.col-1 {
    grid-column: 1;
}

.panel-form-layout.two-columns > .ui-outputlabel.col-2 {
    grid-column: 3;
}

.panel-form-layout.one-column > .ui-inputfield,
.panel-form-layout.two-columns > .ui-inputfield.col-1 {
    grid-column: 2;
}

.panel-form-layout.two-columns > .ui-inputfield.col-2 {
    grid-column: 4;
}

.contract-edit-main-input {
    width: 30rem;
}

.stretch-width {
    width: 100%;
}