body {
    font-family: "Open Sans", sans-serif;
}

.container-berbagi-link {
    width: 100%;
    padding-right: 360px;
}

.has-danger .form-control-feedback {
    text-transform: capitalize;
}

span.invalid-feedback {
    text-transform: capitalize;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    min-height: calc(2.95rem + 2px);
}

.crown-user {
    position: absolute;
    width: 21px;
    /* right: 5px; */
    right: -7px;
    top: 5px;
    z-index: 1;
    border-radius: 100%;
    border: 2px solid #ffc107;
    padding: 1px;
    background: white;
}

.m-topbar
    .m-topbar__nav.m-nav
    > .m-nav__item
    > .m-nav__link
    .m-topbar__userpic
    img {
    height: 41px;
}

.input-username-berbagilink {
    padding-left: 120px !important;
}

.domain-username-berbagilink {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px 15px 10px;
    background: #2fae9e;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    font-weight: bold;
    color: white;
}
.domain-username-berbagilink2 {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px 15px 10px;
    color: white;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 12px;
    background: #021D1A;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.domain-username-jualankulink {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 10px 10px 11px;
    background: #2fae9e;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    font-weight: bold;
    color: white;
}

.list-image-user-jualanku {
    margin: 10px 0px;
}

.list-image-user-jualanku .list-image-container {
    width: 100%;
    min-height: 100px;
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.list-image-user-jualanku .list-image {
    background-color: #d0d0d0;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    min-height: 245px;
    padding: 10px;
}
.list-image-user-jualanku .item-banner {
    background-color: #404040;
    height: 225px;
    width: 225px;
    margin: 10px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.list-image-user-jualanku img.item-product-img {
    width: 100%;
    height: 100%;
    justify-content: left;
    display: inline-block;
}
.list-image-user-jualanku .item-product-process {
    position: absolute;
    background: hsla(0, 0%, 0%, 0.5);
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
}
.list-image-user-jualanku .item-banner:hover .item-product-process {
    display: flex;
}
.list-image-user-jualanku .item-product-process-container {
    display: inline-block;
    background: white;
    border-radius: 9px;
}
.list-image-user-jualanku .placeholder-list-image {
    height: 225px;
    width: 400px;
    display: inline-block;
    margin: 10px;
}
.list-image-user-jualanku .item-move {
    display: inline-block;
}

@media (max-width: 1024px) {
    .m-body .m-content {
        padding: 20px 10px;
    }
    .m-portlet .m-portlet__body {
        padding: 2.2rem 3.5rem;
    }
}
@media (max-width: 500px) {
    .m-body .m-content {
        padding-left: 10px;
        padding-right: 10px;
    }
    .m-portlet__body {
        padding: 2.2rem 1.2rem;
    }
    .m-portlet .m-portlet__body.body-update-edit {
        padding-right: 3.5rem;
    }
    .dataTables_wrapper .child .dtr-details > li .dtr-data .clm-action-app {
        flex-direction: column;
        align-items: center;
    }
}

.wrapper-berbagi-link {
    border-right: 3px solid #e3e5ea;
    min-height: 100%;
}

.menu-preview {
    display: none !important;
}

.container-avatar-admin {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
}

.avatar-img-admin {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 100%;
    /* border: 2px solid #707070; */
}

.m-form-jualanku {
    width: 100% !important;
}

.shadow-avatar {
    background: #2422229e;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    border-radius: 100%;
    display: none;
    align-items: center;
    justify-content: center;
}

.shadow-avatar i {
    color: white;
    font-size: 25px;
}

.container-avatar-admin:hover .shadow-avatar {
    display: flex;
}

.container-link-thumbnail:hover .shadow-avatar {
    display: flex;
    border-radius: 20px;
}

.container-link-thumbnail {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-color: white;
    position: relative;
    border-radius: 20px;
}

#op_footer_image .container-link-thumbnail {
    width: 296px;
    height: 70px;
}

.container-link-thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.container-link-thumbnail .shadow-avatar {
    background: #2422229e;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    border-radius: 25px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.container-link-type-image:hover .shadow-avatar {
    display: flex;
}

.container-link-type-image {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-color: white;
    position: relative;
    border-radius: 20px;
}

.container-link-type-image img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.container-link-type-image .shadow-avatar {
    background: #2422229e;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    border-radius: 25px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.container-article-image:hover .shadow-avatar {
    display: flex;
    border-radius: 20px;
}

.container-article-image {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-color: white;
    position: relative;
    border-radius: 20px;
}

.container-article-image img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.container-article-image .shadow-avatar {
    background: #2422229e;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    border-radius: 25px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.text-danger-optional {
    font-size: 14px;
    font-weight: 500;
    margin-left: 8px;
    color: #ff4040;
}

.button-action {
    font-size: 13px;
}

.button-action {
    font-size: 13px;
    background-color: white;
}

.button-action i {
    font-size: 11px;
}

.button-action.active-btn,
.button-action:hover {
    color: white;
    background-color: #0398da;
}

.button-action {
    color: white;
    height: 100%;
    background-color: #0398da;
}

.button-action-container {
    position: relative;
}

.button-action-container:hover .button-action-list {
    display: block;
}

.button-action-list {
    font-family: "Poppins";
    font-weight: 500;
    background: white;
    position: absolute;
    width: 200px;
    /* right: 38px; */
    right: 0px;
    box-shadow: 0px 0px 20px #e2edf2;
    padding: 10px 0px;
    z-index: 200;
    display: none;
}

.button-action-list .button-action-item {
    padding: 10px 13px;
    cursor: pointer;
}

.button-action-item:hover {
    background-color: #f3f3f3;
    color: #cecccd;
}

/*+Link Style+*/
.lbl-pro {
    position: absolute;
    right: 0px;
    top: -14px;
    font-size: 15px;
    font-weight: 900;
    color: white;
    padding: 3px 14px;
    background-color: orange;
    border-radius: 50px;
    min-width: 78px;
    text-align: center;
}

.group-link-business-header {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
}
.group-link-business-title {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #021D1A;
    width: 100%;
}
.m-portlet-group-link {
    font-weight: 600;
}
.group-link-business-title-submenu-tampilan-container {
    border-bottom: 2px solid #021D1A3D;
}
.group-link-business-title-submenu-tampilan-container:last-child {
    border-bottom: 0;
}
.group-link-business-title-submenu-tampilan-container.group-active .group-link-business-title {
    color: #2FAE9E;
}

.group-link-business-title-submenu-tampilan-container .group-link-business {
    cursor: pointer;
}

.group-link-business-title-submenu-tampilan-container .icon-submenu-tampilan {
    font-size: 25px;
    color: black;
    transition: 0.6s;
}

.group-link-business-title-submenu-tampilan-container .group-link-business-title-submenu-tampilan {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.group-link-business-title-submenu-tampilan-container .icon-submenu-tampilan-active {
    display: none;
}
.group-link-business-title-submenu-tampilan-container.group-active .icon-submenu-tampilan-active {
    display: inline-block;
}
.group-link-business-title-submenu-tampilan-container .icon-submenu-tampilan-inactive {
    display: inline-block;
}
.group-link-business-title-submenu-tampilan-container.group-active .icon-submenu-tampilan-inactive {
    display: none;
}
.group-link-business-title-submenu-tampilan-body {
    padding-left: 16px;
    padding-right: 16px;
}
.group-link-business-header .lbl-pro {
    top: 2px;
    right: 0px;
}

.group-link-business-line {
    width: 100%;
    height: 1.5px;
    background: #e1e1e1;
    position: relative;
}

.group-link-business-body .link-item-admin-container {
    width: 48%;
    display: inline-block;
    border-radius: 10px;
}

.group-link-business-body .link-item-admin-event {
    float: left;
}

.group-link-business-body .link-item-admin-product {
    float: right;
}

.group-link-business-body .link-main-item {
    padding: 12px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.group-link-business-body .link-item-admin-container .link-left-item {
    position: relative;
    width: auto;
    height: auto;
    align-items: center;
    top: -1px;
}

.group-link-business-body .link-left-item img {
    width: 20px;
}

.group-link-business-body .link-item-admin-container .link-center-item {
    padding: 0px;
    width: auto;
}

.group-link-business-body
    .link-item-admin-container
    .link-center-item
    .text-container {
    border: 0px;
    min-height: auto;
}

.group-link-business-body
    .link-item-admin-container
    .link-center-item
    .lbl-link {
    color: #021D1A;
    padding: 0px;
    font-weight: bold;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 13px;
}

.group-link-business-body .lbl-subtitle {
    font-weight: 500;
    font-family: 'Poppins';
    color: #46c4bf;
    font-size: 11px;
}

.group-link-business-body .half-line {
    width: 32%;
    background: #46c4bf;
    height: 1.5px;
    margin-top: 5px;
    margin-bottom: 3px;
}

.link-item-admin-container {
    border: 1px solid #bbadad;
    border-radius: 12px;
    position: relative;
    height: auto;
    margin-bottom: 14px;
    /* box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); */
    box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.1),
        0 8px 6px -2px rgba(0, 0, 0, 0.05);
}

.link-item-admin-container.link-item-admin-new,
.link-item-admin-container.link-item-admin-group-new,
.link-item-admin-container.link-item-admin-media,
.link-item-admin-container.link-item-admin-footer,
.link-item-admin-container.link-item-admin-product,
.link-item-admin-container.link-item-admin-event,
.link-item-admin-container.article-item-admin-new,
.link-item-admin-container.header-item-admin-new,
.link-item-admin-container.link-item-admin-crown {
    border: 2px dashed #2FAE9E;
}

.link-item-admin-new.link-item-admin-container .link-center-item,
.link-item-admin-group-new.link-item-admin-container .link-center-item,
.link-item-admin-media.link-item-admin-container .link-center-item,
.link-item-admin-footer.link-item-admin-container .link-center-item,
.link-item-admin-product.link-item-admin-container .link-center-item,
.link-item-admin-event.link-item-admin-container .link-center-item,
.article-item-admin-new.link-item-admin-container .link-center-item,
.header-item-admin-new.link-item-admin-container .link-center-item,
.link-item-admin-crown.link-item-admin-container .link-center-item,
.link-item-admin-menu.link-item-admin-container .link-center-item  {
    padding-right: 0px;
}

.link-crown3 {
    position: absolute;
    top: -12px;
    right: -8px;
}

.link-item-admin-new .icon-new,
.link-item-admin-group-new .icon-new,
.link-item-admin-media .icon-new,
.link-item-admin-footer .icon-new,
.link-item-admin-crown .icon-new,
.link-item-admin-product .icon-new,
.link-item-admin-event .icon-new,
.article-item-admin-new .icon-new,
.header-item-admin-new .icon-new {
    color: white;
    background: #46c4bf;
    border-radius: 100%;
    font-size: 18px;
    padding: 9px 10px;
}
.link-item-admin-container .icon-new-img {
    width: 20px;
    height: 20px;
}

.link-main-item {
    position: relative;
    cursor: pointer;
    border-radius: 17px;
    height: auto;
}

.link-item-admin-container .link-left-item {
    position: absolute;
    height: 100%;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.link-item-admin-container .link-left-item .icon-item {
    /* width: 35px;
    height: 35px; */
    height: auto;
    width: 40%;
    align-items: center;
    display: inline-block;
}

.link-item-admin-container.link-type-youtube .link-left-item .icon-item {
    width: 70%;
}

.link-item-admin-container.link-type-google_play .link-left-item .icon-item {
    width: 32%;
}

.link-item-admin-container.link-type-elevania .link-left-item .icon-item,
.link-item-admin-container.link-type-creative_market
    .link-left-item
    .icon-item {
    width: 75%;
}

.link-item-admin-container.link-type-waktumuhijrah .link-left-item .icon-item,
.link-item-admin-container.link-type-donasionlineid .link-left-item .icon-item {
    width: 75%;
}

.link-item-admin-container.link-type-tiktok .link-left-item .icon-item,
.link-item-admin-container.link-type-kitabisa .link-left-item .icon-item,
.link-item-admin-container.link-type-pedulisehat .link-left-item .icon-item,
.link-item-admin-container.link-type-wecare .link-left-item .icon-item,
.link-item-admin-container.link-type-anchor .link-left-item .icon-item,
.link-item-admin-container.link-type-redbubble .link-left-item .icon-item,
.link-item-admin-container.link-type-pinterest .link-left-item .icon-item,
.link-item-admin-container.link-type-github .link-left-item .icon-item {
    width: 46%;
}

.link-item-admin-container.link-type-fontbundles .link-left-item .icon-item {
    width: 90%;
}

.link-item-admin-container.link-type-benihbaik .link-left-item .icon-item {
    width: 50%;
}

.link-item-admin-container .link-left-item .link-thumbnail {
    position: absolute;
    width: 100%;
    height: 104%;
    display: inline-block;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.link-item-admin-container .link-center-item {
    display: block;
    width: 100%;
    padding-left: 35px;
    padding-right: 70px;
}

.link-item-admin-container .link-center-item .text-container {
    border-left: 2px solid rgba(0, 0, 0, 0.2);
    border-left-color: transparent;
    height: auto;
    /* min-height: 70px; */ 
    min-height: 40px;
    width: 100%;
}

.link-item-admin-container.link-item-admin-edit {
    background-color: white;
}

.link-item-admin-container.link-item-admin-edit
    .link-center-item
    .text-container {
    border-left-color: transparent;
}

.link-item-admin-container.link-item-admin-edit .link-center-item .lbl-link {
    color: black;
    /* padding: 17px 25px; */
}

.link-item-admin-container .link-center-item .lbl-link {
    padding: 12px 8px;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 13px;
    color: #021D1A;
}

.link-item-admin-container .link-center-item .icon-close {
    font-size: 25px;
    font-weight: bold;
    color: white;
    display: none;
    position: absolute;
    /* top: 25px; */
    top: 19px;
    right: 22px;
}

.link-item-admin-container.link-item-admin-edit .link-left-item {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    /* height: 102%; */
    height: 103%;
    top: -1px;
    left: -2px;
}

.lbl-link {
    padding: 22px 25px;
    font-size: 18px;
    color: white;
    font-weight: bold;
    word-break: break-all;
}

.link-item-admin-container.link-item-admin-menu {
    border: 0px;
}
.link-item-admin-container.link-item-admin-menu .link-main-item {
    border: 2px solid #3a3636;
    border-radius: 12px;
}
.link-item-admin-container.link-item-admin-menu .link-menu-items {
    border-radius: 12px;
    border: 2px solid #3a3636;
}
.link-item-admin-menu .lbl-link .title-menu {
    display: inline-block;
}
.link-item-admin-menu .lbl-link .title-menu > div {
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 13px;
    color: #021D1A;
}
.link-item-admin-container.link-item-admin-menu .link-left-item {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    height: 103%;
    top: -1px;
    left: -2px;
    background-color: #000;
}
.link-item-admin-menu .tab-content {
    margin-top: 4px;
}
.link-item-admin-container.link-item-admin-menu .link-center-item .lbl-link {
    padding: 12px 0px 12px 25px;
}
.link-item-admin-menu .lbl-link .title-menu > span {
    font-size: 14px;
}
.link-item-admin-container.link-item-admin-menu .m-form .tab-pane .m-form__group {
    border-bottom: 1px solid #021D1A3D;
    padding-top: 12px;
    padding-bottom: 12px;
}
.link-item-admin-container.link-item-admin-menu .m-form .tab-pane .m-form__group:last-child {
    border-bottom: 0px;
}
.link-item-admin-container.link-item-admin-men .form-control {
    border-radius: 12px;
}
.menu-items-footer {
    padding-top: 12px;
    padding-bottom: 16px;
}
.menu-items-footer .btn {
    border-radius: 32px;
    padding-top: 8px;
    width: 100%;
    padding-bottom: 8px;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 12px;
    background: #2FAE9E;
}
.link-item-admin-menu .menu-icon-new {
    height: 20px;
    width: 20px;
    background-color: #ffffff;
}
.link-item-admin-menu .menu-item-set-default-btn {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 12px;
    color: #2FAE9E;
    cursor: pointer;
}
.link-item-admin-menu .menu-item-set-default-name {
    position: absolute;
    bottom: 22px;
    right: 16px;
}
.link-item-admin-menu .container-link-thumbnail-container {
    border-radius: 12px;
    border-width: 1px;
    justify-content: space-between;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 16px;
    border: 1px solid #021D1A3D;
    display: flex;
    align-items: center;
}
.link-item-admin-menu .container-link-thumbnail-subcontainer {
    display: flex;
    gap: 12px;
    align-items: center;
}
.link-item-admin-menu .container-link-thumbnail {
    width: 40px;
    height: 40px;
    border-radius: 8px;
}
.link-item-admin-menu .container-link-thumbnail img {
    border-radius: 8px;
}
.link-item-admin-menu .container-link-thumbnail-title-container {
    text-align: left;
}
.link-item-admin-menu .container-link-thumbnail-title {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    color: #2FAE9E;
    cursor: pointer;
}
.link-item-admin-menu .container-link-thumbnail-title-lbl {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    color: #021D1A66;
}
.link-item-admin-menu .link-item-admin-icon-active {
    position: absolute;
    top: 13px;
    right: 16px;
    cursor: pointer;
}
.link-item-admin-container .link-right-item {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.link-item-admin-container.link-item-admin-edit .link-right-item {
    background-color: white;
    height: 125%;
    right: -2px;
    top: -2px;
    width: 47px;
    z-index: 1;
    justify-content: right;
}
.img-icon-sort-border {
    position: absolute;
    height: 88%;
    width: 20px;
    border-width: 2px;
    border-style: solid;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    left: -10px;
    top: 0px;
    border-left: 0px;
}

.link-item-admin-container .link-right-item .img-icon-sort {
    /* width: 40px;
    height: 50.76px; */
    width: 20px;
    height: 31px;
    cursor: move;
    padding: 10px;
    position: relative;
    top: -4px;
}

.link-item-admin-container .link-menu-items {
    border-top: 1px solid #bbadad;
}

.link-item-admin-media .tab-content,
.link-item-admin-footer .tab-content,
.link-item-admin-crown .tab-content,
.article-item-admin-edit .tab-content,
.article-item-admin-new .tab-content {
    margin-top: 20px;
}

.link-item-admin-container.link-item-admin-new .link-menu-items,
.link-item-admin-container.link-item-admin-group-new .link-menu-items,
.link-item-admin-container.link-item-admin-media .link-menu-items,
.link-item-admin-container.link-item-admin-footer .link-menu-items,
.link-item-admin-container.link-item-admin-crown .link-menu-items {
    border-top: 2px dashed #46c4bf;
}

.link-menu-items {
    display: inline-block;
    width: 100%;
    background: white;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    padding: 0px 15px;
}

.link-menu-items .nav {
    margin: 10px 0px;
    flex-wrap: nowrap;
    overflow-x: auto;
    height: 45px;
}

.link-menu-items .nav .nav-item {
    white-space: nowrap;
}

.link-menu-items .nav-link {
    padding: 10px 15px 10px 0px;
    font-size: 13px;
    font-weight: bold;
    font-weight: 500;
    color: #747679;
}

.link-menu-items .nav-link span {
    padding-bottom: 10px;
}

.link-menu-items .nav-link.active span {
    border-bottom: 2px solid #46c4bf;
}

.setting-title-container {
    padding: 16px 20px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.setting-title-lbl {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    color: #021D1A;
}
.setting-title-img-top,
.setting-title-img-right {
    width: 20px;
    height: 20px;
    display: inline-block;
}
.setting-title-img-top {
    display: none;
}
.setting-title-active .setting-title-img-top {
    display: inline-block;
}
.setting-title-active .setting-title-img-right {
    display: none;
}
.setting-title-active .setting-title-lbl {
    color: #2FAE9E;
}
.setting-body-container {
    display: none;
    padding: 0px 1px 16px 1px;
}
.setting-title-active .setting-body-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.container-avatar-admin-container {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}
.container-avatar-admin-lbl-title {   
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #2FAE9E;
    cursor: pointer;
    margin-bottom: 2px;
}
.container-avatar-admin-lbl-desc {   
    font-family: 'Poppins';
    font-weight: 400;
    font-style: italic;
    font-size: 11px;
    color: #021D1A66;
}
.btn-edit-setting {
    border-radius: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #2FAE9E;
    background: #2FAE9E;
    width: 100%;
    text-align: center;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 12px;
    color: #fff;
}
.btn.btn-success.btn-edit-setting {
    color: #fff;
}
.container-crown-setting-container {
    position: relative;
    border: 1px solid #021D1A3D;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.container-crown-setting-lbl {
    display: flex;
    gap: 8px;
    align-items: center;
}
.container-crown-setting-lbl img {
    width: 16px;
    height: 16px;
}
.container-crown-setting-lbl span {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    color: #021D1A;
}

/*-Link Style-*/

.link-container-user {
    display: inline-block;
    margin-top: 35px;
    position: relative;
}
.link-container-user2 {
    display: inline-block;
    margin-top: 35px;
    position: relative;
    margin-right: 10px;
}
.link-container-user input {
    background: rgba(0, 0, 0, 0.5);
    width: 380px;
    padding: 10px 65px 10px 15px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    /* font-weight: 800; */
    font-weight: 500;
    color: white;
    cursor: pointer;
}
.link-container-user2 input {
    width: 380px;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #021D1A3D;
    color: #021D1A;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 12px;
    min-height: 41px;
    border-radius: 32px;
    padding: 10px 65px 10px 16px;
}
.link-container-user .btn {
    position: absolute;
    right: 0px;
    background: rgb(70, 196, 191);
    padding: 9px 22px 10px 22px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    border-radius: 22px;
    color: white;
    height: 100%;
}
.link-container-user2 .btn {
    position: absolute;
    right: 0px;
    height: 100%;
    background: #ffffff;
    min-height: 41px;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    border: 1px solid #021D1A3D;
    border-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 11px;
    color: #2FAE9E;
    padding: 9px 16px 10px 22px;
}
.link-container-user2 .btn img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.link-container-user2 .btn span {
    position: relative;
    top: 1.2px;
}

.link-container-user .btn .fa {
    font-size: 18px;
}

.example-animation {
    padding: 15px 10px;
    text-align: center;
    background-color: #46c4bf;
    font-weight: 800;
    font-size: 16px;
    border-radius: 17px;
    color: white;
}

.form-link-value.whatsapp {
    position: relative;
}

.form-link-value.whatsapp::after {
    content: "+62";
    position: absolute;
    top: 26px;
    font-weight: bold;
    color: white;
    background: #499895;
    padding: 10px;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.remove-thumbnail {
    color: #46c4bf;
    font-weight: 500;
    margin-top: 3px;
    font-size: 18px;
    cursor: pointer;
}

.remove-link_type_image {
    color: #46c4bf;
    font-weight: 500;
    margin-top: 3px;
    font-size: 18px;
    cursor: pointer;
}

.form-link-value.whatsapp input {
    padding-left: 50px;
}

.form-control[readonly][name="url"] {
    background-color: #e4dddd;
}

input:focus {
    outline: none;
}

.switch {
    /* position: relative; */
    display: inline-block;
    width: 45px;
    height: 15px;
    margin-bottom: 0px;
    position: absolute;
    top: 2px;
    right: 0px;
}
.switch2 {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
    margin-bottom: 0px;
    top: 1px;
}
/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch2 input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.slider2 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: -2px;
    bottom: -4px;
    background-color: #e2dcdc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.slider2:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 3px;
    bottom: 2px;
    background-color: #ffffff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
input:checked + .slider {
    background-color: #2196f3;
}
input:checked + .slider2 {
    background-color: #48ae9e;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}
input:focus + .slider2 {
    box-shadow: 0 0 1px #48ae9e;
}
input:checked + .slider:before {
    -webkit-transform: translateX(27px);
    -ms-transform: translateX(27px);
    transform: translateX(27px);
}
input:checked + .slider2:before {
    -webkit-transform: translateX(11.5px);
    -ms-transform: translateX(11.5px);
    transform: translateX(11.5px);
}

.theme-costum-lbl-absolute {
    position: absolute;
    top: 0px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.theme-costum-lbl-absolute i {
    font-size: 20px;
    margin-bottom: 10px;
}

.theme-costum-lbl-absolute div {
    font-size: 15px;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
.slider2.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.slider2.round:before {
    border-radius: 50%;
}

.select2-list-article {
    position: relative;
    padding-left: 55px;
    min-height: 45px;
    width: 100%;
}

.select2-img-article {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
}

.select2-lable-article {
    width: 100%;
    padding-right: 10px;
    white-space: normal;
}

.photo-preview {
    position: relative;
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.photo-preview:after {
    background: #00000082;
    position: absolute;
    width: 100%;
    height: 100%;
}

.photo-preview:hover::after {
    content: "";
}

.detail-preview-photo {
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%;
    min-height: 100%;
    z-index: 1050;
    background: #000000a8;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: center;
}

.detail-preview-photo img {
    max-width: 100%;
    margin: 80px auto;
    padding-left: 20px;
    padding-right: 20px;
}

.detail-preview-photo button {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px 14px;
    border-radius: 100%;
    background: white;
}

.status-user-container {
    position: absolute;
    bottom: -8px;
    text-align: center;
    width: 200%;
    left: -50%;
}

.status-user-container.status-user-container-mobile {
    display: none;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item-upgrade-account {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 16px;
    color: white;
    /* display: flex; */
    margin-right: 0px;
    padding-right: 5px;
}

.m-nav__item-upgrade-account-container {
    display: flex;
    align-items: center;
    height: 100%;
}

.m-nav__item-upgrade-account-link {
    display: inline-block;
    background-color: #ffb011;
    border-radius: 65px;
    padding: 5px 20px;
    border: 4px solid #ffdf9f;
}

a.m-nav__item-upgrade-account-link:hover {
    background-color: #14bcc3;
    border-color: #30e3eb;
    text-decoration: none;
}

.m-nav__item-upgrade-account-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.m-nav__item-upgrade-account-img {
    width: 24px;
    margin-right: 10px;
}

.m-nav__item-upgrade-account-lbl {
    color: white;
    margin-top: 5px;
}

.m-topbar__notif {
    position: relative;
}

span.m-topbar__count {
    color: white;
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 10px;
    background: #ff4011;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 13px;
    right: -5px;
}

.m-nav__item-notif {
    margin-right: 55px;
}

.m-nav__item-notif.m-dropdown.m-dropdown--align-right .m-dropdown__wrapper {
    right: -40px;
    width: 400px;
}

.m-nav__item-notif.m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
    border-radius: 14px;
}

.m-nav__item-notif..m-dropdown .m-dropdown__wrapper .m-dropdown__header {
    text-align: center;
    border-bottom: 1px solid #d8d8d8;
    padding: 15px 10px;
}

.m-nav__item-notif.m-dropdown.m-dropdown--arrow.m-dropdown--up
    .m-dropdown__arrow.m-dropdown__arrow--right,
.m-nav__item-notif.m-dropdown.m-dropdown--arrow
    .m-dropdown__arrow.m-dropdown__arrow--right {
    right: 43px !important;
}

.m-nav__item-notif.m-dropdown .m-dropdown__wrapper .m-dropdown__header {
    padding: 15px 20px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
}

.m-nav__item-notif.m-dropdown
    .m-dropdown__wrapper
    .m-dropdown__header
    .m-card-user {
    color: #878787;
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
}

img.m-card-notification {
    position: absolute;
    height: 20px;
    left: 30px;
    top: 22px;
}

.m-nav__item-notif.m-dropdown .m-dropdown__wrapper .m-dropdown__body {
    padding: 0px;
}

li.m-nav__item.item-link-notif-container {
    border-bottom: 1px solid #d8d8d8;
}

.m-nav .m-nav__item > a.m-nav__link.item-link-notif {
    padding: 10px;
    opacity: 0.6;
}

.m-nav
    .m-nav__item.item-link-notif-container.item-link-notif-not-read
    > a.m-nav__link.item-link-notif {
    opacity: 1;
}

.item-notif-img-container {
    margin-right: 12px;
}

.item-notif-img {
    width: 60px;
    height: 60px;
    background-position: center;
    border-radius: 8px;
    background-size: cover;
    background-repeat: no-repeat;
}

.item-notif-text-title {
    color: #5d5d5d;
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 11px;
}

.item-notif-text-subtitle {
    color: #5d5d5d;
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 11px;
}

.item-notif {
    display: flex;
    justify-content: space-between;
}

.item-notif-left-container {
    display: flex;
    align-items: center;
}

.item-notif-time-title {
    color: #cbcbcb;
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 9px;
    font-style: italic;
}

a.m-nav__link.item-link-notif-more {
    text-align: center;
    padding: 12px 0;
}

.item-link-notif-more-text {
    color: #14bcc3;
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 11px;
    display: inline-block;
}

.item-link-notif-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
}

.item-link-notif-empty i.la.la-file {
    font-size: 35px;
    color: #c3bebe;
    margin-right: 15px;
}

.item-link-notif-empty-lbl {
    color: #c3bebe;
    font-size: 14px;
    font-weight: 400;
}

.lbl-status-user {
    font-size: 11px;
    font-weight: 600;
    color: white;
    padding: 3px 14px;
    background-color: orange;
    border-radius: 50px;
    width: auto;
    display: inline-block;
}

.link-qr-code {
    background: rgb(255 255 255);
    padding: 8px 12px;
    color: #021D1A;
    border-radius: 8px;
    text-decoration: none;
    /* margin-top: 15px; */
    display: inline-block;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 11px;
    border: 1px solid #021D1A;
}
.link-qr-code img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.link-qr-code span {
    position: relative;
    top: 0px;
}

.link-qr-code:hover {
    background: white;
    color: #021D1A;
    text-decoration: none;
    box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.1), 0 8px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Profile Setting Styles */
.profile-setting {
    width: 100%;
}
.profile-setting-container {
    background: white;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0px 1px 15px 1px rgb(69 65 78 / 8%);
    -webkit-box-shadow: 0px 1px 15px 1px rgb(69 65 78 / 8%);
}
.profile-setting-preview {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.profile-setting-preview-avatar {
    flex-shrink: 0;
}
.profile-setting-avatar-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.profile-setting-preview-content {
    flex: 1;
    min-width: 0;
}
.profile-setting-preview-name {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    color: #021D1A;
    margin-bottom: 4px;
}
.profile-setting-preview-username {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 11px;
    color: #021D1A66;
    margin-bottom: 4px;
}
.profile-setting-preview-bio {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 11px;
    color: #021D1A;
    line-height: 1.4;
}
.profile-setting-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.btn-profile-action {
    background: white;
    border: 1px solid #021D1A;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.btn-profile-action img {
    width: 20px;
    height: 20px;
}
.btn-profile-action:hover {
    background: #f5f5f5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-profile-action-edit {
    background: #2FAE9E;
    border: 1px solid #2FAE9E;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 11px;
    color: white;
    text-decoration: none;
}
.btn-profile-action-edit img {
    width: 20px;
    height: 20px;
}
.btn-profile-action-edit:hover {
    background: #27958a;
    color: white;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.link-button {
    background: rgb(70, 196, 191);
    padding: 9px 22px 10px 22px;
    color: white;
    border-radius: 25px;
    font-weight: 500;
    text-decoration: none;
    margin-top: 15px;
    display: inline-block;
}

.link-button:hover {
    background: whitesmoke;
    color: rgb(70, 196, 191);
    text-decoration: none;
}

.blockUI.blockOverlay {
    z-index: 1050 !important;
}

.myapp-blockUI > .blockUI.blockOverlay {
    z-index: 1010 !important;
}

.blockUI.blockMsg.blockPage {
    z-index: 1050 !important;
}

.note-toolbar-wrapper.panel-default {
    height: auto !important;
}

.my-pagination-container {
    text-align: right;
    margin-top: 10px;
}

.my-pagination-container ul {
    display: inline-block;
}

.my-pagination-container li {
    margin-left: 10px;
    display: inline-block;
}

.badge-new {
    background-color: orange;
    padding: 0.4em 0.9em;
    border-radius: 0.8rem;
    position: relative;
    top: -18px;
    left: -24px;
}

.state-type-per-link-container {
    display: flex;
    align-items: center;
}

.state-type-per-link-container .state-type-per-link-img-container {
    min-width: 35px;
    margin-right: 10px;
}

.state-type-per-link-container .state-type-per-link-img {
    height: 30px;
}

.state-type-per-link-container.state-type-per-link-fontbundles
    .state-type-per-link-img {
    height: 15px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.state-type-per-link-container.state-type-per-link-google_meet
    .state-type-per-link-img {
    height: 20px;
}

.state-type-per-link-container.state-type-per-link-email
    .state-type-per-link-img {
    height: 20px;
}

.state-type-per-link-container.state-type-per-link-elevania
    .state-type-per-link-img {
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.state-type-per-link-container.state-type-per-link-youtube
    .state-type-per-link-img {
    height: 20px;
}

.state-type-per-link-container.state-type-per-link-qris
    .state-type-per-link-img {
    height: 25px;
}

/*+ list-link +*/
.list-link-item-admin-container {
    position: relative;
    height: auto;
}
.list-link-item-admin-container #link-items {
    min-height: 0px;
}
.list-link-item-admin-container .data-empty {
    border-radius: 12px;
    gap: 10px;
    padding: 10px 14px;
    display: flex;
    background: #021D1A1F;
    align-items: center;
}
.list-link-item-admin-container .data-empty img {
    width: 16px;
    height: 16px;
}
.list-link-item-admin-container .data-empty span {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 13px;
    color: #021D1A66;
}
.list-link-item-admin-container #keyword-link-value {
    font-size: 12px;
    border-radius: 10px;
    padding: 12px 12px;
    color: black;
    border-color: black;
    border-width: 1px;
}
.list-link-item-admin-container #keyword-link-value:active,
.list-link-item-admin-container #keyword-link-value:hover,
.list-link-item-admin-container #keyword-link-value:focus {
    border-color: #29a5ac;
}
.list-link-item-admin-container #icon-search-link {
    font-size: 16px;
    position: absolute;
    right: 12px;
    top: 11px;
    cursor: pointer;
}
.list-link-item-admin-container #keyword-link-value:active ~ #icon-search-link,
.list-link-item-admin-container #keyword-link-value:hover ~ #icon-search-link,
.list-link-item-admin-container #keyword-link-value:focus ~ #icon-search-link {
    color: #29a5ac;
}

.list-link-item-admin-container .link-center-item {
    display: block;
    width: 100%;
    padding-right: 70px;
}

.list-link-item-admin-container .link-center-item .text-container {
    border-left: 2px solid #000000;
    border-left-color: transparent;
    height: auto;
    /* min-height: 70px; */
    min-height: 40px;
    width: 100%;
}

.list-link-item-admin-container {
    background-color: white;
}

.list-link-item-admin-container .link-center-item .text-container {
    border-left-color: transparent;
}

.list-link-item-admin-container .group-link-business-title {
    color: #212529;
}

.list-link-item-admin-container .link-center-item .lbl-link {
    padding: 12px 0px 12px 25px;
}

.list-link-item-admin-container .link-center-item .icon-close {
    font-size: 20px;
    font-weight: bold;
    color: white;
    display: none;
    position: absolute;
    top: 13px;
    right: 16px;
}

.list-link-item-admin-container.link-item-admin-edit .link-left-item {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    height: 102%;
    top: -1px;
    left: -2px;
}

.list-link-item-admin-container .group-link-right-item {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 35px;
    display: flex;
    align-items: center;
}

.list-link-item-admin-container .group-link-right-item .fa {
    font-size: 25px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    color: black;
}

.list-link-item-admin-container
    .link-main-item.group-active
    > .group-link-right-item
    .fa {
    transform: rotate(90deg);
}

/*- list-link -*/

/*+ list-article +*/
.list-article-item-admin-container {
    position: relative;
    height: auto;
}
.list-article-item-admin-container #article-items {
    min-height: 0px;
}
.list-article-item-admin-container .data-empty {
    border-radius: 12px;
    gap: 10px;
    padding: 10px 14px;
    display: flex;
    background: #021D1A1F;
    align-items: center;
}
.list-article-item-admin-container .data-empty img {
    width: 16px;
    height: 16px;
}
.list-article-item-admin-container .data-empty span {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 13px;
    color: #021D1A66;
}
.list-article-item-admin-container .link-center-item {
    display: block;
    width: 100%;
    padding-right: 70px;
}

.list-article-item-admin-container .link-center-item .text-container {
    border-left: 2px solid #000000;
    border-left-color: transparent;
    height: auto;
    /* min-height: 70px; */
    min-height: 40px;
    width: 100%;
}

.list-article-item-admin-container {
    background-color: white;
}

.list-article-item-admin-container .link-center-item .text-container {
    border-left-color: transparent;
}

.list-article-item-admin-container .group-link-business-title {
    color: #212529;
}

.list-article-item-admin-container .link-center-item .lbl-link {
    padding: 12px 0px 12px 25px;
}

.list-article-item-admin-container .link-center-item .icon-close {
    font-size: 20px;
    font-weight: bold;
    color: white;
    display: none;
    position: absolute;
    top: 13px;
    right: 16px;
}

.list-article-item-admin-container .group-link-right-item {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 35px;
    display: flex;
    align-items: center;
}

.list-article-item-admin-container .group-link-right-item .fa {
    font-size: 25px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    color: black;
}

.list-article-item-admin-container
    .link-main-item.group-active
    > .group-link-right-item
    .fa {
    transform: rotate(90deg);
}
.list-article-item-admin-container .link-right-item {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 50px;
    display: flex;
    align-items: center;
    background-color: white;
    height: 125%;
    right: -2px;
    top: -2px;
    width: 47px;
    z-index: 1;
    justify-content: right;
}
.list-article-item-admin-container .link-right-item .img-icon-sort {
    /* width: 40px;
    height: 50.76px; */
    width: 20px;
    height: 31px;
    cursor: move;
    padding: 10px;
    position: relative;
    top: -4px;
}

.link-item-admin-container.article-item-admin-edit .link-left-item {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    height: 103%;
    top: -1px;
    left: -2px;
}

.link-item-admin-container.article-item-admin-edit {
    background-color: white;
}

/*- list-article -*/

/*+ side-menu +*/
.connected-account-container {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.connected-account-container-item {
    width: 30px;
    height: 30px;
    display: inline-block;
    z-index: 10;
    background: white;
    border-radius: 100%;
    position: relative;
    margin-left: -17px;
}

.connected-account-container-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(218 203 203 / 60%);
    left: 0px;
    top: 0px;
    border-radius: 100%;
}

.connected-account-container-item.item-is_selected:after {
    display: none;
}

.connected-account-container-item:first-child {
    margin-left: 0px;
}

.connected-account-container-item img {
    width: inherit;
    height: inherit;
    border-radius: 100%;
    border: 2px solid #d8bfbf;
}

.connected-account-container-item.item-is_selected img {
    border-color: #14bcc3e8;
}

.connected-account-lbl-item img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.m-header-menu
    .m-menu__nav
    > .m-menu__item
    .connected-account-lbl-item
    .m-menu__link
    .m-menu__link-text {
    padding-left: 40px;
}

.m-menu__item.connected-account-lbl-item.item-is_selected {
    background: rgb(39 215 222 / 20%);
}

.m-menu__item.connected-account-lbl-item:hover {
    background: rgb(216 222 222 / 50%);
}

#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    .m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__heading,
#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    .m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__link {
    background-color: white;
}

#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    .m-menu__nav
    > .m-menu__item.m-menu__item--active
    > .m-menu__heading,
#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    .m-menu__nav
    > .m-menu__item.m-menu__item--active
    > .m-menu__link {
    background-color: white;
}

#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    .m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item.m-menu__item--active
    > .m-menu__heading,
#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    .m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item.m-menu__item--active
    > .m-menu__link {
    background-color: white;
}

.m-aside-menu.m-aside-menu--skin-light
    .m-menu__nav
    > .m-menu__section
    .m-menu__section-text.side-menu-section-text {
    color: #446d6e;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 1rem;
}

.m-aside-left--minimize
    .m-aside-menu
    .m-menu__nav
    > .m-menu__item
    > .m-menu__link
    .m-menu__link-title
    .badge-new {
    display: none;
}

.side-menu-item-icon-container {
    width: 24px;
    height: 24px;
    margin-right: 0px;
    position: absolute;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.m-menu__subnav .side-menu-item-icon-container {
    top: 8px;
}

.side-menu-item-icon-container img {
    width: inherit;
    height: inherit;
    display: none;
}

.side-menu-item-icon-container .icon-side-menu-lock {
    color: #021D1A;
    font-size: 1.5rem;
    display: inline-block;
}

.side-menu-item-icon-black {
    width: inherit;
    height: inherit;
    display: block;
    background: #021D1A;
}

.side-menu-item-icon-container:hover img {
    display: block;
}

.side-menu-item-icon-container:hover .side-menu-item-icon-black {
    display: none;
}

#ul-m-menu__nav .side-menu-item-text.m-menu__link-text {
    color: #021D1A;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 14px;
    padding-left: 34px;
}

#ul-m-menu__nav-2 {
    padding: 0px;
}

#ul-m-menu__nav-2 .side-menu-item-text.m-menu__link-text {
    color: #021D1A;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 14px;
    padding-left: 32px;
}
#ul-m-menu__nav .m-menu__subnav .m-menu__subnav .side-menu-item-text.m-menu__link-text {
    padding-left: 17px;
}

.m-aside-menu
    #ul-m-menu__nav-blink.m-menu__nav
    > .m-menu__item
    > .m-menu__heading
    .m-menu__ver-arrow:before,
.m-aside-menu
    .m-menu__nav
    > .m-menu__item
    > .m-menu__link
    .m-menu__ver-arrow:before {
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 12px;
    color: #2FAE9E;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-text.m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-text.m-menu__link-text {
    color: #2FAE9E;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-icon-container
    img,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-icon-container
    img {
    display: block;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-icon-container
    .side-menu-item-icon-black,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-icon-container
    .side-menu-item-icon-black {
    display: none;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-text.m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-text.m-menu__link-text {
    color: #2FAE9E;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-icon-container
    .icon-side-menu-lock,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-icon-container
    .icon-side-menu-lock {
    color: #2FAE9E;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-icon-container
    img,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-icon-container
    img {
    display: block;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-icon-container
    .side-menu-item-icon-black,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-icon-container
    .side-menu-item-icon-black {
    display: none;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-text.m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-text.m-menu__link-text {
    color: #2FAE9E;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-icon-container
    .icon-side-menu-lock,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-icon-container
    .icon-side-menu-lock {
    color: #46c4bf;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-icon-container
    img,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-icon-container
    img {
    display: block;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-icon-container
    .side-menu-item-icon-black,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-icon-container
    .side-menu-item-icon-black {
    display: none;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-text.m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-text.m-menu__link-text {
    color: #2FAE9E;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-icon-container
    .icon-side-menu-lock,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-icon-container
    .icon-side-menu-lock {
    color: #2FAE9E;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-icon-container
    img,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-icon-container
    img {
    display: block;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):hover
    .side-menu-item-icon-container
    .side-menu-item-icon-black,
.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
        .m-menu__item--expanded
    ):not(.m-menu__item--active):active
    .side-menu-item-icon-container
    .side-menu-item-icon-black {
    display: none;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item.m-menu__item--active
    .side-menu-item-text.m-menu__link-text {
    color: #2FAE9E;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item.m-menu__item--active
    .side-menu-item-icon-container
    img {
    display: block;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item.m-menu__item--active
    .side-menu-item-icon-container
    .side-menu-item-icon-black {
    display: none;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item.m-menu__item--active
    .side-menu-item-text.m-menu__link-text {
    color: #2FAE9E;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item.m-menu__item--active
    .side-menu-item-icon-container
    img {
    display: block;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item
    .m-menu__submenu
    .m-menu__item.m-menu__item--active
    .side-menu-item-icon-container
    .side-menu-item-icon-black {
    display: none;
}

#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__heading
    .side-menu-item-text.m-menu__link-text,
#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__link
    .side-menu-item-text.m-menu__link-text {
    color: #2FAE9E;
}

#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__heading
    .side-menu-item-icon-container
    .icon-side-menu-lock,
#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__link
    .side-menu-item-icon-container
    .icon-side-menu-lock {
    color: #2FAE9E;
}

#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__heading
    .side-menu-item-icon-container
    img,
#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__link
    .side-menu-item-icon-container
    img {
    display: block;
}

#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__heading
    .side-menu-item-icon-container
    .side-menu-item-icon-black,
#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__link
    .side-menu-item-icon-container
    .side-menu-item-icon-black {
    display: none;
}

#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__heading
    .side-menu-item-text.m-menu__link-text,
#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__link
    .side-menu-item-text.m-menu__link-text {
    color: #2FAE9E;
}

#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__heading
    .side-menu-item-icon-container
    .icon-side-menu-lock,
#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__link
    .side-menu-item-icon-container
    .icon-side-menu-lock {
    color: #46c4bf;
}

#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__heading
    .side-menu-item-icon-container
    img,
#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__link
    .side-menu-item-icon-container
    img {
    display: block;
}

#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__heading
    .side-menu-item-icon-container
    .side-menu-item-icon-black,
#m_ver_menu.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
     .m-menu__item.m-menu__item--open
    > .m-menu__link
    .side-menu-item-icon-container
    .side-menu-item-icon-black {
    display: none;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item.m-menu__item--active
    .side-menu-item-text.m-menu__link-text {
    color: #2FAE9E;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item.m-menu__item--active
    .side-menu-item-icon-container
    img {
    display: block;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav.m-menu__nav
    > .m-menu__item.m-menu__item--active
    .side-menu-item-icon-container
    .side-menu-item-icon-black {
    display: none;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item.m-menu__item--active
    .side-menu-item-text.m-menu__link-text {
    color: #2FAE9E;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item.m-menu__item--active
    .side-menu-item-icon-container
    img {
    display: block;
}

.m-aside-menu.m-aside-menu--skin-light
    #ul-m-menu__nav-2.m-menu__nav
    > .m-menu__item.m-menu__item--active
    .side-menu-item-icon-container
    .side-menu-item-icon-black {
    display: none;
}

/*- side-menu -*/

/*+ my-app-icon +*/
.my-app-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    position: relative;
}
.mai-adobe_family {
    background-image: url("/svg/adobe_family.svg");
    bottom: -2px;
}
/*- my-app-icon -*/

/* .m_datatable.collapsed tbody tr td:nth-child(1):before {
    display: none;
}
.m_datatable.collapsed tbody tr td:nth-child(1) {
    padding-left: 15px;
} */
.m_datatable-app:has(.dtr-inline.collapsed) {
    padding-right: 25px;
    position: relative;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] {
    position: relative;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child {
    padding-left: 10px !important;
    position: unset !important;
}
.dataTables_wrapper
    table.dataTable.dtr-inline.collapsed
    > tbody
    > tr[role="row"]
    > td:first-child:before {
    left: -23px;
    right: auto;
}
.dataTables_wrapper .child .dtr-details > li .dtr-data {
    word-break: break-word;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transform: translate(0, -25px);
    opacity: 0;
}

.modal.fade.show .modal-dialog {
    transform: translate(0, 0);
    opacity: 1;
}

.modal-backdrop {
    transition: opacity 0.3s ease;
}

.modal-backdrop.show {
    opacity: 0.5;
}


/*+Berbagi.link V1.3+*/
.my-mini-website-section-container {
    padding: 16px;;
}
.my-mini-website-list-section-header {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    color: #021D1A;
    width: 100%;
    margin-bottom: 8px;
}
button.btn-new-section {
    width: 100%;
    background: #2FAE9E1F;
    border: 2px dashed #2FAE9E;
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 16px;
}
.btn-new-section-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 9.5px 4px;
}
.btn-new-section-left-item .icon-new-img {
    width: 20px;
    height: 20px;
    position: relative;
    top: 0.3px;
}
.btn-new-section-center-item {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 14px;
    color: #2FAE9E;
}
.modal-new-section.modal .modal-content {
    border-radius: 16px;
    border: 1px solid #021D1A1F;
}
.modal-new-section.modal .modal-content .modal-header {
    padding: 12px 20px;
    border: 0px;
}
h5.modal-new-section-label {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    color: #021D1A;
}
.modal-new-section.modal.modal .modal-content .modal-header .close {
    position: relative;
    top: 10px;
}
.modal-new-section.modal .modal-content .modal-body {
    padding: 0px 20px 0px 20px;
}
.modal-new-section-tab {
    margin-bottom: 16px;
    border-bottom: 1px solid #021D1A1F;
    gap: 24px;
    display: flex;
}
.modal-new-section-tab-item {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    width: 70px;
    height: 24px;
    color: #021D1A;
    padding-bottom: 4px;
    position: relative;
    cursor: pointer;
}
.modal-new-section-tab-item.modal-new-section-tab-item-active {
    color: #2FAE9E;
}
.modal-new-section-tab-item.modal-new-section-tab-item-active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0px;
    height: 1px;
    width: 100%;
    background: #2FAE9E;
}
.modal-new-section-list {
    margin-bottom: 4px;
    display: inline-block;
    width: 100%;
}
.modal-new-section-list-per-tab {
    margin-bottom: 20px;
}
.modal-new-section-list-per-tab-header {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 8px;
    color: #021D1A;
}
.modal-new-section-list-per-tab-body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.modal-new-section-list-per-tab-item {
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid #FFFFFF;
    font-family: 'Poppins';
    cursor: pointer;
}
.modal-new-section-list-per-tab-item-green {
    background: #2FAE9E1F;
}
.modal-new-section-list-per-tab-item-blue {
    background: #259AB91F;
}
.modal-new-section-list-per-tab-item-yellow {
    background: #F7AB1B1F;
}
.modal-new-section-list-per-tab-item-pink {
    background: #FF6E891F;
}
.modal-new-section-list-per-tab-item-img {
    width: 24px;
    height: 24px;
    margin-bottom: 8px;
}
.modal-new-section-list-per-tab-item-title {
    font-weight: 500;
    font-size: 14px;
    color: #021D1A;
    margin-bottom: 2px;
    display: flex;
    flex-flow: wrap;
    gap: 8px;
    align-items: center;
}
.modal-new-section-list-per-tab-item-desc {
    font-weight: 400;
    font-size: 12px;
    color: #021D1AA3;
}
.modal-new-section-item .link-menu-items {
    padding: 0px;
}
.modal-new-section-item .link-menu-items .nav,
.link-item-admin-edit-v-1_3 .link-menu-items .nav {
    margin-top: 0px;
    margin-bottom: 12px;
    border-bottom: 1px solid #021D1A1F;
    height: auto;
    overflow: unset;
}
.link-item-admin-edit-v-1_3 .link-menu-items .nav {
    margin-top: 12px;
}
.modal-new-section-item .link-menu-items .nav-link,
.link-item-admin-edit-v-1_3 .link-menu-items .nav-link {
    padding: 0px;
}
.modal-new-section-item .link-menu-items .nav-link span,
.link-item-admin-edit-v-1_3 .link-menu-items .nav-link span {
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    height: 24px;
    display: inline-block;
}
.modal-new-section-item .link-menu-items .nav-link.active span,
.link-item-admin-edit-v-1_3 .link-menu-items .nav-link.active span {
    border-bottom: 0px;
    color: #2FAE9E;
}
.modal-new-section-item .link-menu-items .nav-link.active span:after,
.link-item-admin-edit-v-1_3 .link-menu-items .nav-link.active span:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0px;
    height: 1px;
    width: 100%;
    background: #2FAE9E;
}
.m-form .m-form__group.form-group-show-link {
    padding: 8px 12px;
    border: 1px solid #2FAE9E3D;
    background: #2FAE9E1F;
    border-radius: 8px;
    margin-bottom: 12px;
    transition: all 0.3s ease;
}
.m-form .m-form__group.form-group-show-link.unchecked {
    border: 1px solid #021D1A0A;
    background: #021D1A0A;
}
.m-form .form-group-show-link.m-form__group>label {
    margin-bottom: 0px;
}
.modal-new-section-item .menu-items.tab-content,
.link-item-admin-edit-v-1_3 .menu-items.tab-content {
    margin-bottom: 12px;
}
.modal-new-section-item .select2-container--default.select2-container--focus .select2-selection--multiple, 
.modal-new-section-item .select2-container--default.select2-container--focus .select2-selection--single, 
.modal-new-section-item .select2-container--default.select2-container--open .select2-selection--multiple, 
.modal-new-section-item .select2-container--default.select2-container--open .select2-selection--single,
.link-item-admin-edit-v-1_3 .select2-container--default.select2-container--focus .select2-selection--multiple, 
.link-item-admin-edit-v-1_3 .select2-container--default.select2-container--focus .select2-selection--single, 
.link-item-admin-edit-v-1_3 .select2-container--default.select2-container--open .select2-selection--multiple, 
.link-item-admin-edit-v-1_3 .select2-container--default.select2-container--open .select2-selection--single {
    color: #021D1A;
    border: 1px solid #021D1A3D;
    border-radius: 8px;
}
.modal-new-section-item .select2-container--default .select2-selection--single, 
.modal-new-section-item .select2-container--default .select2-selection--multiple,
.link-item-admin-edit-v-1_3 .select2-container--default .select2-selection--single, 
.link-item-admin-edit-v-1_3 .select2-container--default .select2-selection--multiple  {
    color: #021D1A;
    border: 1px solid #021D1A3D;
    border-radius: 8px;
}
.modal-new-section-btn-back {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.modal-new-section-btn-back-img {
    width: 16px;
    height: 16px;
}
.container-link-thumbnail-v-1_3,
.container-link-type-image-v-1_3 {
    margin-top: 14px;
    width: auto;
    height: 67px;
    border-radius: 4px;
}
.container-link-thumbnail.container-link-thumbnail-v-1_3 img,
.container-link-type-image.container-link-type-image-v-1_3 img {
    border-radius: 4px;
}
.container-link-thumbnail.container-link-thumbnail-v-1_3 .shadow-avatar,
.container-link-type-image.container-link-type-image-v-1_3 .shadow-avatar {
    border-radius: 4px;
}
.container-link-thumbnail.container-link-thumbnail-v-1_3 .shadow-avatar,
.container-link-type-image.container-link-type-image-v-1_3 .shadow-avatar {
    border-radius: 4px;
}
.container-remove-thumbnail.container-remove-thumbnail-v1_3 .remove-thumbnail,
.container-remove-link_type_image.container-remove-link-type-image-v-1_3 .remove-thumbnail {
    font-weight: 400;
    font-family: 'Poppins';
    font-size: 14px;
}
.form-color-picker .form-color-picker-v-1_3 {
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #021D1A1F;
    margin-bottom: 16px;
}
.form-color-picker .form-color-picker-v-1_3 > .row {
    width: 100%;
    max-width: 520px;
    margin-right: -12px;
    margin-left: -12px;
}
.form-color-picker .form-color-picker-v-1_3 > .row > .col-md-4 {
    padding-right: -12px;
    padding-left: -12px;
}
.form-color-picker .form-color-picker-v-1_3 .sp-replacer {
    top: 12px;
    left: 12px;
    border-radius: 2px;
}
.form-color-picker .form-color-picker-v-1_3 .sp-preview {
    width: 16px;
    height: 16px;
}
.m-form .form-color-picker-v-1_3 label.col-form-label {
    padding: 0px;
    padding-bottom: 2px;
}
.form-color-picker-v-1_3 .form-control.color-picker {
    padding-left: 34px;
}
.form-control-label-preview-animation {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
}
.example-animation-v-1_3-container {
    align-items: center;
    justify-content: center;
    display: flex;
}
.example-animation-v-1_3-container .example-animation {
    margin-bottom: 12px;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    color: #2FAE9E;
    border: 1px solid #2FAE9E;
    box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-100) var(--sds-size-depth-100) var(--sds-size-depth-negative-100) var(--sds-color-black-100);
    box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-400) var(--sds-size-depth-400) var(--sds-size-depth-negative-200) var(--sds-color-black-200);
    background: #FFFFFF;
    width: 200px;
    height: 32px;
    border-radius: 8px;
    padding-top: 5px;
    padding-bottom: 4px;
}
.input-group.input-group-v-1_3 .input-group-prepend>.input-group-text {
    padding: 9px 1.15rem;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #021D1A;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 12px;
    border: 1px solid #021D1A;
    color: #FFFFFF;
}
.form-control-label-preview-color {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    margin-bottom: 8px;
    text-align: center;
}
.example-color-v-1_3-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.example-color-v-1_3-container .link-item-guest-container-example {
    width: 280px;
    border-radius: 12px;
    border: 2px solid #bbadad;
    position: relative;
    height: auto;
    margin-bottom: 20px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
}
.example-color-v-1_3-container .link-item-guest-container-example .link-main-item-example {
    position: relative;
    cursor: pointer;
    display: block;
    border-radius: 12px;
    height: auto;
}
.example-color-v-1_3-container .link-item-guest-container-example .link-left-item-example {
    position: absolute;
    height: 104%;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -1px;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    -webkit-transition: .6s;
    transition: .6s;
}
.example-color-v-1_3-container .link-item-guest-container-example .link-left-item-example .icon-item-example {
    width: 16px;
    height: 16px;
    align-items: center;
    display: inline-block;
}
.example-color-v-1_3-container .link-item-guest-container-example .link-center-item-example {
    display: block;
    width: 100%;
    padding-left: 40px;
}
.example-color-v-1_3-container .link-item-guest-container-example .link-center-item-example .text-container-example {
    height: auto;
    width: 100%;
    min-height: 40px;
}
.example-color-v-1_3-container  .link-item-guest-container-example .lbl-link-example {
    padding: 11px 12px;
    font-size: 12px;
    font-weight: 600;
    word-break: break-word;
    font-family: 'Poppins';
}
.super-container-article-image-v-1_3,
.super-container-logo-v-1_3 {
    display: flex;
    align-items: center;
    gap: 12px;
}
.super-container-article-image-v-1_3 .container-article-image,
.super-container-logo-v-1_3 .container-link-thumbnail {
    width: auto;
    height: 66px;
    border-radius: 4px;
}

.super-container-logo-v-1_3 #op_footer_image .container-link-thumbnail {
    width: auto;
    height: 70px;
}
.super-container-article-image-v-1_3 .container-article-image img,
.super-container-logo-v-1_3 .container-link-thumbnail img {
    border-radius: 4px;
}
.super-container-article-image-v-1_3 .container-article-image-desc,
.super-container-logo-v-1_3 .container-thumbnail-image-desc {
    text-align: left;
}
.super-container-article-image-v-1_3 .container-article-image .shadow-avatar,
.super-container-logo-v-1_3 .container-link-thumbnail .shadow-avatar {
    border-radius: 4px;
}
.super-container-article-image-v-1_3 .container-article-image-desc-title,
.super-container-logo-v-1_3 .container-thumbnail-image-desc-title {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    color: #2FAE9E;
}
.super-container-article-image-v-1_3 .container-article-image-desc-lable,
.super-container-logo-v-1_3 .container-thumbnail-image-desc-lable {
    font-family: 'Poppins';
    font-weight: 400;
    font-style: Italic;
    font-size: 12px;
    color: #021D1A66;
}
.m-radio-custom-v-1_3 {
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    cursor: pointer;
}
.m-radio-custom-v-1_3 input[type="radio"] {
    display: none;
}
.radio-custom-v-1_3 {
    position: absolute;
    left: 0;
    top: 2px;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.m-radio-custom-v-1_3:hover .radio-custom-v-1_3 {
    border-color: #2FAE9E;
}
.m-radio-custom-v-1_3 input[type="radio"]:checked + .radio-custom-v-1_3 {
    background-color: #2FAE9E;
    border-color: #2FAE9E;
}
.m-radio-custom-v-1_3 input[type="radio"]:checked + .radio-custom-v-1_3:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: white;
    border: 0px;
}
.lbl-upgrade_account-v-1_3 {
    display: flex;
    align-items: center;
}
.lbl-upgrade_account-v-1_3 span {
    color: #021D1A;
    font-weight: 400;
    font-family: 'Poppins';
    font-size: 12px;
}
.btn-sublink-copy-v-1_3 {
    top: 0px;
    padding: 4px 10px;
    border: 1px solid rgb(70, 196, 191);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background: rgb(70, 196, 191);
    color: white;
}
#modal-profile-edit.modal .modal-content .modal-header .modal-title,
#modal-share-profile .modal-content .modal-header .modal-title,
#modal-qr-code .modal-content .modal-header .modal-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #021D1A;
}
#modal-profile-edit .modal-lg, #modal-profile-edit .modal-xl {
    max-width: 480px;
}
#modal-share-profile .modal-lg, #modal-share-profile .modal-xl {
    max-width: 720px;
}
#modal-qr-code .modal-lg, #modal-share-profile .modal-xl {
    max-width: 275px;
}
#modal-profile-edit.modal .modal-content,
#modal-share-profile.modal .modal-content,
#modal-qr-code.modal .modal-content {
    border-radius: 16px;
}
#modal-profile-edit.modal .modal-content .modal-header,
#modal-share-profile.modal .modal-content .modal-header,
#modal-qr-code.modal .modal-content .modal-header {
    padding: 12px 20px;
    border: 0px;
}
#modal-profile-edit.modal .modal-content .modal-header .close,
#modal-share-profile.modal .modal-content .modal-header .close,
#modal-qr-code.modal .modal-content .modal-header .close {
    position: relative;
    top: 10px;
}
#modal-profile-edit.modal .modal-content .modal-body,
#modal-share-profile.modal .modal-content .modal-body,
#modal-qr-code.modal .modal-content .modal-body {
    padding: 0px 20px 24px 20px;
}
.share-options-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    padding-top: 4px;
}
.share-option-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: auto;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100px;
    height: 84px;
}
.share-option-btn:hover {
    background: #f8f9fa;
    border-color: #007bff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.share-option-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.share-option-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}
.share-option-btn span {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #021D1A;
}
#modal-qr-code .qr-code-container {
    text-align: center;
}
#modal-qr-code .qr-image-wrapper {
    max-width: 300px;
    margin: 0px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
#modal-qr-code .qr-image {
    width: 107%;
    max-width: none;
    display: block;
    transform: scale(1.20);
}
#modal-qr-code .username-label {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
}
#modal-qr-code .link-container-qr {
    position: relative;
    margin: 12px auto 16px 0px;
    max-width: 100%;
}
#modal-qr-code .link-container-qr input {
    width: 100%;
    padding: 8px 28px 8px 12px;
    border: 0px;
    font-weight: 400;
    font-size: 11px;
    font-family: 'Poppins';
    background: #2FAE9E3D;
    border-radius: 8px;
    color: #021D1A;
}
#modal-qr-code .link-container-qr .btn-copy {
    position: absolute;
    right: 12px;
    top: 8.5px;
    background: none;
    padding: 0px;
    border-radius: 0px;
    color: white;
    border: none;
    cursor: pointer;
}
#modal-qr-code .share-section {
    margin-top: 20px;
    text-align: center;
}
#modal-qr-code .share-label {
    margin-bottom: 8px;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    color: #021D1A;
}
#modal-qr-code .social-media-list {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}
button.social-media-btn {
    border: 0px;
    background: none;
    padding: 0px;
    height: 24px;
    width: 24px;
    cursor: pointer;
}
button.social-media-btn img {
    height: inherit;
    width: inherit;
}
#modal-qr-code .social-media-item {
    width: 36px;
    height: 36px;
}
#modal-qr-code .social-media-item img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
#modal-qr-code .download-section {
    margin-top: 24px;
    text-align: center;
}
#modal-qr-code .download-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
#modal-qr-code .download-list {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}
#modal-qr-code .download-item {
    padding: 6px 12px;
    border-radius: 8px;
    color: #021D1A;
    text-decoration: none;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-flow: column;
    border: 1px solid #021D1A;
    background: white;
}
.m-menu__item-dashboard::after {
    content: "";
    width: 195px;
    height: 2px;
    left: 30px;
    display: inline-block;
    background: #F2F3F8;
    position: absolute;
    bottom: -6px;
}
.m-aside-menu .m-menu__nav>.m-menu__item.m-menu__item-dashboard {    gap: 0px;
    margin-bottom: 12px;
}
/*-Berbagi.link V1.3-*/

@media (max-width: 767px) {
    #modal-qr-code .modal-dialog {
        margin: 1.75rem auto;
        max-width: 90%;
    }
    #modal-qr-code .modal-lg {
        max-width: 90% !important;
    }
    #modal-qr-code .qr-image-wrapper {
        max-width: 100%;
        margin: 0 auto;
    }
    #modal-qr-code .modal-content {
        margin: auto;
    }

    /* Profile Setting Mobile */
    .profile-setting-container {
        padding: 12px;
    }
    .profile-setting-preview {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 12px;
    }
    .profile-setting-preview-avatar {
        align-self: center;
    }
    .profile-setting-avatar-img {
        width: 80px;
        height: 80px;
    }
    .profile-setting-preview-content {
        text-align: center;
        width: 100%;
    }
    .profile-setting-preview-name {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .profile-setting-preview-username {
        font-size: 12px;
    }
    .profile-setting-preview-bio {
        font-size: 12px;
    }
    .profile-setting-actions {
        justify-content: center;
        gap: 6px;
    }
    .btn-profile-action {
        flex: 1;
        min-width: 40px;
        padding: 10px 8px;
    }
    .btn-profile-action-edit {
        flex: 1;
        padding: 10px 12px;
        justify-content: center;
    }
    .link-qr-code {
        flex: 1;
        justify-content: center;
        text-align: center;
    }

    /* Modal Share Profile Mobile */
    #modal-share-profile .modal-dialog {
        margin: 1.75rem auto;
        max-width: 90%;
    }
    #modal-share-profile .modal-lg {
        max-width: 90% !important;
    }
    #modal-share-profile .modal-content {
        margin: auto;
    }
    .share-options-container {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
    .share-option-btn {
        width: 100%;
        height: auto;
        min-height: 80px;
        padding: 12px 8px;
    }
    .share-option-icon img {
        width: 28px;
        height: 28px;
    }
    .share-option-btn span {
        font-size: 11px;
    }
}

@media (max-width: 500px) {
    #modal-qr-code .modal-dialog {
        margin: 1rem auto;
        max-width: 95%;
    }
    #modal-qr-code.modal .modal-content .modal-body {
        padding: 0px 16px 20px 16px;
    }
    #modal-qr-code .share-section {
        margin-top: 16px;
    }
    #modal-qr-code .download-section {
        margin-top: 20px;
    }
    #modal-qr-code .social-media-list {
        gap: 12px;
    }
    button.social-media-btn {
        height: 20px;
        width: 20px;
    }
    #modal-qr-code .download-list {
        gap: 12px;
    }
    #modal-qr-code .download-item {
        padding: 5px 10px;
        font-size: 10px;
    }

    /* Profile Setting Mobile Small */
    .profile-setting-container {
        padding: 10px;
    }
    .profile-setting-avatar-img {
        width: 70px;
        height: 70px;
    }
    .profile-setting-preview-name {
        font-size: 14px;
    }
    .profile-setting-preview-username {
        font-size: 11px;
    }
    .profile-setting-preview-bio {
        font-size: 11px;
    }

    /* Modal Share Profile Mobile Small */
    #modal-share-profile .modal-dialog {
        margin: 1rem auto;
        max-width: 95%;
    }
    #modal-share-profile .modal-lg {
        max-width: 95% !important;
    }
    #modal-share-profile .modal-body {
        padding: 16px 12px;
    }
    .share-options-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .share-option-btn {
        min-height: 70px;
        padding: 10px 6px;
    }
    .share-option-icon img {
        width: 24px;
        height: 24px;
    }
    .share-option-btn span {
        font-size: 10px;
    }
    .profile-setting-actions {
        gap: 5px;
    }
    .btn-profile-action {
        padding: 8px 6px;
    }
    .btn-profile-action img {
        width: 18px;
        height: 18px;
    }
    .btn-profile-action-edit {
        padding: 8px 10px;
        font-size: 10px;
    }
    .btn-profile-action-edit img {
        width: 18px;
        height: 18px;
    }
    .link-qr-code {
        padding: 8px 10px;
        font-size: 10px;
    }
    .link-qr-code img {
        width: 18px;
        height: 18px;
        margin-right: 6px;
    }
}

@media (min-width: 768px) {
    .m-subheader {
        padding: 20px 30px 0 30px;
    }
}

@media (max-width: 1199px) {
    .my-pagination-container {
        text-align: center;
    }
}

@media (max-width: 1024px) {
    .m-topbar
        .m-topbar__nav.m-nav
        > .m-nav__item
        > .m-nav__link
        .m-topbar__userpic
        img {
        height: 31px;
    }

    .crown-user {
        width: 15px;
        right: 18px;
        top: 4px;
        padding: 1px;
    }

    .m-subheader {
        padding: 20px 20px 0 20px;
    }

    .container-berbagi-link {
        padding-right: 0px;
    }

    .menu-preview {
        display: block !important;
    }

    .form-link-value.whatsapp::after {
        top: 41px;
    }

    .status-user-container {
        top: 15px;
        width: auto;
        left: 25px;
        height: 22px;
    }

    .status-user-container.status-user-container-mobile {
        display: block;
    }

    .m-topbar__user-profile .status-user-container {
        display: none;
    }

    .link-item-admin-container .link-right-item {
        width: 45px;
    }

    .link-item-admin-container .link-left-item {
        width: 55px;
    }
}

@media (min-width: 1400px) {
    .modal-dialog.modal-xl {
        max-width: 1299px;
    }
}

@media (min-width: 1399px) {
    .modal-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1024px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
    .modal-new-section .modal-lg,
    .modal-new-section .modal-xl {
        max-width: 850px;
    }
}

@media (min-width: 1025px) {
    .status-user-super-container {
        position: relative;
    }

    .m-aside-left--minimize
        .m-aside-menu
        .m-menu__nav
        > .m-menu__item
        .side-menu-item-icon-container {
        padding-left: 0;
        padding-right: 0;
        /* top: 8px; */
        top: 0px;
        text-align: center;
        right: -12px;
    }

    .m-aside-left--minimize
        .m-aside-menu
        .m-menu__nav
        > .m-menu__item
        .m-menu__link.m-menu__toggle
        .side-menu-item-icon-container {
        padding-left: 0;
        padding-right: 0;
        top: 8px;
        text-align: center;
        right: 25px;
    }
}

@media (max-width: 1200px) {
    .m-nav__item-notif.m-dropdown.m-dropdown--align-right .m-dropdown__wrapper {
        right: -45px;
    }
}
@media (max-width: 992px) {
    .m-nav__item-notif.m-dropdown.m-dropdown--align-right .m-dropdown__wrapper {
        right: -45px;
    }
    .modal-new-section-item .link-menu-items .nav {
        overflow-x: auto;
    }
    .link-item-admin-edit-v-1_3 .link-menu-items .nav {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 768px) {
    #m_header_topbar
        .m-dropdown.m-dropdown--arrow.m-dropdown--up
        .m-dropdown__arrow.m-dropdown__arrow--right,
    #m_header_topbar
        .m-dropdown.m-dropdown--arrow
        .m-dropdown__arrow.m-dropdown__arrow--right {
        display: none;
    }

    .m-nav__item-notif.m-dropdown.m-dropdown--align-right .m-dropdown__wrapper {
        right: 0px;
        left: 0px;
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    /* Modal New Section Mobile Fixes */
    .modal-new-section .modal-dialog {
        margin: 10px;
        max-width: calc(100% - 20px);
    }

    .modal-new-section .modal-content .modal-body {
        padding: 0px 16px 0px 16px;
    }

    .modal-new-section-tab {
        gap: 12px;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .modal-new-section-tab::-webkit-scrollbar {
        display: none;
    }

    .modal-new-section-tab-item {
        white-space: nowrap;
        min-width: 60px;
        flex-shrink: 0;
    }

    .modal-new-section-list-per-tab-body {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .modal-new-section-list-per-tab-item {
        padding: 8px 10px;
    }

    .modal-new-section-list-per-tab-item-img {
        width: 20px;
        height: 20px;
        margin-bottom: 6px;
    }

    .modal-new-section-list-per-tab-item-title {
        font-size: 12px;
        margin-bottom: 2px;
        gap: 4px;
    }

    .modal-new-section-list-per-tab-item-desc {
        font-size: 10px;
        line-height: 1.3;
    }

    .modal-new-section-list-per-tab-item-crown {
        width: 12px !important;
        height: 12px !important;
    }

    h5.modal-new-section-label {
        font-size: 13px;
    }

    .modal-new-section-btn-back-img {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 600px) {
}

@media (max-width: 550px) {
    .link-qr-code {
        margin-top: 20px;
        display: inline-block;
    }

    .link-button {
        margin-top: 20px;
        display: inline-block;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav.m-menu__nav
        > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-text.m-menu__link-text {
        color: #2FAE9E;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav.m-menu__nav
        > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-icon-container
        img {
        display: block;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav.m-menu__nav
        > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-icon-container
        .side-menu-item-icon-black {
        display: none;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav.m-menu__nav
        > .m-menu__item
        .m-menu__submenu
        .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-text.m-menu__link-text {
        color: #2FAE9E;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav.m-menu__nav
        > .m-menu__item
        .m-menu__submenu
        .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-icon-container
        img {
        display: block;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav.m-menu__nav
        > .m-menu__item
        .m-menu__submenu
        .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-icon-container
        .side-menu-item-icon-black {
        display: none;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav-2.m-menu__nav
        > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-text.m-menu__link-text {
        color: #2FAE9E;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav-2.m-menu__nav
        > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-icon-container
        img {
        display: block;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav-2.m-menu__nav
        > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-icon-container
        .side-menu-item-icon-black {
        display: none;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav-2.m-menu__nav
        > .m-menu__item
        .m-menu__submenu
        .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-text.m-menu__link-text {
        color: #2FAE9E;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav-2.m-menu__nav
        > .m-menu__item
        .m-menu__submenu
        .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-icon-container
        img {
        display: block;
    }

    .m-aside-menu.m-aside-menu--skin-light
        #ul-m-menu__nav-2.m-menu__nav
        > .m-menu__item
        .m-menu__submenu
        .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(
            .m-menu__item--expanded
        ):not(.m-menu__item--active)
        .side-menu-item-icon-container
        .side-menu-item-icon-black {
        display: none;
    }

    .m-aside-left--minimize
        .m-aside-menu
        .m-menu__nav
        > .m-menu__item
        > .m-menu__link
        .m-menu__link-title
        .badge-new {
        display: block;
    }

    .button-action-list {
        right: 0px;
    }

    .table-responsive-mob-app {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item-upgrade-account {
        display: none;
    }
}

@media (max-width: 397px) {
}

@media (max-width: 374px) {
    .group-link-business-body
        .link-item-admin-container
        .link-center-item
        .lbl-link {
        font-size: 13px;
    }

    .group-link-business-body .lbl-subtitle {
        font-size: 9px;
    }
}