/* BASE TABLE GENERAL */
.base-table th {
    text-transform: uppercase;
    font-weight: 300;
    background-color: rgba(39, 65, 79, 0.95);
    font-size: 10px;
    border: solid thin #444;
    color: rgba(255, 255, 255, 0.6);
}
.base-table td {
    font-size: 11px;
    border-right: solid thin #d5d5d5;
    line-height: 16px;
}
.base-table td,
.base-table th{
    padding: 3px 7px;
}
.base-table tr:nth-child(2n+1) {
    background-color: #efefef;
}
.base-table tr:nth-child(2n) {
    background-color: #f8f8f8;
}

/* for delisted materials */
.base-table tr:nth-child(2n)[data-availability="D"],
.base-table tr:nth-child(2n+1)[data-availability="D"] {
    background-color: #f597b6;
}
.base-table tr:nth-child(2n)[data-availability="D"] td,
.base-table tr:nth-child(2n+1)[data-availability="D"] td {
    color: darkred;
}



/* new freeze */
.frozen-table-head {
    padding-top: 24px;
    position: relative;
}
.frozen-table-head .header-background{
    background-color: var(--table-dark-blue);
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
}
.freeze-container {
    overflow-y: auto;
    overflow-x: hidden;
    height: 200px;
    margin-top: 11px;
}
.wide-print .freeze-container {
    height: 300px;
}
.indigo-print .freeze-container{
    height: 220px;
    margin-top: 0;
}
.sheet-media .freeze-container{
    height: 300px;
}
.frozen-table-head .base-table {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.frozen-table-head .base-table th {
    padding-bottom: 0;
    padding-top: 0;
    background: transparent;
    border: none;
}
.frozen-table-head .base-table th div {
    position: absolute;
    padding: 5px 0 0 3px;
    top: 0;
    margin-left: -5px;
    height: 30px;
    z-index: 4;
}

/* end */

.base-table.head-freeze thead {
    display: table-row;
}
.base-table.head-freeze tbody {
    overflow-y: scroll;
    display: block;
    height: 175px;
}
.base-table.indigo-media.head-freeze tbody {
    height: 200px;
}
.base-table.sheet-media.head-freeze tbody {
    height: 273px;
}

/* STYLE --- click-able */
.base-table.click-able tbody tr {
    cursor: pointer;
}
.base-table.click-able tbody tr:not([data-availability="D"]):hover {
    background-color: #e3e3e3;
}
.base-table.click-able tbody tr.active:not([data-availability="D"]) {
    background: #c3dadd none !important;
    color: #27414f !important;
}
.base-table.click-able tbody tr.active td {
    border-right: 1px solid #a5c1c6 !important;
}

/* ----- end */


/* TABLE --- indigo print media choice*/
.base-table.indigo-media th,
.base-table.wide-media th {
    text-transform: none;
    text-align: left;
}
.base-table.indigo-media td,
.base-table.wide-media td,
.base-table.sheet-media td{
    color: #333;
}
.base-table.indigo-media tr th:nth-of-type(6),
.base-table.indigo-media tr td:nth-of-type(6){
    text-align: center;
}
.base-table.indigo-media tr th:nth-of-type(7),
.base-table.indigo-media tr td:nth-of-type(7){
    text-align: center;
}
.base-table.indigo-media tr th:nth-of-type(8),
.base-table.indigo-media tr td:nth-of-type(8){
    width:20px;
    text-align: center;
}

/* ------ end */

/* TABLE ---- cost structure */
.base-table.cost-structure {
    width: 100%;
}
.base-table.cost-structure tr th,
.base-table.cost-structure tr td{
    padding: 5px 20px;
    font-size: 12px;
    text-align: center;
}
.base-table.cost-structure tr th:first-of-type,
.base-table.cost-structure tr td:first-of-type{
    text-align: left;
}


/* end */

/* TABLE ---- indigo print media PNL table */
.base-table.indigo-pnl th,
.base-table.wide-print-pnl th {
    text-transform: none;
    text-align: left;
}

.base-table.indigo-pnl tr th,
.base-table.indigo-pnl tr td{
    width:50px;
    text-align: center;
}
.base-table.indigo-pnl tr th:nth-of-type(1),
.base-table.indigo-pnl tr td:nth-of-type(1){
    width:70px;
    text-align: left;
}
.base-table.indigo-pnl tr td:nth-of-type(1){
    text-transform: capitalize;
}
/* ----- end*/

/* TABLE -----  operations dashboard table */
.op-dashboard-table {
    width:100%;
    display: table;
}
.op-dashboard-table td {
    padding:  5px 10px;
    border-right: none;
}

.op-dashboard-table td,
.op-dashboard-table th{
    box-sizing: border-box;
}
.op-dashboard-table tr.template {
    height: 27px;
}
.op-dashboard-table tr.base-op {
    background-color: #f8f8f8;
    cursor: pointer;
}
.op-dashboard-table tr.base-op.active{
    /*background-color: #e2f2f2;*/
    background-color: rgba(212,242,255,0.45);
}
.op-dashboard-table tr.base-op:hover:not(.active){
    background-color: #f3f3f3;
}

.op-dashboard-table tr.base-op td:not(.group-color){
    border-bottom: 1px solid #e5e5e5;
}
.op-dashboard-table tr.op-total-row{
    background-color: #fff;
    border-top: 1px solid #D7D7D7;
    font-weight: 700;
}
.op-dashboard-table td.numbers,
.op-dashboard-table th.numbers,
.op-dashboard-table-header th.numbers{
    width: 70px;
    text-align: center;
}
.op-dashboard-table .op-total-row td.numbers.op-qty {
    font-weight: 300;
}

.op-dashboard-table td.op-updown,
.op-dashboard-table th.op-updown,
.op-dashboard-table-header th.op-updown{
    width: 90px;
}
.op-dashboard-table td.op-sales-price-item,
.op-dashboard-table th.op-sales-price-item,
.op-dashboard-table-header th.op-sales-price-item{
    width: 40px;
}
.op-dashboard-table td.op-cost-item,
.op-dashboard-table th.op-cost-item,
.op-dashboard-table-header th.op-cost-item{
    width: 40px;
}
.op-dashboard-table td.op-sales-price-item,
.op-dashboard-table td.op-cost-item{
    color: #888;
}
.op-dashboard-table td.color,
.op-dashboard-table th.color,
.op-dashboard-table-header th.color{
    width:7px;
    border-right:transparent;
    border-left:transparent;
    padding: 0;
}
.op-dashboard-table td.color{
    background:transparent;
}

.op-dashboard-table td.group-color,
.op-dashboard-table th.group-color,
.op-dashboard-table-header th.group-color{
    display: none;
    /*width:0;*/
    border-right:transparent;
    border-left:transparent;
    padding: 0;
}
.op-dashboard-table td.op-link,
.op-dashboard-table th.op-link,
.op-dashboard-table-header th.op-link {
    width:20px;
    border-left:none;
    padding: 5px 0;
}
.op-dashboard-table td.op-name,
.op-dashboard-table th.op-name,
.op-dashboard-table-header th.op-name{
    width:110px;
    border-left:none;
    font-weight: 500;
}
.op-dashboard-table td.op-row-details,
.op-dashboard-table th.op-row-details,
.op-dashboard-table-header th.op-row-details{
    width:320px;
}
.op-dashboard-table td.op-actions,
.op-dashboard-table th.op-actions,
.op-dashboard-table-header th.op-actions{
    width:150px;
}

.op-dashboard-table .op-actions-container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: max-content max-content 1fr;
    grid-column-gap: 4px;
    place-items: center;
}
.op-dashboard-table .cost--group .op-actions-container {
    grid-template-columns: max-content max-content 1fr;
}
.op-dashboard-table .base-op .op-actions-container {
    grid-template-columns: max-content max-content 1fr;
}

.op-dashboard-table .op-actions-container .menu-name {
    margin: 0 3px 0 0;
    font-size: 1.1rem;
    cursor: pointer;
    font-weight: 500;
    color: #29a2e0;
}
.op-dashboard-table .op-actions-container .menu-name:hover {
    color: #27414F;
}
.op-dashboard-table .op-actions-container .delete-op,
.op-dashboard-table .op-actions-container .delete-cost-group{
    justify-self: flex-end;
}

.op-dashboard-table tbody.cost--group:nth-child(even) .group-color {
    background-color: #aaa;
}
.op-dashboard-table tbody.cost--group:nth-child(odd) .group-color {
    background-color: #777;
}
.op-dashboard-table tbody.cost--group {
    border-bottom: 2px solid #aaa;
    border-top: 2px solid #aaa;
}
.base-table.op-dashboard-table .cost--group-header {
    background-color: #E9E9E9;
}
.base-table.op-dashboard-table .cost--group-header td:not(.exclude){
    opacity: 0.5;
}
.op-dashboard-table .cost-group-title {
    border: transparent;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    background: none;
}
.op-dashboard-table .linked-mark {
    border-radius: 50%;
    background: #9b9b9b;
    color: #fff;
    display: inline-block;
    font-size: 0.7rem;
    height: 15px;
    width: 15px;
    line-height: 1.3rem;
    font-weight: 300;
    text-align: center;
}
.op-dashboard-table .linked-mark.manual{
    background: #333;
}
.op-dashboard-table .linked-mark.hidden {
    display: none;
}

/* in dashboard table  linked op colors */
.op-dashboard-table tr.base-op[data-color="1"] td.color,
.op-dashboard-table tr.base-op[data-color="1"] td.op-link .linked-mark {
    background: rgb(255, 211, 85);
}
.op-dashboard-table tr.base-op[data-color="2"] td.color,
.op-dashboard-table tr.base-op[data-color="2"] td.op-link .linked-mark {
    background: rgb(126, 116, 214);
}
.op-dashboard-table tr.base-op[data-color="3"] td.color,
.op-dashboard-table tr.base-op[data-color="3"] td.op-link .linked-mark {
    background: rgb(97, 226, 107);
}
.op-dashboard-table tr.base-op[data-color="4"] td.color,
.op-dashboard-table tr.base-op[data-color="4"] td.op-link .linked-mark {
    background: rgb(228, 112, 212);
}
.op-dashboard-table tr.base-op[data-color="5"] td.color,
.op-dashboard-table tr.base-op[data-color="5"] td.op-link .linked-mark {
    background: rgb(95, 190, 214);
}
.op-dashboard-table tr.base-op[data-color="6"] td.color,
.op-dashboard-table tr.base-op[data-color="6"] td.op-link .linked-mark {
    background: rgb(255, 108, 96);
}
.op-dashboard-table tr.base-op[data-color="7"] td.color,
.op-dashboard-table tr.base-op[data-color="7"] td.op-link .linked-mark {
    background: rgb(58, 168, 147);
}
.op-dashboard-table tr.base-op[data-color="8"] td.color,
.op-dashboard-table tr.base-op[data-color="8"] td.op-link .linked-mark {
    background: rgb(55, 164, 255);
}
.op-dashboard-table tr.base-op[data-color="9"] td.color,
.op-dashboard-table tr.base-op[data-color="9"] td.op-link .linked-mark {
    background: rgb(116, 189, 64);
}
.op-dashboard-table tr.base-op[data-color="10"] td.color,
.op-dashboard-table tr.base-op[data-color="10"] td.op-link .linked-mark {
    background: rgb(255, 98, 43);
}
.op-dashboard-table tr.base-op[data-color="11"] td.color,
.op-dashboard-table tr.base-op[data-color="11"] td.op-link .linked-mark {
    background: rgb(154, 78, 125);
}
.op-dashboard-table tr.base-op[data-color="12"] td.color,
.op-dashboard-table tr.base-op[data-color="12"] td.op-link .linked-mark {
    background: rgb(175, 198, 50);
}

input[type="number"],
input[type="text"].dash-updown,
input[type="text"].dash-retail{
    width:54px;
}

.dimmed {
    opacity: 0.4;
}


/* ----- end*/


/* TABLE -----  operations dashboard table HEADER */
.op-dashboard-table-header {
    width:100%;
}
.op-dashboard-table-header th{
    background-color: #fff;
    border: solid thin #fff;
    color: #777;
    border-top:none;
}
.op-dashboard-table-header th{
    box-sizing: border-box;
}
.op-dashboard-table-header th.numbers{
    width: 70px;
    text-align: center;
}
.op-dashboard-table-header th.op-updown{
    width: 90px;
}
.op-dashboard-table-header th.color{
    width:2px;
    border-right:transparent;
    border-left:transparent;
    padding: 0;
}
.op-dashboard-table-header th.group-color{
    width:7px;
    border-right:transparent;
    border-left:transparent;
    padding: 0;
}
.op-dashboard-table-header th.op-name{
    width:100px;
    border-left:none;
}
.op-dashboard-table-header th.op-row-details{
    width:320px;
}
.op-dashboard-table-header th.op-actions{
    width:150px;
}

/* ----- end*/

/* --- WIDE MEDIA TABLE */
.base-table.wide-media tr th:nth-of-type(1),
.base-table.wide-media tr td:nth-of-type(1){
    /*width:100px;*/
    text-align: left;
}
.base-table.wide-media tr th:nth-of-type(2),
.base-table.wide-media tr td:nth-of-type(2){
    /*width:130px;*/
    text-align: center;
}
.base-table.wide-media tr th:nth-of-type(3),
.base-table.wide-media tr td:nth-of-type(3){
    /*width:400px;*/
    text-align: left;
}
.base-table.wide-media tr th:nth-of-type(4),
.base-table.wide-media tr td:nth-of-type(4),
.base-table.wide-media tr th:nth-of-type(5),
.base-table.wide-media tr td:nth-of-type(5),
.base-table.wide-media tr th:nth-of-type(6),
.base-table.wide-media tr td:nth-of-type(6),
.base-table.wide-media tr th:nth-of-type(7),
.base-table.wide-media tr td:nth-of-type(7),
.base-table.wide-media tr th:nth-of-type(8),
.base-table.wide-media tr td:nth-of-type(8){
    width:38px;
    text-align: center;
}
.base-table.wide-media tr th:nth-of-type(9),
.base-table.wide-media tr td:nth-of-type(9),
.base-table.wide-media tr th:nth-of-type(10),
.base-table.wide-media tr td:nth-of-type(10){
    width:30px;
    text-align: center;
}

/* TABLE ---- wide print media PNL table */
.base-table.wide-print-pnl {
    width: 100%;
}
.base-table.wide-print-pnl tr th,
.base-table.wide-print-pnl tr td{
    width:50px;
    text-align: center;
}
.base-table.wide-print-pnl tr th:nth-of-type(1),
.base-table.wide-print-pnl tr td:nth-of-type(1){
    text-align: left;
}
.base-table.wide-print-pnl tr td:nth-of-type(1){
    text-transform: capitalize;
}
/* ----- end*/


/* --- op-info table */
.base-table.op-info td.value {
    color: #333;
}


/* TABLE --- sheet media choice*/
.base-table.sheet-media th {
    text-transform: none;
    text-align: left;
}
.base-table.sheet-media tr th:nth-of-type(1),
.base-table.sheet-media tr td:nth-of-type(1){
    /*width:70px;*/
    /*text-align: left;*/
}
.base-table.sheet-media tr th:nth-of-type(2),
.base-table.sheet-media tr td:nth-of-type(2){
    /*width:65px;*/
    /*text-align: left;*/
}
.base-table.sheet-media tr th:nth-of-type(3),
.base-table.sheet-media tr td:nth-of-type(3){
    /*width:65px;*/
    /*text-align: left;*/
}
.base-table.sheet-media tr th:nth-of-type(4),
.base-table.sheet-media tr td:nth-of-type(4){
    /*width:40px;*/
}
.base-table.sheet-media tr th:nth-of-type(5),
.base-table.sheet-media tr td:nth-of-type(5){
    /*width:236px;*/
    /*text-align: left;*/
}
.base-table.sheet-media tr th:nth-of-type(6),
.base-table.sheet-media tr td:nth-of-type(6){
    /*width:50px;*/
    text-align: center;
}
.base-table.sheet-media tr th:nth-of-type(7),
.base-table.sheet-media tr td:nth-of-type(7){
    /*width:50px;*/
    text-align: center;
}
.base-table.sheet-media tr th:nth-of-type(8),
.base-table.sheet-media tr td:nth-of-type(8){
    width:30px;
    text-align: center;
}
.base-table.sheet-media tr th:nth-of-type(9),
.base-table.sheet-media tr td:nth-of-type(9){
    /*width:26px;*/
    text-align: center;
}

/* ------ end */

/* edit materials */
.base-table.edit-materials {
    width: 100%;
    margin: 20px 0;
}
.base-table.edit-materials tr th:nth-of-type(1),
.base-table.edit-materials tr td:nth-of-type(1){
    width:5%;
    text-align: center;
}
.base-table.edit-materials tr th:nth-of-type(2),
.base-table.edit-materials tr td:nth-of-type(2){
    width:15%;
}
.base-table.edit-materials tr th:nth-of-type(3),
.base-table.edit-materials tr td:nth-of-type(3){
    width:10%;
    text-align: center;
}
.base-table.edit-materials tr th:nth-of-type(4),
.base-table.edit-materials tr td:nth-of-type(4){
    width: 55%;
    word-break: break-all;
}
.base-table.edit-materials tr th:nth-of-type(5),
.base-table.edit-materials tr td:nth-of-type(5){
    width:15%;
}
.base-table.edit-materials tr td .button--link {
    float: unset;
}

/* popup search */
.popup--general-use .pmx-text-search {
    background-color: #ebebeb;
    border: 1px solid #e6e6e6;
    padding: 6px;
    border-radius: 3px;
}

/* select material */
/* TABLE --- indigo print media choice*/

.popup--general-use.materials {
    width: 90%;
    height: 90%;
    display: grid;
    grid-template-rows: max-content 1fr max-content;
}
.popup--general-use.materials .head .details {
    display: none;
}
.popup--general-use.materials .head,
.popup--general-use.materials .head .title {
    margin-bottom: 0;
}
.popup--general-use.materials .body {
    height: 100%;
    display: grid;
    grid-template-rows: 50px 1fr;
    overflow-y: hidden;
}
.popup--general-use.materials .filter-area {
    margin: 10px 0 15px 0;
}
.materials .frozen-table-head {
    overflow-y: auto;
}
.materials .container--materials .table-container .frozen-table-head {
    height: 100%;
}
.popup--general-use.materials .freeze-container {
    height: 100%;
}
.popup--general-use.materials .frozen-table-head .header-background{
    height: 36px;
}
.materials .frozen-table-head .base-table th div {
    top: 5px;
}
.base-table.items-general {
    width: 100%;
}
.base-table.items-general th {
    text-transform: none;
    text-align: left;
}
.base-table.items-general td {
    color: #333;
}

.base-table.items-general th,
.base-table.items-general td {
    font-size: 13px;
    padding: 6px 10px;
}

.base-table.click-able tbody tr.zero-price,
.base-table.click-able tbody tr.zero-price td{
    background-color: rgba(240, 128, 128, 0.2) !important;
}