/*---



--*/

body {
    font-family: Montserrat, Helvetica, Arial, serif;
}


.main {
    display: flex;
}

.desktop_navbar {
    display: flex;
    background: #0C2605;
    color: rgba(255, 255, 255, 0.87);
    position: fixed;
    z-index: 5;
    top: 0px;
    overflow: hidden;
    width: 104px;
    min-height: 100vh;
    transition: width 0.3s ease 0s;
    align-self: flex-start;
    flex-direction: column;
}

.desktop_navbar.open {
    background: #0C2605;
    color: rgba(255, 255, 255, 0.87);
    position: fixed;
    z-index: 5;
    top: 0px;
    overflow: hidden;
    width: 360px;
    min-height: 100vh;
    transition: width 0.3s ease 0s;
    align-self: flex-start;
}

.desktop_navbar .nav-header {
    height: 105px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.desktop_navbar .nav-link-wrapper {
    display: flex;
    flex-grow: 1;
}

.desktop_navbar .nav-link-master {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 0;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: auto;
    background-color: transparent;
    -webkit-box-pack: start;
    justify-content: flex-start;
    transition: margin 0.3s ease 0s;
    width: 104px;
}

.desktop_navbar.open .nav-link-master {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 0;
    list-style: none;
    margin: 0px 8px;
    padding: 0px;
    height: auto;
    background-color: transparent;
    -webkit-box-pack: start;
    justify-content: flex-start;
    transition: margin 0.3s ease 0s;
    width: 104px;
}

.desktop_navbar .nav-link-master .nav-link-list {
    list-style: none;
    ;
    width: 104px;
    height: 65px;
    text-align: center;

}

.desktop_navbar .nav-link-master .nav-link-list {
    position: relative;

}

.desktop_navbar .nav-link-master .nav-link-list-link {
    position: relative;
    display: flex;
    width: 100%;
    height: 56px;
    padding: 0px 8px;
    box-sizing: border-box;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: inherit;
    opacity: 1;
    border-radius: 6px;
    transition: opacity 0.15s ease 0s, background-color 0.15s ease 0s;
    text-decoration: none;
}

.desktop_navbar .nav-link-master .nav-link-list-link:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.desktop_navbar .nav-link-master .nav-link-list.active .nav-link-list-link .nav-link-list-icon svg path {
    fill: #8EBF24;
}

.desktop_navbar .nav-link-master .nav-link-list.active .nav-link-list-link .list_link_name {
    color: #8EBF24;
}

.desktop_navbar .nav-link-master .nav-link-list.active:after {
    content: " ";
    width: 5px;
    height: 100%;
    background-color: #8EBF24;
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
}

.desktop_navbar.open .nav-link-master .nav-link-list.active:after {
    display: none;
}

.desktop_navbar .nav-link-master .nav-link-list-link .nav-link-list-icon svg {
    fill: #fff;
}

.desktop_navbar .nav-link-master .nav-link-list-link .list_link_name {
    font-size: 0.8125rem;
    line-height: 1.23em;
}

.desktop_navbar .nav-footer {
    display: flex;
    justify-self: flex-end;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

.desktop_navbar .nav-footer .nav-link {
    position: relative;
    display: flex;
    width: 100%;
    height: 56px;
    padding: 0px 8px;
    box-sizing: border-box;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: inherit;
    opacity: 1;
    border-radius: 6px;
    transition: opacity 0.15s ease 0s, background-color 0.15s ease 0s;
    text-decoration: none;
}

.desktop_navbar .nav-footer .nav-link .nav-link-icon svg path {
    fill: #fff;
}

.desktop_navbar .nav-footer .nav-link .nav-link-name {
    font-size: 0.8125rem;
    line-height: 1.23em;
}

.desktop_navbar_placeholder {
    width: 104px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
}



.content-wrapper-outer {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
    z-index: 3;
    min-height: 100vh;
}

.content-wrapper-outer.open {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    overflow-x: hidden;
    position: relative;
    z-index: 3;
    min-height: 100vh;
}

.content-wrapper-inner {
    transition: transform 0.3s ease 0s;
}

.content-wrapper-inner.open {
    transform: translateX(256px);
}


/* updated nav bar */


.desktop_navbar_container {
    position: fixed;
    z-index: 999;
    margin-left: -104px;
    transition: margin-left 0.3s ease 0s;
}

.desktop_navbar_container.open {
    margin-left: 0;
}

.desktop_navbar {
    display: flex;
    background: #0C2605;
    color: rgba(255, 255, 255, 0.87);
    position: fixed;
    z-index: 999;
    top: 0px;
    overflow: hidden;
    width: 104px;
    min-height: 100vh;
    transition: width 0.3s ease 0s;
    align-self: flex-start;
    flex-direction: column;
    box-shadow: 0 4px 20px 1px rgb(0 0 0 / 6%), 0 1px 4px rgb(0 0 0 / 8%);
}

.desktop_navbar.open {
    background: #0C2605;
    color: rgba(255, 255, 255, 0.87);
    position: fixed;
    z-index: 999;
    top: 0px;
    overflow: hidden;
    width: 360px;
    min-height: 100vh;
    transition: width 0.3s ease 0s;
    align-self: flex-start;
}

.desktop_navbar .nav-header {
    height: 105px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.desktop_navbar .nav-link-wrapper {
    display: flex;
    flex-grow: 1;
}

.desktop_navbar .nav-link-master {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 0;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: auto;
    background-color: transparent;
    -webkit-box-pack: start;
    justify-content: flex-start;
    transition: margin 0.3s ease 0s;
    width: 104px;
}

.desktop_navbar.open .nav-link-master {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 0;
    list-style: none;
    margin: 0px 8px;
    padding: 0px;
    height: auto;
    background-color: transparent;
    -webkit-box-pack: start;
    justify-content: flex-start;
    transition: margin 0.3s ease 0s;
    width: 104px;
}

.desktop_navbar .nav-link-master .nav-link-list {
    list-style: none;
    ;
    width: 104px;
    height: 80px;
    text-align: center;

}

.desktop_navbar .nav-link-master .nav-link-list {
    position: relative;

}

.desktop_navbar .nav-link-master .nav-link-list-link {
    position: relative;
    display: flex;
    width: 100%;
    height: 80px;
    padding: 0px 8px;
    box-sizing: border-box;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: inherit;
    opacity: 1;
    border-radius: 6px;
    transition: opacity 0.15s ease 0s, background-color 0.15s ease 0s;
    text-decoration: none;
}

.desktop_navbar .nav-link-master .nav-link-list-link .nav-link-list-icon .nav-icon {
    font-size: 24px;
    height: 24px;
    width: 24px;
    display: block;
    margin: 0 auto 6px;
}

.desktop_navbar .nav-link-master .nav-link-list-link:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.desktop_navbar .nav-link-master .nav-link-list.active .nav-link-list-link .nav-link-list-icon svg {
    fill: #8EBF24;
}

.desktop_navbar .nav-link-master .nav-link-list.active .nav-link-list-link .nav-link-list-icon .nav-icon {
    color: #8EBF24;
}

.desktop_navbar .nav-link-master .nav-link-list.active .nav-link-list-link .list_link_name {
    color: #8EBF24;
}

.desktop_navbar .nav-link-master .nav-link-list.active:after {
    content: " ";
    width: 5px;
    height: 100%;
    background-color: #8EBF24;
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
}

.desktop_navbar.open .nav-link-master .nav-link-list.active:after {
    display: none;
}

.desktop_navbar .nav-link-master .nav-link-list-link .nav-link-list-icon svg {
    fill: #ffffff;
}

.desktop_navbar .nav-link-master .nav-link-list-link .list_link_name {
    font-size: 0.8125rem;
    line-height: 1.23em;
}

.desktop_navbar .nav-footer {
    display: flex;
    justify-self: flex-end;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

.desktop_navbar .nav-footer .nav-link {
    position: relative;
    display: flex;
    width: 100%;
    height: 56px;
    padding: 0px 8px;
    box-sizing: border-box;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: inherit;
    opacity: 1;
    border-radius: 6px;
    transition: opacity 0.15s ease 0s, background-color 0.15s ease 0s;
    text-decoration: none;
}

.desktop_navbar .nav-footer .nav-link .nav-link-icon svg path {
    fill: #ffffff;
}

.desktop_navbar .nav-footer .nav-link .nav-link-name {
    font-size: 0.8125rem;
    line-height: 1.23em;
}

.desktop_navbar_placeholder {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 997;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    display: none;
}

.desktop_navbar_placeholder.open {
    display: block;
}



.content-wrapper-outer {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
    z-index: 998;
    min-height: 100vh;
}

.content-wrapper-outer.open {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    overflow-x: hidden;
    position: relative;
    z-index: 998;
    min-height: 100vh;
}

.content-wrapper-inner {
    transition: transform 0.3s ease 0s;
}

.content-wrapper-inner.open {
    transform: translateX(256px);
}


.DsubNav {
    width: 220px;
    position: fixed;
    height: 100%;
    margin-left: -360px;
    background: #ffffff;
    box-shadow: 0 4px 20px 1px rgb(0 0 0 / 6%), 0 1px 4px rgb(0 0 0 / 8%);
    z-index: 998;
    transition: margin-left 0.3s ease 0s;
    padding-top: 80px;
}

#DNav+.DsubNav.open {
    margin-left: 104px;
}

#DNav.open+.DsubNav.open {
    margin-left: 360px;
}


.DsubNav .childNav {
    display: none;
    margin: 0;
    list-style: none;
    padding: 0;
}

.DsubNav .childNav.show {
    display: block;
}

.DsubNav .childNav li.nav-item a {
    color: #332e38;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    font-size: 13px;
    cursor: pointer;
    padding: 12px 24px;
    transition: .15s all ease-in;
}

.DsubNav .childNav li.nav-item a:hover {
    background: #eee;
}

.DsubNav .childNav li.nav-item a .nav-icon {
    font-size: 18px;
    margin-right: 8px;
    vertical-align: middle;
    color: #70657b;
}

.DsubNav .childNav li.nav-item a .item-name {
    vertical-align: middle;
    font-weight: 400;
}


@media (max-width: 576px) {
    .main-header .menu-toggle {
        margin: 0 36px !important;
    }
}




/* end navbar */








/*----- Order ----*/
.order-list-item-card {
    cursor: pointer;
}

.orders-card .order-details {
    background: #f5f8fa;
    border-radius: 8px;
    padding: 16px;
    min-height: 400px;
}

.orders-card .nav .nav-item .nav-link {
    font-weight: 600;
}

.orders-card .nav .nav-item .nav-link.active {
    color: #548C1C;
}

.orders-card .nav .nav-item .nav-link.active .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #548C1C;
}

.orders-card .order-search {
    position: relative;
}

.order-search-icon {
    position: absolute;
    right: 10px;
    top: 10px;
}

.orders-card .order-search .form-control {
    padding-right: 40px;
}

.orders-card .order-list {
    margin: 16px 0;
}

.orders-card .order-list .order-list-box {
    display: flex;
    box-sizing: border-box;
    padding: 16px 8px;
    cursor: pointer;
    position: relative;
}

.orders-card .order-list .order-list-box .order-partner-icon-box {
    display: flex;
    align-self: center;
}

.orders-card .order-list .order-list-box .order-partner-icon-box .order-partner-icon {
    background: #F5F8FA;
    border-radius: 8px;
    padding: 16px;
    display: inline-flex;
}

.orders-card .order-list .order-list-box .order-list-details {
    padding-left: 8px;
    color: #010D00;
}

.orders-card .order-list .order-list-box .order-list-details .order-list-on {
    font-weight: 600;
    font-size: 16px;
}

.orders-card .order-list .order-list-box .order-list-details .order-list-ref-on {
    font-weight: 600;
    font-size: 12px;
}

.orders-card .order-list .order-list-box .order-list-details .order-list-brand {
    font-size: 12px;
}

.orders-card .order-list .order-list-box .order-list-details .order-list-amount {
    font-size: 12px;
    font-weight: 600;
}

.cashpaid {
    color: #8EBF24;
}

.notpaid {
    color: #E71C38;
}

.orders-card .order-list .order-list-box .order-list-details .order-list-status {
    font-size: 12px;
    margin-top: 4px;
}

.orders-card .order-list .order-list-box.active {
    background: #F5F8FA;
    border-radius: 16px 0 0 16px;
}

.orders-card .order-list .order-list-box.active::after {
    content: " ";
    height: 100%;
    width: 3rem;
    background: #f5f8fa;
    position: absolute;
    right: -1.5rem;
    top: 0px;
}

.od-status {
    padding: 4px 8px;
    border-radius: 4px;
}

.od-status.green {
    background: #E4EED9;
    color: #8EBF24;
}


.orders-card .order-details .order-details-header {
    display: flex;
    margin-bottom: 16px;
    justify-content: space-between;
}

.orders-card .order-details .order-details-header .order-title-left {
    display: flex;
}

.orders-card .order-details .order-details-header .order-title-right {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.orders-card .order-details .order-details-header .order-partner-icon-box .order-partner-icon {
    background: #F5F8FA;
    border-radius: 8px;
    padding: 16px;
    display: inline-flex;
}

.orders-card .order-details .order-details-header .order-title-right .order-details-date {
    padding-top: 6px;
}

.orders-card .order-details .order-details-header .order-details-on {
    font-size: 18px;
    font-weight: 600;
}

.order-details-table {
    width: 100%;
}

.order-details-table tbody {
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: #EBEDF3;
}

.order-details-table .amount {
    text-align: right;
    width: 150px;
}

.order-details-table tbody tr td {
    padding: 8px 0;
}

.order-details-table .sub-total td {
    font-weight: 600;
    padding-top: 16px;
}

.order-details-table .total td {
    font-weight: 600;
    font-size: 16px;
}




/* ----------------------- Menu ------------------------ */

.menu-category-section {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.menu-category-section .menu-category-link {
    padding: 8px 0;
    color: #010D00;
}

.menu-category-section .menu-category-link.active {
    color: #548C1C;
    font-weight: 700;
}

.menu-category-section .menu-category-list {
    display: flex;
    justify-content: space-between;
}

.menu-category-section .menu-category-list .menu-category-title {
    display: inline-flex;
    align-items: center;
}

.menu-category-section .menu-category-list .menu-category-title .menu-category-name {}

.menu-category-section .menu-category-list .menu-category-title .icon-handle {
    display: inline-flex;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z' fill='black'/%3E%3Cpath opacity='0.3' d='M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z' fill='black'/%3E%3C/svg%3E");
}

.menu-item-box {
    margin-bottom: 2rem;
    padding: 1.25rem 0;
}

.menu-item-box .menu-item-name {
    font-weight: 600;
}

.menu-item-box .menu-item-price {
    font-weight: 600;
    color: #8ebf24;
}

.menu-item-box .menu-item-image {
    position: relative;
    padding: 0 1.25rem 1.25rem 1.25rem;
}

.menu-item-box .menu-item-image.draggable-handle::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2.5rem);
    height: calc(100% - 1.25rem);
    content: " ";
    margin: 1.25rem;
    margin-top: 0rem;
    background: rgb(0 0 0 / 50%);
}

.menu-item-box .menu-item-image.draggable-handle::after {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2.5rem);
    height: calc(100% - 2.5rem);
    content: " Click & Drag to arrange the menu ";
    margin: 1.25rem;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: .5rem;
    text-align: center;
}

.menu-item-box .menu-item-image .vm-image-action {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
}

.menu-item-box .menu-item-description {
    font-size: .95rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-bottom: .75rem;
    display: block;
    display: -webkit-box;
    line-height: 1.25rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.5rem;
}

/*----- 24/09/2024 ----*/
.page-title-back-btn {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.page-title-section {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}


/* 01/10/2024 */
.menu-list-box {}

.menu-list-item {
    box-shadow: 0 10px 35px 0 rgba(56, 71, 109, .075);
    margin-bottom: .75rem;
    padding: 2rem 2.25rem;
    display: flex;
    justify-content: space-between;
}

.menu-list-item.master-menu {
    border-bottom: solid 5px #82c13d;
}

.menu-list-item.master-menu .menu-list-item-title::after {
    content: " ";
    display: inline-flex;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1.33334L28 6.66668V14.6667C28 22.0667 22.88 28.9867 16 30.6667C9.12 28.9867 4 22.0667 4 14.6667V6.66668L16 1.33334ZM21.3333 18.6667H10.6667V20.6667C10.6667 21.0267 10.92 21.28 11.2933 21.3333H20.5733C20.9867 21.3333 21.2667 21.12 21.3333 20.7867V18.6667ZM22.6667 10.6667L19.1067 14.2267L16 11.12L12.8933 14.2267L9.33333 10.6667L10.6667 17.3333H21.3333L22.6667 10.6667Z' fill='%238EBF24'/%3E%3C/svg%3E%0A");
    background-size: cover;
    vertical-align: middle;
    margin-left: 0.5rem;
}

.menu-list-item-details {
    display: flex;
    flex-direction: column;
    /* flex-grow: 1; */
}

.menu-list-item-title {
    line-height: 1.2;
    color: #181c32;
    font-size: 1.35rem;
    font-weight: 600;
    margin-bottom: .5rem;
    /* white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; */
}

.menu-list-item-subtitle {
    color: #a1a5b7;
    font-weight: 500;
    font-size: .95rem;
    /* text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap; */
}
.menu-list-item-channels{
    padding-top:10px;
}
.menu-list-item-channels .menu-list-item-channel-logo{
    width: 32px;
    height: 32px;
    border-radius: 16px;
    padding: 4px;
}
.menu-list-item-channels .menu-list-item-channel-logo:hover{
    padding: 0px;
}

.menu-list-item-action {
    display: flex;
    flex-basis: 180px;
    justify-content: end;
}

.menu-list-item-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
    height: calc(1.5em + 1.5rem + 2px);
    width: calc(1.5em + 1.5rem + 2px);
}

.mrd-icon {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border: none;
    cursor: pointer;

    /* Hide button caption text */
    overflow: hidden;
    color: transparent;

    /* The fill animation */
    background-color: #a1a5b7;
    transition: background-color 0.2s;
}

.mrd-edit-icon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='24' height='24' /%3E%3Cpath d='M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z' fill='%23000000' fill-rule='nonzero' transform='translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) ' /%3E%3Crect fill='%23000000' opacity='0.3' x='5' y='20' width='15' height='2' rx='1' /%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--svg);
    mask: var(--svg);
}

.mrd-delete-icon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z' fill='%23000000' fill-rule='nonzero'%3E%3C/path%3E%3Cpath d='M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z' fill='%23000000' opacity='0.3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--svg);
    mask: var(--svg);
}

.mrd-view-icon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon points='0 0 24 0 24 24 0 24' /%3E%3Crect fill='%23000000' opacity='0.3' transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) ' x='11' y='5' width='2' height='14' rx='1' /%3E%3Cpath d='M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z' fill='%23000000' fill-rule='nonzero' transform='translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997) ' /%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--svg);
    mask: var(--svg);
}

.mrd-duplicate-icon {
    /* Store the SVG in a variable so it's easy to use */
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'  viewBox='0 0 24 24' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='24' height='24' /%3E%3Cpath d='M15.9956071,6 L9,6 C7.34314575,6 6,7.34314575 6,9 L6,15.9956071 C4.70185442,15.9316381 4,15.1706419 4,13.8181818 L4,6.18181818 C4,4.76751186 4.76751186,4 6.18181818,4 L13.8181818,4 C15.1706419,4 15.9316381,4.70185442 15.9956071,6 Z' fill='%23000000' fill-rule='nonzero' opacity='0.3' /%3E%3Cpath d='M10.1818182,8 L17.8181818,8 C19.2324881,8 20,8.76751186 20,10.1818182 L20,17.8181818 C20,19.2324881 19.2324881,20 17.8181818,20 L10.1818182,20 C8.76751186,20 8,19.2324881 8,17.8181818 L8,10.1818182 C8,8.76751186 8.76751186,8 10.1818182,8 Z' fill='%23000000' /%3E%3C/g%3E%3C/svg%3E");

    /* Chrome, still requires prefix in 2022 */
    -webkit-mask: var(--svg);

    /* Firefox and Safari */
    mask: var(--svg);
}

.menu-list-item-btn:hover .mrd-icon {
    background-color: #82c13d;
}

.btn-primary .mrd-icon {
    background-color: #ffffff;
}



.mrd-sort-icon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='24' height='24' /%3E%3Crect fill='%23000000' x='4' y='5' width='16' height='3' rx='1.5' /%3E%3Cpath d='M7.5,11 L16.5,11 C17.3284271,11 18,11.6715729 18,12.5 C18,13.3284271 17.3284271,14 16.5,14 L7.5,14 C6.67157288,14 6,13.3284271 6,12.5 C6,11.6715729 6.67157288,11 7.5,11 Z M10.5,17 L13.5,17 C14.3284271,17 15,17.6715729 15,18.5 C15,19.3284271 14.3284271,20 13.5,20 L10.5,20 C9.67157288,20 9,19.3284271 9,18.5 C9,17.6715729 9.67157288,17 10.5,17 Z' fill='%23000000' opacity='0.3' /%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--svg);
    mask: var(--svg);
}

.mrd-add-icon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='24' height='24' /%3E%3Ccircle fill='%23000000' opacity='0.3' cx='12' cy='12' r='10' /%3E%3Cpath d='M11,11 L11,7 C11,6.44771525 11.4477153,6 12,6 C12.5522847,6 13,6.44771525 13,7 L13,11 L17,11 C17.5522847,11 18,11.4477153 18,12 C18,12.5522847 17.5522847,13 17,13 L13,13 L13,17 C13,17.5522847 12.5522847,18 12,18 C11.4477153,18 11,17.5522847 11,17 L11,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L11,11 Z' fill='%23000000' /%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--svg);
    mask: var(--svg);
}


.mrd-card-head {
    display: flex;
    justify-content: space-between;
}

.mrd-card-title {
    font-weight: 600;
    font-size: 1.15rem;
    align-self: center;
    color: #181c32;
}

.mrd-card-toolbar {}



/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    #kt_wrapper {
        margin-left: 104px;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    /* #kt_wrapper{
        margin-left: 0px;
    } */
}