@charset "utf-8";

.email-template .s-kit-modal-body { background: rgb(232, 236, 239); width: 600px; max-height: 600px; box-sizing: border-box; padding: 0px; }

.email-template .s-kit-modal-close { top: 5px; right: 4px; }

.email-template .scroll-wrapper { padding: 28px 30px; height: 100%; max-height: 600px; box-sizing: border-box; display: flex; flex-direction: column; }

.email-template .template-content { flex: 0 1 auto; background: rgb(255, 255, 255); font-size: 14px; color: rgb(92, 102, 118); overflow: auto; font-family: open_sans, "open sans", "segoe ui", calibri, "lucida grande", helvetica, sans-serif; }

.email-template .template-content .title { text-align: center; font-size: 16px; font-weight: bold; padding: 22px 30px; border-bottom: 1px solid rgb(232, 236, 239); line-height: 1; }

.email-template .template-content .title .title-error { color: rgb(230, 71, 81); text-align: left; font-size: 14px; font-weight: normal; margin-top: 5px; }

.email-template .template-content .body { padding: 26px 30px; }

.email-template .template-content .info-wrapper { overflow: hidden; }

.email-template .template-content .info-wrapper .shipping-info, .email-template .template-content .info-wrapper .note-info { width: 228px; }

.email-template .template-content .info-wrapper .shipping-info { float: left; }

.email-template .template-content .info-wrapper .note-info { float: right; }

.email-template .template-content .product-review-img { margin-top: 20px; width: 100%; }

.email-template .template-content .booking-event-detail-panel { margin-top: 20px; }

.email-template .template-content .booking-event-detail-panel .detail-content { padding: 20px; margin-top: 10px; border-radius: 2px; border: 1px solid rgb(228, 232, 239); }

.email-template .template-content .booking-event-detail-panel .detail-item { display: flex; align-items: flex-start; }

.email-template .template-content .booking-event-detail-panel .detail-item:not(:last-child) { margin-bottom: 10px; }

.email-template .template-content .booking-event-detail-panel .detail-item .time-zone { color: rgb(162, 172, 187); }

.email-template .template-content .booking-event-detail-panel .detail-item .label { width: 22%; color: rgb(162, 172, 187); }

.email-template .template-content .info-box { border: 1px solid rgb(206, 210, 213); padding: 10px 15px; margin-top: 5px; flex: 1 1 0%; }

.email-template .template-content .order-table { text-align: left; width: 100%; border: 1px solid rgb(206, 210, 213); border-collapse: collapse; overflow-wrap: anywhere; word-break: break-word; }

.email-template .template-content .order-table .tax-included { color: rgb(198, 201, 205); }

.email-template .template-content .order-table thead { background: rgb(232, 236, 239); padding: 8px 15px; }

.email-template .template-content .order-table td, .email-template .template-content .order-table th { padding: 8px; }

.email-template .template-content .order-table td:first-child, .email-template .template-content .order-table th:first-child { padding-left: 15px; width: 35%; }

.email-template .template-content .order-table td:last-child, .email-template .template-content .order-table th:last-child { padding-right: 15px; text-align: right; }

.email-template .template-content .order-table th { border-bottom: 1px solid rgb(206, 210, 213); }

.email-template .template-content .order-table thead th { padding-top: 12px; padding-bottom: 12px; }

.email-template .template-content .order-table tr:first-child td { padding-top: 12px; padding-bottom: 12px; }

.email-template .template-content .order-table tr:nth-child(2) td { padding-top: 15px; border-top: 1px solid rgb(206, 210, 213); }

.email-template .template-content .order-table tr:last-child td { padding-bottom: 15px; }

.email-template .template-content .header, .email-template .template-content .footer { line-height: 1.4; }

.email-template .template-content .header pre, .email-template .template-content .footer pre { line-height: 1.4; white-space: pre-wrap; word-break: break-word; }

.email-template .template-content .order-time, .email-template .template-content .product-file, .email-template .template-content .info-wrapper, .email-template .template-content .order-table, .email-template .template-content .footer { margin-top: 18px; }

.email-template .template-content textarea, .email-template .template-content input { border: 1px solid rgb(178, 180, 184); outline: none; border-radius: 4px; padding: 10px 15px; color: rgb(92, 102, 118); width: 100%; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; }

.email-template .template-content textarea { line-height: 1.4; resize: none; }

.email-template .template-content input { text-align: center; font-size: 16px; font-weight: bold; }

.email-template .bottom { flex: 0 0 auto; display: flex; justify-content: space-between; align-items: center; margin-top: 18px; }

.email-template .bottom button { min-width: 110px; padding-top: 8px; padding-bottom: 8px; }

.email-template .bottom .restore-default { color: rgb(145, 147, 148); font-size: 14px; margin-left: 15px; text-decoration: underline; cursor: pointer; }