/** The menu bar */
div#rgl-mobile-header-bar,
div#rgl-mobile-header-title > a {
    padding-right: 1rem;
    display: inline-block;
    float: right;
    color: white;
}

/** The header containing the logo */
div#rgl-page-header {
    margin-top: 0px;
    background-image: url(images/wiremasters_logo.png);
    background-size: 150px;
    background-color: #ffffff;
}

/** The text next to the session autocomplete inputs */
div#rgl-header-form .rgl-header-form-prompt {
    color: #000000;
}

div#rgl-mobile-home-menu li {
    height: 2rem;
}

div#rgl-mobile-home-menu a {
    line-height: 2rem;
    display: inline-block;
    height: 100%;
}

/** The header potentially containing an action menu */
.rgl-section > .rgl-header:first-child,
.rgl-widget > .ui-widget-header,

    /** Where flyout content is stored */
.rgl-flyout-content {
    border-color: #660000;
}

/** The header of any table such as the line detail on an order */
.rgl-grid-row.rgl-header,
.rgl-table > thead,
thead.rgl-widget-header.rgl-secondary {
    background-color: #b3c3f3;
}

@media all and (max-width: 26.9em) {
    .rgl-section > .rgl-header {
        background-color: #b3c3f3 !important;
    }

    .rgl-grid-row > .rgl-horizontal > label {
        width: 30%;
        float: left;
    }

    .rgl-grid-row > .rgl-horizontal > label + div {
        width: 70%;
        float: right;
    }

    .rgl-grid-row > .rgl-horizontal > div + select {
        float: right;
    }

    .rgl-horizontal:nth-child(odd of :not(.ui-helper-hidden)) {
        background-color: #ccc;
    }

    .cutRow:hover {
        background-color: unset;
    }
}

.quantity-sufficient {
    color: forestgreen;
}

.quantity-sufficient-with-dependency {
    color: dodgerblue;
}

.quantity-insufficient {
    color: orange;
}

.quantity-missing {
    color: red;
}

.quantity-ignored, .quantity-ignored *, .rgl-ignored {
    color: gray;
    text-decoration: line-through !important;
}

.details {
    width: 100% !important;
}

.fake-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

.disabled-link {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
    text-decoration: line-through !important;
}

.customs-background {
    background: right url("/css/images/CUSTOMS.svg") no-repeat;
}


/**
 * Instruction System
 */
.rgl-widget-overflow {
    overflow: visible !important;
}

.wm-instruction-dynamic-value {
    font-style: italic;
}

.wm-instruction-dynamic-value-placeholder {
    color: #00a27d;
}

.instructionAssignmentTable {
    display: flex;
}

.instructionAssignment .rgl-button-icon-only {
    min-width: 18px;
}

.instructionAssignment .filters {
    padding: 5px;
}

.instructionAssignment .filters dl {
    display: inline-block;
    vertical-align: top;
}

.instructionAssignment .groupOperator, .instructionAssignment .ruleOperator {
    font-weight: bold;
}

.instructionAssignment .rulePrefix {
    font-weight: bold; /* "WHEN"-Word */
}

.instructionAssignment .ruleNiceTypeName {
    /* Maybe used in the future? Nice name of the filter/condition */
}

.instructionAssignment .groupOperator {
    color: #E59700;
    text-transform: uppercase;
}

.instructionAssignment .ruleFilterValue {
    color: #00a27d;
}

.instructionAssignment .instruction-not-applicable * {
    color: grey !important;
    font-style: italic;
    text-decoration: line-through;
}

.instructionAssignment .instruction-suppressed * {
    color: #880000 !important;
    text-decoration: line-through;
}

.instructionAssignment .instruction-likely-applicable * {
    font-style: italic;
}

.instructionAssignment .instruction-suppression-inherited * {
    color: #880000 !important;
    text-decoration: line-through;
}

.instructionAssignment .instruction-disabled td:not(.statusColumn, .versionColumn) {
    color: #880000 !important;
    text-decoration: line-through;
}

.instructionAssignment .instruction-not-resolved * {
    color: grey;
    font-style: italic;
}

.instructionEnforcedRules .groupOperator, .instructionEnforcedRules .ruleOperator {
    font-weight: bold;
}

.instructionEnforcedRules .groupOperator {
    color: #E59700;
    text-transform: uppercase;
}

.instructionEnforcedRules .ruleFilterValue {
    color: #00a27d;
}

.instructionEnforcedRules .ruleFilterParameter {
    color: #7d008c;
}

.failed-rule-custom-message {
    font-style: italic;
}

.rgl-inline-information-message
{
    display: inline-block;
    padding: 0.5rem;

    border-style: solid;
    border-radius: 6px;
    border-color: #666666;
}

.rgl-inline-status-message {
    display: inline-block;
    padding: 0.5rem;

    border-style: solid;
    border-radius: 6px;
    border-color: #00ff00;
}

.rgl-inline-warning-message {
    display: inline-block;
    padding: 0.5rem;

    border-style: solid;
    border-radius: 6px;
    border-color: #ea964f;
}

.rgl-inline-error-message {
    display: inline-block;
    padding: 0.5rem;

    border-style: solid;
    border-radius: 6px;
    border-color: #ff0000;
}

/* Classes that will be applied to Rows or Resultsets to show the state of that entity */
.instruction-entity-applicable, .instruction-entity-applicable * {

}

.instruction-rule-context-applicable, .instruction-rule-context-applicable * {

}

.instruction-entity-not-applicable, .instruction-entity-not-applicable * {
    color: grey !important;
}

.instruction-rule-context-not-applicable {
    display: block !important;
}

.instruction-rule-context-not-applicable-note .ui-icon {
    background-image: url('images/ui-icons_cd0a0a_256x240.png') !important;
}

.instruction-entity-not-resolved, .instruction-entity-not-resolved * {
    /* Keep things default */
}

.instruction-rule-context-not-resolved, .instruction-rule-context-not-resolved * {
    /* Keep things default */
}

.instruction-context-notification {
    padding: 5px;
    border: 2px solid black;
}

#rgl-mobile-content .instructionAssignment .rgl-table {
    border-collapse: collapse;
}

#rgl-mobile-content .instructionAssignment .rgl-table th {
    text-align: center;
}

#rgl-mobile-content .instructionAssignmentResults .instruction td {
    padding: 0.4rem 0.2rem;
    border-top: 1px solid black;
}

.break-long-words {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* Tooltip CSS */

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: white;
    color: black;
    text-align: left;
    border-radius: 4px;
    padding: 1px 10px 1px;
    width: auto;
    border: 1px solid black;

    /* Position the tooltip */
    position: absolute;
    z-index: 30;
    left: 105%;
    top: -1px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    /*overflow-wrap: break-word;*/
    /*word-wrap: break-word;*/
    /*-ms-word-break: break-all;*/
    /*word-break: break-word;*/
    /*-ms-hyphens: auto;*/
    /*-moz-hyphens: auto;*/
    /*-webkit-hyphens: auto;*/
    /*hyphens: auto;*/
}

.scrollable-textfield {
    overflow-y: scroll;
    max-height: 200px;

    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    vertical-align: top;
    margin: 0;
    padding: 0.083em 0.25em;
    min-height: 16px;
    *min-height: 0;
}

/* RGL Checkbox styles */
.rgl-checkbox + .ui-button {
    padding: 0.1rem;
}

.rgl-checkbox + .ui-checkboxradio-label {
    background: transparent;
    border: none;
}

.rgl-checkbox + .ui-checkboxradio-label .ui-checkboxradio-icon {
    border: 1px solid #999999;
}

.rgl-checkbox + .ui-checkboxradio-label .ui-icon-background, .rgl-checkbox-positive + .ui-checkboxradio-label .ui-icon {
    background-position: 16px 16px;
!important; /* .ui-icon-blank */
}

/* Default gray */
.rgl-checkbox-negative-blank { /* Required - CSS Minify strange behaviour */
}

.rgl-checkbox-negative-blank + .ui-checkboxradio-label .ui-icon-blank {
    opacity: .35;
    background-position: -80px -128px; /* .ui-icon-close */
    background-image: url('images/ui-icons_454545_256x240.png') !important;
}

/* checked colorized */
.rgl-checkbox-negative + .ui-checkboxradio-label .ui-icon-check {
    background-position: -80px -128px !important; /* .ui-icon-close */
    background-image: url('images/ui-icons_cd0a0a_256x240.png') !important;
}

/* Default gray */
.rgl-checkbox-positive-blank + .ui-checkboxradio-label .ui-icon-blank {
    opacity: .35;
    background-position: -64px -144px; /* .ui-icon-check */
    background-image: url('images/ui-icons_454545_256x240.png') !important;
}

/* checked colorized */
.rgl-checkbox-positive + .ui-checkboxradio-label .ui-icon-check {
    background-position: -64px -144px; /* .ui-icon-check */
    background-image: url('images/ui-icons_2E8B57_256x240.png') !important;
}

.rgl-checkbox-undefined.has-static-property + .ui-checkboxradio-label .ui-icon-check, .rgl-checkbox-undefined.has-static-property + .ui-checkboxradio-label .ui-icon-blank {
    background-position: -80px -144px !important; /* .ui-icon-bullet */
}

.rgl-checkbox-undefined.has-dynamic-property + .ui-checkboxradio-label .ui-icon-check, .rgl-checkbox-undefined.has-dynamic-property + .ui-checkboxradio-label .ui-icon-blank {
    background-position: 0 -144px;
!important; /* ui-icon-alert */
}

/* Quick & Dirty - sorry! */
th button .lf-tooltip {
    transform: scale(0.8);
    margin-top: -2%;
}

.lf-label {
    display: inline-block;
}

.lf-tooltip {
    cursor: help;
}

.standalone-tooltip {
    cursor: help;
    text-decoration: underline dashed;
}

/* Reason list inside an HTML-Tooltip (e.g. the Availability Traffic-Light comment) */
ul.lf-tooltip-list {
    margin: 0;
    padding-left: 1.25em;
}

[title]:not([title=""]) {
    cursor: help;
}

button .lf-label {
    cursor: pointer;
}

.lf-label.lf-label-multiline .ui-icon {
    vertical-align: top;
}

.lf-label.lf-label-inline .ui-icon {
    vertical-align: bottom;
}

.lf-label .lf-label-text {
    display: inline-block;
}

.dev {
    padding: 2px;
    background-color: black;
    color: lawngreen;
    display: block;
    width: max-content;
    margin: 0 auto;
}

.dev-header {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 1px;
    margin-bottom: 1px;
    border-bottom: 1px dashed lawngreen;
}

.dev, .dev * {
    font-family: Consolas, "Lucida Console", monospace !important;
}

/* Markdown html rendering */

.markdown-html {
    line-height: 1.5;
}

.markdown-html code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.95em;
    padding: 0.15em 0.35em;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.1);
}

.markdown-html pre {
    overflow: auto;
    padding: 12px 14px;
    border-radius: 12px;
    background: #0b1020;
    color: #e7eaf0;
    line-height: 1.45;
    margin: 12px 0;
}

.markdown-html pre code {
    background: transparent;
    padding: 0;
    font-size: 0.95em;
    display: block;
    white-space: pre;
}

.markdown-html h1,
.markdown-html h2,
.markdown-html h3,
.markdown-html h4,
.markdown-html h5,
.markdown-html h6 {
    font-weight: 600;
    line-height: 1.25;
    margin: 1.4em 0 0.6em;
}

.markdown-html h1 {
    font-size: 2rem;
    border-bottom: 2px solid rgba(0,0,0,.1);
    padding-bottom: .3em;
}

.markdown-html h2 {
    font-size: 1.6rem;
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding-bottom: .25em;
}

.markdown-html h3 {
    font-size: 1.3rem;
}

.markdown-html h4 {
    font-size: 1.1rem;
}

.markdown-html h5 {
    font-size: 1rem;
    opacity: .85;
}

.markdown-html h6 {
    font-size: .9rem;
    opacity: .7;
}