@charset "utf-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background: url("/static/images/background-tweed.png") repeat scroll 0 0 transparent;
}

:focus {
    outline: 0;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

#dialog-window-message>#wrapper-table {
    position: inherit;
    min-width: auto;
}

#wrapper-table {
    left: 0;
    min-width: 900px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

/* ----------------------------------------
 * HEADER
 * ---------------------------------------- */

.header {
    background-color: #ebebeb;
    box-shadow: 0 3px 9px #222;
    height: 100px;
}

#logo {
    float: left;
    height: 63px;
    padding: 20px 0 20px 15px;
    width: 178px;
}

#topnav {
    width: 533px;
    height: 25px;
    background-image: url(/static/images/green-fade-bg.png);
    float: right;
    text-align: right;
    padding-right: 10px;
}

#topnav .inline li {
    color: #fff;
    display: inline;
    font-size: 11px;
}

#topnav .inline li.name {
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

#topnav a {
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

#topnav a:hover {
    color: #000;
}

#red-logo {
    background-color: #fff;
    background-image: url(/static/images/swirl.png);
    background-repeat: no-repeat;
    clear: right;
    float: right;
    height: 44px;
    padding-right: 40px;
    padding-top: 30px;
    width: 265px;
}

/* ----------------------------------------
 * SIDEBAR
 * ---------------------------------------- */

#leftsidebar {
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 15px;
}

.sidebar {
    width: 180px;
}

.navigation-button {
    background-color: #c1afa5;
    border: 1px solid #464c54;
    box-shadow: 0 0 2px 0 #3d4143;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 2px;
    margin-left: 15px;
    padding-left: 5px;
    padding-top: 4px;
    text-decoration: none;
    text-shadow: 0 1px #767b7f;
    text-transform: uppercase;
    width: 150px;
}

.navigation-button-active {
    background-color: #e0d7d2;
    color: #3d4143;
    text-shadow: 0 1px #bbb;
    text-transform: uppercase;
}

#collections-page-button {
    font-size: 12px;
}

.navigation-button:hover,
.navigation-button-active:hover {
    border: solid 1px #fff;
}

.sidebar-panel {
    margin-left: 15px;
    margin-top: 10px;
    padding: 0px;
    width: 150px;
}

.reuse-collections-hover {
    z-index: 9999;
    display: none;
    position: absolute;
    border-radius: 5px;
    background-color: #c1afa5;
    width: 180px;
}

.reuse-collections-hover p {
    padding: 10px;
    font-size: 12px;
}

.document-metadata-div,
.collection-metadata-div,
.document-report-div,
.collection-report-div {
    background-color: #e8e8e8;
    border: solid 1px;
}

.document-report-div {
    margin-bottom: 15px;
}

.document-metadata-table {
    border-top: solid 1px #fff;
    font-size: 11px;
    padding: 5px 7px 5px 7px;
    width: 100%;
}

.document-metadata-table td {
    text-align: center;
    width: 10%;
}

.collection-warehouse-div {
    padding: 5px 7px 5px 7px;
    font-size: 14px;
}

.show-hide-report-link {
    color: blue;
    text-decoration: none;
}

.document-report-table {
    border-collapse: collapse;
    border-top: solid 1px #fff;
    font-size: 10px;
    padding: 5px 7px 5px 7px;
    width: 100%;
}

.collection-document-div {
    background-color: #e8e8e8;
}

table.collection-metadata-table,
table.collection-report-table {
    width: 100%;
}

table.collection-metadata-table td,
table.collection-metadata-table th,
table.collection-report-table td,
table.collection-report-table th {
    font-size: 11px;
    padding: 6px 5px;
}

table.collection-metadata-table th,
table.collection-report-table th {
    font-weight: bold;
}

table.collection-metadata-table tr:nth-child(odd) {
    background-color: #ddd;
}

table.collection-metadata-table tr:nth-child(even) {
    background-color: #d1d4d6;
}

table.collection-metadata-table td:nth-child(1) {
    text-align: right;
    width: 20%;
    font-weight: bold;
}

table.collection-metadata-table td:nth-child(2) {
    text-align: left;
}

table.collection-metadata-table .collection-metadata-document>p {
    padding: 2px;
}

table.collection-report-table tbody tr:nth-child(odd) {
    background-color: #ddd;
}

table.collection-report-table tbody tr:nth-child(even) {
    background-color: #d1d4d6;
}

table.collection-report-table td:nth-child(1) {
    width: 45%;
    font-weight: bold;
}

table.collection-report-table td,
table.collection-report-table thead tr:nth-child(2) th {
    text-align: left;
}

.document-report-table th {
    font-weight: bold;
    padding: 3px 5px;
    text-align: left;
}

.document-report-table-even-row {
    background-color: #e8e8e8;
    background-image: url(/static/images/light-table-bg.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    padding: 3px 5px;
}

.document-report-table td {
    padding: 3px 5px;
    border-bottom: 1px dotted black;
}

.show-hide-div {
    display: none;
}

#basketlist select {
    font-size: 11px;
    width: 135px;
}

.baskettext {
    border-top: solid 1px #fff;
}

.baskettext,
#basketlist {
    padding-bottom: 5px;
    padding-left: 7px;
    padding-top: 5px;
}

td.sidebar-table-cell p {
    margin: 5px 0 5px 5px;
}

div.sidebar-title {
    background-color: #a5b7c1;
    border-bottom: 1px solid #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    margin: 0;
    padding: 6px 0 0 5px;
    text-shadow: 0 1px #bbb;
    text-transform: uppercase;
}

div.sidebar-subtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    height: 18px;
    margin: 0;
    padding: 3px 0 0 5px;
}

div.sidebar-section {
    background-color: #ebebeb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0 0 5px 0;
}

div.sidebar-section select {
    margin: 5px 0 5px 7px;
    width: 135px;
}

table.sidebar-table {
    font-size: 11px;
    padding: 5px 7px 5px 7px;
    width: 100%;
}

/* ----------------------------------------
 * MAIN CONTENT
 * ---------------------------------------- */

.main-table {
    background: url("/static/images/background-tweed.png") repeat scroll 0 0 transparent;
    padding-right: 10px;
}

#rightcontent {
    margin-top: 15px;
}

#main-content {
    font-size: 12px;
    width: 100%;
}

.maintablenav {
    padding-right: 3px;
}

#chunkcontent ul li {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    list-style-type: none;
    margin-left: 10px;
    margin-top: 5px;
}

#para-chunk-size {
    background-color: #ebebeb;
    color: #69737B;
    margin-left: 15px;
    padding: 4px 4px 2px 4px;
}

/* ----------------------------------------
 * BUTTONS
 * ---------------------------------------- */

.green-button,
.grey-button {
    border: solid 1px #464c54;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    padding: 4px 5px 5px 5px;
    text-decoration: none;
    text-shadow: 0px 1px #767b7f;
    text-transform: uppercase;
}

.green-button {
    background-color: #8cc63f;
}

.grey-button {
    background-color: #94a4ad;
}

.green-button:hover,
.grey-button:hover {
    border: solid 1px #fff;
}

.card-button {
    background-color: #94a4ad;
    border: solid 1px #464c54;
    color: #fff;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    margin: 10px 0 0 22px;
    padding: 4px 5px 5px 5px;
    text-decoration: none;
    text-shadow: 0px 1px #767b7f;
    text-transform: uppercase;
}

.red {
    background-image: url(/static/images/red-btn-bg.gif);
}

.selected {
    color: #000;
    font-size: 12px;
    text-decoration: underline;
}

.selected:hover {
    text-decoration: none;
}

/* ----------------------------------------
 * DATA TABLE OVERRIDES
 * ---------------------------------------- */

table#documents-table thead td.checkbox-padding {
    padding: 10px 10px;
}

table.dataTable thead .sorting {
    background: url("datatables-css/1.13.8/images/sort_both.png") no-repeat center left;
}

table.dataTable thead .sorting_asc {
    background: url("datatables-css/1.13.8/images/sort_asc.png") no-repeat center left;
}

table.dataTable thead .sorting_desc {
    background: url("datatables-css/1.13.8/images/sort_desc.png") no-repeat center left;
}

table.dataTable thead .sorting_asc_disabled {
    background: url("datatables-css/1.13.8/images/sort_asc_disabled.png") no-repeat center left;
}

table.dataTable thead .sorting_desc_disabled {
    background: url("datatables-css/1.13.8/images/sort_desc_disabled.png") no-repeat center left;
}

table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting:after {
    content: none !important;
}

table.dataTable thead {
    background-color: #a5b7c1;
    border-bottom: solid 1px #646d75;
    padding: 3px 5px;
}

table.dataTable thead td {
    padding: 18px !important;
}

table.dataTable tbody tr.document-table-row td,
table.dataTable tbody tr.collection-table-row td {
    padding: 5px 10px;
}

table.dataTable tr.document-table-row:hover,
table.dataTable tr.collection-table-row:hover {
    background-color: #a9a9a9;
}

.collection-table-cell.progress-bar-container {
    width: 200px;
    padding: 0;
}

.progress-bar-container .progress-bar {
    display: inline-block;
    position: relative;
    /* overflow: hidden; */
    background-color: #8CC63F;
    border: 1px solid #ccc;
    border-radius: 15px;
    text-align: center;
    transition: 600ms linear;
}

.progress-bar-container>.progress-bar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image:
        linear-gradient(-45deg,
            rgba(255, 255, 255, .2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            rgba(255, 255, 255, .2) 75%,
            transparent 75%,
            transparent);
    background-size: 50px 50px;
}

.progress-bar-container>.progress-bar:not(.progress-bar-complete):after {
    animation: move 4s linear infinite;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

table.dataTable tr.odd {
    background-color: #ddd;
}

table.dataTable tr.even {
    background-color: #d1d4d6;
}

.dataTables_wrapper div.dataTables_paginate .paginate_button {
    color: #eee !important;
}

.dataTables_wrapper div.dataTables_length,
.dataTables_wrapper div.dataTables_filter,
.dataTables_wrapper div.dataTables_info,
.dataTables_wrapper div.dataTables_processing,
.dataTables_wrapper div.dataTables_paginate {
    color: #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 5px 0 10px 0;
}

.dataTables_wrapper .dataTables_length select {
    background-color: white !important;
    color: black !important;
}

div.dataTables_filter input {
    border: 1px solid #B1B1B1 !important;
    height: 20px !important;
    margin-bottom: 5px !important;
    padding-left: 5px !important;
    background-color: white !important;
    color: black !important;
}

div.dataTables_filter input:focus {
    border: solid 1px #8dc63f;
}

/* ----------------------------------------
 * TABLES
 * ---------------------------------------- */

table tr.document-table-row {
    background-color: #ddd;
}

table tr.collection-table-row {
    background-color: #ddd;
}

table td.spacer {
    height: 5px;
}

table td.spacer-big {
    height: 15px;
}

.tableheader {
    background-color: #a5b7c1;
    border-bottom: solid 1px #646d75;
    padding: 3px 5px;
}

.document-table-cell,
.collection-table-cell {
    border-bottom: solid 1px #a8a8a8;
    font-size: 11px;
    padding: 3px 5px;
}

.document-table-cell>select,
.document-table-cell>select>option {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

table td.document-column-status {
    text-align: right !important;
}

span {
    font-weight: bold;
}

#left {
    float: left;
    margin-top: 20px;
}

#left p {
    color: #ccc;
    font-size: 10px;
    margin-top: 7px;
}

#right {
    float: right;
    margin-top: 39px;
}

/* ----------------------------------------
 * DROPDOWNS
 * ---------------------------------------- */

ul.dropdown {
    /* Allows submenus to be positioned relative to menu */
    position: relative;

    /* Condense the width of the menu to fit */
    display: inline-table;

    border: 1px solid #464c54;

    /* So that the dataTable doesn't go over the dropdowns */
    z-index: 1;
}

ul.dropdown li.mainlistitem a.menu-title {
    text-transform: uppercase;
    text-shadow: 0px 1px #767b7f;
}

ul.dropdown ul {
    /* Hide submenus by default */
    display: none;

    background: #5f6975;
    border-radius: 0px;
    padding: 0;
    position: absolute;
    left: 0px;

    /* Create a scrollbar */
    min-width: 150px;
    max-height: 500px;
    overflow-y: auto;
}

ul.dropdown ul.top {
    top: 100%;
}

ul.dropdown ul.bottom {
    bottom: 100%;
}

ul.dropdown li {
    list-style-type: none;
}

ul.dropdown li a {
    color: #fff;
    cursor: default;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 5px 5px 5px;
    text-decoration: none;
    white-space: nowrap;
}

ul.dropdown ul li {
    background-color: #829198;
    border-bottom: solid 1px #464c54;
    float: none;
    height: 20px;
    position: relative;
}

ul.dropdown li:hover>ul {
    /* Show submenu when hovering */
    display: block;
}

ul.dropdown>li {
    background-color: #94a4ad;
}

ul.dropdown>li>a>b.down-arrow {
    border-bottom: 4px solid transparent;
    border-left: 5px solid #525b60;
    border-top: 4px solid transparent;
    content: "";
    display: inline-block;
    height: 0px;
    margin: 3px 4px 0 6px;
    vertical-align: top;
    width: 0px;
}

ul.dropdown>li>a:hover>b.down-arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #525b60;
    margin: 5px 2px 0 5px;
}

ul.dropdown ul li:hover {
    background-color: #4A5257;
}


/* ----------------------------------------
 * MISC
 * ---------------------------------------- */

h1 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
}

h3 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 13px;
    margin-top: 5px;
}

.shadow {
    box-shadow: 0 0 2px 0 #3d4143;
}

.disabled {
    background-color: #7a9c5d;
    background-image: url(/static/images/green-btn-disabled.jpg);
    background-repeat: repeat-x;
    color: #b4b9bd;
}

.disabled:hover {
    border: solid 1px #464c54;
}

select.style01 {
    border: solid 4px #F00;
}

#mainfooter {
    border-top: solid 1px #464c54;
    padding-bottom: 10px;
    padding-top: 20px;
}

.positioned {
    position: relative;
}

a.document-name {
    color: #000;
}

a.document-name:hover {
    color: #69942f;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

/* ----------------------------------------
 * CREDITS
 * ---------------------------------------- */

div#required-credits td.credit-value {
    text-align: right;
    padding-right: 5px;
}

p.credits-not-charged {
    color: #ff0000;
}

/* ----------------------------------------
 * INPUT PROMPT
 * ---------------------------------------- */

#input-prompt-content {
    border: solid 1px #000;
    box-shadow: 3px 3px 5px 3px #ccc;
}

/* ----------------------------------------
 * ACCOUNT SETTINGS
 * ---------------------------------------- */

table.account-table {
    border-collapse: separate;
    border-spacing: 0px;
    padding: 0px;
}

table.account-table caption {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 13px;
    text-align: left;
}

table.account-table td.spacer {
    height: 5px;
}

table.account-table td.spacer-big {
    height: 15px;
}

table.account-table td.name-field,
table.account-table td.password-field,
table.account-table td.report-field {
    padding-left: 30px;
}

table.account-table td.name-field {
    color: #fff;
    font-size: 14px;
    width: 150px;
}

table.account-table td.info-field {
    border: solid 1px #464c54;
    color: #b2c2cb;
    font-size: 14px;
    overflow: hidden;
    padding: 3px 10px 3px 3px;
    width: 325px;
}

table.account-table td.password-field {
    color: #fff;
    font-size: 14px;
    width: 500px;
}

table.account-table td.password-field input.field {
    height: 30px;
    padding: 0 8px;
    border: 1px solid #b1b1b1;
}

table.account-table td.password-field input.field:focus {
    border: solid 1px #8dc63f;
    box-shadow: 0 0 2px 1px #8dc63f;
}

table.account-table td.report-field {
    color: #fff;
    font-size: 14px;
}

table.account-table td.report-field select {
    background-color: white !important;
    color: black !important;
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    padding: 4px;
}

table.account-table td.report-field .report-select {
    min-width: 200px;
    margin: 0 0 10px 0;
}

table.account-table td.report-field #reportDate {
    padding: 20px 0 0 0;
}

#reports hr {
    margin: 15px 0;
    border-color: #9b9b9b;
}

.hint {
    color: #ebebeb;
    font-size: 12px;
    font-style: italic;
}

span.hint {
    font-weight: normal;
    margin-left: 5px;
}

table.account-table>input#pass1,
table.account-table>input#pass2 {
    background-color: #ebebeb;
    padding: 4px 4px 2px 4px;
}

table.account-table>div.success-message {
    color: #acd473;
    font-weight: bold;
    margin-left: 15px;
}

table.account-table>div.failure-message {
    color: #bE1316;
    font-weight: bold;
    margin-left: 15px;
}

.hide {
    display: none;
}

/* ----------------------------------------
 * REPORTS
 * ---------------------------------------- */

/* This hides the days in the calendar so that 
   the user can only select a month and year. */
.ui-datepicker-calendar {
    display: none;
}

/* This makes the effect of the previous rule less ugly.
 */
.ui-datepicker-header {
    margin-bottom: 0.2em;
}

/* ----------------------------------------
 * LANDING PAGE
 * ---------------------------------------- */

td.padding-column {
    width: 10px;
}

td.welcome-column {
    background-color: #ebebeb;
    width: 620px;
}

td.login-column {
    background-color: #ebebeb;
    min-width: 400px;
}

div#welcome-image {
    background-image: url(/static/images/placeholder-img.jpg);
    background-repeat: no-repeat;
    height: 377px;
    margin: 10px 10px 0px 10px;
    position: relative;
    width: 604px;
}

div#welcome-container {
    position: absolute;
    left: 20px;
    top: 30px;
}

div#welcome-container p.welcome-text {
    color: #fff;
    font-size: 24px;
}

div#welcome-container p.subtext {
    color: #4c4d4f;
    font-size: 14px;
}

div#migrate-version {
    color: #fff;
    font-size: 24px;
    position: absolute;
    left: 545px;
    top: 30px;
}

div#migrate-version p.version {
    color: #fff;
    font-size: 24px;
}

div#migrate-version span.large {
    color: #fff;
    font-size: 30px;
}

div#moreinfo-container {
    background-color: #3A7735;
    margin: 3px 10px 10px 10px;
}

div#moreinfo-container a {
    margin-left: 400px;
}

div#moreinfo-container a button {
    border: 1px solid black;
}

div#moreinfo-container a button:hover {
    border: 1px solid white;
}

.footer-border {
    background: url("/static/images/background-tweed.png") repeat scroll 0 0 transparent;
}

.footer-link {
    color: #8dc63f;
    text-decoration: none;
}

.footer-link:hover {
    color: #fff;
}

.footer a,
.footer a:visited,
.footer a:hover,
.footer a:active {
    color: inherit;
}

.footer {
    margin-top: 2px !important;
}

/* ----------------------------------------
 * LOGIN
 * ---------------------------------------- */

.login #header h1 {
    font-size: 16px;
}

div#login-warning {
    margin: auto;
    height: 50px;
    width: 300px;
}

div#login-warning p#login-warning-message {
    margin: 10px 0;
    border-radius: 3px 3px 3px 3px;
    color: #9F6000;
    font-size: 16px;
}

div#login-container {
    margin: auto;
    height: 200px;
    width: 300px;
}

div#login-container p#login-title {
    padding: 10px 0 10px 0;
    color: #000;
    font-size: 16px;
}

div#login-container div#login-card {
    box-sizing: border-box;
}

div#login-fields input {
    height: 30px;
    padding: 0 8px;
}

div#login-fields input.field {
    border: 1px solid #b1b1b1;
    display: block;
    margin-bottom: 5px;
    width: 80%;
}

div#login-fields input.field:focus {
    border: solid 1px #8dc63f;
    box-shadow: 0 0 2px 1px #8dc63f;
}

div#login-card div#login-buttons {
    margin-top: 20px;
}

div#login-card button#login-button {
    width: 110px;
}

div#login-buttons span#password-reset {
    color: #8dc63f;
    direction: ltr;
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin-left: 30px;
}

div#login-buttons span#password-reset a {
    color: #000;
    text-decoration: none;
}

div#login-buttons span#password-reset a:hover,
div#login-buttons span#password-reset a:focus {
    color: #8dc63f;
    text-decoration: underline;
}

div#login-container div#login-message {
    margin-top: 20px;
}

div#login-container div#login-message p#login-failure-message {
    color: #dd4b39;
}


/* ----------------------------------------
 * PASSWORD RESET
 * ---------------------------------------- */

.reset-center {
    margin: auto;
    width: 590px;
}

div.reset-center p.reset-title {
    padding: 10px 0 10px 0;
}

div.reset-card {
    box-sizing: border-box;
}

div.reset-card input {
    height: 30px;
    padding: 0 8px;
}

div.reset-card input.field {
    border: 1px solid #B1B1B1;
    display: block;
    margin-bottom: 5px;
    width: 190px;
}

div.reset-card .card-button {
    margin: 10px 0 0 0;
}

div.reset-card input.field:focus {
    border: solid 1px #8dc63f;
    box-shadow: 0 0 2px 1px #8dc63f;
}

div.reset-card input.button {
    float: left;
    margin-bottom: 5px;
    margin-left: 22px;
    margin-top: 10px;
    width: 100px;
}

div.reset-center p.password-hint {
    color: #000000;
    direction: ltr;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 5px;
    margin-left: 22px;
    margin-right: 24px;
    margin-top: 16px;
    text-align: left;
}

div.reset-center .reset-failure {
    color: #dd4b39;
    display: block;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 17px;
    text-align: left;
}

div.reset-center .reset-failure h3 {
    color: #dd4b39;
    font-size: 16px;
}

div.reset-center .reset-help-message {
    clear: both;
    padding: 40px 0 0 0;
}

div.reset-center .reset-help-message p {
    margin: 0 0 15px 0;
    font-weight: bold;
}

div.reset-center .reset-help-message ol {
    padding: 0 35px;
}

div.reset-center .reset-help-message ol li {
    margin: 10px 0;
}

div.reset-complete {
    margin: auto;
    text-align: center;
    width: 300px;
}

div.reset-complete h2 {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left;
}

div.reset-complete p {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
}



/* ----------------------------------------
 * UPLOAD PAGE
 * ---------------------------------------- */

div#upload-container div#action-buttons {
    margin-top: 10px;
    margin-bottom: 10px;
}

div#upload-container div#mass-actions {
    margin-top: 10px;
    margin-bottom: 10px;
}

div#upload-container div#action-buttons input#file-chooser-input {
    display: none;
}

div#upload-container div#action-buttons #upload-button {
    display: none;
}

div#upload-container div#mass-actions #mass-select-importer {
    display: none;
}

div#upload-container .upload-row {
    border: 1px solid #464c54;
}

div#upload-container table {
    width: 100%;
}

div#upload-container td {
    border-bottom: 1px solid #a8a8a8;
    height: 20px;
    padding: 10px 10px 10px 10px;
}

div#upload-container table tr:nth-child(even) {
    background-color: #d1d4d6;
}

div#upload-container table tr:nth-child(odd) {
    background-color: #ddd;
}

div#upload-container table tr:hover {
    background-color: #a9a9a9;
}

div#upload-container td.checkbox {
    width: 20px;
}

div#upload-container td p {
    margin-bottom: 5px;
}

div#upload-container td.size {
    width: 100px;
}

div#upload-container td.status {
    width: 300px;
}

div#upload-container td.progress {
    width: 100px;
}

table#upload-queue td.delete {
    width: 20px;
}

.red-alert {
    color: #ed1b24;
}

/* ----------------------------------------
 * HEADER
 * ---------------------------------------- */

div.error-box {
    margin: 50px 10px 50px 10px;
    padding: 10px 10px 10px 100px;
}

p.error-text {
    color: #CCCCCC;
    font-size: 30px;
    text-align: center;
}

a.help-link {
    color: #8dc63f;
    text-decoration: none;
}

a.help-link:hover {
    text-decoration: underline;
}


/* ----------------------------------------
 * Popup windows
 * ---------------------------------------- */

img.right {
    float: right;
}

/* ----------------------------------------
 * Error messages
 * ---------------------------------------- */

ul.error-list {
    padding-left: 25px;
}


/* ----------------------------------------
 * DIALOG WINDOWS
 * ---------------------------------------- */

div#dialog-window ul li {
    list-style-position: inside;
}

/* ----------------------------------------
 * SITE-WIDE NOTICE BANNER
 * ---------------------------------------- */
/* ============================================================
   Site-wide Notice Banner
   Types supported:
   - information  (FYI)
   - attention    (acknowledgement required)
   - urgent       (time-sensitive)
   ============================================================ */

.site-banner-cell {
  padding: 0;
}

/* --------------------
   Base banner styling
   -------------------- */

.site-banner {
  width: 100%;
  color: #102a43;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04);
}

/* Layout */
.site-banner-content {
  display: flex;
  align-items: flex-start;
  gap: 14px;

  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 18px;

  border-left: 6px solid transparent;
}

/* Icon */
.site-banner-left {
  padding-top: 2px;
}

.site-banner-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 999px;

  color: #fff;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

/* Text */
.site-banner-text {
  flex: 1 1 auto;
}

.site-banner-title {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 4px;
}

.site-banner-title strong {
  font-size: 14px;
  font-weight: bold;
}

.site-banner-version {
  font-size: 12px;
  color: #334e68;
}

.site-banner-body {
  font-size: 13px;
  line-height: 1.5;
}

.site-banner-link {
  margin-top: 6px;
  font-size: 13px;
}

.site-banner-link a {
  text-decoration: underline;
}

/* Action */
.site-banner-action {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.site-banner-button {
  color: #fff;
  border: none;
  padding: 7px 14px;
  font-size: 13px;
  cursor: pointer;
  border-radius: 4px;
  font-weight: bold;
  white-space: nowrap;
}


/* ============================================================
   TYPE: information (FYI)
   ============================================================ */

.site-banner.information {
  background-color: #eef5ff;
  border-top: 1px solid #cfe0f7;
  border-bottom: 1px solid #cfe0f7;
}

.site-banner.information .site-banner-content {
  border-left-color: #4c7fd6;
}

.site-banner.information .site-banner-icon {
  background-color: #4c7fd6;
}

.site-banner.information .site-banner-button {
  background-color: #4c7fd6;
}

.site-banner.information .site-banner-link a {
  color: #1f4fa3;
}


/* ============================================================
   TYPE: attention (acknowledgement required)
   ============================================================ */

.site-banner.attention {
  background-color: #eaf2ff;
  border-top: 1px solid #b7cff3;
  border-bottom: 1px solid #b7cff3;
}

.site-banner.attention .site-banner-content {
  border-left-color: #2b6cb0;
}

.site-banner.attention .site-banner-icon {
  background-color: #2b6cb0;
}

.site-banner.attention .site-banner-button {
  background-color: #2b6cb0;
}

.site-banner.attention .site-banner-link a {
  color: #0b4f9c;
}


/* ============================================================
   TYPE: urgent (time-sensitive, high priority)
   ============================================================ */

.site-banner.urgent {
  background-color: #fff4e5;
  border-top: 1px solid #f0d9b5;
  border-bottom: 1px solid #f0d9b5;
}

.site-banner.urgent .site-banner-content {
  border-left-color: #b7791f;
}

.site-banner.urgent .site-banner-icon {
  background-color: #b7791f;
}

.site-banner.urgent .site-banner-button {
  background-color: #b7791f;
}

.site-banner.urgent .site-banner-link a {
  color: #7b4a0b;
}