body {
    background-color: #fff;
}

textarea {
    resize: none;
}

#content {
    clear: both;
    margin-top: 2em;
}

table.dataTable tbody tr {
    line-height: 2em;
}

table.dataTable tbody tr td span.disabled {
    color: #999;
}

td {
    vertical-align: top;
}

.even {
    background-color: #ffffff;
}

.odd {
    background-color: #eeeeff;
}

.label {
    padding-right: 10px;
    font-weight: bolder;
    text-align: right;
    vertical-align: top;
    width: 50%;
}

.value {
    text-align: left;
    width: 50%;
}

a.button {
    color: #009;
}

div.next-status label {
    float: left;
    box-shadow: 1px 1px 1px 1px #333;
    padding: 0.5em;
    border-radius: 0.5em;
    margin: 0.5em;
    border: 1px solid #bbb;
    background-color: #ccc;
    color: #000;
}

.errordiv {
    border: #1c94c4 solid 1px;
    background-color: #F5F5FF;
    text-align: center;
    margin: 40px auto;
    padding: 10px;
    width: 75%;
}

.warning {
    border: #cccc33 solid 1px;
    background-color: #FFFFF5;
    text-align: left;
    margin: 10px auto;
    padding: 10px;
    width: 75%;
}

.error {
    border: #cc3333 solid 1px;
    background-color: #FFF5F5;
    text-align: left;
    margin: 10px auto;
    padding: 10px;
    width: 75%;
}

table.form {
    width: 100%;
}

table.form th {
    text-align: left;
    border-bottom: 1px #002185 solid;
    padding-top: 20px;
    vertical-align: bottom;
    color: #039;
}

table.form td.label {
    width: 20%;
    vertical-align: middle;
    font-weight: bolder;
    padding-top: 20px;
    color: #669;
}

table.form td.value {
    width: 80%;
    vertical-align: top;
    padding-top: 20px;
}

table.product_view {
    width: 100%;
}

table.product_view td.label {
    width: 20%;
    vertical-align: top;
    font-weight: bolder;
    padding-bottom: 20px;
}

table.product_view td.value {
    width: 80%;
    vertical-align: top;
    padding-bottom: 20px;
}

table.releases {
    width: 100%;
    border: 1px #7099d0 solid;
    border-collapse: collapse;
}

table.releases thead th {
    background-color: #B0B0B0;
    border: 1px #7099d0 solid;
    border-collapse: collapse;
    text-align: center;
    font-size: larger;
    font-style: italic;
}

table.releases td {
    text-align: left;
    border: 1px #7099d0 solid;
    padding: 10px;
}

table.releases tr.subheading {
    background-color: #D0D0D0;
}

.listing {
    line-height: 1.6em;
    font-size: 12px;
    background: #fff;
    border-collapse: collapse;
    text-align: left;
}

.listing th {
    font-size: 14px;
    font-weight: normal;
    color: #039;
    padding: 20px 8px 10px 8px;
    border-bottom: 2px solid #6678b1;
    vertical-align: top;
}

.listing td {
    color: #669;
    padding: 9px 8px 0 8px;
    border-bottom: 1px #CCC solid;
    vertical-align: top;
}

.listing tfoot td {
    border-bottom: 0 #fff solid;

}

.listing tbody tr:nth-child(even) {
    background-color: #f0f0ff;
}

.listing tbody tr:nth-child(odd) {
    background-color: #fff;
}

.listing tbody tr:hover td {
    color: #009;
}

.listing-space td {
    padding: 1em;
    vertical-align: middle;
}

.no-records {
    font-style: italic;
    padding-left: 3em;
}

.addform {
    margin: 0;
    padding: 20px 0 0;
    color: #009;
}

div .box {
    margin: 0 auto;
    width: 500px;
    background-color: #fff;
    position: relative;
    top: 50px;
    border: 1px solid #262626;
}

div .box h1 {
    color: #000;
    font-size: 14px;
    padding: 5px 0 5px 5px;
    border-bottom: 1px solid #161712;
}

div .box label {
    width: 100%;
    display: block;
    background-color: #fff;
    border-top: 1px solid #262626;
    border-bottom: 1px solid #161712;
    padding: 10px 0;
}

div .box label span {
    display: block;
    color: #bbb;
    font-size: 12px;
    float: left;
    width: 100px;
    text-align: right;
    padding: 5px 20px 0 0;
}

div .box .input_text {
    padding: 10px;
    width: 200px;
    border: 1px double #171717;
    border-right-color: #333;
    border-left-color: #333;
}

div .box .message {
    padding: 7px;
    width: 250px;
    border: 1px double #171717;
    border-right-color: #333;
    border-left-color: #333;
    overflow: hidden;
    height: 150px;
}

div .box .button {
    margin: 0 0 10px 0;
    padding: 4px 7px;
    position: relative;
    top: 10px;
    left: 382px;
    width: 100px;
    border: 1px double #660000;
    border-right-color: #f03;
    border-left-color: #f03;
}

dl.left-align {
    clear: both;
    float: left;
    -webkit-margin-start: 0;
    margin-left: 0;
}

dl.left-align dt {
    margin-top: 10px;
    font-weight: bold;
    -webkit-margin-start: 0;
    margin-left: 0;
}

dl.left-align dd {
    -webkit-margin-start: 0;
    margin-left: 0;
    font-weight: bold;
}

#timeout-warning-text {
    position: fixed;
    top: 40%;
    bottom: 40%;
    left: 30%;
    right: 30%;
    z-index: 1501;
    display: none;
    background-color: #fff;
    text-align: center;
    padding-top: 3em;
    vertical-align: middle;
    border: 1px #1c94c4 solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#timeout-warning {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1500;
    display: none;
    background-color: #fff;
}

/* Patch to jQuery UI*/
ul.ui-autocomplete {
    z-index: 1100;
}

.ui-autocomplete {
    max-height: 8em;
    overflow-y: auto;
    overflow-x: hidden;
}

.dashboard-item {
    border: 1px solid #666;
    margin: 0.5em;
    background-color: #fff;
    width: 40%;
    float: left;
    min-height: 10em;
}

.dashboard-item div.dashboard-header {
    text-align: center;
    width: 100%;
    color: #009;
    border-bottom: 1px solid #aaf;
    background-color: #eef;
    min-height: 2em;
    vertical-align: bottom;
    height: 2em;
}

.dialog {
    display: none
}

.hover {
    cursor: help
}

tr.row-cancelled {
    color: #999
}

.rev-bugfix {
    color: #309C3C;
    font-weight: bold;
}

.rev-feature {
    color: #900090;
    font-weight: bold;
}

.rev-newbug {
    color: #A90000;
    font-weight: bold;
}

.all-text p,
.all-text li {
    line-height: 1.4;
    font-size: 14px;
}

.all-text img {
    border: 1px solid #369;
    padding: 1em;
    margin-left: 2em;
    box-shadow: 10px 10px 5px #999;
}

.progress-bar {
    width: 200px;
    float: left;
    margin-left: 1em;
}

.ui-progressbar {
    position: relative;
}

.progress-label {
    position: absolute;
    font-weight: bold;
    width: 100%;
    text-align: center;
    top: 5px;
}

#capture-options {
    width: 100%;
    display: none;
}

#capture-options tr td, #capture-options tr th {
    padding: 1em;
    vertical-align: top;
}

#capture-options thead th {
    font-weight: bold;
    text-align: left
}

#capture-options tr:nth-child(odd) td {
    background-color: #99f;
}

#capture-options tfoot tr td {
    background-color: #fff !important;
}

#capture-options input, #capture-options select {
    width: 170px;
}

.helper {
    font-style: italic;
    color: #336;
    font-size: smaller;
}

#process-btngrp .ui-button {
    width: 19%
}

.revision-history li {
    line-height: 1.4;
    padding-bottom: 1em;
}

.updateQ {
    text-decoration: none;
    border-bottom: 1px #009 dotted
}

.pre-wrap {
    white-space: pre-wrap;
}

div.portal {
    border-collapse: collapse
}

div.portal th {
    border-bottom: solid 1px #111;
    text-align: left;
    padding-left: 5.5em;
}

div.portal {
    width: 100%
}

div.portal td {
    padding-top: 15px;
    margin-top: 15px;
    height: 80px;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

div.portal fieldset {
    border: 2px solid #CCC;
    border-bottom-color: #BBB;
    border-right-color: #BBB;
    margin-top: 2em;
}

div.portal legend {
    font-size: 20px;
    padding: 0 0.7em;
}

.clearfix {
    overflow: auto;
    clear: both
}

.dashboard-entry {
    padding-top: 1em;
    min-height: 6em;
    width: 20%;
    float: left;
}

.dashboard-image {
    margin: 0 auto;
    text-align: center;
}

.dashboard-links {
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 1em;
    font-size: 11px;
}

.dashboard-links > a {
    color: #039 !important;
}

a {
    transition: color .4s;
    color: #265C83;
}

a:link,
a:visited {
    color: #265C83;
}

a:hover {
    color: #7FDBFF;
}

a:active {
    transition: color .3s;
    color: #007BE6;
}

.link {
    text-decoration: none;
}

.header table {
    text-align: left;
    width: 100%;
}

.header td.image-header {
    overflow: hidden;
    width: 50%;
}

.header td.user-header {
    color: #fff;
    width: 50%;
    text-align: right;
    padding: 0 1em 0 0;
    height: 30%;
    margin: 0;
    vertical-align: middle;
}

.header td.user-header a {
    color: #ccf;
}

.header td.user-header a.envelope {
    text-decoration: none;
}

span.tag.product-tag {
    background-color: #F0F8FF;
    padding: 3px;
    border: 1px solid;
    border-radius: 3px;
    vertical-align: middle;
}
.text-center {
    text-align: center !important;
}
              
.btn-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top: 2px solid #333;
    border-radius: 50%;
    animation: btn-spin 0.6s linear infinite;
    margin-left: 8px;
    vertical-align: middle;
}

@keyframes btn-spin {
    to { transform: rotate(360deg); }
}

button:disabled,
input[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}