/** hide preview element **/
a .orderPreview {
    display: none !important;
    max-width: 300px;
    max-height: 300px;
}

a:hover .orderPreview {
    font-size: 1.5em;
    color: red;
    display: block !important;
    position: absolute;
    margin-left: -18.5em;
    margin-top: -5em;
    padding: 4px;
    z-index: 25;
    border: 2px solid #4A4A4A;
    background: #4A4A4A;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.clearer {
    clear: both;
}

/** Version at the bottom **/
body #ProFITVersion {
    position: fixed;
    color: #222222;
    bottom: 0;
    right: 0.5%;
    padding: 4px;
    border-radius: 7px 7px 0 0;
}

/* Table style for listing order items, search results, etc*/
table.small-padding td {
    padding: 2px !important;
}

table.no-padding td {
    padding: 0 !important;
}

table.normal-padding td {
    padding: 10px !important;
}
div.normal-padding {
    padding: 10px;
}

table.list-table {
    border-radius: 10px;
    border: 1px solid #468A1C;
    background-color: #468A1C;
    border-collapse: separate;
    border-spacing: 0;
}

table.list-table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
table.list-table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

table.list-table th {
    border: 0;
    font-style: normal;
    padding: 5px;
    text-align: left;
    color: #000;
    font-weight: normal;
}

table.list-table td {
    vertical-align: middle;
    padding: 10px;
}

table.list-table table th {
    border: 0;
    font-style: normal;
    padding: 5px;
    text-align: left;
    color: #fff;
    font-weight: bold;
}

table.list-table table th {
    border: 0;
    font-style: normal;
    padding: 5px;
    text-align: left;
    color: #fff;
    font-weight: bold;
}

table.list-table .odd {
    background-color: #222222;
}

table.list-table .even {
    background-color: #111111;
}

.base_color {
    color: #468A1C
}

.mouse-over {
    background-color: rgba(70, 138, 28, 0.5) !important;
}

.rush-odd {
    background-color: #441111;
}

.rush-even {
    background-color: #661111;
}

.selected {
    background-color: #993366;
}

.gray-value {
    color: #888888;
}

.green-value, .text-green {
    color: #99FF00;
}

.brown-value {
    color: #FF6600;
}

.red-value, .text-red {
    color: #FF3300;
}

.blue-value {
    color: #6699CC;
}

.orange-value {
    color: orange;
}

.text-small {
    font-size: 12px;
}

.text-medium {
    font-size: 16px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-color: #aaa;
    min-height: 100%;
}
/** gray block for aligned data **/
.gray-block {
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    background-color: #444444;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: top;
}

.gray-block-parent {
    display: table;
    border-spacing: 10px;
}
.gray-block-parent dl {
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    background-color: #444444;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: top;
    width: 320px;
}

.gray-block-parent dl dt {
    padding: 0;
    margin: 0;
    line-height: 22px;
    width: 45%;
    float: left;
    clear: left;
    text-align: right;
    color: #468A1C;
}

.gray-block-parent dl dd {
    color: #FFFFFF;
    margin: 0 0 0 5px;
    padding: 0;
    line-height: 22px;
    width: 50%;
    float: left;
    *float: none;
}

.gray-block-inner {
    border-width: 0px;
    padding: 0;

}

code {
    background-color: #EEEEEE;
    display: inline-block;
    color: #000000;
    padding: 5px;
    border-radius: 10px;
}

/* popups admin style */
.popup {
    left: 20%;
    top:30%;
    background-color: rgb(53, 53, 53);
    border: 1px solid black;
    z-index: 205;
    position: fixed;
}

.popup .header {
    margin: 0px;
    float: left;
}

.popup .close {
    float: right;
    color: orange;
    margin: 0px;
}

.normal-margin-left {
    margin-left: 20px !important;
}
.hidden {
    display: none;
}

.center {
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
    text-align: right;
}

.fixed {
    position: fixed;
}

.error {
    color: #FF5522;
}

.normal-margin-right {
    margin-right: 10px;
}

.bold {
    font-weight: bold;
}

.min-width-normal {
    min-width: 600px;
}

.normal-width {
    width: 400px;
}

.mouseOver {
    background-color: #468A1C;
}

.block {
    display: block;
}

.folding-viewer {
    float: left;
}

.folding-controls {
    height: 600px;
    width: 360px;
    float: right;
}

.folding-buttons {
    height: 600px;
}

.viewer-anchor {
    width: 650px;
    height: 650px;
}

.half-width {
    width: 50%;
}

.block-center {
    margin: 0 auto;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

.text-left {
    text-align: left;
}

.manual-scanner input {
    width: 250px;
}