body {
    padding: 50px;
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif !important;
}

a {
    color: #0074cc;
}

input[type=text], input[type=tel], input[type=password], input[type=number]
{
    font-size: 2.5em;
    border:1px solid #aaa;
    border-radius:0em;
    padding:0.2em;
    padding-left:0.6em;
    /*box-shadow:inset 0 0 0.2em rgba(0, 0, 0, 0.4);*/
}

fieldset {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
}


fieldset legend{
    width:auto;
    border-width:0px;
    margin-bottom:0px;
    font-size:17px;
    color:#999;
    padding-left:5px;
    padding-right:5px;
}

fieldset .row{
    margin: 10px 0px 0px 0px;
}

.right{
    float:right !important;
}

.main {
    float: left;
    height: 100%;
    margin-top: 40px;
    width: 100%;
}

.main-loader{
    width:100%;
    height:60px;
    float:left;
    position: fixed;
    left:0px;
    top:50%;
    margin-top:-30px;
    display:none;
}

.main-loader .main-loader-inner{
    position:relative;
    width:100%;
    height:100%;

}

.main-loader .main-loader-overlay{
    background:#ccc;
    opacity: 0.4;
    width:100%;
    height:100%;
    position:absolute;
}

.main-loader .loader{
    position:absolute;
    top:20px;
    left:50%;
    margin-left:-75px;
    width:150px;
    height:20px;
}

.main .btn-default {
    border-radius: 0 !important;
    float: left;
}

.report-box {
    overflow: hidden;
    position: relative;
    top: 50px;
    width: 100%;
}

.report-box table tr td{ line-height:26px;}

.btn {
    border-radius: 0;
}

.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

.btn {
    float:left;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.order .btn.apply{
    font-size:17px;
    padding:7px 12px;
    margin-top:10px;
}

.input-group-addon{
    border-radius: 0px;
}

.desc.title {
    color: #0074cc;
    line-height: 30px;
}

.desc {
    float: left;
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 16px;
    padding-right: 8px;
}

.desc.title .desc{
    margin-bottom:0px;
}

.cap {
    color: #aaa;
    float: left;
    font-size: 1.5em;
    margin-bottom: 1em;
    padding-right: 0.5em;
}

.cap.small {
    font-size: 15px;
    margin-bottom: 0px;
    padding-top:2px;
}

.report-filter .cap.small{
    line-height:30px;
}


.desc.small{
    font-size: 14px;
    padding-top:2px;
    magin-bottom:0px;
    /*line-height:20px;*/ /* for invoice.details */
}

.main button.print, .main button.clean {
    box-shadow: none;
    float: right;
    height: 34px;
    width: 34px;
    margin-right: 10px;
    margin-top: 0;
    padding: 0;
    border:1px solid #ccc;
}

.main button.print-tables{
    box-shadow: none;
    float: right;
    height: 34px;
    width: auto;
    margin-right: 10px;
    margin-top: 0;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #ccc;
}

#dtp-current {
    float: left;
    height: 40px;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 10px;
    width: 235px;
}

#dtp-current input {
    font-size: 1.3em;
    height: 40px;
}

.order select.filled {
    background: #888 none repeat scroll 0 0;
    border: 0 none;
    color: white;
    float: left;
    font-size: 1.2em;
    margin-top: 10px;
    max-width: 450px;
    padding: 0.5em;
}

.invoice-num {
    float: left;
    font-size: 29px !important;
    line-height: 38px;
    margin-top: 10px;
    margin-left:15px;
    padding: 0 0 0 10px !important;
}

.invoice-num:focus{
    background:#00d9a8;
    box-shadow:none;
}

.find-invoice{
    border:1px solid #ccc;
    font-size:18px;
    float:left;
    margin-top:10px;
    margin-left:10px;
}

.barcode.for-search{
    float: left;
    font-size: 29px;
    line-height: 38px;
    margin-top: 10px;
    padding: 0 0 0 10px;
    width:330px;
}

.barcode:focus{
    background:#149bdf;
    box-shadow:none;
}

.barcode-desc {
    float: left;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    margin-top: 10px;
}

.barcode-count {
    float: left;
    font-size: 30px;
    width: auto;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    padding-right: 10px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 10px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.main.action .options{
    float:right;
    margin-top:10px;
}

.options .btn-primary{
    padding-bottom: 7px;
    padding-top: 7px;
    font-size:17px;
    /*margin-top:10px;*/
}

.options .dropdown-menu > li > a {
    padding: 5px 20px;
}

.options .dropdown-menu > li > a > i {
    float: left;
    height: 25px;
    padding-right: 8px;
    padding-top: 3px;
    width: 30px;
}

.options .dropdown-menu > li > a > i.fa-recycle{
    padding-top: 5px;
}

.table-options{
    float:right;
}

.table-options .btn-default{
    border:1px solid #ddd;
}

.table-options .dropdown-menu > li > a {
    font-size: 16px;
    padding: 3px 15px;
}

.table-options .dropdown-menu > li > a > i {
    float: left;
    font-size: 17px;
    height: 25px;
    padding-right: 8px;
    padding-top: 3px;
    width: 30px;
}

#table-wrapper {
    position:relative;
    float:left;
    left:0px;
    width:100%;
    min-height:10px;
    margin-top:20px;
    font-size:1.1em;
}

#table-scroll {
    max-height:550px;
    overflow:auto;
    margin-top:20px;
}

#table-wrapper table {
    width:100%;

}

#table-wrapper table * {
    color:black;
}

#table-wrapper table th span {
    position:absolute;
    top:10px;
    z-index:2;
    height:30px;
    border-bottom:1px solid #888;
    background:white;
}

#table-wrapper table th.name span,
#table-wrapper table tbody td.name,
#table-wrapper table tbody tr.summary td.name span{
    width:50%;
}


.return #table-wrapper table th.name span,
.return #table-wrapper table tbody td.name,
.return #table-wrapper table tbody tr.summary td.name span{
    width:45.33%;
}

.transfer #table-wrapper table th.name span,
.transfer #table-wrapper table tbody td.name,
.transfer #table-wrapper table tbody tr.summary td.name span{
    width:60%;
}

.storage-in #table-wrapper table th.name span,
.storage-in #table-wrapper table tbody td.name,
.storage-in #table-wrapper table tbody tr.summary td.name span{
    width:53.3%;
}

#table-wrapper .store-inventory-items th.name span,
#table-wrapper .store-inventory-items tbody td.name,
#table-wrapper .store-inventory-items tbody tr.summary td.name span{
    width:53.33%;
}

#table-wrapper .order-in th.name span,
#table-wrapper .order-in tbody td.name,
#table-wrapper .order-in tbody tr.summary td.name span{
    width:53.33%;
}

#table-wrapper table[type="INVENTORY"] th.name span,
#table-wrapper table[type="INVENTORY"] tbody td.name,
#table-wrapper table[type="INVENTORY"] tbody tr.summary td.name span{
    width:50%;
}

#table-wrapper table[type="SALE"] th.name span,
#table-wrapper table[type="SALE"] tbody td.name,
#table-wrapper table[type="SALE"] tbody tr.summary td.name span{
    width:50%;
}

/*#table-wrapper table.store-inventory-items th.name span,*/
/*#table-wrapper table.store-inventory-items tbody td.name,*/
/*#table-wrapper table.store-inventory-items tbody tr.summary td.name span{*/
    /*width:70%;*/
/*}*/

#table-wrapper table th.barcode span,
#table-wrapper table tbody td.barcode,
#table-wrapper table tbody tr.summary td.barcode span{
    width:20%;
}

#table-wrapper table th.warranty span,
#table-wrapper table tbody td.warranty,
#table-wrapper table tbody tr.summary td.warranty span{
    width:8%;
}

#table-wrapper table tbody td.warranty i.fa{
    color:#555;
}

#table-wrapper table th.count span,
#table-wrapper table tbody td.count,
#table-wrapper table tbody tr.summary td.count span{
    width:10%;
}

#table-wrapper table th.stock span,
#table-wrapper table tbody td.stock,
#table-wrapper table tbody tr.summary td.stock span{
    width:10%;
}

#table-wrapper table th.price span,
#table-wrapper table tbody td.price,
#table-wrapper table tbody tr.summary td.price span{
    width:10%;
}

#table-wrapper table th.v-button span,
#table-wrapper table tbody td.v-button,
#table-wrapper table tbody tr.summary td.v-button span{
    width:3.33%;
}

#table-wrapper table th.v-button,
#table-wrapper table tbody tr.summary td.v-button{
    padding:0px !important;
}

#table-wrapper table tbody tr.summary span{
    position:absolute;
    bottom:-30px;
    z-index:2;
    height:30px;
    line-height:30px;
    border-top:1px solid #888;
}

.sale #table-wrapper table tbody tr.summary span,
.return #table-wrapper table tbody tr.summary span,
.details table tbody tr.summary span{
    bottom:auto;
    margin-top:20px;
}

.details table tbody tr td{
    line-height:30px;
}

#table-wrapper table tbody tr.summary td.name{
    padding:0px;
}

table tbody tr.summary *{
    font-weight:bold;
}

.order-items
{
    float:left;
    width:100%;
    min-height:10px;
    margin-top:20px;
    font-size:1.1em;
}

.sale .order-items{
    margin-top:41px;
}

.order-items tr.data-row.active td{
    background-color:#ddd;
}

.order-items tr.data-row.stock-not-equal td{
    background-color:#eee;
}

.order-items tr.summary
{
    height:35px;
}

.order-items tr td:first-child
{
    padding-left:5px;
}

.order-items tr.data-row td
{
    background-color:white;
    border:0px;
    font-weight:normal;
    line-height:32px;
}

.order-items tr.data-row.v-disabled td, .order-items tr.data-row.v-disabled td i
{
    color:#777 !important;
}

.order-items tr.data-row td:last-child
{
    border:0px;
}

.order-items .v-button i{
    width:34px;
    height:34px;
    font-size:17px;
    padding-left:7px;
    padding-top:7px;
    cursor:pointer;
}

.order-items td.icon{
    width:25px;
}

.order-items td.icon i.compare-success{
    color:#11772d;
    font-size:18px;
}

#compare-orders {
    font-size: 1.3em;
    height: 40px;
    margin-left: 0;
    margin-top: 10px;
    position: relative;
}

#compare-order-items .v-button i{
    opacity: 0 !important;
}

.order-selelect-items{
    height:40px;
     border: 1px solid #ddd;
     color: #333;
     float: left;
     font-size: 1.1em;
     margin-left: 10px;
     margin-top: 0;
     max-width: 200px;
     padding: 0.4em;
     min-width: 110px;
 }

.order-selelect-items option{
    height:30px;
    padding-top:5px;
}

.stock-selelect-items{
    border: 1px solid #ddd;
    color: #333;
    float: left;
    font-size: 1.1em;
    margin-left: 10px;
    margin-top: 0;
    max-width: 200px;
    padding: 0.4em;
    width: 160px;
}


.compare-selelect-items{
    border: 1px solid #777;
    color: #333;
    float: left;
    font-size: 1.1em;
    margin-left: 10px;
    margin-top:10px;
    max-width: 400px;
    padding: 0.4em;
    height:40px;
    width: 160px;
}

.history-order-type{
    border: 1px solid #ddd;
    color: #333;
    float: left;
    font-size: 1.1em;
    margin-left: 10px;
    margin-top: 0;
    max-width: 100px;
    padding: 0.4em;
    width: 160px;
    background:#0074cc;
    color:white;
}


.invoice-summary{
    float:left;
    font-size:1.1em;
    margin-top:30px;
}

.invoice-summary tr.empty
{
    line-height:2.2em;
}

.invoice-summary tr td:nth-child(1){
    width:400px;
}

.invoice-summary tr td:nth-child(2){
    width:60px;
}

.invoice-summary tr.vat
{
    /*border-top:1px solid #eee;*/
    line-height:2em;
}

.invoice-summary tr.discount
{
    line-height:2em;
    /*border-bottom:1px solid #ddd;*/
}

.invoice-summary tr.total
{
    line-height:2.2em;
    background:#ddd;
    font-weight: bold;
}

.invoice-summary tr.payment
{
    line-height:2.2em;
}

.invoice-summary tr.total td
{
    /*padding-left:5px;*/
}

.invoice-info {
    float: left;
    font-size: 1.1em;
    margin-top: 20px;
    min-height: 10px;
    width: 100%;
}

.invoice-info th
{
    background:#ddd;
    padding:8px;
}

.invoice-info tr.data-row td
{
    background:white;
    border:0px;
    /*border-bottom:1px dotted #ddd;*/
    font-weight:normal;
    padding:8px;
}

.invoice-customer tr.data-row td{
    background:#fafafa;
}

.invoice-customer td:first-child{
    width:30px;
    padding:0px !important;
}

.invoice-customer td i, .invoice-customer-store td i{
    background:url('../images/glyphicons.png'); background-position:-700px -308px;
    float: left;
    height: 26px;
    opacity: 0.5;
    width: 26px;
    margin-left:5px;
}

.invoice-customer tr.v-exist td{
    background:#00d9a8;
}

.invoice-customer-store tr.v-exist td{
    background:#00B7FF;
}

.invoice-customer tr.v-exist td i, .invoice-customer-store tr.v-exist td i{
    background:url('../images/glyphicons.png');
    background-position:-874px -308px;
}

.table-items .v-button{
    width:35px;
    padding:0px;
}

.table-items .v-button i.fa-search{
    width:30px;
    height:30px;
    padding-top:11px;
    padding-left:9px;
    cursor:pointer;
}

.table-items .v-button i.fa-pencil {
    cursor: pointer;
    height: 30px;
    padding-left: 10px;
    padding-top: 11px;
    width: 30px;
}

.table-items .v-button i.fa-trash {
    cursor: pointer;
    height: 30px;
    padding-left: 10px;
    padding-top: 11px;
    width: 30px;
    font-size:16px;
}

.table-items .v-button i.fa-eye {
    cursor: pointer;
    height: 30px;
    padding-left: 9px;
    padding-top: 11px;
    width: 30px;
}

.table-items .v-button i.fa-close {
    cursor: pointer;
    height: 30px;
    padding-left: 11px;
    padding-top: 11px;
    width: 30px;
}

.table-items .v-button i.fa-ban {
    cursor: pointer;
    height: 30px;
    padding-left: 11px;
    padding-top: 11px;
    width: 30px;
}

.table-items .v-button i.fa-clone {
    cursor: pointer;
    height: 30px;
    padding-left: 10px;
    padding-top: 11px;
    width: 30px;
}

.table-items td{
    font-size:15px;
}

.table-items tr.data-row.selected td{
    background:rgba(30,144,255,0.8) !important;
}

.v-back.fa.fa-sign-out{
    transform: scale(-1, 1);
    border:1px solid #ccc;
    font-size:18px;
    padding:3px 9px;
    box-shadow: none;
    margin-right:15px;
}

.invoice-items tr.data-row td {
    line-height: 30px;
}

th.tablesorter-header{
    border-bottom:0px !important;
}

th.tablesorter-header .tablesorter-header-inner {
    font-size: 14px;
    line-height: 26px;
}

.report-type{
    /*padding:2px;*/
}

.report-type option{
    height:30px;
    padding-top:5px;
}


#tokens tr[status="ACTIVE"] td{
    color:#0074cc;
}

/*.fixed-headers thead, .fixed-headers tbody {*/
/*display: block;*/
/*width:100%;*/
/*}*/

/*.fixed-headers tbody {*/
/*height: 100px;       !* Just for the demo          *!*/
/*overflow-y: auto;    !* Trigger vertical scroll    *!*/
/*overflow-x: hidden;  !* Hide the horizontal scroll *!*/
/*}*/

/*.report-header{*/
/*width:100%;*/
/*position:fixed;*/
/*}*/

/*.fixed-headers{*/
/*width:100% !important;*/
/*height:600px !important;*/
/*}*/

.multiple-report-box{
    overflow: hidden;
    position: relative;
    width:100%;
    top:137px;
}

.multiple-report-box .desc{
    width:100%;
    font-size:20px;
    line-height:23px;
    margin-top:40px;
    color:#11772d;
}

.multiple-report-box .desc:first-child{
    margin-top:0px;
}

.multiple-report-box .desc.empty{
    color:#d2322d;
}

.report-box{
    overflow: hidden;
    position: relative;
    width:100%;
    top:95px;
}

.report-fixed-header{
    width:100%;
    height:38px;
    overflow: hidden;
}

.report-box .report-inner  {
    /*max-height: 800px;*/
    overflow-y: scroll;
    overflow-x: hidden;
    outline: 1px solid dimgrey;
    outline-offset: -1px;
}

.fixed-headers table{
    border-collapse: collapse;
}

.fixed-headers th, .fixed-headers td {
    font-family: sans-serif;
    background-color: gainsboro;
    padding: 1em;
    border: 1px solid white;
}

.fixed-headers th {
    text-align: left;
    color: white;
    background-color: dimgrey;
}
/* DEFAULT TABLE END */

/* CUSTOM TABLE */
.fixed-headers table{
    position: relative;
    overflow: hidden;
}

.fixed-headers th {
    white-space: nowrap;
}

.fixed-headers th:first-child div {
    border-left: none;
}

.fixed-headers th div {
    position: absolute;
    z-index: 2;
    font-weight: bold;
    width: 100%;
    color: white;
    background-color: dimgrey;
    padding: 1rem;
    border-left: 1px solid white;
    margin-left: calc(-1rem - 1px);
}

.fixed-headers thead div {
    top: 0;
}

.fixed-headers tfoot div {
    bottom: 0;
}

/* The container <div> - needed to position the dropdown content */
.dropdown-search{
    position: relative;
    display: inline-block;
    float:left;
}

.dropdown-search .find{
    margin-top:10px;
    margin-right:5px;
    border:1px solid #ddd;
    padding-top:9px;
    padding-bottom:8px;
}


/* The search field when it gets focus/clicked on */
.dropdown-search .find:focus {
    outline: 3px solid #ddd;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-search .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    border: 1px solid #ddd;
    z-index: 10;
    top:50px;
    max-height: 450px;
    overflow-y: scroll;
}

.dropdown-search .dropdown-content input {
    border-box: box-sizing;
    /*background-image: url('searchicon.png');*/
    /*background-position: 14px 12px;*/
    /*background-repeat: no-repeat;*/
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-bottom: 1px solid #ddd;
    width:100%;
}

/* Links inside the dropdown */
.dropdown-search .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-search .dropdown-content a:hover {
    background-color: #f1f1f1
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.dropdown-search .show {
    display:block;
}

.set-items{
    float:left;
    width:60%;
}

.set-items .set-item{
    float:left;
    width:100%;
}

.set-items .set-item.empty{
    margin-top:10px;
}

.set-items .set-item .name{
    float:left;
    width:250px;
    line-height:35px;
    color:#0074cc;
    font-size:17px;
}

.set-items .set-item .btn{
    float:right;
    padding:3px 8px;
}

.set-items .set-item.empty .btn{
    float:left;
    padding:4px 9px;
}

.group-items .desc{
    font-size:16px !important;
    color:#777;
}

.group-items .btn-add{
    width:30px;
    height:30px;
    padding:5px 8px;
    margin-top:5px;
    color:#555;
    float:right;
}

.group-condition{
    float:left;
    width:100%;
    height:33px;
    margin-left:10px;
}

.group-condition input[type="number"]{
    width:60px !important;
    height:30px !important;
    line-height:30px;
}

.group-condition div{
    float:left;
    width:120px;
    margin-top:4px;
}

.discounts table tr[is-active="0"] td{
    background: #eee;
    color:#777;
}

tr.sale-discounts td{
    line-height:30px;
    color:#11772d !important;
    padding:5px;
}
tr.sale-discounts td *{
    color:#11772d !important;
}

tr.sale-discounts.empty{
    height:50px;
}

tr.sale-discounts.header td{
    border-bottom:3px solid #11772d;
    padding-bottom:10px;
}


tr.sale-discounts td.items{
    font-size:13px;
    line-height:18px;
    width:30%;
}

tr.sale-discounts.data-row td{
    border-bottom:1px dotted #11772d !important;
}

.stocktaking .empty{
    float:left;
    font-size: 18px;
    line-height:40px;
    padding-bottom:10px;
    color:brown;

}

.messages tr.not-readed td{
    background: #0088cc55 !important;
}

.messages tr td .v-overflowed{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

tr.sale-gift td{
    line-height:30px;
    color:#c7254e !important;
    padding:5px;
}
tr.sale-gift td *{
    color:#c7254e !important;
}

tr.sale-gift.empty{
    height:50px;
}

tr.sale-gift.header td{
    border-bottom:3px solid #c7254e;
    padding-bottom:10px;
}

tr.sale-gift.data-row td{
    border-bottom:1px dotted #c7254e !important;
}

#invoice-date{
    clear: both;
    float:left;
    margin-top:20px;
}

#invoice-date .text{
    padding-left:10px;
    color:#0074cc;
}

.filters-box{
    float:left;
    padding:5px;
    border:1px solid #ddd;
    margin-left:10px;
    margin-bottom:5px;
}

.filters-box .cap, .filters-box .desc{
    margin-bottom:0px;
    line-height:25px;
    font-size:1.2em;
}

.filters-box i.fa{
    cursor: pointer;
}

.filters-box i.fa:hover{
    opacity: 0.5;
}

.product-type-row{
    float:left;
    width:100%;
    background:#efefef;
    padding:15px;
    padding-bottom:12px;
    margin-top:5px;
}

.product-type-row:hover{background:#e8e8e8;}

.product-type-row .product-type-id{
    float:left;
    width:40px;
    line-height:20px;
}

.product-type-row .product-type-name{
    float:left;
    width:70%;
    color:#235487;
    line-height:20px;
}

.product-type-row .product-type-edit{
    float:right;
    cursor:pointer;
}

.product-type-row .product-type-edit i{
    width:22px;
    height:22px;
    font-size:22px;
    color:black;
}

.ms-shipment-cell
{
    float:left;
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.print-page{
    page-break-after: always;
    page-break-inside: avoid;
}


@media (max-width: 1024px)  {
    .main {
        margin-top: 150px;

    }
}

@media (min-width: 1024px) {

    .navbar-collapse.collapse
    {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-toggle {
        display: none;
    }
}