.dokan-select-product-category-remove-container {
    margin-top: 6px !important;
}


.dokan-select-product-category-remove {
    padding: 8px 10px !important;
    cursor: pointer;
    margin-left: 5px;
    border: 1px solid #EDEDED;
}

.dokan-custom-product-attribute-alert-wrapper{
    margin-top: 15px;
    margin-left: 15px;
}

.dokan-attribute-variation-options.dokan-edit-row {
    margin-top: 0px;
}
.gg-cat-class {
    /* padding-right: 10px !important; */
    max-height: 70px;
}

.gg-cat-class:nth-child(odd) {
    padding-right: 10px !important;
    max-height: 70px;
}


.tabcontent { 
    display: none;
}

.tabcontent .active {
    display: block; 
    display: show ;
    
}

.tab-contents {
    /* display: block; */
    margin-top: 20px;
    /* height: 500px;
    overflow-y: auto; */
}

.tab-header {
    font-size: small;
    font-weight: bold;

    color: #6d6d6d;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    /* padding: 6px 8px; */
    margin-bottom: 10px;
    margin-right: 10px;
    border-top: 1px solid #eee;
    padding: 8px 10px;
    
}

.tab-header.active {
    background-color: #f1f1f1;
    font-size: small;
    font-weight: bold;

}

/* .tab-header:hover {
    background-color: #eee;
} */
    
.product-edit-new-container .dokan-form-top-area .dokan-product-meta {
    width: 75%;
}

.gg-dokan-buttons {
    margin-top: 20px;
}

.gg-dokan-button {
    margin-right: 5px;
}



.table-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 800px;
}

.table-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.cell {
    flex: 1;
    display: grid;
    grid-template-columns: auto 10px 1fr;
    align-items: start;
}

.cell-title::after {
    content: ":";
    margin-right: 4px;
}

.cell-title {
    font-weight: bold;
    white-space: nowrap;
}

.cell-value {
    word-break: break-word;
}



/* .product-edit-new-container .dokan-new-product-featured-img {
    max-height: 100%!important;
    height: 450px !important;
} */

.product-edit-new-container .dokan-new-product-featured-img {
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important; /* Ensure full width container */
    object-fit: contain; /* Fit image inside box without cropping */
}


.validation-error {
    /* font-size: 14px; */
    /* margin-top: 5px !important; */
    border-color: #d32f2f !important;
    color: #d32f2f;
    font-size: 13px;
    margin-top: 4px;
    display: block;
    content: "This field is required";
}

.validation-error input,
.validation-error select,
.validation-error textarea {
    border-color: #d32f2f !important;
    background-color: #fff0f0;
    color: #d32f2f;
}


.error {
    border-color: #d32f2f !important;
    color: #d32f2f;
}

.toggle-btn {
  margin-top: 10px;
  color: #0073aa;
  cursor: pointer;
}

.toggle-btn:hover {
    text-decoration: underline;
}

.gg-input-width-100 {
    width: 100%;
}

.gg-input-height {
    height: 35px !important;
}

.dokan-form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #EDEDED !important;
    padding: 4px 6px !important;
    border-radius: 0;
    color: #555555;
    display: block;
    font-size: 14px;
    min-height: 26px;
    line-height: 20px;
    vertical-align: middle;
    width: 100%;
    margin: 0;
}

.dokan-form-control:focus {
    border: 1px solid #232222 !important;
}

.dokan-input-group-addon
 {
    padding: 6px 12px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #EDEDED;
    border-radius: 1px !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    -ms-border-radius: 1px !important;
    -o-border-radius: 1px !important;
}

.gg-left-padding {
    padding-left: 0px !important;
}

.entry-content tr td {
    border-top: 0px !important;
}

.custom-field-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: none; /* hide borders */
}

.custom-field-table td, 
.custom-field-table th {
    padding: 5px 15px !important;
    vertical-align: top;
    border: none; /* hide borders */
}

.custom-field-table th {
    text-align: left;
    font-weight: bold;
    width: 225px;
    /* word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: nowrap; */
}

.custom-field-table .value {
    color: #333;
    padding-left: 5px !important;
}

.custom-field-table .value:empty::before {
    content: ": —";
    color: #aaa;
}

.gg-image-title {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.inline-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* space between fields */
    align-items: flex-end;
    margin-bottom: 20px;
}

.inline-fields .field-group {
    display: flex;
    flex-direction: column;
    min-width: 120px;
    flex: 1;
}
.form-label {
    font-size: 14px !important;
}

.inline-fields .form-label {
    margin-bottom: 4px;
    font-weight: 500;
}

.inline-fields .dokan-form-control {
    width: 100% !important;
}

.custom-field-table .gg-data-colon {
    width: 5px !important;
    text-align: center;
    padding: 5px 0px !important;
}

.gg-addon-warranty-settings-table {
    margin-top: 5px !important;
}

/* .product-edit-new-container .dokan-edit-row .dokan-section-content {
  padding: 0px !important;
} */



.entry-content .custom-field-table {
    padding: 0px !important;
    border: 0px !important; /* hide borders */
    margin-top: 7px !important;
}

.gg-review-post-container {
    padding: 0px !important;
}

.value .featured-image {
    padding: 0px 10px !important;
}

.value .dokan-product-gallery {
    padding: 0px 10px !important;
}

.content-half-part.from {
    padding-right: 0px !important;
}

.image-wrap {
    position: relative !important;
}
.close {
    padding: 0!important;
    height: 100%!important;

}
.gg-image-close-button {
    position: absolute;
    top: 50%; /* Move to vertical center */
    left: 50%; /* Move to horizontal center */
    transform: translate(-50%, -50%);
}

/* .add-image.add-product-images {
    width: 225px !important;
    height: 64px !important;

} */

.gg-spinner-inside {
    font-size: large;
    text-align:center;
    padding:20px;
}

.loading-inside {
    font-size: large;
    text-align:center;
    padding:20px;
}

.dokan-feat-image-upload.dokan-new-product-featured-img {
    line-height: 0;
    width: fit-content !important;
    /* width: 450px !important; */
    height: 450px !important;
    /* min-width: 300px !important */
}

.instruction-inside {
    padding: 100px;
}

.dokan-dashboard .dokan-dashboard-content ul li {
    list-style: inherit;
    margin: 0px;
    padding: 0px;
}

#edit-slug-buttons {
    display: none;
}

.gg-photos {
    display: block;
    justify-content: left;
    align-items: left;
}

.gg-featured-image{
    /* width: 50%; */
    /* height: 50%; */
    text-align: left;
}

.gg-image-upload-instruction {
    padding-bottom: 15px;
}

.image-wrap {
    height: 450px;
    /* width: 450px; */
}



.dokan-custom-field-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.dokan-custom-field-container .content-half-part {
    width: 100%;
    padding-right: 10px;
}

.dokan-feat-image-upload.dokan-new-product-featured-img.gg-product-feature-img .error-message {
    color: red;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
}

.gg-photos .featured-image h5{
    font-weight: bold;
    font-size: 14px;
}

.required-label::after {
    content: " *";
    color: red;
    font-weight: bold;
}


.dokan-select-product-category-container .dokan-select-product-category {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    border: 1px solid #EDEDED;
    cursor: pointer;
    width: 49%;
}

select.dokan-form-control  {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    font-size: 14px;
    cursor: pointer;

    /* Dropdown arrow */
    background-image: url("data:image/svg+xml;utf8,<svg fill='gray' width='12' height='12' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 7.5L10 12l4.5-4.5'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0px center;

/* Removes arrow in Internet Explorer (just in case) */
select::-ms-expand {
    display: none;
}