.hidden {
    display: none;
}

div.horizontal {
    display: inline-block;
}

/*
 * An easy way to set a pointer cursor on any element, just add the clickable
 * class to it.
 */
.clickable {
    cursor: pointer;
}

div.collapsible_header {
    background-color: #eee;
}

body input[type=button],
body input[type=submit],
body button {
    border: revert;
    background: revert;
}

button.collapsible {
    background-color: inherit;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: calc(100% - 20px);
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

button.collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

div.collapsible_header.active,
div.collapsible_header:hover {
    background-color: #ccc;
}

div.collapsible_header.active button.collapsible:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

div.row_content_wrapper {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}

div.widget_wrapper {
    margin: 2px;
}

span.label {
    display: inline-block;
    width: 180px;
}

div.field_info {
    display: inline-block;
    max-width: 200px;
    margin: 2px;
}

div.shiperr {
    margin: 2px;
    color: #ff0000;
}

div.info {
    margin: 2px;
}

#main_outer {
    width: 1060px;
    margin: 0 auto;
}

#top_bar {
    text-align: right;
}

#user_display {
    display: inline-block;
    border-radius: 15px;
    background-color: #1f9170;
    color: #ffffff;
    font-size: 20px;
    padding: 5px;
    margin-bottom: 2px;
    font-family: sand-serif;
    cursor: pointer;
}

#user_menu {
    display: none;
    postion: absolute;
}

#refresh, #scale_refresh {
    cursor: pointer;
}

#sticky_panel {
    border-radius: 25px;
    background-color: #1f9170;
    padding: 25px;
    color: #ffffff;
}

#sticky_shipdate {
    display: block;
    margin: 0px 0px 0px auto;
    border: none 0;
    color: inherit;
    background-color: inherit;
    width: 100px;
}

#order_search_wrapper {
    display: inline-block;
    width: 200px;
    height: 60px;
    border-width: 0 0 2px 0;
    border-style: none none solid none;
}

#ShipperCodeWrapper {
    display: inline-block;
    position: relative;
    top: -29px;
    width: 310px;
    height: 60px;
    border-width: 0 0 2px 0;
    border-style: none none solid none;
}
#weight_div_wrapper {
    display: inline-block;
    position: relative;
    top: -29px;
    height: 60px;
}

#print_button_wrapper {
    display: inline-block;
}

#sticky_panel_1 {
    text-align: center;
}

#sticky_panel_1 div.select_wrapper {
    display: inline-block;
    padding: 20px 10px 15px 10px;
    text-align: left;
    font-size: 11px;
}

#sticky_panel_2 {
    text-align: center;
}

#sticky_panel_2 div {
    border-radius: 15px;
    background-color: #ffffff;
    color: #000000;
    margin: 0;
    padding: 2px 10px 8px 5px;
    font-size: 12px;
    width: auto;
}

#sticky_panel_2 div input[type=checkbox] {
    vertical-align: initial;
    margin: revert;
}

#sticky_panel_2 div input[type=checkbox],
#ProductList .product_select input[type=checkbox] {
    position: relative;
    top: 3px;
    height: initial;
    width: initial;
    min-width: initial;
    appearance: auto;
}

#sticky_panel_2 div input[type=checkbox] + label {
    padding: initial;
    line-height: initial;
    font-family: initial;
}
#sticky_panel_2 div input[type=checkbox]::after,
#ProductList .product_select input[type=checkbox]::after {
    content: initial;
}

#sticky_panel select:disabled {
    opacity: revert;
}

#sticky_panel input[type=text] {
    border: none 0;
    background-color: transparent;
    color: inherit;
    padding: initial;
}

div.ui-menu-item-wrapper {
    background-color: #ffffff;
}

#sticky_panel_1 select,
#sticky_panel_1 div.select_wrapper span.ui-selectmenu-button {
    background-color: inherit;
    margin: 20px 0 0 0;
    font-family: sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    border-width: 0 0 2px 0;
    border-style: none none solid none;
    width: 140px;
    cursor: auto;
    vertical-align: baseline;
    padding: 3px 1px;
    color: #000000;
}

#sticky_carrier,
#sticky_package {
    width: 110px;
}

#sticky_service {
    width: 260px;
}

#sticky_panel option.hidden {
    display: none;
}

#sticky_autoprint_container,
#sticky_void_container,
#sticky_combine_container,
#sticky_email_container,
#sticky_signature_container,
#sticky_insurance_container,
#sticky_post_tracking_container,
#sticky_finalize_container {
    display: inline-block;
    white-space: nowrap;
    text-align: left;
    width: 150px;
    margin: 0 30px 10px 10px;
}

/*
#sticky_signature_container {
    width: 110px;
}
*/

#insurance_amount {
    width: 50px;
}

#main_container {
    display: inline-block;
    width: 66%;
    margin: 20px 30px 15px 30px;
}

#right_container {
    display: inline-block;
    width: 26%;
    float: right;
}

#order_search {
    width: 200px;
    font-family: sans-serif;
    font-size: 25px;
    background-color: inherit;
    color: inherit !important;
    border: 0 none;
}

#order_search:focus {
    color: inherit;
}

#order_search::selection {
    background-color: inherit;
    color: #cccccc;
}

#weight_div {
    display: inline-block;
    float: right;
}

div.weight_container {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 35px;
    margin-top: 4px;
    font-size: 10px;
    font-family: sans-serif;
    text-align: right;
    line-height: 50px;
    color: #dad9da;
    border: 2px solid;
    border-radius: 2px;
}

#weight_lbs, #weight_oz {
    display: block;
    position: absolute;
    width: 60px;
    font-size: 25px;
    line-height: normal;
    text-align: center;
    border: none;
    background: transparent;
}

#weight_lbs {
    color: #dad9da;
}

#weight_oz {
    color: #41b23b;
}

#error_messages div.shiperr {
    color: #ff0000;
}

#error_messages div.info {
    color: #00ff00;
}

#order_display {
    float: left;
}

#no_Email {
    color: ff0000;
}

#middle_container {
    font-size: 50px;
    white-space: nowrap;
    margin-left: 350px;
    margin-top: 50px;
}

#ShipperCode.highlight {
    color: #ff0000;
}

#order_display.display_mode div.display_side {
    display: inline-block;
}

#edit_msg {
    display: none;
}

div.editable,
td.editable {
    position: relative;
}

.editable input {
    display: none;
/*
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: none;
*/
}

div.editable select {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#manual_shipment {
    display: none;
    margin-top: 20px;
}

#manual_shipment div {
    white-space: nowrap;
}

#manual_shipment div span {
    display: inline-block;
    width: 110px;
    text-align: right;
    padding: 3px 5px;
}
#manual_shipment div input.bool_check {
    width: auto;
}

#manual_shipment div input,
#manual_shipment div select {
    width: 350px;
    margin: 1px 5px;
    border: 1px solid black;
}

#manual_shipment div span.bool_check {
    width: 350px;
    text-align: initial;
}

#manual_ShipState_other {
    display: none;
}

#manual_customs {
    display: none;
    width: 820px;
}

div#manual_customs_text input,
div#manual_customs_text select {
    width: 200px;
}

div#manual_customs_text #manual_customs_text_add,
div#manual_customs_select #manual_customs_select_add {
    width: 80px;
}

div.manual_customs_line div {
    display: inline-block;
    width: 100px;
    padding: 5px 7px;
}

div#manual_customs_lines div.manual_customs_line input.manual_customs_qty {
    width: 50px;
    border: none;
    vertical-align: middle;
    font-size: 12px;
}

#manual_customs_lines div.manual_customs_line span.manual_customs_qty_wrapper {
    width: auto;
    height: 20px !important;
    padding: 0;
}

/*
#manual_customs_lines span.manual_customs_qty_wrapper a.ui-spinner-down {
    top: 13px;
}

#manual_customs_lines span.manual_customs_qty_wrapper a.ui-spinner-up {
    margin-top: 4px;
}
*/

div#manual_customs_lines span {
    width: 15px;
    padding: 0;
}

div#manual_customs_lines input {
    width: 60px;
}

#manual_customs_lines img.delete {
    position: relative;
    top: 7px;
}

#customs_container {
    display: none;
}

#order_details {
}

#ProductList {
/*    display: none; */
    margin-bottom: 10px;
    margin-left: 5px;
}

#ProductList th,
#ProductList td {
    padding: 0 5px;
}

#ProductList tbody td.product_void {
    white-space: nowrap;
}

#shipments {
    margin: 5px;
}

#shipments th,
#shipments td {
    padding: 0 5px;
}

#shipments tbody tr.voided {
    text-decoration: line-through;
}



div.customs_hscode,
div.customs_description,
div.customs_qty,
div.customs_price_each,
div.customs_total_price {
    display: inline-block;
}

div.customs_line div {
    margin: 5px;
}

#print_button {
    margin: 10px auto;
    width: 300px;
    height: 60px;
    margin: 0 0 0 20px;
    font-family: sans-serif;
    font-size: 25px;
    text-align: center;
    color: #1f9170;
    background-color: #ffffff;
    border: none;
    cursor: pointer;
    border-radius: 35px;
}

#ui-datepicker-div {
    background: #ffffff;
    border: 1px solid #c5c5c5;
}

#print_frame {
    display: none;
}