.giftcard-information-container .giftcard-information {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 20px !important;
}
.giftcard-information-container .giftcard-information .giftcard-field-label {
    width: auto;
    min-width: 80px;
    min-height: unset;
    text-align: left;
    margin-right: unset !important;
    margin-bottom: unset !important;
    float: unset;
    line-height: 1;
    font-weight: 700 !important;
}
.giftcard-information-container .giftcard-information .giftcard-field-wrapper {
    width: 100%;
    float: unset;
    flex: 1;
}
.giftcard-information-container .giftcard-information .giftcard-field-wrapper > input,
.giftcard-information-container .giftcard-information .giftcard-field-wrapper > textarea {
    min-width: 100%;
}
.giftcard-information-container .giftcard-information .giftcard-field-wrapper ul {
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px;
}
.giftcard-information-container .giftcard-information.giftcard-information-amount .giftcard-field-wrapper ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.giftcard-information-container .giftcard-information .giftcard-field-wrapper ul li {
    padding: 0 !important;
    margin: 0 !important;
}

.giftcard-information-container .giftcard-design-button-container {
    border-color: #cecece;
    box-shadow: none;
}
.giftcard-information-container .giftcard-design-button-container button {
    font-size: 16px;
    width: 100%;
}
.giftcard-information-container .giftcard-design-button-container:hover {
    border-color: #485b60;
    background-color: transparent;
}
.giftcard-information-container .giftcard-design-button-container.active {
    background-color: #485b60;
    border-color: #485b60;
}
.giftcard-information-container .giftcard-design-button-container.active button {
    color: #fff;
}
.giftcard-information-container .giftcard-design-button-container button:hover {
    cursor: pointer;
}
.giftcard-information-container .giftcard-field-wrapper .mage-error {
    color: #e7131a;
}

.giftcard-template-container .giftcard-template-setting .giftcard-template-setting-title {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
}
.giftcard-template-container .giftcard-template-setting .giftcard-template-setting-select > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.giftcard-template-container .giftcard-template-setting .giftcard-template-setting-select .giftcard-design-button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-color: #cecece;
    background-color: transparent;
    font-weight: normal;
    color: inherit;
    margin: 0;
    padding: 0;
    box-shadow: none;
}
.giftcard-template-container .giftcard-template-setting .giftcard-template-setting-select .giftcard-design-button-container > button {
    color: inherit;
    font-size: inherit;
}
.giftcard-template-container .giftcard-template-setting .giftcard-template-setting-select .giftcard-design-button-container:hover {
    border-color: #485b60;
    background-color: transparent;
    font-weight: normal;
    color: inherit;
}
.giftcard-template-container .giftcard-template-setting .giftcard-template-setting-select .giftcard-design-button-container:hover > button:hover {
    cursor: pointer;
}
.giftcard-template-container .giftcard-template-setting .giftcard-template-setting-select .giftcard-design-button-container.active {
    color: #ffffff;
    border-color: #485b60;
    background-color: #485b60;
    font-weight: normal;
}
.giftcard-template-container .giftcard-template-setting .giftcard-template-setting-select .giftcard-design-button-container.active > .fa {
    bottom: -30px;
    color: #485b60;
    font-size: 30px;
} 
.giftcard-template-container .giftcard-template-setting .giftcard-template-setting-content .giftcard-template-choose-images {
    border-color: #485b60;
    background-color: transparent;
    margin: 10px 0;
}

.mp-giftcard-preview button.mp-giftcard-preview-button {
    color: #208192;
    text-decoration: underline;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0 0 20px;
    outline: 0;
    font-size: 16px;
    line-height: 1;
    text-align: left;
}
.modal-popup.mp-giftcard-modal-email-preview._show .modal-inner-wrap {
    width: 100%;
    height: 100%;
    max-height: unset;
}

.block.block-gift-card .block-content {
    max-height: unset;
    height: auto;
}
.block.block-gift-card .block-content form.check-code {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.block.block-gift-card .block-content form.check-code > .field {
    flex: 1;
    margin: 0;
}
.block.block-gift-card .block-content form.check-code > .field > .control {
    display: flex;
    align-items: center;
    height: 100%;
}
.block.block-gift-card .block-content form.check-code > .field > .control > input {
    height: 100%;
    min-height: 50px
}
.block.block-gift-card .block-content form.check-code > .actions {
    min-width: unset;
    width: unset;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}
.block-gift-card .table-giftcard-list td.actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
    color: #208192;
    text-decoration: underline;
}
.block-gift-card .table-giftcard-list tr td::before {
    content: none;
}
.block-gift-card .table-giftcard-list td.code {
    cursor: pointer;
}
.block-gift-card .table-giftcard-list td.actions .action.view {
    margin: 0;
}
.block-gift-card-setting .block-content.field.choice {
    padding: 0;
}

.gift-card-view {
    margin: 0;
}
.gift-card-view .gift-card-view-detail {
    margin: 0;
}

#discount-giftcard-form .gift-card-used {
    padding: 0;
}

.giftcard-messages {
    width: 100%;
}
.giftcard-messages .message {
    margin: 0;
    width: 100%;
    padding: 5px;
}

@media (max-width: 768px) {
    .giftcard-information-container .giftcard-information {
        flex-direction: column;
    }

    .block.block-gift-card .block-content form.check-code {
        flex-direction: column;
    }
}