.bg-login {
    background: var(--neptune-050) !important;
}

.text-link-tenant-public {
    color: #4F4F4F !important;
}

.text-link-tenant-public:hover {
    color:  var(--claret-600) !important;
}

.text-link-tenant {
    color: var(--claret-600) !important;
}

.text-link-tenant:hover {
    color:  #4F4F4F !important;
}

.btn.btn-primary {
    color: #fff;
    border-color: var(--claret-600) !important;
    background-color: var(--claret-600) !important;
}

.btn-check:active+.btn.btn-primary, .btn-check:checked+.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary {
    color: #fff;
    border-color: var(--claret-800) !important;
    background-color: var(--claret-800) !important;
}

/* map */
.editAddress {
    border-radius: 16px;
    border: 1px solid #D9D9D9;
    padding: 24px;

    font-size: 14px;
    font-weight: 400;
    color: #4F4F4F;
}

.editAddress a {
    border-radius: 8px;
    padding: 12px;
    color: #4F4F4F !important;
}

.editAddress a:hover {
    background: var(--claret-050);
    color: var(--claret-600) !important;
}

.editAddress a:hover svg, 
.editAddress a:hover path {
    stroke: var(--claret-600);
}

.select-address-photo {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
}
/* end map */

.info-categories {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.register-categories {
    padding: 40px;
    gap: 36px;
    border-radius: 24px;
    border: 1px solid #D9D9D9;
}

.border-categories, .border-categories-show {
    padding: 10px;
    border-radius: 16px;
    border: 1px solid #D9D9D9;
    font-size: 16px;
    font-weight: 400;
    color: #4F4F4F;
    margin: 2px;
    align-items: center;
    display: flex;
    min-height: 50px;
}

.border-categories-disabled {
    border: 1px solid #871523 !important;
    color: #871523 !important;
}

.border-categories:hover, .border-categories-active {
    border: 1px solid var(--neptune-400) !important;
    color: var(--neptune-400) !important;
}

.dropzone {
    display: flex;
    background-color: #FFFFFF;
    border: 2px solid #D9D9D9;
    height: 128px;
    align-items: center;
    justify-content: center;
    border-radius: 16px !important;
}

.dropzone-register {
    height: 215px !important;
}

.dropzone-categories {
    height: 250px !important;
}

.dropzone-request {
    height: 120px !important;
}

.dropzone-offer, .dropzone-accept {
    height: 150px !important;
}

.dropzone-dashed {
    border: 2px dashed #D9D9D9 !important;
}

.img-dropzone-category {
    width: 100%;
    height: 250px;
    border-radius: 16px;
    object-fit: cover;
    border: 1px solid #D9D9D9;
}

.dz-message {
    justify-content: center;
} 
.dz-message span {
    display: flex;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #949494 !important;
}

.dropzone .dz-preview .dz-image {
    border-radius: .475rem!important;
}

.dropzone .dz-preview .dz-image img {
    width: 100%;
    height: 100%;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress, 
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    display: none !important;
}

.dz-file-pdf .dz-image::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('https://cdn-icons-png.flaticon.com/512/337/337946.png'); /* Ícono de PDF */
}

.dz-file-doc .dz-image::before,
.dz-file-docx .dz-image::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('https://cdn-icons-png.flaticon.com/512/337/337932.png'); /* Ícono de Word */
}

.dz-file-excel .dz-image::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('https://cdn-icons-png.flaticon.com/512/732/732220.png'); /* Ícono de EXCEL */
}

.nav-menu {
    border-radius: 8px;
    font-size: 16px;
    border: 1px solid #F0F0F0;
}

.header-fixed .header {
    box-shadow: none;
    border-bottom: 1px solid #D9D9D9;
}

.svg-primary:hover path {
    stroke: var(--claret-800) !important;
}

.svg-secondary:hover rect {
    fill: var(--neptune-600) !important;
}

.svg-standar:hover rect {
    fill: #D9D9D9 !important;
}

.menu-sub-dropdown {
    border-radius: 8px !important;
    padding: 8px 0 !important;
    gap: 8px !important;
    color: #4F4F4F;
}

.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-state-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) {
    color: var(--claret-800) !important;
}

.menu-sub-dropdown.menu.show, .menu-sub-dropdown.show[data-popper-placement] {
    margin-top: 5px !important;
}

.aside {
    width: 272px !important;
}

.aside-dark .hover-scroll-overlay-y:hover {
    scrollbar-color: #949494 transparent;
}

.hover-scroll-overlay-y {
    position: absolute;
    left: 5px;
}

.aside-dark .menu .menu-item .menu-link.active {
    background: var(--neptune-950) !important;
}

.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active), .aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active),
.btn-check:active+.btn.btn-light-info, .btn-check:checked+.btn.btn-light-info, .btn.btn-light-info.active, .btn.btn-light-info.show, .btn.btn-light-info:active:not(.btn-active), .btn.btn-light-info:focus:not(.btn-active), .btn.btn-light-info:hover:not(.btn-active), .show>.btn.btn-light-info,
.btn-check:active+.btn.btn-info, .btn-check:checked+.btn.btn-info, .btn.btn-info.active, .btn.btn-info.show, .btn.btn-info:active:not(.btn-active), .btn.btn-info:focus:not(.btn-active), .btn.btn-info:hover:not(.btn-active), .show>.btn.btn-info  {
    background-color: var(--neptune-800) !important;
}

.aside-dark .menu .menu-item .menu-link.active .menu-title,
.aside-dark .menu .menu-item .menu-link:hover .menu-title,
.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title, .aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-title {
    color: var(--claret-400) !important;
}

.aside-dark .menu .menu-item .menu-link:hover path, .aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) path{
    stroke: var(--claret-400) !important;
}

.title-content-dashboard {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: var(--claret-800);
}

.desc-title-dashboard {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: #4F4F4F;
}

.custom-tabs .nav-item {
    margin-right: 8px;
    border-radius: 8px;
    border: 1px solid var(--claret-600);
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}

.nav-item span {
    color: var(--claret-600) !important;
    font-weight: 600;
}

.custom-tabs .nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    border: none!important;
}

.nav-tabs .nav-link {
    margin: 0;
}

.tab-icon {
    width: 16px;
    height: 16px;
}

.nav-tabs {
    border: none;
}

.nav-item:hover {
    background-color: var(--claret-600);
    color: #FFFFFF;
}

.nav-item:hover span {
    color:#FFFFFF!important;
}

.nav-item:hover path {
    stroke:#FFFFFF;
}

.nav-link {
    margin-right: 8px;
    border-radius: 8px;
    border: 1px solid var(--claret-600);
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    height:48px;
}

.nav-link.active {
    background-color: var(--claret-600) !important;
}

.nav-link.active span {
    color: #FFFFFF!important;
}

.nav-link.active path {
    stroke: #FFFFFF!important;
}

.container-services {
    display: flex;
    align-items: center;
    gap: 2%;
    flex-wrap: wrap;
}

.content-service {
    width: 32%;
}

.content-service img {
    width: 100%;
    height: 200px;
    max-height: 200px;
    object-fit: cover;     
    border-radius: 16px;
}

.image-wrapper::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(239.24deg, rgba(0, 0, 0, 0.3) -0.93%, rgba(0, 0, 0, 0) 33.19%);
    pointer-events: none;
    width: 100%;
    height: 200px;
    max-height: 200px;
    object-fit: cover;     
    border-radius: 16px;
}

.desc-service {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.desc-service h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #4F4F4F;
}

.desc-service span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #949494;
}

.desc-service img {
    width: 24px;
    height: 24px;
}

.add-cart {
    display: flex;
    align-items: center;
    width: max-content;
    padding: 16px;
    gap: 8px;
    border-radius: 32px;
    background-color: #F0F0F0;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    border: none;
    color: #4F4F4F;
    min-height: 56px;
}

.remove-favorite {
    display: flex;
    align-items: center;
    width: max-content;
    padding: 16px !important;
    gap: 8px;
    border-radius: 8px;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    min-height: 56px;
}

.remove-favorite:hover path {
    stroke: white !important;
}

.add-cart-active {
    display: flex;
    align-items: center;
    width: max-content;
    padding: 16px;
    gap: 8px;
    border-radius: 32px;
    background-color: var(--neptune-400);
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    border: none;
    color: #FFFFFF;
    min-height: 56px;
}

.add-cart:hover {
    background-color: #D9D9D9;
}

.container-pagination {
    display: flex;
    justify-content: end;
    align-items: center;
}

.page-item:first-child .page-link {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.page-item:last-child .page-link {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.pagination>.page-item:last-child {
    border-right: 1px solid #D9D9D9 !important;
}

.route-categories {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: var(--claret-600);
}

.route-categories a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: var(--claret-600);
}

.card-subcategory {
    display: flex;
    padding-right: 32px;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    border: 1px;
    background-color: #FFFFFF;
    margin-bottom: 16px;
}

.image-subcategory {
    width: 15%;
    height: 192px;
    object-fit: cover;
    border-radius: 16px 0px 0px 16px; 
}

.desc-subcategory {
    width: 35%;
    padding-left: 32px;
    flex-direction: column;
    gap: 8px;
    justify-content: end;
    align-items: center;  }

.desc-subcategory h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #4F4F4F;
}

.desc-subcategory span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #949494;
}

.desc-subcategory img {
    width: 24px;
    height: 24px;
}

.settings-subcategory {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 50%;
    gap: 8px;
}

.container-buttons-subcategory {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.container-buttons-subcategory .add-cart,
.container-buttons-subcategory .add-cart-active,
.container-buttons-subcategory .add-favorites,
.container-buttons-subcategory .add-favorites-active,
.container-buttons-subcategory .add-heart,
.container-buttons-subcategory .add-heart-active {
    width: 100%;
    justify-content: center!important;
    margin: auto;
}

.add-cart img {
    width: 24px;
    height: 24px;
}

.add-favorites {
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #4F4F4F;
    border-radius: 8px;
}

.add-favorites:hover {
    background-color: none !important;
    color: var(--claret-600);
}

.add-favorites:hover path {
    stroke: var(--claret-600);
}

.add-favorites-heart:hover path  {
    fill: white;
}

.add-favorites-active {
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    color: var(--claret-600);
}

.add-favorites-active path {
    stroke: var(--claret-600);
}

.add-heart-active path  {
    fill: white;
    stroke: white;
}

.container-services-request {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 40px 56px;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 16px;
}

.scroll-y::-webkit-scrollbar-track {
    background-color: transparent;
}

.scroll-y::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}
  
.scroll-y::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

.service-request, .offer-request {
    display: flex;
    width: 100%;
    align-items: center;
    border: 2px solid #D9D9D9;
    border-radius: 16px;
}

.offer-request-reject, .paid-request-reject {
    border: 2px solid #FD364E !important;
}

.fslightbox-toolbar {
    border-bottom-left-radius: 0 !important;
}

.service-request img {
    width: 18%;
    height: 160px;
    object-fit: cover;
    border-radius: 14px 0px 0px 14px; 
}

.service-request h3 {
    padding-left: 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #4F4F4F;
}

.service-request span {
    padding-left: 16px;
}

.container-cant-service {
    display: flex;
    width: 45%;
    justify-content: center;
    align-items: center;
}

.butt-q-three {
    border: 2px solid #D9D9D9;
    border-radius: 8px;
    display: flex;
    width: 230px;
    padding: 0px 4px;
    justify-content: center;
    align-items: center;
}

.butt-q-three select{
    color: #4F4F4F;
    font-family: "TitilliumWeb";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.butt-q {
    height: 48px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
}

.butt-q button{
    border: none;
    background-color: transparent;
    color: #4F4F4F;
    padding: 1rem;

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

.butt-q span {
    color: #4F4F4F;
    margin: 0px 5px 0px 5px;
}

.inpnum {
    width: 2rem;
    border: none;
    background: none;
    padding: 0;
    text-align: center;

    /* Para Chrome, Safari y Edge */
    -webkit-appearance: none;
    -moz-appearance: textfield; /* Para Firefox */
    appearance: textfield;

    margin: 0;
}

.inpnum::-webkit-inner-spin-button, 
.inpnum::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.inpnum::-moz-inner-spin-button { 
    display: none;
}

.inpnum:focus-visible {
    outline: none !important;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {   -webkit-appearance: none;   margin: 0; }

.butt-qty {
    height: 48px;
    width: 100%;
    padding: 8px;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
        display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;

    border-left: 2px solid #D9D9D9;
    border-right: none;
    border-bottom: none;
    border-top: none;
    border-radius: 0;
}

.container-cant-service span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
}

.delete-service {
    width: 10%;
    display: flex;
    justify-content: end;
    cursor: pointer;
}

.delete-service img {
    width: 16px;
    height: 16px;
    border-radius: 0px;
}

.container-detail-request {
    display: flex;
    padding: 40px 56px;
    gap: 16px;
    border-radius: 16px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
}

.detail-in {
    width: 48%;
}

.detail-in h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #4F4F4F;
}

.detail-in span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #949494;
}

.dz-message {
    justify-content: center;
} 
.dz-message span {
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #949494;
}

.preview-slot {
    background-color: #F0F0F0;
    border-radius: 4px;
    width: 31%;
    height: 100px;
}

.preview-slot img, .preview-slot embed {
    border-radius: 4px;
    width: 100%;
    height: 100px;
    opacity: 0.6;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.remove-icon {
    top: 35%;
    left: 45%;
    cursor: pointer;
}

.div-icon {
    position: absolute;
    color: white;
    font-size: 20px !important;
}

.container-date-address {
    display: flex;
    gap: 16px;
}

.container-date {
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 40px 2px;
    border: 1px solid #D9D9D9;
    width: 25%;
}

.container-address {
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 40px 56px;
    border: 1px solid #D9D9D9;
    width: 75%;
}

.card-address {
    cursor: pointer;
}

.card-address-selected {
    border: 1px solid var(--claret-600) !important;
}

.card-address:hover {
    border: 1px solid var(--claret-600);
}

.title-card-request {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #4F4F4F;
}

.container-raiting {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
}

.cant-operations {
    display: flex;
    width: 15%;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 30.42px;
    color:#4F4F4F;
}

.container-checkbox {
    display: flex;
    width: 15%;
    justify-content: center;
    align-items: center;
}

.container-headers-suppliers {
    display: flex;
    justify-content: end;
    align-items: center;
    padding-right: 32px;
}

.container-headers-suppliers span {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    color: #4F4F4F;
}

.star-icon i {
    color: #8A1E41 !important;
}

.header-rating {
    display: flex;
    width: 20%;
    justify-content: center;
    align-items: center;
}

.header-operations {
    display: flex;
    width: 15%;
    justify-content: center;
    align-items: center;
}

.header-checkbox {
    display: flex;
    width: 15%;
    justify-content: center;
    align-items: center;
}

.container-cant-servicec {
    display: flex;
    width: 55%;
    justify-content: end;
    align-items: center;
}

.container-cant-servicec span {
    font-size: 20px;
    font-weight: 400;
    line-height: 30.42px;
    text-align: center;
    color: #4F4F4F;
} 
.p-cart-create {
    font-size: 20px;
    font-weight: 400;
    line-height: 30.42px;
    text-align: center;
    color: #4F4F4F;
}

.container-headers-create {
    display: flex;
    align-items: center;
    padding: 10px 56px;
}

.header-create-1 {
    display: flex;
    width: 50%;
    justify-content: left;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #4F4F4F;
}

.header-create-2 {
    display: flex;
    width: 50%;
    justify-content: end;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #4F4F4F;
}

.container-date-create {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 40px 56px;
    border: 1px solid #D9D9D9;
    gap: 24px;
}

.container-address-create {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 40px 56px;
    border: 1px solid #D9D9D9;
    gap: 24px;
}

.text-date-address {
    display: flex;
    width: 65%;
    justify-content: left;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 30.42px;
    color: #4F4F4F;
}

.search-container {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    border: 1px solid #D9D9D9;
    border-radius: 32px;
    overflow: hidden;
    background-color: #fff;
}

.w-140px {
    width: 140px!important
}

.w-190px {
    width: 190px!important
}

.search-icon {
    padding: 0 16px;
    color: #D9D9D9;
    font-size: 18px;
}
  .search-input {
    flex: 1;
    height: 100%;
    padding: 16px 32px 16px 0;
    border: none!important;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24.34px;
    color: #4F4F4F;
}

.padding-menu-item {
    padding: 8px 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 2px solid #F0F0F0
}

.text-time {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #4F4F4F;
    width: 120px;
    text-align: center;
}

.text-notifications {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
}

.button-menu-noti {
    border: none;
    padding: 16px;
    gap: 8px;
    border-radius: 8px;
    background-color: #F0F0F0;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #4F4F4F;
    width: 90%;
}

.button-menu-noti:hover {
    background-color: #D9D9D9;
}

.container-list-noti {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.card-notifications-right img {
    width: 16px;
    height: 16px;
}

.title-notifications {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #4F4F4F;
}

.text-time-not {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #949494;
}

.p-notifications {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
}

.container-cards-request {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card-detail-request {
    display: flex;
    align-items: center;
    background-color:#FFFFFF;
    padding: 16px 32px;
    border-radius: 16px;
    border: 1px solid #D9D9D9;
}

.title-request {
    width: 30%;
    text-align: left;
}

.title-request h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #4F4F4F;
}

.title-request a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #4F4F4F;
}

.table-details a {
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #4F4F4F;
}

.text-request-detail, .text-request-detail span {
    width: 180px;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #4F4F4F;
}

.text-request-detail-list, .text-request-detail-list span {
    width: 23%;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #4F4F4F;
}

.cant-request {
    width: 10%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #4F4F4F;
}

.files {
    background-color: var(--neptune-200);
    border-radius: 32px;
    padding: 2px 5px;
    color: #4F4F4F;
}

.text-importe {
    width: 20%;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
}

.container-headers-request {
    display: flex;
    align-items: center;
    padding: 16px 32px;
}

.header-title-request {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #4F4F4F;
}

.fw-600 {
    font-weight: 600!important;
}

.container-button-detail {
    display: flex;
    align-items: center;
}

.container-return-detail {
    width: 50%;
}

.button-return-detail {
    width: 25%;
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 8px;
}

.border-radius-nav-tabs {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.bg-neptune {
    background-color: var(--neptune-050);
    border: 1px solid #D9D9D9;
    padding: 40px;
    border-radius: 16px;
    overflow-x: hidden;
}

.name-owner-service {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #4F4F4F;
}

.container-owner-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.font-supplier {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
}

.container-owner-info span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
    width: 300px;   
}

.container-buttons-owner {
    display: flex;
    align-items: center;
    gap: 8px;
}

.container-price-end {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 16px;
}

.container-price-end span {
    font-size: 20px;
    font-weight: 400;
    line-height: 30.42px;
    color: #4F4F4F;
}

.container-price-end h4 {
    font-size: 32px;
    font-weight: 600;
    line-height: 48.67px;
    text-align: left;
    color: #4F4F4F;
}

.card-flush {
    border: 1px solid #D9D9D9!important;
    border-radius: 16px!important;
    padding: 16px!important;
}

#kt_content_container {
    width: 100%!important;
}

#kt_chat_messenger_header {
    border: 1px solid #D9D9D9!important;
    border-radius: 16px!important;
}

.chat {
    background-color: var(--neptune-050);
    border-radius: 16px;
    padding: 8px 16px 8px 16px;
    min-height: 80px;
}

.chat-selected {
    background-color: #BFE0E2;
    border-radius: 16px;
    padding: 8px 16px 8px 16px;
    min-height: 80px;
}

.chat-message-other {
    border-radius: 16px;
    background-color: #F0F0F0;
    color: #4F4F4F;
    padding: 12px;
}

.chat-message-you {
    border-radius: 16px;
    background-color: var(--neptune-600);
    color: #FFFFFF;
    padding: 12px;
}

.form-control-flush {
    border: 1px solid #D9D9D9!important;
    border-radius: 16px!important;
}

.card-footer {
    padding: 20px 0px!important;
}

.card-footer-chat {
    padding: 20px 0px;
}

.card-timeline {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.draw-timeline {
    width: 20%;
}

.text-name-timeline {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    color: #4F4F4F;
    text-align: center;
}

.text-action-timeline {
    font-size: 12px;
    font-weight: 400;
    line-height: 8px;
    text-align: left;
    color: #4F4F4F;
    text-align: center;
}

.text-time-timeline {
    font-size: 8px;
}

.timeline-label .timeline-item {
    align-items: center!important;
}

.container-content-timeline {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.timeline-label .timeline-label {
    width: 125px !important;
}

.timeline-label:before {
    left: 125px !important;
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.timeline-label .timeline-item {
    height: 180px;
    margin-bottom: 0;
}

.card-content-timeline {
    padding: 16px 32px 16px 32px;
    border-radius: 16px;
    border: 1px solid #D9D9D9;
    background-color: var(--neptune-050);
    height: 180px;
}

.header-content-timeline {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-content-timeline h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #4F4F4F;
    margin: 0px;
}

.tenant-p-16 {
    font-size: 16px;
    line-height: 16px;
    color: #4F4F4F;
}

.desc-content-timeline {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
    width: 90%;
}

.container-icons-timeline {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
}

.btn-icon-tracking {
    padding: 8px !important;
    height: 32px;
}

.menu.admin .menu-item .menu-link.active .menu-title,
.menu.admin .menu-item .menu-link:hover .menu-title, 
.menu.admin .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
    color: var(--neptune-400) !important;
}

.menu.admin .menu-item .menu-link .menu-title:hover:not(.disabled):not(.active) {
   background-color: transparent !important;
}

.menu.admin .menu-item .menu-link:hover path, .menu.admin .menu-item .menu-link.active path {
    stroke: var(--neptune-400) !important;
}

.menu.admin .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu.admin .menu-item .menu-link.active {
    background-color: var(--claret-800) !important;
}


.title-supplier {
    color: var(--claret-800);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.title-adm {
    color: #4F4F4F;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: -10px;
}

.subt-adm {
    color: #4F4F4F;
    font-size: 20px;
    font-weight: 400;
}

.info-adm {
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 700;
}

.secc1-dash-adm {
    background-image: url('../../images/rectangle-secc1-admin.png');
    background-position: center;     background-repeat: no-repeat;     border-radius: 16px;
    border: 2px solid var(--neptune-200);
    display: flex;
    gap: 2rem;
    justify-content: center;
    background-size: cover;
}

.cardsecc1 {
    width: 30%;
}

.num-card {
    font-size: 48px;
    font-weight: 700;
    color: var(--claret-600);
}

.img-arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 15px;
}

.card-dash {
    position: relative;
    border-radius: 16px;
    border: 1px solid #D9D9D9;
}

.card-text-adm {
    font-weight: 400;
    font-size: 16px;
}

.card-body-adm {
    padding: 1rem 2.25rem;
}

.card-title-adm {
    font-weight: 700;
    font-size: 24px;
    color: var(--claret-800);
}

.text-prov {
    font-size: 16px;
    font-weight: 600;
    color: #4F4F4F;
}

.text-list-adm {
    font-size: 16px;
    font-weight: 400;
    color: #4F4F4F;
}

.text-list-adm li {
    border-bottom: transparent !important;
}

.card-new-category {
    background: var(--neptune-400);
    padding: 2rem;
    min-height: 13rem;
}

.card-body-new {
    padding: 1.5rem 0rem 0.5rem;
}

.text-newc {
    color: #FFFF;
    font-size: 20px;
    font-weight: 700;
}

.card-my-users {
    background: var(--neptune-200) ;
    padding: 2rem;
    min-height: 13rem;
}

.card-text-user {
    font-weight: 700;
    font-size: 20px;
    color: var(--neptune-600);
}

.card-body-userad {
    padding: 1rem 0rem;
}

.card-pending {
    background-image: url('../../images/fondo-pending.jpg');
    background-position: center;    
    background-repeat: no-repeat; 
    background-size: cover;
    min-height: 160px;
}

.card-body-pending {
    padding: 2rem 22rem 2rem 2rem;
}

.body-list-request {
    background: #FFFFFF;
}

.arrow-table {
    margin-left: 0.2rem;
}

.table-dash-adm {
    font-size: 16px;
    font-weight: 600;
}

.text-table-adm {
    font-size: 16px;
    font-weight: 400;
}

.datatable-list-text {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #4F4F4F;
    padding-top: 10px;
}

.alert {
    border-radius: 32px !important;
    padding: 12px 20px !important;
    gap: 16px !important;
}

.alert-warning {
    border: 1px solid #A55A03;
    background: #FFF7C1;
}

.alert-warning span {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #A55A03;
}

.padding-card-noti {
    padding: 24px 48px !important;
    border-radius: 16px !important;
    border: 1px solid #D9D9D9!important;
    min-height: 185px;
}

.user-list-img {
    width: 40px;
    height: 40px;
}

.large-secc2 {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.large-secc2-1 {
    flex-grow: 1;
}

.card-profile {
    display: flex;
    padding: 32px;
    align-items: center;
    gap: 16px;
    border-radius: 24px;
    border: 2px solid #F0F0F0;
    margin-top: 16px;
}

.border {
    border: 1px solid #D9D9D9 !important;
}

.border-card {
    border: 2px solid #F0F0F0;
}

.card-supplier {
    padding: 24px;
    gap: 125px;
    border-radius: 24px;
    border: 2px solid #F0F0F0;
}

.card-supplier h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    color: var(--neptune-600);
}

.card-profile h3 {
    font-size: 32px;
    font-weight: 600;
    line-height: 48.67px;
    color: var(--neptune-600);
}

.card-profile span {
    font-size: 20px;
    font-weight: 400;
    line-height: 30.42px;
    color: #949494;
}

.form-data-tab label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4f4f4f;
}

.container-address-profile {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 36px;
}

.card-address-profile {
    display: flex;
    padding: 40px 48px 40px 48px;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    border: 1px solid #D9D9D9;
}

.desc-address-profile {
    display: flex;
    align-items: center;
    gap: 64px;
}

.desc-address-profile img {
    width: 62px;
    height: 64px;
}

.desc-address-profile h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30.42px;
    color: #4F4F4F;   
}

.card-document {
    padding: 24px;
    border: 1px solid #D9D9D9;
    border-radius: 24px;
}

.file-document {
    margin-top: 24px;
    text-align: center;
    margin-bottom: 48px;
}

.file-document img {
    width: auto;
    max-height: 128px;
    height: 128px;
}

.card-services-acceptance {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: var(--neptune-050);
    border: 1px solid #BFE0E2;
    border-radius: 16px;
    padding: 32px 24px;
    margin-top: 24px;
}

.card-mount-pay {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.container-mount-pay {
    width: 65%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 16px;
    border: 2px solid #BFE0E2;
    padding: 32px 16px;
    background-color: var(--neptune-050);
}

.data-supplier-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.data-supplier-modal img {
    width: 129px;
    height: 129px;
    border-radius: 50%;
    object-fit: cover;
}

.data-supplier-modal h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    color: #4f4f4f;
}

.data-supplier-modal h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #4f4f4f;
}

.subtitle-h3-blue {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #0D5B6A;
}

.container-rainting-supplier {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card-evaluation {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #FFFFFF;
    border: none;
    border-radius: 16px;
    padding: 16px;
}

.desc-calification {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.desc-calification span {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    color: #4F4F4F;
}

.desc-calification h4, #average-rating {
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    color: #8A1E41 !important;
}

.desc-calification img {
    width: 22.75px;
    height: 22.75px;
}

.status-table-admin {
    border-radius: 32px;
    padding: 0.5rem;
}

.title-prof-adm {
    font-size: 32px;
    color: var(--neptune-600);
    margin-bottom: 0px;
}

.text-no-items {
    font-size: 32px;
    font-weight: 600;
    color: var(--neptune-600);
    line-height: 40px;
}

.text-no-items-dashboard {
    font-size: 16px;
    font-weight: 400;
    color: #949494;
    line-height: 20px;
}

.change-passw-adm {
    margin-left: auto;
    background-color: #F0F0F0;
    border-radius: 8px;
    padding-top: 1rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.text-pasw {
    font-size: 16px;
    color: #4F4F4F;
    font-weight: 600;
}

.text-pasw svg {
    margin-right: 0.5rem;
}

.form-profile-ten {
    margin-top: 3rem;
}

.text-profi-form {
    font-size: 16px;
    color: #4F4F4F;
    margin-bottom: 1rem;
}

.table td {
    vertical-align: middle;
}

.container-tenant-profile {
    margin-top: 12rem;
}

.container-tenant-addre {
    margin-top: 3rem;
}

.formbutton-profile-back {
    width: 200px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--claret-600) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    color: var(--claret-600);
    margin-right: 1rem;
}

.title-mod-pasw {
    text-align: center;
    font-size: 48px;
    color:  var(--claret-800); 
    font-weight: 700;
}

.header-mod-pasw {
    display: flex;
    justify-content: end !important;
    padding: 0.5rem 0.5rem;
}

.text-mod-pasw {
    font-size: 16px;
    font-weight: 400;
    color: #4F4F4F;
}

.card-admin-categories {
    background-color: #FFFFFF;
    border: 1px solid #BFE0E2;
    padding: 40px;
    border-radius: 24px;
}

.card-admin-upload {
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    padding: 40px;
    border-radius: 24px;
}

.titles-cards-admin {
    font-size: 32px;
    font-weight: 600;
    line-height: 48.67px;
    text-align: left;
}

.container-search-categories {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
}

.alphabet-filter {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    gap: 24px;
    border:none;
    font-size: 16px;
}

.alphabet-filter a {
    text-decoration: none;
    color: #4F4F4F;
    transition: color 0.3s;
    cursor: pointer;
}

.alphabet-filter a:hover {
    color: #007BFF;
}

.container-results-categories {
    display: flex;
    flex-wrap: wrap; 
    gap: 16px;
    justify-content: start;
    margin-top: 24px;
  }

.card-results-categories {
    display: flex;
    flex: 1 1 calc(25% - 16px);
    max-width: calc(25% - 16px);
    background-color: #ffffff;
    padding: 16px;
    border: 1px solid #D9D9D9;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
    align-items: center;
    justify-content: space-between;
}

.card-results-categories:hover {
    border-color: var(--neptune-400)!important;
    color: var(--neptune-400)!important;
    cursor: pointer;
}

.letter {
    font-size: 16px;
    font-weight: 400;
}

.letter:hover {
    font-weight: 700;
    color: var(--neptune-400)!important;
}

.letter-active {
    font-size: 16px;
    font-weight: 700;
    color: var(--neptune-400)!important;
}

.text-desc-admin {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4f4f4f;
}

.form-add-categories .form-control {
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
}

.container-buttons-actions {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 19px;
}

.button-save {
    width: 200px;
    background-color: var(--claret-600)!important;
    padding: 16px;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    border: none;
}

.button-save:hover {
    cursor: pointer;
    background-color: #8A1E41;
    color: #FFFFFF;
}

.radio-group {
    display: flex;
    gap: 1rem; 
}

.radio-group label {
    display: flex;
    align-items: center;
    gap: 0.5rem; 
}

.width-select {
    width: 200px!important;
}

.button-with-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.container-message-invitation {
    background-color: #F0F0F0;
    padding: 24px;
    border-radius: 16px;
}

.form-group-inline label {
    width: 5%!important;
}

.form-control-inline {
    border-bottom: 1px solid #D9D9D9;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    width: 93%;
}

.form-control-inline:focus-visible {
    outline: none !important;
}

.table-style th {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #4F4F4F;
    padding: 16px;
}

.table-style td {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
    padding: 16px;
}

.selector-icon i {
    color: var(--claret-600)!important;
    font-size: 16px;
}

.offers-text {
    font-size: 16px;
    font-weight: 400;
    color: #4F4F4F;
    line-height: 24px;
}

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

.offers-border-2 {
    border-top: 1px solid #D9D9D9;
}

.text-rating-name {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #4F4F4F;
}

.span-rating div {
    width: 42px !important;
    text-align: center;
    justify-content: center;
    display: flex;
    color: var(--primary) !important;
    font-size: 12px;
}

.rating-button.selected {
    background-color: var(--claret-600)!important;
    color: #FFFFFF!important;
    border-width: 2px !important;
    font-weight: bold !important;
}

.rating-button:hover {
    background-color: var(--claret-600)!important;
    color: #FFFFFF!important;
}

.rating-button:focus {
    background-color: var(--claret-600)!important;
    color: #FFFFFF!important;
}

.title-upload {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--neptune-400)!important;
}

.text-upload {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #949494!important;
}

.span-supplier-service {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 8px;
}

.price-service {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #2CA538;
}

.categories-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}

.categories-list {
    padding-right: 16px;
    padding-left: 40px;
    margin-right: 16px;
    border-bottom: 1px solid #D9D9D9;
}

.subcategories-list {
    padding-right: 16px;
    padding-left: 60px;
    margin-right: 16px;
    border-bottom: 1px solid #D9D9D9;
}

.categories-list .form-check-label, .subcategories-list .form-check-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.categories-list .form-check .form-check-label, 
.subcategories-list .form-check .form-check-label,
.categories-guided-shopping .menu-item .menu-link {
    cursor: auto !important;
}

.number-request {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #D9D9D9;
    border-radius: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4F4F4F;
    height: 32px;
    width: 32px;
    margin-bottom: 24px!important;
}

.padding-request {
    padding: 32px 40px;
}

.container-desc-request {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 8px;
    margin-left: 32px;
}

.container-desc-request span {
    padding: 0px!important;
    font-size: 16px;
}

.container-desc-request textarea {
    width: 100%;
    background-color: #F0F0F0;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
}

.container-desc-request p {
    margin-bottom: 0px;
    font-size: 16px;
    color: #949494;
}

.container-button-add-service {
    width: 100%;
}

.container-header-suppliers {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container-header-suppliers .search-container {
    width: 55%;
}

.container-header-suppliers .header-title-request {
    width: 22%;
    text-align: center;
}

.container-suppliers-catalog {
    gap: 8px;
}

.suppliers .form-check-input {
    border: 1.5px solid #4F4F4F;
    background-color: var(--neptune-050)!important;
}

.suppliers2 .form-check-input {
    border: 1.5px solid #4F4F4F;
    background-color: var(--neptune-200)!important;
}

.suppliers3 .form-check-input {
    border: 1.5px solid #4F4F4F !important;
    background-color: white;
}

.suppliers  .form-check-input:checked[type=checkbox],
.suppliers2  .form-check-input:checked[type=checkbox] {
    background-image: url(/svg/radio-checked-black.svg);
    background-size: 10px !important;
}

.suppliers3  .form-check-input:checked[type=checkbox] {
    background-image: url(/svg/radio-checked-white.svg);
    background-size: 10px !important;
    background-color: var(--neptune-400)!important;
}

.suppliers  .form-check-input:checked {
    border: 1.5px solid #4F4F4F !important;
    background-color: var(--neptune-050)!important;
}

.suppliers2  .form-check-input:checked {
    border: 1.5px solid #4F4F4F !important;
    background-color: var(--neptune-200)!important;
}

.suppliers3  .form-check-input:checked {
    border: 1.5px solid var(--neptune-400)!important;
    background-color: var(--neptune-400)!important;
}

.suppliers3 .form-check-input:focus {
    background-color: var(--neptune-400)!important;
}

.card-desc-request {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px 56px;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 16px;
}

.container-img-request {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.container-img-request .preview-slot-summary {
    width: calc(33.33% - 16px); 
    height: auto;
}

.preview-summary {
    object-fit: cover;
    border-radius: 8px;
}

.card-desc-request .card-subcategory {
    border: 1px solid #D9D9D9;
}

.title-dashboard {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: var(--claret-800);
}

.container-cards-reports {
    justify-content: space-between;
    align-items: stretch;
    gap: 16px;
}

.card-report {
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    padding: 24px;
    border-radius: 24px;
    border: 1px solid #D9D9D9;
}

.header-card-reports {
    display: flex;
    justify-content: space-between;
    align-items: top;
}

.header-card-reports img {
    width: 93px;
    height: 93px;
    object-fit: cover;
    border-radius: 50%;
}

.icon-arrow-report {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url('/svg/icon-arrow-report.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.text-32 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    margin: 0px;
}

.icon-text-report {
    display: flex;
    align-items: start;
    justify-content: left;
    gap: 16px;
}

.icon-text-css {
    width: 24px;
    height: 24px;
    background-image: url('/svg/additem.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.text-64 {
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
}

.text-bg-claret {
    background-color: var(--claret-050);
    padding: 8px 16px;
    border-radius: 80px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
}

.icon-text-css2 {
    width: 24px;
    height: 24px;
    background-image: url('/svg/timer.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.text-bg-neptune {
    background-color: var(--neptune-050);
    padding: 8px 16px;
    border-radius: 80px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
}

.custom-table-card-wrapper {
    border-radius: 24px;
    padding: 24px;
    margin-top: 2rem;
    border: 1px solid #D9D9D9;
}

.custom-table-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.custom-table-card-title-area {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom-table-card-title-area .icon {
    width: 24px;
    height: 24px;
    color: #5f6368;
}

.custom-table-card-action-btn {
    background-color: #f1f3f4;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #5f6368;
}

.custom-table-card-action-btn .icon {
    width: 20px;
    height: 20px;
}

.card-style-dashboard {
    padding: 24px;
    border-radius: 24px;
    border: 1px solid #D9D9D9;
}

.icon-text-css3 {
    width: 24px;
    height: 24px;
    background-image: url('/svg/user-tag-gray.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.icon-text-css4 {
    width: 24px;
    height: 24px;
    background-image: url('/svg/status-up.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.container-rating-supp {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
}

.profile-supplier {
    display: flex;
    align-items: center;
    gap: 8px; 
}

.profile-supplier img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.icon-text-useradd {
    width: 24px;
    height: 24px;
    background-image: url('/svg/user-add.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.icon-style-24 {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.icon-usesearch{
    background-image: url('/svg/user-search-gray.svg');   
}

.icon-money {
    background-image: url('/svg/money.svg');
}

.icon-truck {
    background-image: url('/svg/truck.svg');
}

.icon-star {
    background-image: url('/svg/star-gray.svg');
}

.icon-category {
    background-image: url('/svg/category.svg');
}

.icon-shop {
    background-image: url('/svg/shop.svg');
}

.container-tags-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
}

.tag-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-radius: 16px;
}

.btn-uploads {
    height: 43px;
    margin-bottom: 3px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.text-input-offer {
    font-family: Titillium Web;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: #4F4F4F;
}

.text-input-items {
    font-family: Titillium Web;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #4F4F4F;
}

.border-color-offer {
    border-color: #F0F0F0 !important;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .d-flex.justify-content-between .rating-button {
        width: 36px !important;
        height: 36px !important;
    }
}

@media (max-width: 575.98px) {
    .d-flex.justify-content-between .rating-button {
        width: 30px !important;
        height: 30px !important;
        font-size: 0.875rem;
    }
}


/* TOUR */
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9998 !important;
    opacity: 0.2 !important;
}

.shepherd-theme-custom {
    width: 95% !important; 
}

.shepherd-text {
    font-size: 1.075rem !important;
}

.shepherd-button{
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    color: #fff !important;
    border-color: var(--claret-600) !important;
    background-color: var(--claret-600) !important;
}