.knowledgebase-container{
    display: flex;
    flex-direction: column;
    gap: 48px;
    margin-top: 0 !important;
}
.marketplace-top-section {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.marketplace-products {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.disabledBtn {
    pointer-events: none;
    opacity: 0.6; 
}
.product-item {
    display: flex;
    padding: 10px 0px;
}

.product-image {
    flex: 0 0 30%; /* Ajuste a largura da imagem para 30% */
    height: 200px; /* Defina uma altura fixa ou use outra unidade relativa */
    position: relative;
}

.product-image img {
    width: 100%;
    height: 100%; /* Garantir que a imagem ocupe toda a altura da div */
    object-fit: cover; /* Manter a imagem proporcional, cobrindo toda a área */
}

.product-title-link {
    color: black;
    text-decoration: none;
    font-size: 18px;
    font-weight: 550;
}
.product-title-link:hover{
    color: #006EAB;
    text-decoration: underline;
}

.product-name-label {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-type-label {
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
}

.type-label-product {
    position: absolute; /* Posiciona o span de forma absoluta dentro do contêiner */
    top: 0; /* Alinha ao topo */
    left: 0; /* Alinha à esquerda */
    background-color: rgba(0, 0, 0, 0.7); /* Fundo semi-transparente para melhor legibilidade */
    color: black; /* Cor do texto */
    padding: 5px 10px; /* Espaçamento interno */
    font-size: 14px; /* Tamanho da fonte */
    font-weight: 600;
    text-transform: uppercase;
}

.type-label-offer {
    background-color: #5CFFCD; /* Cor de fundo para "Oferta" */
}

.type-label-search {
    background-color: #F7C410; /* Cor de fundo para "Procura" */
}

.product-details {
    flex: 1;
    padding-left: 20px;
}

.add_cart {
    display: flex;
    gap: 12px;
}

.download-link {
    font-weight: 500;
    font-size: 18px;
    color: black;
    text-decoration: underline;
}
.entity-name-card{
    font-weight: 400;
}
.entity-name-link {
    color: #006EAB;
    font-size: 18px;
    text-decoration: underline;
    font-weight: 500;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    display: block; 
    max-width: 100%; 
    word-break: break-word;
}

.entity-name-link:hover{
    color: #00365C !important;
}
.details-table h2{
    padding: 20px 24px;
    border-bottom: 1px solid #B9CAD4;
    margin: 0;
    font-weight: 550;
    font-size: 16px;
    color: #000;
    background-color: #F1F3F4;
}
.details-table span .entity-details,
.details-table .topics-table{
    padding: 20px 24px;
}
.details-table .topics-table span{
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: #006EAB;
}
.pagination {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.pagination a {
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
}

.pagination a.active {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

.new-marketplace-form {
    margin-top: 90px;
}

.edit-marketplace-form {
    margin-top: 90px;
}

/* FORM */

form .form-item input[type="text"],
form .form-item input[type="email"],
form .form-item input[type="password"],
form .form-item input[type="tel"],
form .form-item input[type="number"],
form .form-item select {
    font-size: 16px;
    width: 60%;
    height: 48px;
    padding: 0px 16px 0px 16px;
    margin-bottom: 32px;
    border-radius: 5px !important;
    border: 1px solid #B9CAD4;
    color: #000;
}
form .form-item textarea{
    color: #000;
    font-size: 16px !important;
}
.form-item-file-analysis{
    margin-bottom: 30px !important;
}

form .form-item input[type="text"]:focus,
form .form-item input[type="email"]:focus,
form .form-item input[type="password"]:focus,
form .form-item input[type="tel"]:focus,
form .form-item select:focus,
form .form-item textarea:focus{
    border-color: #006EAB;
}

form .form-item label {
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
    color: black;
}

form .form-item select.c-square {
    border-radius: 5px !important;
}

form .form-control.c-square {
    width: 60%;
    padding: 0px 16px 0px 16px;
    margin-bottom: 32px;
    border-radius: 5px !important;
    border: 1px solid #B9CAD4;
}

form .main-title {
    font-weight: 550;
    font-size: 24px;
    color: black;
    margin-bottom: 48px;
}

form .sub-title {
    font-weight: 550;
    font-size: 18px;
    color: black;
    margin-bottom: 32px;
}

.custom-hr-divisor{
    margin-top: 100px;
    margin-bottom: 100px;
    width: 70%;
    margin-left: 0;
}

form .form-date {
    width: 60%;
    height: 48px;
    padding: 0px 16px 0px 16px;
    margin-bottom: 16px;
    border-radius: 5px !important;
    border: 1px solid #B9CAD4;
    color: black;
    font-size: 16px;
}

form .form-number {
    width: 60%;
    height: 48px;
    padding: 0px 16px 0px 16px;
    margin-bottom: 32px;
    border-radius: 5px !important;
    border: 1px solid #B9CAD4;
}

.price-unit-wrapper {
    display: flex;
    gap: 32px; /* Espaço entre os campos */
    width: 60%;
}

.price-unit-wrapper .price-field,
.price-unit-wrapper .unit-field {
    flex: 1; /* Campos ocupam o mesmo espaço */
    width: 100% !important;
}

.price-unit-wrapper > div:nth-child(1) {
    flex-basis: 50%;
    flex-grow: 1;
}

.price-unit-wrapper > div:nth-child(2) {
    flex-basis: 50%;
    flex-grow: 1;
}

.price-unit-wrapper > div:nth-child(3) {
    flex-basis: 50%;
    flex-grow: 1;
}

.buttons-inside, .update-note-btn,
.notify-sellers-btn {
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    background-color: #006EAB;
    border-color: #006EAB;
    border: 2px solid #006EAB;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s ease;
}
.buttons-inside:hover, .update-note-btn:hover,
.notify-sellers-btn:hover {
    background-color: #00365C;
    border-color: #00365C;
    color: white;
}

.buttons-outside,
.close-popup-btn {
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
    color: #006EAB;
    background-color: #FFF;
    border-color: #006EAB;
    border: 2px solid #006EAB;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s ease;
}
.buttons-outside:hover, 
.close-popup-btn:hover{
    border-color: #000;
    color: #000;
}

.date-label{
    margin-bottom: 0;
}
.checkbox-group.availability label{
    font-weight: 400;
}
.dropdown-filter{
    font-size: 14px;
    width: 100%;
    height: 34px;
    border: 1px solid #B9CAD4;
    border-radius: 6px;
    padding-left: 10px;
    background-color: white;
}
.dropdown-filter:focus{
    outline: none;
    border: 1px solid #006EAB;
}
.checkbox-group label{
    font-weight: 500;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.checkbox-group input[type="checkbox"]{
    margin-top: 0 !important;
}

/* Estiliza a lista de sugestões */
.ui-autocomplete {
    font-family: "Apex New" !important;
    background: #fff;
    border: 1px solid #ccc;
    max-height: 300px;
    overflow-y: auto;
    font-family: Arial, sans-serif;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  }
  
  /* Estiliza cada item da lista */
  .ui-menu-item {
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.2s;
  }
  
  /* Altera a cor do item selecionado */
  .ui-menu-item-wrapper:hover {
    border-radius: 5px;
    color: #fff;
  }
  

.price-container{
    display: flex;
    flex-direction: row;
    width: 90%;
}
.input-adornment-wrapper {
    position: relative;
    width: 50%;
  }

.input-adornment {
    position: absolute;
    top: 50%;
    height: 99%;
    width: 34px;
    text-align: center;
    transform: translateY(-50%);
    color: #5C6873;
    font-size: 14px;
    border: 1px solid #B9CAD4;
    background-color: #F1F3F4;
    padding-top: 7px;
}
.border-r-left{
    border-radius: 6px 0 0 6px;
}
.no-border-right{
    border-radius: 6px 0 0 6px !important;
}
.price-input{
    display: none;
}

.date-container {
width: 100%;
}
.date-label{
    width: 50%;
}
/* Produto Detalhado */

.product-info {
    display: flex;
    justify-content: space-between;
    gap: 64px;
}

.product-top-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 38px;
    margin-top: 76px;
}

.product-top-info p {
    margin: 0;
    color: #5C6873;
    font-weight: 400;
    font-size: 16px;
}

.product-creation-date{
    font-size: 14px !important;
}

.product-type-search {
    width: fit-content;
    height: 28px;
    padding: 8px 8px;
    background-color: #F7C410;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    align-content: center;
    text-transform: uppercase;
}

.product-type-offer {
    width: fit-content;
    height: 28px;
    padding: 8px 8px;
    background-color: #5CFFCD;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    align-content: center;
    text-transform: uppercase;
}
.save-ad{
    display: flex;
    flex-direction: row;
    cursor: pointer;
    gap: 8px;
    font-weight: 400;
}
.some-info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-title-detail {
    font-weight: 550;
    font-size: 24px;
    color: black;
    margin: 0px 0px 16px 0px;
}

.product-quantity-detail {
    font-weight: 350;
    font-size: 18px;
    color: black;
    margin-top: 8px;
    margin-bottom: 0px;
}

.product-price-detail{
    font-weight: 500;
    font-size: 24px;
    color: #006EAB;
    margin: 0px;
}
.product-price {
    font-weight: 450;
    margin-bottom: 16px;
}
.product-description-subtitle {
    font-weight: 500;
    font-size: 24px;
    color: black;
    margin-bottom: 24px;
    margin-top: 72px;
}

.product-description-detail {
    font-weight: 350;
    font-size: 16px;
    color: #000000;
    margin: 0;
}

.product-description-details-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 20px;
}

.card {
    border-radius: 8px;
    border: 1px solid #B9CAD4;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.card i {
    color: #006EAB;
    width: 36px;
    height: 36px;
    font-size: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-content h3 {
    font-weight: 450;
    font-size: 14px;
    color: #006EAB;
}

.card-content p {
    font-weight: 500;
    font-size: 18px;
    color: black;
}

.product-gallery {
    display: flex;
    align-items: center;
    margin-bottom: 140px;
    gap: 16px;
}

.item-image {
    width: 240px;
    height: 240px;
}

.item-image img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.divisor-product-details {
    margin-bottom: 120px;
    border-color: #CCE2EE;
}

.product-right-section {
    width: 70%;
}

.product-left-section {
    width: 30%;
}

.entity-details {
    display: flex;
    gap: 10px;
    padding: 16px 0px;
    align-items: center;
}

.entity-details img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.entity-details p {
    font-weight: 500;
    color: #006EAB;
    font-size: 18px;
    text-decoration: underline;
    margin: 0;
}
.entity-container p{
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.topics-table {
    font-size: 16px !important;
    text-decoration: underline;
}


/* Cart */

.cart-table {
    margin-top: 84px;
    border-collapse: collapse;
    width: 100%;
    border: none !important;
}
.cart-table tr:last-child:hover {
    background-color: transparent !important;

}
.cart-table tr {
    border-bottom: 1px solid #B9CAD4; /* Adiciona a borda inferior */
}

.cart-table th,
.cart-table td {
    border: none !important; /* Remove todas as outras bordas */
    padding: 10px !important; /* Ajusta o espaço interno das células */
    text-align: left; /* Alinha o texto à esquerda */
}

.cart-product-image {
    width: 87px; /* Tamanho da imagem (opcional) */
    height: 98px;
    object-fit: cover;
}

.note-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.quantity-popup{
    width: 30%;
    max-width: 150px;
}
.note-popup {
    background: #fff;
    padding: 20px;
    width: 600px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.note-content h3{
    color: #000;
}
.note-content{
    max-width: 600px;
}
.note-content textarea{
    width: 100%;
    min-height: 120px;
    max-height: 120px;
    max-width: 100%;
    min-width: 100%;
    border: 1px solid #B9CAD4;
    border-radius: 6px;
    padding: 12px;
    outline: none;
    transition: 0.3s ease-out;
    color: #000;
}
.note-content textarea:focus{
    border: 1px solid #006EAB;
}


.popup-title {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}


.update-note-btn{
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
}
.popup-buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.popup-buttons button {
    margin: 10px;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
}



.close-popup{
    font-size: 16px;
}
.subtotal{
    color: #5C6873;
    font-size: 16px;
    font-weight: 500;
}
.subtotal-value, .euro{
    color: black;
    font-weight: 550;
    font-size: 16px;
    padding-bottom: 20px;
}
#subtotal-container, #subtotal-container-popup{
    padding-top: 12px !important;
    padding-bottom: 14px !important;
    padding-left: 0 !important;
}


.total-price{color: black;
font-size: 16px;
font-weight: 500;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
white-space: normal; 
}

.add-note-btn,
.edit-note-btn,
.remove-note-btn {
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 550;
    color: #006EAB;
}
.edit-note-btn:hover,
.remove-note-btn:hover, .add-note-btn:hover{
    color: #005786;
}
.edit-note-btn i,
.remove-note-btn i, 
.edit-note-btn i {
    font-size: 18px;
}
.add-note-btn p{
    margin-bottom: 0;
}

.cart-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.note-btns{
    display: flex;
    flex-direction: row;
}
.btns-separator {
    width: 1px;
    height: 21px;
    background: #B9CAD4;
    margin-inline: 5px;
}

.product-name{
 font-size: 18px;
 font-weight: 550;
 color: #000;
}
.note-text {
    color: black;
    font-size: 14px;
    font-weight: 500;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal; 
}
.quantity-column{
    width: 18%;
}
.notes-column{
    width: 25%;
}

.products-column{
    width: 14%;
}          
.price-column{
    width: 13%;
}
.total-column{
    width: 17%;
    max-width: 17%;
}
.close-column{
    width: 8%;
}

.remove-item .ph-x{
    color: #5C6873;
}
.remove-item .ph-x:hover{
    color: #000000;
}

.cart-table tr:last-child {
    border: none;
}
.cart-table tbody tr:first-child {
    border-top: 1px solid #B9CAD4;
}
.cart-table{
    margin-bottom: 60px !important;
}
.cart-table th{
    font-size: 16px !important;
    font-weight: 550 !important;
    color: #006EAB !important;
    padding-bottom: 16px !important;
}
.cart-table td{
    padding-top: 16px !important;
}

.quantity-input{
    text-align: left !important;
    padding-left: 12px;
    border-radius: 5px 0 0px 5px;
    border: 1px solid #B9CAD4;
    max-width: 90px;
}
.input-unit{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    width: 38px;
    border: 1px solid #B9CAD4;
    border-left: none !important;
    border-radius: 0 5px 5px 0;
    padding : 0 16px;
    background-color: #F1F3F4;
}
.input-unit span{
    font-size: 14px;
    color: #7A7A7A;
}
.quantity-container{
    display: flex;
    flex-direction: row;
    gap: 0;
    width: 100%;
}
.quantity-input{
    outline: none;
}
/* Estilo do popup */
.notification-popup-overlay {
    position: fixed;  /* Isso garante que o popup fique sobre o conteúdo da página */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fundo semitransparente */
    display: none; /* Inicialmente escondido */
    justify-content: center; /* Centraliza o popup */
    align-items: center; /* Alinha o conteúdo no centro */
    z-index: 9999; /* Garantir que o popup fique acima de outros elementos */
}

.notification-popup {
    background-color: white;
    padding: 20px;
    max-width: 720px;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
}
.popup-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.popup-title h2{
    font-size: 18px;
    font-weight: 550;
    color: #000;
}
.popup-title h3{
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
#popup-table td:nth-child(2), /* Hide the second column */
#popup-table td:last-child {   /* Hide the last column */
  display: none;
}
#popup-table{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.popup-separator {
    width: 100%; 
    border-bottom: 1px solid #CCE2EE; 
    margin-bottom: 10px; 
    box-sizing: content-box;
}

.sub-ml{
    margin-left: 12px;
}
.note-column{
    max-width: 200px;
}

.filters{
    padding-right: 10px !important;
}

#edit-description{
    padding-top: 12px;
}
#edit-storage-date, #edit-price, #edit-quantity{
    outline: none;
}
#edit-storage-date:focus{
    border: 1px solid #006EAB;
}
#edit-price:focus{
    border: 1px solid #006EAB;
}
#edit-quantity:focus{
    border: 1px solid #006EAB;
}
#edit-submit{
    font-weight: 550 !important;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
    padding-right: 20px;
    height: fit-content;
}
.custom-hr-divisor{
    width: 90%;
}
#edit-file-analysis{
    height: 48px;
    min-height: 48px !important;
    padding-top: 0 !important;
    border: 1px solid #B9CAD4;
    border-radius: 5px;
}
#edit-file-analysis--label{
    pointer-events: none;
}
.upload-placeholder{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    color: #5C6873;
    font-weight: 400;
    margin-top: 12px;
}
.underline{
    text-decoration: underline;
}
#edit-images--description{
    color: #454E56;
    font-size: 16px;
    margin-top: 8px;
}
#img-dropzone{
    display: flex;
    justify-content: center;
}
.img-upload-placeholder{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    color: #5C6873;
    font-weight: 500;
}
.ph-cloud-arrow-up{
    font-size: 24px;
}
.dropzone{
    border: 2px dashed #B9CAD4;
    border-radius: 6px;
    width: 60%;
}
#img-dropzone{
    min-height: 150px;
    padding-top: 25px;
}

.files-label, 
label[for="edit-origin"], label[for="edit-title"] ,
label[for="edit-category"], label[for="edit-description"],
label[for="edit-species"], label[for="edit-storage-state"] , 
label[for="edit-storage-type"],label[for="edit-storage-date"],
label[for="edit-price"],label[for="edit-unit"], label[for="edit-quantity"],
label[for="edit-subtype"] {
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 550 !important;
}
#edit-category,
#edit-storage-state,
#edit-storage-type,
#edit-origin,
#edit-unit,
#edit-storage-date,
#edit-description,
#edit-title,
#edit-price,
#edit-quantity,
#edit-subtype {
    font-size: 16px !important;
}
#edit-category,
#edit-storage-state,
#edit-storage-type,
#edit-origin,
#edit-unit,
#edit-storage-date,
#edit-subtype {
    color: #5C6873 !important;
}

#edit-price, #edit-quantity{
    padding-left: 20px;
    text-align: left;
}

.messages.messages--error.file-upload-js-error{
    display: none;
}
.about-btn.active-btn{
    background-color: #5CFFCD !important;
    border: none !important;
    color: #000 !important;
}
.about-btn {
    display: inline-block; 
    padding: 10px 20px;      
    background-color: white; 
    color: white;           
    text-align: center;     
    text-decoration: none;   
    border: 1px solid #F7C410;           
    cursor: pointer; 
    transition: 0.3s ease; 
    text-transform: uppercase;
    color: #5C6873 !important;
    margin-bottom: 0 !important;
}
.fieldset-wrapper div{
    margin: 0 !important;
}
#edit-type-of-ad--wrapper .fieldset-wrapper {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: start;
}
#edit-type-of-ad--wrapper label {
    margin-bottom: 8px;
}

.file.file--mime-image-jpeg.file--image a {
    display: inline-block; /* Make sure the anchor tag behaves like a block element */
    max-width: 200px; /* Adjust the maximum width as needed */
    white-space: nowrap; /* Prevent text from wrapping to a new line */
    overflow: hidden; /* Hide the overflow content */
    text-overflow: ellipsis; /* Add the ellipsis ("...") when the text is too long */
}
.form-group.has-feedback .remove-btn, .form-group.has-feedback .file_analysis_remove_button{
    color: #dc3545 !important;
    text-decoration: underline;
    background-color: white !important;
    border: none;
}
.form-group.has-feedback .remove-btn:hover{
    color: #d31427 !important;
}

.file.file--mime-image-jpeg.file--image,
.file.file--mime-image-jfif.file--image
.file.file--mime-image-jpg.file--image,
.file.file--mime-image-png.file--image,
.file.file--mime-image-gif.file--image,
.file.file--mime-image-pjpeg.file--image,
.file.file--mime-image-pjp.file--image{
    width: 90% !important;
    margin-left: 30px;
}
label[for^="edit-file-analysis-upload--"] {
    display: none !important;
}
.c-checkbox label > .check{
    border: 2px solid rgb(39, 170, 39) !important;
    border-left: none !important;
    border-top: none !important;
}
.c-checkbox label > .box{
    border: 2px solid #006EAB !important;
}
.c-checkbox label > .box:hover{
    background-color: #B9CAD4 !important;
}

/* Visualizar pedidos */
.requests-table.table {
    border-top: none !important;
    border-collapse: collapse !important;
    border-left: none !important;
    border-right: none !important;
}
.requests-table.table thead{
    border-top: none !important;
}
.requests-table th, 
.requests-table td {
    border-left: none !important;
    border-right: none !important;
}
.requests-table.table thead tr{
    background-color: white !important;
}
.requests-table.table thead tr th,
.requests-table.table tbody tr td:first-child{
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  th, td {
    white-space: nowrap;
  }
.filter-date,
.filter-note,
.filter-quantity,
.filter-contacts{
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
.filter-note.no-note{
    color: #5C6873;
}
.requests-table tr:nth-child(odd) {
    background-color: #F6F8F9 !important;
}
.product-details-list h1{
    font-weight: 600;
    font-size: 24px;
    color: #000;
    margin-bottom: 24px;
}
.product-details-list .filters{
    display: flex;
    flex-direction: row;
    padding-right: 0 !important;
    gap: 14px;
}
.product-details-list,
.product-details-list .filter-text input{ 
    width: 100%;
}
.product-details-list .filter-text input{
    border: 1px solid #B9CAD4;
    height: 48px;
    padding: 0 16px;
    border-radius: 5px;
    color: #000;
}
.filter-text{
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
}
#textFilter{
    padding-left: 40px;
    font-size: 18px;
}
#textFilter:focus{
    border: 1px solid #006EAB !important;
    outline: none;
}
.filter-text i{
    position: absolute;
    margin-left: 15px;
    margin-top: 13px;
    font-size: 18px;
}
.filter-date{
    display: flex;
    flex-direction: row;
}
.filter-date input{
    border: 1px solid #B9CAD4;
    height: 48px;
    border-radius: 5px;
}
.filter-date input:focus{
    outline: none;
    border: 1px solid #006EAB;
}
.product-list-header{
    display: flex;
    flex-direction: row;
    margin-top: 100px;
    gap: 40px;
    margin-bottom: 40px;
}
.product-list-header .product-image {
    height: 168px;
    max-width: 168px;
    
}
.product-list-header .product-image img{
    border-radius: 8px;
}
@media (max-width: 1024px) {
    .filters{
        display: none;
    }
    .dropdown-filter{
        width: 100%;
    }
    .date-container{
        width: 100% !important;
    }
    #mobile-filters{
        position: fixed;
        top: 15%;
        left: 20%;
        right: 20%;
        width: 60%;
        z-index: 9999;
        background-color: white;
        border-radius: 6px;
        padding: 20px !important;
    }
    .checkbox-group{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .checkbox-group > :first-child {
        margin-right: 30px;
    }
    .labels-filters{
        margin-bottom: 12px !important;
    }
    #mobile-btns{
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 20px;
    }
    .price-container{
        width: 100%;
    }
    .product-detail{
        margin-top: 150px;
    }
    .dropzone{
        width:70%;
    }
    #edit-title, #edit-description, #edit-price, #edit-quantity, #edit-storage-date, #edit-category, #edit-type-of-ad, #edit-file-analysis, #edit-subtype,  .custom-hr-divisor, #edit-species, #edit-storage-state, #edit-storage-type, #edit-origin, #edit-price-and-unit{
        width:70%;
    }
    .cart-table{
        margin-top: 150px;
    }
    #popup-table{
        margin-bottom: 20px !important;
    }
    
}

@media (max-width: 768px) {
    .main-content{
        margin-top: 0 !important;
    }
    .product-detail{
        margin-top: 50px;
    }
    #mobile-filters{
        width: 70%;
        left: 15%;
        right: 15%;
    }
    .product-info{
        flex-direction: column;
        gap: 30px;
    }
    .product-gallery{
        margin-bottom: 0;
    }
    .product-left-section{
        width: 60%;
    }
    .dropzone{
        width: 80%;
    }
    #edit-title, #edit-description, #edit-price, #edit-quantity, #edit-storage-date, #edit-category, #edit-type-of-ad, #edit-file-analysis, #edit-subtype,  .custom-hr-divisor, #edit-species, #edit-storage-state, #edit-storage-type, #edit-origin, #edit-price-and-unit{
        width: 80%;
    }
    #cart-table{
        margin-top: 60px;
    }

        #cart-table thead {
            display: none;
        }

        #cart-table tbody tr {
            display: block;
            margin-bottom: 15px;
            border: 1px solid #ddd;
            border-radius: 6px;
        }
    
        #cart-table tbody tr td {
            display: flex;
            justify-content: space-between;
            padding: 10px;
            border-bottom: 1px solid #ddd;
        }
    
        /* Remove the last border from the last cell */
        #cart-table tbody tr td:last-child {
            border-bottom: none;
        }
        #cart-table .notes-column{
            display: flex !important;
            flex-direction: column !important;
        }
        #cart-table .total-price{
            word-wrap: none;
            white-space: nowrap;
            word-break: unset;
        }
        #cart-table .total-price::before{
            content: "Total: ";
            font-weight: 500;
        }
        #cart-table .total-price::before{
            content: "Total: ";
            font-weight: 500;
        }
        #cart-table .subtotal{
            justify-content: flex-end !important;
        }
        #subtotal-container{
            display: flex;
            flex-wrap: wrap;
            justify-content: end !important;
        }
        /* Remove specific column widths to fit flex design */
        #cart-table .products-column, 
        #cart-table .notes-column,
        #cart-table .quantity-column,
        #cart-table .price-column,
        #cart-table .close-column {
            width: auto;
        }
    
        /* Align text in the subtotal row */
        #cart-table tbody tr.subtotal-row td {
            text-align: right;
        }
        .cart-buttons{
            justify-content: flex-end;
            gap: 20px;
        }
        .remove-item::before {
            content: 'Remover'; /* Add the text */
            font-size: 16px;
            font-weight: 500; /* Optional: Style the text */
            color: #D4404A; /* Match the text color with the link color */
            text-decoration: underline;
        }
        
        .remove-item i {
            display: none; /* Hide the icon */
        }
        .remove-item:hover{
            color: #b8232d;
        }
        .product-details-list .filters{
            flex-direction: column;
        }
    
}


@media (max-width: 600px) {

    #mobile-filters{
        width: 90% !important;
        left: 5%;
        right: 5%;
    }
    .product-item{
        flex-direction: column;
        gap: 20px;
    }
    .product-details{
        padding-left: 0 !important;
    }
    .add_cart{
        margin-top: 20px;
    }
    .product-description-details-cards {
        display: flex;
        flex-direction: column;
    }
    .product-right-section, .product-left-section{
        width: 80%;
    }
    .dropzone{
        width: 100%;
    }
    #edit-title, #edit-description, #edit-price, #edit-quantity, #edit-storage-date, #edit-category, #edit-type-of-ad, #edit-file-analysis, #edit-subtype,  .custom-hr-divisor, #edit-species, #edit-storage-state, #edit-storage-type, #edit-origin, #edit-price-and-unit{
        width: 100%;
    }
    #edit-storage-date{
        margin-bottom: 12px;
    }
    #edit-file-analysis{
        margin-bottom: 20px;
    }

    .main-content{
        margin-top: 0 !important;
    }
    
}
@media (max-width:480px) {
    .product-right-section, .product-left-section{
        width: 90%;
    }
    #edit-price-and-unit{
        display: flex;
        flex-direction: column;
        gap: 0;

    }
    #edit-price, #edit-quantity{
        margin-bottom: 0;
    }
    .popup-buttons{
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }
    .cart-buttons{
        flex-direction: column;
        gap: 12px;
    }
    .product-list-header{
        display: flex;
        flex-direction: column-reverse;
    }
    .main-content{
        margin-top: 0 !important;
    }
    
}

@media (max-width:380px) {
    .new_add{
        margin-bottom: 20px;
    }
    .marketplace-top-section{
        flex-direction: column;
        align-items: flex-start;
    }

    .product-top-info{
        flex-direction: column;
        align-items: flex-start;
    }
    .product-right-section, .product-left-section{
        width: 100%;
    }
    .main-content{
        margin-top: 0 !important;
    }
}