/* Page */
.data-page.Oorders input[type=search] {
    margin-bottom: 0;
    max-width: 100%;
    font-size: 10px;
    line-height: 10px;
}

.data-page.active.Oorders {
    display: block;
}

.data-page.Oorders {
    min-height: calc(100vh - 130px);
}

.Oorder-table {
    position: relative;
}

.Oreload-icon {
    position: absolute;
    right: 10px;
    top: 6px;
    pointer-events: none;
}

.hover .Ohelp {
    display: none;
}

.touch .Ohelp {
    font-size: 18px;
    cursor: pointer;
    vertical-align: bottom;
}

.OlegRow, .OlegHeadRow {
    text-align: left;
    padding-bottom: 5px;
}

.OlegHeadRow {
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

.Oinv {
    font-size: 20px;
    cursor: pointer;
    color: #47855E;
    vertical-align: bottom;
    margin-right: 5px;
}

.Opack {
    font-size: 20px;
    cursor: pointer;
    color: #47855E;
    vertical-align: bottom;
    margin-right: 5px;
}

.Ogrpinv {
    font-size: 20px;
    cursor: pointer;
    color: #47855E;
    vertical-align: bottom;
    margin-right: 5px;
}

.Odel {
    font-size: 15px;
    cursor: pointer;
    color: #47855E;
    vertical-align: bottom;
    margin-right: 5px;
}

.Oview, .Odelete, .Omod, .Otrack, .Ochanges {
    font-size: 15px;
    cursor: pointer;
    vertical-align: bottom;
    margin-right: 5px;
}

.Oconf {
    cursor: pointer;
    height: 20px;
    width: 15px;
    display: inline-block;
    background: url(/img/confirmation.png);
    background-size: 15px 20px;
    vertical-align: bottom;
    margin-right: 5px;
}

.Oconf::before {
    content: " ";
}

.Ocinv {
    cursor: pointer;
    height: 20px;
    width: 15px;
    display: inline-block;
    background: url(/img/correction.png);
    background-size: 15px 20px;
    vertical-align: bottom;
    margin-right: 5px;
}

.Ocinv::before {
    content: " ";
}

.Oquo {
    cursor: pointer;
    height: 20px;
    width: 15px;
    display: inline-block;
    background: url(/img/quote.png);
    background-size: 15px 20px;
    vertical-align: bottom;
    margin-right: 5px;
}

.Oquo::before {
    content: " ";
}

#Otooltip {
    padding: 5px;
    position: absolute;
    text-align: center;
    border-radius: 5px;
    cursor: default;
    background-color: #FFFFFF;
    color: #1A243E;
    z-index: 90;
    font-size: 14px;
    border: 1px solid #D9D9D9;
    display: block;
    visibility: hidden;
    max-width: 350px;
}

.touch #Otooltip {
    display: none;
}

.message .Oh {
    font-weight: bold;
    padding-bottom: 10px;
}

.message .Om {
    text-align: left;
    max-height: calc(100vh - 200px);
    padding: 0 15px;
    overflow-y: auto;
}

.message .Om .ok {
    text-align: center;
}

.message .Oli {
    display: block;
    font-weight: bold;
    color: #808080;
    font-style: italic;
}

.message .Oin {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}

.message .Ona {
    width: 400px;
    display: inline-block;
    max-width: 100%;
}

.message .Och {
    width: 70px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
}

.Orange {
  width: 180px;
  float: right;
  margin-top: 12px;
}

.selectize-dropdown.Orange {
  bottom: 36px;
  top: auto !important;
}

/* Anpassungen tabulator */
.Oorder-table-header {
    text-align: center;
    font-weight: bold;
    border: 1px solid #999;
    border-bottom: 0;
    padding: 4px;
    border-radius: 3px;
    background: #f7f7f7;
    cursor: pointer;
}

.hover .Oorder-table-header:hover {
    opacity: 0.6;
}

.hover #Oorder-table.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover, .hover #Oorder-table .tabulator-row.tabulator-selectable:hover {
    cursor: default !important;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.Oitem-filter {
    cursor: pointer;
    color: #7E9FF0;
    font-weight: bold;
}

.tabulator-cell.red, .message .Och.r {
    color: #E34850;
}

.tabulator-cell.green, .message .Och.g {
    color: #47855E;
}

.tabulator-cell.yellow {
    color: #fcce00;
}

.tabulator-cell[tabulator-field="order_number"] i {
    font-size: 11px;
    color: #808080;
}

.tabulator-cell[tabulator-field="order_number"] b {
    font-size: 11px;
    color: #d2691e;
    font-weight: normal;
}