.vat_report_col_1 {
    width: 60%;
}

.orderSearch {
    margin-bottom: 10px;
    width: 100px;
}

#loading-container {
    display: none;
}

#loading-image {
    margin-left: 15px;
}

.waiting {
    cursor: progress;
}

#main {
    width: 100%;
}

#clear {
    margin-left: 5px;
}

.container {
    max-width: 1170px;
    margin: auto;
}

.header {
    font-weight: bold;
}

.viewInvoices {
    width: 100%;
    font-size: small;
    table-layout: fixed;
    border-collapse: collapse;
}

#searchInvoices {
    display: none;
}

#multipleAction {
    display: none;
    text-align: left;
}

.firstRow {
    padding-top: 10px;
}

.selectInv {
    width: 0;
    padding-right: 0px;
    z-index: 50;
}

.selectInv input {
    width: auto;
    outline: 0;
}

.left {
    text-align: left;
}

.col-status {
    width:125px;
    text-align: left;
}

.col-ordnum {
    width: 40px;
    padding-left: 35px;
    padding-right: 5px;
    text-align: left;
}

.multipleInfo {
    padding-left: 35px;
}

.col-date {
    width: 60px;
    padding: 0px 10px;
    text-align: left;
}

.col-cust {
    width: auto;
    min-width: 330px;
    padding: 0px 5px;
    text-align: left;
}

.col-full {
    width: 80px;
}

.col-pay {
    width: 70px;
}

.col-post {
    width: 380px;
    text-align: left;
}

.col-view {

}

.col-price {
    width:80px;
    text-align: right;
}

.view {
    width: 24px;
    cursor: pointer;
}

.header th {
    padding-bottom: 5px;
    /* border-bottom: 2px solid black; */
    top: 0;
    position: sticky;
    background: #eaefe1;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.4);
}

.price_border {
    width: max-content;
    display: inline-flex;
    border-radius: 10px;
    padding: 2px 5px;
    background-color: #67ff2f;
    font-weight: bold;
    color: #211515;
}

.order_status {
    width: min-content;
    background-color: #c5b6b6;
    z-index: -1;
    padding: 3px 10px;
    display: inline-flex;
    border-radius: 10px;
    border: 0px solid;
    font-weight: bold;
    color: white;
}

.order-preparing {
    background-color: darkorange;
}

.order-ordered {
    background-color: mediumblue;
}

.order-refunded {
    background-color: indianred;
}

.order-shipped {
    background-color: #f33df3;
}

.order-cancelled {
    background-color: red;
}

.loading-gif {
    height: 128px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    margin: auto;
    width: max-content;
}

.padding-row {
    height: 20px;
}

.blue {
    font-weight: bold;
    color: blue;
}

#updating-orders {
    display: none;
}

#inv-loading {
    height: 128px;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width:400px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -200px;

    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.title {
    color: gray;
/*
    padding-top: 50px;
    padding-bottom: 50px;
*/
    font-weight: bold;
    font-size: 1.5em;
    display: initial;
    line-height: 50px;
    margin-left: 50px;
    vertical-align: top;
}
.table_header {
    width: 100%;
}

.loggedInInfo {
    margin-left: 50px;
    float: right;
}

.user {
    font-weight: bold;
    color: green;
}

.label {
    padding-right: 10px;
    font-weight: bold;
}
.login * {
    width: auto;
}

.loginInfo {
    font-weight: bold;
    padding-top: 5px;
    display: block;
}

.red {
    color: red;
}

.blank {
    width: 100%;
}

.button {
    width: -moz-available;
    width: -webkit-fill-available;
    margin-top: 5px;
}

/*
#inv-table-header {
    height: 36px;
}
*/

#tab,#invtab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    display: flex;
    margin-bottom: 20px;
    list-style: none;
    padding-left: 0px;
}

/* Style the buttons that are used to open the tab content */
#tab a,#invtab a {
    background-color: inherit;
    float: left;
    border: 1px solid #d6d4d4;
    outline: none;
    cursor: pointer;
    padding: 16px 0 16px 0;
    transition: 0.3s;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: black;
}

/* Change background color of buttons on hover */
#tab a:hover, #invtab a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
#tab a.active, #invtab a.active {
    background-color: black;
    color: white;
}

#invtab a {
    padding: 16px 16px;
}

.filterInvoices {
    width: -moz-fit-content;
    width: fit-content;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.menu ul * {
    position: relative;
    padding: 0;
    width: 100%;
    border-bottom: 3px solid #e9e9e9;
    background: #f6f6f6;
}

.menu .item {
    float: left;
    border-right: 1px solid #d6d4d4;
    margin-bottom: -3px;
}

/*
* {
    width: 100%;
}
*/

.logo {
    width: 375px;
}

.instuctions {
    color: gray;
    font-style: italic;
}

/* Error messages etc */
.info, .success, .warning, .error, .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border-radius: 0.5em;
  width: -moz-fit-content;
  width: fit-content;
}
.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('/img/info.png');
}
.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('/img/success.png');
}
.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('/img/warning.png');
}
.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('/img/error.png');
}

.selectPostage {
    width: 50%;
}

.selectPostage label {
    padding-right: 5px;
}

.selectPostage select {
    width: 77%;
}

#nav * {
    width: 100%;
}

.bold {
    font-weight: bold;
}

.evenRow, .selectedRow {
    background: lightgray;
    color: blue;
    cursor: pointer;
}

/*
.selectedRow {
    background: bisque;
    color: brown;
}
*/

#tab-loading,#inv-loading-container {
    display: none;
}

#loading-big,#inv-loading {
    display: block;
    margin: auto;
}