/******************************************************************************
 *** Reset everything - this will help with cross-browser compatibility.
 *****************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/******************************************************************************
 *** Set the basics.
 *****************************************************************************/
body
{
    background-color: #eee;
    font-family: Verdana, sans-serif;
    font-size: 12px;
}

.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.float_left { float: left; }
.float_right { float: right; }
.hidden { display: none; }

ul { list-style: none; }

h1, h2, h3, h4 { font-weight: bold; }

h1
{
    font-size: 1.5em;
    margin: 0 0 20px 0;
}

h2 { font-size: 1.25em; }

h2.secondary_heading
{
    font-size: 1.1em;
    margin: -10px 0 20px 0;
}

h3 { font-size: 1.1em; }

p { margin: 1em 0; }
p.short { width: 45%; }

del { text-decoration: line-through; }

/******************************************************************************
 *** Better Sections
 *****************************************************************************/

section.better-section {
    margin: 2em 0;
}

section.better-section h2 {
    margin-bottom: 0.5em;
}

/******************************************************************************
 *** Forms
 *****************************************************************************/

form div.form_item { margin: 15px 0; }

form div.form_item label
{
    display: block;
    font-weight: bold;
}

form div.form_item input[type=text],
form div.form_item input[type=password]
{
    line-height: 1.5em;
    padding-left: 3px;
    width: 18em;
}

form select,
form input
{
    margin-left: 0;
}

form div.form_item select { min-width: 18.5em; }
form div.form_item select.small { min-width: 5em; }

form div.form_item select.date
{
    margin-right: 20px;
    min-width: 5em;
}

form div.form_item input[type=submit] { line-height: 1.2em; }
form div.form_item input.go_button { width: 3em; }
form div.form_item input.gray { color: #aaa; }
form div.form_item input.small { width: 5em; }
form div.form_item input.small_2 { width: 10em; }
form div.form_item input.extra_long { width: 40em; }
form div.form_item span.note { margin-left: 20px; }

form div.inline
{
    float: left;
    margin-right: 20px;
}

form div.one_line label,
form div.one_line input
{
    float: left;
    margin-right: 20px;
}

form div.one_line input { margin-top: -3px; }

form div.radio_group label { float: left; }

form div.radio_container
{
    float: left;
    padding: 0 7px;
    margin-top: -2px;
    margin-left: 15px;
}

form div.radio_group div.radio_container input { margin-left: 20px; }
form div.radio_group div.radio_container input:first-child { margin-left: 0px; }

form div.display_options
{
    margin: 3em 0 1em 0;
}

form div.display_options select,
form div.display_options input[type="submit"]
{
    float: left;
    margin-right: 8px;
}

form div.display_options select { margin-top: 5px; }

form div.display_options input[type=submit]
{
    background-color: #ddf;
    font-size: .9em;
    line-height: 1.5em;
    width: 6.5em;
}

form div.display_options div.date_select
{
    float: left;
    margin: -15px 10px 0 0;
}

form div.display_options div.first_date
{
    margin-left: 20px;
    margin-right: 20px;
}

form div.display_options div.date_select label
{
    display: block;
    font-weight: bold;
}

form div.display_options div.date_select input[type=submit]
{
    float: left;
    margin: 0px 0 0 10px;
    width: 40px;
}

/******************************************************************************
 *** Color scheme
 *****************************************************************************/

.color_neutral { background-color: #ddf; }
.color_customers { background-color: #92c47d; }
.color_inventory { background-color: #de7d6a; }
.color_products { background-color: #fed966; }


/******************************************************************************
 *** Some layout basics
 *****************************************************************************/

div#current_user
{
    font-size: .9em;
    left: 0;
    position: absolute;
    top: -18px;
}

div#wrapper
{
    border: solid 1px #000;
    margin: 20px auto;
    padding: 20px 30px;
    position: relative;
    width: 960px;
}

div#popup_bgd
{
    background-color: black;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
    opacity: 0.6;
    position: absolute;
    width: 100%;
}

#popup
{
    background-color: #fff;
    border: solid 2px #000;
    left: 50%;
    display: none;
    padding: 2em;
    top: 100px;
    margin-left: -15em;
    position: absolute;
}

#popup a#close_button
{
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
    color: #000;
    font-size: .9em;
    overflow: hidden;
    padding: 1px 4px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
}

form#order_search
{
    right: 30px;
    position: absolute;
    top: 0px;
}

div.buttons a
{
    border: solid 1px #000;
    color: #000;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
}

div.buttons a:first-child { margin-left: 0 !important; }

ul li.total
{
    font-weight: bold;
    margin-top: 10px;
}

.error { border: solid 1px Red; }

/******************************************************************************
 *** Displaying of notes.
 *****************************************************************************/

div#notes,
div.notes { margin: 20px 0; }

div#notes div.note,
div.notes div.note
{
    background-color: #fff;
    border: solid 1px #000;
    margin-top: 30px;
    padding: 10px 5px;
    position: relative;
    width: 50%;
}

div#notes div.note span,
div.notes div.note span
{
    font-style: italic;
    top: -1.5em;
    left: .2em;
    position: absolute;
}

div#notes div.note pre,
div.notes div.note pre { white-space: pre-wrap; }


/******************************************************************************
 *** Displaying details about something at the top of the page.
 *****************************************************************************/

div#details
{
    border: solid 1px #000;
    margin: 20px 0;
    padding: 15px 10px;
    position: relative;
}

div#details ul
{
    float: left;
    width: 60%;
}

div#details ul li { margin-top: 5px; }

div#details ul li ul
{
    float: none;
    margin-left: 20px;
}

div#details div.actions
{
    float: right;
    width: 40%;
}

div#details div.actions div.row {
    margin-top: 20px;
}

div#details div.actions div.row a
{
    float: right;
    margin-right: 20px;
}

div#details div.actions div.row a:first-child { margin-right: 0; }

div#details div.actions div.row a.button {
    line-height: 2em;
}

div#details div.actions #delete_link {
    color: #cc3333;
    position: absolute;
    bottom: 0;
    right: 20px;
    font-size: 0.9rem;
}

div#details h1 { margin-bottom: 10px; }
div#details h3 { margin-bottom: 15px; }
div#details h3 a { text-decoration: none; }

div#details a.add_item
{
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  margin: -1em 0 -0.7em 0;
  text-align: right;
  text-decoration: none;
}


/******************************************************************************
 *** Little header used to display next/previous page
 *****************************************************************************/

div#pages
{
    font-size: .9em;
    margin: 0 0 1em 0;
}

div#pages a { text-decoration: none; }


/******************************************************************************
 *** Links formatted as buttons
 *****************************************************************************/

a.button,
form input.button
{
    background-color: #066e99;
    border: solid 1px #000;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 3em;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    width: 12em;

    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}


/******************************************************************************
 *** tables
 *****************************************************************************/

table
{
    border-collapse: separate;
    border-spacing: 0 12px;
    width: 75%;
}

table caption
{
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
}

table tbody tr:nth-child(odd) { background-color: #bbf; }
table tbody tr:nth-child(even) { background-color: #ddf; }
table tr th { background-color: transparent; }
table tbody tr.heading { background-color: transparent; }

table tr td
{
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    padding: 5px 10px;
    vertical-align: middle;
}

table tr td:first-child { border-left: solid 1px black; }
table tr td:last-child { border-right: solid 1px black; }

table tr td ul li { margin: 3px 0; }

table tr td.action a.button
{
    float: right;
    font-size: .9em;
    line-height: 2em;
    margin-right: 12px;
    width: 6em;

    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

table.nested caption,
table.nested tr.headings
{
    background-color: transparent;
}

table tr.heading td
{
    border: none;
    font-style: italic;
    line-height: 1em;
    padding: 10px 0 0 0;
}

table.nested tr td:first-child { width: 150px; }
table.nested tr td ul.table { width: 100%; }

table.nested tr td.action
{
    padding: 0;
    width: 100px;
}

table.nested tr td.action a.button
{
    float: none;
    margin: 0 auto;
}

table.nested tr td ul
{
    border-left: solid 1px Black;
    border-right: solid 1px Black;
    margin: -5px 0;
    width: 100%;
}

table.nested tr td ul li
{
    border-bottom: solid 1px black;
    padding: 0 5px;
    line-height: 2.5em;
    margin: 0;
}

table.nested tr td ul li:last-child { border-bottom: none; }

table.compact { border-spacing: 0 5px; }

table.short { width: 50%; }

/** Standard Display Table **/

table.statistics thead
{
    font-size: .9em;
    font-weight: bold;
}

table.statistics thead th { vertical-align: bottom; }
table.statistics tr { background-color: transparent; text-align: center; }

table.statistics tr td
{
    line-height: 2em;
    padding: 0 1em;
}

table.statistics td:first-child,
table.statistics th:first-child
{
    text-align: left;
}

table td.clip_text
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*** Show data from a single record. ***/

body.show_record div.data label
{
    display: block;
    text-decoration: underline;
}

body.show_record div.data p { margin: 3px 0 20px 0; }


/******************************************************************************
 *** For a text heavy area of a page.
 *****************************************************************************/

div#text_block
{
    background-color: #fff;
    border: solid 1px #333;
    padding: 20px;
    width: 60%;
}

/******************************************************************************
 *** Page Specific Formatting
 *****************************************************************************/

/*** Home Page ***/

body#admins_home div#context_navigation { width: 100%; }

body#admins_home div#main_sections { margin: 30px 0 40px 0; }

body#admins_home div#main_sections .group {
    float: left;
    font-size: 1.2em;
    line-height: 150px;
    margin-left: 7.5%;
    width: 28.1%;
}

body#admins_home div#main_sections .group:first-child { margin-left: 0; }

body#admins_home div#main_sections .group a:first-child {
    margin-top: 0;
}

body#admins_home div#main_sections .group a
{
    clear: both;
    margin-top: 10px;
    width: 100%;
}

body#admins_home div#main_sections .group .vertical_half {
    line-height: 70px;
}

body#admins_home div#main_sections a.customer_orders { background-color: #92c47d; }
body#admins_home div#main_sections a.vendor_orders { background-color: #fed966; }
body#admins_home div#main_sections a.inventory { background-color: #de7d6a; }

body#admins_home div#quick_action_links { margin: 20px 0; }

body#admins_home div#quick_action_links .group {
    margin-bottom: 10px;
    overflow: hidden;
}

body#admins_home div#quick_action_links a
{
    font-size: 1.1em;
    line-height: 3em;
    margin-left: 4.5%;
    width: 21.3%;
}

body#admins_home div#popup form em,
body#admins_home div#popup form i
{
    display: block;
    font-size: .9em;
    max-width: 30em;
}

body#admins_home div#popup form em
{
    color: #f00;
    margin: 7px 0;
}

body#admins_home div#popup form i
{
    margin: 15px 0;
}

body#admins_home div#popup form textarea
{
    width: 18em;
    height: 7em;
}

body#admins_home div#sales_summary
{
    border-top: solid 2px #333;
    margin-top: 4em;
    padding-top: 2em;
}

body#admins_home div#sales_summary table
{
    border-collapse: collapsed;
    border-spacing: 0 0;
    float: left;
    margin-left: 1%;
    width: 32%;
}

body#admins_home div#sales_summary table thead th
{
    text-align: left;
    line-height: 2em;
    font-weight: bold;
    font-size: .9em;
}

body#admins_home div#sales_summary table thead th.first
{
    font-size: 1.1em;
    padding-left: 15px;
    border-left: solid 1px #333;
}

body#admins_home div#sales_summary table thead th.dollar { width: 100px; }
body#admins_home div#sales_summary table thead th.percent { width: 70px; }

body#admins_home div#sales_summary table.first thead th.first
{
    border-left: none;
    padding-left: 0;
}

body#admins_home div#sales_summary table.first
{
    margin-left: 0;
}

body#admins_home div#sales_summary table tr {
  background-color: transparent;
}

body#admins_home div#sales_summary table tr td
{
    border: none;
    line-height: 1.5em;
    padding: 0;
}

body#admins_home div#sales_summary table tr td.first
{
    border-left: solid 1px #333;
    padding-left: 15px;
    width: 90px;
}

body#admins_home div#sales_summary table.first tr td
{
    border-left: none;
    padding: 0;
}

body#admins_home div#sales_summary table tr.total td
{
    font-size: .9em;
    font-weight: bold;
    line-height: 2.5em;
}

/*** B2b Opened Invoices ***/

body#statistics_b2b_open_invoices table {
    width: auto;
}

body#statistics_b2b_open_invoices table thead { text-align: left; }
body#statistics_b2b_open_invoices table thead th a { text-decoration: none; }
body#statistics_b2b_open_invoices table tr td { padding-right: 2em; }

/*** Key Stats Summary ***/

body#statistics_key_stats div#sales_summary { float: left; }
body#statistics_key_stats div#jcd_perf_summary { float: right; }

body#statistics_key_stats div.summary_box
{
    border: solid 2px #333;
    height: 20em;
    margin-top: 4em;
    position: relative;
    width: 48%;
}

body#statistics_key_stats div.summary_box h3
{
    margin: .5em 0 0 1.5em;
}

body#statistics_key_stats div.summary_box table
{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em auto;
    width: 90%;
}

body#statistics_key_stats div.summary_box table thead th
{
    font-weight: bold;
    line-height: 2em;
    text-align: left;
}

body#statistics_key_stats div.summary_box table tr {
    background-color: transparent;
}

body#statistics_key_stats div.summary_box table tr td
{
    border: none;
    padding: .2em 0;
}

body#statistics_key_stats div.summary_box a
{
    background-color: inherit;
    border: none;
    bottom: .5em;
    color: #00f;
    display: block;
    font-size: 1em;
    position: absolute;
    right: 1em;
    text-align: right;
    width: auto;
}

/*** Admins index page ***/

body#admins_index table { width: 65%; }


/*** Locations show page ***/

body#locations_show table tr td:first-child
{
    border-right: solid 1px black;
    width: 10em;
}

body#locations_show table#location_hours
{
    border-collapse: collapsed;
    border-spacing: 0 0px;
    width: 20em;
}

body#locations_show table#location_hours tr td
{
    border-top: none;
    border-bottom: solid 1px #000;
}

body#locations_show table#location_hours tr:first-child td { border-top: solid 1px #000; }
body#locations_show table#location_hours tr td:first-child { width: 6em; }


/*** Select a location for a computer ***/

body#locations_select div.section { margin: 30px 0; }

body#locations_select div.section a.button
{
    float: left;
    margin: 20px 100px 20px 0;
}


/*** Permissions show page ***/

body#permissions_index table tr td.action { padding: 0; }

body#permissions_index table tr td.action a.button
{
    float: none;
    margin: 0 auto;
    width: 9em;
}


/*** Manufacturers index page ***/

body#manufacturers_index table { width: 35%; }


/*** Models index page ***/

body#models_index table { width: 600px; }


/*** Models show page ***/

body#models_show table { width: 45%; }

/*** Inventory items show page ***/

body#inventories_show table
{
    margin-top: 30px;
    width: 50%;
}


/*** Create new inventory order page ***/

body#inventory_orders_new textarea,
body#inventory_orders_edit textarea
{
    height: 10em;
    width: 30em;
}

/*** Displaying of notes ***/

body#inventory_orders_edit div#notes
{
    border-top: solid 2px #000;
    padding-top: 20px;
}

/*** Adding new items to an inventory order ***/

body.select_inventory_items div#total_cost
{
    font-style: italic;
    margin: 10px 0 3px 0;
}

body.select_inventory_items ol#cart_summary
{
    border: solid 2px #000;
    list-style-position: inside;
    padding: 5px 7px;
    width: 700px;
}

body.select_inventory_items ol#cart_summary li
{
}

body.select_inventory_items form#items_to_add { margin: 20px 0; }

body.select_inventory_items form#items_to_add div#item_select table
{
    border-spacing: 0px 20px;
    width: 44em;
}

body.select_inventory_items form#items_to_add div#item_select table tr { background-color: transparent; }

body.select_inventory_items form#items_to_add div#item_select table tr td
{
    border: none;
    text-align: center;
}

body.select_inventory_items form#items_to_add div#item_select table tr td:first-child
{
    border: solid 1px #000;
    margin-left: 0;
    text-align: left;
    width: 30em;
}

body.select_inventory_items form#items_to_add div#item_select table tr.odd td:first-child { background-color: #bbf; }
body.select_inventory_items form#items_to_add div#item_select table tr.even td:first-child { background-color: #ddf; }

body.select_inventory_items form#items_to_add div#item_select table tr td input
{
    color: #aaa;
    line-height: 2em;
    text-align: center;
    margin-left: 15px;
    width: 4em;
}

body.select_inventory_items form#items_to_add div#item_select table tr td input:first-child { margin-left: 0; }

/*** List of inventory orders ***/

body#inventory_orders_index table { width: 100%; }
body#inventory_orders_index table tr td:first-child { border-right: solid 1px #000; }

/*** Show a specific orders full details ***/

body#inventory_orders_show #details h3 { margin-top: 15px; }

body#inventory_orders_show a#purchase_button
{
    float: right;
    margin: 20px 0;
}

body#inventory_orders_show table { width: 100%; }

/*** Skus index ***/

body#skus_index table caption a.button
{
    display: inline;
    font-size: .8em;
    font-weight: normal;
    margin-left: 15px;
    padding: 3px 7px;

    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

body#skus_index table { margin: 20px 0; }

/*** Creating a new sku ***/

body.sku_creation div#side_note
{
    border: solid 1px #000;
    float: right;
    margin: 30px 200px 20px 0;
    padding: 0 15px 1em 15px;
    width: 410px;
}

body.sku_creation div#side_note ul
{
    list-style: disc;
    list-style-position: inside;
}

/*** Show Specific Sku ***/

body#skus_show table { width: 60%; }

body#skus_show table h4
{
    font-style: italic;
    font-weight: normal;
    margin: 7px 0 0 0;
}

body#skus_show table ul { margin-left: 20px; }
body#skus_show table ul li { margin: 1px 0; }

/*** Show Repair for a Sku ***/

body#items_show div#item_details
{
    border: solid 1px #000;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 20px 0px;
    width: 75%;
}

body#items_show div#item_details ul
{
    float: left;
    margin-left: 10px;
    width: 50%;
}

body#items_show div#item_details ul li { line-height: 2em; }

body#items_show div#item_details a.button
{
    float: right;
    margin: 20px 20px 0 30px;
    width: 110px;
}

body#items_show table tr td ul { margin-left: 20px; }

/*** Edit the Mapping between JCD Offerings and inventory ***/

body#items_edit_mapping table { width: 50%; }

body#items_edit_mapping div#parts_summary
{
    border: solid 1px #000;
    margin: 15px 0 25px 0;
    padding: 10px 20px;
    width: 75%;
}

body#items_edit_mapping div#parts_summary ol { width: 250px; }

body#items_edit_mapping div#parts_summary ol li
{
    border-top: solid 1px #000;
    line-height: 26px;
    list-style-position: inside;
}

body#items_edit_mapping div#parts_summary ol li:first-child { border-top: none; }

body#items_edit_mapping div#parts_summary ol li a
{
    float: right;
    text-decoration: none;
    text-transform: capitalize;
}

/*** Start/Edit a work order ***/

body.create_edit_work_order form div.column
{
    float: left;
    width: 35%;
}

body.create_edit_work_order form div.second
{
    margin-top: 50px;
    width: 25%;
}

body.create_edit_work_order form div.radio_group label { width: 75px; }

body.create_edit_work_order form div#submit_area
{
    float: right;
    margin: 35px 20px 0 0;
    text-align: center;
    width: 35%;
}

body.create_edit_work_order form div#submit_area .form_item
{
    margin: 2.5em 0 0 0;
}

body.create_edit_work_order form div#submit_area input[type=text]
{
    font-size: 1.4em;
    line-height: 1.7em;
    width: 12em;
}

body.create_edit_work_order form input[type=submit]
{
    background-color: #92c47d;
    font-size: 1.2em;
    line-height: 3em;
    margin: 0 auto;
    width: 12em;
}

body.create_edit_work_order form textarea
{
    height: 7em;
    width: 25em;
}

/*** list work orders ***/

body#work_orders_index table { margin-bottom: 30px; }
body#work_orders_index table tr td:first-child { width: 13em; }
body#work_orders_index table tr td.action { width: 14em; }
body#work_orders_index table tr td.action a { margin-right: 15px; }

body#work_orders_index table tr td:first-child h3
{
    font-size: 1.2em;
    font-weight: normal;
}

body#work_orders_index table tr td:first-child h3 a
{
    color: #55f;
    text-decoration: none;
}

body#work_orders_index table tr td:first-child h3 a:hover { text-decoration: underline; }

body#work_orders_index table tr td div.work_item_details { margin: 10px 0; }

/*** Shipping out a work order. ***/

body#work_orders_shipping .form_item { margin: 3em 0; }

/*** Showing a specific work order ***/

body#work_orders_show #details ul#shipping_details { width: 250px; }
body#work_orders_show #details ul li h3 { margin-top: 15px; }

body#work_orders_show #special_instructions
{
    background-color: #ddd;
    border: solid 1px red;
    margin: 5em 0 2em 0;
    padding: 1em;
    width: 75%;
}

body#work_orders_show #special_instructions h3 { color: red; margin-bottom: 1em; }
body#work_orders_show #special_instructions pre { white-space: pre-wrap; }

table#work_item_list tr.statuses {
  background-color: transparent;
}

table#work_item_list tr.statuses td.check-in-slip-link {
    text-align: right;
}

table#work_item_list tr.statuses td.check-in-slip-link a {
    text-decoration: none;
}

table#work_item_list tr.statuses td
{
    border: none;
    padding: 0 0 0 3px;
    border-spacing: 0;
    font-weight: bold;
    position: relative;
    top: 10px;
}

table#work_item_list tr.accessory { background-color: #fed966; }

table#work_item_list ul li.tests { margin-top: 10px; }

table#work_item_list ul li a
{
    font-style: italic;
    line-height: 2em;
    text-decoration: none;
}

table#work_item_list ul li a:hover { text-decoration: underline; }

table#work_item_list tr td.total
{
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    padding-right: 15px;
}

table#work_item_list tr td.print-check-in-tag {
    font-weight: 300;
    text-align: right;
}

table#work_item_list tr td.action a.button
{
    padding: 0 10px;
    width: auto;
}

body#work_orders_show a.action
{
    float: right;
    margin: 5px 27px -30px 0;
}

table#work_item_list tr td.action div
{
    clear: both;
    margin-top: 3em;
}

table#work_item_list tr td.action div span
{
  border: solid 1px black;
  display: block;
  float: right;
  font-size: .9em;
  line-height: 2em;
  padding: 0 1em;
}

table#work_item_list tr td.action div span.yellow
{
  background-color: yellow;
  color: black;
}

table#work_item_list tr td.action div span.red
{
  background-color: red;
  color: white;
}

table#work_item_list tr td.action div span,
table#work_item_list tr td.action div a.button
{
    margin: 1em 0 0 1.7em;
    text-transform: lowercase;
}

table#work_item_list tr.wi_notes {
    background-color: #eee;
}

table#work_item_list tr.wi_notes td {
    background-color: #eee;
    border-top: none;
    position: relative;
    top: -14px;

    /* border: none; */
}

body#work_orders_show a.miniaturize
{
    display: block;
    margin: 1em 0 .25em 0;
    text-decoration: none;
}

body#work_orders_show ul.payment_details { width: 100%; }

body#work_orders_show ul.payment_details li form { margin: 1em 0; }
body#work_orders_show ul.payment_details li form select
{
  margin-right: 1em;
  width: 15em;
}

body#work_orders_show ul.payment_details li form select,
body#work_orders_show ul.payment_details li form input
{
  background-color: white;
  height: 32px;
}

body#work_orders_show ul.payment_details li { line-height: 1.2em; }
body#work_orders_show ul.payment_details li.date { font-size: .95em; }
body#work_orders_show ul.payment_details li.date a { text-decoration: none; }

body#work_orders_show div#tracking_data {
  background-color: #fff;
  border: solid 1px #333;
  margin: 1em 0;
  padding: 0 1em;
}

body#work_orders_show div#tracking_data h3 { margin: 1em 0 .5em 0; }
body#work_orders_show div#tracking_data ul li
{
  margin: .7em 0;
  padding: .4em 1em;
}

body#work_orders_show div#tracking_data ul li:nth-child(odd) { background-color: #bbf; }
body#work_orders_show div#tracking_data ul li:nth-child(even) { background-color: #ddf; }
body#work_orders_show div#tracking_data ul li span { float: right; }
body#work_orders_show div#tracking_data ul li span a { text-decoration: none; }

/*** Add a work item ***/

body#work_items_select div#details table { border-spacing: 0; }

body#work_items_select div#details table tr td
{
    border: none;
    padding-top: 7px;
}

body#work_items_select div#details table tr td { border-top: solid 1px #666; }
body#work_items_select div#details table tr:first-child td { border-top: none; }
body#work_items_select div#details table tr td ul li { margin-top: 0; }

form#item_select div.row {
    margin: 2em 0;
    display: flex;
    flex-wrap: wrap;
}

form#item_select div.row a.button
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    line-height: normal;
    min-height: 2.5em;
    cursor: pointer;
    padding: 1em .5em;
    background-color: #ddd;
    border: solid 1px black;
    margin: .25em;
    width: 17.75%;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}

form#item_select div.row a.selected
{
  background-color: #066e99 !important;
  color: #fff;
}

form#item_select div.row select,
form#item_select div.row input[type="submit"] {
    font-size: 1.25em;
    line-height: 2.5em;
    border: solid 1px black;
}


form#item_select div.row select {
    background-color: #ddd;
    margin-right: 1em;
}

form#item_select div.row input[type="submit"] {
    background-color: lightblue;
    width: 3em;
}

.big_select {
    font-size: 1.5em;
    margin: .5em 0;
}

/*** Summary of work items ***/

body.work_item_list table { width: 100%; }
body.work_item_list table tr td { vertical-align: top; }

body.work_item_list table tr td.order_num
{
    width: 10%;
}

body.work_item_list table tr td.work_items {
    width: 50%;
    font-size: 13px;
    line-height: 1.2rem;
}

body.work_item_list table tr td.work_items ul li:first-child { margin-top: 0; }
body.work_item_list table tr td.work_items ul li { margin: 10px 0; }
body.work_item_list table tr td.work_items ul li ul li { margin: 0; }

body.work_item_list table tr td.action {
    width: 45%;
    vertical-align: middle;
}

body.work_item_list table tr td.action a { margin-right: 20px; }
body.work_item_list table tr td.action a.first { margin-right: 0; }

/*** Adding a new work item to a work order ***/

body#work_items_new_edit div.column
{
    float: left;
    margin-left: 10%;
}

body#work_items_new_edit div.one_line { margin: 30px 0 40px 0; }

body#work_items_new_edit div.first
{
    margin-left: 0;
    width: 280px;
}

body#work_items_new_edit div#pre_post_testing table { margin-top: 10px; }
body#work_items_new_edit form div.inline { margin-right: 40px; }

body#work_items_new_edit form div.inline select
{
    margin-top: 4px;
    width: 10em;
}

body#work_items_new_edit form textarea
{
    height: 150px;
    width: 99%;
}

body#work_items_new_edit form input[type=submit]
{
    font-size: 2em;
    margin: 20px 0 0 15%;
    width: 70%;
}

/*** Pre-Post Test forms ***/

div#pre_post_testing table
{
    border-spacing: 0 7px;
    text-align: right;
    width: 450px;
}

div#pre_post_testing table tr td { padding: 1px 5px; }

div#pre_post_testing table tr td:first-child
{
    text-align: left;
    width: 40%;
}

div#pre_post_testing table tr td input,
div#pre_post_testing table tr td a
{
    margin-left: 20px;
}

/*** Show a Specific Work Item ***/

body#work_items_show p.alert
{
    color: red;
    font-style: italic;
}

body#work_items_show div#context_navigation { margin-bottom: 40px; }
body#work_items_show table { width: 60%; }
body#work_items_show table tr { background-color: #ddf; }
body#work_items_show table tr td { border-left: solid 1px #000; }

body#work_items_show table tr td:first-child
{
    font-weight: bold;
    text-align: right;
    padding-left: 20px;
    padding-right: 10px;
    white-space: nowrap;
    width: 1px;
}

body#work_items_show table tr td span.details
{
    float: left;
    width: 75%;
}

body#work_items_show table tr td span.action { float: left; }
body#work_items_show table tr td span.action a { text-decoration: none; }

body#work_items_show table tr td h4
{
    font-style: italic;
    font-weight: normal;
    margin-top: 10px;
}

body#work_items_show table tr td ul { margin-left: 20px; }

body#work_items_show form textarea
{
    height: 120px;
    width: 400px;
}

/*** Quick Summary of a work item ***/

div.work_item_details h3
{
    font-size: 1em;
    margin-bottom: 3px;
}

div.work_item_details ul { font-style: italic; }
div.work_item_details ul li { margin: 0 !important; }

div.work_item_details ul li input[type=text] { margin: -10px -20px -10px 0; }

/*** Editing the price of a work item ***/

body#work_items_edit_item_price form textarea
{
    height: 100px;
    width: 250px;
}

/*** Log page ***/

body#logs_index ul {
    width: 50%;
}

body#logs_index ul li
{
    background-color: white;
    border: solid 1px #888;
    padding: 1em .5em;
    margin: 2em 0;
}

body#logs_index ul li h3 { text-decoration: underline; }

body#logs_index ul li span
{
    display: block;
    font-style: italic;
    margin-bottom: 10px;
}

body#logs_index ul li p { margin: 0; }

/*** Marking an item fixed ***/

body#fixes_new form input[type=submit],
body#payments_new form div#payment_details input[type=submit],
body.incidents_new_edit form input[type=submit]
{
    background-color: #a33;
    border: solid 1px #000;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 32px;
    margin: 20px 0;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    width: 12em;

    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}

body#fixes_new div.column { float: left; }

body#fixes_new div#pre_post_testing { margin-right: 30px; }
body#fixes_new div#pre_post_testing table { width: 380px; }

body#fixes_new div#notes
{
    float: right;
    margin: -160px 0 30px 0;
}

body#fixes_new div#notes div.note { width: 430px; }

body#fixes_new div#items_used
{
    margin-top: 0px;
    width: 420px;
}


body#fixes_new div#items_used div.short_select { margin: 0; }

body#fixes_new div#items_used table { width: 100%; margin-top: 20px; }
body#fixes_new div#items_used table caption { margin-bottom: -5px; }

body#fixes_new div#items_used table tr td
{
    font-size: .9em;
    padding: 0 0 10px 5px;
}

body#fixes_new div#items_used table tr td.action h3
{
    font-size: .9em;
    margin: 1em 0;
}

body#fixes_new div#items_used table tr td.action div.form_item label
{
    display: inline;
    font-weight: normal;
    margin-right: 10px;
}

body#fixes_new div#items_used table tr td.action div.form_item { margin: 10px 0 10px 0; }
body#fixes_new div#items_used table tr td.action input[type=text] { width: 4em; }

body#fixes_new div#items_used table tr td.action div.extra_parts_details div.warranty_part_vendors div.form_item
{
    float: left;
    width: 40%;
}

body#fixes_new div#items_used table tr td.action div.extra_parts_details div.warranty_part_vendors div.form_item select
{
    min-width: 0px;
    width: 100%;
}

body#fixes_new div#items_used table tr td.action div.extra_parts_details span
{
    display: block;
    float: left;
    margin: 1.2em 1.5em 0 0em;
}

body#fixes_new div#items_used textarea
{
    height: 80px;
    width: 100%;
}

/*** JCD Payment Page ***/

body#payments_new table tr.wi_notes td div.note
{
  width: 95%;
}

body#payments_new em
{
    color: red;
    display: block;
    font-style: italic;
    margin: 20px 0;
}

body#payments_new div#work_items
{
    float: left;
    width: 60%;
}

body#payments_new div#work_items h2 { margin: 20px 0; }

body#payments_new div#payment_details
{
    float: right;
    margin-top: 20px;
    width: 35%;;
}

body#payments_new div#payment_details div#totals
{
    border: solid 1px #333;
    font-weight: bold;
    padding: 10px 0;
}

body#payments_new div#payment_details div#totals div
{
    margin: 5px auto;
    text-align: right;
    width: 60%;
}

body#payments_new div#payment_details div#totals div label
{
    display: block;
    float: left;
    text-align: left;
    width: 100px;
}

body#payments_new div#payment_details div#totals div.total
{
    border-top: dotted 2px #333;
    padding-top: 5px;
}

body#payments_new div#payment_details div#totals div.discount
{
    color: red;
    font-size: .9em;
    font-weight: normal;
}

body#payments_new div#payment_details select { width: 200px; }

body#payments_new form div#payment_details div.radio_container
{
    margin: 10px 0 0 0;
    padding-left: 0;
}

body#payments_new form div#payment_details div#cash_box { margin: 20px 0; }

body#payments_new form div#payment_details div#cash_box input
{
    font-size: 18px;
    width: 8em;
}

body#payments_new form div#payment_details div#credit_box div.form_item { margin-top: 0px; }
body#payments_new form div#payment_details div#credit_box input.small { width: 12em; }

body#payments_new table#work_item_list
{
    margin-top: -20px;
    width: 100%;
}

/*** Confirmation page after a JCD Payment ***/

body#payments_show h2
{
    font-size: 1.6em;
    margin: 30px 0 10px 0;
}

body#payments_show ol
{
    font-size: 1.2em;
    list-style-position: inside;
    margin-bottom: 40px;
}

body#payments_show ol li { line-height: 1.8em; }

body#payments_show div#change
{
    background-color: #fff;
    border: solid 1px #333;
    color: #a44;
    margin: 30px auto 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 340px;
}

body#payments_show div#change h3 { font-size: 2em; }

body#payments_show div#change h2
{
    font-size: 2.5em;
    margin-top: 10px;
}

/*** Create/Edit Incident Report ***/

body.incidents_new_edit div#instructions ol
{
    margin: 0 0 30px 20px;
    width: 60%;
}

body.incidents_new_edit div#instructions ol li { margin: 5px 0; }

body.incidents_new_edit form h3
{
    font-size: 1.5em;
    margin: 25px 0 10px 0;
}

body.incidents_new_edit form select { min-width: 12em; }
body.incidents_new_edit form div.date select { min-width: 5em; }
body.incidents_new_edit form textarea { height: 10em; }

body.incidents_new_edit form div.radio_group
{
    float: left;
    margin: 35px 0 0 -120px;
}

/*** Show Incident Report details ***/

body.incident_warranty_show div#incident_details,
body.incident_warranty_show div#replacement
{
    margin-top: 10px;
    width: 48%;
}

body.incident_warranty_show div#incident_details { float: left; }
body.incident_warranty_show div#replacement { float: right; }

body.incident_warranty_show div#replacement ul
{
    list-style: disc;
    margin-left: 1em;
}

body.incident_warranty_show div#replacement ul li { line-height: 1.5em; }

body.incident_warranty_show div#wrapper h3
{
    font-size: 1.5em;
    font-weight: normal;
    margin: 20px 0;
}


/* List of Warranties for a Specific Device */

body#warranties_list h3 { margin-bottom: 20px; }

body#warranties_list div.details
{
    background-color: #fff;
    border: solid 2px #333;
    margin: 20px 0;
    padding: 10px;
    width: 50%;
}

/*** Create a new warranty ***/

body#warranties_new form textarea
{
    height: 10em;
    width: 30em;
}

/*** Show an existing warranty ***/

body#warranties_show div#context_navigation a
{
    margin-left: 25px;
    width: 8em;
}

/*** Create a warranty dispute ***/

body#warranties_dispute form textarea
{
    height: 10em;
    width: 30em;
}

/*** Creating a new note ***/

body#notes_new form textarea
{
    height: 10em;
    width: 25em;
}

/*** Show Notes ***/

body#notes_show div.note
{
  background-color: white;
  border: solid 1px black;
  margin-bottom: 1em;
  padding: 1em 1em 0 1em;
  width: 60%;
}

body#notes_show div.log { background-color: #ccc; }

body#notes_show div.log h3{ text-decoration: underline; }

/*** Show customer data ***/

body#customers_show a.button { margin: 40px 0 30px 0; }

/*** Showing the inventory bin counts ***/

body.inventory_bin_list form div.form_item { margin-bottom: 0; }

body.inventory_bin_list table
{
    margin-top: 30px;
    width: 100%;
}

body.inventory_bin_list table caption { margin-bottom: -30px; }

body.inventory_bin_list table caption a
{
    background-color: #ddf;
    border: solid 1px #333;
    color: #333;
    display: block;

    font-size: 12px;
    font-weight: normal;
    line-height: 1.8em;
    margin: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 130px;
}

body.inventory_bin_list table.nested tr.headings td
{
    border: none;
    font-style: italic;
    padding: 0;
    position: relative;
    text-align: right;
    top: 10px;
}

body.inventory_bin_list table tr td { padding-right: 0; }
body.inventory_bin_list table.nested { border-spacing: 0 10px; }
body.inventory_bin_list table.nested tr td ul { border-right: solid 1px #000; }

body.inventory_bin_list table.nested tr td span
{
    display: block;
    float: left;
    text-align: center;
    width: 90px;
}

body.inventory_bin_list table.nested tr td span.item
{
    margin-right: 22px;
    text-align: left;
    width: 200px;
}

body.inventory_bin_list table.nested tr.headings td span.first { margin-left: 398px; }
body.inventory_bin_list table.nested tr td ul li.even { background-color: #ddf; }
body.inventory_bin_list table.nested tr td ul li.odd { background-color: #bbf; }

body.inventory_bin_list table.nested tr td ul li.urgent_alert
{
    background-color: #f33;
    color: #fff;
}

body.inventory_bin_list table.nested tr td ul li.minor_alert
{
    background-color: #ff6600;
    color: #fff;
}

body.inventory_bin_list table.nested tr td ul li.incoming_alert
{
    font-size: .9em;
    font-weight: bold;
}

body.inventory_bin_list table.nested tr td ul li b { font-size: 1.3em; }

/*** Edit Inventory Counts ***/

body#inventory_bins_edit form input[type=text] { width: 3em; }
body#inventory_bins_edit table.nested tr td span { width: 150px; }
body#inventory_bins_edit table.nested tr.headings td span.first { margin-left: 400px; }
body#inventory_bins_edit table.nested tr td span.item { width: 200px; }

body#inventory_bins_edit form input[type=submit]
{
    background-color: #a33;
    border: solid 1px #000;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    width: 11em;

    -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
}

/*** Dump Inventory Counts for Each Shop Together ***/

body#inventory_bins_dump table
{
    border-collapse: collapse;
    width: 100%;
}

body#inventory_bins_dump table tr td
{
    border-bottom: solid 1px #333;
    padding: 0;
}

body#inventory_bins_dump table tr td.model_name
{
    border-right: solid 1px #333;
    font-weight: bold;
    padding-left: 5px;
    width: 15%;
}

body#inventory_bins_dump table tr td div.inventory_item_line { border-top: solid 1px #333; }
body#inventory_bins_dump table tr td div.first { border-top: none; }

body#inventory_bins_dump table tr td div.inventory_item_line div.item_name,
body#inventory_bins_dump table tr td div.inventory_item_line div.numbers
{
    height: 60px;
}

body#inventory_bins_dump table tr td div.inventory_item_line div.item_name
{
    border-right: solid 1px #333;
    float: left;
    width: 28%;
    padding: 0px 3px 0 3px;
    position: relative;
}

body#inventory_bins_dump table tr td div.inventory_item_line div.item_name p
{
    margin-top: -.5em;
    position: absolute;
    top: 50%;
}

body#inventory_bins_dump table tr td div.inventory_item_line div.numbers
{
    background-color: #dfd;
    border-left: solid 1px #333;
    float: left;
    width: 14%;
}

body#inventory_bins_dump table tr td div.inventory_item_line div.urgent_alert
{
    background-color: #f33;
    color: #fff;
}

body#inventory_bins_dump table tr td div.inventory_item_line div.minor_alert
{
    background-color: #ff6600;
    color: #fff;
}

body#inventory_bins_dump table tr td div.inventory_item_line div.in_stock
{
    border-bottom: solid 1px #333;
    font-size: 2em;
    font-weight: bold;
    line-height: 2em;
    text-align: center;
}

body#inventory_bins_dump table tr td div.inventory_item_line div.other_data
{
    border-right: solid 1px #333;
    float: left;
    font-size: .8em;
    text-align: center;
    width: 32%;
}

body#inventory_bins_dump table tr td div.inventory_item_line div.num_to_order { border-right: none; }

body#inventory_bins_dump table tr.heading td div.inventory_item_line div.item_name,
body#inventory_bins_dump table tr.heading td div.inventory_item_line div.numbers
{
    background-color: transparent;
    border: none;
    height: 16px;
}

body#inventory_bins_dump table tr.heading td div.inventory_item_line div.numbers { text-align: center; }

body#inventory_bins_dump table tr.heading td div.inventory_item_line,
body#inventory_bins_dump table tr.heading td
{
    border: none;
    font-style: normal;
    font-weight: bold;
}

body#inventory_bins_dump table tr.sample td div.inventory_item_line div.numbers
{
    background-color: transparent;
}

body#inventory_bins_dump table tr.sample td div.inventory_item_line div.numbers div.in_stock
{
    font-size: 16px;
    line-height: 3em;
}

/*** Showing a list of expenses ***/

body#expenses_index table tr td.action { width: 240px; }

/*** Showing an expense ***/

body#expenses_show table.compact { width: 60%; }

body#expenses_show table.compact tr td.key
{
    padding-right: 7px;
    text-align: right;
    width: 150px;
}

/*** Refunds ***/

body#refunds_new form textarea
{
    height: 10em;
    width: 200px;
}

/*** Bad Online Order ***/

body#work_orders_bad_online_order div#text_block ol { margin-left: 2em; }
body#work_orders_bad_online_order div#text_block li { margin: 1em 0; }
body#work_orders_bad_online_order div#text_block h3 { margin: 20px 0 5px 0; }
body#work_orders_bad_online_order div#text_block a.button { font-size: 3em; }

body#work_orders_bad_online_order div#text_block form textarea
{
    height: 7em;
    width: 40em;
}

body#work_orders_bad_online_order div#text_block form input.button
{
    margin: 40px 0 20px 0;
    width: 20em;
}

/*** Listing of employee hours ***/

body#logins_show div.pay_summary { margin: 1em 0; }
body#logins_show div.pay_summary h3 { margin-bottom: .5em; }
body#logins_show div.pay_summary ul li { padding-left: 2em; }

body#logins_show table
{
    border-collapse: collapsed;
    border-spacing: 0 0px;
    width: 100%;
}

body#logins_show table thead th
{
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
}

body#logins_show table tr td
{
    border-bottom: none;
    border-left: none;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
}

body#logins_show table tr.first td { border-top: solid 1px #000; }
body#logins_show table tr td.first { border-left: solid 1px #000; }

body#logins_show table tr.summary td
{
    background-color: #ddf;
    font-weight: bold;
}

body#logins_show table tr.blank_line td
{
    border-right: none;
    line-height: 2em;
}

/*** Listing of employee hours ***/

body.informational h2
{
    font-size: 1.7em;
    margin: 1em 0;
    text-decoration: underline;
}

body.informational h3
{
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    margin: 1em 0 .5em 0;
}

body.informational ol
{
    margin: 1em 0 2em 4em;
    width: 50%;
}

body.informational ol li { line-height: 1.5em; }
body.informational ol li a { text-decoration: none; }
body.informational ol li a:hover { text-decoration: underline; }

/*** Group and/or Offering Creation/Edit ***/
body#offerings_new form div.inline,
body#offerings_edit form div.inline,
body#groups_new form div.inline,
body#groups_edit form div.inline
{
    margin-right: 75px;
    width: 35%;
}

body#offerings_new form textarea,
body#offerings_edit form textarea,
body#groups_new form textarea,
body#groups_edit form textarea
{
    height: 75px;
    width: 100%;
}

body#offerings_new form div.radio_container input,
body#offerings_edit form div.radio_container input
{
    margin: 0 0 1.5em 0;
}

body#offerings_new form div.radio_container,
body#offerings_edit form div.radio_container
{
    font-size: 1.1em;
}

body#offerings_jcd_show h3.heading { margin: 2em 0; }
body#offerings_jcd_show ul li { margin: .5em 0; }

/*** Statistics Reporting ***/

body#statistics_show ol li { margin-left: 2em; }

body#statistics_show form#stats_parameters { margin-top: 30px; }

body#statistics_show form#stats_parameters div.display_options
{
    margin: 3em 0 1em 0;
}

body#statistics_show form#stats_parameters div.display_options select,
body#statistics_show form#stats_parameters div.display_options input[type="submit"]
{
    float: left;
    margin-right: 8px;
}

body#statistics_show form#stats_parameters div.display_options select { margin-top: 5px; }

body#statistics_show form#stats_parameters div.display_options input[type=submit]
{
    background-color: #ddf;
    font-size: .9em;
    line-height: 1.5em;
    width: 6.5em;
}

body#statistics_show form#stats_parameters div.display_options div.date_select
{
    float: left;
    margin: -15px 10px 0 0;
}

body#statistics_show form#stats_parameters div.display_options div.first_date
{
    margin-left: 20px;
    margin-right: 20px;
}

body#statistics_show form#stats_parameters div.display_options div.date_select label
{
    display: block;
    font-weight: bold;
}

body#statistics_show form#stats_parameters div.display_options div.date_select input[type=submit]
{
    float: left;
    margin: 0px 0 0 10px;
    width: 40px;
}

body#statistics_show table { width: 100%; }

body#statistics_show table thead th
{
    font-size: .8em;
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
}

body#statistics_show table tr td { font-size: .8em; }

body#statistics_show table tr.totals { font-weight: bold; }

/*** Tech KPI Dashboard ***/



body#admins_tech_kpi div.column
{
    float: left;
    margin-top: 3em;
    margin-right: 4em;
}

body#admins_tech_kpi div#p_and_l
{
    width: 20%;
}

body#admins_tech_kpi div#performance
{
    border-right: solid 2px black;
    border-left: solid 2px black;
    padding: 0 2%;
    width: 50%;
}

body#admins_tech_kpi div#performance div.display_options
{
    font-size: 1em;
    font-weight: bold;
    margin: 2em 0;
}

body#admins_tech_kpi div#performance div.display_options input[type=radio] { margin-left: 2em; }

body#admins_tech_kpi div#performance table
{
    border: solid 1px black;
    border-collapse: collapse;
    border-spacing: 0 1em;
    margin: .3em 0 2em 0;
    width: 100%;
}

body#admins_tech_kpi div#performance table thead tr,
body#admins_tech_kpi div#performance table thead th {
    background-color: transparent;
}

body#admins_tech_kpi div#performance table thead th
{
    border-bottom: solid 1px black;
    font-style: italic;
    padding-left: 1em;
    text-align: left;
    vertical-align: bottom;
}

body#admins_tech_kpi div#performance table tr { border: none; }
body#admins_tech_kpi div#performance table tr td { border: none; }

body#admins_tech_kpi div#performance table tr.total
{
    background-color: transparent;
    border-top: solid 1px black;
    font-weight: bold;
}

body#admins_tech_kpi div.column div.store_data
{
    margin: 2em 0;
    line-height: 1.5em;
}

body#admins_tech_kpi div.column div.store_data

/*** Viewing/Editing a Review Page ***/

body.edit_view_review table
{
    border-spacing: 0 3px;
    margin: 2em 0;
    text-align: center;
}

body.edit_view_review table thead th
{
    line-height: 1.2em;
}

body.edit_view_review table tr td
{
    width: 25%;
}

body.edit_view_review table tr td.first { text-align: left; }

body.edit_view_review table tr td h4,
body.edit_view_review table tr label
{
    display: block;
    font-size: 1em;
    line-height: 1.7em;
}

body.edit_view_review form input.review_button
{
    font-size: 1.3em;
    height: 2.5em;
    margin: 2em 2em 0em 0;
    width: 10em;
}

body.edit_view_review form input#save { background-color: #aea; }
body.edit_view_review form input#lock { background-color: #eaa; }

body.edit_view_review form.form_item { margin: 2em 0; }

/*** Displaying a review. ***/

body#reviews_show div.q_and_a { margin: 1.25em 0; }

body#reviews_show div.q_and_a h4
{
    font-size: 1em;
    text-decoration: underline;
}

body#reviews_show div.q_and_a pre
{
    display: block;
    width: 70%;
    white-space: pre-wrap;
}

/*** Basic Survey Layouts ***/

section.survey_questions
{
    background-color: #ddf;
    border: solid 1px #333;
    margin: 4em 0;
    padding: 1.5em;
}

section.survey_questions h2 { margin: 0 0 2em 0; }

/*** Basic Customer Check-In Layouts ***/

section.customer_check_in {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
}
section.customer_check_in h1 {
  text-align: center;
  color: #777;
  margin-bottom: 30px;
}
section.customer_check_in p {
	text-align: center;
}

section.customer_check_in form .form-actions {
  margin-top: 30px;
  text-align: center;
}

section.customer_check_in .item label {
	font-weight: bold;
}
section.customer_check_in .item p {
	text-align: left;
}

/*** Utility class ***/

.pull-left {
  float: left;
}
.pull-right {
  float: right;
}


/*** Sales Stats Page ***/

#sales-stats-page .custom-date-selection {
  display: none;
}

.custom-date-selection { margin-top: 10px; }

#sales-stats-page .filter-container {
  position: relative;
  width: 300px;
}
#sales-stats-page .filter-popup {
  border: 1px solid black;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  left: 60px;
  top: 15px;
  z-index: 1;
  display: none;
  min-width: 400px;
}

/*** Payroll Page ***/

.payrolls table.employees {
    border-spacing: 0 2em;
    width: 100%;
}

.payrolls table.employees tr th {
    font-weight: bold;
}

.payrolls table.employees tr th {
    width: 75px;
}

.payrolls table.employees th.employee { width: 110px; }
.payrolls table.employees th.class { width: 80px; }

.payrolls table.employees tr td {
    border-right: solid 1px black;
    padding: .3em 0;
    text-align: center;
}

.payrolls table.employees tr.none_class { background-color: white; }
.payrolls table.employees tr.seattle_class { background-color: #088; color: white; }
.payrolls table.employees tr.wallingford_class { background-color: #f88; }
.payrolls table.employees tr.south_lake_union_class { background-color: #8f8; }
.payrolls table.employees tr.redmond_class { background-color: #88f; }
.payrolls table.employees tr.tukwila_class { background-color: #ff8; }
.payrolls table.employees tr.lincoln_park_class { background-color: #f8f; }
.payrolls table.employees tr.hyde_park_class { background-color: #8ff; }
.payrolls table.employees tr.chicago_class { background-color: #808; color: white; }
.payrolls table.employees tr.warehouse_class { background-color: #ff0; }
.payrolls table.employees tr.sales_class { background-color: #0ff; }

.payrolls table.employees tr td input[type=text] {
    font-size: 1em;
    width: 4.5em;
}

.payrolls input#payroll_submit {
    background-color: #aaf;
    font-size: 2em;
    margin-left: 15em;
    padding: .5em 1em;
}

/*** Credit Card Verification Page ***/

#credit-card .sub-menu {
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid black;
}
#credit-card .sub-menu select {
  float: left;
  height: 23px;
}
#credit-card .sub-menu #btn-upload {
  margin-left: 30px;
  width: 10em;
  height: 23px;
  background-color: #cfe2f3;
}
#credit-card .sub-menu #btn-upload:hover {
    cursor: pointer;
    cursor: hand;
}
#credit-card .sub-menu #csv-upload {
  margin-left: 50px;
  background-color: white;
}
#credit-card .sub-menu #csv-upload-field {
  position: absolute;
  font-size: 0;
  margin-left: -110px;
  line-height: 23px;
  width: 110px;
  opacity: 0;
}
#credit-card .sub-menu #csv-upload-field:hover {
    cursor: pointer;
    cursor: hand;
}
#credit-card table tr {
    background-color: #cfe2f3;
}
#credit-card table tr td #omission-view {
    text-decoration: none;
    color: black;
    border: 1px solid black;
    padding: 5px 15px;
    background-color: #93C47D;
}
#credit-card table tr ul #admin-name {
    margin-left: 50px;
}

/*** Credit Card Omissions Page ***/

#omission .sub-header {
    margin: 30px 0;
    font-size: 14px;
}
#omission .content-omission #header {
    margin-bottom: 30px;
}
#omission .content-omission #header #summary {
    font-weight: bold;
}
#omission .content-omission #content #omission-list {
    width: 50%;
}
#omission .content-omission #content #omission-list tr {
    background-color: transparent;
}
#omission .content-omission #content #omission-list #blank-omission {
    font-weight: bold;
    font-size: 16px;
}
#omission .content-omission #content #omission-list tr td {
    border: 0;
    padding: 0;
    padding-bottom: 15px;
    border-bottom: 1px dashed black;
}
#omission .content-omission #content #omission-list tr:last-child td {
    border: 0;
}

/** Institutions Show **/

body#institutions_show div#basic_info
{
    border: solid 1px #333;
    margin: 2em 0;
    padding: 1em;
    width: 72.5%;
}

body#institutions_show div#basic_info h3 { margin-bottom: .7em; }

body#institutions_show div#basic_info ul li
{
    line-height: 1.6em;
}

body#institutions_show div#special_instructions
{
    background-color: #ddd;
    border: solid 1px red;
    margin: 2em 0;
    padding: 1em;
    width: 72.5%;
}

body#institutions_show div#special_instructions pre
{
    white-space: pre-wrap;
}

body#institutions_show div#special_instructions h3
{
    color: red;
    margin-bottom: 1em;
}

/** Institutions Past Due **/

body#institutions_past_due table { width: 80%; }
body#institutions_past_due table tr td.action { width: 30%; }

/** Sales Credit Statistics **/

body#statistics_sales_credit table
{
    border-spacing: 0 5px;
    margin: 0 auto;
}

body#statistics_sales_credit table thead { text-align: left; }
body#statistics_sales_credit table thead th { padding-left: 10px; }

body#statistics_sales_credit section#sales_summary table { width: 40%; }

body#statistics_sales_credit section#institutional_sales
{
    border-top: solid 2px #333;
    margin-top: 3em;
    padding-top: 2em;
}

body#statistics_sales_credit section#institutional_sales table caption { padding-bottom: 1em; }
body#statistics_sales_credit section#institutional_sales table thead { font-weight: bold; }
body#statistics_sales_credit section#institutional_sales table tr { background-color: transparent; text-align: center; }

body#statistics_sales_credit section#institutional_sales table tr.totals
{
    font-weight: bold;
    font-size: 1.1em;
}

body#statistics_sales_credit section#institutional_sales table tr td
{
    border: none;
    border-top: solid 1px #333;
    width: 20%;
}

body#statistics_sales_credit section#institutional_sales table td:first-child,
body#statistics_sales_credit section#institutional_sales table th:first-child
{
    text-align: left;
    width: 40%;
}

/** Any page with a major links section **/

section#main_links
{
    margin: 4em auto 0 auto;
    width: 56.5em;
}

section#main_links a
{
    background-color: #b1d0b5;
    border: solid 1px #333;
    color: #000;
    display: block;
    float: left;
    font-size: 1.75em;
    line-height: 75px;
    margin-bottom: 1.5em;
    text-align: center;
    text-decoration: none;
    width: 15em;
}

section#main_links a.first { margin-right: 2em; }

/** Our Accounting Steps **/

section#accounting_steps {
    font-size: 1.5em;
    margin: 0 auto;
    width: 22em;
}

section#accounting_steps ol {
    list-style-position: inside;
    line-height: 2em;
    width: 85%;
    margin: 0 auto;
}

section#accounting_steps ol li {
    background-color: #b1d0b5;
    border: solid 1px #333;
    clear: both;
    margin: 1.5em 0;
    padding-left: 1em;
}

section#accounting_steps ol li.highlighted {
    background-color: lightcoral;
}

section#accounting_steps ol li a {
    color: #000;
    display: block;
    float: right;
    text-decoration: none;
    width: 85%;
}

/** New PO Listing **/

div.po_list div.row
{
    border: solid 1px black;
    clear: both;
    margin-top: 2em;
}

div.po_list div.row:nth-child(odd) { background-color: #bbf; }
div.po_list div.row:nth-child(even) { background-color: #ddf; }

div.po_list div.row div.heading-row
{
    border-bottom: solid 1px black;
    line-height: 2.25em;
    text-align: center;
}

div.po_list div.heading-row span { margin-left: 2em; }

div.po_list div.row div.order-data div
{
    float: left;
    padding: 1%;
}

div.po_list div.row div.order-data div.broad-data { width: 20%; }

div.po_list div.row div.order-data div.item-data
{
    border-right: solid 1px black;
    border-left: solid 1px black;
    width: 57%;
}

div.po_list div.row div.order-data div.action
{
    border-right: none;
    text-align: center;
    width: 16%;
}

div.po_list div.row div.order-data div.action a.button
{
    float: none;
    font-size: .9em;
    line-height: 2em;
    margin: 0 auto;
    width: 6em;

    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

/*** Call Log Display ***/

body#statistics_phone_data div#details
{
    border: none;
    font-size: 1.1em;
    margin: 2em 0;
    width: 60%;
}

body#statistics_phone_data div#details ul
{
    float: none;
    list-style: disc;
    margin-left: 2em;
    width: 100%;
}

body#statistics_phone_data div#details ul li { margin: 1em 0; }

/** PnL Summary for each month **/

body#finances_monthly_pnl table tr td span
{
  display: block;
  font-size: 1.2em;
}

body#finances_monthly_pnl table tr td h2 { margin-top: .5em; }
body#finances_monthly_pnl .loss { color: #f00; }

body#finances_monthly_pnl table tr td h3
{
  margin-top: 1.25em;
  text-decoration: underline;
}

body#finances_monthly_pnl table tr td.regions { padding-bottom: 1.5em; }

body#finances_monthly_pnl table tr td ul li { font-size: 1.2em; }

/*** PnL Details for a specific month ***/

body#finances_show_monthly_pnl section h3
{
  font-size: 2em;
  margin-top: 2em;
}

body#finances_show_monthly_pnl section h4
{
  margin: 2em 0 -1.75em 0;
}

body#finances_show_monthly_pnl h2 { margin: 1em 0 2em 0; }
body#finances_show_monthly_pnl .loss { color: #f00; }
body#finances_show_monthly_pnl table
{
  border-collapse: collapsed;
  border-spacing: 0;
  margin-top: 2em;
  width: 40%;
}

body#finances_show_monthly_pnl table tbody tr:nth-child(odd) { background-color: transparent; }
body#finances_show_monthly_pnl table tbody tr:nth-child(even) { background-color: transparent; }

body#finances_show_monthly_pnl table tr td
{
    border-top: none;
    border-bottom: solid 1px black;
    padding: 5px 10px;
    vertical-align: middle;
}

body#finances_show_monthly_pnl table tr:first-child td { border-top: solid 1px black; }

body#finances_show_monthly_pnl table tr td:first-child
{
  border-left: solid 1px black;
  width: 18em;
}

body#finances_show_monthly_pnl table tr td sup {
  font-size: smaller;
  float: right;
}

body#finances_show_monthly_pnl table tr td:last-child { border-right: solid 1px black; }

body#finances_show_monthly_pnl table tr.totals
{
  font-size: 1.1em;
  font-weight: bold;
}

/***** Protection Plan Quick Add ******/

body#protection_plans_new form .form_item label
{
  display: inline-block;
  width: 10em;
}

body#protection_plans_new form .form_item input[type=radio] { margin-left: 2em; }

/***** Customer Reviews ******/

body#customer_surveys_show_reviews div.details
{
  background-color: #fff;
  border: solid 1px black;
  margin: 1em 0;
  padding: 1em;
}

body#customer_surveys_show_reviews div.details ul { margin: 1em 0; }
body#customer_surveys_show_reviews div.details h3 { margin: 1em 0 .25em 0; }

body#customer_surveys_show_reviews div.details pre
{
  font-style: italic;
  white-space: pre-wrap;
  width: 60%;
}

/***** B2B Repair KPI ******/

body#institutions_kpi_repair_data table
{
    border-spacing: 0 0.25em;
    margin-bottom: 2em;
}

body#institutions_kpi_repair_data table tr td
{
    text-align: left;
}

/*** Link Listing on a Page ***/

ul.link_list li {
    font-size: 1.3em;
    line-height: 2em;
    list-style: disc;
    margin-left: 1em;
}

ul.link_list li a {
    text-decoration: none;
}

/*** Vendor KPI ***/

body#vendors_kpi_show table
{
    border-collapse: collapse;
    border-spacing: 0;
    width: 30em;
    margin-left: 2em;
}

body#vendors_kpi_show table tbody tr:nth-child(odd) { background-color: transparent; }
body#vendors_kpi_show table tbody tr:nth-child(even) { background-color: transparent; }

body#vendors_kpi_show table tr td
{
    border: none;
    padding: 2px 0;
    vertical-align: middle;
}

body#vendors_kpi_show table tr td:first-child { border-left: none; width: 8em; }
body#vendors_kpi_show table tr td:last-child { border-right: none; }

/*** Cool Table Design ***/

.responstable {
    margin: 2em 0;
    min-width: 50%;
    background: #FFF;
    color: #024457;
    border: 1px solid #167F92;
    border-spacing: .2em;
}

.responstable caption {
    padding-bottom: .5em;
}

.responstable caption.highlight {
    font-size: 1.5em;
    font-weight: bold;
}

.responstable tr {
    border: 1px solid #D9E4E6;
}

.responstable tr:nth-child(odd) {
    background-color: #EAF3F8;
}

.responstable tr:nth-child(even) {
    background-color: #FFFFFF;
}

.responstable th {
    border: 1px solid #FFF;
    background-color: #167F92;
    color: #FFF;
    padding: 1em;
    display: table-cell;
}

.responstable td {
    word-wrap: break-word;
    max-width: 7em;
    display: table-cell;
    padding: 0.75em 1em;
    border: none;
}

table tr td:first-child {
    border-left: none;
}

table tr td:last-child {
    border-right: none;
}

.responstable th, .responstable td {
    text-align: left;
    margin: .5em 1em;
}

.width-75p {
    width: 75%;
}

.width-100p {
    width: 100%;
}

/*** Inventory items index page ***/

body#inventories_index h2 {
    font-size: 2.5em;
    margin: 1em 0 0 0;
}

body#inventories_index div.model-group {
    padding: 1em 2em;
}

body#inventories_index div.model-group ul.inventory-list {
    margin: 1em 0 0 2em;
    width: 30em;
}

body#inventories_index div.model-group ul.inventory-list li {
    background-color: lightcyan;
    line-height: 2.5em;
    padding-left: .5em;
}

body#inventories_index div.model-group ul.inventory-list li:nth-child(odd) {
    background-color: lightblue;
}

body#inventories_index table {
    width: auto;
    border: none;
    border-spacing: 0;
}

body#inventories_index table caption {
    font-size: 1.75em;
    font-style: italic;
    font-weight: normal;
    line-height: 2em;
}

body#inventories_index table thead {
    font-weight: bold;
}

body#inventories_index table th,
body#inventories_index table td {
    text-align: left;
    padding: 0 2em 0 1em;
    line-height: 2em;
    min-width: 7.5em;
    border: none;
}

body#inventories_index table th.small,
body#inventories_index table td.small {
    min-width: 2em;
}

body#inventories_index table th.center,
body#inventories_index table td.center {
    text-align: center;
}

body#inventories_index table tbody tr:nth-child(odd) { background-color: #bbf; }
body#inventories_index table tbody tr:nth-child(even) { background-color: #ddf; }