/* general */

.sehatidev-sejoli-checkout {
    position: relative; /* ex */
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    /*font-family: 'Nunito Sans', sans-serif;*/
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #2e2e31;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
}

.sehatidev-sejoli-checkout img {
    display: inline-block;
}

.sehatidev-sejoli-checkout h1,.sehatidev-sejoli-checkout h2,.sehatidev-sejoli-checkout h3 {
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    /*font-family: 'Nunito Sans', sans-serif;*/
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #2e2e31;
    font-weight: bold;
}
.sehatidev-sejoli-checkout h1:before,
.sehatidev-sejoli-checkout h2:before {
    content: none !important;
}
.sehatidev-sejoli-checkout h2 {
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
}
.sehatidev-sejoli-checkout h3 {
    font-size: 18px;
    line-height: 1.3;
    margin: 40px 0 35px 0;
}
.sehatidev-sejoli-checkout h4 {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 10px;
}
.sehatidev-sejoli-checkout p {
    margin: 0 0 1em;
}
.sehatidev-sejoli-checkout p:last-child {
    margin-bottom: 0;
}
.sehatidev-sejoli-checkout p:first-child {
    margin-top: 0;
}
.sehatidev-sejoli-checkout p, .sehatidev-sejoli-checkout a, .sehatidev-sejoli-checkout label, .sehatidev-sejoli-checkout .ui.button {
    /*font-family: 'Nunito Sans', sans-serif;*/
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3;
}
.sehatidev-sejoli-checkout p, .sehatidev-sejoli-checkout label {
    color: #2e2e31;
}
.sehatidev-sejoli-checkout a,
.sehatidev-sejoli-checkout a:hover {
    cursor: pointer;
    color: #f76f55;
    text-decoration: none;
}
.sehatidev-sejoli-checkout input, .sehatidev-sejoli-checkout select, .sehatidev-sejoli-checkout button {

}

/* semantic ui extra - start */
.sehatidev-sejoli-checkout .ui.text.container {
    display: block !important;
}
.sehatidev-sejoli-checkout h1:first-child, .sehatidev-sejoli-checkout h2:first-child, .sehatidev-sejoli-checkout h3:first-child, .sehatidev-sejoli-checkout h4:first-child, .sehatidev-sejoli-checkout h5:first-child {
    margin-top: 0;
}
.sehatidev-sejoli-checkout .select2-container {
    width:100% !important;
}
.select2-results__option {
    font-size: 14px;
}
.select2-search--dropdown .select2-search__field {
    font-size: 14px;
}
.ui.table {
    width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid rgba(34,36,38,.15);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .28571429rem;
    text-align: left;
    color: rgba(0,0,0,.87);
    border-collapse: separate;
    border-spacing: 0;
}
.ui.fluid.input {
    display: flex;
}
.ui.action.input:not([class*="left action"])>input {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-right-color: transparent!important;
}
.ui.input {
    font-size: 1em;
    position: relative;
    font-weight: 400;
    font-style: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: rgba(0,0,0,.87);
}
.ui.input>input {
    margin: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    text-align: left;
    line-height: 1.21428571em;
    /*font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;*/
    padding: .67857143em 1em;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    -webkit-transition: border-color .1s ease,-webkit-box-shadow .1s ease;
    transition: border-color .1s ease,-webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease,border-color .1s ease;
    transition: box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: transparent;
}
.ui.fluid.input>input {
    width: 0!important;
}
.ui.label {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 .14285714em;
    background-color: #e8e8e8;
    background-image: none;
    padding: .5833em .833em;
    color: rgba(0,0,0,.6);
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
}
.ui.labeled.input>.label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    font-size: 1em;
}
.ui.labeled.input>.label:not(.corner) {
    padding-top: .78571429em;
    padding-bottom: .78571429em;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ui.message {
    font-size: 1em;
    position: relative;
    min-height: 1em;
    margin: 1em 0;
    background: #f8f8f9;
    padding: 1em 1.5em;
    line-height: 1.4285em;
    color: rgba(0,0,0,.87);
    transition: opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    transition: opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;
    transition: opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px rgb(34 36 38 / 22%) inset, 0 0 0 0 transparent;
}
.ui.error.message {
    background-color: #fff6f6;
    color: #9f3a38;
}
.ui.message:last-child {
    margin-bottom: 0;
}
.ui.message:first-child {
    margin-top: 0;
}
.ui.attached.error.message, .ui.error.message {
    box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;
}
.ui.message .header {
    display: block;
    /*font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;*/
    font-weight: 700;
    margin: -.14285714em 0 0 0;
}
.ui.message .header:not(.ui) {
    font-size: 1.14285714em;
}
.ui.error.message .header {
    color: #912d2b;
}
.ui.success.message {
    background-color: #fcfff5;
    color: #2c662d;
}
.ui.attached.success.message, .ui.success.message {
    -webkit-box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent;
}
.ui.message>:last-child {
    margin-bottom: 0;
}
.ui.success.message .header {
    color: #1a531b;
}
.ui.message .list:not(.ui) {
    text-align: left;
    padding: 0;
    opacity: .85;
    list-style-position: inside;
    margin: .5em 0 0;
}
.ui.message .list:not(.ui):last-child {
    margin-bottom: 0;
}
.ui.message .list:not(.ui) li {
    position: relative;
    list-style-type: none;
    margin: 0 0 .3em 1em;
    padding: 0;
}
.ui.message .list:not(.ui) li:last-child {
    margin-bottom: 0;
}
.ui.message .list:not(.ui) li:before {
    position: absolute;
    content: '•';
    left: -1em;
    height: 100%;
    vertical-align: baseline;
}
.ui.grid {
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0;
}
.ui.grid>* {
    padding-left: 1rem;
    padding-right: 1rem;
}
.ui.grid>.column:not(.row), .ui.grid>.row>.column {
    position: relative;
    display: inline-block;
    width: 6.25%;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top;
}
.ui.grid>.column:not(.row) {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.ui.column.grid>[class*="eight wide"].column, .ui.grid>.column.row>[class*="eight wide"].column, .ui.grid>.row>[class*="eight wide"].column, .ui.grid>[class*="eight wide"].column {
    width: 50%!important;
}
.ui.column.grid>[class*="twelve wide"].column, .ui.grid>.column.row>[class*="twelve wide"].column, .ui.grid>.row>[class*="twelve wide"].column, .ui.grid>[class*="twelve wide"].column {
    width: 75%!important;
}
.ui.checkbox {
    position: relative;
    display: inline-block;
    backface-visibility: hidden;
    outline: 0;
    vertical-align: baseline;
    font-style: normal;
    min-height: 17px;
    font-size: 1rem;
    line-height: 17px;
    min-width: 17px;
}
.ui.radio.checkbox {
    min-height: 15px;
}
.ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    outline: 0;
    z-index: 3;
    width: 17px;
    height: 17px;
}
.ui.checkbox input.hidden {
    z-index: -1;
}
.ui.checkbox .box, .ui.checkbox label {
    cursor: auto;
    position: relative;
    display: block;
    padding-left: 1.85714em;
    outline: 0;
    font-size: 1em;
}
.ui.checkbox label, .ui.checkbox+label {
    color: rgba(0,0,0,.87);
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
}
.ui.radio.checkbox .box, .ui.radio.checkbox label {
    padding-left: 1.85714em;
}
.ui.checkbox input.hidden+label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui.checkbox .box:before, .ui.checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    content: '';
    background: #fff;
    border-radius: .21428571rem;
    -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    border: 1px solid #d4d4d5;
}
.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {
    content: '';
    -webkit-transform: none;
    transform: none;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    top: 1px;
    left: 0;
}
.ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
    background: #fff;
    border-color: rgba(34,36,38,.35);
}
.ui.checkbox .box:after, .ui.checkbox label:after {
    position: absolute;
    font-size: 14px;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    text-align: center;
    opacity: 0;
    color: rgba(0,0,0,.87);
    -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
}
.ui.checkbox .box:after, .ui.checkbox label:after {
    font-family: Checkbox;
}
.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
    border: none;
    content: ''!important;
    width: 15px;
    height: 15px;
    line-height: 15px;
}
.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
    top: 1px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    -webkit-transform: scale(.46666667);
    transform: scale(.46666667);
    background-color: rgba(0,0,0,.87);
}
.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
    opacity: 1;
    color: rgba(0,0,0,.95);
}
.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
    content: '\e800';
}
.ui.form textarea {
    margin: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255,255,255,0);
    padding: .78571429em 1em;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    outline: 0;
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease,border-color .1s ease;
    transition: color .1s ease,border-color .1s ease;
    font-size: 1em;
    line-height: 1.2857;
    resize: vertical;
}
.ui.form textarea:not([rows]) {
    height: 12em;
    min-height: 8em;
    max-height: 24em;
}
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.form textarea {
    width: 100%;
    vertical-align: top;
}
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
    /*font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;*/
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255,255,255,0);
    line-height: 1.21428571em;
    padding: .67857143em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease,border-color .1s ease;
    transition: color .1s ease,border-color .1s ease;
}
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.form select, .ui.form textarea {
    border-radius: 8px;
    border: solid 1px #cbceda;
    padding: 20px 25px;
}
.ui.form .field:last-child, .ui.form .fields:last-child .field {
    margin-bottom: 0;
}
.ui.form .field>label {
    display: block;
    margin: 0 0 .28571429rem 0;
    color: rgba(0,0,0,.87);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none;
}
.ui.form .field label, .ui.form .field p {
    margin-bottom: 15px;
}
.ui.form .field label {
    font-weight: bold;
}
.ui.placeholder {
  position: static;
  overflow: hidden;
  -webkit-animation: placeholderShimmer 2s linear;
  animation: placeholderShimmer 2s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.08)), color-stop(15%, rgba(0, 0, 0, 0.15)), color-stop(30%, rgba(0, 0, 0, 0.08)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
  background-size: 1200px 100%;
  max-width: 30rem;
}
@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -1200px 0;
  }

  100% {
    background-position: 1200px 0;
  }
}
@keyframes placeholderShimmer {
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.ui.placeholder + .ui.placeholder {
  margin-top: 2rem;
}
.ui.placeholder + .ui.placeholder {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.ui.placeholder + .ui.placeholder + .ui.placeholder {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.ui.placeholder,
.ui.placeholder > :before,
.ui.placeholder .image.header:after,
.ui.placeholder .line,
.ui.placeholder .line:after {
  background-color: #FFFFFF;
}
.ui.placeholder .image:not(.header):not(.ui) {
  height: 100px;
}
.ui.placeholder .square.image:not(.header) {
  height: 0px;
  overflow: hidden;
  /* 1/1 aspect ratio */
  padding-top: 100%;
}
.ui.placeholder .rectangular.image:not(.header) {
  height: 0px;
  overflow: hidden;
  /* 4/3 aspect ratio */
  padding-top: 75%;
}
.ui.placeholder .line {
  position: relative;
  height: 0.85714286em;
}
.ui.placeholder .line:before,
.ui.placeholder .line:after {
  top: 100%;
  position: absolute;
  content: '';
  background-color: inherit;
}
.ui.placeholder .line:before {
  left: 0px;
}
.ui.placeholder .line:after {
  right: 0px;
}
.ui.placeholder .line {
  margin-bottom: 0.5em;
}
.ui.placeholder .line:before,
.ui.placeholder .line:after {
  height: 0.5em;
}
.ui.placeholder .line:not(:first-child) {
  margin-top: 0.5em;
}
.ui.placeholder .header {
  position: relative;
  overflow: hidden;
}
.ui.placeholder .line:nth-child(1):after {
  width: 0%;
}
.ui.placeholder .line:nth-child(2):after {
  width: 50%;
}
.ui.placeholder .line:nth-child(3):after {
  width: 10%;
}
.ui.placeholder .line:nth-child(4):after {
  width: 35%;
}
.ui.placeholder .line:nth-child(5):after {
  width: 65%;
}
.ui.placeholder .header .line {
  margin-bottom: 0.64285714em;
}
.ui.placeholder .header .line:before,
.ui.placeholder .header .line:after {
  height: 0.64285714em;
}
.ui.placeholder .header .line:not(:first-child) {
  margin-top: 0.64285714em;
}
.ui.placeholder .header .line:after {
  width: 20%;
}
.ui.placeholder .header .line:nth-child(2):after {
  width: 60%;
}
.ui.placeholder .image.header .line {
  margin-left: 3em;
}
.ui.placeholder .image.header .line:before {
  width: 0.71428571rem;
}
.ui.placeholder .image.header:after {
  display: block;
  height: 0.85714286em;
  content: '';
  margin-left: 3em;
}
.ui.placeholder .image .line:first-child,
.ui.placeholder .paragraph .line:first-child,
.ui.placeholder .header .line:first-child {
  height: 0.01px;
}
.ui.placeholder .image:not(:first-child):before,
.ui.placeholder .paragraph:not(:first-child):before,
.ui.placeholder .header:not(:first-child):before {
  height: 1.42857143em;
  content: '';
  display: block;
}
.ui.inverted.placeholder {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.08)), color-stop(15%, rgba(255, 255, 255, 0.14)), color-stop(30%, rgba(255, 255, 255, 0.08)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
}
.ui.inverted.placeholder,
.ui.inverted.placeholder > :before,
.ui.inverted.placeholder .image.header:after,
.ui.inverted.placeholder .line,
.ui.inverted.placeholder .line:after {
  background-color: #1B1C1D;
}
.ui.placeholder .full.line.line.line:after {
  width: 0%;
}
.ui.placeholder .very.long.line.line.line:after {
  width: 10%;
}
.ui.placeholder .long.line.line.line:after {
  width: 35%;
}
.ui.placeholder .medium.line.line.line:after {
  width: 50%;
}
.ui.placeholder .short.line.line.line:after {
  width: 65%;
}
.ui.placeholder .very.short.line.line.line:after {
  width: 80%;
}
.ui.fluid.placeholder {
  max-width: none;
}
.ui.placeholder.segment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  max-width: initial;
  -webkit-animation: none;
  animation: none;
  overflow: visible;
  padding: 1em 1em;
  min-height: 18rem;
  background: #F9FAFB;
  border-color: rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
  box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
}
.ui.placeholder.segment .button,
.ui.placeholder.segment textarea {
  display: block;
}
.ui.placeholder.segment .field,
.ui.placeholder.segment textarea,
.ui.placeholder.segment > .ui.input,
.ui.placeholder.segment .button {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment .column .button,
.ui.placeholder.segment .column .field,
.ui.placeholder.segment .column textarea,
.ui.placeholder.segment .column > .ui.input {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment > .inline {
  -ms-flex-item-align: center;
  align-self: center;
}
.ui.placeholder.segment > .inline > .button {
  display: inline-block;
  width: auto;
  margin: 0px 0.35714286rem 0px 0px;
}
.ui.placeholder.segment > .inline > .button:last-child {
  margin-right: 0px;
}
.ui.embed > .placeholder {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
}
.ui.active.embed > .icon,
.ui.active.embed > .placeholder {
  display: none;
}
i.icon {
    display: inline-block;
    opacity: 1;
    margin: 0 .25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ui.message>.icon {
    margin-right: .6em;
}
.ui.message>:first-child {
    margin-top: 0;
}
.ui.message>.close.icon {
    cursor: pointer;
    position: absolute;
    margin: 0;
    top: .2em;
    right: .1em;
    opacity: .7;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    font-size: 24px;
}
i.icon:before {
    background: 0 0!important;
}
i.icon.close:before {
    content: "\00d7";
}
i.icon.check.circle:before {
    content: "\2713";
}
.sehatidev-sejoli-checkout .select2-container .select2-selection--single,
.sehatidev-sejoli-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 60px;
}
@media only screen and (max-width: 767px) {
    .ui.stackable.grid {
        width: auto;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .ui.grid>.stackable.stackable.row>.column, .ui.stackable.grid>.column.grid>.column, .ui.stackable.grid>.column.row>.column, .ui.stackable.grid>.column:not(.row), .ui.stackable.grid>.row>.column, .ui.stackable.grid>.row>.wide.column, .ui.stackable.grid>.wide.column {
        width: 100%!important;
        margin: 0 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        padding: 1rem 1rem!important;
    }
    .ui.table:not(.unstackable) tbody, .ui.table:not(.unstackable) tr, .ui.table:not(.unstackable) tr>td, .ui.table:not(.unstackable) tr>th {
        width: auto!important;
        display: block!important;
    }
    .ui.table:not(.unstackable) tr>td, .ui.table:not(.unstackable) tr>th {
        background: 0 0;
        border: none!important;
        padding: .25em .75em!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }
}

/* semantic ui extra - end */

.ui.text.container {
    /*font-family: 'Nunito Sans', sans-serif;*/
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #2e2e31;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3;
}

.sejolisa-block-ui {
    color: #fff;
    font-size: 24px;
}
.sejolisa-block-ui i.spinner.loading.icon {
    height: unset;
    width: unset;
    padding: 0;
    display: inline-block;
    margin-right: 10px;
}

.alert-holder .ui.message {
    margin-top: 25px;
}
.alert-holder .ui.message .header {
    text-transform: capitalize;
}
.checkout-alert-holder {
    /*position: sticky;*/
    /*bottom: 0;*/
}
.checkout-alert-holder.alert-holder .ui.message {
    margin-top: -15px;
}

span.sejoli-unique-number {
    color: #f76f55 !important;
}

.ui.table th,
.ui.table td {
    word-break: break-word;
}

/* header */

.header-logo {
    text-align: center;
    padding: 2rem 0;
}
.header-logo img {
    max-width: 80%;
}

/* content */

.unique-number {
    color: #f76f55;
}

/* form */

.ui.form .fields,
.ui.form .field {
    margin-bottom: 40px;
}
.ui.form .field label,
.ui.form .field p {
    margin-bottom: 15px;
}
.ui.form .field label {
    font-weight: bold;
}
.ui.form .required.field>.checkbox:after,
.ui.form .required.field>label:after,
.ui.form .required.fields.grouped>label:after,
.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,
.ui.form .required.fields:not(.grouped)>.field>label:after {
    margin: -.2em 0 0 .2em;
    content: '*';
    color: #ff5b5b;
}
.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url],
.ui.form select,
.ui.form textarea {
    border-radius: 8px;
    border: solid 1px #cbceda;
    padding: 20px 25px;
}
.submit-button.ui.green.button {
    border-radius: 8px;
    background-color: #52c140;
    color: #fff;
    border: none;
    font-size: 18px;
    font-weight: 800;
    padding: 20px; /* ex */
    width: 100%;
}

/* deskripsi produk */

.deskripsi-produk {
    border-radius: 15px;
    margin-bottom: 35px;
    padding: 24px 48px;
    background-color: white;
}

/* checkout */

.produk-dibeli .ui.table {
    border-radius: 4px 4px 0 0; /* ex */
    margin: 0;
    border: 0;
}
.produk-dibeli .ui.table thead tr:first-child>th:first-child {
    border-radius: 4px 0 0 0; /* ex */
}
.produk-dibeli .ui.table thead tr:first-child>th:last-child {
    border-radius: 0 4px 0 0; /* ex */
}
.produk-dibeli .ui.table thead th,
.produk-dibeli .ui.table tfoot th,
.produk-dibeli .ui.table tbody td {
    /*font-family: 'Nunito Sans', sans-serif;*/
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #2e2e31;
    padding: 28px 48px;
    border: 0;
}
.produk-dibeli .ui.table thead tr,
.produk-dibeli .ui.table thead th {
    font-weight: bold;
    background-color: #eaeaea;
}
.produk-dibeli .ui.table thead tr,
.produk-dibeli .ui.table thead th {
    border-radius: 15px 15px 0 0;
}
.produk-dibeli .ui.table tfoot th {
    font-weight: bold;
    background: #fff;
}
.produk-dibeli .ui.table tfoot th:not(:last-child) {
    padding-right: 0;
    font-weight: normal;
}
.produk-dibeli .ui.table tbody td img {
    width: 62px;
    height: auto;
    vertical-align: middle;
    margin-right: 25px;
}
.produk-dibeli tr th:last-child,
.produk-dibeli tr td:last-child {
    text-align: right;
}
.produk-dibeli .ui.table tfoot tr>th:first-child {
    text-align: left;
}
.produk-dibeli .ui.table tfoot tr:last-child th {
    border-top: 1px solid #eaeaea;
}

.secure-tagline-icon {
    color: #52c140;
    margin-right: 25px;
}

/* kode diskon */

.kode-diskon {
    padding: 28px 48px;
    background-color: #eaeaea;
    border-radius: 0 0 4px 4px; /* ex */
    margin-bottom: 35px;
}
.kode-diskon p a {
    color: #f76f55;
}
.kode-diskon p img {
    width: 22px;
    height: 14px;
    object-fit: contain;
    margin-right: 10px;
    vertical-align: middle;
}
.kode-diskon-form-toggle {
    text-align: center;
}
.kode-diskon-form {
    display: none;
}
.kode-diskon-form .ui.fluid.action.input input {
    /*font-family: 'Nunito Sans', sans-serif;*/
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #2e2e31;
    border-radius: 8px;
    border: solid 1px #cbceda;
    background-color: #ffffff;
    padding: 19px 23px;
}
.kode-diskon-form .ui.fluid.action.input button.button {
    /*font-family: 'Nunito Sans', sans-serif;*/
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    background-color: #52c140;
    border: none;
    border-radius: 0 8px 8px 0;
    padding: 20px; /* ex */
    width: 120px; /* ex */
}
a.hapus-kupon {
    font-weight: bold;
}

/* login */

.login {
    border-radius: 4px 4px 0 0; /* ex */
    background-color: #eaeaea;
    padding: 28px 48px;
}
.login a {
    font-weight: bold;
}
.login-welcome,
.login-form-toggle {
    text-align: center;
}
.login-form {
    display: none;
}
.login-form .login-alert-holder .ui.message {
    display: block !important;
    margin-top: 25px !important;
}
.login-form .submit-login.massive.right.ui.green.button {
    border-radius: 8px;
    background-color: #52c140;
    color:#fff; /* ex */
    border:none; /* ex */
    font-size: 18px;
    font-weight: 800;
    padding: 20px 58px;
}

/* informasi pribadi */

.informasi-pribadi {
    display: none;
    background-color: #fff;
    padding: 28px 48px;
}
.informasi-pribadi-info p {
    line-height: 1.95;
    margin: 0;
}

/* metode pembayaran */
.metode-pembayaran {
    background-color: #fff;
    padding: 28px 48px;
}
.metode-pembayaran h3:after {
    margin: -.2em 0 0 .2em;
    content: '*';
    color: #ff5b5b;
}
.metode-pembayaran .ui.form .fields {
    margin-bottom: 25px;
}
.metode-pembayaran .ui.radio.checkbox label {
    margin: 0;
}
.metode-pembayaran .ui.radio.checkbox {
    width: 100%;
    border-radius: 8px;
    border: solid 1px #cbceda;
    background-color: #ffffff;
    padding: 12px;
    height: 78px;
}
.metode-pembayaran .ui.radio.checkbox.checked {
    border: solid 1px #f76f55;
}
.metode-pembayaran .ui.radio.checkbox .box:before,
.metode-pembayaran .ui.radio.checkbox label:before {
    width: 25px;
    height: 25px;
    border: solid 1px #cbceda;
    margin-top: 12px;
}
.metode-pembayaran .ui.radio.checkbox .box:after,
.metode-pembayaran .ui.radio.checkbox label:after {
    width: 25px;
    height: 25px;
    margin-top: 12px;
}
.metode-pembayaran .ui.radio.checkbox .box,
.metode-pembayaran .ui.radio.checkbox label {
    padding-left: 40px;
}
.metode-pembayaran .ui.radio.checkbox img {
    max-height: 50px;
    width: auto;
    padding-top: 7px; /* ex */
}

.beli-sekarang {
    background-color: #fff;
    padding: 28px 48px;
    border-top: 1px solid #eaeaea;
    border-radius: 0 0 4px 4px; /* ex */
}
.total-bayar .total-holder {
    font-size: 20px;
    font-weight: bold;
    color: #f76f55;
}

/* loading */

.loading.holder {
    text-align: center;
    padding: 94px 30px;
}
.loading.holder h2 {
    font-size: 30px;
    margin-bottom: 3px;
}
.loading.holder h2:before {
    content: none;
}
.loading.holder p {
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 50px;
}
.loading.holder img {
    max-width: 507px;
    width: 100%;
}

/* confirm */

.confirm {
    /* margin-top: -100px; */
    background-color: #fff;
    padding: 44px 48px;
    border-radius: 15px;
}
.confirm-info p {
    margin: 42px 0 32px;
}

/* thankyou */

.thankyou {
    /* margin-top: -100px; */
    background-color: #fff;
    padding: 44px 48px;
    border-radius: 15px;
}
.thankyou-info-1 p {
    line-height: 1.8;
    margin: 0;
    font-size: 16px;
}
.thankyou h3 {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
    margin-top: 40px;
}
.thankyou table.ui.table,
.thankyou table.ui.table th,
.thankyou table.ui.table td {
    border: 0;
}
.thankyou table.ui.table thead tr,
.thankyou table.ui.table tfoot tr {
    background-color: #f8f8f8;
}
.thankyou table.ui.table th {
    background-color: #f8f8f8;
    font-weight: bold;
}
.thankyou table.ui.table th,
.thankyou table.ui.table td {
    padding: 30px 35px;
    font-size: 14px;
    line-height: 1.3;
    border-radius: 0 !important;
}
.thankyou .ui.table th:last-child,
.thankyou .ui.table td:last-child {
    text-align: right;
}
.thankyou table.ui.table img {
    max-width: 70px;
    vertical-align: middle;
}
/* .no-rekening, */
.total-biaya {
    display: none;
}

/* countdown pembayaran */
.countdown-payment {
    padding: 50px 0;
    text-align: center;
    margin: 60px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.countdown-payment h3 {
    margin-top: 0;
}
.countdown-payment p:last-child {
    font-size: 12px;
    line-height: 1.8;
}

.countdown-payment-run {
    margin-bottom: 60px;
    text-align: center;
    display: inline-block;
    width: unset;
    zoom: 0.5;
}
.countdown-payment-run .flip-clock-divider .flip-clock-label {
    top: unset;
    bottom: -1.5em;
    font-size: 20px;
}
.countdown-payment-run.flip-clock-wrapper ul {
    background-color: #fff;
}
.countdown-payment-run.flip-clock-wrapper ul li a div div.inn {
    color: #000;
    background-color: #fff;
}
.countdown-payment-run.flip-clock-wrapper .flip {
    box-shadow: none;
}
.countdown-payment-run .flip-clock-dot {
    display: none;
}
.flip-clock-wrapper ul li a div.up::after {
    content: none !important;
    height: 0 !important;
    background-color: transparent !important;
}
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: unset !important;
}
/* .shadow {
    background-color: #fff !important;
} */

/* transfer */

.transfer table.ui.table th {
    font-weight: normal;
}
.transfer table.ui.table th:not(:first-child),
.transfer table.ui.table td:not(:first-child),
.copy-btn {
    font-weight: bold;
}

.transfer-info {
    width: 80%;
    margin: -36px auto 0;
    text-align: center;
}
.transfer-info p {
    padding: 15px;
    background-color: #ffe9af;
    margin: 0;
    /*font-family: Nunito Sans;*/
    font-size: 10px;
    line-height: 1.8;
    color: #9c6828;
}
.transfer-info .segitiga {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
    border-color: transparent transparent #ffe9af transparent;
    margin: 0 auto;
}

/* catatan */

.catatan ul {
    padding-left: 20px;
}
.catatan li {
    line-height: 1.8;
    padding-bottom: 16px;
    padding-left: 11px;
}

.thankyou-info-2 {
    border-top: 1px solid #eaeaea;
    padding: 22px 0px 28px;
}
.thankyou-info-2 p {
    line-height: 1.8;
}

/* detail pesanan */

.detail-pesanan {
    /* margin-top: -100px; */
    background-color: #fff;
    padding: 44px 48px;
    border-radius: 4px 4px 0 0; /* ex */
}
.detail-pesanan-table {
    margin-left: -11px;
    margin-right: -11px;
}

.detail-pesanan table.ui.table {
    border: 0;
    /* margin-left: -11px; */
}
.detail-pesanan table.ui.table img {
    max-width: 123px;
    margin-bottom: 5px;
}
.detail-pesanan table.ui.table tr td {
    vertical-align: top;
    border: 0;
}
.detail-pesanan table.ui.table tr td:first-child {
    width: 145px;
}
.detail-pesanan table.ui.table tr td:last-child {
    text-align: right;
}
.detail-pesanan table.ui.table h4 {
    font-size: 16px;
    margin-bottom: 15px;
}

.detail-pesanan table.ui.table tr td.product-price h4 {
    display: none;
}

.detail-pesanan .ui.table:not(.unstackable) tr {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}
input.qty {
    width: 80px;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}
span.stock {
    margin-left: 20px;
}

.catatan-pemesanan,
.detail-variation {
    border-top: 1px solid #eee;
    padding-top: 30px;
    margin-top: 20px;
}
.detail-variation select {
    border-radius: 8px;
    border: solid 1px #cbceda;
    padding: 20px 25px;
    height: auto;
    width: 100%;
    background: #fff;
}

/* tujuan pengiriman */

.tujuan-pengiriman {
    background-color: #fff;
    padding: 44px 48px;
    border-radius: 0 0 15px 15px;
    margin-bottom: 35px;
}

.select2-dropdown {
    z-index: 999;
}

/* metode pengiriman */

.metode-pengiriman {
    background-color: #fff;
    padding: 44px 48px 20px;
    border-radius: 15px;
    margin-bottom: 35px;
}
.metode-pengiriman h3:after {
    margin: -.2em 0 0 .2em;
    content: '*';
    color: #ff5b5b;
}
.metode-pengiriman .ui.form .fields {
    margin-bottom: 25px;
}
.metode-pengiriman .ui.radio.checkbox label {
    margin: 0;
}
.metode-pengiriman .ui.radio.checkbox {
    width: 100%;
    border-radius: 8px;
    border: solid 1px #cbceda;
    background-color: #ffffff;
    padding: 30px;
}
.metode-pengiriman .ui.radio.checkbox.checked {
    border: solid 1px #f76f55;
}
.metode-pengiriman .ui.radio.checkbox .box:before,
.metode-pengiriman .ui.radio.checkbox label:before {
    width: 25px;
    height: 25px;
    border: solid 1px #cbceda;
}
.metode-pengiriman .ui.radio.checkbox .box:after,
.metode-pengiriman .ui.radio.checkbox label:after {
    width: 25px;
    height: 25px;
}
.metode-pengiriman .ui.radio.checkbox .box,
.metode-pengiriman .ui.radio.checkbox label {
    padding-left: 35px;
}
.metode-pengiriman .ui.radio.checkbox img {
    max-height: 30px;
    width: auto;
}
.metode-pengiriman .five.wide.column {
    width: 33.33% !important;
}
.checkout-fisik .metode-pengiriman {
    padding: 44px 48px;
}


.select2-container .select2-selection--single {
    height: 60px;
}
.select2-container--default .select2-selection--single {
    border-radius: 8px;
    border: solid 1px #cbceda;
}
.select2-dropdown {
    border-radius: 8px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 16px 25px !important;
}
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    padding: 16px 10px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 60px;
}

.select2-container--open .select2-search--dropdown {
    padding: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 8px 16px;
}

/* metode pembayaran */

.checkout-fisik .metode-pembayaran {
    border-radius: 15px;
    margin-bottom: 35px;
    padding: 44px 48px;
}

/* rincian pesanan */

.rincian-pesanan {
    background-color: #FAFAFC;
    padding: 44px 48px;
    border-radius: 15px;
    margin-bottom: 35px;
    border: 2px dashed #eee;
}
.rincian-pesanan table.ui.table {
    border: 0;
    background: transparent;
}
.rincian-pesanan table.ui.table td,
.rincian-pesanan table.ui.table th {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 1.4;
}
.rincian-pesanan table.ui.table th {
    border-top: 1px solid #cbceda;
    padding-top: 30px;
    font-weight: bold;
}
.rincian-pesanan table.ui.table tr th:last-child,
.rincian-pesanan table.ui.table tr td:last-child {
    text-align: right;
}
.rincian-pesanan table.ui.table tr:last-child td {
    padding-bottom: 30px;
}
.rincian-pesanan table.ui.table tr th:last-child {
    font-size: 20px;
    color: #f76f55;
}

.checkout-fisik .beli-sekarang {
    background-color: unset;
    padding: unset;
    border: unset;
    border-radius: unset;
    margin: 0 0 35px; /* ex */
    text-align: center;
}

.affiliate-name {
    text-align: center;
}

/* footer */

.footer-secure {
    text-align: center;
    padding: 10vh 0 15vh 0;
}
.secure-tagline-img {
    padding: 0 25px;
    margin-bottom: 15px;
    display: inline-block;
}
.secure-tagline-img img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 8px;
}

.user-email-alert-holder ul.list,
.user-phone-alert-holder ul.list {
    margin-top: 0px !important;
}
.user-email-alert-holder ul.list li,
.user-phone-alert-holder ul.list li {
    margin: 0px !important;
}
.user-email-alert-holder ul.list li:before,
.user-phone-alert-holder ul.list li:before,
.user-email-alert-holder .header,
.user-phone-alert-holder .header {
    display: none !important;
}
.ui.form .user-email-alert-holder .ui.message,
.ui.form .user-phone-alert-holder .ui.message {
    margin-top: 15px;
    display: block;
}

/* responsive */

@media screen and (max-width:767px) {

    .produk-dibeli .ui.grid .wide.column,
    .pesanan-anda .ui.grid .wide.column {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .produk-dibeli .ui.grid .four.wide.column,
    .pesanan-anda .ui.grid .four.wide.column {
        padding-bottom: 0px !important;
    }

    /* form */
    .login-form .submit-login.massive.right.ui.green.button,
    .submit-button.ui.green.button {
        width: 100%;
    }

    /* kode diskon */
    .kode-diskon-form .ui.fluid.action.input input {
        padding: 19px 20px;
    }
    .kode-diskon-form .ui.fluid.action.input button.button {
        padding: 20px;
    }

    .produk-dibeli .ui.table thead th,
    .produk-dibeli .ui.table tfoot th,
    .produk-dibeli .ui.table tbody td {
        padding: 20px;
        border-top: 1px solid #eaeaea;
    }

    /* countdown */
    .countdown-payment-run {
        zoom: 0.4; /* IE */
        /* -moz-transform: scale(0.4); Firefox
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.4); Opera
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.4); Safari And Chrome
        -webkit-transform-origin: 0 0;
        transform: scale(0.4); Standard Property
        transform-origin: 0 0;  Standard Property */
    }

    /* .ui.stackable.grid {
        width: auto;
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    } */

    .ui.table:not(.unstackable) tr>td,
    .ui.table:not(.unstackable) tr>th {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .detail-pesanan h3 {
        margin-bottom: 10px;
    }
    .detail-variation {
        margin-top: 10px;
    }
    .detail-variation .ui.grid .eight.wide.column {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 7px !important;
    }

}
@media screen and (max-width:425px) {

    h3 {
        margin: 20px 0 20px 0;
    }

    .ui.form .fields,
    .ui.form .field {
        margin-bottom: 20px;
    }

    /* metode pembayaran */
    .metode-pembayaran .ui.radio.checkbox .box,
    .metode-pembayaran .ui.radio.checkbox label {
        padding-left: 50px;
    }

    .deskripsi-produk,
    .confirm,
    .detail-pesanan,
    .tujuan-pengiriman,
    .checkout-fisik .metode-pengiriman,
    .rincian-pesanan,
    .checkout-fisik .metode-pembayaran,
    .thankyou,
    .kode-diskon,
    .login,
    .beli-sekarang,
    .informasi-pribadi,
    .metode-pembayaran {
        padding: 20px;
    }

    .beli-sekarang .data-holder .ui.stackable.grid,
    .metode-pembayaran .ui.doubling.grid {
        margin: -10px !important;
    }
    .beli-sekarang .data-holder .ui.stackable.grid .eight.wide.column,
    .metode-pembayaran .eight.wide.column {
        padding: 10px !important;
    }
    .metode-pembayaran .ui.radio.checkbox {
        padding: 14px 13px;
    }
    .metode-pembayaran .ui.radio.checkbox .box:before,
    .metode-pembayaran .ui.radio.checkbox label:before {
        width: 18px;
        height: 18px;
    }
    .metode-pembayaran .ui.radio.checkbox .box:after,
    .metode-pembayaran .ui.radio.checkbox label:after {
        width: 18px;
        height: 18px;
    }
    .metode-pembayaran .ui.radio.checkbox .box,
    .metode-pembayaran .ui.radio.checkbox label {
        padding-left: 28px;
    }

    .produk-dibeli tfoot tr span.secure-tagline-icon {
        display: inline-block;
    }
    .produk-dibeli tfoot tr th:first-child {
        margin-bottom: 10px;
    }

    .detail-pesanan table.ui.table img {
        max-width: 100%;
    }

    .ui.form input:not([type]),
    .ui.form input[type=date],
    .ui.form input[type=datetime-local],
    .ui.form input[type=email],
    .ui.form input[type=file],
    .ui.form input[type=number],
    .ui.form input[type=password],
    .ui.form input[type=search],
    .ui.form input[type=tel],
    .ui.form input[type=text],
    .ui.form input[type=time],
    .ui.form input[type=url],
    .ui.form select,
    .ui.form textarea,
    input.qty,
    .detail-variation select,
    .kode-diskon-form .ui.fluid.action.input input,
    .select2-container--open .select2-dropdown--below,
    .select2-container--open .select2-dropdown--above ,
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 10px 12.5px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 1.21428571em;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow,
    .select2-container .select2-selection--single {
        height: 39px;
    }

    .submit-button.ui.green.button,
    .login-form .submit-login.massive.right.ui.green.button,
    .kode-diskon-form .ui.fluid.action.input button.button {
        padding: 10px 12.5px;
    }

    .header-logo {
        padding: 2rem 0;
    }

    .footer-secure {
        padding: 10vh 0 10vh 0;
    }

    .rincian-pesanan table.ui.table tr td,
    .rincian-pesanan table.ui.table tr th {
        padding: 5px 0 5px 0;
    }
    .rincian-pesanan table.ui.table tr {
        box-shadow: none !important;
        padding: 5px 0 5px 0;
    }
    .rincian-pesanan table.ui.table tr:last-child td {
        padding-bottom: 10px !important;
    }

    .produk-dibeli .ui.table tbody td img {
        display: block;
        margin-bottom: 5px;
    }

    .detail-pesanan table.ui.table tr td .ui.labeled.input {
        width: 100%;
    }

    .detail-pesanan table.ui.table tr td.product-price {
        text-align: center;
        font-size: 24px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .detail-pesanan table.ui.table tr td.product-price h4 {
        margin-bottom: 20px;
        display: block;
        text-align: left;
    }

}
@media screen and (max-width:375px) {

    /* form */

    /* metode pembayaran */

}