.text-nowrap {
    white-space: nowrap;
}

span.tooltip {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: red;
    cursor: help;
}

td.status-null {
    background: #c0c0c0a0;
}

td.status-yes {
    background: #80ff80a0;
}

td.status-no {
    background: #ff8080a0;
}

td.status-maybe {
    background: #ffff80a0;
}

span.matrix {
    cursor: help;
}

td .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #c0c0c0a0;
    color: black;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

td:hover .tooltiptext {
    visibility: visible;
}

/*noinspection CssOptimizeSimilarProperties*/
td .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

.ui-datatable table.table-header-rotated {
    border-collapse: collapse;
    width: initial;
}

.ui-datatable table.table-header-rotated thead th,
.ui-datatable table.table-header-rotated tfoot th {
    overflow: visible;
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-datatable table.table-header-rotated tfoot td,
.ui-datatable table.table-header-rotated thead tr.days th {
    border: 1px solid gray;
    background-color: rgba(255, 255, 255, 0.6);
}

.table-header-rotated tfoot td.summary {
    vertical-align: top;
    padding: 2px;
    font-size: small;
    color: black;
}

.csstransforms .table-header-rotated td {
    width: 30px;
}

.no-csstransforms .table-header-rotated th {
    padding: 5px 10px;
}

.ui-datatable .table-header-rotated th.corner {
    vertical-align: bottom;
}

.table-header-rotated td {
    text-align: center;
    padding: 10px 5px;
    border: 1px solid gray;
}

.table-header-rotated th.name {
    text-align: right;
    vertical-align: bottom;
    min-width: 333px;
    max-width: 500px;
}

.table-header-rotated td.name {
    background-color: rgba(255, 255, 255, 0.6);
}

span.overwritten,
.table-header-rotated td.overwritten {
    background-color: #ff8080a0;
    font-weight: bolder;
}

span.new,
.table-header-rotated td.new {
    background-color: #80ff80a0;
}

span.update,
.table-header-rotated td.update {
    background-color: #ffff80a0;
    font-weight: bold;
}

span.overwritten,
span.new,
span.update {
    display: block;
    border-radius: 16px;
    margin: 6px -12px;
    padding: 6px 12px;
}

.footer-token-link {
    text-align: center;
}

.edit-panel td.name,
.table-header-rotated td.name {
    text-align: right;
}

.description-block a,
.table-header-rotated td.name a {
    text-decoration: none;
    color: #0000ff;
}

.csstransforms .table-header-rotated th.rotate {
    height: 166px;
    white-space: nowrap;
}

.csstransforms .table-header-rotated th.rotate > span > div {
    -webkit-transform: translate(25px, 65px) rotate(315deg);
    transform: translate(25px, 65px) rotate(315deg);
    width: 30px;
}

.csstransforms .table-header-rotated th.rotate > span > div > span {
    border-bottom: 1px solid gray;
    padding: 5px 10px;
}

.ui-datatable thead th {
    color: black;
}

.table-header-rotated th.row-header {
    padding: 0 10px;
    border-bottom: 1px solid gray;
}

div.hiding .table-header-rotated tr.non-editable {
    display: none;
}

div.hiding button.toggler-hide {
    display: none;
}

div.showing button.toggler-show {
    display: none;
}

.edit-panel .ui-panelgrid-odd,
.edit-panel .ui-panelgrid-even,
.table-header-rotated .ui-datatable-odd,
.table-header-rotated .ui-datatable-even {
    background: transparent;
    border: 1px solid gray;
}

.table-header-rotated > tbody > tr:hover > td.name {
    background-color: white; /*#f2f5f9;*/
}

/*
table.table-header-rotated {
    margin: 0 auto;
}
*/

table.table-header-rotated tbody.ui-datatable-data {
    background-color: transparent;
}

.edit-panel .ui-panelgrid-odd,
.edit-panel .ui-panelgrid-even,
.edit-panel .ui-panelgrid-odd td,
.edit-panel .ui-panelgrid-even td {
    border: none;
    color: black;
}

.edit-panel .ui-panelgrid-odd td[colspan="2"],
.edit-panel .ui-panelgrid-even td[colspan="2"] {
    padding: 10px 50px;
}

.edit-panel,
.description-block.general {
    margin: 50px auto;
    border-radius: 50px;
    max-width: 1024px;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 1px 20px;
    font-family: Arial, sans-serif;
    font-size: 1.1em;
}

.description-block.downloads {
    margin: 50px auto;
    border-radius: 50px;
    max-width: 1024px;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 1px 20px;
    font-family: Arial, sans-serif;
    font-size: 1.1em;
}

.description-block.downloads ul,
.description-block.downloads h1,
.description-block.downloads h2,
.description-block.downloads p {
    text-align: center;
}

.description-block.downloads ul {
    margin-right: 25px;
    list-style-type: none;
}

div.hiding, div.showing {
    overflow: visible;
    margin: 50px auto;
    border-radius: 50px;
    max-width: 1024px;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 25px 50px 50px 50px;
    font-family: Arial, sans-serif;
    font-size: 1.1em;
}

div.showing .ui-datatable-tablewrapper,
div.hiding .ui-datatable-tablewrapper {
    overflow: visible;
}

/*.edit-panel td.name ::after {
    content: ':';
}*/

.edit-panel tr.header-row td {
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
}

/* Edit view radio buttons */

.gender-selector input[type="radio"]:checked,
.status-selector input[type="radio"]:checked {
    visibility: hidden;
    display: none;
}

.gender-selector input:checked + label,
.status-selector input:checked + label {
    font-weight: bold;
}

.status-selector input[value="YES"] + label {
    cursor: pointer;
}

.status-selector input[value="NO"] + label {
    cursor: not-allowed;
}

.status-selector input[value="MAYBE"] + label {
    cursor: help;
}

.gender-selector input + label,
.status-selector input + label {
    margin-right: 10px;
    margin-left: 4px;
}

.age-selector input + label {
    margin-right: 10px;
}

/*
.gender-selector input[value="MALE"]:checked + label,
.gender-selector input[value="FEMALE"]:checked + label,
.gender-selector input[value=""]:checked + label
*/
.gender-selector input:checked + label {
    margin-left: 0;
}

.gender-selector input[value="male"]:checked + label::before {
    content: "\01F468";
}

.gender-selector input[value="female"]:checked + label::before {
    content: "\01F469";
}

.gender-selector input[value="null"]:checked + label::before {
    content: "\01F60A";
}

/*
.gender-selector input[value=""]:checked {
    visibility: initial;
    display: initial;
}
*/

.status-selector input[value="YES"]:checked + label {
    color: #00b000;
    margin-left: 0;
}

.status-selector input[value="NO"]:checked + label {
    color: #b00000;
    margin-left: 0;
}

.status-selector input[value="MAYBE"]:checked + label {
    color: #808000;
    margin-left: 0;
}

.page-gender-male .status-selector input[value="YES"]:checked + label::before {
    content: "\01F64B\00200D\002642\00FE0F";
}

.page-gender-male .status-selector input[value="NO"]:checked + label::before {
    content: "\01F645\00200D\002642\00FE0F";
}

.page-gender-male .status-selector input[value="MAYBE"]:checked + label::before {
    content: "\01F937\00200D\002642\00FE0F";
}

.page-gender-female .status-selector input[value="YES"]:checked + label::before {
    content: "\01F64B\00200D\002640\00FE0F";
}

.page-gender-female .status-selector input[value="NO"]:checked + label::before {
    content: "\01F645\00200D\002640\00FE0F";
}

.page-gender-female .status-selector input[value="MAYBE"]:checked + label::before {
    content: "\01F937\00200D\002640\00FE0F";
}

.page-gender-null .status-selector input[value="YES"]:checked + label::before {
    content: "\01F64B";
}

.page-gender-null .status-selector input[value="NO"]:checked + label::before {
    content: "\01F645";
}

.page-gender-null .status-selector input[value="MAYBE"]:checked + label::before {
    content: "\01F937";
}

body {
    /*noinspection CssUnknownTarget*/
    background: url("background.jpg.xhtml?ln=img") no-repeat fixed 50% 50%;
    background-size: cover;
}