/* =============================================================================

        STYLE.CSS
        version: 1.6
        updated: 2009-03-06, 13:00 GMT+1

============================================================================= */

/* =============================================================================
HTML - styles
============================================================================= */

body {background-color:#eaeaea; color:#303030;}
a {color:#0085cc;}
a:hover, a:active, a:focus {color:#df0000;}
#content h2 {color:#0085cc;}
#content table {border:1px solid #cfcfcf;}
#content table th {border-right:1px solid #0074B3; background-color:#0085cc; color:#fff;}
#content table td {border:1px solid #cfcfcf;}
#content table tr.bg td {background-color:#e8f6ff;}
#content dl dt {color:#df0000;}
#content fieldset {border:1px solid #ccc;}
#content legend {background:#FFF; color:#0085cc;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

/* =============================================================================
HTML - without styles
============================================================================= */

table.nostyle th, dl.nostyle dt {color:#303030 !important;}

/* =============================================================================
LAYOUT
============================================================================= */

#tray {background-color:#303030; color:#cfcfcf;}
#tray a, #tray strong {color:#fff;}
#tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;}
#menu {background-color:#0085cc;}
#menu ul li a {background-color:#fff; color:#303030;}
#menu ul li a span {background-color:#FFF;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#df0000;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;}
#menu ul li#menu-active a {color:#0085cc;}
#menu ul.f-right a {color:#df0000;}
#content {border:1px solid #afafaf; background:#fff;}
#footer {color:#707070;}
#footer a {color:#707070;}
#footer a:hover, #footer a:active, #footer a:focus {color:#303030;}

/* =============================================================================
OTHERS
============================================================================= */

#aside #logo img {border:1px solid #bfbfbf;}
#aside #search fieldset a {color:#303030;}
#aside #search fieldset {border:1px solid #bfbfbf;}
#aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#df0000;}
#aside #btn-create a {background-color:#fff; color:#303030;}
#aside #btn-create a span {background-color:#fff;}
#aside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;}
#aside ul li#submenu-active a {background-color:#df0000; color:#fff;}
#aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#df0000;}
#aside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; background-color:#f5f5f5; color:#303030;}
#aside ul li ul li a {background-color:#e3e3e3;}
#aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#df0000;}
#content h1 {background-color:#303030; color:#fff;}
#content .tabs {border-bottom:1px solid #cfcfcf;}
#content .tabs a {text-decoration: underline; }
#content .tabs a span {color:#303030;}
#content .tabs .ui-tabs-selected a {color:#fff;}
#content .tabs .ui-tabs-selected a span {color:#fff;}
.high {color:#df0000;}
.high-bg {background:#FFB;}
.low {color:#707070;}
#preSalesNewOrdersInfoBox {text-align: center; position: fixed; bottom: 30px;left: 0; background: #e8e8e8; color: #9E9E9E; display: none; border:1px solid #cfcfcf; border-bottom-right-radius: 4px;}
.preSalesNewOrdersHeading {margin: 15px; color: #757575;}
.preSalesNewOrdersSubBox {border-top: 1px solid #cfcfcf; padding: 3px 64px; text-align: center; color: #BDBDBD; background: #f5f5f5;}
.text {color: #303030; font-size: 12px;}
.customBadge {margin: 0 auto; font-weight: bold; color: #303030; font-size: 13px;}

/* =============================================================================
MESSAGES
============================================================================= */

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}
.msg.details {border:2px solid #BBDF8D; background-color:#EAF7D9;}

#pallet-config-form input {
    width: 80px !important;
}

#example_paginate ul li, #example1_paginate ul li  {
    padding-left: 0px !important;
    background: url("")  !important;
}

form .error {
    color: #ff0000;
    font-weight: normal;
    /*display: block;*/
    margin-left: 5px;
}

/*.gallery-images {
    padding: 5px;
    background: white;
    border: 1px solid #BBB;
    margin: 7px 14px 7px 0;
    width: 100px;
    height: 100px;
}*/


div.wrapper{  
    float:left; /* important */  
    position:relative; /* important(so we can absolutely position the description div */  
    width: 100px;
    height: 100px;
    padding: 0px 10px 0 0px;
}  
div.wrapper img{
    border: 1px solid #BBB;
}

div.image-action {  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:5px;  
    /* styling bellow */  
    font-family: 'tahoma';  
    font-size:20px;  
    color:white;  
    opacity:0.6; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */  
    
}  

div.image-action span {
    color: red;
}

div.wrapper:hover .image-action {
    transform: scale(1.5, 1.5);
    opacity: 1;
}

.action-icon {
    border: 0; 
    text-decoration: none;
}

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

#table-invoice-main {
    background: white;
    margin: auto !important;
    width: 70%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    animation: float 5s infinite;
    margin-bottom: 40px !important;
    
}

td.width50 {
    width: 50%;
}

#table-invoice-main td {
    padding: 10px !important;
    border: 0px solid #afafaf !important;
}

#invoice-heading {
    text-align: center;
}

td.invoice-stickers div {
    border: 3px solid #f4f6f9 !important;
    min-height:150px;
    padding: 10px;
}
span.invoice-stickers-headers {
    color: #a9b1bc;
    font-size: 18px;
}

#invoice-orders-list {
    width: 100%;
    border-collapse: collapse !important;
}

#invoice-orders-list td {
    border: 1px solid #edeff2 !important;
    padding: 8px !important;
}

td.invoice-orders-list-headings, td.invoice-orders-list-headings-right {
    font-weight: bold;
    background-color: #edeff2;
}

td.invoice-orders-list-headings {
    text-align: left;
}

td.invoice-orders-list-headings-right {
    text-align: right;
}

td.invoice-totals {
    text-align: right;
    font-weight: bold;
}

td.invoice-amounts {
    text-align: right;
}

table.dataTable {
    border-collapse: collapse !important; 
}

tr.border_bottom td{
    padding: 3px 3px;
    border-bottom: 1px solid #cfcfcf;
}

#switch-table-last-col {
    padding: 5px 5px;
}

tr.top td {
  border-top: thin solid #cfcfcf;
}

tr.bottom td {
  border-bottom: thin solid #cfcfcf;
}

tr.row td:first-child {
  border-left: thin solid #cfcfcf;
  background-color: #f5f5f5; padding: 5px 5px;
}

tr.row td:last-child {
  border-right: thin solid #cfcfcf;
  background-color: #f5f5f5; padding: 5px 5px;
}