html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

a {
    background-color: transparent;
}

img {
    border-style: none;
}

button,
input,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
.footer_area .footer_title {
    font-family: 'Noto Sans JP', sans-serif;
}

button,
input {
    overflow: visible;
}

button {
    text-transform: none;
}

[type='button'],
[type='submit'],
button {
    -webkit-appearance: button;
}

[type='button']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

[type='button']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}

textarea {
    overflow: auto;
}

[type='checkbox'] {
    box-sizing: border-box;
    padding: 0;
}

h3,
hr,
p {
    margin: 0;
}

button {
    background-color: transparent;
    background-image: none;
    padding: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

html {
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5;
}

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e2e8f0;
}

hr {
    border-top-width: 1px;
}

img {
    border-style: solid;
}

textarea {
    resize: vertical;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a0aec0;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a0aec0;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a0aec0;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
    color: #a0aec0;
}

button {
    cursor: pointer;
}

h3 {
    font-size: inherit;
    font-weight: inherit;
}

a {
    color: inherit;
    text-decoration: inherit;
}

button,
input,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
}

iframe,
img,
svg {
    display: block;
    vertical-align: middle;
}

img {
    max-width: 100%;
    height: auto;
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #f5f6f8;
}

.form-auth .card {
    border-radius: 0.25rem;
    background-color: #fff;
    padding: 1.5rem;
    border-width: 1px;
    border-color: #cbd5e0;
}

@media (max-width: 419px) {
    .form-auth .card {
        padding: 0.5rem;
    }
}

.form-auth input[type='email'],
.form-auth input[type='number'],
.form-auth input[type='text'],
.form-auth textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    background-color: #edf2f7;
    color: #4a5568;
    border-width: 1px;
    border-color: #edf2f7;
    border-radius: 0.25rem;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    line-height: 1.25;
}

.form-auth input[type='email']:focus,
.form-auth input[type='number']:focus,
.form-auth input[type='text']:focus,
.form-auth textarea:focus {
    outline: 0;
    background-color: #fff;
    border-color: #a0aec0;
}

.form-auth button {
    display: block;
    background-color: #ff7600;
    color: #fff;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
}

.input-amount {
    position: relative;
}

.input-amount span {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 5px 15px;
    z-index: 11;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.input-amount input {
    margin-bottom: 0 !important;
}

.color-gray {
    color: #aaa;
}

body .bg-gray-custom {
    background-color: #f5f6f8 !important;
}

body .border-custom {
    border: 1px solid #dedede;
}

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

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #f5774c;
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:first-child {
    left: 8px;
    -webkit-animation: lds-ellipsis1 0.6s infinite;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
}

.lds-ellipsis div:nth-child(2),
.lds-ellipsis div:nth-child(3) {
    -webkit-animation: lds-ellipsis2 0.6s infinite;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    -webkit-animation: lds-ellipsis3 0.6s infinite;
    animation: lds-ellipsis3 0.6s infinite;
}

.card-payment > a:last-child .flex {
    border: 0 !important;
    margin: 0 !important;
}

.card-body.nominal > a:hover {
    color: #4a5568;
}

.fix-nominal:hover {
    transition: transform 0.1s;
    transform: scaleY(1.02) scaleX(1.02);
    transform-origin: center;
    color: #4a5568;
}

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

.donate-form-login {
    border-top: 1px solid #dedede;
    margin-top: 30px;
    padding-top: 30px;
}

#header {
    z-index: 1000;
}

.form-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1em;
    width: 1em;
    color: #f86048;
    background-color: #fff;
    border-color: #e2e8f0;
    border-width: 1px;
    border-radius: 0.25rem;
}

.form-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}

.bg-white {
    background-color: #fff !important;
}

.bg-orange-100 {
    background-color: #fffaf0 !important;
}

.bg-orange-600 {
    background-color: #fe8057 !important;
}

.bg-orange-900 {
    background-color: #ff7600 !important;
}

.bg-blue-500 {
    background-color: #0085ff !important;
}

.bg-gray-400 {
    background-color: #cbd5e0 !important;
}

.bg-disabled {
    background-color: #e2e8f0 !important;
}

.mouse-disabled:hover {
    cursor: default;
}

.bg-anamtechnoberbagi {
    background-color: rgb(21, 187, 218) !important;
}

.bg-anamtechnoberbagi-donatur {
    background-color: #f86048 !important;
}

.bg-anamtechnoberbagi-donatur-100 {
    background-color: #fff9f8 !important;
}

.bg-anamtechnoberbagi-donatur-700 {
    background-color: #ca4f3c !important;
}

.border-anamtechnoberbagi-donatur-700 {
    border-color: #f86048 !important;
    border-top-color: rgb(219, 75, 27) !important;
    border-right-color: rgb(219, 75, 27) !important;
    border-bottom-color: rgb(219, 75, 27) !important;
    border-left-color: rgb(219, 75, 27) !important;
}

.outline-anamtechnoberbagi-donatur:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 96, 72, 0.5) !important;
    color: #fff !important;
}

.outline-anamtechnoberbagi-donatur:hover {
    color: #fff !important;
}

.judul-donasi:hover {
    cursor: pointer !important;
}

.border-anamtechnoberbagi-donatur-200 {
    border-color: #ffd9d3 !important;
}

.hover\:bg-anamtechnoberbagi-donatur-100:hover {
    background-color: #fff0ee !important;
}

.hover\:bg-anamtechnoberbagi-donatur-500:hover {
    background-color: #fd634b !important;
}

.hover\:bg-blue-100:hover {
    background-color: #ebf8ff !important;
}

.hover\:bg-blue-600:hover {
    background-color: #3182ce !important;
}

.focus\:bg-white:focus {
    background-color: #fff !important;
}

.border-gray-300 {
    border-color: #e2e8f0 !important;
}

.border-gray-500 {
    border-color: #a0aec0;
}

.border-orange-200 {
    border-color: #feebc8 !important;
}

.border-blue-700 {
    border-color: #2b6cb0 !important;
}

.focus\:border-orange-500:focus {
    border-color: #ed8936 !important;
}

.focus\:border-orange-600:focus {
    border-color: #fe8057 !important;
}

.rounded-none {
    border-radius: 0 !important;
}

.rounded-sm {
    border-radius: 0.125rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-full {
    border-radius: 9999px !important;
}

.border {
    border-width: 1px !important;
}

.border-r-0 {
    border-right-width: 0 !important;
}

.border-l-0 {
    border-left-width: 0 !important;
}

.border-b-4 {
    border-bottom-width: 4px !important;
}

.border-t {
    border-top-width: 1px !important;
}

.border-b {
    border-bottom-width: 1px !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.inline {
    display: inline !important;
}

.flex {
    display: -webkit-box !important;
    display: flex !important;
}

.inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important;
}

.hidden {
    display: none !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.items-center {
    -webkit-box-align: center !important;
    align-items: center !important;
}

.justify-between {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
}

.very-center {
    margin: 0;
    position: relative;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%);
}

.flex-1 {
    -webkit-box-flex: 1 !important;
    flex: 1 1 0% !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.font-semibold {
    font-weight: 600 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.h-6 {
    height: 1.5rem !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.mt-4 {
    margin-top: 1rem !important;
}

.mr-4 {
    margin-right: 1rem !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.mt-6 {
    margin-top: 1.5rem !important;
}

.mb-6 {
    margin-bottom: 1.5rem !important;
}

.mb-20 {
    margin-bottom: 5rem !important;
}

.max-w-lg {
    max-width: 32rem !important;
}

.max-w-xl {
    max-width: 36rem !important;
}

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

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 0.75rem !important;
}

.p-4 {
    padding: 1rem !important;
}

.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pl-10 {
    padding-left: 2.5rem !important;
}

.placeholder-gray-500::-webkit-input-placeholder {
    color: #a0aec0 !important;
}

.placeholder-gray-500::-moz-placeholder {
    color: #a0aec0 !important;
}

.placeholder-gray-500:-ms-input-placeholder {
    color: #a0aec0 !important;
}

.placeholder-gray-500::-ms-input-placeholder {
    color: #a0aec0 !important;
}

.placeholder-gray-500::placeholder {
    color: #a0aec0 !important;
}

.fixed {
    position: fixed !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.left-0 {
    left: 0 !important;
}

.shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

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

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

.text-black {
    color: #000 !important;
}

.text-white {
    color: #fff !important;
}

.text-gray-500 {
    color: #a0aec0 !important;
}

.text-gray-600 {
    color: #718096 !important;
}

.text-gray-700 {
    color: #4a5568 !important;
}

.text-gray-800 {
    color: #2d3748 !important;
}

.text-red-500 {
    color: #f56565 !important;
}

.text-orange-600 {
    color: #fe8057 !important;
}

.text-blue-500 {
    color: #0085ff !important;
}

.text-xs {
    font-size: 0.75rem !important;
}

.text-sm {
    font-size: 0.875rem !important;
}

.text-lg {
    font-size: 1.125rem !important;
}

.italic {
    font-style: italic !important;
}

.underline {
    text-decoration: underline !important;
}

.truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.w-16 {
    width: 4rem !important;
}

.w-3\/4 {
    width: 75% !important;
}

.w-full {
    width: 100% !important;
}

@media (min-width: 640px) {
    .sm\:border {
        border-width: 1px !important;
    }

    .sm\:border-r {
        border-right-width: 1px !important;
    }

    .sm\:border-l {
        border-left-width: 1px !important;
    }

    .sm\:p-3 {
        padding: 0.75rem !important;
    }

    .sm\:px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sm\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .sm\:py-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .sm\:text-base {
        font-size: 1rem !important;
    }
}

@media (min-width: 768px) {
    .md\:mr-6 {
        margin-right: 1.5rem !important;
    }

    .md\:px-16 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

/*! CSS Used from: Embedded */
.form-auth button:disabled {
    background: #dedede !important;
    box-shadow: 5px 18px 50px rgba(248, 118, 7, 0.07);
    border: 0;
}

/*! CSS Used from: Embedded */
iframe#_hjRemoteVarsFrame {
    display: none !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/*! CSS Used keyframes */
@-webkit-keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    to {
        -webkit-transform: translate(24px);
        transform: translate(24px);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    to {
        -webkit-transform: translate(24px);
        transform: translate(24px);
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

.input-group-prepend {
    border: none;
    z-index: 0;
    width: 100%;
}

.telp {
    margin-left: -1px;
}

.payment-submit {
    z-index: 3;
}

.input-group-prepend button {
    z-index: 2;
}

.form-control:focus {
    box-shadow: none;
    border-color: #f86048 !important;
    background-color: #fff !important;
}

/* .dropdown-item {
    z-index: 4 !important;
} */