.top-bar {
    display:flex;
    /*background-color:#15848F !important;*/
	background-color:#55A5B0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.top-bar * {
    /*background-color:#15848F;*/
	background-color:#55A5B0;
    color:white;
}
#title {
    display:flex;
    color:white;
    padding-left:10px;
    font-size: 30px;
}

.menu_items:hover {
    background-color:#15848F !important;
    pointer-events: none;
}

.header-title {
	padding-left: 80px;
}

.header-help {
    float: right;
    margin-right: 2rem;
    margin-top: -80px;
    font-size: 16px;
}

.header-help a {
	background: #1798A5;
}
/*
legend {
    color:darkblue;
    background: none !important;
}

fieldset {
    border:1px black solid;
    padding:10px;
}

h2 {
    color:darkblue;
}

li {
    background-color: white;
    list-style-type: none;
}
*/

.ui-menu-item {
    padding:10px;
    /*border: 1px solid gray;*/
}

.ui-state-disabled.ui-menu-item
{
    color:grey !important;
    font-weight:bold;
}

.ui-state-focus {
    background-color:lightblue;
}
/*
button {
    background-color: darkblue;
}

select, input {
    height:25px !important;
    padding:0px !important;
    padding-left:5px !important;
    margin:0px !important;
}

input {
    border:0px;
}

.input {
    padding-bottom:5px !important;
}

.quantity_input, .amount_input {
    text-align:right;
    padding-right:5px !important;
}

.content {
    width:1080px;
    margin:none;
}

*/
.ui-menu { 
    width:400px;
	z-index: 10 !important;
}
.ui-tabs
{
	z-index: 1 !important;
}

.ui-helper-hidden-accessible {
    display:none;
}
/*
a {
    color: blue;
    line-height: inherit;
    text-decoration: none
}
a:hover,
a:focus {
    color: #0078a0
}

.main_fieldset {
    width:1080px;
    margin:none;
    background-color:white;
}
.text {
    padding:0px !important;
}

div.message {
    text-align: center;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 0 1.5rem 0 1.5rem;
    transition: height 300ms ease-out 0s;
    background-color: #a0d3e8;
    color: #626262;
    top: 15px;
    right: 15px;
    z-index: 999;
    overflow: hidden;
    height: 50px;
    line-height: 2.5em;
    box-radius: 5px;
}

div.message:before {
    line-height: 0px;
    font-size: 20px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
    background-color: #FFF;
    padding: 12px 14px 12px 10px;
    content: "i";
    color: #a0d3e8;
}

div.message.error {
    background-color: #C3232D;
    color: #FFF;
}

div.message.error:before {
    padding: 11px 16px 14px 7px;
    color: #C3232D;
    content: "x";
}
div.message.hidden {
    height: 0;
}

.form button:hover, .form button:focus {
    background: #BE840B;
    box-shadow: none;
}

button {
    background: #966600;
}

ul.pagination li {
    color: rgba(0, 0 ,0 , 0.54);
    background-color:transparent;
}

ul.pagination li a {
    color: rgba(0, 0 ,0 , 0.54);
    background-color:transparent;
}

ul.pagination li.active a {
    background-color: #DCE47E;
    color: #FFF;
    font-weight: bold;
    cursor: default;
}
ul.pagination .disabled:hover a {
    background: none;
}

.paginator {
    text-align: center;
}

.paginator ul.pagination li {
    float: none;
    display: inline-block;
}

.paginator p {
    text-align: right;
    color: rgba(0, 0 ,0 , 0.54);
}

.ui-accordion-header {
    background-color: darkblue !important;
    color: white;
    width:100%;
    list-style-type: arrow;
}

.view h2 {
    color: #6F6F6F;
}

.view .columns.strings {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
    margin-left:0.7rem;
    background-color:#B7E3EC;
}

.view .numbers {
    background-color: #B7E3EC;
    color: #FFF;
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right: 0.7rem;
}

.view .columns.dates {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
    background-color:#DCE47E;
    color: #fff;
}

.view .columns.booleans {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
    background-color: #8D6E65;
    color: #fff;
}

.side-nav {
    background-color: white;
    border: 1px solid darkblue;
    padding: 10px;
}

.report_title {
    color:black !important;
}

*/
.ui-menu-item {
    padding: 0px !important;
}
.ui-menu-item .ui-state-active {
    background:lightblue !important;
}
/*
.calc {
    margin: 0px;
    padding:0px;
    padding-left: 5px;
    padding-right: 5px;
    width: 45px;
    height: 25px;
}

.main_col1 {
    width:400px;
}

.main_col2 {
    width:400px;
    padding-right:0px;
}

#exchangeRate {
    width:200px;
    text-align:right;
    padding-right:5px !important;
}

#total {
    text-align:right;
    padding-right:5px !important;
}

button[type=submit] {
    float:right;
}

.itemQty {
    width:80px;
}

.itemPrice {
    width:100px;
}

.lot_number {
    width:120px;
}

.sub_total {
    width:100px;
}
.subTotal {
    text-align:right;
    padding-right:5px;
}

input.itemPrice {
    text-align:right;
    padding-right:5px !important;
}

input.expensePrice {
    text-align:right;
    padding-right:5px !important;
}

input.expPrice {
    text-align:right;
    padding-right:5px !important;
}

.tax_code_col {
    text-align: right;
    padding-right: 5px;
}

td {
    border: 1px solid black;
}

.main_info label {
    padding-left:5px;
    padding-right:10px;
    white-space: pre;
    vertical-align:middle;
}

*/
#menu > * {
    text-align:left;
}

/* Notes: tables pasted from spreadsheets (webroot/js/notes_paste.js).
   Scoped under .note-body, which wraps the body on Notes/view, in the
   transaction_notes element, and around the add/edit preview. The class
   selectors out-specify base.css's `table` / `table tr td` element rules. */
.note-body { overflow-x: auto; }
.note-body table.note-table {
    width: auto;
    max-width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin: 0.5rem 0 1rem;
}
.note-body .note-table th, .note-body .note-table td {
    border: 1px solid #ddd;
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
    line-height: 1.2;
    vertical-align: top;
    text-align: left;
}
.note-body .note-table thead th {
    background: #e8eef0;
    font-weight: bold;
}
.note-body .note-table th.num, .note-body .note-table td.num {
    text-align: right;
    white-space: nowrap;
}
.note-hint {
    font-size: 0.75rem;
    color: #6f6f6f;
    margin: -0.5rem 0 0.75rem;
}
#body-preview { margin-top: 0.5rem; }
#body-preview:before {
    content: "Preview";
    display: block;
    font-size: 0.75rem;
    color: #6f6f6f;
    margin-bottom: 0.5rem;
}