@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

a[href^="tel"] {
    pointer-events: none !important;
    color: inherit !important;
    text-decoration: none !important;
}

.wm-app {
    font-family: 'Nunito', sans-serif;
    font-family: 'Inter', sans-serif;
    font-family: 'Lato', sans-serif;
    font-family: 'TT Interphases', sans-serif;
    /* Hide scrollbar on overflow list*/
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    background-color: #FFF;
}

body {
    overscroll-behavior-y: contain;

}

/* ===== LOCAL FONT DEFINITION ===== */
/* TT Interphases */
@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('resources/fonts/PlusJakartaSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('resources/fonts/PlusJakartaSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('resources/fonts/PlusJakartaSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('resources/fonts/PlusJakartaSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('resources/fonts/PlusJakartaSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* ===== END LOCAL FONT DEFINITION ===== */

/* No select */

.wm-app label {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0;
}

.wm-app .modal-content {
    border: 0;
}


/* Hide scrollbar on overflow list*/

::-webkit-scrollbar {
    display: none;
}


/* Remove padding outside page content
    Change background color to white
*/

.wm-app .app-content-column {
    padding: 0;
    background-color: #FFF;
}


/* Content with footer menu */

.wm-app .app-content.has-footer {
    height: calc(100vh - 80px);
    height: calc(100dvh - 80px);
    display: block;
    overflow-y: scroll;
}


/* Footer menu */

.menu-footer {
    /* position: absolute; */
    /* bottom: 0; */
    background-color: white;
    width: 100%;
    height: 80px;
    filter: drop-shadow(0px -1px 4px rgba(172, 188, 207, 0.25));
    z-index: 10;
}


/* Change label inside login form */

.wm-app .app-form.app-login-form .app-label {
    margin-bottom: 0;
}


/* Input text with icon */

.wm-app .app-textbox.input-with-icon {
    background: #F4F7FB;
    padding-left: 46px;
    border-radius: 6px;
}

.wm-app .app-picture.input-icon {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
}


/* Popup dialog (Dialog coming up from bottom) */

.wm-app .app-dialog.popup-dialog {
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.wm-app .app-dialog.popup-dialog .modal-content {
    border-radius: 0;
}

.wm-app .app-dialog.popup-dialog .app-dialog-header {
    border-radius: 8px 8px 0 0;
}

.wm-app .app-dialog.popup-dialog .app-dialog-header .app-dialog-title {
    font-weight: 700;
    font-size: 14px;
    color: #121518;
}

.wm-app .app-dialog.popup-dialog .app-dialog-body {
    width: 100%;
}


/* Search & Filter (in assets page is below the navbar) */

.wm-app .searchfilter {
    padding: 6px 16px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 14px;
}

.wm-app .app-tabs .tab-content .tab-pane .tab-body .searchfilter {
    padding: 6px 0px !important;
}

/*Chips Container*/

.border-radius-12 {
    background: #FFFFFF;
    border: 0.5px solid #E3EBF4;
    box-shadow: 0px 0px 12px -3px rgba(222, 235, 253, 0.65);
    border-radius: 12px;
}

/* Toasts */

.wm-app #toast-container {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 6px;
    padding-left: 1em;
    padding-right: 1em;
}

.wm-app #toast-container>div {
    opacity: 1;
    background-position: 12px center;
    animation: fadeInAnimation ease 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.wm-app #toast-container>.toast-success {
    background-color: #E9FFF7;
    background-image: url("resources/files/svg/toast-success.svg") !important;
}

.wm-app #toast-container .toast-message {
    font-size: 14px;
    white-space: normal;
}

.wm-app #toast-container>.toast-success>.toast-message {
    color: #06AA6F;
}

.wm-app .toast-bottom-center {
    bottom: 35px;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* new toast */

/* .wm-app #toast-container>div {
    min-width: 280px;
    max-width: 400px;
    padding: 14px 18px 14px 52px;

    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
    border: none;

    background-image: none !important;
    position: relative;
}

.wm-app #toast-container>.toast-success {
    background: linear-gradient(135deg, #0f1f2b, #0a1620) !important;
}

.wm-app #toast-container>.toast-success::before {
    content: "✔";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);

    width: 26px;
    height: 26px;

    background: #22c55e;
    color: white;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.6);
}

.wm-app #toast-container .toast-message {
    font-size: 14px;
    color: #e6f4ea !important;
    white-space: normal;
} */


/* Checkbox Set */

.wm-app .app-checkboxset {
    margin-bottom: 0;
}

.wm-app .app-checkboxset .app-checkbox {
    margin-top: 7px !important;
    margin-bottom: 7px;
}

.wm-app .app-checkboxset .app-checkbox .app-checkboxset-label .caption {
    margin: 0;
}

.wm-app .app-checkboxset .app-checkbox .app-checkboxset-label .caption:before {
    background: #FFFFFF;
    border: 1px solid #BCC9DA !important;
    border-radius: 4px;
    box-shadow: none;
    transition: none;
}

.wm-app .app-checkboxset .app-checkbox .app-checkboxset-label input:checked+.caption:before {
    content: "";
    box-shadow: none;
    border: 1px solid #0057E7 !important;
    background-color: #0057E7;
    text-shadow: none;
    padding: 0;
    background-image: url("resources/files/svg/icon-checkbox.svg");
    background-repeat: no-repeat;
    background-position: left 2.5px center;
}


/* Navbar back floating (in Asset Detail) */

.navbar-back-floating {
    background: #FFFFFF;
    box-shadow: 0 4px 4px rgba(133, 151, 172, 0.25);
    border-radius: 24px;
    position: absolute;
    top: 36px;
    left: 12px;
    padding: 4px;
    z-index: 1000;
}

/* Navbar Search floating (in Asset Map) */

.navbar-search-floating {
    background: transparent;
    position: absolute;
    /* display: flex; */
    padding: 6px 16px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 14px;
    justify-content: space-between;
    width: 90%;
    top: 10px;
    left: 12px;
    padding: 4px;
    z-index: 1000;
}

.navbar-search-floating .search {
    background: #FFFFFF;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 14px;
    /*width: 100%;*/
    box-shadow: 0 4px 4px rgba(133, 151, 172, 0.25);
    border-radius: 24px;
}

.navbar-search-floating .filter {
    background: #FFFFFF;
    box-shadow: 0 4px 4px rgba(133, 151, 172, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}


/* Asset List (Asset Info, Gedung, Rumah Dinas, Wisma/Villa) */

.wm-app .assets-list {
    /* padding: 0 16px 100px;
    height: calc(100vh - 112px);
    height: calc(100dvh - 112px);
    overflow-y: scroll; */

    padding: 0px 16px 16px 16px;
    height: calc(100vh - 112px);
    height: calc(100dvh - 112px);
    overflow-y: scroll;
}

.wm-app .app-tabs .tab-content .tab-pane .tab-body .assets-list {
    padding: 0 0px 100px !important;
}

.wm-app .assets-list .app-picture:first-child {
    /*
    Handled by html attribute, since there is flickering if CSS is used
    width: 72px;
    height: 72px;
    */
    border-radius: 8px;
}

.wm-app .assets-list .app-list-item {
    display: grid;
    align-items: center;
    grid-template-columns: 72px 1fr 25px;
    grid-column-gap: 14px;
    padding: 13.5px 0;
    border-bottom: 0.75px solid #E3EBF4;
}

.wm-app .app-tabs .tab-content .tab-pane .tab-body .assets-list .app-list-item {
    align-items: flex-start !important;
}

.wm-app .assets-list .app-list-item>.app-container {
    font-size: 6px;
}

.wm-app .assets-list .app-list-item .label-title {
    font-weight: 700 !important;
    font-size: 14px;
    color: #444F5C;
}

.wm-app .assets-list .app-list-item .label-desc {
    font-size: 12px;
    color: #65768B;
}

.wm-app .assets-list.app-livelist .app-list-item.active {
    background: #FFFFFF;
    z-index: 0 !important;
}

.wm-app .assets-list .app-label {
    white-space: nowrap;
    max-width: calc(100vw - 157px);
    max-width: calc(100dvw - 157px);
    /* 157px is 72 + 25 (Grid) + 14*2 (Grid Gap) + 16*2 (List padding) */
    line-height: 150%;
}

.wm-app .assets-list.project-list .app-list-item {
    grid-template-columns: 72px 1fr 25px;
}

.wm-app .assets-list.project-list .app-label {
    max-width: calc(100vw - 132px);
    max-width: calc(100dvw - 132px);
    /* 132px is 72 (Grid) + 14*2 (Grid Gap) + 16*2 (List padding) */
}

.wm-app .assets-list.project-list .mdr-category-label {
    padding: 2px 8px !important;
}


/* Photos in Asset Detail */

.assetphotolist .app-livelist-container:before,
.assetphotolist .app-livelist-container:after {
    display: none;
}

.assetphotolist .app-livelist-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
}

.assetphotolist .app-list-item .app-picture {
    aspect-ratio: 10 / 9;
    width: 100%;
    border-radius: 8px;
}


/* Display only first 4 photos */

.assetphotolist .app-list-item:nth-child(n+5) {
    display: none;
}


/* If there are more than 4 photos, change the last photo to see all photos */

.assetphotolist .app-list-item:nth-child(4):not(:last-child):before {
    background: rgba(0, 0, 0, 0.55);
    border-radius: 8px;
    content: "See all photos";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: white;
    font-weight: 600;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photos-tab {
    font-size: 12px;
    color: #8597AC;
    margin-right: 24px;
    padding-bottom: 4px;
}

.photos-tab.active {
    font-weight: 600;
    color: #007DFE;
    border-bottom: 3px solid #007DFE;
    border-radius: 4px 4px 0 0;
}


/* Buttons */

.wm-app .app-button.btn .btn-caption {
    vertical-align: baseline;
}

.wm-app .app-button.btn.btn-blue {
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    padding: 6px 16px;
    background: #0057E7;
    border-radius: 8px;
}

.wm-app .app-button.btn.btn-lightblue {
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    padding: 12px 32px;
    background: #007DFE;
    border-radius: 28px;
}

.wm-app .app-button.btn.btn-blue-borders {
    font-weight: 700;
    font-size: 16px;
    color: #007DFE;
    padding: 12px 32px;
    background: #FFFFFF;
    border-radius: 28px;
    border: 1px solid #007DFE;
}

.wm-app .app-button.btn.btn-blue-borders-small {
    font-weight: 700;
    font-size: 12px;
    color: #007DFE !important;
    padding: 8px 12px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #007DFE;
}

.wm-app .app-button.btn.btn-red-borders {
    font-weight: 700;
    font-size: 16px;
    color: #E70000;
    padding: 12px 32px;
    background: #FFFFFF;
    border-radius: 28px;
    border: 1px solid #E70000;
}

.wm-app .app-button.btn.btn-lightblue.btn-small {
    font-size: 14px;
    padding: 9.5px 0;
}

.wm-app .app-button.btn.btn-lightblue.btn-tiny {
    font-size: 12px;
    padding: 8px 0;
}

.wm-app .app-button.btn.shadow {
    filter: drop-shadow(0px 4px 8px rgba(0, 62, 121, 0.4));
    margin-bottom: 18px;
}

.wm-app .app-button.btn.floating {
    position: fixed;
    bottom: 17px;
    left: 50%;
    transform: translateX(-50%);
}

.wm-app .app-label.btn-text-blue {
    font-weight: 700 !important;
    font-size: 16px;
    color: #007DFE;
    text-align: center;
    width: 100%;
}

.wm-app .app-label.btn-text-red {
    font-weight: 700 !important;
    font-size: 16px;
    color: #E70000;
    text-align: center;
    width: 100%;
}

.wm-app .app-label.btn-assetdetail {
    background: #F2F7FD;
    border-radius: 12px;
    padding: 10.5px 48px 10.5px 12px !important;
    font-weight: 700;
    font-size: 14px;
    color: #134BBA;
    width: 100%;
    background-image: url("resources/files/svg/icon-chevron-right.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

.wm-app .app-button.btn.btn-white {
    font-weight: 700;
    font-size: 14px;
    color: #007DFE;
    padding: 9.5px 0;
    border: 1px solid #007DFE;
    border-radius: 28px;
    background-color: #FFFFFF;
}

.fixed-bottom-button {
    position: fixed;
    bottom: 0;
    width: 100%;
}


/* Button Edit */

.wm-app .btn-edit.app-button.btn {
    padding: 9px 14px;
    font-weight: 700;
    font-size: 14px;
    color: #007DFE;
    border: 0px solid transparent;
    background: transparent;
    box-shadow: none;
}

.wm-app .btn-edit.app-button.btn .btn-caption {
    margin: 0;
}

.wm-app .btn-edit.app-button.btn .btn-caption:before {
    content: url('resources/files/svg/edit-light-blue.svg');
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 3px;
}

.wm-app .btn-edit.app-button.btn:hover,
.wm-app .btn-edit.app-button.btn:focus,
.wm-app .btn-edit.app-button.btn.focus {
    color: #004181;
    font-weight: 800;
}

.wm-app .btn-chain.app-button.btn {
    padding: 0px 14px 10px;
    font-weight: 700;
    font-size: 14px;
    color: #007DFE;
    border: 0px solid transparent;
    background: transparent;
    box-shadow: none;
}

.wm-app .btn-chain.app-button.btn .btn-caption {
    margin: 0;
}

.wm-app .btn-chain.app-button.btn .btn-caption:before {
    content: url('resources/files/svg/link-light-blue.svg');
    display: inline-block;
    margin-right: 1px;
    position: relative;
    top: 7px;
}

.wm-app .btn-chain.app-button.btn:hover,
.wm-app .btn-chain.app-button.btn:focus,
.wm-app .btn-chain.app-button.btn.focus {
    color: #004181;
    font-weight: 800;
}


/* Close in dialog */

.wm-app .close {
    font-size: 29.5px;
    color: #8597AC;
    opacity: 1;
}


/* Photo Viewer */

.viewer-container.viewer-backdrop {
    background-color: #000000;
}

.viewer-container .viewer-title {
    display: none;
}

.viewer-container .viewer-close {
    right: 0;
    left: 0;
    top: -30px;
}

.viewer-container .viewer-close:before {
    background-image: url("resources/files/svg/navbar-leftarrow-white.svg");
    background-position: 0;
    background-size: auto;
}

.viewer-container .viewer-list>li {
    width: 50px;
}

.viewer-container .viewer-list>li>img {
    min-width: 54px !important;
}


/* Anchor */

.wm-app .app-anchor {
    color: #0057E7;
    font-size: 12px;
}


/* Timeline Project List */

.wm-app .app-livelist.timeline-project-list .app-livelist-container {
    padding-top: 13px;
}

.wm-app .app-livelist.timeline-project-list .app-list-item {
    padding-left: 29px;
    padding-bottom: 19px;
    background-image: linear-gradient(#FFA200 43%, #FFFFFF 0%);
    background-position: left;
    background-size: 1px 7px;
    background-repeat: repeat-y;
    margin-bottom: 8px;
    margin-left: 12px;
}

.wm-app .app-livelist.timeline-project-list .app-list-item:before {
    content: url(resources/files/svg/timelineproject-complete.svg);
    width: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    left: -16px;
    top: -3px;
}

.wm-app .app-livelist.timeline-project-list .app-list-item:nth-child(1):before {
    content: url(resources/files/svg/timelineproject-current.svg);
    width: 24px;
    height: 24px;
    left: -12px;
}

.wm-app .app-livelist.timeline-project-list .app-list-item .app-grid-column {
    display: flex;
    align-items: center;
}


/* Timeline Project History */

.wm-app .app-livelist.timeline-project-list .app-list-item-history {
    padding-left: 29px;
    padding-bottom: 19px;
    background-image: linear-gradient(#FFA200 43%, #FFFFFF 0%);
    background-position: left;
    background-size: 1px 7px;
    background-repeat: repeat-y;
    margin-bottom: 8px;
    margin-left: 12px;
}

.wm-app .app-livelist.timeline-project-list .app-list-item-history:before {
    content: url(resources/files/svg/timelineproject-complete.svg);
    width: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    left: -16px;
    top: -3px;
}

.wm-app .app-livelist.timeline-project-list .app-list-item-history:nth-child(1):before {
    content: url(resources/files/svg/timelineproject-complete.svg);
    width: 24px;
    height: 24px;
    left: -12px;
}

.wm-app .app-livelist.timeline-project-list .app-list-item-history .app-grid-column {
    display: flex;
    align-items: center;
}


/* Form input elements */

.wm-app .form-control,
.wm-app .app-liveform .form-control {
    background-image: none;
    color: #444F5C;
    font-size: 14px;
    padding: 14px 16px;
    background-color: #F4F7FB;
    border-radius: 8px;
}

.wm-app .app-liveform .form-control[disabled] {
    background-color: #d8d8d8;
}


/* Full Dialog */

.wm-app .app-dialog.full-dialog {
    margin: 0;
}

.wm-app .app-dialog.full-dialog .modal-content {
    border: 0;
    border-radius: 0;
}

.wm-app .app-dialog.full-dialog .app-dialog-body {
    padding: 0;
}


/* Photo Upload List */

.wm-app .uploadphoto {
    border: 1px dashed rgba(133, 151, 172, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    width: 100%;
}

.wm-app .uploadphotolist .app-livelist-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 18px 14px;
}

.wm-app .uploadphotolist .app-livelist-container:before,
.wm-app .uploadphotolist .app-livelist-container:after {
    display: none;
}

.wm-app .uploadphotolist .app-list-item {
    background: #FFFFFF !important;
    padding: 4px 6px 0 0;
}

.wm-app .uploadphotolist .app-list-item .app-picture.picture3_1 {
    aspect-ratio: 1 / 1;
    width: 100%;
    border-radius: 4px;
}

.wm-app .uploadphotolist .app-list-item .app-picture.picture3 {
    position: absolute;
    top: 0;
    right: 0;
}

.wm-app .app-select-wrapper::before {
    z-index: 2;
}

.wm-app .app-liveform {
    box-shadow: none;
}

.wm-app .app-liveform .form-group .form-control-static+.app-input-wrapper>.form-control,
.wm-app .app-liveform .form-group .form-control-static+.app-select-wrapper {
    width: 100%;
}

.wm-app .app-liveform .panel-body {
    padding: 0 16px;
}

.wm-app .app-liveform .formfield-label {
    font-weight: 600;
    font-size: 14px;
    color: #444F5C;
}

.wm-app .app-liveform .app-radio {
    margin: 0;
}

.wm-app .app-liveform .radio input:checked+.caption:before {
    -moz-box-shadow: inset 0 0 0 4px #0057E7;
    -webkit-box-shadow: inset 0 0 0 4px #0057E7;
    box-shadow: inset 0 0 0 4px #0057E7;
    border-color: #0057E7;
}


/* Toggle */

.wm-app .app-toggle.checkbox {
    margin-top: 0;
    padding: 0;
    margin-bottom: 0;
}

.wm-app .app-toggle.checkbox .switch {
    top: 1px;
    left: 1px;
}

.wm-app .app-toggle.checkbox label {
    background-color: #0057E7;
    opacity: 1;
    height: 24px;
}

.wm-app .app-toggle.checkbox input[type=checkbox]:checked~.switch {
    background-color: #FFFFFF;
    right: 0;
    top: 0;
}

/* ===============================
   TT INTERPHASES
================================= */

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Thin-Italic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-ExtraLight-Italic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphasesl-Light-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Medium-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-DemiBold-Italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Bold-Italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-ExtraBold-Italic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interphases';
    src: url('resources/fonts/TT-Interphases-Black-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* ===============================
   TT INTERPHASES MONO
================================= */

@font-face {
    font-family: 'TT Interphases Mono';
    src: url('resources/fonts/TT-Interphases-Mono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'TT Interphases Mono';
    src: url('resources/fonts/TT-Interphases-Mono-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'TT Interphases Mono';
    src: url('resources/fonts/TT-Interphases-Mono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'TT Interphases Mono';
    src: url('resources/fonts/TT-Interphases-Mono-Bold-Italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}





.wm-app app-page-assetlist .app-livelist .app-list-item.active {
    background: rgba(230, 242, 255, 1);
    border: 1px solid var(--border-chip-chip-actived, rgba(0, 125, 254, 1));
}

.wm-app app-page-assetlist .app-textbox.mdr-search {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(237, 237, 237, 1);
    background-image: url(resources/files/svg/search.svg);
}

.wm-app .app-textbox.mdr-search {
    background-image: url(resources/files/svg/search.svg);
}

.wm-app app-page-assetlist .pd-1 .media-list[name="list3"] {
    padding-right: 8px;
}

.wm-app app-page-assetlist .pd-1 .media-list[name="list3"] .app-picture {
    padding-right: 4px;
}

.wm-app app-page-assetlist .box-white {
    box-shadow: none;
}

.wm-app app-page-assetlist .pd-1[name="gridrow15"] {
    padding: 16px;
}



.wm-app app-page-assetlist .app-livelist[name="assetsList1"] .app-list-item {
    border: none;
    border-bottom: 1px solid #EDEDED;
    border-radius: 0px;
    padding-left: 4px;
    margin-top: 0px;
}

.wm-app app-page-finansial .tag {
    padding: 4px 8px;
}

.wm-app app-page-finansial .box-select {
    padding: 8px 16px;
    height: auto;
}

.wm-app .app-date .input-group-btn .app-icon {
    content: url(resources/files/svg/icon-chevron-down.svg);
    /* right: 8px; */
    filter: saturate(15);
    width: 16px;
}

/* aset list*/
.wm-app app-page-assetlist .app-livelist[name="assetsList1"] ul li {
    border: none;
    border-bottom: 1px solid #EDEDED;
    border-radius: 0px;
}

.wm-app app-page-assetlist .app-livelist[name="assetsList1"] ul li .app-picture[name="picture12"] {
    border-radius: 16px;
    margin-right: 10px !important;
    /*image fit*/
    min-width: 96px;
    min-height: 96px;
    object-fit: cover !important;
}

.wm-app app-page-assetlist .comment-loct {
    align-items: center;
}


.wm-app .app-livelist .app-label.label-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #333333;
    text-transform: capitalize;
    margin: 0px;


    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.menu-footer {
    position: fixed;
    bottom: -1px;
}

/*page Property asset fixing scroll*/
.wm-app app-page-assetlist .container[pagetitle="Asset Info"] .app-content .app-content-row {
    height: 100vh;
    height: 100dvh;
    position: fixed;
}

/* fixing location align*/
.wm-app app-page-assetlist .comment-loct .app-grid-column[name="gridcolumn20"] {
    text-align: right;
}

.wm-app app-page-assetlist .border-loct p {
    font-size: 10px;
}

/*fixing list*/
.wm-app app-page-assetlist .app-grid-row[name="gridrow25"] {
    padding-bottom: 20px !important;
}

.wm-app app-page-assetlist .app-grid-row[name="gridrow25"] .col-dif[name="container12"] {
    display: flex;
    align-items: stretch;
}


.wm-app app-page-assetlist .app-grid-row[name="gridrow25"] .app-grid-layout {
    flex: auto;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */

    /* new */
    justify-content: flex-start;


}

.wm-app app-page-assetlist .app-grid-row[name="gridrow25"] .app-grid-layout .app-grid-row {
    padding-bottom: 8px;
}

.wm-app app-page-assetlist .app-grid-row[name="gridrow20"] {
    /* flex-grow: 1; */
    /* max-height: 36px; */
    overflow: hidden;

}

.wm-app app-page-assetlist .app-livelist .app-label[name="label14"] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* new */
    margin-bottom: 0px;
}

.wm-app app-page-assetlist .pd-1[name="gridrow9_1"] {
    padding: 10px 16px;
}

.wm-app app-page-assetlist .pd-left {
    padding: unset;
    margin-left: 5px;
}

.wm-app app-page-assetlist .pd-left .app-picture {
    height: 16px;
    width: 16px;
    margin: 2.5px 0px;
}

/*fixing scroll on filter tag*/
.wm-app .app-grid-column[name="gridcolumn9_1"] {
    overflow: scroll;
}

/*bottom menu, active*/
.wm-app app-partial-footermenu_pwa .footer-container6>.app-container.active>.app-label {
    color: #007DFE !important;
    font-weight: 600 !important;
}

.wm-app app-partial-footermenu_pwa .footer-container6>.app-container>.app-label {
    font-size: 11px !important;
}

/*filter popup app-page-assetfilter*/
.wm-app app-page-assetfilter .app-checkboxset.inline.list-group,
.app-radioset.inline.list-group {
    margin-left: 8px;
}

.wm-app app-page-assetfilter .mdr-filter-options.app-livelist .app-livelist-container {
    margin-left: 8px;
}

.wm-app app-page-assetfilter app-partial-customslider section {
    padding: 0px 8px;
}


.wm-app app-page-finansial .app-select-wrapper::before {
    border-color: #007DFE;
}

.wm-app app-page-finansial .pd-1 .app-livelist[name="modelListList1"] .pd-1 {
    padding: 0px;
}

.wm-app app-page-finansial .app-livelist[name="modelListList1"] .app-list-item {
    /* padding: 16px; */
}

.wm-app app-page-finansial .tag {
    font-weight: 500;
    margin-right: 4px;
}

.wm-app app-page-finansial .box-white {
    height: calc(100vh - 545px) !important;
    /* height: auto !important; */

}

/* Homepage */
.wm-app app-page-main_pwa .layoutgrid3 {
    background-image: url(resources/files/home/image_-_total_aset.svg);
    padding: 16px;
    /* margin-top: 8px; */

    margin-top: 0px;
}

.wm-app app-page-main_pwa .layoutgrid5-propertysewa {
    background-image: url(resources/files/home/image_-_card_pantau_sewa.svg);
    padding: 16px;
}

.wm-app app-page-main_pwa .layoutgrid2 {
    padding: 12px 16px;
}


.wm-app app-page-main_pwa .text-name-1 {
    font-size: 16px;
    font-weight: 700;
}

.wm-app app-page-main_pwa .text-position-1 {
    font-size: 14px;
    font-weight: 700;
    margin-top: 0px;
}

.wm-app app-page-main_pwa .text-properti-sekitar {
    font-size: 12px;
    font-weight: 700;
    padding-inline: 24px;
}

.wm-app app-page-main_pwa .app-livelist[name="categoryList1"] .text-main-bold {
    font-size: 16px;
    font-weight: 600;
}

.wm-app app-page-main_pwa .app-livelist[name="categoryList1"] .app-picture {
    max-width: 16px;
    margin: 8px 0px;
}

.wm-app app-page-main_pwa .app-livelist[name="categoryList1"] .app-label {
    margin-top: 0px !important;
    color: #494949;
}

.wm-app app-page-main_pwa .layoutgrid3 .text-main-bold {
    font-size: 16px;
    margin-top: 0px !important;
}

.wm-app app-page-main_pwa .gridrow3-digunakan {
    padding: 4px 8px !important;
    justify-content: left;
    width: auto;
}

.wm-app app-page-main_pwa .gridrow3-digunakan img {
    padding-right: 4px;
}

.wm-app app-page-main_pwa .layoutgrid3 .gridrow3-location {
    padding-top: 2px;
}

.wm-app app-page-main_pwa .gridrow3-profile p[caption="Total Aset Bank Mandiri"] {
    font-weight: 500 !important;
    font-size: 13px !important;
}

.wm-app app-page-main_pwa .circular-name {
    font-size: 16px;
    margin: 0px;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.wm-app app-page-main_pwa .grid-profile {
    padding-right: 12px;
}

.wm-app app-page-main_pwa .layoutgrid2 {
    margin-top: 20px;
}


.wm-app app-page-main_pwa .gridrow5-propertysewa {
    width: 100%;
}

.wm-app app-page-main_pwa .gridrow5-propertysewa .gridrow3-location {
    padding-top: 16px;
    /* column-gap: 16px; */

}

.wm-app app-page-main_pwa .gridrow5-propertysewa .gridrow3-location .text-main-bold-grey {
    margin-top: 0px !important;
}

.wm-app app-page-main_pwa .gridrow5-propertysewa .gridrow3-location .text-main-bold {
    font-size: 16px;
    font-weight: 700;
    margin-top: 4px !important;
}

.wm-app app-page-main_pwa .text-main-bold[name="label10"] {
    font-size: 18px;
    font-weight: 700;
}

.wm-app app-page-main_pwa [name="categoryList1"] .app-livelist-container {
    padding-bottom: 2px;
    padding-top: 2px;
}

.wm-app app-page-main_pwa [name="categoryList1"] .app-list-item>.app-container {
    box-shadow: none;
}

.wm-app app-page-main_pwa [name="layoutgrid_aset_milik"] .app-grid-row[name="gridrow6_1"] {
    padding-bottom: 0px !important;
}

.wm-app app-page-main_pwa [name="regionsList1"] .app-livelist-container {
    padding-bottom: 8px !important;
}

.wm-app app-page-main_pwa [name="layoutgrid3_1"] .text-main-bold {
    font-size: 18px;
}

/* asset list badge fixing */
.wm-app app-page-assetlist .badge-milik,
.wm-app app-page-assetlist .badge-sewa {
    font-size: 10px !important;
    top: 5px !important;
    left: 5px !important;
}

/* asset filter */
.wm-app app-page-assetfilter .noUi-horizontal .noUi-handle {
    background: white;
    border: 4px solid rgba(0, 125, 254, 1);
    box-shadow: 0px 4px 4px 0px rgba(0, 62, 121, 0.3);
}

.wm-app app-page-assetfilter app-partial-customslider .noUi-connect {
    background: #007DFE;
}

.wm-app app-page-assetfilter .mdr-filter-options.app-livelist .app-livelist-container {
    display: flex;
}

.wm-app app-page-assetfilter .mdr-filter-options.app-livelist .app-list-item .app-label {
    width: auto;
    padding-inline: 16px !important;
    background: #FFFFFF;
}


.wm-app app-page-assetfilter .mdr-filter-options.app-livelist .app-list-item {
    width: unset;
}

.wm-app app-page-assetfilter .mdr-select {
    font-size: 16px;
    padding: 14px 16px !important;
    min-height: 48px;
}

.wm-app app-partial-customselect .mdr-select-options .app-label {
    font-weight: 500;
    box-shadow: none;
    border-top: 1px solid #EDEDED;
    padding: 24px !important;
    margin: 0px;
    text-align: left;
}

/*modal option (for all mybe) */
.wm-app .app-dialog.popup-dialog .app-dialog-header .app-dialog-title {
    font-size: 18px;
    padding-top: 4px;
}

.wm-app .app-dialog.popup-dialog .app-dialog-body {
    padding: 0px;
}

/*fixing layouting untuk bookmark atau properti tersimpan*/
.wm-app app-page-bookmarks_page .app-textbox.mdr-search {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(237, 237, 237, 1);
    background-image: url(resources/files/svg/search.svg);
}

.wm-app app-page-bookmarks_page .app-grid-row[name="gridrow2"] {
    padding: 8px 16px;
}

.wm-app app-page-bookmarks_page .app-livelist[name="assetsList1"] ul li {
    border: none;
    border-bottom: 1px solid #EDEDED;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px 2px 16px 2px;
    gap: 0px;
}

.wm-app app-page-bookmarks_page .app-livelist[name="assetsList1"] ul li .app-picture[name="picture3"] {
    border-radius: 16px;
    margin-right: 16px !important;
    width: 96px;
    height: 96px;
    min-width: 96px;
    min-height: 96px;
    object-fit: cover !important;
}

/* bookmark aset */

.wm-app app-page-bookmarks_page .app-content .app-content-row {
    height: 100vh;
    height: 100dvh;
    position: fixed;
}

.wm-app app-page-bookmarks_page .badge-milik,
.wm-app app-page-bookmarks_page .badge-sewa {
    font-size: 10px !important;
    top: 5px !important;
    left: 5px;
}


.wm-app app-page-bookmarks_page .app-livelist .app-picture[name="picture4"] {
    position: absolute;
    right: 8px;
}

.wm-app app-page-bookmarks_page .app-livelist .app-picture[name="picture5"] {
    /* top: 4px; */
    position: absolute;
    right: 0px;
    background-color: white;
    padding-left: 4px;
}

/* title page */
.wm-app app-page-bookmarks_page .mdr-navbar p.app-label,
.wm-app app-page-finansial .pd-center .font-header,
.wm-app app-page-profile_pwa .mdr-navbar p.app-label,
.wm-app app-page-assetsnearby .container_aset .header .app-label {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #333333;
}


/* map property */
.wm-app app-page-assetsnearby .container_aset {
    /* bottom: 78px; */
    min-height: 230px !important;
}

.wm-app app-page-assetsnearby .navbar-search-floating {
    width: calc(100vw - 24px);
    width: calc(100dvw - 24px);
}

.wm-app app-page-assetsnearby .badge-map-mark-desc div p {
    color: #FFFFFF;
    font-size: 12px;
    padding-inline: 4px;
}

.wm-app app-page-assetsnearby .badge-location {
    align-items: center;
}

.wm-app app-page-assetsnearby .app-livelist .badge-location .app-label {
    font-weight: 700;
    font-size: 11px;
}

.wm-app app-page-assetsnearby [name="landmarksList1"] .app-list-item>.app-container[name="container5"] {
    box-shadow: none;
    border: 1px solid #EDEDED;
    width: 160px;
}

.wm-app app-page-assetsnearby [name="landmarksList1"] .app-list-item .label-name-address {
    margin-inline: 0px;
    text-transform: capitalize;
}

.wm-app app-page-assetsnearby [name=landmarksList1] .app-list-item .app-picture[name="picture10"] {
    height: 120px !important;
}

.wm-app app-page-assetsnearby [name="landmarksList1"] .app-list-item:first-child {
    margin-left: 0px;
}

.wm-app app-page-assetsnearby .badge-location .app-picture[name="picture4"] {
    margin-bottom: 0px;
}

.wm-app app-page-assetsnearby .badge-location .app-label {
    margin-bottom: 0px;
}

.wm-app app-page-assetsnearby .app-textbox.mdr-search {
    background-color: unset;
    background-image: url(resources/files/svg/search.svg);
}


.wm-app app-page-assetsnearby .container_maps_property {
    bottom: 314px;
}

/* modal in map  */
.wm-app app-page-assetsnearby .app-dialog.popup-dialog .modal-content {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

/* finansial aset, aset milik  */
.wm-app app-page-finansial_asset .app-livelist .app-list-item {
    border: none;
    border-bottom: 1px solid #EDEDED;
    border-radius: 0px;
    padding-left: 4px;
    margin-top: 0px;
}


.wm-app app-page-finansial_asset .app-content .app-content-row {
    height: 100vh;
    height: 100dvh;
    position: fixed;
}

.wm-app app-page-finansial_asset .app-content .app-grid-column.box-white .app-livelist {
    overflow: auto;
    height: calc(100vh - 80px - 57px - 66px - 20px);
    height: calc(100dvh - 80px - 57px - 66px - 20px);
    /* padding-bottom: 320px; */
}

.wm-app app-page-finansial_asset .box-white {
    overflow: auto;
    height: calc(100vh - 280px) !important;
    height: calc(100dvh - 280px) !important;
    /* padding-bottom: 320px; */
}

.wm-app app-page-finansial_asset .app-livelist .list-group {
    padding-bottom: 0px !important;
}

.wm-app app-page-assetsnearby .app-dialog.popup-dialog .app-dialog-body {
    padding: 8px 16px;
}



/* modal animation in filter Asset nearby */
.wm-app .modal.in .modal-dialog {
    animation-name: slideUp;
    animation-duration: 0.5s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    border-radius: 16px 16px 0 0;
    box-shadow: unset !important;
}

@keyframes slideUp {
    0% {

        box-shadow: none;
        transform: translateY(100%);
    }

    90% {
        box-shadow: 0 -6px 20px rgba(0, 0, 0, 0);
        transform: translateY(0);
    }

    100% {
        box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.2);
        transform: translateY(0);

    }
}

/*  scroll fixing*/
.wm-app app-page-assetlist .pd-1 .app-livelist[name="assetsList1"] ul {
    padding-bottom: 320px;
}

/* asset filter asset nearby*/
.wm-app app-page-assetsnearby .app-dialog.popup-dialog .noUi-horizontal .noUi-handle {
    background: white;
    border: 4px solid rgba(0, 125, 254, 1);
    box-shadow: 0px 4px 4px 0px rgba(0, 62, 121, 0.3);
}

.wm-app app-page-assetsnearby .app-dialog.popup-dialog app-partial-customslider .noUi-connect {
    background: #007DFE;
}

/* .wm-app app-page-assetsnearby .app-dialog.popup-dialog  .mdr-filter-options.app-livelist .app-livelist-container {
    display: flex;
} */

.wm-app app-page-assetsnearby .mdr-filter-options.app-livelist .app-list-item .app-label {
    background: #FFFFFF;
}

/* .wm-app app-page-assetsnearby .app-dialog.popup-dialog .mdr-filter-options.app-livelist .app-list-item .app-label {
    width: auto;
    padding-inline: 16px !important;
    background: #FFFFFF;
} */

/* 
 .wm-app app-page-assetsnearby .app-dialog.popup-dialog .mdr-filter-options.app-livelist .app-list-item {
    width: unset;
} */


.wm-app app-page-assetsnearby .app-dialog.popup-dialog .mdr-filter-options.app-livelist .app-list-item .app-label {
    background: #FFFFFF;
    padding: 10px;

}

.wm-app app-page-assetsnearby .app-dialog.popup-dialog .mdr-filter-options.app-livelist .app-list-item .app-label.active {
    background: #007DFE !important;
    border: 1px solid #FFFFFF !important;
    color: #E6F2FF !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
}

.wm-app app-page-assetsnearby .app-dialog.popup-dialog .mdr-filter-options.app-livelist .app-list-item {
    border: none;
    background-color: #FFFFFF;
    margin: 0px;
}

.wm-app app-page-assetsnearby .app-dialog.popup-dialog .mdr-select {
    font-size: 16px;
    padding: 14px 16px !important;
    min-height: 48px;
}

.wm-app app-partial-customselect .mdr-select-options .app-label {
    font-weight: 500;
    box-shadow: none;
    border-top: 1px solid #EDEDED;
    padding: 24px !important;
    margin: 0px;
    text-align: left;
}

.wm-app app-page-assetsnearby .app-dialog.popup-dialog .app-grid-column {
    margin-bottom: 16px;
}

.wm-app app-page-assetsnearby .mdr-filter-options.app-livelist .app-livelist-container {
    padding-inline: 8px;
}

/* new - fixing tambahan windy 20 feb*/
.wm-app app-partial-nav_filter_asset .pd-1 {
    padding: 0px;
    width: 100vw;
    width: 100dvw;
}

.wm-app app-page-assetlist .btn-filter {
    position: absolute;
    /* right: 16px; */
    /* top: -20px; */
}

.wm-app app-page-assetlist .app-content .app-content-row .app-content-column .app-grid-layout[name="layoutgrid1"] {
    width: 100vw;
    width: 100dvw;
}

.wm-app app-page-assetlist .pd-1 .app-grid-column[name="gridcolumn18"] {
    overflow: hidden;
}

.wm-app app-page-bookmarkpage .app-content .app-content-row .app-content-column .app-grid-layout[name="layoutgrid1"] {
    width: 100vw;
    width: 100dvw;
}

.wm-app app-page-bookmarkpage .pd-1 .app-grid-column[name="gridcolumn18"] {
    overflow: hidden;
}

.wm-app app-page-assetlist .searchfilter {
    gap: 0px;
}

.wm-app app-partial-nav_filter_asset .pd-1 {
    padding: 0px;
    width: 100%;
}

.wm-app app-page-assetlist .app-livelist[name="modelListList2"] .app-list-item:last-child {
    margin-right: 12%;
}

.wm-app app-page-bookmarkpage .app-livelist[name="modelListList2"] .app-list-item:last-child {
    margin-right: 12%;
}

/* new filter properti aset  */

.wm-app app-page-assetlist .app-dialog.popup-dialog .noUi-horizontal .noUi-handle {
    background: white;
    border: 4px solid rgba(0, 125, 254, 1);
    box-shadow: 0px 4px 4px 0px rgba(0, 62, 121, 0.3);
}

.wm-app app-page-assetlist .app-dialog.popup-dialog app-partial-customslider .noUi-connect {
    background: #007DFE;
}

.wm-app app-page-assetlist .app-dialog.popup-dialog .app-grid-column {
    margin-bottom: 16px;
}

.wm-app app-page-assetlist .app-dialog.popup-dialog .mdr-select {
    font-size: 16px;
    padding: 14px 16px !important;
    min-height: 48px;
}

.wm-app app-page-assetlist .app-dialog.popup-dialog .modal-content {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.wm-app app-page-assetlist .app-dialog.popup-dialog .app-dialog-body {
    padding: 8px 24px;
}

.wm-app app-page-assetlist .app-dialog.popup-dialog .mdr-filter-options.app-livelist .app-list-item .app-label {
    background: #FFFFFF;
    padding: 10px;

}

.wm-app app-page-assetlist .mdr-filter-options.app-livelist .app-livelist-container {
    padding-inline: 8px;
}



.wm-app app-page-assetlist .app-dialog.popup-dialog .mdr-filter-options.app-livelist .app-list-item .app-label.active {
    background: #0057E7 !important;
    border-radius: 8px !important;
    border: 1px solid #0057E7 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}


.wm-app app-page-assetlist .app-dialog.popup-dialog .mdr-filter-options.app-livelist .app-list-item {
    border: none;
    background-color: #FFFFFF;
    margin: 0px;
}

/* detail property - Assetdetailsewa */

.wm-app app-page-assetdetailsewa .app-container.container_asset_photo {
    background-size: cover !important;
    /* tambahan buat default photo detail */
    background: url(resources/images/imagelists/no_image.png);
    background-size: cover;
    background-position: center !important;

}

.wm-app app-page-assetdetailsewa .container1 {
    height: 375px;
}

.wm-app app-page-assetdetailsewa .app-grid-column[name="gridcolumn1"] {
    height: 350px;
}

.wm-app app-page-assetdetailsewa .columnassetdetail .app-container {
    width: 100%;
}

.wm-app app-page-assetdetailsewa div[name="containerrute"] .app-label,
.wm-app app-page-assetdetailsewa div[name="containersimpan"] .app-label {
    width: auto;
}


.wm-app app-page-assetdetailsewa div[name="containerrute"] img,
.wm-app app-page-assetdetailsewa div[name="containersimpan"] img {
    width: auto !important;
    height: 16px !important;


}


/* detail property Asset PWA */

.wm-app app-page-assetdetailpwa .container1 {
    height: 375px !important;
    background-position: center !important;
    /* tambahan buat default photo detail */
    background: url(resources/images/imagelists/no_image.png);
    background-size: cover;
}

.wm-app app-page-assetdetailpwa .app-grid-column[name="gridcolumn1"] {
    /* so the padding tab between photos and card under 16px */
    height: 359px;
}

.wm-app app-page-assetdetailpwa .app-grid-row[name="gridrow2"] {
    background-color: white;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.wm-app app-page-assetdetailpwa .app-grid-row[name="gridrow2"] .mdr-category-label.app-label {
    visibility: hidden;
    display: none;
}

.wm-app app-page-assetdetailpwa .app-grid-row[name="gridrow2"] .app-label {

    font-weight: 700;
    font-size: 18px;
    color: #333333 !important;
    margin-bottom: 0px;

}

.wm-app app-page-assetdetailpwa .app-grid-row[name="gridrow700"] {
    display: none;
}

.wm-app app-page-assetdetailpwa .columnassetdetail {
    padding: 16px;
    padding-bottom: 4px !important;
}

.wm-app app-page-assetdetailpwa .columnassetdetail .app-container {
    width: 100%;
}

.wm-app app-page-assetdetailpwa div[name="containerrute"] .app-label,
.wm-app app-page-assetdetailpwa div[name="containersimpan"] .app-label {
    width: auto;
}


.wm-app app-page-assetdetailpwa div[name="containerrute"] img,
.wm-app app-page-assetdetailpwa div[name="containersimpan"] img {
    width: auto !important;
    height: 16px !important;
}

/* all icon accordion */

.wm-app app-page-assetdetailpwa .app-accordion-panel .app-icon i.wi-plus::before,
.wm-app app-page-assetdetailsewa .app-accordion-panel .app-icon i.wi-plus::before,
.wm-app app-page-assetdetailmilik .app-accordion-panel .app-icon i.wi-plus::before,
.wm-app app-page-assetdetailproblem .app-accordion-panel .app-icon i.wi-plus::before {
    content: url(resources/files/svg/icon-chevron-down.svg) !important;
}

.wm-app app-page-assetdetailpwa .app-accordion-panel .app-icon i.wi-minus::before,
.wm-app app-page-assetdetailsewa .app-accordion-panel .app-icon i.wi-minus::before,
.wm-app app-page-assetdetailmilik .app-accordion-panel .app-icon i.wi-minus::before,
.wm-app app-page-assetdetailproblem .app-accordion-panel .app-icon i.wi-minus::before {
    content: url(resources/files/svg/icon-chevron-down.svg) !important;
    transform: rotate(180deg);
}


/* table detail  */
.wm-app app-page-assetdetailsewa .custom-detail-table[name="layoutgrid4"] .app-grid-column p {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    padding-inline: 0px !important;
}

.wm-app app-page-assetdetailsewa .custom-detail-table[name="layoutgrid4"] .app-grid-column {

    justify-items: center;

}

.wm-app app-page-assetdetailsewa .custom-detail-table[name="layoutgrid4"] {
    border: none !important;

}

.wm-app app-page-assetdetailsewa .custom-detail-table[name="layoutgrid4"] .app-grid-row {
    border: none !important;

}

.wm-app app-page-assetdetailsewa .custom-detail-table[name="layoutgrid4"] .app-grid-row .app-grid-column:first-child {
    border-right: none !important;
    padding: 0px 0px 16px 0px !important;
}

/* terakhir diperbaharui  */
.wm-app app-page-assetdetailsewa .app-accordion-panel.panel:last-child,
.wm-app app-page-assetdetailpwa .app-accordion-panel.panel:last-child {
    border-bottom: 1px solid #E5E5E5;
}

.wm-app app-page-assetdetailpwa .app-accordion-panel.panel:last-child[name="accordionpane2_1"] {
    border-bottom: none;
}

.wm-app app-page-assetdetailsewa .app-grid-column p.app-label[name="label78"],
.wm-app app-page-assetdetailpwa .app-grid-column p.app-label[name="label78"] {

    font-weight: 400;
    font-size: 14px;
}

.wm-app app-page-assetdetailsewa .app-grid-column p.app-label[name="label85_2"],
.wm-app app-page-assetdetailpwa .app-grid-column p.app-label[name="label85_2"] {
    font-weight: 500;
    font-size: 13px;
    background-color: #F7F6F6;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    margin-bottom: 32px !Important;
}



.wm-app app-page-assetdetailsewa .floating-badges {
    /* bottom: 24px !important; */
    bottom: 37px !important;
    left: 16px !important;
}

.wm-app app-page-assetdetailsewa .floating-badges p {
    font-size: 12px !important;
    font-weight: 400px !important;

}

.wm-app app-page-assetdetailsewa p[name="labelAlamat"] {
    font-weight: 400 !important;
    font-size: 14px !important;
}

.wm-app app-page-assetdetailsewa .app-grid-column[name="gridcolumn27"] {
    /* padding-left: 24px !important; */
}


.wm-app app-page-assetlist .app-grid-row[name="gridrow25"] .app-grid-layout .app-grid-column[name="gridcolumn14_2"] {
    height: auto;
    width: auto;
}

.wm-app app-page-assetlist .layout-expired-red {
    width: fit-content;
    align-items: center;
    padding: 4px;
    height: 20px;
    margin-top: 2px;
    border-radius: 12px;
    margin-left: 8px !important;
}

.wm-app app-page-assetlist .layout-expired-red img {
    width: 16px;
    height: 16px;
}

.wm-app app-page-assetlist .layout-expired-red p {
    margin: 0px;
    font-size: 10px;
}

.wm-app app-page-assetlist .layout-expired {
    width: fit-content;
    align-items: center;
    padding: 4px;
    height: 20px;
    /* margin-top: 4px; */
    border-radius: 12px;
    margin-left: 8px !important;
}

.wm-app app-page-assetlist .layout-expired img {
    width: 16px;
    height: 16px;
}

.wm-app app-page-assetlist .layout-expired p {
    margin: 0px;
    font-size: 10px;
}

.wm-app app-page-assetlist .col-dif .app-label[name="label14_1"] {
    font-size: 10px;
    text-transform: uppercase;
}

.wm-app app-page-assetlist .comment-total {
    align-items: center;
    flex-flow: wrap;
}

/* table detail pwa */
.wm-app app-page-assetdetailpwa .custom-detail-table .app-grid-column {
    padding: 16px !important;
    /* min-height: 94px; */
}

.wm-app app-page-assetdetailpwa .custom-detail-table .app-label:first-child {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    /* new */
    padding-bottom: 4px;
}

.wm-app app-page-assetdetailpwa .custom-detail-table .text-lightblack-12,
.wm-app app-page-assetdetailpwa .custom-detail-table .app-label.p {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333333 !important;
}

/* fixing bookmark */
.wm-app app-page-bookmarks_page .app-grid-column[name="gridcolumn3_1"] {
    width: 16px;
    height: 16px;
    padding-top: 2px;
    margin-right: 3px;
}

.wm-app app-page-bookmarks_page .app-grid-column[name="gridcolumn6x"] {
    display: flex;
}


.wm-app app-page-bookmarks_page .assets-list .app-list-item>.app-container {
    width: 100%;
    margin-right: 24px;
    height: 96px;
    max-width: calc(100% - 96px - 32px);
}


.wm-app app-page-bookmarks_page .assets-list .app-list-item>.app-container .app-grid-layout {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    justify-content: flex-start;
    /* height: stretch !important; */
}

.wm-app app-page-bookmarks_page .assets-list .app-label.label-address {
    padding-left: 0px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    max-width: calc(100vw - 180px);
    max-width: calc(100dvw - 180px);
    /* height: 40px; */
    white-space: unset !important;
    margin-left: 0px;
}


.wm-app app-page-bookmarks_page .assets-list .app-list-item>.app-container .app-grid-layout .app-grid-row {
    padding-bottom: 8px !important;
}

.wm-app app-page-bookmarks_page .assets-list .app-list-item>.app-container .app-grid-layout .app-grid-row[name="gridrow5"] {
    /* flex-grow: 1; */
    /* max-height: 36px; */
    display: flex;
}

.wm-app app-page-bookmarks_page .assets-list .app-list-item>.app-container .app-grid-layout .app-grid-row[name="gridrow5"] .app-grid-column.col-sm-1 {
    display: none;
}

.wm-app app-page-bookmarks_page .assets-list .app-list-item>.app-container .app-grid-layout .app-grid-row[name="gridrow6"] {
    display: flex;
    align-items: center;
}

.wm-app app-page-bookmarks_page .assets-list .app-list-item .label-desc {
    margin: 0px;
    font-weight: 500 !important;
}

.wm-app app-page-bookmarks_page .assets-list .app-list-item>.app-container .app-grid-layout .app-grid-row[name="gridrow6"] .app-picture {
    position: initial;
}


/* option */
.wm-app app-partial-customselectnew .mdr-select-options .app-label {
    box-shadow: none !important;
    border-top: 0.75px solid #E3EBF4 !important;
    padding-bottom: 16px !important;
    padding-top: 24px !important;
    margin-bottom: 0px !important;
}

/*  modal */

.wm-app .app-dialog.popup-dialog .app-dialog-header {
    border-radius: 16px 16px 0 0;
    padding-inline: 16px !important;
}

.wm-app .app-dialog.popup-dialog .app-dialog-header .app-dialog-close .app-icon {
    padding: 0px;
}

.wm-app .app-dialog.popup-dialog .modal-content {
    border-radius: 16px 16px 0 0;
}

/* detail pwa */
/* table */
.wm-app app-page-assetdetailpwa .custom-detail-table .app-grid-row {
    padding-top: 0px !important;
}

/* photos tab */
.wm-app app-page-assetdetailpwa .photos-tab {
    border: 1px solid #EDEDED;
    margin: 0;
    border-radius: 12px;
    padding: 8px 12px !important;
    margin-right: 8px;
    background-color: #fff;
    vertical-align: middle;
    margin-bottom: 16px;
}

.wm-app app-page-assetdetailpwa .photos-tab.active {
    background-color: #E6F2FF;
    border: 1px solid #007DFE;
}



/* setting for accordion icon*/
.wm-app .app-accordion .app-accordion-panel.panel .panel-heading .panel-actions {
    position: unset;
    margin-top: unset;
}

/* setting for grid-photos  */
.wm-app app-page-assetdetailpwa .app-livelist.assetphotolist ul.list-group {
    grid-template-columns: repeat(3, 50%);
    width: auto !important;
    overflow-x: scroll;
    /* grid-row: auto; */
    gap: 16px;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-template-columns: repeat(3, minmax(200px, 60%));
}

.wm-app app-page-assetdetailpwa .app-livelist.assetphotolist .app-list-item {
    list-style: none;
}

/* new fixing*/

.wm-app app-page-assetdetailpwa .app-livelist.assetphotolist ul.list-group .app-list-item:nth-child(2):last-child {
    grid-row: span 2;
}

.wm-app .app-list .app-list-item,
.wm-app .app-livelist .app-list-item {
    border-color: #f5f3f3;
    background-color: #fff;
    vertical-align: middle;
    border-left: 0;
    border-right: 0;
}

.wm-app app-page-assetdetailpwa .app-livelist.assetphotolist ul.list-group .app-list-item:first-child {
    grid-row: span 2;
    /* grid-column: span 3; */
    /* min-height: 100%; */
    background-size: cover;
    width: 100%;
}

.wm-app app-page-assetdetailpwa .assetphotolist .app-list-item:first-child .app-picture {
    width: 100%;
    border-radius: 8px;
    height: 100%;
    background-size: cover;
    object-fit: cover !important;
}

.wm-app app-page-assetdetailpwa .assetphotolist .app-list-item .app-picture {
    border-radius: 8px;
    height: 100%;
    background-size: cover;
    object-fit: cover !important;
}


.wm-app .panel .app-panel.assetphotolist.app-livelist {
    /* width: calc(100vw - 80px);
    width: calc(100dvw - 80px); */
    /* width: 100%; */
    width: calc(100vw - 36px);
    width: calc(100dvw - 36px);
}


/* fixing icons fasilitas */
.wm-app app-page-assetdetailpwa .fasilitas-aset .app-container .app-label {
    font-size: 14px;
    font-weight: 700;
    padding: 0px;
    margin: 0px;
}

.wm-app app-page-assetdetailpwa .fasilitas-aset .app-container .app-label:last-child {
    font-size: 14px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
}

.wm-app app-page-assetdetailpwa .fasilitas-aset .app-container img {
    width: 18px !important;
    justify-self: anchor-center;
}

.wm-app app-page-assetdetailpwa .fasilitas-aset .app-container {
    grid-template-columns: 32px 1fr;
}


/* fixing text pengelola  */

.wm-app app-page-assetdetailpwa .custom-detail-table[name="layoutgridpengelolagedung"],
.wm-app app-page-assetdetailpwa .custom-detail-table .app-grid-row .app-grid-column[name="gridcolumn50_1"] {
    border: none !important;
    border-radius: 0px !important;
    max-height: calc(46px + 16px) !important;
}

.wm-app app-page-assetdetailpwa .custom-detail-table .app-grid-column[name="gridcolumn50_1"] {
    padding: 0px !important;
}

.wm-app app-page-assetdetailpwa .custom-detail-table .app-label:first-child[name="label93_2"] {
    padding-left: 0px !important;
    /* new */
    font-size: 12px !important;
    font-weight: 600 !important;
}

.wm-app app-page-assetdetailpwa .custom-detail-table .app-label[name="label94_2"] {
    padding-left: 0px !important;
    /* new */
    font-size: 12px !important;
    font-weight: 400 !important;
}

/* fixing table  */
.wm-app app-page-assetdetailpwa .custom-detail-table .app-grid-row {
    padding-top: 0px !important;

}

.wm-app app-page-assetdetailpwa .custom-detail-table .app-grid-row .app-grid-column {
    /* border-left: 1px solid lightgrey !important; */
}

/* fixing screen map  */
.wm-app app-page-outlet .app-content .app-content-row .app-page-content {
    min-width: 100vw;
    min-width: 100dvw;
}

/* fixing input drodown icon */
.wm-app .app-dialog.popup-dialog .mdr-select {
    background-image: url(resources/files/svg/icon-chevron-down.svg);
}

/* fixing homepage*/
.wm-app app-page-main_pwa .container_aset .app-container[name="container_main_aset_total"] {
    padding: 24px 16px 8px 16px;
}

.wm-app app-page-main_pwa .container_aset .app-grid-layout[name="layoutgrid2"] .app-grid-row[name="gridrow6_1"] {
    padding: 8px 0px 12px 0px !important;
    overflow: visible !important;
}

.wm-app app-page-main_pwa .layoutgrid3_outer {
    margin: 8px 18px 24px 16px !important;
    width: auto !important;
}

.wm-app app-page-main_pwa .layoutgrid3_outer {
    margin: 8px 18px 24px 16px !important;
    width: auto !important;
}

.wm-app app-page-main_pwa .app-grid-layout[name="layoutgrid_aset_milik"],
.wm-app app-page-main_pwa .app-grid-layout[name="layoutgrid_aset_sewa"] {
    padding: 0px 0px 24px 0px !important;
}


.wm-app app-page-main_pwa .app-grid-layout[name="layoutgrid3_1"],
.wm-app app-page-main_pwa .container_aset .app-grid-row[name="gridrow8"] {
    padding: 0px !important;
}

.wm-app app-page-main_pwa .container_aset .justify-between,
.wm-app app-page-main_pwa .container_aset .app-grid-row[name="gridrow7"] {
    padding: 0px 16px 16px 16px !important;
}


.wm-app app-page-main_pwa .app-grid-layout .app-grid-row[name="gridrow6_1"] {
    padding: 0px !important;
}

.wm-app app-page-main_pwa .app-grid-layout[name="layoutgrid_aset_sewa"] .gridrow-asetmilik1[name="gridrow-asetmilik1"] .flex.align-center[name="aset-milik-1"] p {
    font-size: 14px !important;
    font-weight: 600 !important;
}


.wm-app app-page-main_pwa [name="regionsList1"] .app-list-item .app-label.p-text-main-bold {
    font-size: 12px !important;
    font-weight: 600 !important;
}


/* minor asset nearby */
.wm-app app-page-assetsnearby .container_aset .header a.app-anchor {
    align-self: anchor-center;
}

.wm-app app-page-assetsnearby .container_aset .header .app-label {
    margin-bottom: 0px !important;
}

.wm-app app-page-assetsnearby .text-lightblack-16-600 {
    color: #333333 !important;
}

/* filter */
.wm-app app-partial-assetfilterpartial .text-lightblack-16-600 {
    color: #333333 !important;
}

.wm-app app-partial-assetfilterpartial .mdr-filter-options.app-livelist .app-livelist-container {
    display: flex !important;
    padding: 0px !important;
    column-gap: 16px !important;
}

.wm-app app-partial-assetfilterpartial .mdr-filter-options.app-livelist .app-list-item .app-label {
    padding: 12px !important;
    width: auto !important;
    color: #494949 !important;
    border-radius: 12px !important;
    border: 1px solid #EDEDED;
    margin-bottom: 0px !important;
}

.wm-app app-partial-assetfilterpartial .mdr-filter-options.app-livelist .app-list-item {
    width: fit-content;
}

.wm-app app-partial-assetfilterpartial .radio label input:focus+.caption:before,
.wm-app .checkbox label input:focus+.caption:before {
    border: 1px solid #BCC9DA !important;
}

.wm-app app-partial-customslider .app-grid-row p.app-label {}

/* calender setup style*/
.wm-app .bs-datepicker .bs-datepicker-head {
    background: #007DFE;
}

.wm-app .date-picker-modal.modal-dialog.modal-dialog-centered {
    justify-self: center;
    box-shadow: none !important;
}

.wm-app .date-picker-modal .modal-body {
    width: 50vw !important;
    padding: 0px !important;
}

/* text date */
.app-datetime-picker .date-picker-value {
    position: absolute;
    bottom: -40px;
    width: 100%;
    font-weight: 600;
    color: #2e6fb2;
    width: stretch !important;
    margin-inline: 25% !important;
}

.wm-app .date-picker-modal bs-datepicker-inline-container {
    width: 100%;
}

.wm-app .bs-datepicker .bs-datepicker-container {
    width: 100%;
}

.wm-app .app-date tbody td span.selected {
    border-radius: 8px;
    background-color: #007dfebf;
    padding: 8px;
}


/* fixing asset list scroll */
.wm-app app-page-assetlist .pd-1 .app-livelist[name="assetsList1"] ul {
    overflow: scroll !important;
    height: calc(100vh - 240px) !important;
    height: calc(100dvh - 240px) !important;
    padding-bottom: 80px !important;
}

/* fixing toast */
.wm-app #toast-container {
    /* top: 24px; */
}

.wm-app .app-content.has-footer {
    height: calc(100vh - 80px) !important;
    height: calc(100dvh - 80px) !important;
}


/* modal background  */
.wm-app .modal {
    background: rgba(0, 0, 0, 0.5);
}

/* finansial */
.wm-app app-page-finansial .pd-1[name="gridrow6"] {
    padding: 0px 16px !important;
    display: flex;
    /* align-items: baseline !important; */
}

/* page finansial - list aset milik */

.wm-app app-page-finansial_asset .app-livelist .app-list-item.active {
    background: rgba(230, 242, 255, 1);
    border: 1px solid var(--border-chip-chip-actived, rgba(0, 125, 254, 1));
}

.wm-app app-page-finansial_asset .app-textbox.mdr-search {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(237, 237, 237, 1);
    background-image: url(resources/files/svg/search.svg);

}

.wm-app app-page-finansial_asset .pd-1 .media-list[name="list3"] {
    padding-right: 8px;
}

.wm-app app-page-finansial_asset .pd-1 .media-list[name="list3"] .app-picture {
    padding-right: 4px;
}

.wm-app app-page-finansial_asset .box-white {
    box-shadow: none;
}

.wm-app app-page-finansial_asset .pd-1[name="gridrow15"] {
    padding: 16px;
}

.wm-app app-page-finansial_asset .app-livelist[name="modelListList1"] .app-list-item {
    border: none !important;
    border-bottom: 1px solid #EDEDED !important;
    border-radius: 0px !important;
    padding-left: 4px !important;
    margin-top: 0px !important;
}

.wm-app app-page-finansial_asset .pd-left .font-thin {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* aset list*/
.wm-app app-page-finansial_asset .app-livelist[name="modelListList1"] ul li {
    border: none !important;
    border-bottom: 1px solid #EDEDED !important;
    border-radius: 0px !important;
}



.wm-app app-page-finansial_asset .comment-loct {
    align-items: center;
}


/*page Property asset fixing scroll*/
.wm-app app-page-finansial_asset .container[pagetitle="Asset Info"] .app-content .app-content-row {
    height: 100vh;
    height: 100dvh;
    position: fixed;
}

/*fixing list*/
.wm-app app-page-finansial_asset [name="layoutgrid2"] .app-grid-row[name="gridrow9"] {
    padding-bottom: 20px !important;
}

/* .wm-app app-page-finansial_asset app-partial-nav_filter [name="layoutgrid2"] .app-grid-row[name="gridrow9"] {
    padding-bottom: 0px !important;
} */

.wm-app app-page-finansial_asset [name="layoutgrid2"] .app-grid-row[name="gridrow9"] .col-dif[name="container12"] {
    display: flex !important;
    align-items: stretch !important;
}


.wm-app app-page-finansial_asset [name="layoutgrid2"] .app-grid-row[name="gridrow9"] .app-grid-layout {
    flex: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 4px !important;
}

/* 

.wm-app app-page-finansial_asset .app-grid-row[name="gridrow20"] {
    flex-grow: 1;
    max-height: 36px;
    overflow: hidden;
} */

.wm-app app-page-finansial_asset .app-livelist .app-label[name="label14"] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wm-app app-page-finansial_asset .pd-1[name="gridrow9_1"] {
    padding: 10px 16px;
}



.wm-app app-page-finansial_asset .pd-left {
    padding: unset !important;
    /* margin-left: 5px !important; */
    padding-bottom: 8px !important;
}

.wm-app app-page-finansial_asset .pd-left .app-picture {
    height: 16px !important;
    width: 16px !important;
    margin: 2.5px 10px 2.5px 0px !important;
}

/* asset list badge fixing */
.wm-app app-page-finansial_asset .badge-milik,
.wm-app app-page-finansial_asset .badge-sewa {
    font-size: 10px !important;
    top: 5px !important;
    left: 5px;
}


.wm-app app-page-finansial_asset .btn-filter {
    position: absolute;
    /* right: 16px; */
    /* top: -16px; */
}

.wm-app app-page-finansial_asset .app-content .app-content-row .app-content-column .app-grid-layout[name="layoutgrid1"] {
    width: 100vw;
    width: 100dvw;
}

.wm-app app-page-finansial_asset .pd-1 .app-grid-column[name="gridcolumn18"] {
    overflow: hidden;
}

.wm-app app-page-finansial_asset .searchfilter {
    gap: 0px;
}


.wm-app app-page-finansial_asset .app-livelist[name="modelListList2"] .app-list-item:last-child {
    margin-right: 12%;
}


.wm-app app-page-assetdetailpwa .app-grid-row[name="gridrow2"] .app-grid-column .app-container .app-container[name="container52"] {
    padding: 8px 12px !important;
    width: fit-content !important;
    background-color: #FDE8E9 !important;
    border-radius: 16px !important;
    align-items: center !important;
    margin-bottom: 8px !important;
}

.wm-app app-page-assetdetailpwa .app-grid-row[name="gridrow2"] .app-grid-column .app-container .app-container[name="container52"] p.app-label {
    font-size: 12px !important;
    /* padding-left: 8px; */
    color: #ED1C24 !important;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500 !important;
}

.wm-app app-page-assetdetailpwa .app-grid-row[name="gridrow2"] .app-grid-column .app-container .app-container[name="container52"] img {
    display: none !important;
}

/* new 1 line */
.wm-app app-page-assetdetailpwa .app-accordion-panel.panel:last-child[name="accordionpane7"] {
    /* border-bottom: none !important; */
}

button.btn.btn-secondary.pull-right.clear-btn {
    display: none;
}



.wm-app .app-anchor {
    color: #007DFE;
}


.wm-app .app-label.tittle {
    color: #333333 !important;
}

.wm-app [name="mitraList"] .app-accordion-panel.panel .panel-heading .panel-actions {
    margin-top: 8px !important;
}


/* filter scroll tag */

app-partial-nav_filter_asset [name="gridcolumn11_1"],
app-partial-nav_filter [name="gridcolumn11_1"] {
    max-width: calc(100vw - 48px - 36px) !important;
    max-width: calc(100dvw - 48px - 36px) !important;
}

/* empty punya detail*/
.wm-app [name="containerEmptyChartResource"] {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #959595;
}

.wm-app [name="containerDokumenPerjanjian"] {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #959595;
}


.wm-app app-page-assetdetailpwa p.app-label,
.wm-app app-page-assetdetailsewa p.app-label {
    margin-bottom: 0px !important;

}


.wm-app app-page-assetdetailpwa .panel-group .panel-heading+.panel-collapse>.panel-body [name="gridrow48"] {
    /* buat chip diatas galery detail */
    margin-bottom: 16px;
}


/* login rapiin */

.wm-app app-page-login .app-button.btn.shadow {
    filter: none;
}

.wm-app app-page-login [name="gridcolumn11"],
.wm-app app-page-login [name="txtCaptcha_formWidget"] {
    width: auto;
}

/* rapiin line di detail */
.wm-app .mdr-divider.app-grid-column[name="gridcolumn29"] {
    border-bottom: none !important;
}

/* finansial new */

.app-grid-row.pd-center:has(.app-container[content="CustomDonutChart"]) {
    padding: 24px !important;
}

/* fixing defect tablet size container map */
@media (min-width: 767px) and (max-width: 1024px) {
    .wm-app .app-content .app-content-row .app-content-column[name="page_content1"] {

        width: 100vw;
        width: 100dvw !important;
    }
}

/* assetlist copy */
.wm-app app-page-bookmarkpage .app-grid-row[name="gridrow25"] .app-grid-layout .app-grid-column[name="gridcolumn14_2"] {
    height: auto;
    width: auto;
}

.wm-app app-page-bookmarkpage .col-dif .app-label[name="label14_1"] {
    font-size: 10px;
    text-transform: uppercase;
}

.wm-app app-page-bookmarkpage .comment-total {
    align-items: center;
    flex-flow: wrap;
}

/* fixing asset list scroll */
.wm-app app-page-bookmarkpage .pd-1 .app-livelist[name="assetsList1"] ul {
    overflow: scroll !important;
    height: calc(100vh - 160px) !important;
    height: calc(100dvh - 160px) !important;
    padding-bottom: 80px !important;
}


/* asset list badge fixing */
.wm-app app-page-bookmarkpage .badge-milik,
.wm-app app-page-bookmarkpage .badge-sewa {
    font-size: 10px !important;
    top: 5px !important;
    left: 5px !important;
}

.wm-app app-page-bookmarkpage .app-livelist .app-list-item.active {
    background: rgba(230, 242, 255, 1);
    border: 1px solid var(--border-chip-chip-actived, rgba(0, 125, 254, 1));
}

.wm-app app-page-bookmarkpage .app-textbox.mdr-search {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(237, 237, 237, 1);
    background-image: url(resources/files/svg/search.svg);
}

.wm-app app-page-bookmarkpage .pd-1 .media-list[name="list3"] {
    padding-right: 8px;
}

.wm-app app-page-bookmarkpage .pd-1 .media-list[name="list3"] .app-picture {
    padding-right: 4px;
}

.wm-app app-page-bookmarkpage .box-white {
    box-shadow: none;
}

.wm-app app-page-bookmarkpage .pd-1[name="gridrow15"] {
    padding: 16px;
}



.wm-app app-page-bookmarkpage .app-livelist[name="assetsList1"] .app-list-item {
    border: none;
    border-bottom: 1px solid #EDEDED;
    border-radius: 0px;
    padding-left: 4px;
    margin-top: 0px;
}

/* aset list*/
.wm-app app-page-bookmarkpage .app-livelist[name="assetsList1"] ul li {
    border: none;
    border-bottom: 1px solid #EDEDED;
    border-radius: 0px;
}

.wm-app app-page-bookmarkpage .app-livelist[name="assetsList1"] ul li .app-picture[name="picture12"] {
    border-radius: 16px;
    margin-right: 10px !important;
    /*image fit*/
    min-width: 96px;
    min-height: 96px;
    object-fit: cover !important;
}

.wm-app app-page-bookmarkpage .comment-loct {
    align-items: center;
}

/*page Property asset fixing scroll*/
.wm-app app-page-bookmarkpage .container[pagetitle="Properti Tersimpan"] .app-content .app-content-row {
    height: 100vh;
    height: 100dvh;
    position: fixed;
}

/* fixing location align*/
.wm-app app-page-bookmarkpage .comment-loct .app-grid-column[name="gridcolumn20"] {
    text-align: right;
}

.wm-app app-page-bookmarkpage .border-loct p {
    font-size: 10px;
}

/*fixing list*/
.wm-app app-page-bookmarkpage .app-grid-row[name="gridrow25"] {
    padding-bottom: 20px !important;
}

.wm-app app-page-bookmarkpage .app-grid-row[name="gridrow25"] .col-dif[name="container12"] {
    display: flex;
    align-items: stretch;
}


.wm-app app-page-bookmarkpage .app-grid-row[name="gridrow25"] .app-grid-layout {
    flex: auto;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */

    /* new */
    justify-content: flex-start;


}

.wm-app app-page-bookmarkpage .app-grid-row[name="gridrow25"] .app-grid-layout .app-grid-row {
    padding-bottom: 8px;
}

.wm-app app-page-bookmarkpage .app-grid-row[name="gridrow20"] {
    /* flex-grow: 1; */
    /* max-height: 36px; */
    overflow: hidden;

}

.wm-app app-page-bookmarkpage .app-livelist .app-label[name="label14"] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* new */
    margin-bottom: 0px;
}

.wm-app app-page-bookmarkpage .pd-1[name="gridrow9_1"] {
    padding: 10px 16px;
}

.wm-app app-page-bookmarkpage .pd-left {
    padding: unset;
    margin-left: 5px;
}

.wm-app app-page-bookmarkpage .pd-left .app-picture {
    height: 16px;
    width: 16px;
    margin: 2.5px 0px;
}

.wm-app app-page-bookmarkpage .media-list .app-list-item wm-picture[name="picture4"],
.wm-app app-page-bookmarkpage .media-list .app-list-item wm-picture[name="picture5"] {
    flex: 0 0 auto;
    margin-left: auto;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.wm-app app-page-bookmarkpage .item-wrapper {
    position: relative;
}

.wm-app app-page-bookmarkpage .bookmark-icon {
    position: absolute;
    top: 0;
    right: -15px;
    width: 24px;
    /* optional */
    height: 24px;
    /* optional */
    cursor: pointer;
}

/* Input kode OTP 6 digit (App.createOtpBoxes) */
.otp-boxes {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.otp-boxes .otp-box {
    width: 48px;
    height: 56px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: #F3F4F6;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #121518;
    outline: none;
}

.otp-boxes .otp-box:focus {
    border-color: #007DFE;
    background: #FFFFFF;
}

.otp-boxes.has-error .otp-box {
    border-color: #E5342A;
    background: #FFFFFF;
    color: #E5342A;
}

.wm-app .otp-error {
    display: block;
    margin: 0 auto;
    max-width: 300px;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    line-height: 18px;
}

.wm-app .otp-error-above-button {
    margin-bottom: 16px;
}

/* Bottom sheet informasi (OTP / tautan QR) */
.wm-app .app-dialog.popup-dialog.bottom-sheet .modal-content {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

/* popup-dialog global memaksa padding body jadi 0, jadi bottom sheet harus
   mengembalikan jarak sampingnya sendiri (pola yang sama dipakai AssetsNearby). */
.wm-app .app-dialog.popup-dialog.bottom-sheet .app-dialog-body {
    padding: 0 16px 24px 16px;
}

.wm-app .bottom-sheet-body {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #65768B;
}

/* Halaman verifikasi OTP (OTPPage, QRRequestPage, QRSetupPage) */
.wm-app .otp-page {
    position: relative;
    background: #FFFFFF;
}

.wm-app .otp-back {
    position: absolute;
    top: 20px;
    left: 16px;
    width: 24px;
    height: 24px;
    z-index: 2;
    cursor: pointer;
}

.wm-app .otp-title {
    display: block;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #121518;
}

.wm-app .otp-subtitle {
    display: block;
    margin: 0 auto;
    max-width: 280px;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #65768B;
}

.otp-submit-row {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 24px;
}

.wm-app .app-button.btn.btn-lightblue[disabled] {
    background: #EDEDED;
    color: #A0A0A0;
    box-shadow: none;
}

.wm-app .otp-countdown {
    display: block;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: #65768B;
}

.wm-app .otp-countdown.is-urgent {
    color: #E5342A;
}

.wm-app .app-button.btn.otp-resend-button {
    margin-bottom: 12px;
}