/*
*
* Stylesheet CMG-addons
*
*/

.cmg-invoice-mailer div{
  margin: 10px 10px 20px 0px;
}
a.cmg-wide-button {
  min-width: 220px;
  text-align: center;
}
.cmg-invoice-printer div{
  margin: 40px 10px 20px 0px;
}


.cmg-column-quantity{
  width: 4rem;
}

/* Basic layout for a table-like structure */
.cmg-table-like-container, .cmg-report-container-sd {
  margin-top: 32px;
  margin-bottom: 10px;
  display: block; /* Use block display for the main container */
  display: table;
  min-width: 420px;
}

@media only screen and (max-width: 768px) {
  .cmg-report-container-sd {
  width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .cmg-report-container-sd {
  width: 90%;
  }
}

.cmg-table-header-row {
  background-color: #d8fdd8; /* Header background color */
  color: black; /* Header text color */
  font-weight: bold;
  font-size: 1.1em;
  display: table-row;
}

.cmg-table-header-row .cmg-cell{
  border-bottom: 2px solid #ccc;
  padding-top: 16px;
  padding-bottom: 8px;
}

.cmg-table-title-row {
  color: black; /* Header text color */
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 1px solid #ccc;
   display: table-row;
}

.cmg-table-row {
  display: table-row;
}

/* Alternating row colors using nth-child */
.cmg-table-row:nth-child(odd) {
  background-color: #f6f7f7; /* Color for odd rows (1st, 3rd, etc.) */
}

.cmg-table-row:nth-child(even) {
  background-color: white; /* Color for even rows (2nd, 4th, etc.) */
}

.cmg-table-last-row{
  font-weight: bold;
  font-size: 1.15em;
  background-color: #d8fdd8;
  display: table-row;
}

.cmg-table-last-row .cmg-cell{
  border-top: 2px solid #ccc;
  padding-top: 8px;
  padding-bottom: 16px;
}
/* Alternative using mathematical expression */
/* .table-row:nth-child(2n) { background-color: #f9f9f9; }  Even rows */
/* .table-row:nth-child(2n + 1) { background-color: #ffffff; } Odd rows */

.cmg-cell {
  /*flex: 1; /* Each column takes equal space */
  padding: 7px 20px 7px 10px;
  /*border: 1px solid #ccc;*/
  font-size: 1.1em;
  display: table-cell;
}

.class-history, .class-history a {
  color: orangered;
}

.today-date {
  font-weight: 600;
  font-size: medium;
  margin-bottom: 10px;
  padding-left: 7px;
}

.action-cell{
  display: flow;
}
.cmg-action-button {
  margin-top: 7px !important;
}

/*
.id-cell{
  width:40px;
}
.name-cell{
 width: 100px;
}
.count-cell{
 width: 100px;
}
.status-cell{
 width: 100px;
}
.type-cell{
 width: 100px;
}
.adress-cell{
 min-width: 140px;
}*/

.cmg-order-edit-mode{
  padding:7px 3px 0px 0px;
}

.cmg-button {
  border-radius: 3px;
  padding:5px;
  text-decoration: none;
  border: 1px solid #2271b1;
}
.cmg-button-primary {
  background-color: rgb(231, 95, 95);
  color: white;
}
.cmg-button-primary:hover {
  color: black;
  background-color: rgb(205, 241, 205);
}


.button.cmg-order-edit-mode-disabled {
  background-color: lightgreen !important;
  color: black;
  margin-bottom: 16px;
}
.button.cmg-order-edit-mode-enabled {
  background-color: rgb(231, 95, 95) !important;
  color: white;
  margin-bottom: 16px;
}