.cards {
    margin-bottom: 20px;
}
.card {
    padding: 30px;
    display: inline-block;
    background: #FCFCFC;
    border-radius: 10px;
    font-weight: 700;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 45px;
    color: #EF6E4D;
    min-width: 250px;
    margin-bottom: 20px;
}
.card h5 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    color: #A098AE;
    margin-bottom: 0;
}

.post_contents {
    padding: 30px;
    background-color: #FCFCFC;
    border-radius: 10px;
}

.post_contents > .form-title {
    margin-bottom: 30px;
}

.post_contents .post_contents-title h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
    color: #363B64;
    margin-bottom: 30px;
}

.wilayah-widget > div,
.wilayah-widget > div > div {
    height: 100%;
}

.d-flex {
    display: flex!important;
}

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

.mb-7 {
    margin-bottom: 1.75rem !important;
}

.gap-7 {
    gap: 2.75rem !important;
}

.w-lg-300px {
    width: 300px !important;
    min-width: 300px!important;
}

.w-lg-350px {
    width: 350px !important;
    min-width: 350px !important;
}

.w-lg-400px {
    width: 400px !important;
    min-width: 400px !important;
}

.w-lg-450px {
    width: 450px !important;
    min-width: 450px !important;
}

.flex-row-fluid {
    flex: 1 auto;
    min-width: 0;
}

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

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

.justify-content-between {
    justify-content: space-between;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.ps-14 {
    padding-left: 5rem !important;
}
.w-250px {
    width: 250px !important;
}
.form-control {
    display: block;
    width: 100%;
    padding: 1.275rem 1.6rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    color: #5E6278;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #E4E6EF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.775rem;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-sizing: border-box;
}

.ms-6 {
    margin-left: 1.5rem !important;
}

.mb-10 {
    margin-bottom: 3.2rem;
}

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

table.dataTable.datatable-custom-we thead th {
    position: relative;
    padding: 35px 0 35px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-bottom: 1px solid #0351AC;
    background: #F4F4F4;
    color: #242424;
    font-size: 14px;
    font-family: Mulish;
    font-weight: 700;
    line-height: 28px;
}

table.dataTable.datatable-custom-we thead th svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

table.dataTable.datatable-custom-we thead th:first-child {
    text-align: center;
}

/* table.dataTable.datatable-custom-we thead th:nth-child(3),
table.dataTable.datatable-custom-we thead th:nth-child(4),
table.dataTable.datatable-custom-we thead th:nth-child(5),
table.dataTable.datatable-custom-we thead th:nth-child(6) {
    width: 100px !important;
} */

table.dataTable.datatable-custom-we tbody td {
    padding: 40px 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: left;
    color: #333;
    font-size: 13px;
    font-family: Mulish;
    line-height: 28px;
    border-bottom: 1px solid #E2E2E2;
}

table.dataTable.datatable-custom-we tbody td:nth-child(2) {
    min-width: 64px;
}

table.dataTable.datatable-custom-we tbody td:nth-child(7) {
    min-width: 100px;
}

table.dataTable.datatable-custom-we tbody td .toko-thumb {
    display: flex;
    align-items: center;
    color: #242424;
    font-size: 13px;
    font-family: Mulish;
    font-weight: 700;
    line-height: 18px;
    max-width: 300px;
    margin-bottom: 5px;
}

table.dataTable.datatable-custom-we tbody td .toko-thumb a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 0.3s ease;
}
table.dataTable.datatable-custom-we tbody td .toko-thumb a:hover {
    color: #0351AC;
}
table.dataTable.datatable-custom-we tbody td .harga {
    display: block;
    min-width: 100px;
    color: #0351AC;
    font-size: 13px;
    font-family: Mulish;
    font-weight: 700;
    line-height: 40.8px;
}

table.dataTable.datatable-custom-we tbody td .kota {
    display: block;
    min-width: 120px;
}

table.dataTable.datatable-custom-we tbody tr {
    transition: all .3s;
}

table.dataTable.datatable-custom-we tbody tr:hover {
    background-color: #F0F0F0;
}

.pull-w-full {
    margin: 0 -30px;
}

table.dataTable.datatable-custom-we thead td {
    border-bottom: 0;
}

table.dataTable.datatable-custom-we tbody td .action-btn {
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background: #E5B134;
    padding: 9px 20px;
    color: #FFF;
    font-size: 13px;
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.dropdown-on-table {
    position: fixed;
    display: flex;
    gap: 20px;
    top: 20%;
    left: 50%;
    padding: 40px 20px 20px;
    border-radius: 5px;
    background: #ffffff;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}
.dropdown-on-table .close-modal {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}
.dropdown-on-table.modal-show {
    opacity: 1;
    pointer-events: auto;
}
table.dataTable.datatable-custom-we.no-footer {
    border-bottom: 0;
}

table.dataTable.datatable-custom-we thead th:before,
table.dataTable.datatable-custom-we thead th:after {
    display: none!important;
}
.min-w-unset {
    min-width: unset !important;
}

.mw-sm-300px {
    max-width: 300px !important;
}

.mw-sm-325px {
    max-width: 325px !important;
}

.mw-sm-350px {
    max-width: 350px !important;
}

.mw-sm-375px {
    max-width: 375px !important;
}

.mw-sm-400px {
    max-width: 400px !important;
}

.mw-sm-425px {
    max-width: 425px !important;
}

.mw-sm-450px {
    max-width: 450px !important;
}

.mw-sm-475px {
    max-width: 475px !important;
}

.mw-sm-500px {
    max-width: 500px !important;
}

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    margin-top: 30px;
    padding-top: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
}

.form-input, .form-textarea, .form-select, .form-multiselect {
    padding-top: 0.8rem;
    padding-right: 0.75rem;
    padding-bottom: 0.8rem;
    padding-left: 1.25rem;
}

.dataTables_wrapper .dataTables_info {
    color: #1E1E2D;
    font-size: 10px;
    font-family: Mulish;
    line-height: 15px;
}

.post_contents .dataTables_wrapper .dataTables_paginate .paginate_button,
.post_contents .dataTables_wrapper .dataTables_paginate .paginate_button.previous, 
.post_contents.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    border: 1px solid;
    border-color: #E2E2E2;
    background: #F4F4F4;
    padding: 10px 10px;
    color: #555;
    text-align: right;
    font-size: 10px;
    font-family: Mulish;
    line-height: 12.5px;
    border-radius: 0 !important;
    margin: 0;
}

.post_contents .dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    color: #BBB;
    font-weight: 900;
    font-size: 10px;
}

.post_contents .dataTables_wrapper .dataTables_paginate .paginate_button.next::before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    color: #BBB;
    font-weight: 900;
    font-size: 10px;
}

.post_contents .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover::before,
.post_contents .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover::before {
    color: #ffffff;
}

.post_contents .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    line-height: 11.84px;
    transform: translateY(1px);
}

.post_contents .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.post_contents .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.post_contents .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, 
.post_contents.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    border-color: #2366B7;
    background: #2366B7;
    color: #FFF !important;
}

.post_contents .dataTables_wrapper .dataTables_paginate .ellipsis {
    display: inline-block;
    padding: 10px 10px;
    color: #555;
    text-align: right;
    font-size: 10px;
    font-family: Mulish;
    line-height: 12.5px;
    border: 1px solid;
    border-color: #E2E2E2;
}

.form-select {
    border: 1px solid #DBDBDB;
    border-radius: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    padding-right: 4rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #ef6e4d1a;
    border-radius: 5px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    /* identical to box height */


    /* Color/Orange */

    color: #EF6E4D;
    border-color: #ef6e4d1a;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #EF6E4D;
    border-color: #EF6E4D;
    border-radius: 5px;
    color: #FCFCFC!important;
}

.btn {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.775rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 16px;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #181C32;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.475rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-size: 1.6rem;
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    box-shadow: var(--bs-btn-box-shadow);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: 'Poppins';
}

.btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #009ef7;
    --bs-btn-border-color: #009ef7;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #26adf8;
    --bs-btn-hover-border-color: #1aa8f8;
    --bs-btn-focus-shadow-rgb: 0, 134, 210;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #33b1f9;
    --bs-btn-active-border-color: #1aa8f8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #009ef7;
    --bs-btn-disabled-border-color: #009ef7;
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.55rem;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-font-size: 0.925rem;
    --bs-btn-border-radius: 0.625rem;
}

.btn.btn-primary {
    color: #FFFFFF;
    border-color: #03AC6F;
    background-color: #03AC6F;
    border-radius: 10px;
}

.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg):not(.shadow-xs) {
    box-shadow: none !important;
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: 10px 17px;
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm, .btn-group-sm > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding: 10px 17px;
}

.btn-w-icon {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ml-auto {
    margin-left: auto!important;
}

.mr-20 {
    margin-right: 20px!important;
}

.btn.btn-light {
    background: #E2E2E2;
    color: #868686;
    font-family: 'Poppins';
}

.me-5 {
    margin-right: 1.25rem !important;
}

.form-flex {
    display: flex;
    gap: 40px;
}

.form-flex.w-3-7 .form-left {
    width: 70%;
}

.form-flex.w-3-7 .form-right {
    flex: auto;
}

form .form-group > label {
    font-family: 'Poppins';
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    /* identical to box height */


    /* Color/Main */

    color: #363B64;
}

.post_contents .form-title h2 {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 42px;
    /* identical to box height */


    /* Color/Main */

    color: #363B64;
    margin-bottom: 15px;
}

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

.btn-dropdown svg {
    width: 42px;
    height: auto;
}

button.btn.btn-icon.transparent.btn-dropdown {
    padding: 0;
}

/* .btn-w-dropdown {
    position: relative;
}

.btn-w-dropdown .dropdown-on-table {
    position: absolute;
    top: 100%;
    min-width: 130px;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px -2px 80px rgb(0 0 0 / 7%), 0px -0.250431px 10.0172px rgb(0 0 0 / 4%);
    border-radius: 5px;
    right: 70%;
    display: none;
    z-index: 10;
} */

.dropdown-on-table ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.btn-w-dropdown .dropdown-on-table a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    /* identical to box height */


    /* Color/Red */
    color: #A098AE;
    font-weight: 600;
    font-family: 'Poppins';
}

.btn-w-dropdown .dropdown-on-table a svg path {
    fill: #A098AE ;
}

.btn-w-dropdown .dropdown-on-table .delete-btn a {
    color: #FF606B;
}

.btn-w-dropdown .dropdown-on-table .delete-btn a svg path {
    fill: #FF606B;
}

.single-issue .sidebar-single-issue label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    /* identical to box height */


    /* Color/Gray 1 */

    color: #A098AE;
    margin-bottom: 6px;
}

.single-issue .sidebar-single-issue span {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    /* identical to box height */


    /* Color/Main */

    color: #363B64;
}

.btn.btn-warning {
    background: #E5B134;
    border-radius: 10px;
    color: #fff;
}

.btn.btn-danger {
    background: #FF606B;
    border-radius: 10px;
    color: #fff;
}

.single-issue .btn.btn-warning {
    font-weight: 600;
}

.issue-content p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
    color: #363B64;
    margin-bottom: 20px;
}

.issue-content a {
    color: #EF6E4D;
    transition: all 0.3s ease;
}

.issue-content a:hover {
    color: #363B64;
}

.issue-thumbnail {
    margin-bottom: 20px;
}


.kampanye-widget {
    gap: 30px;
    background-color: unset;
}

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

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

.border-bottom-2 {
    border-bottom-width: 2px;
}

.pb-10 {
    padding-bottom: 1rem;
}

.tab-wrap li {
    position: relative;
    padding: 0 20px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    /* identical to box height */


    /* Color/Gray 1 */

    color: #A098AE;
    transition: all .3s;
}

/* .tab-wrap li.tab-active {
    color: #EF6E4D;
} */

.tab-wrap li:after {
    content: '';
    position: absolute;
    bottom: -27px;
    width: 100%;
    left: 0;
    height: 4px;
    background-color: transparent;
    border-radius: 10px;
    transition: all .3s;
}

.pb-15 {
    padding-bottom: 1.5rem;
}

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

.post_contents {
    margin-bottom: 30px;
}

.border-top {
    border-top: 1px solid #DBDBDB;
}

.border-top-2 {
    border-top-width: 2px;
}

.pt-15 {
    padding-top: 2.6rem;
}

.kampanye-head h3.the-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 54px;
    color: #363B64;
    margin-bottom: 20px;
}

.kampanye-head p.the-desc {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    color: #A098AE;
}

.kampanye-head .kampanye-head-widget {
    margin-top: 25px;
    margin-bottom: 45px;
}

.kampanye-head .kampanye-head-widget > div .total-widget {
    background: rgba(240, 200, 104, 0.1);
    border-radius: 10px;
    padding: 20px;
    min-width: 200px;
}

.kampanye-head .kampanye-head-widget > div {
}

.status-badge {
    display: inline-block;
    padding: 13px 5px;
    width: 85px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    background: #EBF6F2;
    border-radius: 10px;
    color: #4CBC9A;
}

span.status-badge.btn-warning {
    color: #F0C868;
    background: #FCF4DF;
}

span.status-badge.btn-danger {
    color: #FF606B;
    background: #FCEDEE;
}

span.status-badge.btn-light {
    color: #7D6AEB;
    background: #EBECF6;
}

.btn.btn-blue {
    background: #2D9CDB;
    border-radius: 10px;
    color: #fff;
}

.btn > i {
    margin-right: 5px;
}

.btn.btn-light-danger {
    background: #FCEDEE;
    border-radius: 10px;
    color: #FF606B;
}

.btn-cus-del {
    margin-top: 2rem;
    height: 53px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.pengeluaran-list .pengeluaran-item + .pengeluaran-item {
    margin-top: 30px;
}

.anggota-relawan .anggota-item + .anggota-item {
    margin-top: 30px;
}

.anggota-relawan .anggota-item #form-rep-delete {
    margin-top: 32px;
}

.dashboard-page .kampanye-head h3.the-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 32px;
    /* identical to box height */


    /* Color/Main */

    color: #363B64;
}

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

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

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

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

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

.px-5 {
  padding-right: 1.25rem !important;
  padding-left: 1.25rem !important;
}

.px-6 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-7 {
  padding-right: 1.75rem !important;
  padding-left: 1.75rem !important;
}

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

.px-9 {
  padding-right: 2.25rem !important;
  padding-left: 2.25rem !important;
}

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

.px-11 {
  padding-right: 2.75rem !important;
  padding-left: 2.75rem !important;
}

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

.px-13 {
  padding-right: 3.25rem !important;
  padding-left: 3.25rem !important;
}

.px-14 {
  padding-right: 3.5rem !important;
  padding-left: 3.5rem !important;
}

.px-15 {
  padding-right: 3.75rem !important;
  padding-left: 3.75rem !important;
}

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

.px-17 {
  padding-right: 4.25rem !important;
  padding-left: 4.25rem !important;
}

.px-18 {
  padding-right: 4.5rem !important;
  padding-left: 4.5rem !important;
}

.px-19 {
  padding-right: 4.75rem !important;
  padding-left: 4.75rem !important;
}

.px-20 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

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

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

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

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

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

.py-7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

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

.py-9 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}

.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.py-11 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
}

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

.py-13 {
  padding-top: 3.25rem !important;
  padding-bottom: 3.25rem !important;
}

.py-14 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.py-15 {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

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

.py-17 {
  padding-top: 4.25rem !important;
  padding-bottom: 4.25rem !important;
}

.py-18 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.py-19 {
  padding-top: 4.75rem !important;
  padding-bottom: 4.75rem !important;
}

.py-20 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

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

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

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

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

.pb-4 {
  padding-bottom: 1.6rem !important;
}

.pb-5 {
  padding-bottom: 1.25rem !important;
}

.pb-6 {
  padding-bottom: 2.6rem !important;
}

.pb-7 {
  padding-bottom: 1.75rem !important;
}

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

.pb-9 {
  padding-bottom: 2.25rem !important;
}

.pb-10 {
  padding-bottom: 2.5rem !important;
}

.pb-11 {
  padding-bottom: 2.75rem !important;
}

.pb-12 {
  padding-bottom: 3rem !important;
}

.pb-13 {
  padding-bottom: 3.25rem !important;
}

.pb-14 {
  padding-bottom: 3.5rem !important;
}

.pb-15 {
  padding-bottom: 3.75rem !important;
}

.pb-16 {
  padding-bottom: 4rem !important;
}

.pb-17 {
  padding-bottom: 4.25rem !important;
}

.pb-18 {
  padding-bottom: 4.5rem !important;
}

.pb-19 {
  padding-bottom: 4.75rem !important;
}

.pb-20 {
  padding-bottom: 5rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

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

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

.mt-3 {
  margin-top: 0.75rem !important;
}

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

.mt-5 {
  margin-top: 1.25rem !important;
}

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

.mt-7 {
  margin-top: 1.75rem !important;
}

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

.mt-9 {
  margin-top: 2.25rem !important;
}

.mt-10 {
  margin-top: 2.5rem !important;
}

.mt-11 {
  margin-top: 2.75rem !important;
}

.mt-12 {
  margin-top: 3rem !important;
}

.mt-13 {
  margin-top: 3.25rem !important;
}

.mt-14 {
  margin-top: 3.5rem !important;
}

.mt-15 {
  margin-top: 3.75rem !important;
}

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

.mt-17 {
  margin-top: 4.25rem !important;
}

.mt-18 {
  margin-top: 4.5rem !important;
}

.mt-19 {
  margin-top: 4.75rem !important;
}

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

.widget-box-item h4 {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 45px;
    color: #EF6E4D;
}

.widget-box-item span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    color: #A098AE;
}

.post_contents-title h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
    color: #363B64;
}

.progress-survey > h4 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    color: #363B64;
    text-align: center;
    margin-bottom: 25px;
}

.progress-survey .col-md-12 span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    color: #363B64;
}

.progress-survey .col-md-12 h4 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 52px;
    color: #FF606B;
}

.info-chart-pie h5 + span {
    margin-top: 10px;
    display: block;
}

.info-chart-pie h5 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    color: #363B64;
}

@media (min-width: 768px) {

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

}

.pe-0 {
  padding-right: 0 !important;
}

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

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

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

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

.pe-5 {
  padding-right: 1.25rem !important;
}

.pe-6 {
  padding-right: 1.5rem !important;
}

.pe-7 {
  padding-right: 1.75rem !important;
}

.pe-8 {
  padding-right: 2rem !important;
}

.pe-9 {
  padding-right: 2.25rem !important;
}

.pe-10 {
  padding-right: 2.5rem !important;
}

.pe-11 {
  padding-right: 2.75rem !important;
}

.pe-12 {
  padding-right: 3rem !important;
}

.pe-13 {
  padding-right: 3.25rem !important;
}

.pe-14 {
  padding-right: 3.5rem !important;
}

.pe-15 {
  padding-right: 3.75rem !important;
}

.pe-16 {
  padding-right: 4rem !important;
}

.pe-17 {
  padding-right: 4.25rem !important;
}

.pe-18 {
  padding-right: 4.5rem !important;
}

.pe-19 {
  padding-right: 4.75rem !important;
}

.pe-20 {
  padding-right: 5rem !important;
}

.relawan-profile-top h5.relawan-name {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    color: #363B64;
    text-transform: capitalize;
    margin-bottom: 0;
}

.relawan-profile-top img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    object-fit: cover;
}

.relawan-profile-top .relawan-name-job span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    color: #A098AE;
}

.relawan-profile-item > span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    color: #A098AE;
}

.relawan-profile-item .prof-val {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    text-align: right;
    color: #A098AE;
}

.monitoring-wilayah .moninitoring-widget-inner table thead th {
    padding: 10px 15px 10px 15px;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
}

.monitoring-wilayah .moninitoring-widget-inner table thead {
    background: rgba(239, 110, 77, 0.1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.monitoring-wilayah .moninitoring-widget-inner table thead,
.monitoring-wilayah .moninitoring-widget-inner table tbody {
    flex-direction: column;
    display: flex;
}

.monitoring-wilayah .moninitoring-widget-inner table thead tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

.monitoring-wilayah .moninitoring-widget-inner table thead tr:first-child th:last-child {
    border-top-right-radius: 10px;
    min-width: 170px;
}

.monitoring-wilayah .moninitoring-widget-inner table tbody td,
.monitoring-wilayah .moninitoring-widget-inner table tbody tr:not(:first-child) td {
    padding: 10px 15px 10px 15px;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
}

.monitoring-wilayah .moninitoring-widget-inner table tbody td {
    color: #A098AE;
    min-width: 54px;
}

.monitoring-wilayah .moninitoring-widget-inner table tbody td:first-child {
    color: #363B64;
}

.monitoring-wilayah .moninitoring-widget-inner table tbody td:last-child {
    color: #4CBC9A;
}

.monitoring-wilayah .montoring-table {
    max-height: unset;
    overflow: unset;
}

.monitoring-wilayah .moninitoring-widget-inner table tbody {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}

/* width */
.monitoring-wilayah .moninitoring-widget-inner table tbody::-webkit-scrollbar {
    width: 7px;
}

/* Track */
.monitoring-wilayah .moninitoring-widget-inner table tbody::-webkit-scrollbar-track {
    background: #F2F2F2;
    border-radius: 20px;
}

/* Handle */
.monitoring-wilayah .moninitoring-widget-inner table tbody::-webkit-scrollbar-thumb {
    background: #363B64;
    border-radius: 20px;
}

.monitoring-wilayah .moninitoring-widget-inner table .special-th {
    background: rgba(239, 110, 77, 0.2);
    min-width: 50px;
}

.monitoring-wilayah .moninitoring-widget-inner table .special-th:nth-child(2) {
    border-top-left-radius: 10px;
}

.post_contents.kinerja-block {
    height: 100%;
    display: flex;
    align-items: center;
}

.post_contents.kinerja-block > .d-flex {
    width: 100%;
}

.kinerja-kiri h4 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
    color: #363B64;
}

.kinerja-kiri h4 ~ span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    color: #A098AE;
    display: block;
}

.kinerja-kiri .data-pendukung {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    color: #363B64;
    margin-bottom: 5px;
}

.kinerja-kiri span.data-pendukung-number {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 54px;
    color: #363B64;
}

.inner-plus-minus ~ span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    color: #4CBC9A;
}

.inner-plus-minus.positif ~ span {
    color: #4CBC9A;
}

.inner-plus-minus.negatif ~ span {
    color: #FF606B;
}

.inner-plus-minus.negatif svg path {
    fill: #FF606B;
}

.inner-plus-minus.negatif svg {
    transform: rotate(180deg);
}

canvas#chart-bar {
    height: 250px!important;
}

.kampanye-grid-loop {
    grid-template-columns: repeat(12,minmax(0,1fr));
    display: grid;
    gap: 35px;
    align-items: flex-start;
}

.kampanye-item {
    grid-column: span 3/span 3;
    border: 1px solid #DBDBDB;
    border-radius: 10px;
    position: relative;
}

.kampanye-grid-loop .kampanye-item h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    color: #363B64;
    margin-bottom: 15px;
}

.kampanye-grid-loop .kampanye-item p,
.kampanye-grid-loop .kampanye-item .the-excerpt {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #363B64;
    margin-bottom: 15px;
}

.kampanye-grid-loop .kampanye-item img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 227px;
    width: 100%;
    object-fit: cover;
}

.kampanye-grid-loop .kampanye-item .kampanye-content {
    padding: 15px 15px 25px 15px;
}

.blog-thumbnail {
    margin-bottom: 20px;
}

.kampanye-grid-loop .kampanye-item .kecamatan-kamp {
    margin-bottom: 10px;
}

.kampanye-grid-loop .kampanye-item .kecamatan-kamp span:first-child {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    color: #A098AE;
    display: block;
}

.kampanye-grid-loop .kampanye-item .kecamatan-kamp span:last-child {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    text-align: right;
    color: #363B64;
}

.btn-kamp a {
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #ffffff;
    padding: 15px;
    border-radius: 10px;
    background: #EF6E4D;
    border-radius: 10px;
    gap: 10px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
}

.btn-kamp a ~ a {
    background: #FCEDEE;
    color: #FF606B;
}

.btn-kamp a ~ a svg path {
    fill: #FF606B;
}

.paginate-kamps span[aria-current="page"] span {
    background: #EF6E4D;
    color: #fff;
    border-color: #EF6E4D;
}

.paginate-kamps span.relative > span > span.relative {
    height: 100%;
}

.floating-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.file-item {
    padding: 15px;
    border: 3px dashed #e32123;
    border-radius: 10px;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    display: inline-block;
}

.file-item a {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    padding: 7px 20px;
    background-color: #e32123;
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    margin-top: 15px;
}

.sidebar-version-info {
    margin-top: auto;
    padding-top: 50px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    color: #A098AE;
    font-family: 'Poppins';
}

.sidebar-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.relawan-grid-loop {
    grid-template-columns: repeat(12,minmax(0,1fr));
    display: grid;
    gap: 35px;
    align-items: flex-start;
}

.relawan-item {
    grid-column: span 3/span 3;
    border: 1px solid #DBDBDB;
    border-radius: 10px;
    position: relative;
}

.relawan-grid-loop .relawan-item h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    color: #363B64;
    margin-bottom: 15px;
    text-align: center;
}

.relawan-grid-loop .relawan-item p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #363B64;
    margin-bottom: 15px;
}

.relawan-thumb {
    padding: 25px 15px 0;
}

.relawan-grid-loop .relawan-item img {
    height: 150px;
    width: 150px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
}

.relawan-grid-loop .relawan-item .relawan-content {
    padding: 15px 15px 25px 15px;
}

.blog-thumbnail {
    margin-bottom: 20px;
}

.relawan-grid-loop .relawan-item .kecamatan-kamp {
    margin-bottom: 10px;
}

.relawan-grid-loop .relawan-item .kecamatan-kamp span:first-child {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    color: #A098AE;
    display: block;
}

.relawan-grid-loop .relawan-item .kecamatan-kamp span:last-child {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    text-align: right;
    color: #363B64;
}

table#issue-table td .issue-thumbnail {
    margin-bottom: 0;
}

table#issue-table td .issue-thumbnail img,
table .issue-thumbnail img {
    display: block;
    min-width: 100px;
    max-width: 100px;
    width: 100px;
    height: 70px;
    margin-right: 10px;
    border-radius: 5px;
    object-fit: cover;
}

table#issue-table td .excerpt-text p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 210px;
    display: inline-block;
}

.form-group .img-profile img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    object-fit: cover;
}

.profileImage .overlay-image {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.profileImage {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.profileImage span.text {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    font-size: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.profileImage input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 7.9px;
    font-size: 0.79rem;
    opacity: 0;
    cursor: pointer;
    display: block;
}

.profileImage:hover .overlay-image {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

div#mapdiv.empty-map {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaaaaa;
}

.wilayah-item a {
    text-transform: capitalize;
}

.the-excerpt {
    word-break: break-all;
}

.dashboard-inner-wrapper .caleg-info-wrap img {
    width: 215px;
    height: 215px;
    border-radius: 50%;
    border: 7px solid #EF6E4D;
    object-fit: cover;
    margin: 0 auto;
    margin-bottom: 28px;
}

.dashboard-inner-wrapper .caleg-info-content h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
    color: #363B64;
    margin-bottom: 8px;
}

.dashboard-inner-wrapper .caleg-info-content h3 ~ span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #A098AE;
    margin-bottom: 20px;
    display: block;
}

.dashboard-inner-wrapper .caleg-info-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.dashboard-inner-wrapper .caleg-info-item span.left {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #363B64;
}

.dashboard-inner-wrapper .caleg-info-item span.right {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    text-align: right;
    color: #363B64;
    max-width: 150px;
}

.timeline-top-info {
    display: flex;
    justify-content: space-between;
}

.timeline-top-info .left-timeline-top {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 40px;
}

.timeline-top-info .left-timeline-top h5 {
    position: relative;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #A098AE;
    margin-bottom: 0;
}

.timeline-top-info .left-timeline-top h5:before {
    content: "";
    position: absolute;
    top: 4px;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 3px solid #F0C868;
    left: -20px;
}

.timeline-top-info .left-timeline-top .left-timeline-time  + .left-timeline-time h5:before {
    border: 3px solid #EF6E4D;
}

.left-timeline-time {
    padding-left: 20px;
}

.left-timeline-time span {
    display: block;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    color: #363B64;
}

.right-timeline-top {
    display: flex;
    flex-direction: column;
}

.top-right-tl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-right-tl h5 {
    margin-bottom: 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #A098AE;
}

.top-right-tl > span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    color: #363B64;
}

.top-right-tl ~ span.perc-total {
    width: 140px;
    height: 10px;
    margin-top: 15px;
    background: rgb(160 152 174 / 25%);
    position: relative;
}

.top-right-tl ~ span.perc-total .perc-in {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #EF6E4D;
    height: 100%;
    transition: all .3s;
    width: 0;
}

.dashboard-wrapper .kampanye-item {
    grid-column: span 4/span 4;
}

.kirim-dukungan .kirim-dukungan-left .dollar-icon {
    width: 150px;
    height: 150px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 15px solid #F5F5F5;
}

.inner-dollar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    background-color: rgba(239, 110, 77, 0.1);
    border-radius: 50%;
}

.kirim-dukungan {
    display: flex;
    align-items: center;
    gap: 30px;
}

.kirim-dukungan h5,
.pengaduan-rakyat h5 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    color: #363B64;
    margin-bottom: 8px;
}

.kirim-dukungan h6,
.pengaduan-rakyat h6 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #A098AE;
    margin-bottom: 16px;
}

.pengaduan-rakyat h6 {
    margin-bottom: 0;
}

.kirim-dukungan a,
.pengaduan-rakyat a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #FCFCFC;
    background: #EF6E4D;
    border-radius: 10px;
    padding: 14px 45px;
    display: inline-block;
    text-align: center;
}

.pengaduan-rakyat .number-pengaduan {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 54px;
    color: #363B64;
    margin-bottom: 7px;
}

.pengaduan-rakyat {
    display: flex;
    gap: 30px;
}

.pengaduan-rakyat svg {
    position: absolute;
    bottom: 0;
    right: 12px;
}

.pengaduan-rakyat a {
    min-width: 220px;
}

.pengaduan-rakyat-wrap {
    overflow: hidden;
}

.pengaduan-rakyat-wrap-main .post_contents {
    height: 100%;
}

.pengaduan-rakyat-wrap {
    position: relative;
    overflow: hidden;
}

.post_contents-title.w-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.post_contents-title.w-btn h3 {
    margin-bottom: 0;
}

.post_contents-title.w-btn a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    text-align: center;
    color: #EF6E4D;
    background: rgba(239, 110, 77, 0.1);
    border-radius: 10px;
    padding: 13px 25px;
}

.dashboard-sidebar-wrapper .moninitoring-widget-inner table thead th {
    padding-bottom: 25px;
}

.justify-content-end {
    justify-content: end;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: var(--bs-gutter-y);
}

textarea:read-only {
    background: #F0F0F0;
}

.navigation-top-mobile {
    padding: 20px 0 0 0;
    margin-bottom: 25px;
}

.navigation-top-mobile .back-btn a {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #363B64;
}

.navigation-top-mobile .back-btn a svg {
    height: 17px;
    width: auto;
}

.top-profile-lp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.top-profile-lp .prof-img {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-profile-lp .prof-img img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 50%;
}

.top-profile-lp .prof-img .name-prof-lp h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #363B64;
    margin-bottom: 0;
}

.top-profile-lp .prof-img .name-prof-lp span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #363B64;
}

.top-profile-lp .prof-img ~ a {
    width: 55px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #0351AC;
}

.menu-pl-wrap .menu-item-pl a {
    padding: 19px 26px;
    display: flex;
    align-items: center;
    gap: 23px;
    font-size: 18px;
    line-height: 27px;
    color: #A098AE;
    border-radius: 10px;
    font-weight: 600;
}

.menu-pl-wrap .menu-item-pl a svg {
    min-width: 32px;
    height: 32px;
}

.menu-pl-wrap .menu-item-pl:not(:last-child) {
    margin-bottom: 5px;
}

.menu-pl-wrap .sidebar-menu-wrap {
    height: 100%;
    overflow: unset;
}

.page-lainnya-wrap {
    padding: 20px 20px 120px;
    background-color: #fff;
    min-height: 100vh;
}

.blog-loop-index .display-mobile {
    display: none;
}

.blog-loop-index .display-mobile-kategory-blog {
    display: none;
}

.users-page .card-title > .button-group {
    display: none!important;
}

.display-mobile-submit {
    display: none;
}

@media (min-width: 992px) {
  .container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    padding: 0 30px;
  }
}


@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}

.dropzone {
    padding: 2.4rem 2.85rem!important;
}

.percent-item.pemelih .percent-name {
    max-width: 100%;
}

[type='checkbox']:checked:hover, 
[type='checkbox']:checked:focus {
    background-color: currentColor;
}

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