@font-face
{
    font-family: 'din';
    src: url('/fonts/din-medium.eot'); /* For IE */
}

@font-face
{
    font-family: 'din';
    src: url('/fonts/din-medium.ttf'); /* For CSS3 */
}

@font-face
{
    font-family: 'bodoni12';
    src: url('/fonts/bodoni-twelve.eot'); /* For IE */
}

@font-face
{
    font-family: 'bodoni12';
    src: url('/fonts/bodoni-twelve.ttf'); /* For CSS3 */
}

a, a:hover {
    text-decoration: none;
}

body
{
    background-color: #fff;
    font: 14px din, verdana, arial, helvetica, sans-serif;
    color: #666;
    margin: 0;
    height: 100%; /* Hack for modal dialogs in IE */
}

#camerastream, #camerastream-bin {
    text-align: center;
}
#camerastream video, #camerastream-bin video {
    position: static;
}
#camerastream canvas, #camerastream-bin canvas {
    display: none;
}
@media screen and (max-width: 700px) {
    #camerastream, #camerastream-bin {
        text-align: initial;
    }
    #camerastream video, #camerastream-bin video {
        position: fixed;
        left: 0;
    }
    #camerastream canvas, #camerastream-bin canvas {
        display: inline-block;
    }
}

a
{
    text-decoration: none;
}

p
{
    margin: 0.5em 0;
}

textarea, select, input[type="text"], input[type="number"], input[type="password"]
{
    font: 14px din, verdana, arial, helvetica, sans-serif;
    color: #666;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 4px;
    padding: 4px 2px;
    display: inline;
}

#mobile textarea, #mobile select, #mobile input[type="text"], #mobile input[type="number"], #mobile input[type="password"]
{
    font-size: 12px;
}

input[type="number"]
{
    text-align: right;
}

table, tr, td
{
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    font: 14px din, verdana, arial, helvetica, sans-serif;
    color: #666;
}

#mobile table, #mobile tr, #mobile td
{
    font-size: 12px;
}

/* ************************************************************************* */

.address_list
{
    border: 0;
}

.alert
{
    color: #cc0000;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0px;
    padding: 2px;
}

.alert a{
    color: #cc0000;
    text-decoration: underline;
}

#alert div
{
    width: 420px;
    height: auto;
    margin: 200px auto;
    padding: 20px;
    border: 2px solid #900;
    background-color: #fcc;
    font-size: 14px;
    color: #900;
}

#mobile #alert div
{
    width: 260px;
    margin: 100px auto;
}

#alert p
{
    text-align: center;
}

#alert .button
{
    background-color: #83c341;
    width: 100px;
}

.bootbox.modal.bootbox-alert .btn-primary {
    background-color: #2B669A;
    background-image: none;
}

.box {
    border: 1px solid #666;
    padding: 4px;
}

a.button
{
    background-color: #83c341;
    display: block;
    padding: 10px 5px;
    margin: 20px 10px 20px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
}

#mobile a.button
{
    display: block;
    padding: 8px 4px;
    margin: 10px 5px 10px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
}

.btn, .btn:hover {
    color: #fff;
    text-transform: uppercase;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}

.button_cancel
{
    border-color: #666666;
    background-color: #666666;
}

.button_cancel:hover
{
    background-color: #888888;
}

.button_home
{
    border-color: #666666;
    background-color: #666666;
}

.button_home:hover
{
    background-color: #888888;
}

.button_back
{
    border-color: #666666;
    background-color: #666666;
    cursor: pointer;
}

.button_installation, .button_action
{
    border-color: rgb(237,128,35);
    background-color: rgb(237,128,35);
}

.button_installation:hover, .button_action:hover
{
    background-color: rgb(237,144,64);
}

.button_inventory
{
    background-repeat: repeat-x;
    border-color: rgb(0,158,213);
    background-color: rgb(0,158,213);
}

#button_item
{
    background-repeat: repeat-x;
    border-color: rgb(0,158,213);
    background-color: rgb(0,158,213);
}

.button_inventory:hover
{
    background-color: rgb(93, 170, 240);
}

.button_misc, .button_ok, #button_bill_for_missing_items
{
    border-color: rgb(131,195,65);
    background-color: rgb(131,195,65);
}

.button_sm
{
    padding: 2px 6px;
}

.button_warn
{
    border-color: rgb(245,51,63);
    background-color: rgb(245,51,63);
}

.button_misc:hover, .button_ok:hover, #button_bill_for_missing_items:hover
{
    background-color: rgb(165,232,74);
}

.button_pla
{
    border-color: rgb(0,123,133);
    background-color: rgb(0,123,133);
}

.button_pla:hover
{
    background-color: rgb(0,156,168);
}

.button_small, .button_small:hover
{
    padding: 0.3em;
    font-size: 80%;
}

.button_stockroom
{
    border-color: #990099;
    background-color: #990099;
}

.button_stockroom:hover
{
    background-color: #bb00bb;
}

div.buttons_landing a
{
    width: 235px !important;
    margin: 0 15px 11px 0 !important;
    display: block;
}

#mobile div.buttons_landing a
{
    width: 290px !important;
}

#container
{
    width: 980px;
    margin: 20px auto;
    table-layout: fixed;
}

#content
{
}

td#content
{
    padding: 20px 0;
    vertical-align: top;
}

#dashboard_content
{
    margin: 3px 0;
}

#dashboard_content select
{
    background-color: #fff;
    font: 14px din, verdana, arial, helvetica, sans-serif;
    color: #666;
}

.dashboard_hot
{
    background-color: #ff9;
}

.dataheader th
{
    padding: 4px 4px 8px 4px;
}

td#header
{
    width: 780px;
}

tr.hilite
{
    background-color: #ff6;
}

#home .button
{
    width: 320px;
}

#mobile #home .button
{
    width: 280px;
}

#inventory_list td
{
    vertical-align: top;
}

#inventory_list th, .listheader
{
    width: 370px;
    background-color: #666;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    padding: 0.5em;
    border-radius: 4px;
}

a.inventory_list
{
    display: block;
    color: #666;
    border: 1px solid #666;
    margin: 4px 0;
    min-height: 3.5em !important;
    vertical-align: middle;
    padding: 0.5em;
    border-radius: 4px;
    width: 370px;
}

.inventory_list_item
{
    color: #666;
    border: 1px solid #666;
    padding: 8px;
    margin: 4px 0;
    width: 354px;
    height: 20px;
    vertical-align: middle;
    border-radius: 4px;
}

#mobile #inventory_list th, #mobile .listheader
{
    width: 280px;
    font-size: 12px;
}

#mobile a.inventory_list, #mobile .inventory_list_item
{
    width: 280px;
}

a.inline_button
{
    display: inline;
}

#mobile a.inline_button
{
    display: inline;
}

#item_detail .dataheader
{
    background-color: #418fde;
    color: #fff;
    vertical-align: bottom;
}

#item_detail table
{
    border: 2px solid #418fde;
}

#item_detail td
{
    padding: 6px;
}

#item_list
{
}

#item_list a
{
    color: #fff;
}

#item_list th, #missingItemsModal .datatable th, #adjustmentModal .datatable th, #laundry th, #laundry.form td.sub-header
{
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
}

#mobile #item_list th
{
    font-size: 13px;
}

#item_list td, #missingItemsModal .datatable td, #adjustmentModal .datatable td, #laundry.list td
{
    color: #666;
    border-bottom: 1px solid #666;
    padding: 0;
    border-spacing: 0;
    vertical-align: middle;
}

#item_list tr, #missingItemsModal .datatable tr, #adjustmentModal .datatable tr, #laundry.list tr
{
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}

#item_list tr.done, #item_list .done input
{
    background-color: #ccc;
}

#item_list tr.part, #item_list .part input
{
    background-color: #ddf;
}

#item_list tr.rir, #item_list .rir input, #item_list p.rir
{
    background-color: #ece;
}

#item_list tr.short, #item_list .short input, #item_list p.short, #missingItemsModal tr.short, #missingItemsModal .short input, #missingItemsModal p.short, #adjustmentModal tr.short, #adjustmentModal .short input, #adjustmentModal p.short
{
    background-color: #fcc;
}

#item_list tr.workorder
{
    background-color: #CCFF99;
}

#item_list .dataheader td
{
    padding: 5px 5px 5px 0;
    margin: 20px 10px 20px 0;
    border: 0;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

#item_list .category, #missingItemsModal .category, #adjustmentModal .category
{
    background-color: rgb(80, 145, 205);
    font-size: 14px;
    vertical-align: bottom;
    padding: 2px;
}

#item_list img.photo
{
    border-right: 1px solid #666;
    margin-right: 5px;
}

#item_list .notes
{
    border: 1px solid #999;
    color: #999;
    padding: 10px;
    margin: 10px 0;
    text-align: justify;
}

#login
{
    padding-top: 20px;
}

#login .button
{
    width: 280px;
    background-color: #83c341;
    margin: 0;
}

#mobile
{
    font-size: 12px;
    width: 300px;
    margin: 0 auto;
}


#mobile #login .button
{
    width: 180px;
}

#login td
{
    padding: 5px 0;
}

#logout
{
    float: right;
    font-size: 12px;
    color: #999;
}

#logout a
{
    color: #999;
}

td#logo
{
    width: 200px;
}

.ismodal
{
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/modal-bg.png);
}

#menu
{
    clear: both;
    display: none;
    margin-top: 50px;
}

#menu .button
{
    background-color: #418fde;
    width: 292px;
}
#nav-link {
    display: none;
}

@media (max-width: 700px) {
    td#navigation {
        visibility: hidden;
        position: absolute;
        top: 40px;
        right: 20px;
        background-color: #fff;
        padding: 7px;
    }
    #nav-link {
        display: inline;
    }
    td#content {
        width: 100%;
    }
}

#mobile #menu a
{
    display: block;
    margin-bottom: 0.5em;
}

#alert .button
{
    background-color: #900;
}

#navigation
{
    position: fixed;
    top: 192px;
    vertical-align: top;
    width: 200px;
}

#navigation .btn
{
  width: 180px;
  margin-bottom: 1em;
  white-space: normal;
  word-wrap: break-word;
}

div.message
{
    display: none;
    width: 370px;
    border: 1px solid #666;
    border-radius: 4px;
    padding: 0.5em;
    margin: 4px 0;
}

.message .button
{
    display: block;
    padding: 6px 3px;
    margin: 0.5em 0 0 0;
    width: 100px;
}

#message div
{
    width: 420px;
    margin: 200px auto;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
}

#mobile div.message
{
    width: 280px;
}

#mobile #message div
{
    width: 280px;
    margin: 0 auto;
    padding: 20px;
}

#message a.button
{
    width: 190px;
    margin: 10px 0 0 0;
}

#message tr, #message td
{
    border: 0;
}

#order_list td
{
    vertical-align: top;
}

#order_list th
{
    width: 354px;
    background-color: #666;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
}

a.order_list
{
    display: block;
    color: #666;
    border: 1px solid #666;
    border-radius: 4px;
    padding: 0.5em;
    margin: 4px 0;
    width: 354px;
    height: auto;
    min-height: 5.5em;
    vertical-align: middle;
}

#mobile a.order_list
{
    width: 280px;
}

#photo div
{
    width: 440px;
    height: auto;
    margin: 50px auto;
    padding: 20px;
    border: 2px solid #333;
    background-color: #fff;
    font-size: 14px;
    color: #900;
}

#mobile #photo div
{
    width: 280px;
    margin: 44px auto;
    padding: 10px;
}

#mobile #photo img
{
    width: 260px;
}

#photo p
{
    text-align: center;
}

#photo .button
{
    background-color: #666;
    width: 100px;
}

.small
{
    font-size: 85%;
}

.title
{
    font: 48px bodoni12;
    color: #83c341;
    margin-top: 20px;
    padding: 0;
}

#mobile .title
{
    font: 24px bodoni12;
    color: #83c341;
    margin: 50px 0 4px 0;
    padding: 2px;
}

#toplinks
{
    position: fixed;
    top: 0;
    background-color: #fff;
    width: 300px;
    height: 48px;
    padding-top: 6px;
}

#toplinks a
{
    font-size: 110%;
    color: #666;
    margin: 0 6px;
}

#transfer div
{
    width: 420px;
    margin: 200px auto;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
}

#mobile div.transfer
{
    width: 280px;
}

#mobile #transfer div
{
    width: 280px;
    margin: 0 auto;
    padding: 20px;
}

a.unit_type
{
    display: block;
    color: #666;
    width: 360px;
    border: 1px solid #666;
    border-radius: 4px;
    padding: 8px;
    margin: 4px 0;
}

#mobile a.unit_type
{
    width: 280px;
}

.yt-link
{
    float: left;
    margin: 30px;
    width: 200px;
    text-align: center;
}

div#spanish-videos, div#webinars, div#manuals {
    clear: both;
}

.manual
{
    display: block;
    clear: both;
    margin: 30px;
    width: 200px;
    text-align: center;
}

#signaturename {
    text-align: center;
    font-weight: bold;
    font-size: 150%;
    margin-top: 20px;
    display: none;
}

#signature {
    width: 75%;
    border-bottom: 3px solid black;
    height: 30px;
    display: none;
    margin-bottom: -5px;
}

/* Print-specific stuff, to make things look nicer when printed. */

.print-content {
    display: none !important;
}

@media print {

    .print-content {
        display: block !important;
    }
    textarea {display: none !important;}

    #item_list tr.short, #item_list .short input, #item_list p.short, #missingItemsModal tr.short, #missingItemsModal .short input, #missingItemsModal p.short, #adjustmentModal tr.short, #adjustmentModal .short input, #adjustmentModal p.short
    {
        background-color: #fcc !important;
    }

    input[type="image"] {
        display: none;
    }

    #signaturename{
        display: inline-block;
        page-break-inside: avoid !important;
    }
    #signature {
        display: inline-block;
        page-break-inside: avoid !important;
    }
    .datatable thead
    {
        border-bottom : 2px solid #000000;
    }

    .datatable th
    {
        background-color: #666 !important;
    }

    .datatable th.category
    {
        background-color: #418fde !important;
    }

    .nonprinting
    {
        display: none;
    }

    .navigation
    {
        display: none;
    }

    thead { display: table-row-group }
    tr, td, th {
        page-break-inside: avoid !important;
    }

    .part {
        display: table-row !important;
    }

    #item_list tr.print_short, #item_list .part print_short
    {
        background-color: #ddf !important;
    }

    body{
        -webkit-print-color-adjust:exact !important;
        print-color-adjust:exact !important;
    }

}

input[type=checkbox]#hide-zero, input[type=checkbox]#hide-at-par, input[type=checkbox]#show-all {
    width: 18px;
    height: 18px;
}

.hilite {
    background-color:yellow;
}

#searcher_cont {
    display: none;
    position:fixed;
    top:0px;
    right:0px;
    width: 100%;
    border-color: rgba(131,195,65, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 15px rgba(131,195,65, 0.6);
    outline: 0 none;
    padding: 5px;
    background-color: #fff;
    cursor: pointer;
}

#searcher_cont .close {
    margin-top: 4px;
    margin-left: 5px;
}
#searcher {
    cursor: initial;
    width: 80%;
}

.under_table {
    margin-top: 20px;
}

.forgot-pw-link {
    padding-left: 30px;
}

#item_list .chosen-container-single .chosen-single
{
    color: #444;
}

#item_list .chosen-container .chosen-results a
{
    color: #428bca;
}

#item_list .chosen-container-single .chosen-default {
    color: #999;
}

.modal-body input[disabled] {
    background-color: #DCDAD1;
}

.chosen-container-single .chosen-single span
{
    text-overflow: initial;
}

#adjustmentModal .chosen-container{
    /*Workaround for a bug with chosen that will set it's width to 0px when initialized in a hidden modal*/
    width: 180px !important;
}

#transfer-expiration-batch td, #adjustment-remove-expiration-batch td, #adjustment-add-expiration-batch td {
    padding: 6px;
}

#expiration-batches-table thead th:last-child{
    text-align: right;
    padding-right: 10px;
}

#expiration-batches-table thead th:last-child a{
    color: white;
    text-decoration: underline;
}


#expiration-batches-table.hide-body tbody{
    display: none;
}

#laundry.list td, #laundry.list .dataheader th, #laundry.form td.sub-header {
    padding: 8px;
}

#laundry.list .dataheader th, #laundry.form td.sub-header {
    color: white;
    background-color: #666;
}

#laundry.list .dataheader th, #laundry.form td.bin-header {
    font-size: 18px;
    font-weight: bold;
}

#laundry.list .dataheader th, #laundry.form td.bin-separator {
    border-bottom: 1px solid #666;
}

#laundry.form td {
    vertical-align: top;
    padding: 4px;
}

#laundry.form td.description, #laundry.form td.notes {
    padding-bottom: 20px;
}

.work-order-div {
    display: none;
}

.work-order-div.show {
    display: block;
}

small.timestamp {
    display: block;
    font-size: 12px;
}

.request-note {
    clear: both;
}

#scanner, #bin-scanner {
    position: fixed;
    z-index: 1400;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: none;
}

.adjustment-button {
    display: inline-block;
    margin-left: 20px;
    float: right;
}

.adjustment-inline {
    display: inline-block;
    margin-left: 12px;
}

@media screen and (min-width: 700px) {
    .left-adjustments {
        width: 50%;
        float: left;
    }
}

#question_list .datatable tr {
    margin-bottom: 10px;
}
#question_list .datatable tr td {
    padding-top: 8px;
    padding-bottom: 8px;
}