/* generated from https://materialtheme.arcsine.dev */
:root {
    /* used for the company name */
    --commodis-blue: #024089;
    --light-commodis-blue: #b3c6dc;
    --dark-commodis-blue: #012a6c;

    /* used for the claim */
    --commodis-gray: #666666;
    --light-commodis-gray: #d1d1d1;
    --dark-commodis-gray: #494949;

    /* text on background */
    --commodis-text: #000000;
    --commodis-background: #fafafa;

    /* employer specific colors */
    --employer-green: #2b8729;
    --light-employer-green: #bfdbbf;
    --dark-employer-green: #1a6a19;

    /* text on background */
    --employer-text: #000000;
    --employer-background: #fafafa;

    /* supplier specific colors */
    --supplier-red: #b82d2d;
    --light-supplier-red: #eac0c0;
    --dark-supplier-red: #a01c1c;

    /* text on background */
    --supplier-text: #000000;
    --supplier-background: #fafafa;

    /* icon font for PrimeFaces */
    --icon-font-familiy: "primeicons";
}

/* ----- general styles ----- */
body {
    width: 1024px;
    font-family: Arial, Verdana, sans-serif;
}

body .ui-widget {
    font-family: Arial, Verdana, sans-serif;
}

a {
    font-size: 11px;
}

a img {
    border: 0;
}

hr {
    border: none;
    background-color: darkgray;
    height: 1px;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}

textarea {
    resize: none;
}

/* bigger button */
input[type = "button"],
input[type = "submit"] {
    width: 100%;
    height: 2em;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    color: rgb(255 255 255);
    cursor: pointer;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family: Arial, Verdana, sans-serif;
    line-height: normal;
    letter-spacing: normal;
    padding: 0.3em 1em;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-rendering: auto;
    text-shadow: none;
    text-transform: none;
    vertical-align: middle;
    word-spacing: 0;
    background: var(--primary-color);
}

.fa-question-circle {
    color: var(--primary-color);

    /* space between text and icon */
    margin-left: 0.4em;
}

table > tbody > tr,
table > tbody > tr > td,
table > thead > tr > th {
    padding: 0;
}

input[type = "text"],
input[type = "password"],
input[type = "checkbox"],
textarea,
select {
    background: white;
    color: black;
    border: 1px solid #c0c0c0;
}

input[type = "text"][disabled],
textarea[aria-disabled = "true"][disabled],
select[disabled],
input[type = "button"][disabled],
input[type = "submit"][disabled] {
    color: graytext;
    background: lightgrey;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: #c0c0c0;
}

input:disabled[type = "radio"] + label,
input:disabled[type = "checkbox"] + label {
    color: rgb(196 196 196);
}

/* color of labels which are not changing */
.static-label {
    color: rgb(127 127 127);
}

.ui-staticmessage > span {
    font-size: 11px;
}

.ui-staticmessage > span:first-child {
    background: none;
    font-family: var(--icon-font-familiy);
    font-size: 22px; /* this is twice the default font-size */
}

.ui-staticmessage .ui-message-info-icon::before {
    content: "\e924";
}

.ui-staticmessage .ui-message-warn-icon::before {
    content: "\e922";
}

.ui-staticmessage .ui-message-error-icon::before {
    content: "\e90c";
}

/* fix for a lack of primefaces-styling in this case */
body .ui-inputgroup .ui-selectonemenu:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}