/* Custom CSS for Prescription Table Column Widths */
/* This file handles custom styling without modifying style.min.css */

.prescription-section-container .scroll-section-item .prescription-table .table-cell.col-10 {
    flex: 0 0 10% !important;
    max-width: 10% !important;
}

.prescription-section-container .scroll-section-item .prescription-table .table-cell.col-13 {
    flex: 0 0 13% !important;
    max-width: 13% !important;
}

.prescription-section-container .scroll-section-item .prescription-table .table-cell.col-40 {
    flex: 0 0 40% !important;
    max-width: 40% !important;
}

.prescription-section-container .scroll-section-item .prescription-table .table-cell.col-7 {
    flex: 0 0 7% !important;
    max-width: 7% !important;
}

.prescription-section-container .scroll-section-item .prescription-table .table-cell.col-100 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* Remove text decoration from tabs */
.prescription-section-container .section-tabs .tab {
    text-decoration: none !important;
}

/* Ensure proper tab switching */
.prescription-section-container .section-tabs .tab.active {
    color: #00bba0 !important;
}

.prescription-section-container .section-tabs .tab.scription.active {
    color: #00bba0 !important;
}

/* Header button active state */
.header-btn.active {
    background-color: #5d5d5d !important;
    color: #00bba0 !important;
}

.events-section-container .scroll-section-item .events-flex {
    width: max-content !important;
    max-width: max-content !important;
}

.form-control,
.form-control:focus,
input,
input:focus,
select,
select:focus {
    background-color: #fff;
    border: 1px solid #e9e8e8;
    border-radius: unset;
}

.form-control::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder {
    color: #191919;
}

.form-control::placeholder,
input::placeholder,
select::placeholder {
    color: #191919;
}

.login-main .login-card .login-form-wrap .login-form .login-btn {
    width: 100%;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 32px;
    background-color: #00BBA0;
}

.login-main .login-card .login-form-wrap .login-form .login-btn > span#loadingtxt {
    color: #fff;
}

.login-main .login-card .login-form-wrap .login-form .login-btn > span#loadingimg {
    position: absolute;
    top: -1px;
    right: 21%;
    display: none;
}

.custom-product-grid .product-item .product-image {
    object-fit: cover;
}

.pagination-item-form {
    gap: 0 !important;
}

.txt-white {
    color: #fff;
}

.btn-success {
    background-color: #00BBA0;
}

.btn-danger {
    background-color: #DC4D69;
}

.btn-unavailable {
    background-color: #606060;
}

.events-section-container .scroll-section-item {
    width: 100% !important;
}

.custom-product-grid .product-item .product-actions .btn-action {
    flex-basis: 100% !important;
}

.main-content-product .content .top-banner .banner-descrition {
    background-color: unset !important;
}

.btn-sub-outline-light.active {
    background-color: #00bba0;
    color: #fff;
}

.hero-card:hover {
    border-color: rgba(232, 232, 232, 1);
    cursor: pointer;
}

.hero-card:hover .card-header .card-title {
    color: rgba(0, 187, 160, 1);
}

.menu-item:hover {
    background-color: rgba(0, 187, 160, 0.1)
}

#modallayer .dialog-form-container {
    display: block !important;
}

.not-mw {
    max-width: none !important;
}

/* .main-content-product .content .top-banner .banner-description {
    padding: 32px 32px !important;
} */

.header-container .nav-menu .nav-item.nav-has-submenu .nav-submenu {
    width: 100% !important;
}

.nav-item a.nav-item:hover {
    background-color: unset !important;
}

.header-container .nav-menu .nav-item.nav-has-submenu .nav-submenu .nav-tab {
    width: 100% !important;
}

.main-chart .checkbox-item {
    margin-left: 16px !important;
}

/* .main-content-product:has(.main-content-my-recipe-regist)
.main-content-my-recipe-regist
.content .form-infor-section
.content-infor-container-3
.infor-item-form:nth-child(2),
.main-content-product:has(.main-content-my-recipe-regist)
.main-content-my-recipe-regist
.content
.form-infor-section
.content-infor-container-3
.infor-item-form:nth-child(4) {
    padding-right: 16px;
} */

.select-item-form-full-width {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.flex-d-row {
    flex-direction: row !important;
    gap: 8px !important;
}

.modal-my-doctor-add .modal-add-form .inp-error {
    font-size: 12px;
    color: #9e313f;
    position: relative;
    top: 5px;
}

.modal-my-doctor-add .modal-add-form-row1 span {
    color: blue !important;
}

.dialog-form-container .dialog-form-wrapper .dialog-header .header-close {
    cursor: pointer;
}

button:hover:disabled {
    background-color: #cdcdcd;
}

.modal-my-recipe-add .modal-add-table .table-row > .table-no-cell:first-child {
    max-width: 471px;
    padding: 14px 4px 13px 24px;
    justify-content: center !important;
}

.item-table-form .justify-content-center {
    justify-content: center !important;
}

.main-chart .chart-left-column {
    max-width: 640px !important;
}

.cell-content a, .txt_line {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

.chart-section.chart-additional-legislation .summary-table .summary-row:last-child .checkbox-item-form {
    margin-right: 10px !important;
}

.hero-section-container .hero-left .hero-card:hover .card-header .card-arrow {
    background-image: url(../images/common/icon_active_polygon.svg);
}

.content .tabs-content .content-detail .list-infor {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span #totcnt {
    color: #00BBA0;
}

.main-content-goods-detail .content .goods-detail-container .goods-detail-information-more .item-tabs-form .tab-content div#tab3 {
    padding: 30px 16px 60px;
}

.main-content-goods-detail .content .goods-detail-container .goods-detail-information-more .item-tabs-form .tab-content div#tab2 table td {
    border: none;
}

.main-content-goods-detail .content .goods-detail-container .goods-detail-information-more .item-tabs-form .tab-content div#tab2 table th {
    border: none;
    width: 100px !important;
}

.main-content-goods-detail .content .goods-detail-container .goods-detail-information-more .item-tabs-form .tab-content div#tab2 table tr {
    height: 25px !important;
}

.main-content-goods-detail .content .goods-detail-container .goods-detail-information-more .item-tabs-form .tab-content div#tab2 table {
    border: none;
}

.main-content-goods-detail .content .goods-detail-container .goods-detail-information-more .item-tabs-form .tab-content div#tab4 {
    padding: 30px 16px 60px;
}

.main-content-product .sidebar .sidebar-header .sidebar-title {
    text-align: left !important;
}

.table-row-summary .cell-content {
    white-space: nowrap !important;
}

.main-content-my-point .my-point-content .item-table-form .table-row .table-cell:nth-child(4) {
    color: unset;
}

.flex-direction-column {
    flex-direction: column;
}

.main-chart .table-patient-information-custom .summary-table .summary-row .summary-input {
    white-space: normal;
}

.hover-pointer {
    cursor: pointer;
}

.chart-section.chart-prescription-costs .cost-table tr .cost-details #ointmentdiv,
.chart-section.chart-prescription-costs .cost-table tr .cost-details #excipientdiv,
.chart-section.chart-prescription-costs .cost-table tr .cost-details #ointmentspecialDiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.chart-section.chart-search-pesticides-medicinal-herbs .item-tabs-form .pesticides-medicinal-herbs-list-container .tab-custom-2 .table-cell:first-child {
    max-width: 70px;
}

.chart-section.chart-search-pesticides-medicinal-herbs .item-tabs-form .pesticides-medicinal-herbs-list-container .tab-custom-2 .table-cell:nth-child(2) {
    justify-content: flex-start;
    padding-left: 12px;
}

.chart-section.chart-search-pesticides-medicinal-herbs .item-tabs-form .pesticides-medicinal-herbs-list-container .tab-custom-2 .table-cell:nth-child(3) {
    max-width: 50px;
    padding-left: 0;
}

.chart-section.chart-search-pesticides-medicinal-herbs .item-tabs-form .pesticides-medicinal-herbs-list-container .tab-custom-2 .table-cell:nth-child(4) {
    max-width: 40px;
    justify-content: center;
    padding-left: 0;
}

.chart-section.chart-search-pesticides-medicinal-herbs .item-tabs-form .pesticides-medicinal-herbs-list-container .tab-custom-3 .table-cell {
    justify-content: flex-start;
    padding-left: 12px;
}

.chart-section.chart-search-pesticides-medicinal-herbs .item-tabs-form .pesticides-medicinal-herbs-list-container .tab-custom-3 .table-cell:nth-child(2) {
    max-width: 50px;
    justify-content: center;
}

.chart-section.chart-search-pesticides-medicinal-herbs .item-tabs-form .pesticides-medicinal-herbs-list-container .tab-custom-3 .table-cell:nth-child(3) {
    max-width: 47px;
    justify-content: center;
    padding-left: 0;
}

.chart-section.chart-search-pesticides-medicinal-herbs .item-tabs-form .pesticides-medicinal-herbs-list-container .tab-custom-4 .table-cell {
    justify-content: flex-start;
    padding-left: 12px;
}

.chart-section.chart-search-pesticides-medicinal-herbs .item-tabs-form .pesticides-medicinal-herbs-list-container .tab-custom-4 .table-cell:nth-child(2),
.chart-section.chart-search-pesticides-medicinal-herbs .item-tabs-form .pesticides-medicinal-herbs-list-container .tab-custom-4 .table-cell:nth-child(3) {
    max-width: 70px;
    justify-content: flex-end;
}

.chart-section.chart-search-pesticides-medicinal-herbs .item-tabs-form .pesticides-medicinal-herbs-list-container .tab-custom-4 .table-cell:nth-child(4) {
    max-width: 40px;
    justify-content: center;
    padding-left: 0;
}

.table-cell a {
    text-decoration: none !important;
}

.custom-nonedata {
    padding: 20px 5px 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-table-form .table-row .custom-nonedata {
    font-weight: 400;
    font-size: 14px;
    color: #191919;
}

.chart-section.chart-patient-information .item-tabs-form .tab-list:has([data-tab=tab3].active) {
    border-bottom: 1px solid #00bba0 !important;
}

.chart-section.chart-patient-information .item-tabs-form .tab-list:has([data-tab=tab3].active) .tab-item {
    border-bottom: unset !important;
}

.input-item-form .custom-placeholder::placeholder {
    font-size: 14px !important;
    color: #191919 !important;
}

.chart-section.chart-herbal-medicine .section-header .section-actions .btn {
    font-weight: 400 !important;
}

.checkbox-item-form input:disabled + .checkbox-box {
    background-color: #fff !important;
    border: 1px solid #00bba0 !important;
    cursor: inherit !important;
}

.chart-section.chart-additional-legislation .summary-table .summary-row .summary-expected .summary-expected-ig-wrapper:focus-within {
    border: 1.5px solid #00bba0 !important;
    padding: 0px 10px 0px 16px !important;
}

.tablet-h80 {
    height: 80px !important;
}

.tablet-h100 {
    height: 100px !important;
}

.flex {
    display: flex !important;
}

.main-chart .summary-table .summary-custom-row .summary-input {
    height: 50px;
}

.main-chart .summary-table .summary-custom-row:first-child {
    border-top: none;
}

.text-content-center {
    justify-content: center !important;
}

/* .main-content-product:has(.main-content-my-order) .main-content-my-order .content .my-order-list-contnent .list-contnent-section-container .list-infor .my-order-table .table-cell:first-child {
    max-width: 93px !important;
}
.main-content-product:has(.main-content-my-order) .main-content-my-order .content .my-order-list-contnent .list-contnent-section-container .list-infor .my-order-table .table-cell:nth-child(7) {
    max-width: 52px !important;
} */

/* .main-content-product:has(.main-content-my-order) .main-content-my-order .content .my-order-list-contnent .list-contnent-section-container .list-infor .my-order-table .table-cell:nth-child(2) {
    max-width: 38px !important;
} */

.chart-section.chart-seft-prescription-herbal-medicine .herb-seft-prescription-table .table-cell:nth-child(3) {
    justify-content: flex-end !important;
}

.main-chart .pagination {
    padding: unset !important;
}

.main-content-event-list .product-item a {
    text-decoration: none !important;
}

.main-content-event-detail .event-detail-group-button:not(:has(.left)) {
    justify-content: flex-end !important;
}

#tab7 .list-search-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    gap: 16px;
    flex-wrap: wrap;

    .form_input_search {
        flex: 1;
        width: 100%;
    }

    @include laptop {
        flex-direction: column;
        align-items: flex-start;
    }
}

.content .product-count {
    white-space: normal;
}

.list-pagination-container {
    margin-top: 20px;
}

.not-mb {
    margin-bottom: 0 !important;
}

.custom-inline {
    display: inline-flex;
    flex-direction: row !important;
    gap: unset !important;
}

.custom_btngreen {
    gap: unset !important;
    margin-left: unset !important;
}

.main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .custom-border-buttom {
    border-bottom: 1px solid #e1e1e1;
}

.main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .content-infor-container-3 .infor-item-form:nth-child(n+3) {
    border-bottom: unset !important;
}

#rcTitleCustom:empty::before {
    content: "개인방제집";
}

.main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .content-right .infor-top-wrapper .herbal-composition-table .table-row:nth-child(2) {
    border-top: unset !important;
}

.main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .content-right .infor-top-wrapper .herbal-composition-table .table-row {
    height: unset !important;
}

.custom-border-top {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    max-height: 50px !important;
}

.custom-select-medibox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 42px;
    padding: 8px 36px 8px 8px;
    font-size: 14px;
    color: #191919;
    border: 1px solid #e9e8e8;
    border-radius: unset;
    background-color: #fff;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-padding-right-unset {
    padding-right: unset !important;
}

.custom-list-actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.custom-btn-cancel {
    max-width: 116px;
    text-decoration: none;
}

.img-text {
    white-space: normal !important;
}

.w-25 {
    width: 25% !important;
}

.custom-badge-item {
    text-align: center !important;
    cursor: pointer;
}

.custom-badge-item:hover {
    background-color: #00bba0 !important;
    color: #fff !important;
}

.custom-border-bottom {
    border-bottom: 1px solid #e1e1e1;
}

.custom-select-wrapper {
    width: 252px !important;
}

.tiedbtn {
    display: inline-block;
    padding: 2px 3px;
    background: #606060;
    color: #fff;
    font-size: 12px;
    min-width: 30px;
}

.btngreen-order {
    height: 20px;
    color: white;
    text-align: center;
    line-height: 18px;
    border: 1px solid green;
    border-radius: 2em;
    font-size: 12px;
    background: green;
    padding: 0 7px;
    margin-left: 5px;
}

.custom-table-order {
    display: flex !important;
    align-items: center;
    gap: 5px;
}

.custom-table-order a {
    display: inline-block;
}

.custom-unset-left {
    margin-left: unset !important;
}

.not-margin {
    margin: 0 !important;
}

.header-height-62 {
    height: 62px !important;
}

.j-content-start {
    justify-content: start !important;
}

.p-left-12 {
    padding-left: 12px !important;
}

.custom-btn-productorder {
    background: #507a19 !important;
    min-width: 116px !important;
}

.no-underline {
    text-decoration: none;
}

.main-content-event-detail .event-detail-content.detail {
    margin-top: unset !important;
}

.not-padding {
    padding: 0 !important;
}

.meEmail-custom #meEmail0 {
    height: 42px;
}

.meEmail-custom #meEmail1 {
    width: 87px;
    height: 42px;
}

.meEmail-custom #meEmail2 {
    width: 114px;
    height: 42px;
}

.meEmail-custom {
    gap: 10px !important;
}

@media (min-width: 769px) {
    .field-phone-number-custom #meMobile0 {
        width: 80px !important;
    }

    .field-phone-number-custom #meMobile1 {
        width: 80px !important;
    }

    .field-phone-number-custom .smsnec {
        width: 80px !important;
    }
}

.custom-disabled {
    background-color: #f2f2f2 !important;
    opacity: 1;
}

.miPhone-custom #miPhone0 {
    width: 108px !important;
}

.miPhone-custom #miPhone1 {
    width: 90px !important;
}

.miPhone-custom .reqdata {
    width: 87px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.main-content-recipe-detail .content .content-infor-container-3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.not-margin-top {
    margin-top: unset !important;
}

.H60 {
    min-height: 59px !important;
}

.H60 .cell-content i {
    font-style: normal;
    color: #66b39e;
}

.hw-20 {
    display: block !important;
    height: 20px !important;
    width: 20px !important;
}

@media (max-width: 425px) {
    .main-content-product .content .top-banner .banner-description {
        gap: 0px !important;
    }

    .fz-14 {
        font-size: 14px !important;
    }

    .ct-min-w-mycart {
        width: min(111px, 100%);
        min-width: 100px;
    }

    .not-text-overflow {
        text-overflow: unset !important;
    }

    .btn-site-mycart-center {
        justify-content: center;
    }
}


.banner-description br {
    display: block;
    margin: 11px 0;
    @media (max-width: 425px) {
        margin: 10px 0;
    }
}


.main-content-f52 .typo-16, .main-content-f50 .cell-content {
    white-space: normal !important;
}

.main-content-f52-detail .event-detail-typo {
    padding: 19px 0 0 0 !important;
    gap: 0 !important;
}


.main-content-product:has(.main-content-my-payment) .main-content-my-payment .content .my-payment-list-contnent .list-contnent-section-container .list-infor .my-payment-table .table-cell:nth-child(10) {
    max-width: 89px;
}

/* start - sign agree */
#agreementDiv, #privacyDiv {
    gap: 0 !important;
}

#agreementDiv strong + br {
    display: none;
}

.main-content-f42-detail .part1 .paragraph-detail strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    color: #191919;
    display: block;
    margin-bottom: 8px;
}

.main-content-f42-detail .part1 .paragraph-detail strong:nth-of-type(n+3) {
    display: block;
    margin-bottom: 5px;
    margin-top: 20px;
    content: "";
}

.main-content-f42-detail .part1 .paragraph-detail br:nth-of-type(n+2) {
    display: block;
    margin-bottom: 5px;
    content: "";
}

.main-content-f42-detail .part1 .paragraph-detail br:nth-of-type(3) {
    display: block;
    margin-top: 20px;
    content: "";
}

.main-content-f42-detail .part1 .paragraph-detail br:nth-of-type(4) {
    display: block;
    margin-bottom: 20px;
    content: "";
}


#privacyDiv {
    line-height: 125%;
}

.main-content-f42-detail .part2 strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    color: #191919;
    display: block;
    margin-bottom: 8px;
}

.main-content-f42-detail .part2 strong:nth-of-type(n+3) {
    display: block;
    margin-bottom: 5px;
    margin-top: 20px;
    content: "";
}

.main-content-f42-detail .part2 br:nth-of-type(n+2) {
    display: block;
    margin-bottom: 5px;
    content: "";
}

.main-content-f42-detail .part2 strong:nth-of-type(1) {
    margin-bottom: 0;
}

/* end - sign agree */

.custom-btn-strecipe {
    border-color: #959595 !important;
    color: #191919 !important;
}

.h-max-59 {
    max-height: 59px !important;
}

.custom-border-top-recipe {
    border-top: 1px solid #e1e1e1 !important;
}

.fz-14 {
    font-size: 14px !important;
}

.main-content-recipe-detail .content .content-infor-container-2 .infor-item-form .item-label {
    font-size: unset !important;
}

.custom-text-ellipsis {
    text-overflow: ellipsis !important;
    display: block !important;
    overflow: hidden !important;
}

/* .main-content-recipe-detail .content .content-infor-container-2 {
    max-height: 60px !important;
}

.main-content-recipe-detail .content .infor-item-form {
    min-height: 60px !important;
} */

.h-min-60-50 {
    min-height: 60px !important;
}

.h-min-59-49 {
    min-height: 59px !important;
}

@media (max-width: 425px) {
    .main-content-recipe-detail .content .content-infor-container-2 {
        border-bottom: unset !important;
        max-height: unset !important;
    }

    .main-content-recipe-detail .content .content-infor-container-2 .infor-item-form {
        min-height: 50px !important;
    }

    .main-content-recipe-detail .content .content-infor-container-3 {
        grid-template-columns: repeat(1, 1fr);
        border-bottom: unset !important;
    }

    .main-content-recipe-detail .content .infor-item-form {
        border-bottom: 1px solid #e1e1e1 !important;
        min-height: 50px !important;
    }

    .h-min-60-50 {
        min-height: 50px !important;
    }

    .h-min-59-49 {
        min-height: 49px !important;
    }

    .main-content-recipe-detail .content .infor-item-form .item-field {
        padding: 0 0 0 16px !important;
    }

    .normalBox__content {
        width: 100% !important;
    }
}

.main-content-recipe-detail .content .infor-item-form .item-field {
    color: #191919 !important;
}

.main-content-recipe-detail .content {
    padding-bottom: 0px;
}

.fw-400 {
    font-weight: 400 !important;
}

.custom-pading-medihub-0-12 {
    padding: 0 12px !important;
}

.header-find_id {
    color: #00BBA0 !important;
    font-size: 22px;
    font-weight: 700;
}

.wh-60 {
    display: block !important;
    width: 60px !important;
    height: 60px !important;
}

.main-content-f50 .table-row .table-cell:nth-child(2) {
    min-height: 56px !important;
}

.main-content-f50 .table-row .table-cell:nth-child(3) {
    min-height: 55px !important;
}

.gap-12 {
    gap: 12px !important;
}

.custom-color-default {
    background-color: #00BBA04D !important;

}

.custom-color-default:hover {
    background-color: #00BBA0 !important;
}


.main-content-f60-detail .advert-button {
    max-width: 387px !important;
}

.main-content-f61 .event-detail-image {
    white-space: break-spaces !important;
}

#pagediv strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
}

.chart-section.chart-packaging-other-information .summary-table .summary-row-marking .summary-input-marking {
    padding-top: 6.5px !important;
    padding-bottom: 6.5px !important;
}

.select-wrapper-disable {
    height: 42px;
    -webkit-appearance: none;
    width: 100%;
    font-size: 14px;
    color: #191919;
    border: 1px solid #e9e8e8;
    border-radius: unset;
    background-color: #fff;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.summary-input-not-mw {
    min-height: 90px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.main-content-f52 .list-pagination-container {
    margin-top: 10px !important;
}

.h-min-57 {
    min-height: 57px !important;
}

.modal .subTit {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.justify-between {
    justify-content: space-between;
}

.items-center {
    align-items: center;
}

.modal .scroll {
    overflow: auto;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    word-break: keep-all;
    padding: 20px;
}

.input input {
    width: 100% !important;
}

#patientCreateModal .modal__content {
    max-width: 1100px !important;
}

.main-content-f50-detail .advert-button {
    max-width: 387px !important;
    margin: auto;
}

.main-content-f43-v2 .main-content-f43 .sign-up__group-button {
    margin-top: 40px;
    margin-bottom: 20px;
}

.main-content-f43 .sign-up__form .btn-small {
    height: 17px;
}

.custom-placeholder-gray-light::placeholder {
    color: #aaa !important
}

.msg_success_message {
    color: #4eb8a1;
}

.msg_success_message {
    color: #4eb8a1;
}

.main-content-f43 .sign-up__form .item-field-column2 {
    gap: 0 !important;
    padding: 0 0 0 16px;
    line-height: 25px;
}

.cl_19 {
    color: #191919 !important;
}

.icon-arrow-table {
    width: 22px !important;
    height: 22px !important;
}

.button.mint {
    min-width: 200px !important;
}

.w-200 {
    width: 200px !important;
}

.main-chart .summary-table .summary-row-lg .summary-input {
    min-height: 96px !important;
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}

.h-32 {
    height: 32px !important;
}

.custom-gap-8 {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.not-w {
    width: unset !important;
}

.custom-placeholder::placeholder {
    font-size: 14px !important;
    color: #191919 !important;
}

.w-241 {
    width: 241px !important;
}

.main-content-product:has(.main-content-my-order) .main-content-my-order .content .my-order-list-contnent .list-contnent-section-container .list-infor .my-order-table .table-cell:nth-child(3) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.not-border-top {
    border-top: none !important;
}

@media (max-width: 425px) {
    .custom-border-top-mobile {
        border-top: 1px solid #e1e1e1 !important;
    }
}

.main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .content-infor-container-3 .infor-item-form:nth-child(2), .main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .content-infor-container-3 .infor-item-form:nth-child(6) {
    padding-right: 0;
}

.main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .content-infor-container-3 .infor-item-form:nth-child(2), .main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .content-infor-container-3 .infor-item-form:nth-child(8) {
    padding-right: 0;
}

.main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .content-infor-container-3 .infor-item-form:nth-child(2), .main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .content-infor-container-3 .infor-item-form:nth-child(10) {
    padding-right: 0;
}

.not-height {
    height: unset !important;
}

.not-padding-right {
    padding-right: unset !important;
}

#coatingselbox .select-item-form {
    width: 30% !important;
}

.modal-my-recipe-add .modal-add-list-badge .badge {
    padding: 2px 7px 3px !important;
}

#goodsgoodsDiv10:disabled {
    border: none !important;
    background-image: none !important;
}

.chart-section.chart-herbal-medicine .section-header .header-note {
    gap: 10px !important;
}

.scroll.cont img {
    width: auto !important;
    height: auto !important;
}

#contentsdiv a {
    text-decoration: none !important;
}

.main-my-order-detail .order-detail-content .order-detail-patient-3 .summary-table .summary-row .summary-input {
    width: 542px !important;
}

.displayNone {
    display: none !important;
}

.main-chart .chart-packaging-other-information #bomimagetbl .table-list {
    grid-template-columns: repeat(4, 1fr);
}

.chart-section .btn-setting .icon-sort-vertical {
    display: inline-block;
    min-width: 20px;
    max-height: 20px;
    background-image: url(../images/common/icon_Sort_Vertical.svg);
}

.main-content-f18 .list-actions .group-button button:nth-child(5) {
    width: 66px !important;
}

.main-content-f18 .list-actions .group-button button:nth-child(6) {
    width: 79px !important;
}


.input-item-control-fs::placeholder {
    font-size: 14px;
}

.input-item-control-fs:focus {
    border: 1.5px solid #00bba0;
    padding: 0 10px 0 16px;
}

.msg-sms {
    padding-left: 10px;
}

.h-90 {
    max-height: 90px !important;
}

.custom-active {
    background-color: #f2f2f2;
}

.main-my-order-detail .order-detail-patient-information .order-detail-patient-2 .table-order-product .table-cell:nth-child(2) {
    padding-left: 8px !important;
}


.main-my-order-detail .order-detail-patient-information .order-detail-patient-2 .table-order-product .table-row.active {
    background-color: #f2f2f2;
}

.main-my-order-detail .order-detail-patient-information .order-detail-patient-2 .table-order-product .table-row.active .table-cell {
    font-weight: 500;
    background-color: #f2f2f2;
}

.main-my-order-detail .order-detail-patient-information .order-detail-patient-2 .table-order-product .custom-table-sell:first-child {
    flex: 1;
    min-width: 0;
    padding-left: 8px !important;
    justify-content: flex-start;
}

.pdl-8 {
    padding-left: 8px !important;
}

.not-border-bottom {
    border-bottom: none !important;
}

.not-border-top {
    border-top: none !important;
}

.pd-top-bottom-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.custom-summary-input {
    padding: 4px 0px 4px 16px !important;
    font-size: 14px;
    width: 222px;
}

.custom-w span:first-child {
    width: 80% !important;
}

.pd-top-bottom-13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.chart-section.chart-prescription-costs .cost-table tr .cost-amount {
    font-size: 14px !important;
}

.main-my-order-detail .order-detail-patient-information .order-detail-patient-2 .table-optional-product .table-row.active .table-cell {
    font-weight: 500;
    background-color: #f2f2f2;
}

.btn-primary-outline:hover {
    .icon-download {
        background-color: white !important;
    }
}

.table-no-data {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    padding: 20px 4px 19px;
    text-align: center;
    border-bottom: 1px solid #e2e8f0;
}

.main-content-f43-v2 .infor-item-form .input-item-control {
    font-size: 14px !important;
}

.card-announcement__column--announcement .card-announcement__list {
    row-gap: 32px !important;
}

.header-buttons-close .btn-close {
    padding: 0 4px;
    font-size: 12px;
    border: 1px solid #666;
    cursor: pointer;
    color: #666;
    width: 39px;
    height: 21px
}

.header-buttons-close {
    display: block;
}

#pretbl .table-body {
    white-space: normal !important;
}

.main-content-goods-detail .content .goods-detail-container .goods-infor-row.w-100 {
    width: 100% !important;
}

#cfShipinfoDiv table {
    border: transparent !important;
}

#cfShipinfoDiv table th {
    width: 90px !important;
    text-align: left !important;
}

#pregoodsDivBtn {
    justify-content: flex-end !important;
}

#pregoodsDivBtn button {
    width: 200px !important;
    margin-left: 20px !important;
}

.color-D92D8A {
    color: #D92D8A;
!important;
}

.color-FF0000 {
    color: #FF0000;
!important;
}

.main-content-product:has(.main-content-my-payment) .main-content-my-payment .content .my-payment-list-contnent .condition-search-container .condition-search-input .form-condition-search .form-condition-search-input .input-item-form {
    min-width: 86px;
    max-width: 86px;
}

.main-content-product:has(.main-content-my-order) .main-content-my-order .content .my-order-list-contnent .list-contnent-section-container .list-infor .my-order-table .table-cell:first-child {
    max-width: 105px !important;
}

.main-content-product:has(.main-content-my-order) .main-content-my-order .content .my-order-list-contnent .list-contnent-section-container .list-infor .my-order-table .table-cell:nth-child(10) .badge-item, .main-content-product:has(.main-content-my-order) .main-content-my-order .content .my-order-list-contnent .list-contnent-section-container .list-infor .my-order-table .table-cell:nth-child(11) .badge-item {
    padding: 2px 8px !important;
    height: 21px !important;
}

#ptbl .table-custom .table-cell:nth-child(3) {
    max-width: 80px;
}

#ptbl .table-custom .table-cell:nth-child(4) {
    max-width: 60px;
}

#optiondiv .table-custom .table-cell {
    height: 50px !important;
}

#optiondiv .table-custom select, #optiondiv .table-custom select option {
    color: #191919 !important;
}

#optiondiv .table-custom .active .table-cell {
    background-color: rgba(0, 187, 160, .2) !important;
}

.custom-image img {
    width: auto !important;
    height: auto !important;
    margin-top: 5px !important;
}

.content-center {
    justify-content: center !important;
}

.custom-table-cell-my-option {
    padding: 20px 6px 19px;
    font-size: 14px;
    font-weight: 500;
}

.custom-table-row-my-option {
    display: flex;
    justify-content: center;
}

.main-content-my-option .guide-item .table-image .title-left {
    font-size: 14px !important;
}

.top-banner:not(:has(.tabs-menu)) .tabs-content {
    border-top: 1px solid #00bba0 !important;
}

.main-my-order-detail .order-detail-patient-information .order-detail-patient-2 .table-optional-product .table-cell {
    font-size: 14px !important;
}

.btn-sub-outline:hover {
    color: #fff !important;
    background-color: #606060;
}

iframe {
    display: block;
    vertical-align: middle;
}

.td-txtLeft {
    justify-content: flex-start !important;
}

.main-content-product:has(.main-content-my-order) .main-content-my-order .content .my-order-list-contnent .list-contnent-section-container .list-infor .my-order-table .table-cell.table-cell-multi-line {
    padding: 2px !important;
}

.main-content-product:has(.main-content-my-order) .main-content-my-order .content .my-order-list-contnent .list-contnent-section-container .list-infor .my-order-table .table-header .table-cell {
    padding: 0 6px;
}

.table-cell span.active {
    color: #00bba0 !important;
    margin-right: 2px !important;
}

.text-center {
    text-align: center !important;
}

.borderNone {
    border: none !important;
}

.add-border-readonly {
    border: 1px solid #e9e8e8 !important;
}

.chart-section.chart-herbal-medicine .herb-table .table-cell .suffix:not(.cell-content) {
    position: absolute;
    right: 5px;
    left: auto;
    font-size: 13px;
}

.chart-section.chart-herbal-medicine .herb-table .table-cell .suffix-right:not(.cell-content) {
    position: absolute;
    left: 56px;
}

.f-12 {
    font-size: 12px !important;
}
.pd-r-14{
    padding: 0 14px 0 0 !important;
}
.chat-custom-page .chart-section.chart-herbal-medicine .herb-table .table-cell .suffix-right:not(.cell-content) {
    position: absolute;
    left: 55px;
}

.button.mint.mw-100 {
    min-width: 100px !important;
}

.main-content-my-patient .list-content-search {
    justify-content: start !important;
}

.main-content-product:has(.main-content-my-infor) .main-content-my-infor .content .form-infor-section .content-infor-container .infor-item-form .item-field-phone-number {
    gap: 16px !important;
}

.field-phone-number-custom .select-item-form, .field-phone-number-custom .input-item-form {
    width: auto !important;
}

.main-content-product:has(.main-content-my-infor) .main-content-my-infor .content .form-infor-section .content-infor-container .infor-item-form .item-field-email, .main-content-product:has(.main-content-my-infor) .main-content-my-infor .content .form-infor-section .content-infor-container .infor-item-form .item-field-address, .main-content-f43-v2 .main-content-f43 .content-1 .sign-up__form .item-field-col3, .authentication-textbox-wrap p, .authentication-textbox-wrap span, .main-content-f43 .sign-up__form .item-field-col3 {
    padding: 5px 16px !important;
}

.max-w-302 {
    max-width: 302px !important;
}

@media (max-width: 425px) {
    .pagination-item-form .pagination-btn {
        min-width: 27px !important;
    }
}

.text-center-table-row {
    position: absolute;
    right: 35%;
    top: 50%;
    transform: translateY(-50%);
    line-height: 30px;
}

.table-height-50 {
    height: 50px !important;
}


.text-align-right {
    text-align: right !important;
}

.fs-22 {
    font-size: 22px !important;
}

.main-my-order-detail .order-detail-prescription-costs .cost-table tr:first-child {
    border-top: 1px solid #e1e1e1;
}

.chart-section.chart-prescription-costs .cost-table tr {
    border-top: 1px solid #e1e1e1;
}

.f16-w400 {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .content-infor-container-3:last-child {
    border-bottom: 1px solid #e1e1e1 !important;
}

.main-content-product:has(.main-content-my-recipe-regist) .main-content-my-recipe-regist .content .form-infor-section .content-infor-container-2:last-child {
    border-bottom: 1px solid #e1e1e1 !important;
}

.modal .deliveryList__item, .modal .deliveryList__title {
    gap: 10px !important;
}
.empty-text {
    width: 100% !important;
    font-size: 12px !important;
}

#vimeditbl .table-row .table-cell {
    min-width: 1px !important;
}

.btn-primary-important{
    background-color: #00bba0 !important;
    margin-right: 0 !important;
}
.custom-input-capa {
    padding: 0 15px 0 0 !important; text-align: right;
}

.section-header .badge:active {
    background: #666666 !important;
    color: #FFFFFF;
}

.select-item-control:disabled {
    background-color: #f2f2f2 !important;
    opacity: 1;
    cursor: default;
}
@media (max-width: 768px) {
    .main-content-recipe-detail .content .infor-item-form .item-label {
        justify-content: unset !important;
        padding-left: 8px !important;
    }

    .custom-ziplist tr th, .custom-ziplist tr td {
        padding: 5px 3px 5px 3px !important;
    }

    #zipdiv li .custom-btn {
        width: 50px !important;
        padding: 10px !important;
    }
}

#viewlayer {
    position: fixed !important;
    box-shadow: #6b6b6b 0px 4px 16px !important;
}

.pagination-btn-postal:hover {
    background-color: #00bba0 !important;
    color: #fff !important;
}

.zippage .on {
    background-color: #00bba0 !important;
    color: #fff !important;
}



.main-chart .summary-table.table-grid .summary-label {
    min-width: 98px;
    background-color: rgba(0, 187, 160, .05);
    padding-left: 8px;
    font-weight: 500;
    line-height: 1.4;
    color: #191919;
}

.chart-section.chart-shipping-information .summary-table .summary-row .display-text, .chart-section.chart-shipping-information .summary-table .summary-row .summary-label, .chart-section.chart-shipping-information .summary-table .summary-row summary-input {
    font-size: 14px !important;
}

@media (max-width: 425px) {
    #boxmedidiv .dropdown-list-empty:nth-child(2),
    #boxmedidiv .dropdown-list-empty:nth-child(3) {
        display: none !important;
    }
}

.sidebar .sidebar-header .sidebar-description {
    height: auto !important;
}

.kakaotalk-inquiry-item.left {
    background-color: #00bba0;
    color: #ffffff;
}
.kakaotalk-inquiry-item.left .icon-chat {
    background-color: #ffffff;
}
.kakaotalk-inquiry-item.right {
    background-color: #4c4c4c;
    color: #ffffff;
}
.kakaotalk-inquiry-item.right .icon-chat {
    background-color: #ffffff;
}