/* Lista de Pedidos */
@import "lb-vars";

div.pedidoLista_compone {
   position: relative;
   background-color: @color-neutral-90;
   padding-right: 1rem;
   padding-bottom: 1rem;

   a {
      color: @color-main-60;
      font-family: @font-price;

      &:hover {
         color: @color-main-70;
         text-decoration: underline;
      }
   }

   div.titleForBoxMainContentArea {
      color: @color-main;
      text-transform: uppercase;
      margin-bottom: 0.5em;
   }

   div.listaPedidosHeader {
      display: flex;
      color: @color-main;
      padding-left: 1rem;
      padding-right: 1rem;
      font-size: 0.8rem;
      font-family: @font-item;

      > div {
         width: 50%;

         &.listaPedidosHeaderAction {
            div.MildTextButton > a > span {
               text-align: right;
            }
         }
      }
   }

   table.listaPed {
      margin-left: 1rem;
      margin-right: 1rem;
      color: @color-neutral-20;
      font-size: 0.9rem;
      font-family: @font-item;

      thead {
         background-color: @color-main;
         color: @color-main-80;

         th {
            padding: 0.5em;
         }
      }

      tbody {
         color: @color-neutral-20;

         tr {
            background-color: @color-neutral-84;

            td {
               padding: 0.5em;

               &.pedNumberLink {
                  font-family: @font-mono;
               }

               &.pedFecha {
                  font-family: @font-mono;
                  text-align: center;
               }

               &.pedEstado {
                  color: @color-main;
               }
            }
            &:nth-child(even) {
               background-color: @color-neutral-85;
            }
         }
      }
   }


}



.pedido_detail {
   max-width: 100%;
   background-color: @color-neutral-85;
   margin-left: 1rem;
   margin-right: 1rem;
   font-size: 1rem;

   .pedidoReviewGroup {
      display: flex;
      color: @color-main;
      font-size: 1em;

      > div {
         margin: 0.5em;
         padding: 1em;
         border-radius: 3px;
         background-color: @color-main-80;
      }
   }

   .pedidoArticles {
      .tablapedidoarticulos {
         width: 800px
      }
      margin-bottom: 1em;
   }

   .pedidoAdditionalGroup {
      display: flex;
   }
}