.clickable {
    cursor: pointer;    
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type="date"]::-webkit-calendar-picker-indicator{
    display:inline-block;
    margin-top:5px;
    float:right;
}
input[type="date"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
}
.ui-dialog .ui-header a.ui-btn-left { display:none; }

.ui-btn-corner-all {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -border-radius: 5px;
}

.ui-corner-all {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -border-radius: 5px;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;;
}

.ui-corner-top {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;;
}

a.ui-shadow {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}

ul.ui-shadow {
    -moz-box-shadow: 0 0 15px #888;
    -webkit-box-shadow: 0 0 15px #888;
    box-shadow: 0 0 15px #888;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.mag20 { margin: 20px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.rad5 { border-radius: 5px; }
.rad10 { border-radius: 10px; }

.shadow {
    -moz-box-shadow: 0 0 15px #888;
    -webkit-box-shadow: 0 0 15px #888;
    box-shadow: 0 0 15px #888;
}

div.imgbox {
    height: 125px;
    width: 125px;    
}

div.loading {
    width: 125px;
    height: 125px;
    position: absolute;
    top: 50%;
    margin-top: -63px;
    left: 50%;
    margin-left: -63px;
    background: #fff url(/images/loading.gif) no-repeat;
    border-width: 0px;
    border-style: solid;
    border-color: #eee;
    border-radius: 25px;
    -moz-box-shadow: 0 0 15px #888;
    -webkit-box-shadow: 0 0 15px #888;
    box-shadow: 0 0 15px #888;
    opacity: 0.75;
}

table.adims_table {
width: 100%;
text-shadow: 0 1px 0 #eee;
font-weight: 700;
color: #555;
border-spacing: 0px;
font-size: 1em;
font-family: monospace;
border-width: 1px;
border-style: solid;
border-color: #aaa;
border-radius: 3px;
overflow: hidden;
}

table.adims_table th {
text-align: left;
border-color: #333;
background-color: rgb(234, 238, 241);
background-image: linear-gradient(rgb(240, 243, 245), rgb(225, 230, 235));
border-bottom-color: rgb(182, 186, 191);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgba(0, 0, 0, 0.0980392);
border-right-color: rgba(0, 0, 0, 0.0980392);
border-top-color: rgba(0, 0, 0, 0.0980392);
color: rgb(85, 85, 85);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
height: 20px;
line-height: 20px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 4px;
padding-left: 12px;
padding-right: 12px;
padding-top: 4px;
text-shadow: none;
}

table.adims_table th.tl {
    border-radius: 0px 0px 0px 0px;
}

table.adims_table th.tr {
    border-radius: 0px 0px 0px 0px;
}

table.adims_table th.top {
    border-radius: 0px 0px 0px 0px;
    border-width: 0px;
}

table.adims_table td.bottom {
    padding: 5px;
    color: #000;
    text-shadow: 0 1px 0 #EEE;
    text-align: center;
    border-radius: 0px;
    border: 0px solid #333;
    background-color: #fff;
}


table.adims_table td {
    padding: 15px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #ccc;
    color: #555;
    text-shadow: 0 1px 0 #EEE;
    font-weight: 700;
}

table.adims_table tr.odd {
    background-color: #f7f7f7; 
}

table.adims_table tr.even {    
    background-color: #efefef; 
}

table.adims_table tr:hover {
    background-color: #E0EEEE; 
    cursor: pointer;
}

table.adims_table tr.nohover:hover { 
    background-color: transparent; 
}



#adims-inventory-items-edit-images-content-upload {
    border-width: 1px;
    border-style: solid;
    border-color: #eee;
    border-radius: 5px;
    text-align: center;
    padding: 35px;
}

div.item-image-list-box {
    float: left;
    height: 100px;
    border-width: 0px;
    border-style: solid;
    border-color: #eee;
    border-radius: 5px;
    padding: 25px;
    margin: 5px;
}

div.item-image-list-box:hover {
    background: #eee;
    border-color: #aaa;
}

.statusbox {
    background-color: lightyellow;
    border-style: solid;
    border-color: lightblue;
    border-width: 1px;
    border-radius: 5px;
    padding: 15px;
    margin: 5px;
}

.errorbox {
    background-color: pink; 
    border-style: solid;
    border-color: darkred;
    border-width: 1px;
    border-radius: 5px;
    padding: 15px;
    margin: 5px;
}

.product_box {
    float: left;
    height: 175px;
    text-align: center;
    overflow: hidden;
    border-style: solid;
    border-color: #eee;
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
}

.product_box:hover {
    background: #eee;
    border-color: #ccc;
}

.product_box label {
    display: block;
    width: 100%;
    height: 100%;
}

.product_box img {
    border-radius: 5px;
}

table.trans_edit {

    border-width: 0px;
    border-style: dotted;
    border-color: #eee;
    font-family: Andale Mono, monospace;
}

table.trans_edit tr.trans_top {

    font-weight: bold;

}

table.trans_edit td.trans_top {
    border-style: solid;
    border-width: 0px; 
    border-color: #aaa;
}


table.trans_edit div.trans_products {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.trans_edit td.trans_products {
    border-width: 0px;
    border-style: solid;
    border-color: #aaa;
}

table.trans_edit td.trans_products td {
    
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #ddd;
    padding: 0px;
}

table.trans_edit div.trans_adjustments {
    max-height: 200px;
    overflow-y: auto;
}

table.trans_edit td.trans_adjustments {

    border-width: 0px;
    border-style: solid;
    border-color: #eee;

}

table.trans_edit td.trans_adjustments td {

    border-width: 0px;
    padding: 2px;
    color: #777;
}

table.trans_edit tr.trans_total td {
    padding: 5px;
    font-size: 1.25em;
    font-weight: bold;
}

.trans_prod_editable {
    border-width: 1px;
    border-style: solid;
    border-color: #eee;
    height: 45px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    font-family: Andale Mono, monospace;
    text-align: center;
    width: 100%;
}

.trans_prod_editable.readonly {
    color: #777;
}

.trans_prod_editable.button {
    background-color: #eee;
    border-radius: 2px;
    border-style: solid;
    border-color: #ddd;
    font-weight: bold;
    color: red;
}

.ui-dialog.adims-transactions-edit .ui-dialog-contain { margin-top: 0; padding-top: 0 }

tr.changed {
    background-color: yellow;
}

tr.error {
    background-color: red;
}

tr.trans_products_new {
    opacity: 0.25;
}
tr.trans_products_new.focus {
    opacity: 1.0;
}

tr.trans_adjustments_new {
    opacity: 0.25;
}   
tr.trans_adjustments_new.focus {
    opacity: 1.0;
}