:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529
}

body,
p {
    font-family: roboto, sans-serif;
    font-size: 13px
}

.theme-form input[type=text],
.theme-form input[type=email],
.theme-form input[type=search],
.theme-form input[type=password],
.theme-form input[type=number],
.theme-form input[type=tel],
.theme-form input[type=date],
.theme-form input[type=datetime-local],
.theme-form input[type=time],
.theme-form input[type=datetime-local],
.theme-form input[type=month],
.theme-form input[type=week],
.theme-form input[type=url],
.theme-form input[type=file],
.theme-form select {
    font-family: roboto, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: roboto condensed, sans-serif
}

.auth-bg {
    background-size: cover
}

.authentication-box {
    max-width: 430px
}

.logo-login {
    background: #5ec5c4;
    max-width: 100px;
    margin: auto;
    padding: 10px;
    border-radius: 100px;
    position: relative;
    z-index: 9;
    text-align: center;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

.logo-login img {
    width: 75px
}

.btn-primary {
    background-color: #5ec5c4 !important;
    border-color: #5ec5c4 !important;
    color: #fff
}

.authentication-box h4 {
    color: #333;
    font-weight: 500;
    letter-spacing: 0;
    font-family: roboto condensed, sans-serif
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #52b5b4 !important;
    border-color: #52b5b4 !important
}

.authentication-box .btn-primary {
    min-height: 40px;
    background-color: #444 !important;
    border-color: #111 !important
}

.authentication-box .card {
    margin-top: -47px !important;
    border-color: #fff;
    background: linear-gradient(180deg, rgba(245, 255, 255, 0.84) 0%, #ffffffc2 50%, #ffffffcf 100%);
    border-radius: 10px
}

.d-flex.icon-login-page {
    background: #fff
}

.authentication-box h4,
.authentication-box p,
.authentication-box h4 {
    color: #fff
}

.icon-login-page span {
    background: #fbfbfb;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 17px;
    color: #8a8a8a
}

.authentication-box input.form-control {
    border-radius: 0;
    background-color: #fff;
    border: 0;
    height: 45px;
    color: #000;
    font-weight: 300
}

.authentication-box .col-form-label {
    line-height: 1.5;
    font-weight: 300;
    color: #000
}

.authentication-box input.form-control::placeholder {
    color: #000 !important;
    font-weight: 300 !important;
    opacity: 1
}

.authentication-box input.form-control:-ms-input-placeholder {
    color: #000 !important;
    font-weight: 300 !important
}

.authentication-box input.form-control::-ms-input-placeholder {
    color: #000 !important;
    font-weight: 300 !important
}

.authentication-box .theme-form .checkbox label {
    padding-left: 10px;
    color: #000
}

.authentication-box .checkbox label::before {
    border: 1px solid #444;
    border-radius: 2px;
    background-color: transparent
}

.checkbox label::before {border: 1px solid #198754;}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545 !important;
}
.checkbox-group-invalid label::before {border: 1px solid #dc3545; }
.scroll-demo { 
     border: 0px solid #eeeeee; 
}

.page-wrapper .page-body-wrapper.sidebar-icon .sidebar-menu>li>a .fa-angle-right {
    display: block
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border: solid 1px #dc3545 !important
}

a.btn.btn-history {
    border: solid 1px #dfe3e8 !important
}

.user-block .box-mid {
    max-width: 500px;
    display: inline-block
}

.user-block .box-mid svg {
    max-height: 300px;
    margin: auto;
    width: 400px
}

.user-block h1 {
    font-family: roboto condensed, sans-serif;
    margin: 0
}

.user-block p {
    font-family: roboto, sans-serif
}

.container-fluid.user-block {
    text-align: center;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 97vh
}

.container-fluid.user-block .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.loader-wrapper {
    text-align: center;
    background-color: hsl(0deg 0% 0%/75%)
}

.loader-wrapper .loader {
    background: #5ec5c4;
    width: 70px;
    height: 70px;
    border: 3px solid #25a1a0;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    text-align: center
}

.loader-wrapper .loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-bottom-color: #fff
}

.loader-wrapper .loader::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader-icon {
    width: auto;
    height: auto;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: 0;
}

.loader-icon svg {
    width: 30px;
    height: 30px
}
.loader-icon img {
    width: 110px;
    height: 110px
}

.page-wrapper .page-body-wrapper.sidebar-icon .sidebar-header>span {
    font-family: roboto, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    text-transform: none;
    width: 70px;
    margin: auto;
    text-align: center
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu>li {
    padding: 0
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu {
    padding: 0
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu .sidebar-header {
    margin-top: 0;
    border-bottom: solid 1px #eee;
    height: 78px;
    display: flex;
    justify-content: center !important;
    align-items: center;
    flex-direction: column;
    padding: 15px 0
}

.page-main-header .main-header-left .logo-wrapper svg {
       width: 77px;
    height: auto;
    margin: 0 19px;
}

.drop-icon-menu {
    position: absolute;
    right: 15px;
    color: #cacaca !important
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar {
    overflow: auto;
    height: calc(100vh - 70px) !important;
    display: block;
    overflow-x: hidden
}

ul.sidebar-submenu.child_menu.menu-open {
    position: fixed !important
}

.page-wrapper .page-body-wrapper .page-sidebar {
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: inherit;
    transition: inherit
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li.active:hover>.sidebar-submenu {
    display: none
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li:hover>.sidebar-submenu {
    display: none
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a.active {
    color: #000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #f7f7fa
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu>li.active a i,
.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu>li.active a span {
    color: #000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu .sidebar-header {
    position: relative
}

.page-wrapper .page-body-wrapper .page-header .row h3 {
    font-size: 20px;
    font-weight: 500
}

.dataTables_wrapper .dataTables_length {
    margin-bottom: 15px
}

.dataTables_wrapper .dataTables_filter {
    margin-bottom: 15px;
    margin-left: 15px
}

.form-control {
    font-size: 13px
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li .single-header,
.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li .sidebar-submenu,
.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li a:hover+ul {
    margin-left: 151px;
    border-radius: 10px
}

.page-main-header .main-header-right .nav-right .profile-dropdown {
    border-radius: 10px
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar~.page-body {
    margin-left: 145px;
    width: calc(100% - 145px)
}

.open-module-search-fillter .collapse-filter.collapse-filter.filter-collapsemySidepanelCart {
    width: 1024px !important;
    top: 80px
}

.collapse-filter.filter-collapsemySidepanelCart a.closebtn-fillter.closebtn.btn {
    position: absolute;
    right: 0;
    z-index: 99;
    background: #fff
}

.collapse-filter.filter-collapsemySidepanelCart .card.card-body {
    min-height: 100%;
    margin: 0;
    height: 100%
}

.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td {
    border-bottom: 1px solid #ddd
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #fff
}

table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #fff
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: 1px solid #dfdfdf
}

.dataTables_wrapper table.dataTable {
    border: 1px solid #f4f6f8
}

table.dataTable.display tbody tr.odd>.sorting_1 {
    background-color: #fff
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #fff
}

.btn-list .btn {
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: #5ec5c4 !important;
    color: #5ec5c4
}

.btn-list {
    display: flex;
    gap: 5px
}

.btn-list .btn:hover {
    border-color: #5ec5c4 !important;
    color: #fff;
    background: #5ec5c4 !important
}

div.dataTables_wrapper {
    position: relative;
    font-family: roboto, sans-serif
}

.card {
    -webkit-box-shadow: 0 1px 11px 0 rgb(0 0 0/0%);
    box-shadow: 0 1px 11px 0 rgb(0 0 0/0%);
    border: 1px solid #e7e7e7
}

.card:hover {
    -webkit-box-shadow: 0 1px 11px 0 rgb(0 0 0/0%);
    box-shadow: 0 1px 11px 0 rgb(0 0 0/0%)
}

.card .card-body {
    padding: 15px
}

.card .card-header {
    padding: 15px
}

.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td,
table.display thead td,
table.display thead th {
    border-bottom: 1px solid #ccc;
    border: 1px solid #ccc;
    background: #f3f3f3
}

table.display thead tr th {
    border-bottom: 1px solid #ccc;
    border: 1px solid #ccc;
    background: #f3f3f3
}

.dataTables_wrapper table.dataTable th,
.dataTables_wrapper table.dataTable td {
    font-size: 13px
}

.dataTables_wrapper table.dataTable th {
    position: relative;
    font-family: roboto condensed, sans-serif
}

.dataTables_wrapper table.dataTable tr th:last-child {
    border-right: solid 1px #ddd !important
}

.card .card-footer {
    padding: 15px
}

.page-wrapper .page-body-wrapper .page-body {
    padding: 0 10px
}

.card-body .form-control {
    border: 1px solid #d7d7d7;
    min-height: 37px;
    line-height: 24px
}

.btn {
    font-size: 13px;
    padding: .375rem 1.1rem
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a {
    font-size: 13px;
    color: #333;
    font-weight: 400
}

.page-main-header .main-header-left {
    padding: 0 4px
}

.search-form input {
    border: 1px solid #c6d6d6 !important
}

.search-form input {
    border-radius: 3px;
    padding: 2px 10px;
    background-position: 97%;
    min-height: 41px;
    padding: 2px 8px 5px 36px;
    background-position: 14px;
    min-height: 41px;
    border-color: #c6d6d6;
    border-radius: 5px;
    background-image: url(../images/search.svg)
}

.img-30 {
    width: 35px !important
}

.page-wrapper .page-body-wrapper.sidebar-hover .page-sidebar:hover {
    -webkit-transform: translate(0px);
    transform: translate(0px);
    width: auto
}

.page-body-wrapper.sidebar-icon.sidebar-hover .page-body-wrapper.sidebar-icon.sidebar-hover .page-sidebar:hover .sidebar-menu li .single-header,
.page-body-wrapper.sidebar-icon.sidebar-hover .page-sidebar:hover .sidebar-menu li .sidebar-submenu,
.page-body-wrapper.sidebar-icon.sidebar-hover .page-sidebar:hover .sidebar-menu li a:hover+ul {
    margin-left: 73px
}

.page-main-header .main-header-right {
    padding-left: 20px
}

table.dataTable.row-border tbody th:last-child,
table.dataTable.display tbody th:last-child {
    border-right: solid #ddd
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #5ec5c4
}

.page-wrapper .page-body-wrapper .page-sidebar {
    border-right: solid 1px #eee;
    -webkit-box-shadow: 0 0 11px transparent;
    box-shadow: 0 0 11px transparent
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu .sidebar-header>i {
    font-size: 20px
}

i.icon-Hospitality {
    height: 28px;
    width: 30px;
    background-size: 31px;
    background-image: url(../images/hospitality.svg)
}

div.form-inline.ms-2.search-form.w-100.search-w-250 {
    width: 370px !important
}

span#select2-search_pillars-container span.select2-img img, ul#select2-search_pillars-results span.select2-img img {
    background: #fff5ac;
    padding: 2px;
}

.position-absolute-img-icon {
    position: absolute;
    top: 3px;
    right: 4px;
}
.position-absolute-img-icon span.icon-color-bg {
    width: 35px;
    height: 35px;
}

.position-absolute-img-icon span img {
    width: 30px !important;
    height: auto !important;
}

.d-flex-width span {
    font-size: 12px;
    color: #a1a1a1
}

ul.sidebar-submenu.child_menu.custom-scrollbar.menu-open {
    max-height: 300px;
    overflow: auto
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu {
    padding: 0;
    margin-bottom: 50px
}

ul.sidebar-submenu.child_menu.custom-scrollbar.menu-open {
    max-height: 240px;
    overflow: auto
}

.collapse-filter {
    width: 0;
    position: fixed;
    box-shadow: -7px 5px 10px rgba(0, 0, 0, .1);
    border: 1px solid #e7e7e7;
    background-color: #fff;
    overflow: hidden;
    transition: .5s;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1
}

.collapse-filter .card-header {
    background: 0 0;
    padding: 4px 15px
}

.open-module-search .collapse-filter#mySidepanel {
    right: 0;
    width: 400px;
    z-index: 9;
    top: 80px;
    height: 100%
}

.open-module-search-fillter .collapse-filter#mySidepanelCart {
    right: 0;
    width: 400px;
    z-index: 9
}

.open-module-search .openbtn {
    background: rgba(94, 197, 196, .4)
}

.open-module-search .openbtn i.icon-filter {
    color: #5ec5c4
}

.open-module-search-fillter .openbtn-fillter {
    background: rgba(94, 197, 196, .4)
}

.open-module-search-fillter .openbtn-fillter i {
    color: #5ec5c4
}

.collapse-filter .card-footer {
    background-color: #f6f7fb;
    border-top: 1px solid #e7e7e7
}

.collapse-filter .card-header h4 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600
}

a.closebtn.btn {
    padding: 0;
    font-size: 27px;
    color: #444;
    width: 40px;
    height: 40px;
    line-height: 36px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 37px;
    font-size: 13px
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e7e9e9;
    height: 37px
}

.select2-dropdown {
    border: 1px solid #e7e9e9
}

.collapse-filter .card.card-body {
    min-height: calc(100% - 100px);
    margin: 0;
    height: calc(100% - 100px);
    padding-bottom: 50px
}

.card-body-col-md-2 .col-md-2 {
    max-width: 20%;
    flex: 0 0 20%
}

.big-table .card-width-filter {
    max-width: 100%
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    color: #fff;
    background-color: #52b5b4 !important;
    border-color: #52b5b4 !important
}

.card-width-filter {
    width: 100%
}

.card-width-filter-70 {
    width: 0
}

button.btn.openbtn {
    padding-top: 6px !important;
    padding-bottom: 4px !important
}

button.btn.openbtn {}

button.btn.openbtn-fillter {}

.page-wrapper .page-body-wrapper .page-header {
    padding-top: 22px;
    padding-bottom: 22px
}

.btn-sm {
    font-size: 13px !important;
    padding: 5px 10px !important
}

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
    width: 99.9% !important
}

.modal-body-list ul li {
    line-height: 30px
}

.page-wrapper .page-main-header {
    -webkit-box-shadow: 0 .75rem 1.5rem rgba(18, 38, 63, .03);
    box-shadow: 0 .75rem 1.5rem rgba(18, 38, 63, .03);
    z-index: 7
}

.loader-wrapper {
    z-index: 99999
}

div#quickview-wrapper {
    display: none
}

.select2-container.is-invalid .select2-selection {
  border: 1px solid #dc3545 !important; /* Bootstrap danger color */
  border-radius: 0.25rem;
}

.upload-box.is-invalid {
  border: 1px solid #dc3545; /* Red border */
  border-radius: 0.25rem;
  padding: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered img,
span.select2-img img {
    max-width: 25px;
    border-radius: 5px;
        width: 25px;
    border-radius: 100%;
    height: 25px;
}

.bg-primary.bg-soft {
    background-color: #c9e8e8 !important
}

.dashboard-profile-user {
    margin-top: -75px !important
}

.avatar-md {
    height: 4.5rem;
    width: 4.5rem
}

.text-sm {
    font-size: 12px
}

.avatar-group {
    padding-left: 12px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.avatar-group .avatar-group-item {
    margin-left: -12px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s
}

.avatar-xs {
    height: 2rem;
    width: 2rem
}

.card-title {
    font-size: 16px
}

.card-body.card-user-permissions .card,
.card-body.card-user-permissions.mb-5 .row>* {
    position: static
}

ul.list-administration li {
    position: relative;
    padding-left: 25px
}

ul.list-administration li:after {
    content: '';
    width: 22px;
    height: 1px;
    background: #eee;
    position: absolute;
    left: -15px;
    top: 9px
}

ul.list-administration {
    list-style: none;
    position: relative;
    padding-left: 30px
}

ul.list-administration li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    left: 3px;
    background: #5ec5c4;
    border-radius: 100%;
    top: 7px;
    z-index: 1
}

ul.list-administration li h6 {
    top: 0;
    position: relative;
    font-size: 14px
}

ul.list-administration:before {
    content: '';
    position: absolute;
    left: 15px;
    background: #eee;
    width: 1px;
    height: calc(100% - 7px);
    top: 9px
}

ul.list-administration li>div {
    margin-top: -4px;
    margin-bottom: 11px
}

.sub-rol-permissions {
    background: rgb(0 0 0/5%);
    padding: 10px;
    border-radius: 4px;
    padding-bottom: 7px;
    margin-top: -7px !important;
    margin-bottom: 17px !important
}

ul.sidebar-submenu.child_menu.custom-scrollbar.menu-open i.sum-menu-icon.me-2 {
    margin-right: 0 !important;
    width: 25px !important;
    display: inline-flex;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: bottom
}

.sub-rol-permissions label.fw-normal.pointer {
    margin-top: 2px
}

.form-check-btn {
    border: solid 1px #5ec5c4;
    border-radius: 5px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 29px;
    padding-right: 10px;
    background: #fff
}

.card-user-permissions .avatar-group-item .dropdown button.btn.header-item.noti-icon.right-bar-toggle.waves-effect span:after {
    font: normal normal normal 24px/1 "Material Design Icons";
    content: "\F0140";
    font-size: 11px;
    position: absolute;
    top: 20px
}

.user-list-model ul li:hover {
    opacity: .8
}

.form-check-input {
    width: 1.2em;
    height: 1.2em
}

.form-check-input:checked {
    background-color: #5ec5c4;
    border-color: #5ec5c4
}

.card .card-header h5 {
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 600;
    color: #495057;
    text-transform: none
}

.product-table th:last-child {
    min-width: auto
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px
}

table.dataTable.no-footer {
    border-bottom: 1px solid #f4f6f8
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 10px
}

.page-wrapper .page-body-wrapper .page-header .row h3 {
    font-size: 20px;
    font-weight: 600;
    color: #495057
}

.card {
    margin-bottom: 15px
}

.page-main-header .main-header-left button.btn {
    display: none
}

@keyframes loader-watermark {
    from {
        transition: none
    }

    to {
        background-color: #f6f7f8;
        transition: all .3s ease-out;
        fill: #f6f7f8;
        stroke: #f6f7f8
    }
}

.table-watermark-column,
.watermark-column,
.bg-watermark,
.table-watermark-box,
.watermark circle,
.watermark rect,
.watermark:not(svg.watermark) {
    animation-name: loader-watermark;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.table-watermark-column,
.watermark-column,
.watermark:not(svg.watermark) {
    height: 10px;
    background-color: #eaeaea;
    border-radius: 4px
}

.font-size-13 {
    font-size: 13px !important
}

.list-applied-filters span {
    background: #c9e8e8;
    border-radius: 10px;
    overflow: hidden;
    padding-left: 10px;
    color: #495057;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 2px #dfe3e8
}

.list-applied-filters {
    display: flex;
    gap: 10px
}

.list-applied-filters button {
    background-color: #dfe3e8;
    border: 0;
    padding: 5px 8px;
    margin-left: 6px
}

.list-applied-filters button:focus {
    border: 0 !important;
    outline: -webkit-focus-ring-color auto 0
}

.page-main-header .main-header-left .mobile-sidebar {
    display: none
}

.card.card-color {
    padding: 10px;
    border-radius: 5px;
    background-color: #46adac
}

.card.card-color p,
.card.card-color h4 {
    color: #fff;
    margin: 0;
    line-height: 34px;
    font-size: 1rem
}

.card.card-color p {
    font-size: 12px
}

.card-main {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.card-main span svg,
.card-main span svg path,
.card-main span i {
    fill: #fff;
    font-size: 20px;
    width: 48px;
    height: 39px;
    color: #fff
}

.margin-card-dashbord {
    margin-right: 50px
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar {
    width: 152px
}

.page-main-header .main-header-right .nav-right>ul>li {
    padding: 23px 0
}

.page-main-header .main-header-right .nav-right>ul>li {
    padding: 23px 0
}

.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
    color: #444;
    font-size: 19px
}

.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons {
    padding-left: 72px
}

.chat-box .chat-right-aside .chat .chat-msg-box .message {
    width: 100%
}

.chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img {
    margin-top: 0
}

.chat-box .chat-right-aside .chat .chat-msg-box .message-data {
    margin-bottom: 10px;
    position: absolute;
    top: 17px;
    right: 21px
}

.chat-message.clearfix .input-group.text-box button.btn.btn-primary {
    height: 100%;
    border-radius: 0 6px 6px 0
}

.select2-container--open .select2-dropdown {
    box-shadow: 0 1px 13px 4px hwb(0deg 0% 100%/15%)
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e9e9e9;
    border-radius: 4px
}

.map-max-70 {
    max-width: 70%;
    flex: 0 0 70%
}

.card.card-map {
    margin: 0;
    max-width: 30%;
    flex: 0 0 30%;
    background: #fff;
    border-radius: 0;
    border: solid 10px #f6f7fb !important
}

.chat-right-aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    overflow: hidden
}

.chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img {
    margin-top: 0 !important
}

.Payout-to-Clients {
    background: url(../images/Payout-to-Clients.svg)
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li .single-header,
.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li .sidebar-submenu,
.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li a:hover+ul {
    width: 275px
}
    
.page-main-header.assume-header-change,
.page-main-header.assume-header-change .main-header-left {
    background: #FFF5AC
}
.page-main-header.assume-header-change .search-form input {
    border: 1px solid #2a3142 !important;
}
 .page-main-header.assume-header-change .align-items-center.d-flex.justify-content-center.text-sm.color-w-user-chnage .align-items-center.d-flex.d-md-flex.d-none.font-14.justify-content-center.justify-content-md-end.mb-md-0.text-white {
    color: #2a3142 !important;
}
.page-main-header.assume-header-change  .color-w-user-chnage .btn-outline-light {
    border-color: #2a3142;
    color: #2a3142 !important;
}
.page-main-header.assume-header-change  .color-w-user-chnage .btn-outline-light:hover{
background-color: #2a3142 !important;
    border-color: #2a3142 !important;
    color:#fff !important;
}
    
.autocomplete {
    position: relative;
    display: inline-block;
    font-size: 12px;
    padding: 0 !important;
    padding-left: 36px !important;
    border-radius: 100px !important;
    min-height: 41px !important
}

.autocomplete-items {
    position: relative;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    overflow: auto;
    max-height: 400px;
    box-shadow: 0 2px 12px rgb(18 18 18/15%) !important;
    border-radius: 7px !important;
    margin-top: 5px;
    cursor: pointer
}

.page-main-header .main-header-right .nav-right ul li i.fa.fa-users {
    font-size: 16px;
    color: #585858
}

.autocomplete-items .list-group-item.list-group-item-action {
    border: 0;
    font-size: 14px;
    cursor: pointer
}

.autocomplete-items .list-group-item-action:hover,
.autocomplete-items .list-group-item-action:focus {
    background-color: rgb(0 150 136/16%)
}


.card.p-3.position-relative.add-active-address p {
    text-wrap: auto;
}

.autocomplete-items li.assume-user .dropdown-menu.dropdown-select.dropdown-menu-end {
    --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));
    --bs-dropdown-divider-bg: rgb(0 0 0 / 30%);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    border-color: #ececec;
    border-radius: 7px;
    margin-top: 27px !important
}

.assume-user-identity-results {
    min-height: 400px
}

li.assume-user .dropdown-menu.dropdown-select {
    box-shadow: 3px 4px 5px rgb(0 0 0/7%);
    border-radius: 7px;
    border-color: #dedede;
    margin-top: 19px !important
}

.color-w-user-chnage .btn-outline-light {
    border-color: #fff;
    color: #fff !important
}

.fw-semibold {
    font-weight: 600
}

ul.profile-dropdown.onhover-show-div.p-20 li a i {
    color: #585858 !important
}

.card.card-width-filter-70 {
    border: 0
}

.card-width-filter {
    width: 100%
}

li.nav-item {
    margin: 0 19px
}

.border-tab.nav-tabs li.nav-item {
    margin: 0 5px
}

.border-tab.nav-tabs .nav-item .nav-link {
    font-size: 14px;
    color: #414141;
    text-align: center;
    border: none;
    border-bottom: 2px solid transparent;
    -webkit-transition: .3s;
    transition: .3s;
    border: solid 1px #eee;
    padding: 11px 13px;
    background: #f1f4f6;
    border-bottom-width: 2px !important;
    line-height: 2
}

i.icon-svg {
    margin: 0 9px 0 0
}

i.icon-svg svg {
    height: 21px;
    fill: #686868;
    width: 23px
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    white-space: nowrap
}

.btn-min-w {
    width: 105px;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #5ec5c4 !important
}

.btn-min-w:hover {
    color: #fff !important
}

table.dataTable.display tbody tr.odd>.sorting_1 {
    word-break: break-all
}

h4.box-hedding {
    font-size: 14px
}

.bd-example-modal-lg .modal-dialog {
    max-width: 800px
}

.modal-content .form-group .form-control {
    font-size: 13px;
    border: 1px solid #d7d7d7;
    min-height: 37px
}

.modal-header {
    padding: 15px 1rem;
    background: #f3f3f3;
    border-radius: 15px 15px 0 0
}

.unlock-btn {
    min-width: 125px
}

.modal-content {
    border-radius: 15px
}

.box-hedding {}

.btn-close {
    opacity: 1
}

.modal-header .btn-close {
    background-size: 15px
}

.modal-body-list ul li {
    line-height: 30px;
    max-width: 31%;
    flex: 0 0 31%;
    border: solid 1px #eee;
    text-align: center;
    border-radius: 10px;
    margin: auto
}

.modal-title {
    font-weight: 600;
    font-size: 15px;
    color: #666
}

.modal-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 15px
}

.modal-header .btn-close {
    margin-right: 0
}

.border-tab.nav-tabs .nav-item .nav-link.active,
.border-tab.nav-tabs .nav-item .nav-link.show,
.border-tab.nav-tabs .nav-item .nav-link:focus {
    border-bottom: 2px solid #5ec5c4;
    background: #5ec5c4;
    color: #fff
}

.border-tab.nav-tabs .nav-item .nav-link.active svg,
.border-tab.nav-tabs .nav-item .nav-link.show svg,
.border-tab.nav-tabs .nav-item .nav-link:focus svg {
    fill: #fff
}

.on-off-icon-css[aria-expanded=true] i.icofont-plus {
    display: none
}

.on-off-icon-css[aria-expanded=false] i.minimize-card {
    display: none
}

a.nav-link i.icon-svg1 svg {
    width: 30px;
    height: 24px;
    fill: none !important
}

a.nav-link.active i.icon-svg1 svg {
    width: 24px;
    height: 24px;
    fill: none !important
}

a.nav-link.active i.icon-svg1 svg path {
    stroke: #fff
}

a.nav-link i.icon-svg1 svg path {
    stroke: #686868
}

.min-w-150 {
    min-width: 150px
}

.flex-btn-pl-min {
    display: flex;
    align-items: center
}

.flex-btn-pl-min .form-group {
    max-width: 87%;
    flex: 0 0 87%
}

.flex-btn-pl-min a.btn.btn-air-light {
    border-radius: 6px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 0 #fff !important;
    border: solid 1px #eee
}

.flex-btn-pl-min .btn-sm.btn-sm-red a.btn.btn-air-light {
    background: #b60404;
    color: #fff
}

.flex-btn-pl-min .btn-sm {
    margin: 0;
    padding: 0 4px !important;
    margin-top: 8px
}

.card .card {
    -webkit-box-shadow: 0 1px 11px 0 rgb(0 0 0/0%);
    box-shadow: 2px 4px 11px 0 rgb(0 0 0/5%);
    border: 1px solid #f1f1f1;
    background: #f9f9f963;
    border-radius: 10px
}

.card .card:hover {
    -webkit-box-shadow: 0 1px 11px 0 rgb(0 0 0/0%);
    box-shadow: 2px 4px 11px 0 rgb(0 0 0/5%);
    border: 1px solid #f1f1f1;
    background: #f9f9f963
}

.page-main-header .main-header-left .logo-wrapper {
    padding-left: 0
}

.card-header:first-child {
    
     border-radius: calc(0px - 0px) calc(10px - 1px) 0 0
}
.card-header-radius-10{border-radius:10px !important}
.card-header.align-items-center.d-flex.justify-content-between a.btn.btn-primary.btn-sm.me-1.tooltip-custom-bottom i.fa.fa-chevron-left {
 
    position: relative;
    top: 1px;
}
nav.border-0.border-tab.mb-2.nav.nav-tabs.nav-user-details-tabing.pt-2 {
    flex-wrap: wrap;
    gap: 10px 0;
}
.tab-pane>.card {
    border-radius: 0;
    box-shadow: 0 0 0
}

.tab-pane>.card:hover {
    border-radius: 0;
    box-shadow: 0 0 0
}

.user-photo-upload {
    position: absolute;
    top: -2px;
    width: 35px;
    height: 35px;
    background: #5ec5c4;
    color: #fff;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: solid 2px #eee;
    right: -13px
}

.user-photo-upload input {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    cursor: pointer
}

.dashboard-profile-user .user-photo-upload {
    display: none
}

.dashboard-profile-user:hover .user-photo-upload {
    display: flex
}

.dashboard-profile-user img {
    width: 80px;
    height: 75px;
    object-fit: cover
}

.card-shadow {
    margin-bottom: 15px;
    box-shadow: 2px 4px 11px 0 rgb(0 0 0/5%);
    border: 1px solid #f1f1f1;
    border-radius: 10px
}

.nav-tabs .nav-link {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.business-top-widget .media .total-value {
    color: #fff;
    font-family: roboto, sans-serif
}

.business-top-widget .media span {
    color: #fff;
    text-align: left
}

.card.card-color .font-info,
.card.card-color .font-primary,
.card.card-color .font-secondary,
.card.card-color .font-danger {
    color: #f6ffff !important;
    font-size: 50px
}

.modal-body.modal-body-list.custom-scrollbar {
    max-height: calc(100vh - 200px);
    overflow: auto
}

.page-wrapper .page-body-wrapper.sidebar-icon.page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a {
    padding-right: 0
}

i.sum-menu-icon.me-2.icon-Hospitality {
    height: 22px
}

.user-box {
    width: 80px;
    height: 80px;
    padding: 0;
    position: relative;
    background: #e4e6ec;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.user-box .name {
    word-break: break-all;
    padding: 10px;
    background: #eee;
    text-align: center;
    font-size: 20px
}

.user-box form {
    display: inline
}

.user-box .name h4 {
    margin: 0
}

.user-box img#imagePreview {
    width: 70px;
    border-radius: 100%;
    height: 70px
}

.editLink {
    position: absolute;
    top: auto;
    right: 0;
    opacity: 0;
    bottom: -1px;
    left: 0;
    margin: auto
}

.img-relative.d-flex {
    overflow: hidden;
    border-radius: 100%;
    position: relative
}

.img-relative:hover .editLink {
    background: #5ec5c4;
    color: #fff;
    border: solid 2px #eee;
    opacity: 1;
    padding: 10px;
    border-radius: 5px;
    width: 71px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px
}

.user-box .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: #fff;
    border: solid 5px #f1f1f1;
    border-radius: 100%
}

.overlay-content {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #555
}

.uploadProcess img {
    max-width: 40px;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    display: inline;
    width: auto !important;
    height: auto !important
}

.was-validated .form-control:valid+.select2-container--default .select2-selection--single {
    border-color: #198754;
    background: url(../images/valid-icon.svg);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    padding-right: calc(1.5em + 0.75rem)
}

.was-validated .form-control:invalid+.select2-container--default .select2-selection--single,
.form-control.is-invalid+.select2-container--default .select2-selection--single {
    background: url(../images/invalid-icon.svg);
    border-color: #dc3545;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    padding-right: calc(1.5em + 0.75rem)
}

.select2-results ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ccc
}

.select2-results ul::-webkit-scrollbar {
    width: 6px
}

.select2-results ul::-webkit-scrollbar-thumb {
    background-color: #ccc
}

.card.card-width-filter-70 .form-group {
    margin-bottom: 10px !important
}

span.select2-search.select2-search--dropdown input:focus {
    outline-color: #fff
}

.tinyassets_ajax_table table.display,
.tinyassets_static table.display .tinyassets_model_table table.display {
    border: 1px solid #f4f6f8;
    max-width: 100%;
    width: 100%
}

.btn-trash,
.modDelete,
.btn-list .btn.modDelete {
    background: #fff !important;
    color: #ed2d2d;
    border: solid 1px #ed2d2d !important
}

.btn-trash:hover,
.modDelete:hover,
.btn.modDelete:hover {
    background: #ed2d2d !important;
    color: #fff;
    border: solid 1px #ed2d2d !important
}

.btn-sm1 {
    font-size: 13px !important;
    padding: 0 5px !important
}

.tinyassets_ajax_table table.display tr th,
.tinyassets_model_table table.display tr th,
.tinyassets_ajax_table table.display tr td,
.tinyassets_model_table table.display tr td,
.tinyassets_static table.display tr th,
.tinyassets_static table.display tr td {
    padding: .75rem
}

.modal-header .btn-close {
    opacity: .3;
    background-size: 13px
}

.tinyassets_ajax_table table.display tr td,
.tinyassets_model_table table.display tr td,
.tinyassets_static tr td {
    border-bottom-width: 1px
}

.tinyassets_ajax_table,
.tinyassets_static {
    padding-bottom: 6px
}

.tinyassets_ajax_table>div,
.tinyassets_static>div {
    overflow: auto
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #5dc2c2;
    border-color: #5dc2c2
}

.page-link {
    color: #5ec5c4
}

.tinyassets_ajax_table table.display tr th,
.tinyassets_model_table table.display tr th,
.tinyassets_static table.display tr th {
    position: relative;
    font-family: roboto condensed, sans-serif;
    text-wrap: nowrap
}

.tinyassets_ajax_table table.display tr td p,
.tinyassets_static .table.display tr td p {
    text-wrap: nowrap
}

nav.tinyassets-pagination-table a.page-link.disabled {
    color: #000;
    background: #c8c8c8
}

nav.tinyassets-pagination-table .page-item.active .page-link {
    z-index: auto;
    color: #fff;
    background-color: #5ec5c4;
    border-color: #5ec5c4
}

nav.tinyassets-pagination-table .page-link {
    color: #5ec5c4
}

nav.tinyassets-pagination-table {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.Usertype-1 .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #d8d8d8 1px
}

.Usertype-1 span.select2.select2-container.select2-container--default span.dropdown-wrapper {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 94%;
    margin-left: 1px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 0
}

.Usertype-1 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-top: 5px;
    min-height: 30px
}

.Usertype-1 .select2-container--default .select2-selection--multiple {
    border: 1px solid #d7d7d7
}

.according-page .nav-pills .nav-link {
    border-radius: .25rem;
    background: #eee;
    color: #666
}

.according-page .nav-pills .nav-link.active,
.according-page .nav-pills .show>.nav-link {
    background-color: #5ec5c4;
    color: #fff
}

footer {
    box-shadow: 5px 0 8px #00000021
}

.row.chart-row {
    margin-bottom: 3rem
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 2px 6px !important;
    margin-top: 4px !important;
    background-color: #5ec5c4 !important;
    border-color: #5ec5c4 !important
}

.btn-add-rem-vai {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 10px
}

.btn-add-rem-vai a.icon-plus-class,
.btn-add-rem-vai a.icon-minus-class {
    background: #eee;
    color: #000
}

.table-brder-0 table.table td {
    border: 0
}

.table-brder-0 .form-select {
    border: 1px solid #efefef
}

.modal-footer-btn .btn-secondary {
    background-color: #fff !important;
    border-color: #26c6da !important;
    color: #5ec5c4
}

.btn-add-rem-vai .btn-primary:hover {
    background-color: #5ec5c4 !important;
    border-color: #5ec5c4 !important;
    color: #fff
}

.modal ul.list-administration:before,
.modal ul.list-administration li:before,
.modal ul.list-administration li:after {
    display: none
}

.modal ul.list-administration,
.modal ul.list-administration li {
    padding-left: 0
}

.row.according-page .btn {
    padding: .375rem 1rem
}

.w-40 {
    width: 40%
}

.d-flex.gap-2.w-40.width-box-10 .select2-container--default .select2-selection--single {
    height: 33px
}

.d-flex.gap-2.w-40.width-box-10 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 31px
}

.d-flex.gap-2.w-40.width-box-10 .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 3px !important;
    right: 10px !important
}

.jq-toast-loaded {
    width: 100%;
    background-color: #5ec5c4 !important
}

.jq-icon-success {
    color: #2daead;
    background-color: #fff;
    border-color: #2daead;
    font-size: 12px;
    box-shadow: 0 3px 7px #00000040;
    min-width: 300px
}

.close-jq-toast-single {
    position: absolute;
    top: 22px;
    right: 16px;
    font-size: 27px;
    cursor: pointer
}

.jq-toast-wrap.top-right {
    top: 8px;
    right: 68px
}

.jq-icon-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMzUnIGhlaWdodD0nMjcnIHZpZXdCb3g9JzAgMCAzNSAyNycgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzQuODU0MSA0LjQyOTE2TDEzLjE1MzQgMjYuMTI5OEMxMi45NjIzIDI2LjMyMSAxMi42NTI4IDI2LjMyMSAxMi40NjIxIDI2LjEyOThMMC4xNDA0NiAxMy44MDc3Qy0wLjA1MDIzNzggMTMuNjE3NSAtMC4wNTAyMzc4IDEzLjMwOCAwLjE0MDQ2IDEzLjExNjhMMy4xMzQ0NSAxMC4xMjI4QzMuMzI1NiA5LjkzMjE1IDMuNjM1MDkgOS45MzIxNSAzLjgyNTc5IDEwLjEyMjhMMTIuODA4MiAxOS4xMDQ4TDMxLjE2OTIgMC43NDM4MzhDMzEuMzYwOCAwLjU1MzE0IDMxLjY2OTQgMC41NTMxNCAzMS44NjA1IDAuNzQzODM4TDM0Ljg1NDEgMy43Mzc4M0MzNS4wNDUyIDMuOTI4NTMgMzUuMDQ1MiA0LjIzNzU3IDM0Ljg1NDEgNC40MjkxNlonIGZpbGw9JyMyREFFQUQnLz48L3N2Zz4K);
    background-size: 18px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ccc
}

::-webkit-scrollbar {
    width: 6px;
    height: 7px
}

::-webkit-scrollbar-thumb {
    background-color: #ccc
}

.ui-autocomplete-loading {
    background: #fff url(https://revamp.tinyassets.sg/assets/images/urer-icon.png) right center no-repeat
}

.UserPermissionsmodal .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #d8d8d8 1px;
    outline: 0;
    min-height: 40px
}

.UserPermissionsmodal .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    cursor: text;
    min-height: 40px
}

.col-sm-12.d-flex.gap-3.pe-0.big-table {
    gap: 5px !important
}

.tooltip-cutome {
    position: relative;
    display: inline-block
}

.tooltip-cutome .tooltiptext {
    visibility: hidden;
    width: 110px;
    background-color: #52b3b2;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px 0;
    position: absolute;
    z-index: 1;
    bottom: 3px;
    left: -46px;
    margin-left: -70px;
    opacity: 0;
    transition: opacity .3s;
    font-size: 11px;
    display: none
}

.tooltip-cutome .tooltiptext::after {
    content: "";
    display: none;
    position: absolute;
    top: 33%;
    left: 106%;
    margin-left: -7px;
    border-width: 5px;
    border-style: solid;
    border-color: #52b3b2 transparent transparent transparent;
    transform: rotate(273deg)
}

.tooltip-cutome:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.datepicker--nav-action,
.datepicker--nav-action:hover {
    background: #5ec5c4
}

.tinyassets_ajax_table.tinyassets_ajax_table-td-msx td.pro-details,
.tinyassets_static td.pro-details {
    max-width: 300px;
    word-wrap: break-word;
    width: 300px
}

.tinyassets_ajax_table.tinyassets_ajax_table-td-msx td.pro-details p.mb-0,
.tinyassets_static td.pro-details p.mb-0 {
    text-wrap: wrap;
}
.show-drop-box p.mb-0 {
    display: inline-flex;
}


.tinyassets_ajax_table.break-spaces-dt table.display tr td.pro-details,
.tinyassets_static td.pro-details table.display tr td.pro-details {
    max-width: 300px;
    white-space: break-spaces;
    width: 300px
}

.card-border-bottom {
    border-bottom: 1px solid #eee !important
}

.font-size-17 {
    font-size: 17px;
    font-weight: 500
}

.datepicker--nav {
    color: #222
}

.datepicker--day-name {
    color: #5ec5c4
}

.datepicker--nav-title i {
    font-style: normal;
    color: #5ec5c4;
    margin-left: 5px
}

form.needs-validation .card {
    box-shadow: 2px 4px 11px 0 rgb(0 0 0/5%);
    border: 1px solid #f1f1f1;
    border-radius: 10px
}

.form-check .form-check-input {
    margin-top: 2px !important
}

a.download-QR {
    background: #5ec5c4;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-top: 22px
}

.w-qr-200 {
    width: 250px;
    display: flex
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgb(255 255 255);
    border-bottom: 1px solid rgb(255 255 255/13%)
}

.card-header h5 small {
    font-weight: 400;
    font-size: 12px !important
}

.open-model-setting {
    position: absolute;
    width: 500px;
    height: calc(100vh - 250px);
    background: #fff;
    right: 0;
    top: 49px;
    z-index: 9;
    overflow: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, .13);
    border: solid 1px #eee
}

.open-model-setting {
    display: none
}

.open-model-setting .card,
.open-model-setting .card:hover {
    box-shadow: none;
    border: 0
}

.card.card-box-shadow-none {
    box-shadow: 0 0 0 #000 !important
}

.card.card-box-shadow-none table tr:last-child td {
    border: 0
}

.ui-widget.ui-widget-content {
    border: 1px solid #eee;
    z-index: 9999;
    border-radius: 10px;
    max-height: 500px;
    overflow: auto;
    max-width: 410px;
    min-width: 410px
}

.d-flex-width {
    padding: 5px;
    width: calc(100% - 50px)
}

.page-main-header .main-header-left {
    width: auto;
    margin-left: 11px
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    border: 0;
    border-bottom: 1px solid #eee;
    margin: 0
}

.ui-menu .ui-menu-item-wrapper:hover {
    background: #fafcff
}

.flex-search {
    display: flex;
    border-bottom: solid 1px #eee;
    padding: 11px 1em 10px .4em !important
}

.flex-search img {
    height: 50px;
    padding: 5px
}

.flex-search img,
.flex-search i {
    height: 45px;
    padding: 2px;
    width: 45px;
    border-radius: 100px;
    background: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px
}

.d-flex-width {
    padding: 5px;
    padding-left: 15px
}

.d-flex-width h6 {
    font-size: 14px
}

.d-flex-width h6,
.d-flex-width p {
    margin: 0
}

.d-flex-width h6,
.d-flex-width p {
    margin: 0
}

.d-flex-width p {
    font-size: 12px
}

.search-row-div-inst h2 {
    font-size: 21px;
    font-weight: 500
}

.search-row-div-inst {
    padding: 10px !important
}
#ui-id-2{min-width: 390px !important;
    max-width: 390px !important;}
.card1.is-loading .row-loader {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    -webkit-animation: 1.5s shine linear infinite;
    animation: 1.5s shine linear infinite
}

.card1.is-loading .row-loader {
    height: 50px;
    width: 100px
}

.card1.is-loading {
    padding: 10px;
    background: #fff;
    position: absolute;
    z-index: 999999999;
    top: 44px;
    width: 420px;
    box-shadow: 4px 4px 4px hwb(0deg 0% 100%/1%);
    display: none
}

.card1.is-loading .row-loader:nth-of-type(2) {
    margin: 0
}

.card1.is-loading .row-loader {
    height: 60px;
    width: 100%;
    border-radius: 0;
    margin-bottom: 15px
}




.card1.is-loading-user .row-loader {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    -webkit-animation: 1.5s shine linear infinite;
    animation: 1.5s shine linear infinite
}

.card1.is-loading-user .row-loader {
    height: 50px;
    width: 100px
}

.card1.is-loading-user {
    padding: 10px;
    background: #fff;
    position: absolute;
    z-index: 999999999;
    top: 44px;
    width: 390px;
    box-shadow: 4px 4px 4px hwb(0deg 0% 100%/1%);
    display: none
}

.card1.is-loading-user .row-loader:nth-of-type(2) {
    margin: 0
}

.card1.is-loading-user .row-loader {
    height: 60px;
    width: 100%;
    border-radius: 0;
    margin-bottom: 15px
}



.show-drop-box.show-drop-box-tooltip span {
    font-size: 12px
}

.container-fluid table.display.display-th-max th thead tr th {
    max-width: 100px;
    text-wrap: initial !important;
    text-align: left;
    vertical-align: top
}

.show-drop-box.show-drop-box-tooltip .show-filter-icons {
    overflow: hidden !important;
    min-width: max-content
}

.show-drop-box.show-drop-box-tooltip .d-flex.flex-wrap.justify-content-around {
    overflow: auto !important;
    max-width: 400px !important;
    width: max-content;
    word-wrap: break-word;
    text-wrap: wrap;
    min-width: auto;
    max-height: 350px
}

@-webkit-keyframes shine {
    to {
        background-position-x: -200%
    }
}

@keyframes shine {
    to {
        background-position-x: -200%
    }
}

span.search-instruson {
    position: absolute;
    background: #fff;
    border: solid 1px #eee;
    max-width: 368px;
    display: none;
    width: 100%
}

input#skill_input:focus-visible+span.search-instruson {
    display: block
}

.herar-page-sm-text {
    font-size: 14px;
    font-weight: 400;
    padding-left: 15px
}

.col-sm-12.d-flex.gap-3.pe-0.big-table {
    padding-right: 6px !important
}

.page-wrapper .page-body-wrapper .page-header {
    display: none
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar {
    z-index: 11
}

.gm-style-iw-d {
    overflow: auto !important
}

.gm-style img.prop-thumb {
    max-width: none;
    width: 100%;
    max-height: 200px
}

span.prop-title {
    display: inline-block;
    width: 100%;
    font-weight: 700;
    color: #666;
    padding: 15px;
    padding-bottom: 5px
}

span.prop-title a {
    color: #000;
    margin: 0;
    padding-top: 10px !important
}

.map-info-window p {
    padding: 0 15px
}

.gm-style-iw.gm-style-iw-c {
    padding: 0
}

.map-info-window p a {
    color: #666;
    line-height: 19px
}

.map-info-window p a i {
    font-size: 15px;
    margin-right: 5px;
    margin-top: 3px
}

button.gm-ui-hover-effect {
    color: #fff;
    opacity: 1 !important;
    background: #6666667a !important;
    border-radius: 100%;
    right: 2px !important;
    top: 1px !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important
}

button.gm-ui-hover-effect span {
    background: #fff
}

.top-fixd-onscroll h5 {
    margin: 0
}

.top-fixd-onscroll {
    border-radius: 7px;
    margin-top: 0;
    position: sticky;
    top: 80px;
    background: #fff;
    padding: 15px;
    z-index: 5;
    border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 10px
}

.card {
    border-radius: 7px
}

.table-Transactions-hitry {
    margin-bottom: 10px;
    border-bottom: solid 1px #eee;
    padding-bottom: 7px
}

.table-Transactions-hitry p {
    margin: 0;
    text-align: right
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar~.page-body {
    width: calc(100% - 134px);
    padding-right: 10px
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar~.page-body .container-fluid {
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 7px !important;
    padding-top: 5px !important
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar~.page-body .container-fluid+.container-fluid {
    margin-bottom: 3rem !important
}

.card.card-border-radius {
    border-radius: 7px
}

span.highcharts-subtitle {
    top: 36% !important;
    text-align: center
}

span.box-text-cart {
    font-family: roboto, sans-serif;
    font-size: 30px;
    color: #46adac;
    font-weight: 600
}

span.box-text-cart-sm {
    font-size: 16px
}

.dashbord-skeleton-loader {
    height: 80px;
    background-color: #eaeaea;
    border-radius: 4px;
    animation-name: loader-watermark;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.card-loader {
    background: rgb(255 255 255/59%)
}

.w-h-50 {
    height: 40px;
    width: 250px;
    margin-right: 20px
}

.dashbord-skeleton-loader-height {
    height: auto;
    padding-bottom: 11px
}

.btn-a-right {
    right: 0;
    top: 9px
}

.filter-dhasbord {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 6
}

.show-filter-icons {
    position: absolute;
    z-index: 99;
    background: #fff;
    padding: 10px;
    box-shadow: -1px -2px 6px 0 #00000029;
    border-radius: 7px;
    right: 0;
    min-width: 300px;
    border: solid 1px #eee;
    top: 114%;
    display: none
}

.show-filter-icons:after {
    content: '';
    border-left: 10px solid #0000;
    border-right: 10px solid #00000000;
    border-top: 10px solid #5ec5c4;
    border-bottom: 10px solid #0000;
    position: absolute;
    top: -9px;
    display: inline-block;
    right: 6px
}

.filter-dhasbord .btn-primary:hover,
.filter-dhasbord .btn-primary:focus,
.filter-dhasbord .btn-primary:active,
.filter-dhasbord .btn-primary.active {
    background-color: #5ec5c4 !important;
    border-color: #5ec5c4 !important
}

body.custom-scrollbar.modal-open .datepicker.-from-bottom- {
    z-index: 999999999
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar~.page-body .container-fluid+.container-fluid.container-fluid-bg-table {
    padding-right: 10px !important
}

.tinyassets_ajax_table table.display tr th.w-350,
.tinyassets_static table.display tr th.w-350 {
    min-width: 300px
}

.tinyassets_ajax_table table.display tr th.w-400,
.tinyassets_static table.display tr th.w-400 {
    min-width: 400px
}

.tinyassets_ajax_table table.display tr th.w-170,
.tinyassets_static table.display tr th.w-170 {
    min-width: 170px
}

.tinyassets_ajax_table table.display tr th.w-185,
.tinyassets_static table.display tr th.w-185 {
    min-width: 185px
}

.show-dropmenu-filter {
    display: block !important;
    position: absolute;
    z-index: 99;
    background: #fff;
    padding: 10px;
    box-shadow: 1px 3px 4px #00000029;
    border-radius: 7px;
    max-width: 300px;
    border: solid 1px #eee;
    overflow: visible !important;
    width: 100%
}

.show-drop-box {
    position: relative;
    overflow: visible !important
}

.show-drop-box div {
    overflow: visible
}

.show-drop-box>div {
    overflow: visible !important
}

.show-drop-box .show-filter-icons:after {
    display: none
}

.show-drop-box .show-filter-icons {
    right: auto;
    margin-left: auto;
    margin-right: 0
}

.show-dropmenu-filter a {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border-bottom: solid 1px #eee;
    color: #666
}

#setting-model {
    right: 12px;
    top: 61px;
    border-radius: 7px
}

.container-fluid.container-fluid-bg-table .tinyassets_ajax_table>div {
    max-height: 500px
}

.container-fluid.container-fluid-bg-table .tinyassets_ajax_table table.display tr th {
    position: sticky;
    top: -1px;
    z-index: 1
}

.container-fluid.container-fluid-bg-table table.display thead tr th {
    border-bottom: 0 solid #ccc;
    border: 0 solid #ccc;
    background: #f3f3f3;
    border-collapse: unset;
    box-shadow: inset 0 0 1px .4px #ccc;
    white-space: nowrap
}

.button-sm-model-sb .btn-sm {
    padding: 0 !important;
    width: 20px
}

.tinyassets_ajax_table table.display tr:last-child .show-drop-box .show-filter-icons {
    top: auto;
    bottom: 108%;
    box-shadow: -1px 4px 8px 1px #00000029
}

.tinyassets_ajax_table table.display tr .show-drop-box.show-drop-box-tooltip .show-filter-icons {
    top: auto;
    bottom: 108%
}

.add-Units {
    background: #f7f7fa;
    color: #000;
    padding: 2px;
    margin-right: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600
}

.Units-row {
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
    height: 100%
}

.items-img-circle {
    width: 40px;
    height: 40px;
    overflow: hidden
}

.items-img-circle img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.map-info-window span.price {
    display: flex;
    margin-top: 0
}

.tinyassets_ajax_table table.display.display-th-max th,
.tinyassets_static table.display.display-th-max th {
    text-wrap: pretty
}

.data-list-ul-li-w li {
    max-width: 18% !important;
    flex: 0 0 18% !important;
    margin: auto;
    font-size: 12px
}

tr.color-tr-td td {
    background: #eee
}

[data-tooltip],
.tooltip-custom {
    position: relative;
    cursor: pointer
}

[data-tooltip]:before,
[data-tooltip]:after,
.tooltip-custom:before,
.tooltip-custom:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
    -moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -moz-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip-custom:hover:before,
.tooltip-custom:hover:after,
.tooltip-custom:focus:before,
.tooltip-custom:focus:after {
    visibility: visible;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.tooltip-custom:after,
[data-tooltip]:after {
    z-index: 99;
    padding: 8px;
    width: max-content;
    background-color: #11354d;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    border-radius: 5px
}

[data-tooltip]:before,
[data-tooltip]:after,
.tooltip-custom:before,
.tooltip-custom:after,
.tooltip-custom-top:before,
.tooltip-custom-top:after {
    bottom: 80%;
    left: auto
}

[data-tooltip]:before,
.tooltip-custom:before,
.tooltip-custom-top:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: #000;
    border-top-color: hsla(0, 0%, 20%, .9)
}

[data-tooltip]:after,
.tooltip-custom:after,
.tooltip-custom-top:after {
    margin-left: 0;
    right: 0
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip-custom:hover:before,
.tooltip-custom:hover:after,
.tooltip-custom:focus:before,
.tooltip-custom:focus:after,
.tooltip-custom-top:hover:before,
.tooltip-custom-top:hover:after,
.tooltip-custom-top:focus:before,
.tooltip-custom-top:focus:after {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px)
}

.tooltip-custom-left:before,
.tooltip-custom-left:after {
    right: 100%;
    bottom: 50%;
    left: auto
}

.tooltip-custom-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: hsla(0, 0%, 20%, .9)
}

.tooltip-custom-left:hover:before,
.tooltip-custom-left:hover:after,
.tooltip-custom-left:focus:before,
.tooltip-custom-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform: translateX(-12px);
    transform: translateX(-12px)
}

.tooltip-custom-bottom:before,
.tooltip-custom-bottom:after {
    top: 20px;
    bottom: auto;
    left: auto;
    right: 0;
    margin: 0 !important
}

.tooltip-custom-bottom:before {
    margin-top: -11px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #11354d
}

.tooltip-custom-bottom:hover:before,
.tooltip-custom-bottom:hover:after,
.tooltip-custom-bottom:focus:before,
.tooltip-custom-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px)
}

.tooltip-custom-right:before,
.tooltip-custom-right:after {
    bottom: 50%;
    left: 100%
}

.tooltip-custom-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: hsla(0, 0%, 20%, .9)
}

.tooltip-custom-right:hover:before,
.tooltip-custom-right:hover:after,
.tooltip-custom-right:focus:before,
.tooltip-custom-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    transform: translateX(12px)
}

.tooltip-custom-left:before,
.tooltip-custom-right:before {
    top: 3px
}

.tooltip-custom-left:after,
.tooltip-custom-right:after {
    margin-left: 0;
    margin-bottom: -16px
}

.lightbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lb-dataContainer {
    order: 1;
    background: #fff;
    border-radius: 5px 5px 0 0;
    position: relative;
    top: 2px
}

.lb-outerContainer {
    order: 2
}

.lb-data .lb-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}

.lb-data .lb-number {
    display: flex;
    clear: left;
    padding-bottom: 0;
    font-size: 12px;
    color: #000;
    align-items: center;
    margin-top: 6px;
    margin-left: 5px
}

.datepicker--cell.-focus- {
    background: #5ec5c4
}

.datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5ec5c4
}

.emailsend-card span.notify-yes {
    background: #5ec4c3;
    position: absolute;
    left: 9px;
    color: #fff;
    padding: 3px 13px;
    border-radius: 5px;
    top: 7px;
    z-index: 1
}

.emailsend-card span.notify-no {
    background: #ececec;
    position: absolute;
    left: 9px;
    color: #666;
    padding: 3px 13px;
    border-radius: 5px;
    top: 7px;
    z-index: 1
}

.card.emailsend-card .border-radius-footer {
    border-radius: 0 0 10px 10px
}

.card.emailsend-card .card-body {
    height: 300px;
    overflow: hidden
}

.card.emailsend-card img:hover {
    object-position: bottom
}

.card.emailsend-card img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    transition: 4s all ease;
    height: 100%;
    /*filter: grayscale(1);
    opacity: .6*/
}

.height-36 {
    height: 37px
}

.card.card-img {
    width: 80px;
    height: 80px;
    margin-top: 15px;
    object-fit: cover
}

.card.card-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative
}

.card.card-img a.btn.btn-outline-primary.modDelete {
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    padding: 0;
    right: -2px;
    top: -4px
}

.lb-nav a.lb-prev:after {
    content: '';
    display: inline-block;
    left: 0;
    z-index: 999;
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: 37px !important;
    margin: auto;
    top: 0;
    bottom: 0;
    opacity: .6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNzA3MSA0LjI5Mjg5QzE2LjA5NzYgNC42ODM0MiAxNi4wOTc2IDUuMzE2NTggMTUuNzA3MSA1LjcwNzExTDkuNDE0MjEgMTJMMTUuNzA3MSAxOC4yOTI5QzE2LjA5NzYgMTguNjgzNCAxNi4wOTc2IDE5LjMxNjYgMTUuNzA3MSAxOS43MDcxQzE1LjMxNjYgMjAuMDk3NiAxNC42ODM0IDIwLjA5NzYgMTQuMjkyOSAxOS43MDcxTDcuMjkyODkgMTIuNzA3MUM3LjEwNTM2IDEyLjUxOTYgNyAxMi4yNjUyIDcgMTJDNyAxMS43MzQ4IDcuMTA1MzYgMTEuNDgwNCA3LjI5Mjg5IDExLjI5MjlMMTQuMjkyOSA0LjI5Mjg5QzE0LjY4MzQgMy45MDIzNyAxNS4zMTY2IDMuOTAyMzcgMTUuNzA3MSA0LjI5Mjg5WiIgZmlsbD0iIzAwMDAwMCIvPg0KPC9zdmc+) no-repeat
}

.lb-nav a.lb-next:after {
    content: '';
    display: inline-block;
    right: 0;
    z-index: 999;
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: 50px !important;
    margin: auto;
    top: 0;
    bottom: 0;
    opacity: .6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMCA3TDE1IDEyTDEwIDE3IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==) no-repeat
}

.lb-loader svg {
    position: absolute;
    z-index: 9;
    margin: auto;
    fill: #fff;
    width: 25px
}

.lb-loader {
    display: flex;
    justify-content: center;
    align-items: center
}

.multi-image-upload .ajax-file-upload-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* already set, removed duplicate */
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 3px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ajax-file-upload-statusbar .delete,
.ajax-file-upload-statusbar .abort {
  display: inline-block !important;
}

.multi-image-upload .ajax-file-upload-bar {
    color: #fff;
    width: 60px !important;
    height: 60px;
    border-radius: 50%; /* cleaner way for circle */
    border: 2px solid #fff;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.65); /* more readable than hex with alpha */
}

.lb-loader svg path {
    fill: #fff
}

.lb-cancel {
    background: #5ec5c4;
    width: 70px;
    height: 70px;
    border: 3px solid #25a1a0;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    text-align: center
}

.lb-cancel::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-bottom-color: #fff
}

.lb-cancel::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff
}

.table-sm-data.row .show-filter-icons {
    box-shadow: 1px 3px 4px #00000029
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.multi-image-upload .ajax-upload-dragdrop {
    background: 0 0;
    max-width: initial;
    display: inline-block;
    color: #fff !important;
    text-align: center;
    background-color: #5ec5c4;
    height: 52px;
    padding: 5px 15px;
    min-width: 23px;
    border-radius: 10px;
    line-height: 31px;
    box-shadow: 0 3px 5px -1px rgb(0 0 0/20%), 0 6px 10px 0 rgb(0 0 0/14%), 0 1px 18px 0 rgb(0 0 0/12%);
    cursor: pointer; 
    border: 0;
    line-height: 21px
}

.ajax-upload-dragdrop span,
.ajax-upload-dragdrop span b {
    display: block;
    font-size: 10px !important
}

.multi-image-upload .ajax-upload-dragdrop .ajax-file-upload {
    background-color: transparent !important;
    border-color: none !important;
    color: inherit;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    height: auto;
    margin: 0 3px 0 0
}

.multi-image-upload .ajax-file-upload-container {
    min-height: auto;
    display: flex;
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    margin: 0px 0;
    gap:10px;
}

.ajax-file-upload-container .ajax-file-upload-statusbar {
    width: 150px !important;
    height: 150px;
    position: relative;
    margin-right: 11px;
    margin-bottom: 20px
}
.ajax-file-upload-container .ajax-file-upload-container.ui-sortable {
    gap: 40px 10px;
}
.ajax-file-upload-container .ajax-file-upload-statusbar img {
    border: 1px solid #e2e4ea;
    border-radius: 4px;
    padding: 5px
}

.ajax-file-upload-container .ajax-file-upload-statusbar {
    width: 150px !important;
    height: 150px;
    position: relative;
    margin-right: 11px;
    margin-bottom: 20px
}

.ajax-upload-dragdrop span,
.ajax-upload-dragdrop span b {
    display: block;
    font-size: 10px !important
}

.multi-image-upload .ajax-file-upload-container .ajax-file-upload-statusbar {
    width: 150px !important;
    height: 150px;
    position: relative;
    margin-right: 0;
    margin-bottom: 0px;
}

.ajax-file-upload-container .ajax-file-upload-statusbar img {
    border: 1px solid #e2e4ea;
    border-radius: 4px;
    padding: 5px
}

.multi-image-upload .ajax-file-upload-red {
    background-color: #5ec5c4
}

.multi-image-upload .ajax-upload-dragdrop .ajax-file-upload input[type=file] {
    width: 156px !important;
    left: -6px !important;
    top: -1px !important;
    height: 54px !important
}

.datepicker-here.form-control {
    background: #fff
}

.max-h-350 {
    height: 350px;
    top: 71px;
    box-shadow: 3px 4px 5px rgb(0 0 0/7%);
    border-radius: 7px;
    border-color: #dedede
}

.page-main-header .main-header-right .nav-right ul li i {
    font-size: 19px;
    padding: 10px
}

span.preview-email {
    position: absolute;
    right: 12px;
    z-index: 9;
    background: #fff;
    top: 6px
}

span.preview-email .btn {
    padding: 5px 11px
}

.card.emailsend-card .align-items-center.card-footer.d-flex.justify-content-between.border-radius-footer>div {
    display: flex;
    gap: 5px
}

.page-main-header .main-header-left {
    background-color: transparent !
}

.tinyassets_ajax_table table.display tr td:nth-last-child(2) .show-drop-box .show-filter-icons,
.tinyassets_ajax_table table.display tr td:nth-last-child(1) .show-drop-box .show-filter-icons {
    right: 0
}

.custom-scrollbar-bar .accordion-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem
}

.custom-scrollbar-bar .Search-counter .form-control {
    font-size: 13px;
    height: 40px
}

.custom-scrollbar-bar .w-accordion {
    max-width: 43%;
    flex: 0 0 45%;
    display: flex
}

.custom-scrollbar-bar .accordion-btn {
    position: absolute;
    left: 36px;
    width: 114px;
    height: 100%;
    opacity: 0
}

.custom-scrollbar-bar .accordion-button::after {
    display: none
}

.custom-scrollbar-bar .form-check-input {
    width: 18px;
    height: 18px
}

.default-according.style-1 button[aria-expanded=true]:before,
.default-according.style-1 button[aria-expanded=false]:before {
    top: auto;
    color: #000;
    font-size: 17px;
    right: auto
}

.scroll-demo {
    height: 200px !important
}

.card.custom-card.default-according.style-1 button.btn {
    position: absolute;
    top: 14px;
    width: 20px;
    height: 20px;
    right: 13px;
    border: solid 1px #000;
    border-radius: 100%;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #000
}

.tabs-responsive-side {
    border-right: solid 1px #eee
}

.nav.border-tab.nav-left a.nav-link {
    border-bottom: solid 1px #eee
}

.ajax-file-upload {
    color: #5ec5c4;
    text-decoration: underline;
    margin-bottom: 15px
}

span.color-gry {
    color: #cbcbcb
}

.tinyassets_ajax_table table.display .table-sm-data tr:last-child .show-drop-box .show-filter-icons {
    top: 0;
    bottom: auto
}

.table-sm-data.row a:hover {
    color: #5ec5c4
}

.show-filter-icons.width-drop-menu {
    width: 195px !important;
    min-width: auto
}

.show-filter-icons.width-drop-menu ul li {
    list-style: disc;
    margin-left: 18px
}

.show-filter-icons:before {
    content: '';
    border-left: solid 8px #0000;
    border-right: solid 8px #0000;
    border-top: solid 8px #0000;
    border-bottom: solid 8px #fff;
    position: absolute;
    margin: auto;
    left: 12px;
    right: auto;
    width: 0;
    top: -16px
}

.tinyassets_ajax_table table.display tr td:nth-last-child(2) .show-drop-box .show-filter-icons:before,
.tinyassets_ajax_table table.display tr td:nth-last-child(1) .show-drop-box .show-filter-icons:before {
    right: 45px;
    left: auto
}

.p-1.col-md-2 .show-drop-box .show-filter-icons {
    min-width: 200px;
    left: 0
}

.p-1.col-md-2 .show-filter-icons:before {
    left: 20px !important;
    right: auto !important
}

.tinyassets_ajax_table table.display tr:last-child .show-drop-box .show-filter-icons:before {
    top: auto;
    bottom: -14px;
    border-left: solid 8px #0000;
    border-right: solid 8px #0000;
    border-top: solid 8px #fff;
    border-bottom: solid 8px #ffffff00
}

.show-filter-icons p {
    text-wrap: wrap !important;
    font-size: 12px
}

a.editable_filed i {
    color: #666;
    margin-left: 4px
}

.show-drop-box p {
    text-wrap: wrap !important
}

.table-sm-data.row.ps-3 {
    margin: 0
}

a.btn.guesty-icon-green svg path {
    stroke: #5ec4c3;
    fill: #5ec5c4
}

a.btn.guesty-icon-green {
    background: #dff;
    border-color: #5ec4c3 !important
}

a.btn.guesty-icon-gry {
    background: #eee;
    border-color: #d6d6d6 !important
}

a.btn.guesty-icon-gry svg path {
    color: #d4d4d4;
    fill: #aeaeae
}

.btn-list a.btn.guesty-icon-gry:hover,
a.btn.guesty-icon-green:hover {
    background: #fff !important;
    border-color: #d6d6d6 !important
}

.tinyassets_ajax_table table.display tr td:nth-last-child(1) .table-sm-data.row .show-drop-box .show-filter-icons {
    right: -50%
}

.tinyassets_ajax_table table.display tr td:nth-last-child(1) .table-sm-data.row .p-1.pe-4.text-end.col-md-4.ms-auto .show-drop-box .show-filter-icons {
    right: 0
}

.group-box-btn button {
    border-radius: 0 5px 5px 0;
    min-height: 39px;
    margin-left: -3px
}

span.input-group-text.fixed_amount {
    padding: 0;
    min-width: 80px;
    border: 0;
    padding: 0
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #d7d7d7;
    min-height: 37px;
    line-height: 24px
}

button.discount_type.btn-active {
    background: #5ec5c4;
    color: #fff
}

.max-lenth {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

a.editable_filed {
    display: flex;
    align-items: center;
    margin-right: 10px
}


/* 16 MAY 2024 Start */

table.table.autoSerialTable th {
    background: #f1f4f6 !important;
}
.checkbox input[type=checkbox]:+label::before {
     line-height: 1.4;
    font-size: 12px;
}
.checkbox label { 
    padding-left: 10px; 
}
.radio label { 
    padding-left: 10px !important;
    margin-top: 5px !important;
}
.checkbox-success input[type=checkbox]:checked+label::before {
    border-color: #5ec5c4;
    color: #ffffff;
    background: #5ec5c4;
}
.checkbox-success label::before {
    border-color: #5ec5c4;
}
.checkbox input[type=checkbox]:checked+label::before { 
    line-height: 1.4;
    font-size: 12px;
}
.default-according.style-1 button[aria-expanded=true]:before, .default-according.style-1 button[aria-expanded=false]:before {
 
    line-height: 1.1;
}
.card.custom-card.default-according.style-1 button.btn {
    border: solid 1px #5ec5c4; 
    color: #5ec5c4;
}
.default-according.style-1 button[aria-expanded=true]:before, .default-according.style-1 button[aria-expanded=false]:before {
    color: #5ec5c4; 
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    width: 7px; 
}
/* 16 MAY 2024 END */

/* 29 MAY 2024 Start */
.tinyassets_ajax_table table.display tr td:last-child .table-sm-data.row .show-drop-box .show-filter-icons ul li {
    list-style: none;
}

.tinyassets_ajax_table table.display tr td:last-child .table-sm-data.row .show-drop-box .show-filter-icons {
    right: 0;
}
/* 29 MAY 2024 END */
    
/* 17 MAY 2024 END */
.multi-image-upload .ajax-upload-dragdrop {
    background: 0 0;
    max-width: initial;
    display: inline-block;
    color: #666 !important;
    text-align: center;
    background-color: #ffffff; 
    padding: 5px 15px;
    min-width: 47px;
    border-radius: 2px;
    line-height: 31px;
    box-shadow: none;
    cursor: pointer; 
    margin-top: 0px;
    margin-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;border: dotted 2px #c0c0c0;
    outline: none;
    margin-left: 0px;
}
.multi-image-upload {
    display: flex;
    /* flex-wrap: wrap; */
    gap:5px
}
 
 

.multi-image-upload .ajax-upload-dragdrop .ajax-file-upload input[type=file] {
    width: 156px!important;
    left: -13px!important;
    top: -1px!important;
    height: 129px!important;
}

/* 17 MAY 2024 END */

.bootstrap-tagsinput span.tag.label.label-info {
    margin: 0 !important;
    margin-right: 10px !important;
}

.bootstrap-tagsinput input[type="text"] {
    margin-top: 2px;
}


/* 07 JUNE 2024 START */
.row.chart-row.chart-row-data .show-filter-icons:before {
    display: none;
}
/* 07 JUNE 2024 END */

/* 18 JUNE 2024 START */
.w-qr-200 img {
    max-width: 100px;
}
.multi-image-upload .ajax-upload-dragdrop .ajax-file-upload input[type=file] {
    z-index: 1 !important;
}
.modal-content .form-group .form-control[type="file"] {
    font-size: 13px;
    border: 1px solid #d7d7d7;
    min-height: auto;
    padding: 7px 10px;
}
/* 18 JUNE 2024 END */

/* 20 JUNE 2024 Start */
.Summary-card {
    border: solid 1px #eee;
    padding: 10px;
    margin: 0;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 20px;    border-radius: 5px;
}
.Summary-card i {
    font-size: 37px; color:#222;
}
.Summary-card h5 {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}
.Summary-card p {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
} 
.email-notrication label.switch {
    width: 35px;
    height: 22px;
}
.email-notrication .switch-state:before { 
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px; 
} 
.email-notrication input:checked+.switch-state:before {
    left: -10px;
}
/* 20 JUNE 2024 END */


.border-tab.nav-tabs .nav-item .nav-link { 
    padding: 11px 11px;
    background: #ffffff; 
    border-radius: 100px; border-bottom-width: 0px !important;
}
.border-tab.nav-tabs .nav-item .nav-link {
    font-size: 13px;
}

.container-fluid.container-fluid-bg-table.container-table-height-none .tinyassets_ajax_table>div {
    max-height: 100%;
}
.row.row-coloeson-bokk .social-widget .d-flex .social-sub-title {
    color: #777777;
    text-transform: uppercase;
    font-size: 11px;
}
.row.row-coloeson-bokk .social-widget .total-value { 
    font-size: 21px;
}

.avatar-agent img {
    width: 30px;
    height: 30px;
}

.avatar-agent {
    min-width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 100%;
}
.w-150px{min-width:150px;}
.calendar-plus-icon{background:url('https://cdn.tinyaway.com/common/2024/09/calendar-plus-icon1726927100667.png'); width: 22px;    height: 22px;    display: inline-block;    background-size: 20px;    background-repeat: no-repeat;    margin-right: 5px;}
.edit-date-calendar-icon{background:url('	https://cdn.tinyaway.com/common/2024/09/Group 41726928408696.png'); width: 22px;    height: 22px;    display: inline-block;    background-size: 20px;    background-repeat: no-repeat;    margin-right: 5px;} 
.lease-end-date-calendar-icon{background:url('https://cdn.tinyaway.com/common/2024/09/lease_end_date_icon.svg '); width: 22px;    height: 22px;    display: inline-block;    background-size: 20px;    background-repeat: no-repeat;    margin-right: 5px;} 
.lease-start-date-calendar-icon{background:url('https://cdn.tinyaway.com/common/2024/09/lease_start_date_icon.svg ');width:22px;height:22px;display: inline-block;background-size: 20px;background-repeat: no-repeat;margin-right: 5px;} 
.lease-firstpayout-date-calendar-icon{background:url('https://cdn.tinyassets.sg/assets/images/First-Payout.svg ');width:22px;height:22px;display: inline-block;background-size: 20px;background-repeat: no-repeat;margin-right: 5px;} 
   .grayscale-docusign {
   opacity: 0.5;
    filter: grayscale(80%);
    cursor: not-allowed;position: relative;
}
.grayscale-docusign:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.open-tooltip-onclick {
    position: absolute;
    top: -14px;
    background: #fff;
    margin-top: 0;
    margin-left: -196px;
    width: 300px;
    padding: 30px 20px;
    box-shadow: 0px 2px 4px #00000052;
    border-radius: 2px;
    border: solid 1px #eee;
}
.open-tooltip-onclick ul li {
    list-style: disc;
    margin-left: 21px;
}
.open-tooltip-onclick a {
    position: absolute;
    right: 27px;
    font-size: 33px;
    color: #000;
    top: 4px;
}
.open-tooltip-onclick h2 {
    font-size: 22px;
    font-weight: 500;
}
.open-tooltip-onclick:after {
    content: '';
    border-left: solid 10px rgb(0 0 0 / 0%);
    border-right: solid 10px rgb(0 0 0 / 0%);
    border-top: solid 10px rgb(187 187 187);
    border-bottom: solid 10px rgb(0 0 0 / 0%);
    position: absolute;
    right: 20px;
    bottom: -20px;
}
.input-group-square.ms-2.btn-group-cutom-w {
    max-width: 337px;
}
.tinyassets_ajax_table.tinyassets_ajax_table-td-msx .card.add-active-address,
div#landPartnerAddressCards .card.p-3.position-relative{
    min-height: 170px;
    max-height: 100%; margin:0;
}
.tinyassets_ajax_table.tinyassets_ajax_table-td-msx .card.p-3.d-flex.align-items-center.justify-content-center.text-center.border-dashed.bg-light.h-100,
div#landPartnerAddressCards .card.p-3.d-flex.align-items-center.justify-content-center.text-center.border-dashed.bg-light.h-100,
.card-body.addressCardContainer .card.p-3.d-flex.align-items-center.justify-content-center.text-center.border-dashed.bg-light.h-100 
{
    background: #f6f6f6 !important;
    border: dotted 2px #b6b6b6 !important;
    color: #000 !important;min-height: 170px;
    max-height: 100%;     cursor: pointer; margin:0;
}
.tinyassets_ajax_table.tinyassets_ajax_table-td-msx .card.p-3.d-flex.align-items-center.justify-content-center.text-center.border-dashed.bg-light.h-100 i.fa.fa-plus-circle.fa-2x.text-primary.mb-2, 
.tinyassets_ajax_table.tinyassets_ajax_table-td-msx .card.p-3.d-flex.align-items-center.justify-content-center.text-center.border-dashed.bg-light.h-100 h6,
div#landPartnerAddressCards .card.p-3.d-flex.align-items-center.justify-content-center.text-center.border-dashed.bg-light.h-100  i.fa.fa-plus-circle.fa-2x.text-primary.mb-2,
div#landPartnerAddressCards .card.p-3.d-flex.align-items-center.justify-content-center.text-center.border-dashed.bg-light.h-100  h6,
.card-body.addressCardContainer .card.p-3.d-flex.align-items-center.justify-content-center.text-center.border-dashed.bg-light.h-100  h6,
.card-body.addressCardContainer .card.p-3.d-flex.align-items-center.justify-content-center.text-center.border-dashed.bg-light.h-100 i.fa.fa-plus-circle.fa-2x.text-primary.mb-2

{
    color: #8c8c8c !important;
}

.card.p-3.position-relative.add-active-address .select-address,
.card.p-3.position-relative.add-active-address-model .select-address {
    display: none !important;
}

.card.p-3.position-relative.add-active-address.active,
.card.p-3.position-relative.add-active-address-model.active {
    border-color: #26c6da;
}
.card.p-3.position-relative.add-active-address.active .select-address,
.card.p-3.position-relative.add-active-address-model.active .select-address
{ display:flex !important;}

.photo-gallery {
    max-width: 200px;
    width: 179px;
}

  .step2-container { display:flex; gap:20px; }
            .room-list { width:32%; border-right:1px solid #eee;height: 633px; overflow-y:auto; padding-right:10px; }
            .room-item { display:flex; align-items:center; padding:12px; border-radius:10px; 
                         background:#fff; margin-bottom:10px; cursor:pointer; border:1px solid #eaeaea; 
                         transition:0.2s; }
            .room-item:hover { background:#f5f5f5; transform:translateX(3px); }
            .room-img img { width:55px; height:55px; border-radius:10px; object-fit:cover; }
            .room-info { padding-left:10px; flex-grow:1; }
            .room-title { font-weight:600; }
            .room-icons i { font-size:13px; margin-right:6px; color:#666; }
            .room-arrow i { font-size:14px; color:#999; }
            .badge-success { background:#48c78e; }
    
            .floorplan-container { width:68%; position:relative; background:#fafafa; padding:20px; border-radius:15px; }
            .floorplan-wrapper { position:relative; width:100%; height:600px; overflow:hidden;     text-align: center;}
            .floorplan-wrapper img {
                height: 550px;
            }
            .floorplan-base { transition:transform 0.3s ease; }
            .floor-highlight { position:absolute; left:0; top:0; width:100%; opacity:0.85; display:none; }
    
            .floorplan-zoom { position:absolute; bottom:20px; right:20px; display:flex; flex-direction:column; }
            .zoom-btn { background:#fff; border:1px solid #ccc; width:38px; height:38px; 
                        border-radius:8px; font-size:21px; margin-bottom:5px; cursor:pointer; }
     
     
     
        .step-section { display:none; }
        .step-section.active { display:block; animation: fadeIn 0.3s ease; }
        @keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
        
        .gmail-tag {
        display: flex;
        align-items: center;
        padding: 4px 8px 4px 4px;
        border-radius: 18px;
        background: #f1f3f4;
        border: 1px solid #dadce0;
        margin: 4px 3px;
        }
        
        .tagify__tag__avatar img {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        }
        
        .tagify__tag__avatar {
        margin-right: 8px;
        }
        
        .tagify__tag__details {
        display: flex;
        flex-direction: column;
        line-height: 12px;
        }
        
        .tag-name {
        font-size: 13px;
        font-weight: 500;
        color: #202124;
        }
        
        .tag-email {
        font-size: 11px;
        color: #5f6368;
        }
        
        .tagify__tag__removeBtn {
        margin-left: 6px;
        font-size: 14px;
        }
        
        .participant-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 5px;
        }
        
        .participant-chip {
        display: flex;
        align-items: center;
        padding: 6px 12px;
        background: #eef3ff;
        border: 1px solid #d4defc;
        border-radius: 20px;
        font-size: 14px;
        color: #1a73e8;
        }
        
        .participant-chip .initial {
        background: #1a73e8;
        color: #fff;
        width: 22px;
        height: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        font-size: 12px;
        margin-right: 8px;
        text-transform: uppercase;
        }
        
        .gc-time-dropdown {
        position: absolute;
        background: #fff;
        border: 1px solid #dadce0;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        width: 180px;
        max-height: 260px;
        overflow-y: auto;
        display: none;
        z-index: 9999;
        padding: 6px 0;
        }
        
        .gc-time-item {
        padding: 8px 12px;
        cursor: pointer;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        }
        
        .gc-time-item:hover {
        background: #f1f3f4;
        }
        
        .gc-time-item.active {
        background: #e8f0fe;
        font-weight: 600;
        }
        
        
        /* Time dropdown (Google-style) */
        .gc-time-wrapper {
        position: relative;
        }
        .gc-time-menu {
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 4px;
        width: 220px;
        max-height: 260px;
        overflow-y: auto;
        background: #fff;
        border-radius: 8px;
        border: 1px solid #dadce0;
        box-shadow: 0 4px 12px rgba(0,0,0,0.12);
        z-index: 9999;
        font-size: 13px;
        }
        .gc-time-option {
        padding: 6px 10px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        }
        .gc-time-option span.label {
        color: #202124;
        }
        .gc-time-option span.meta {
        font-size: 11px;
        color: #5f6368;
        }
        .gc-time-option:hover {
        background: #e8f0fe;
        }
        
        /* Small helper to hint “+2h max” etc. */
        .small-hint {
        font-size: 11px;
        color: #5f6368;
        margin-top: 2px;
        }
        .tagify.invalid {
        border: 1px solid #dc3545 !important;
        box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
        border-radius: 4px;
        }
        .room-item.active {
        border: 2px solid #1a73e8;
        background: #e8f0fe;
        }
        .floor-highlight { display:none; }
        #proceedToStep3 { display:none; }
        .step3-details {
            padding: 20px;
            border-right: 1px solid #e5e5e5;
        }
        .detail-block {
            background: #fafafa;
            border: 1px solid #e3e3e3;
            border-radius: 8px;
            padding: 14px 16px;
        }
        .detail-label {
            font-size: 14px;
            font-weight: 600;
            color: #555;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .detail-value {
            margin-top: 4px;
            font-size: 15px;
            color: #222;
        }
        .detail-section {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        .info-icon {
            color: #1a73e8;
            font-size: 16px;
        }
        .step3-header-room {
            display: flex;
            gap: 12px;
            align-items: center;
            margin-bottom: 18px;
        }
        .step3-header-room img {
            width: 48px;
            height: 48px;
            border-radius: 6px;
            object-fit: cover;
        }
        /* Guest Chips */
        .participant-chip {
            display: flex;
            align-items: center;
            padding: 6px 12px;
            background: #eef3ff;
            border: 1px solid #d4defc;
            border-radius: 20px;
            font-size: 13px;
            color: #1a73e8;
        }
        .participant-chip .initial {
            background: #1a73e8;
            color: #fff;
            width: 22px;
            height: 22px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            font-size: 11px;
            margin-right: 8px;
            text-transform: uppercase;
        }
        .step3-header-room {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 22px;
        }
        
        .step3-header-room .room-thumb {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        object-fit: cover;
        border: 1px solid #e8e8e8;
        }
        
        .room-header-text .room-title {
        font-size: 16px;
        font-weight: 600;
        color: #1f1f1f;
        }
        
        .room-header-text .room-status-label {
        font-size: 13px;
        color: #4CAF50; /* soft Google green */
        margin-top: 2px;
        font-weight: 500;
        }
     
                        
                        
  .aveter-iocn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: solid 1px #eee;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 10px;
}

 .step3-container { display:flex; gap:25px; }
            .step3-details { width:40%; }
            .step3-floorplan { width:60%; background:#fafafa; padding:20px; border-radius:15px; }
            .step3-floorplan img { width:100%; }
            .confirm-btn { float:right; }
                        
@media(min-width:876px) {
    .modal-dialog.modal-lg-700 {
        max-width: 700px;
        margin: 1.75rem auto
    }
}
.select-address {
    position: absolute;
    top: -6px;
    background: #5ec5c4;
    color: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    left: -8px;
}
.select-address + .ms-2 {
    padding-right: 60px;
}
@media(max-width:1292px) {
    .input-group-square.ms-2.btn-group-cutom-w {
        margin: 0 !important;
        max-width: 241px;
        margin-top: 7px !important;
        margin-top: 0 !important
    }

    span.input-group-text.fixed_amount {
        min-width: 70px
    }

    .row.datadiv .col-sm-3 {
        max-width: 50%;
        flex: 0 0 50%
    }

    .align-items-center.d-flex.justify-content-center.text-sm.color-w-user-chnage {
        display: none !important
    }
}

@media(max-width:992px) {
    .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar~.page-body {
        width: calc(100% - 0px);
        padding-right: 10px
    }

    .row.chart-row {
        padding-top: 0 !important
    }
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto
    }
}

@media(max-width:991px) {
    footer {
        bottom: 0 !important
    }

    .page-main-header .main-header-left .mobile-sidebar {
        display: block;
        width: 55px
    }

    .page-main-header .main-header-left .mobile-sidebar .switch {
        margin-left: 0
    }

    .open-module-search-fillter .collapse-filter#mySidepanelCart {
        width: 550px !important
    }

    .open-module-search-fillter .collapse-filter.collapse-filter.filter-collapsemySidepanelCart {
        width: 724px !important
    }

    .margin-card-dashbord {
        margin-right: 0
    }

    .page-body-wrapper.sidebar-icon.sidebar-open .page-sidebar.custom-scrollbar {
        display: block
    }

    div.form-inline.ms-2.search-form.w-100.search-w-250 {
        width: 370px !important;
        margin-left: 15px !important;
        display: none
    }

    .btn-smbutton#vertical-menu-btn {
        font-size: 18px
    }

    .page-main-header .main-header-left .logo-wrapper svg {
        max-width: 150px
    }

    .page-body-wrapper.sidebar-icon.sidebar-open .page-body {
        margin-left: 135px !important;
        overflow: hidden
    }

    .page-main-header .main-header-left button.btn {
        display: block
    }
}

@media(max-width:792px) {
    .page-wrapper .page-main-header .main-header-right .nav-right>.mobile-toggle {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .responsiv-div-box {
        display: flex
    }

    .open-module-search-fillter .collapse-filter.collapse-filter.filter-collapsemySidepanelCart {
        width: 424px !important
    }

    .page-main-header .main-header-left .mobile-sidebar {
        display: inline-block
    }

    .page-main-header .main-header-left .mobile-sidebar .switch {
        margin-left: 10px
    }

    .page-main-header .main-header-left .logo-wrapper {
        margin-left: 0
    }

    .list-applied-filters {
        flex-direction: column;
        justify-content: space-between
    }

    .list-applied-filters span {
        justify-content: space-between
    }

    .page-main-header .main-header-left .logo-wrapper svg {
        max-width: 55px
    }

    .page-main-header .main-header-left button.btn {
        display: block
    }

    .search-form input {
        min-width: 200px
    }

    .open-module-search .collapse-filter {
        width: 250px
    }

    .card-width-filter {
        width: 100%);
    }

    .product-table.product-listing-table {
        overflow: auto;
    }

    .page-main-header {
        max-width: 100%;
    }

    .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar~.page-body {
        width: 100%;
    }

    .card-width-filter {
        width: calc(100% - 0px);
    }

    .tinyassets_ajax_table,
    .tinyassets_static {
        overflow: auto;
    }

    .open-module-search .collapse-filter#mySidepanel {
        top: 72px;
    }

    .open-module-search .collapse-filter#mySidepanel {
        width: 350px;
        right: auto !important;
    }

    .open-module-search-fillter .collapse-filter#mySidepanelCart {
        right: 0;
        z-index: 9;
        height: 100vh;
        width: 350px;
        margin-top: 49px;
    }

    .top-fixd-onscroll {
        top: 60px;
    }

    .collapse-filter {
        right: 0 !important;
        margin-top: 49px;
    }

    .open-module-search .collapse-filter .border-0.card.card-body.custom-scrollbar.overflow-auto .col-6 {
        width: 100%;
    }

    body.custom-scrollbar.open-module-search .card.card-width-filter-70 {
        height: 100%;
    }

    .collapse-filter {
        right: 59px;
    }

    .big-table .card-width-filter {
        max-width: 100%;
    }

    .tab-content .card-body {
        padding: 5px !important;
    }

    .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar {
        width: 117px;
    }

    .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li .single-header,
    .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li .sidebar-submenu,
    .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li a:hover+ul {
        margin-left: 110px;
        border-radius: 10px;
    }

    .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar {
        overflow: auto;
        height: calc(100vh - 0px) !important;
        padding-bottom: 150px;
    }

    span.box-text-cart-sm {
        font-size: 12px;
    }

    span.box-text-cart {
        font-size: 20px;
    }

    .row.chart-row {
        padding-top: 68px;
    }

    .row.chart-row .card.card-width-filter-70 {
        right: 10px;
        width: 95%;
    }

    .row.chart-row button.btn.openbtn {
        width: 50px;
        margin-right: 7px;
    }

    .row.chart-row .open-module-search .collapse-filter {
        width: 80%;
    }
}

@media (max-width:692px) {
    .custom-scrollbar.overflow-auto .form-group.mb-3.col-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .open-model-setting {
        width: calc(100% - 20px);
        height: calc(100vh - 250px);
    }

    .row.datadiv .col-sm-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
 
 
 
 
 
 
 .custom-upload { 
    cursor:pointer;    position: relative;
}
    .custom-upload input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

   .upload-btn {
    background-color: #5ec5c4;
    color: white;
    padding: 6px 16px;
    border-radius: 5px;
    font-size: 15px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}

    .upload-btn i {
        font-size: 16px;
    }
    
 .multi-image-upload.full-width-upload  .ajax-upload-dragdrop, .max-h-250 {
    min-width: 100%;
    width: 100% !important;
    height: 250px;
    box-shadow: none !important;
    outline: 0;
    margin: 0;
    border-radius: 5px;
    background: #f7f7f7;
}
 
 
 .modal-body-list .custom-dropmenu-model ul li {
    line-height: 30px;
    max-width: 100%;
    flex: 0 0 31%;
    border: 0;
    text-align: left;
    border-radius: 10px;
    margin: auto;
    font-size: 14px;
}
.banner-container-background{
    background: #eeeeee;
}

div#cropFrameWebsite {
    left: 0 !important;
    right: 0 !important;
    margin: auto;
}

.listing-container {
    width: 100%;
    height: 100%;
    display: flex;
    background: #f8f9fa;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    border: 2px dashed #ced4da;
}
.listing-container a {
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: absolute;
    right: 5px;
    top: 3px;
}

.listing-container img {
    width: 100%;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

div#mobile-image-container .listing-container img {
    width: auto;
    height: 100%; 
    margin: auto !important;
}

.cropper-container.position-relative {
    background: #000;
}
.loader-wrapper .loader-percent {
    position: fixed;
    top: 61%;
    left: 0;
    right: 0;
    font-weight: 400 !important;
    font-size: 13px !important;
}

div#listing-container label.form-check-label {
    display: flex;
    line-height: 17px;
    align-items: center;
}
div#listing-container label.form-check-label img {
    border-radius: 5px;min-width: 23px;
    height: 23px;
    max-width: 23px;
}
div.left-panel-checkbox-container label.form-check-label {
    display: flex;
    line-height: 17px;
    align-items: center;
}
div.left-panel-checkbox-container label.form-check-label img {
    border-radius: 5px;min-width: 23px;
    height: 23px;
    max-width: 23px;
}
.upload-box {
  width: 100px;
  height: 100px;
  background: #f8f9fa;
  border: 2px dashed #ced4da;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  transition: border-color 0.3s;
}

.upload-box:hover {
  border-color: #6c757d;
}

.upload-box input[type="file"] {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
}

.upload-box .placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #6c757d;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}

.upload-box img.preview {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: none;
}
   .preview-wrapper {
  position: relative;
}
.preview-overlay::after {
  content: "Click to change";
  position: absolute;
  bottom: 5px;
  right: 10px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.2s;
}
.preview-wrapper:hover .preview-overlay::after {
  opacity: 1;
} 

/* Overlay container */
.upload-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 8px;
  z-index: 10;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.preview-wrapper:hover .upload-overlay {
  opacity: 1;
}

/* Progress bar */
.progress-overlay-bar {
  position: relative;
  width: 0%;
  height: 6px;
  background: #00bcd4;
  border-radius: 10px;
  transition: width 0.2s ease;
  align-self: center;
}

/* Percent text */
.progress-overlay-text {
  margin-top: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-shadow: 0 0 5px rgba(0,0,0,0.6);
}

/* Ensures overlay aligns correctly over video/image */
.preview-wrapper {
  position: relative;
  overflow: hidden;
} 
.listing-container img.preview-image {
    max-height: 179px;     width: auto;
}
div#iconPreviewWrapper .preview-overlay::after { 
    right: 0;  
}
div#iconPreviewWrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#listing-container label.form-check-label > div{    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

div.left-panel-checkbox-container label.form-check-label > div{    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

    .default-according.style-1 button[aria-expanded="true"]:before {
     
    padding-top: 3px;
}


    .btn-group.btn-group-top-end {
    position: absolute;
    top: 10px;
    right: 10px;
}
.btn-group.btn-group-top-end button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}
 
.product-img-list.card {
  padding: 10px;
    max-height: 170px;
    margin: 0;
    position: relative;
    max-width: 300px; 
    border-color: #26c6da;
    width:100%;
}
.product-img-list.card:hover{border-color: #26c6da;}
.product-img-list.card a {
    padding: 0;
    max-height: 100%;
    margin: 0;
    font-size: 11px;
    color: #198754 !important;
    margin-top: 5px;
    display: inline-block;
}
.product-img-list.card p {
    text-align: center;
    margin-top: 0px; 
}

.product-img-list.card img {
    height: 127px;    border-radius: 7px;
    width:100%;
}
.product-img-list.card .btn-group.btn-group-top-end { 
    top: 13px;
    right: 13px;
}
button.btn.btn-sm.btn-outline-secondary.modDeleteLandpartner {
    background: #fff;
}
.product-img-list.card p {
    font-size: 0.875em;
    margin-top: 4px !important;
}

.product-img-list.card .btn-group.btn-group-top-end button.btn.btn-sm.btn-secondary.tag_land_partner i {
    color: #fff;
}

.product-img-list.card .show-filter-icons {
    top: 50px;
}

.product-img-list.card p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.icon-color-bg {
    border-radius: 100%;
    width: 45px;
    height: 45px;
    background-color: #fff5ac;
    align-items: center;
    display: inline-flex;
    justify-content: center;
}
span.icon-color-bg  img{width:37px; hright:42px;}
.multi-image-upload { 
    position: relative;
}




div#fileuploader { 
    width: 192px;
    min-height: 140px;
    display: flex;
}
.multi-image-upload .ajax-file-upload-container .ajax-file-upload-statusbar {
    width: 189px !important;
    height: 150px;
    position: relative;
    margin-right: 0;
    margin-bottom: 0px;
}
.multi-image-upload .ajax-upload-dragdrop {
 
    min-height: 147px;
    border-radius: 10px;    align-items: center;
    display: flex
;
    flex-direction: column;
}
.TextField-h6-5-2-637.TextField-textCenter-5-2-660.text-field-wrapper.uploadBtn-5-2-1129 {
    color: #4c83cb;
    font-weight: bold;
    gap: 5px;
    display: flex;
}
.ajax-upload-dragdrop span, .ajax-upload-dragdrop span b {
    margin: 0 !important;
    font-size: 12px !important;
    color: #525252;
    font-weight: 600 !important;
}
.Col-root-5-2-136.Col-flexDirectionColumn-5-2-137.col-wrapper {
    font-size: 11px;
    line-height: 17px;
}
.multi-image-upload .ajax-file-upload-container .ajax-file-upload-statusbar:hover, div#fileuploader > div:hover{ box-shadow: -1px 1px 10px #0000004d; cursor: pointer;border-radius: 5px; }
.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu i.icon-calander {
    background: url(https://cdn.tinyaway.com/common/2025/10/svg1760105729526.svg);
    width: 35px;
    height: 35px;
    background-size: 28px;
    display: inline-block;
    min-height: 35px;
    background-position: bottom;
    background-repeat: no-repeat;
    opacity: 0.6;
}
i.BookingList-users-icon {
    background: url(https://cdn.tinyaway.com/common/2025/10/svg1760106468995.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}

.image-controls.mt-2.text-center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 5px;
    background: #f2f2f2;
    margin-top: -3px !important;
    position: relative;
    border: solid 1px #e2e4ea;
}
.multi-image-upload .ajax-file-upload-container {
    margin-bottom: 20px;
}
.image-controls.mt-2.text-center .form-check-input {
    margin-top: 2px;
    
}
.iconPreviewWrapper-height {
    display: flex;
    min-height: 174px;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.tagify__tag>div::before{box-shadow:none !important;}
@media (max-width:1500px) {
    .multi-image-upload .ajax-file-upload-container .ajax-file-upload-statusbar {width: 168px !important;} 
    
.ajax-file-upload-container.ui-sortable > div:first-child {margin-left: 177px;}

div#fileuploader {  width: 165px;}
    
}

.image-grid-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* Upload box behaves like grid item */
.upload-box-item {
  width: 150px;
  height: 150px;
}

/* Fix upload inner box */
#fileuploader .ajax-upload-dragdrop {
  width: 100% !important;
  height: 100% !important;
}

/* Image items */
.ajax-file-upload-statusbar {
  width: 150px !important;
  margin: 0 !important;
}
.upload-box-item {
  order: -1; /* 🚀 forces it to always stay first */
}

div#fileuploader {
    width: auto;
    min-height: initial;
    display: flex;
}
.multi-image-upload .ajax-file-upload-container > div.ajax-file-upload-statusbar,
.multi-image-upload .ajax-file-upload-container > div.upload-box-item{
    width: 19% !important;
    height: auto !important;
    max-height: 130px;
    margin-bottom: 31px !important;
}
.multi-image-upload .ajax-upload-dragdrop {
    min-height: 156px;
    border-radius: 5px; 
}