:root {
  --dark-color: #293456;
  --light-color: #baecff;
  --medium-color: #617bcb;
}

body { font-family: "Open Sans", sans-serif; color: #111;}
img {border: 0;}
dt { font-weight: bold;}
dd { margin: 0 0 1em 2em;}
ul { list-style: disc outside none; margin: 0 0 0.8em 2em;}
li { line-height: 1.5em;}
ol { list-style: decimal outside none; margin: 0 0 0.8em 2em;}
p { margin: 0 0 0.8em 0; line-height: 1.5em;}
h1 {margin: 0 0 1em 0; font-weight: bold; font-size: 200%; line-height: 140%; color: var(--medium-color);}
h2 {margin: 1em 0 0.5em 0; font-weight: bold; font-size: 150%; color: #ddd; line-height: 140%;}
h3 {font-weight: bold; margin-bottom: 0.5em; font-size: 100%; color: #555;}
em {font-style: italic;}
strong {font-weight: bold;}
a { color: #111;}
.link { color: #111; text-decoration: underline; cursor: pointer;}

@media print {
    body { font-size: 10pt; }
}

@media (min-width: 1024px) {
}
@media (max-width: 1023px) {
}

.button {
    display: inline-block; color: #000; padding: 5px; cursor: pointer;
    background: #f0f0f0; border: solid 1px #bbb; border-radius: 2px;
    text-decoration: none;
}
.button-main {
    display: inline-block; background-color: /*#9fc513*/ #00843d; color: #fff; padding: 5px; cursor: pointer;
    border: solid 1px #006b32; border-radius: 2px;
    text-decoration: none;
}

table.listing { border-collapse: collapse; width: 100%;}
table.listing tr {}
table.listing tr th { border-top: solid 1px #999; border-bottom: solid 1px #999; padding: 6px; text-align: left; background-color: #f0f0f0;}
table.listing tr td { border-top: dotted 1px #ddd; border-bottom: dotted 1px #ddd; padding: 6px; line-height: 140%;}
table.listing tr td.help { color: #aaa;}
table.listing tr td.help a { color: #aaa;}
table.listing tr td .button { padding: 2px; }
table.listing tr:hover { background-color: #e0f29f; }
table.compact-listing {font-size: 70%!important;}

table.details { border-collapse: collapse; width: 100%;}
table.details tr th { border: dotted 1px #ddd; border-left: 0; width: 250px; font-weight: normal; text-align: right; padding: 6px; color: #666;}
table.details tr td { border: dotted 1px #ddd; border-right: 0; padding: 6px;}
table.details tr:hover { background-color: /*#e0f29f*/ #ffffb7; }

table.complex { border-collapse: collapse; width: 100%; margin: 0.5rem 0;}
table.complex tr th { border: dotted 1px #ddd; width: 250px; font-weight: normal; text-align: left; padding: 6px; color: #666;}
table.complex tr td { border: dotted 1px #ddd; padding: 6px;}
table.complex td:hover { background-color: /*#e0f29f*/ #ffffb7; }

table.details-form { border-collapse: collapse; width: 100%;}
table.details-form tr th { border: dotted 1px #ddd; border-left: 0; width: 250px; font-weight: normal; text-align: right; padding: 6px; color: #666;}
table.details-form tr td { border: dotted 1px #ddd; border-right: 0; padding: 0px;}
table.details-form tr td.cell-view-field { padding: 6px;}
table.details-form tr td textarea{ height: 120px; border: 0; background-color: #e0f8ff; padding: 0 6px; width: 90%; font-size: 100%; font-family: "Open Sans", sans-serif;}
table.details-form tr td input[type='text']{ border: 0; background-color: #e0f8ff; padding: 0 6px; width: 90%; font-size: 100%; font-family: "Open Sans", sans-serif;}
table.details-form tr td input[type='date']{ border: 0; background-color: #e0f8ff; padding: 0 6px; width: 90%; font-size: 100%; font-family: "Open Sans", sans-serif;}
table.details-form tr td input[type='password']{ border: 0; background-color: #e0f8ff; padding: 0 6px; width: 90%; font-size: 100%; font-family: "Open Sans", sans-serif;}
table.details-form tr td select.full { border: 0; background-color: #e0f8ff; padding: 0 6px; width: 90%; font-size: 100%; font-family: "Open Sans", sans-serif;}
table.details-form tr td select.part { border: 0; background-color: #e0f8ff; padding: 0 6px; font-size: 100%; font-family: "Open Sans", sans-serif;}
table.details-form tr:hover { background-color: /*#e0f29f*/ #ffffb7; }

.details-form-textarea label { margin: 12px 0 0 0;}
.details-form-textarea label { font-weight: normal; padding: 6px; color: #666; display: block;}
.details-form-textarea textarea { height: 120px; border: 0; background-color: #e0f8ff; padding: 0 6px; width: 100%; font-size: 100%; font-family: "Open Sans", sans-serif;}

.form-buttons { margin-top: 32px; text-align:center;}

table.details-form tr td.cell-form-field { background-color: #e0f8ff;}
table.details-form tr td.cell-form-field-hint { padding: 6px; color: #999; width: 150px;}

table.details-form tr th.cell-form-field-with-error { color: red}

.form-errors { color: red; border-top: dotted 1px red; border-bottom: dotted 1px red; margin: 0 0 24px 0; padding: 0;}
.form-errors ul { margin: 24px 36px;}

.cable-bracing-to-replace { background-color: lightsalmon;}
.cable-bracing-to-repair { background-color: greenyellow;}
.cable-bracing-to-inspect { background-color: powderblue;}

/*
.cable-bracing-to-replace { background-color: #ff0000; color: #ffffff!important;}
.cable-bracing-to-replace a { color: #ffffff!important;}
.cable-bracing-to-repair { background-color: orange;}
.cable-bracing-to-inspect { background-color: #ffff00;}
*/

.empty-table-msg { text-align: center; color: #555;}

@media screen {
    .widget { background-color: #fafafa; border-left: solid 12px #f0f0f0; padding: 1em; margin: 0 0 1em 0; }
    .widget h2 { margin: 0 0 0.5em 0;}
    .widget-title { font-size: 120%; font-weight: bold; margin: 0 0 1em 0; color: #555;}
    .widget-important { border-left: solid 12px #0080f2!important; }
    .widget-success { border-left: solid 12px #72fb00!important; background: #d7fbba;}
    .widget-selected { border-left: solid 12px #72fb00!important; }
    .widget-failure { border-left: solid 12px #ff0000!important; }
    .widget-error { border-left: solid 12px #ff0000!important; }
    .widget-warning { border-left: solid 12px #ff0000!important;}
    .widget-task { border-left: solid 12px /*#72fb00*/ yellow!important; background: /*#f0fee4*/ #ffffe0;}
    .widget-task .selected-row { background-color: #ffffff;}
    .widget-buttons { text-align: right;}
    .widget-top-buttons { float: right; text-align: right; margin-bottom: 1em;}
    .widget-wire { background-color: #fdfdfd; border-top: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0; border-bottom: solid 1px #f0f0f0;}
    .widget-placeholder { background-color: #fff; padding: 1em; margin: 0 0 1em 0; border: dotted 1px #ddd; text-align: center; border-left: solid 12px #f0f0f0;}
}

@media screen {
    .notebook {}
    ul.notebook-tabs { border-bottom: solid 1px #015d54; margin: 0!important; padding: 0; list-style-type: 0;}
    ul.notebook-tabs-smaller { font-size: 80%;}
    li.notebook-tab {
        display: inline-block;
        margin: 0; padding: 0.4em;
        color: #015d54;
        cursor: pointer;
    }
    li.notebook-selected-tab { background: #015d54; color: #fff; border: solid 1px #015d54; border-top-right-radius: 7px; border-top-left-radius: 7px;}
    ul.notebook-tabs li a { color: #fff; text-decoration: none;}
    .notebook-page { padding: 1em 0 0 0;}
}

@media print {
    ul.notebook-tabs { display: none;}
}

.empty-listing { font-style: italic; color: #777;}
ul.project-notes { margin: 0; padding: 0; list-style-type: none; border-top: dotted 1px #ddd;}
ul.project-notes li { border-bottom: dotted 1px #ddd; padding: 8px;}
ul.project-notes li.confidential { background-color: #ffffe6;}
ul.project-notes .project-note-meta { color: #555; font-style: italic; text-align: right; margin-top: 6px; font-size: 80%;}

.color-code-ok {}
.color-code-warning { background-color: #ffff80;}
.color-code-error { background-color: #ffbaba;}

.button-menu-trigger {
    font-weight: normal; padding: 0; margin: 0; padding: 5px 15px 5px 5px; display: inline-block;
    background: #f0f0f0 url(/static/img/dropdown-link-inline-menu.png) right center no-repeat;
    cursor: pointer; border: solid 1px #bbb;
    border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
    border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
}

.button-menu { padding: 0; margin: 0; position: absolute; top: 0; background: #f0f0f0; box-shadow: 0 0 2px 2px #ddd; display: none;}
.button-menu ul { padding: 0  0.4em; margin: 0; list-style-type: none; border: solid 1px #bbb;}
.button-menu ul li { padding: 0.2em 0.4em; margin: 0; border-bottom: dotted 1px #aaa; cursor: pointer;}
.button-menu ul li a { text-decoration: none;}

@media print {
    .no-print, .no-print *
    {
        display: none !important;
    }
}

@media screen {
    .no-screen, .no-screen *
    {
        display: none !important;
    }
}