* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
h2 {
    font-size: 32px;
}
.text-primary {
    color: #913737 !important;
}
.form-select:focus, .form-control:focus {
    border-color: #a9a7a7 !important;
    box-shadow: none !important;
}
.modal .btn-close:focus {
    box-shadow: none;
}
.btn.btn-primary:active {
    color: #fff;
    background-color: #913737;
}
.btn:active:focus, .btn:focus {
    background: #913737;
    box-shadow: none;
} 
.btn-primary {
    background-color: #913737;
    padding: 10px 20px;
    border: 1px solid #913737 !important;
    color: #ffffff;
}
.btn-primary:hover {
    color: #913737;
    background-color: white;
}   
.btn.btn-primary.hover-non-transparent:hover {
    background-color: #913737;
    color: #ffffff;
}
.btn-secondary {
    padding: 10px 20px;
}
.btn-secondary:active,.btn-secondary:focus {
    background-color: #6c757d !important;
}
.btn-transparent {
    background-color: transparent;
    color: #7a2f2f;
}
.pb-60px {
    padding-bottom: 60px;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1px solid #913737;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #913737;
    position: absolute;
    top: 50%;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1) translateY(-50%);
}
input[type="checkbox"]:checked {
    background-color: #913737;
}
input[type="checkbox"] {
    border-radius: 3px;
}
input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid #913737;
    padding: 2px;
}
input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
}
input[type="checkbox"]:checked::before {
    transform: scale(1);
}
input[type="checkbox"]::before {
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
}
input[type="checkbox"]::before {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 14px 14px #333;
}
input[type="checkbox"]::before {
    box-shadow: inset 14px 14px #fff;
}
.cursor-pointer {
    cursor: pointer;
}
.fw-500 {
    font-weight: 500;
}
.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    background-color: #e1e1e1;
}
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #913737;
}
input:focus + .slider {
    box-shadow: 0 0 1px #913737;
}
input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}
.py-10px {
    padding-top: 10px;
    padding-bottom: 10px;
}
.mr-15px {
    margin-right: 15px;
}
.mb-10px {
    margin-bottom: 10px;
}
.mt-2px {
    margin-top: 2px;
}
.fs-18px {
    font-size: 18px;
}
.flex-1 {
    flex: 1;
}
.gap-15px {
    gap: 15px;
}
.object-fit-cover {
    object-fit: cover;
}
nav .logo {
    height: 80px;
}
.continue-with-container .single-continue-with-container {
    width: calc(50% - 15px);
    background-color: #f5f5f5;
    border-radius: 12px;
    text-align: center;
    padding: 15px;
    cursor: pointer;
}   
.form-content {
    border: 1px solid #dbdbdb;
    border-radius: 15px;
    padding: 30px;
}
.form-content.form-content-with-500px-width {
    width: 500px;
}
.form-content.form-content-with-600px-width {
    width: 600px;
}
.continue-with-container .single-continue-with-container img {
    width: 20px;
}
.continue-with-container .continue-with-facebook-container.single-continue-with-container img {
    width: 22px;
}
.create-an-account input[type="file"] {
    display: none;
}
.custom-file-input {
    padding: 10px 20px;
    border: 1px solid #913737;
    border-radius: 5px;
    cursor: pointer;
}
.custom-file-input-text {
    font-size: 14px;
}
.custom-file-input-label {
    margin-left: 10px;
}
.form-content select {
    height: 50px;
    border: 1px solid #e5e5e5;
}
.create-an-account .preview-container .image-preview {
    max-width: 100%;
    width: auto;
    display: none;
}
.create-an-account .details-box {
    padding: 30px 15px 15px;
    border: 1px solid #dbdbdb;
    border-radius: 15px;
    position: relative;
}
.create-an-account .details-box .title {
    position: absolute;
    top: -14px;
    background: #fff;
    padding: 0 10px;
}
.create-an-account .services-checkboxes .catering-service-checkbox-conatiner input[type="checkbox"] {
    margin-top: 2px;
}
.two-fields-in-a-row-container {
    display: flex;
    gap: 30px;
}
.two-fields-in-a-row-container .field-and-label-container {
    width: 50%; 
    display: flex;
    align-items: center;
}
.field-and-label-container input {
    height: 50px;
    border: 1px solid #e5e5e5;
    background-color: transparent;
    border-radius: 4px;
}   
.field-and-label-container .input-container {
    width: 100%;
    position: relative;
}   
.field-and-label-container .input-container i {
    position: absolute;
    top: 17px;
    right: 30px;
    color: #373737;
    cursor: pointer;
}
.field-and-label-container .input-container i.fa-eye {
    display: block; 
}
.field-and-label-container .input-container i.fa-eye-slash {
    display: none;
}
.form-content .or {
    position: relative;
    text-align: center;
}
.form-content .or:before, .form-content .or:after  {
    content: "";
    width: 43%;
    display: block;
    height: 1px;
    position: absolute;
    top: 50%; 
    background: #e5e5e5;
}
.form-content .or:before {
    left: 0%;
}
.form-content .or:after {
    right: 0%;
} 
.form-content .forgot-password-link small {
    font-size: 15px;
}
.forgot-password-enter-otp-page input {
    width: calc((100% / 6) - 12px);
    color: rgba(33,37,41);
    font-size: 32px;
    padding: 10px;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    outline: none;
    transition: all 0.1s;
    border-top: none;   
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #CBCBCB;
}
.disabled {
    opacity: 0.5;
}
.checkbox-container, .radio-container {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 15px;
    padding-bottom: 5px;
} 
.sign-up-note-page .content {
    padding: 15px;
}
.sign-up-note-page .content .tick-icon {
    border: 2px solid #913737;
    border-radius: 50%;
    padding: 15px
}
.sidebar-col {
    min-width: 250px;
    background-color: #F9F9F9;
    height: 100vh;
    overflow-y: auto;
    position: sticky;
    top: 0;
    border-right: 1px solid #dddbdb;
}
.sidebar-col::-webkit-scrollbar, .messages-page .searchbar-and-messages-list-container::-webkit-scrollbar {
    width: 8px;
}
.sidebar-col::-webkit-scrollbar-track, .messages-page .searchbar-and-messages-list-container::-webkit-scrollbar-track, .messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.sidebar-col::-webkit-scrollbar-thumb, .messages-page .searchbar-and-messages-list-container::-webkit-scrollbar-thumb, .messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 30px;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container::-webkit-scrollbar {
    width: 10px;
}
.sidebar-col .logo-container {
    border-bottom: 1px solid #E2E8F0;
}
.sidebar-col .logo-container img {
    height: 80px;
}  
.sidebar-col .navbar ul .nav-item .nav-link {
    color: #424242;
    padding: 10px 15px;
    border-radius: 12px;
    cursor: pointer;
    user-select: none;
}   
.sidebar-col .navbar ul .nav-item .nav-link .white-icon {
    display: none;
}
.sidebar-col .navbar ul .nav-item .nav-link.active .white-icon {
    display: block; 
}
.sidebar-col .navbar ul .nav-item .nav-link.active .black-icon {
    display: none;   
}
.sidebar-col .navbar ul .nav-item .nav-link.active {
    background-color: #913737;
    color: #fff;
    border-radius: 12px;
}  
.sidebar-col .navbar ul .nav-item .nav-link:hover, .sidebar-col aside .nav-item.activity-nav-item .dropdown-menu .nav-item .nav-link:hover {
    background-color: #c98989;
    color: #fff;
    border-radius: 12px;
}
.sidebar-col .navbar ul .nav-item .nav-link.active, .sidebar-col .navbar ul .nav-item .nav-link:hover .white-icon {
    display: block;
}
.sidebar-col .navbar ul .nav-item .nav-link:hover .black-icon {
    display: none;
}   
.sidebar-col .navbar ul .nav-item.messages-nav-item .number-of-new-messages {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    color: #913737;
    padding: 10px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    border: 1px solid #adadad;
}  
.sidebar-col aside {
    position: relative;
    height: 100%;
}  
.sidebar-col aside .bottom-content .get-help-container, .sidebar-col aside .bottom-content .setting-container {
    color: #424242;
    cursor: pointer;
    padding: 10px 15px; 
}
.sidebar-col aside .dropdown-menu {
    max-height: 0;
    display: block;
    padding: 0;
    position: static;
    background: transparent;
    border: none;
    opacity: 1;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}
.sidebar-col aside .dropdown-menu.dropdown-open {
    opacity: 1;
}   
.sidebar-col aside .chevron-icon {
    transition: transform 0.5s ease;
    transform: rotate(0deg);
}
.sidebar-col aside .chevron-icon.rotate {
    transform: rotate(-180deg);
}
.main-content {
    flex: 1;
    overflow: auto;
}          
.main-content header .notification-message-and-profile-container .notification-container .new-notification-sign, .main-content header .notification-message-and-profile-container .message-icon-container .new-message-sign {
    display: block;
    width: 10px;
    height: 10px;
    background: #913737;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    border: 2px solid #fff; 
}   
.main-content header .notification-message-and-profile-container .notification-container .new-notification-sign {
    right: 2px;
}
.main-content header .notification-message-and-profile-container .message-icon-container .new-message-sign {
    right: -4px;
}
.main-content header .notification-message-and-profile-container  .notification-container .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    overflow: hidden;
    z-index: 1000;
    min-width: 350px;
    padding: 10px;
    border: none;
    border: 1px solid rgba(0,0,0,.15);
}
.main-content header .notification-message-and-profile-container .notification-container .dropdown-menu .title {
    border-bottom: 1px solid #00000040;
}
.main-content header .notification-message-and-profile-container .notification-container .dropdown-menu .single-notification-container .main-image {
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.main-content header .notification-message-and-profile-container .notification-container .dropdown-menu .single-notification-container {
    border-bottom: 1px solid #74747440;
}
.main-content header .notification-message-and-profile-container .profile-container {
    position: relative;
    background: #efefef;
    padding: 6px 12px;
    border-radius: 30px;
    cursor: pointer;
    user-select: none;
}       
.main-content header .notification-message-and-profile-container .profile-container .profile-image {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;    
}
.main-content header .notification-message-and-profile-container .profile-container .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    z-index: 1000;
    width: 250px;
    min-width: auto;
    padding: 0;
}
.main-content header .notification-message-and-profile-container .profile-container .dropdown-item {
    padding: 8px 16px;
    text-decoration: none;
    color: black;
    display: block;
}   
.main-content header .notification-message-and-profile-container .profile-container .dropdown-item:hover, .food-items-page .food-items-list-section .single-food-item-col .single-food-item .share-dropdown a:hover {
    background-color: #f0f0f0;
}
.sidebar-col aside .activity-nav-item.open .fa-chevron-down {
    transform: rotate(180deg);
}   
.sidebar-col aside .nav-item.activity-nav-item .dropdown-menu .nav-item {
    margin: 5px 20px;
    display: block;
    text-decoration: none;
    color: #424242;
    border-radius: 12px;
}
.view-all-link {
    float: right;
    text-decoration: none;
    color: #ACADB9; 
}
.view-all-link:hover {
    color: #333;
}
.box-1 {
    border: 1px solid #DCDCDC;
    border-radius: 15px;
    padding: 20px 30px;
}
.box-1 .title {
    font-weight: 500;
} 
.card-1 {
    border-radius: 15px;
    border: 1px solid #DCDCDC;
    overflow: hidden;
}
.card-1 .content {
    padding: 15px;
}
.home-page .earnings-section .today-and-yesterday-earnings-container .single-earning-container {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #dcdcdc;
    padding: 30px 15px;
}
.home-page .earnings-section .today-and-yesterday-earnings-container .single-earning-container.today-earnings-container {
    border-radius: 15px 0px 0px 15px;
}
.home-page .earnings-section .today-and-yesterday-earnings-container .single-earning-container.yesterday-earnings-container {
    border-radius: 0px 15px 15px 0px;
}   
.dropdown-1 {
    position: relative;
    display: inline-block;
}
.dropdown-1 .dropdown-content {
    display: none;
    min-width: 100%;
    position: absolute;
    top: 110%;
    background-color: white;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-1 .dropdown-content p {
    padding: 10px;
    margin-bottom: 0;
    cursor: pointer;
}
.dropdown-1 .dropdown-content p:hover {
    background-color: #f1f1f1;
}
.dropdown-1 .dropbtn {
    background: #913737;
    color: white;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}   
.dropdown-1 .dropdown-content.show {
    display: block;
}
.home-page .orders-rate-section .orders-rate-graph {
    border: 1px solid #dcdcdc;
    border-radius: 15px;
    padding: 15px 5px;
}
.table-1-wrapper {
    overflow-x: auto;
    margin-bottom: 15px;
}
.table-1 {
    width: 100% !important;
    border-radius: 15px;
    border-spacing: 0;
    margin-bottom: 15px;
    border: 1px solid #dcdcdc;
    border-collapse: separate;
}
.table-1 thead th, .table-1 tbody tr td {
    padding: 15px;
    white-space: nowrap;
}
.table-1 thead th, .table-1 tbody tr:not(:last-child) td {
    border-bottom: 1px solid #dcdcdc;
}
.table-1 thead th {
    font-weight: 500;
    color: #323142;
}
.table-1-wrapper::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}   
.table-1-wrapper::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 50px;
    margin-inline: 0 15px;
}
.table-1-wrapper::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 50px;
}
.table-1 .status-button, .order-details-page .status-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 10px 15px;  
    border-radius: 6px;
}
.table-1 .status-button .dropdown-content, .order-details-page .status-button .dropdown-content {
    display: none;
    position: absolute;
    top: 75%;
    left: 10%;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
}
.table-1 .status-button .dropdown-content div, .order-details-page .status-button .dropdown-content div {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.table-1 .status-button .dropdown-content div:hover, .order-details-page .status-button .dropdown-content div:hover {
    background-color: #f1f1f1;
}
.table-1 .status-button.show .dropdown-content, .order-details-page .status-button.show .dropdown-content {
    display: block;
}   
.table-1 .view-details-td .view-details-td-button {
    background: transparent;
    color: #000;
    text-decoration: none;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    padding: 10px;
    text-wrap: nowrap;
}
.table-1 .view-details-td .view-details-td-button a {
    text-decoration: none;
    color: #000;
}
.table-1-wrapper .dt-layout-cell.dt-start .dt-length .dt-input, .table-1-wrapper .dt-layout-cell.dt-end .dt-search label {
    margin-right: 5px;
}
table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover, div.dt-container .dt-search input:focus-within {
    outline: none !important;
}
header .heading-logo-and-humburger-icon-container .hamburger {
    font-size: 20px;
}
.page-heading-row-for-mobile {
    display: none;
}
.messages-page .main-content {
    width: 100%;
}
.messages-page .content-after-header, .profile-page .content-after-header {
    border-top: 1px solid #dcdcdc;
}
.messages-page .searchbar-and-messages-list-container {
    border-right: 1px solid #dcdcdc;
    max-height: calc(100vh - 85px);
    overflow-y: auto;
}
.messages-page .searchbar-and-messages-list-and-single-person-chat-container{
    height: calc(100vh - 85px);
    transition: width 0.3s ease;
    overflow-y: auto;
}
.messages-page .searchbar-and-messages-list-and-single-person-chat-container .default-message {
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 67%;
    height: 100%;
    margin: auto;
}
.messages-page .searchbar-and-messages-list-container .message-person-searchbar-container {
    position: relative;
}
.messages-page .searchbar-and-messages-list-container .single-message-previews-container .single-message-preview {
    border-radius: 8px;
    cursor: pointer;
}
.messages-page .searchbar-and-messages-list-container .single-message-previews-container .single-message-preview:hover {
    background: #f5f5f5;
}
.messages-page .searchbar-and-messages-list-container .message-person-searchbar-container input {
    width: 100%;
    padding: 10px 10px 10px 35px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
}
.messages-page .searchbar-and-messages-list-container .message-person-searchbar-container input:focus-visible {
    outline: none;
}   
.messages-page .searchbar-and-messages-list-container .message-person-searchbar-container i {
    position: absolute;
    left: 15px; 
    top: 50%;
    transform: translateY(-50%);
    color: #5e5c5c;
}
.messages-page .searchbar-and-messages-list-container .single-message-preview .latest-message-and-number-of-unseen-messages .number-of-unseen-messages {
    background: #913737;
    color: #ffffff;
    padding: 5px;
    width: 26px;
    height: 26px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.messages-page .searchbar-and-messages-list-container  .single-message-previews-container .single-message-preview.active {
    background: #f5f5f5;
    border-radius: 8px;
}
.messages-page .searchbar-and-messages-list-container  .single-message-previews-container .single-message-preview .last-message-time-container p {
    white-space: nowrap;
}
.messages-page .content-after-header .single-person-chat-and-user-details-col {
    height: 100%;
}
.messages-page .content-after-header .single-person-chat-and-user-details-container {
    display: none;
    height: 100%;
}
.messages-page .content-after-header .single-person-chat-and-user-details-container .single-person-chat-container {
    flex-direction: column;
    height: 100%;
    transition: width 0.3s ease;
    width: 100%; /* Full width initially */
}
.messages-page .content-after-header .single-person-chat-and-user-details-container .single-person-chat-container.shrunk {
    width: 60%;
}
.messages-page .image-name-online-status-and-three-dots-container {
    border-bottom: 1px solid #dcdcdc;
}
.messages-page .image-name-online-status-and-three-dots-container {
    cursor: pointer;
}
.messages-page .image-name-online-status-and-three-dots-container .image-name-and-online-status-container {
    width: 100%;
    overflow: hidden;
}
.messages-page .image-name-online-status-and-three-dots-container .image-name-and-online-status-container .name-and-online-status-container {
    flex: 1;
    overflow: hidden;
}
.messages-page .image-name-online-status-and-three-dots-container .image-name-and-online-status-container .name-and-online-status-container .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.messages-page .image-name-online-status-and-three-dots-container .image-name-and-online-status-container .name-and-online-status-container .online-status {
    color: #22C55E;
}
.messages-page .image-name-online-status-and-three-dots-container .three-dots-container {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}
.messages-page .image-name-online-status-and-three-dots-container .three-dots-container:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container {
    display: flex;
    flex-direction: column;
    height: calc(100% - 81px);
    overflow: hidden;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container {
    flex: 1;
    overflow-y: auto;
    padding: 15px;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item {
    width: 60%; 
    border-radius: .75rem;
    margin-bottom: 15px;
}   
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item.sent {
    align-self: flex-end;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item .chatbox-message-item-time {
   margin-top: 5px;
} 
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item.sent .chatbox-message-item-time {
    text-align: right;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item .chatbox-message-item-text {
    padding: 15px;
    border-radius: .75rem;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item.sent .chatbox-message-item-text {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%;
    background-color: #913737;
    color: #ffffff;
}   
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .chat-message-container .chatbox-message-item.received .chatbox-message-item-text {
    background-color: #ffffff;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer {
    box-shadow: 0px -4px 15px 0px #c5c5c5;
    padding: 15px 30px;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .type-message-form {
    display: flex;
    align-items: center;
    background: #e9e9e9;
    border-radius: 0.5rem;  
    padding: 0.5rem 1.25rem;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .type-message-form .type-message-input {
    flex: 1;
    background: transparent;
    outline: none;
    border: none;
    resize: none;
    scrollbar-width: none;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .type-message-form .type-message-input::-webkit-scrollbar {
    width: 10px;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .type-message-form .type-message-input::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-radius: 50px;
    margin-inline: 0 15px;
}
.messages-page .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .type-message-form .type-message-input::-webkit-scrollbar-thumb {
    background-color: #9e9e9e;
    border-radius: 50px;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .message-submit {
    font-size: 1.25rem;
    color: #913737;
    background: transparent;
    border: none;
    outline: none;
    padding: 5px;
    display: flex;
    align-self: flex-end;
    align-items: center;
    gap: 4px;
}               
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .message-submit .text {
    font-size: 16px;
    font-weight: 600;
}
.messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer .message-submit .icon {
    font-size: 18px;
}   
.messages-page .content-after-header .single-person-chat-and-user-details-container .user-details-container {
    width: 40%; 
    padding: 20px;
    background-color: #ffffff;
    border-left: 1px solid #dcdcdc;
}
.messages-page .content-after-header .single-person-chat-and-user-details-container .user-details-container .image-and-name img  {
    width: 150px;
}
.messages-page .content-after-header .single-person-chat-and-user-details-container .user-details-container.d-none {
    display: none;
}
.messages-page .content-after-header .single-person-chat-and-user-details-container .user-details-container.show {
    display: block;
    position: relative;
}  
.messages-page .content-after-header .single-person-chat-and-user-details-container .user-details-container .close-icon {
    position: absolute;
    padding: 10px;
    border: 1px solid #DCDCDC;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    right: 15px;
    top: 15px;
    cursor: pointer;
}  
.profile-page .nav-pills {
    position: sticky;
    top: 0;
}     
.profile-page .nav-pills .nav-link.active, .profile-page .nav-pills .show > .nav-link, .settings-page .nav-pills .nav-link.active, .settings-page .nav-pills .show > .nav-link {
    border-left: 2px solid #913737;
    border-radius: 0;
    color: #000000;
    background-color: transparent;
}
.profile-page .nav-pills .nav-link, .settings-page .nav-pills .nav-link {
    color: #000;
}
.profile-page .nav-pills .nav-link img {
    width: 20px;
}   
.profile-page .content-after-header .tab-content-col, .settings-page .content-after-header .tab-content-col {
    padding-right: 50px;
}
.profile-page .content-after-header .tab-content-col .account-information-tab .save-btn, .profile-page .content-after-header .tab-content-col .change-password-tab .save-btn {
    width: 200px;
    height: 50px;
    max-width: 100%;
    text-align: center;
} 
.profile-page .tab-content-col .account-information-tab .profile-image-name-and-upload-new-image-container .profile-image-container {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid grey;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.profile-page .tab-content-col .account-information-tab .profile-image-name-and-upload-new-image-container .profile-image-container .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 0;
}
.profile-page .tab-content-col .account-information-tab .profile-image-name-and-upload-new-image-container .profile-image-container .chose-photo-label {
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    color: wheat;
    line-height: 30px;
    font-family: sans-serif;
    font-size: 9px;
    display: none;
    cursor: pointer;
}
.profile-page .tab-content-col .account-information-tab .profile-image-name-and-upload-new-image-container .profile-image-container:hover .chose-photo-label {
    display: block;
}
.profile-page .tab-content-col .account-information-tab .profile-image-name-and-upload-new-image-container .upload-new-image-btn {
    border-radius: 15px;
}
.food-items-page .content-after-header .search-by-name-field-and-filter-container
.search-by-name-searchbar-container {
    position: relative;
    flex: 1;
}
.food-items-page .content-after-header .search-by-name-field-and-filter-container
.search-by-name-searchbar-container input {
    width: 100%;
    padding: 10px 10px 10px 35px;
    border: 1px solid #b3b3b3;
    background: #f5f5f5;
    border-radius: 12px;
}
.food-items-page .content-after-header .search-by-name-field-and-filter-container
.search-by-name-searchbar-container input:focus-visible {
    outline: none;
}
.food-items-page .content-after-header .search-by-name-field-and-filter-container
.search-by-name-searchbar-container i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #939393;
}
.food-items-page .content-after-header .search-by-name-field-and-filter-container .filter-container {
    background-color: #913737;
    width: 40px;
    border-radius: 10px;
    cursor: pointer;
}
.food-items-page .content-after-header .search-by-name-field-and-filter-container .filter-container img {
    width: 20px;
}
.food-items-page .food-items-list-section .add-product-btn {
    border: none;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}   
.food-items-page .food-items-list-section .add-product-btn i {
    color: #913737;
    background: #fff;
    border-radius: 50%;
    padding: 2px;
    font-size: 12px;
    width: 16px;
    height: 16px;
}    
.food-items-page .food-items-list-section .single-food-item {
    padding: 15px;
    box-shadow: 0px 0px 15px 1px #e5e5e5;
    border-radius: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.food-items-page .food-items-list-section .single-food-item-col .single-food-item .share-dropdown {
    position: absolute;
    top: 0px;
    left: 100%;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    padding: 10px 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
}
.food-items-page .food-items-list-section .single-food-item-col .single-food-item .share-dropdown a {
    padding: 5px 10px;
}
.food-items-page .food-items-list-section .single-food-item .main-image {
    height: 200px;
    object-fit: cover;
}
.food-items-page .food-items-list-section .single-food-item .heading-and-three-dots-icon .three-dots-icon {
    cursor: pointer;
    padding: 0 5px;
}   
.food-items-page .food-items-list-section .single-food-item .heading-and-three-dots-icon .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    min-width: 120px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    z-index: 1;
}   
.food-items-page .food-items-list-section .single-food-item .heading-and-three-dots-icon .dropdown-menu .dropdown-item:hover {
    background-color: #f1f1f1;
}
.food-items-page .food-items-list-section .single-food-item .heading-and-three-dots-icon .dropdown-menu .dropdown-item:active {
    color: #000;
}
.food-items-page .food-items-list-section .single-food-item .desc {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    
}
.food-items-page .food-items-list-section .single-food-item .price-and-average-rating-container {
    margin-top: auto;
} 
.food-items-page .food-items-list-section .single-food-item .price-and-average-rating-container .price {
    font-weight: 500;
}   
.food-items-page #add-food-item-form .ingredients-table-wrapper {
    max-height: 500px;
    overflow: auto;
}
.food-items-page .add-image-preview-container, .food-items-page .edit-image-preview-container {
    width: max-content;
    max-width: 100%;
}
.food-items-page .add-image-preview-container .btn-close, .food-items-page .edit-image-preview-container .btn-close {
    top: 15px;
    border: 1px solid #7f7f7f;
    border-radius: 50%;
    padding: 5px;
    font-size: 10px;
    background-color: #ffffff;
}   
.food-item-detail-page .main-content .content-after-header .back-button {
    background: #fff;
    color: #000;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 50px 0px #dfdfdf;
} 
.food-item-detail-page .main-content .content-after-header .food-item-detail-section .main-image {
    border-radius: 50px;
    max-width: 100%;
}
.reviews-page .reviews-section .filter-icon {
    border: 1px solid #913737;
    background: transparent;
    border-radius: 4px;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
} 
.reviews-page .reviews-section .reviews-container .single-order-meals-review {
    border: 1px solid rgba(66, 66, 66, 0.40);
    border-radius: 12px;
    padding: 15px;
}
.reviews-page .reviews-section .reviews-container .single-order-meals-review .customer-image-name-order-id-and-date-container {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(66, 66, 66, 0.40);
}
.reviews-page .reviews-section .reviews-container .single-order-meals-review .customer-image-name-order-id-and-date-container .customer-image-container img {
    width: 90px;
}
.reviews-page .reviews-section .reviews-container .single-order-meals-review .rating-container {
    font-size: 17px;
}
.reviews-page .reviews-section .reviews-container .single-order-meals-review  .rating-container  i.star-icon {
    color: #913737;
}
.reviews-page .reviews-section .reviews-container .single-order-meals-review .single-meal-name-image-quantity-rating-review-container {
    padding: 15px 0;
}
.reviews-page .reviews-section .reviews-container .single-order-meals-review .single-meal-name-image-quantity-rating-review-container .single-meal-name-image-quantity-container .meal-image-container .meal-image {
    width: 100px;
    border-radius: 15px
}
.reviews-page .reviews-section .reviews-container .single-order-meals-review .response-wrapper textarea {
    width: 100%;
    height: 150px;
    border: 1px solid rgba(66, 66, 66, 0.40);
    padding: 10px;
    border-radius: 10px;
    margin-top: 15px;
}
.reviews-page .reviews-section .reviews-container .single-order-meals-review .response-wrapper textarea:focus-visible {
    outline: 0;
}
.reviews-page .reviews-section .reviews-container .single-order-meals-review .response-wrapper button {
    cursor: pointer;
    border-radius: 8px;
}  
.reviews-page .reviews-section .reviews-container .single-order-meals-review .response-wrapper button::-moz-focus-inner { 
    /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}  
.earnings-page .earnings-to-date-earnngs-in-last-one-month-and-earnings-in-last-one-year-section .box-1 .title {
    font-size: 18px;
} 
.earnings-page .earnings-to-date-earnngs-in-last-one-month-and-earnings-in-last-one-year-section .box-1 .number {
    font-size: 24px;
}
.settings-page .content-after-header .close-restaurant-temporarily-box .switch {
    width: 45px;
    height: 24px 
}
.settings-page .content-after-header .close-restaurant-temporarily-box .slider:before {
    height: calc(100% - 8px);
    width: 15px;
}
.settings-page .content-after-header .close-restaurant-temporarily-box input:checked + .slider:before {
    transform: translateX(20px);
}
.settings-page .content-after-header .cuisines-box, .settings-page .content-after-header .sections-box {
    border: 1px solid #ced4da;
    padding: 4px 6px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.settings-page .content-after-header .cuisines-box .single-cuisine, .settings-page .content-after-header .sections-box .single-section {
    background-color: rgba(0, 0, 0, 0.07);
    padding: 2px 5px;
}
.settings-page .content-after-header .set-restaurant-characteristic-box {
    background: #f7f9fd;
    padding: 15px;
    border-radius: 4px;
}
.settings-page .content-after-header .set-restaurant-characteristic-box .restaurant-characteristics-field ul {
    padding: 7px;
    margin: 12px 0;
    border: 1px solid #ced4da;
    border-radius: 5px;
}
.settings-page .content-after-header .set-restaurant-characteristic-box .restaurant-characteristics-field ul li {
    margin: 4px 3px;
    background: #f2f2f2;
    padding: 5px 8px 5px 10px;
    border: 1px solid #e3d1e1;
    border-radius: 5px;
    gap: 8px;
}
.settings-page .content-after-header .set-restaurant-characteristic-box .restaurant-characteristics-field ul li i {
    width: 20px;
    height: 20px;
    font-size: 8px;
    color: #808080;
    background: #dfdfdf;
    border-radius: 50%;
    cursor: pointer;
}
.settings-page .content-after-header .set-restaurant-characteristic-box .restaurant-characteristics-field ul input {
    outline: none;
    flex: 1;
    padding: 5px;
    font-size: 16px;
    background-color: transparent;
}
.settings-page .content-after-header .set-restaurant-characteristic-box .restaurant-characteristics-field ul input {
    outline: none;
    flex: 1;
    padding: 5px;
    font-size: 16px;
    background-color: transparent;
}
.settings-page .content-after-header .opening-hours-card .single-day-time-container:not(:last-child), .create-an-account .opening-hours-box .single-day-time-container:not(:last-child) {
    border-bottom: 1px solid #bbbbbb;
}
.settings-page .content-after-header .opening-hours-card .single-day-time-container .add-time-btn, .create-an-account .opening-hours-box .add-time-btn  {
    padding: 5px 12px;
    font-size: 14px;
    border: none;
    border-radius: 32px;
    background-color: #913737;
    color: #ffffff;
}
div.dt-container.dt-empty-footer tbody > tr:last-child > * {
    border-bottom: none;
}
.btn-close:focus {
    box-shadow: none;
}
.edit-food-item-button:disabled {
    background: #DEDEDD;
    border: 1px solid #DEDEDE !important;
    color: #484848;
    cursor: pointer;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #dedede;
    color: #000000;
    border: 1px solid #dedede !important;
    cursor: not-allowed;
}

/* Order Details Page Styling */ 
.order-details-page .completed-order-btn {
    background-color: green;
    border: 1px solid green;
    padding: 10px 15px;
}
/* Order Details Page Styling */ 
.order-details-page .completed-order-btn:active, .order-details-page .completed-order-btn:focus, .order-details-page .completed-order-btn:focus-visible {
    background-color: green;
    border: 1px solid green;
    padding: 10px 15px;
}
.order-details-page .heading-logo-and-humburger-icon-container .heading {   
    align-items: baseline;
    gap: 15px;
}
.order-details-page .heading-logo-and-humburger-icon-container .heading .date, .order-details-page .page-heading-row-for-mobile .page-heading .date {
    font-size: 16px;
}
.order-details-page .billing-address-shipping-address-basic-info-and-total-payment-boxes-section .box-1 {
    padding: 15px 0;
}
.order-details-page .billing-address-shipping-address-basic-info-and-total-payment-boxes-section .box-1 .box-heading {
    padding: 0 20px 15px;
    border-bottom: 1px solid #dcdcdc;
}
.order-details-page .billing-address-shipping-address-basic-info-and-total-payment-boxes-section .box-1 .info-container {
    padding: 0 20px;
}
.order-details-page .billing-address-shipping-address-basic-info-and-total-payment-boxes-section .total-payment-box .info-container .single-info-container {
    border-bottom: 1px solid #dcdcdc;
}
.stepper-wrapper {
    display: flex;
    justify-content: space-between;
}
.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
.stepper-item.active .step-name {
    font-weight: 500;
}
.stepper-item.active .step-counter:before {
    display: flex;
    justify-content: center;
    align-items: center;
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: inherit;
    background: conic-gradient(#913737 0% 90%, /* 90% solid color */ #efefef 90% 100% /* 10% transparent */);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px;
    animation: rotate-border 3s linear infinite;
    z-index: 1;
}
@keyframes rotate-border {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 5px solid #ccc;
    width: 100%;
    top: 27px;
    left: 50%;
    z-index: 2;
}
.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 5px solid #ccc;
    width: 100%;
    top: 27px;
    left: -50%;
    z-index: 2;
} 
.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 10px;
    font-size: 20px;
}
.stepper-item.completed .step-counter {
    background-color: #913737;
    color: white;
}
.stepper-item.completed::after, .stepper-item.active::after {
    position: absolute;
    content: "";
    border-bottom: 5px solid #c77272;
    width: 100%;
    top: 27px;
    left: -50%;
    z-index: 3;
}
.stepper-item:not(.completed) .step-counter {
    background: #ffffff; 
    border: 1px dashed #913737;
}
.stepper-item:first-child::after {
    content: none;
}
.stepper-item:last-child::before {
    content: none;
}

.payment-details-table thead th, .table-1 tbody tr.total-row td.total-price-td {
    margin-left: -75px;
}
.payment-details-table thead th, .table-1 tbody tr.total-row td.total-price-td .price {
    font-weight: 400;
}
.manage-stories-page .manage-stories-section .stories .image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 192px;
    object-fit: cover;
}
.manage-stories-page .manage-stories-section .stories .image-container * {
    max-width: 100%;
    max-height: 100%;
}
.manage-stories-page .manage-stories-section .single-story .delete-btn {
    background-color: transparent;
    border: none;
    color: #913737;
    text-decoration: underline;
}
.stories-archive-page .stories-archive-table .stories-cell img, .stories-archive-page .stories-archive-table .stories-cell  video {
    width: 108px;
    height: 192px;
    object-fit: cover;
}
.sections-page .sections-table th, .sections-page .sections-table td,  .ingredients-page .ingredients-table th, .ingredients-page .ingredients-table td, .supplies-page .supplies-table th, .supplies-page .supplies-table td {
    text-align: center !important;
}
.section-page, .sections-table th, .ingredients-page .ingredients-table th, .supplies-page .supplies-table th {
    padding-right: 10px !important;
    border-bottom: 1px solid #dcdcdc;
}
.sections-page .sections-table .edit-button, .sections-page .sections-table .delete-button,  .ingredients-page .ingredients-table .edit-button, .ingredients-page .ingredients-table .delete-button, .supplies-page .supplies-table .edit-button, .supplies-page .supplies-table .delete-button  {
    height: 17px;
}
.disabled-option {
    background-color: #f0f0f0; /* Light gray background */
    color: #999999; /* Gray text to show it's disabled */
}






.quality-insurance-measures-page .health-and-safety-section .heading, .quality-insurance-measures-page .commitment-to-excellence-and-safety-section .heading, .quality-insurance-measures-page .ongoing-food-safetly-and-personal-hygiene-and-attire-section .heading, .kitchen-safety-tips-section .heading, .quality-insurance-measures-page .certificates-section .heading  {
    font-size: 20px;
}
.quality-insurance-measures-page .safety-protocol-section {
    background-color: #913737;
} 
.quality-insurance-measures-page .safety-protocol-section .main-image {
    object-fit: cover;
    border-radius: 15px;
} 
.quality-insurance-measures-page .ongoing-food-safetly-and-personal-hygiene-and-attire-section .attire-area img {
    max-width: 100%;
}   
.quality-insurance-measures-page .dos-and-donts-section .table thead tr th {
    color: #913737;
    background-color: #dddddd;
    font-size: 24px;
    border-bottom: none;
}
.quality-insurance-measures-page .dos-and-donts-section .table thead tr th:not(:last-child), .quality-insurance-measures-page .dos-and-donts-section tbody tr td:not(:last-child) {
    border-right: 1px solid #ffffff;
}
.quality-insurance-measures-page .dos-and-donts-section .table tbody tr td {
    font-size: 15px;
}
.quality-insurance-measures-page .dos-and-donts-section  td,  .quality-insurance-measures-page .dos-and-donts-section th {
    width: 50%;
    text-align: left;
    padding: 15px;
}
.quality-insurance-measures-page .dos-and-donts-section tbody tr:nth-child(even) {
    background-color: #dddddd;
} 
.quality-insurance-measures-page .kitchen-safety-tips-section .image-and-points-row {
    margin-top: 30px;
}
.quality-insurance-measures-page .certificates-section .certificate-file {
    width: 300px;
    line-height: 2;
    padding: 5px 10px;
}
.dish-details-modal .back-btn {
    background: #fff;
    color: #000;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 50px 0px #dfdfdf;
    cursor: pointer;
}
.dish-details-modal .dish-details-section .main-image {
    border-radius: 20px;
    max-width: 100%;
    height: 400px;
    object-fit: cover;
}
.dish-details-modal .dish-details-section .small-img-row .small-img-col {
    flex-basis: 24%;
}
.dish-details-modal .dish-details-section .small-img-row .small-img-col img {
    height: 100px;
    object-fit: cover;
    border-radius: 12px;
    cursor: pointer;
}   
.dish-details-modal .rating .number {
    font-weight: 600;
}
.dish-details-modal .rating .stars i {
    color: #913737;
}
.dish-details-modal .cuisine-container .heading, .dish-details-modal .section-container .heading, .dish-details-modal .status-container .heading, .dish-details-modal .discount-until-container .heading, .dish-details-modal .diets-container .heading, .dish-details-modal .price-container .heading {
    width: 120px;
}
.dish-details-modal .reviews .view-all-reviews-link, .dish-details-modal .description .title,  .dish-details-modal .price-container .amount {
    font-weight: 500;
}
.dish-details-modal .price-container .amount {
    font-size: 20px;
}
.dish-details-modal .price-container .amount .original-price {
    text-decoration: line-through;
    color: #000;
    font-weight: 400;
}
.dish-details-modal .cook-image-and-name .image {
    border-radius: 50%;
}
.dish-details-modal .cook-image-and-name .name a {
    color: rgb(33, 37, 41);
}
.dish-details-modal .reviews .view-all-reviews-link {
    text-decoration: underline;
}
.dish-details-modal .price-container .amount {
    color: #913737;
}
.dish-details-modal .ingredients .item {
    border: 1px solid #913737;
    border-radius: 6px;
    padding: 4px 8px;
}
.dish-details-modal .quantity-box-container {
    padding: 8px 15px;
    background: #F3F5F6;
}
.dish-details-modal .quantity-box-container .quantity-input {
    outline: none;
    border: none;
    background: transparent;
    width: 50px;
    text-align: center;
}
.quantity-box-container .minus, .quantity-box-container .plus {
    cursor: pointer;
}
.dish-details-modal .heating-instructions-box, .dish-details-modal .info-box  {
    border: 1px solid #e7e7e7;
    border-radius: 15px;
    padding: 30px;
}
.dish-details-modal, .dish-details-modal .reviews-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
}
.dish-details-modal-content {
    background-color: #fff;
    margin: 0% auto;
    width: 100%;
    border: none;
}
.dish-details-modal .reviews-modal-content {
    background-color: #fff;
    margin: 5% auto;
    width: 80%;
    border: none;
    border-radius: 15px;
}
.live-cooking-classes-management-page #add-live-cooking-class-modal .error-container {
    display: none;
}
.live-cooking-classes-management-page .details-live-cooking-class-modal #live-class-image-container img {
    max-height: 300px;
}

@media screen and (min-width:1201px) {
   .pl-xl-40px {
        padding-left: 40px;
   }
}   
@media screen and (min-width:992px) {
    header .heading-logo-and-humburger-icon-container .logo, header .heading-logo-and-humburger-icon-container .hamburger {
        display: none;
    }
    .sidebar-col aside .cross-icon {
        display: none;
    }
    .gap-lg-24px {
        gap: 24px;
    }
}  

@media screen and (max-width:991px) {
    .sidebar-col {
        position: relative;
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 9999;
        overflow-y: auto;
        transition: left 0.3s ease;
    }
    .sidebar-col aside .cross-icon {
        position: absolute;
        right: 15px;
        color: #4c4c4c;
    }
    .sidebar-col.open {
        left: 0%;
    }   
    header {
        border-bottom: 1px solid #74747440;
        width: 100%;
    }
    header .heading-logo-and-humburger-icon-container .heading {
        display: none;
    } 
    header .heading-logo-and-humburger-icon-container .logo {
       height: 70px;
    }   
    .main-content header .notification-message-and-profile-container .profile-container .name {
        display: none;
    }
    .page-heading-row-for-mobile {
        display: block;
    }
    .messages-page .content-after-header, .profile-page .content-after-header {
        border-top: none;
    }
    .messages-page .searchbar-and-messages-list-and-single-person-chat-container {
        height: calc(100vh - 155px);
    }
    .messages-page .searchbar-and-messages-list-container {
        height: 100%;
    }
    .live-cooking-classes-management-page #add-live-cooking-class-modal .add-utensil-container .single-utensil-item .delete-button, .live-cooking-classes-management-page #add-live-cooking-class-modal .add-ingredients-container .single-ingredient-item .delete-button  {
        position: absolute;
        top: 0;
        right: 0;
    }
    .live-cooking-classes-management-page #add-live-cooking-class-modal .add-ingredients-container .single-ingredient-item .single-label-and-field {
        width: 100%;
        margin-bottom: 8px;
    }
}
@media screen and (min-width: 768px) {
    .food-items-page .food-items-list-section .single-food-item-col:nth-child(3n) .single-food-item .share-dropdown {
        right: 100%;
        left: auto;
    }
}
@media screen and (max-width:767px) {
    .form-content {
        padding: 30px 15px;
    }
    .messages-page .searchbar-and-messages-list-and-single-person-chat-container {
        height: max-content;
    }
    .messages-page .searchbar-and-messages-list-container {
        max-height: max-content;
    }
    .messages-page .content-after-header .single-person-chat-and-user-details-container {
        position: relative;
        height: calc(100vh - 154px);
    }   
    .messages-page .searchbar-and-messages-list-and-single-person-chat-container .default-message {
        display: none !important;
    }
    .food-item-detail-page .main-content .content-after-header .food-item-detail-section .main-image {
        width: 100%;
    }
    .profile-page .content-after-header .tab-content-col, .settings-page .content-after-header .tab-content-col {
        padding-right: 15px;
    }
    div.dt-container div.dt-layout-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .messages-page .content-after-header .single-person-chat-container .chat-messages-and-type-message-field-container .type-message-continer {
        padding: 15px;
    }
    .messages-page .content-after-header .single-person-chat-and-user-details-container .user-details-container.show {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .quality-insurance-div-img-ul {
        flex-direction: column;
    }
    .quality-insurance-measures-page .health-and-safety-section .main-image {
        height: 100px;
    }
}   
@media (min-width:576px) and (max-width:767px) {
    .food-items-page .food-items-list-section .single-food-item-col:nth-child(2n) .single-food-item .share-dropdown {
        right: 100%;
        left: auto;
    }
}
@media screen and (max-width:575px) {
    .profile-page .content-after-header .tab-content-col .account-information-tab .save-btn, .profile-page .content-after-header .tab-content-col .change-password-tab .save-btn {
        width: 100%;
    }
    .quality-insurance-file-name {
        width: 100px;
    }
    .main-content header .notification-message-and-profile-container .notification-container .dropdown-menu {
        min-width: 250px;
    }
    .food-items-page .food-items-list-section .single-food-item .main-image {
        height: auto;
    }
    .food-items-page .food-items-list-section .single-food-item-col .single-food-item .share-dropdown {
        right: 100%;
        left: auto;
    }
}