@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@400;700&family=Unbounded:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans&family=Philosopher:wght@400;700&family=Unbounded:wght@400;500;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');

body {
    font-family: 'PT Sans', sans-serif !important;
}

.bg-body {
    background: #F3E6D4 !important;
}

.top-header {
    background: #C8ADA4;
    padding: 15px 0 10px 0;
}

.top-header > div > div {
    display: flex;
    justify-content: space-between;
}

.top-header .dropdown-menu-arrow:after, .top-header .dropdown-menu-arrow:before {
    left: auto;
    right: 25px;
}

.top-avatar {
    padding: 0 0 0 1rem;
}

.top-header_right svg {
    width: 30px;
    height: 30px;
    fill: #6F3C2F;
}

h1.h4 {
    font-family: 'Philosopher', sans-serif !important;
    font-size: 32px;
    font-weight: 700 !important;
}

h5 {
    font-family: 'Philosopher', sans-serif !important;
    font-size: 20px;
}

h1.m-0.fw-light.h3.text-black {
    font-family: 'Philosopher', sans-serif !important;
    font-size: 32px;
    font-weight: 700 !important;
}

label.form-label[for="subtitle"] {
    font-size: 24px;
    font-family: 'Philosopher', sans-serif !important;
    font-weight: 700 !important;
    color: #232323;
}

.bg-dark {
    background-color: #6F3C2F !important;
}

.bg-dark .nav > li.active > a {
    background-color: #D2451D;
    border-radius: 0 !important;
}

.aside.bg-dark {
    padding: 0;
}

.nav > li > a {
    padding: 20px 40px;
    font-size: 16px;
    border-radius: 0 !important;
}

.bg-dark .nav > li > a:hover {
    background-color: #d35633 !important;
    border-radius: 0 !important;
}

.aside svg.me-2 {
    width: 24px;
    height: 24px;
    margin-right: 16px !important;
}

.layout.v-md-center {
    background: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.bg-white.rounded[data-controller="table"] {
    border-radius: 15px !important;
    overflow: hidden;
}

.bg-white.rounded[data-controller="table"] thead {
    background: #d2451d;
}

.bg-white.rounded[data-controller="table"] thead a, .bg-white.rounded[data-controller="table"] thead th {
    color: #fff !important;
    line-height: 35px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Philosopher';
}

div[data-action="click->html-load#goToTop"] {
    display: none !important;
}

.big-button {
    background: #D2451D;
    color: #fff !important;
    padding: 15px 25px;
    border-radius: 10px;
}

td[data-column="status"] {
    width: 100px;
}

td[data-column="payment-status"][data-status="Paid"],td[data-column="status"][data-status="Active"], td[data-column="status"][data-status="Done"] {
    color: #3FAF44;
    background: #d8f7d9;
}

td[data-column="payment-status"][data-status="Failed"],td[data-column="payment-status"][data-status="Pending"], td[data-column="status"][data-status="Inctive"], td[data-column="status"][data-status="Waiting"] {
    color: #9A9A9A;
}

.table-row {
    display: flex;
}

.btn.btn-edit {
    width: 100px !important;
    border: solid 1px #2A2A2A !important;
    border-radius: 8px;
    padding: 5px 20px !important;
    color: #2A2A2A !important;
    text-decoration: none !important;
}

.btn.btn-delete {
    width: 100px !important;
    margin-left: 10px;
    background: #C50000 !important;
    border-radius: 8px;
    padding: 5px 20px !important;
    color: #fff !important;
    text-decoration: none !important;
}

.dropzone-wrapper .dz-preview .btn-remove {
    background-color: #C50000 !important;
    color: #fff !important
}

.dropzone .dz-message.dz-preview, .dropzone-wrapper .dz-message.dz-preview {
    width: 100%;
}

.dropzone-wrapper .dz-message.dz-preview svg {
    width: 130px;
    height: 130px;
    color: #C8ADA4;
}

.upload-wrapper {
    height: 100%;
    background: #E6D6D1;
    border-radius: 15px;
    border: dashed 1px #9A9A9A !important;
}

.dropzone-wrapper .dz-preview .upload-wrapper h4 {
    margin-top: 20px;
    font-weight: bold;
    color: #C8ADA4 !important;
    font-size: 16px;
    margin-bottom: 0;
}

.dropzone-wrapper .dz-preview .upload-wrapper small {
    font-size: 12px;
    color: #C8ADA4;
}

.category-widget {
    height: 350px;
    /* overflow-y: scroll; */
}

.category-widget h2 {
    color: #D2451D !important;
    font-family: 'Philosopher', sans-serif !important;
    font-size: 24px;
    font-weight: 700 !important;
}

.category-body ul {
    list-style: none;
    padding: 0;
}

.category-body ul li {
    line-height: 40px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

.bg-white.rounded {
    border-radius: 20px !important;
}

button.add-category {
    background: #d2451d;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
}

div#package-item > div {
    overflow: hidden;
}

.category-header {
    display: flex;
    justify-content: space-between;
    border: solid 1px #D2451D;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
}

.category-header .tile {
    height: 30px;
    width: 20px;
}

.category-header input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    outline: none;
    box-shadow: 15px 15px 25px rgba(2, 28, 53, 0.05);
    z-index: 1;
}

.category-header input[type="checkbox"]:after {
    position: absolute;
    font-family: "FontAwesome";
    font-weight: 400;
    content: "";
    font-size: 28px;
    color: #D2451D;
    top: -5px;
}

.category-header input[type="checkbox"]:hover {
    transform: scale(1.08);
}

.category-header input[type="checkbox"]:checked:after {
    font-weight: 900;
    content: "\f057";
    color: #fff;
}

.overlay {
    display: none;
    background: #d2451d;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.overlay h2 {
    color: #fff !important;
}

.bg-white.rounded[data-controller="table"] thead svg {
    color: #fff;
}

.bg-white.rounded[data-controller="table"] thead th > div {
    float: left;
    margin-top: 0 !important;
}

.bg-white.rounded[data-controller="table"] thead th > div > a.badge {
    background: #d2451d !important;
    padding: 2px 5px;
    line-height: 20px;
    border: none !important;
}

.select2-container--bootstrap .select2-results__option {
    color: #222;
    font-weight: 300;
}

.max-menu {
    padding: 10px 20px;
    background: #eee;
    display: none;
}

.form-inline .form-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-inline .form-group input {
    width: 60px;
}

.form-inline .form-group label {
    margin: 0;
    font-weight: 100;
    font-size: 14px;
}

.login-bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 0;
}

.login-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-signin {
    position: absolute;
    background: #6F3C2F;
    width: 40%;
    right: 0;
    left: auto;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top-left-radius: 50%;
}

body.page-platform-login .container-fluid, body.page-login .container-fluid,
body.page-invite .container-fluid, body.page-login .container-fluid {
    padding: 0;
}

body.page-invite .form-control, body.page-platform-login .form-control, body.page-login .form-control {
    border-radius: 10px;
    padding: 15px;
    color: black;
}

button#button-login {
    background: #D34627 !important;
    border-radius: 10px;
    border: none;
    font-weight: 700;
    padding: 15px;
}

body.page-platform-menu h1.m-0.fw-light.h3.text-black,
body.page-platform-order h1.m-0.fw-light.h3.text-black {
    display: none;
}

body.page-platform-checkout-review h1.m-0.fw-light.h3.text-black,
body.page-platform-home h1.m-0.fw-light.h3.text-black,
.page-header h1.m-0.fw-light.h3.text-black {
    color: #D2451D !important;
    margin-bottom: 10px !important;
    display: block !important;
}

body.page-platform-home small.text-muted,
body.page-platform-menu small.text-muted {
    color: #232323 !important;
    font-size: 14px;
}

body.page-platform-menu .layout.v-md-center,
body.page-platform-order .layout.v-md-center {
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
}

a.big-back {
    color: #d2451d;
    font-size: 30px;
    margin-bottom: 30px;
    display: inline-block;
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 49%));
    gap: 20px;
}

.grid.menu-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 20%));
}

.grid .item .item-image {
    width: 50%;
}

.grid .item .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-content {
    width: 100%;
    padding: 25px;
}

.overflow-scroll {
    overflow: scroll;
}

.grid .item {
    display: flex;
    background: #fff;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*overflow: hidden;*/
    box-shadow: 0px 0px 25px 0px #0000001A;
}

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

.btn.btn-primary {
    background: #D2451D !important;
    border: none;
    border-radius: 10px;
    padding: 10px 35px;
}

.btn.btn-secondary {
    border-color: #D2451D;
    background: #fff;
    color: #D2451D;
    border-radius: 10px;
    padding: 10px 35px;
}

h2.item-title {
    font-family: 'Philosopher', sans-serif !important;
    font-weight: 700;
    color: #6F3C2F;
    font-size: 24px;
}

h3.item-title, .subheading {
    font-family: 'Philosopher', sans-serif !important;
    font-weight: 700;
    color: #6F3C2F;
}

span.item-price {
    font-family: 'Philosopher', sans-serif !important;
    font-weight: 700;
    color: #D96746;
    font-size: 24px;
    display: inherit;
}

span.item-gst-price {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #232323;
    opacity: 0.8;
}

.form-signin .small, .form-signin span {
    color: #fff !important;
}

button#button-login {
    color: #fff !important;
}

.grid.menu-grid .item .item-image {
    width: 100%;
    height: 50%;
}

.grid.menu-grid .item {
    flex-direction: column;
}

.grid.menu-grid .item .item-content {
    width: 100%;
}

.page-menu {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.page-menu .btn {
    padding: 15px 60px;
}

.package-card {
    display: flex;
    background: #fff;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 25px 0px #0000001A;
    height: 300px;
}

.package-card .item-image {
    width: 44%;
}

.package-card .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.package-card .item-content {
    width: 33%;
}

.package-card .item-pax {
    width: 30%;
    padding: 25px;
    border-left: solid 1px #eee;
}

.quantity-box {
    border: solid 1px #d2451d;
    border-radius: 10px;
    overflow: hidden;
    max-width: 95%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.quantity-box button {
    background: #d2451d;
    border: none;
    padding: 5px 36px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.quantity-box input {
    line-height: 30px;
    border: none;
    width: 50%;
    text-align: center;
}

.item-pax h4 {
    font-family: 'Philosopher', sans-serif !important;
    font-weight: 700;
    color: #222;
    font-size: 16px;
    margin-bottom: 0;
}

.price-box {
    display: flex;
    justify-content: space-between;
}

.price-box .item-price {
    color: #d2451d;
}

.item-pax h3 {
    font-family: 'Philosopher', sans-serif !important;
    font-weight: 700;
    color: #d2451d;
    font-size: 24px;
    display: inherit;
    margin-bottom: 13px;
}

.order-box {
    margin: 20px 0 40px 0;
}

.order-box h3 {
    font-family: 'Philosopher', sans-serif !important;
    font-weight: 700;
    color: #6f3c2f;
    font-size: 27px;
    margin-bottom: 10px;
}

h3.selected-pax {
    color: #d2451d;
}

.custom-check {
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

.custom-check input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    outline: none;
    box-shadow: 15px 15px 25px rgba(2, 28, 53, 0.05);
    z-index: 1;
}

.custom-check input[type="checkbox"]:after {
    position: absolute;
    content: "";
    font-size: 28px;
    color: #D2451D;
    top: 10px;
    border: solid 1px #aaa;
    width: 30px;
    height: 30px;
    border-radius: 5px;
}

.custom-check input[type="checkbox"]:hover {
    transform: scale(1.08);
}

.custom-check input[type="checkbox"]:checked:after {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f00c";
    color: #fff;
    background: #D2451D;
    border-color: #D2451D;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
}

.category-body ul li {
    justify-content: start;
    line-height: 60px;
    color: #999;
}

.category-body ul li.checked {
    background: #FCDACE;
    color: #222;
}

.grid .category-header input[type="checkbox"] {
    pointer-events: none;
}

.grid .category-header input[type="checkbox"]:after {
    content: '';
}

.grid .category-header input[type="checkbox"]:checked:after {
    content: "\f058";
}

.category-header .tile p {
    line-height: 30px;
    position: relative;
    z-index: 1;
}

.category-header .tile p.on {
    color: #fff;
}

.category-header .tile p span {
    font-weight: bold;
}

.page-menu > div {
    display: flex;
}

button.btn.btn-third {
    color: #D2451D !important;
    border: none;
    border-radius: 10px;
    background: #FCDACE;
}

.page-menu > div > button {
    margin-left: 15px;
}

body.page-platform-checkout h1.m-0.fw-light.h3.text-black,
body.page-platform-systems-orders h1.m-0.fw-light.h3.text-black,
.page-header h1.m-0.fw-light.h3.text-black {
    color: #D2451D !important;
    margin-bottom: 10px !important;
    display: block !important;
}

body.page-platform-checkout h1.m-0.fw-light.h3.text-black, body.page-platform-checkout h1.m-0.fw-light.h3.text-black {
    display: none;
}

.cards-header {
    display: flex;
    justify-content: space-between;
    border: solid 1px #D2451D;
    position: relative;
    background: #D2451D;
}

.cards-header h2 {
    color: #fff !important;
    padding: 1.5rem !important;
    font-family: 'Philosopher', sans-serif !important;
    font-size: 24px;
    font-weight: 700 !important;
}

.cards-content {
    /* padding: 1.4rem; */
}

.cards-content p {
    margin-bottom: 0;
}

.cards.checkout.bg-white.rounded {
    overflow: hidden;
}

.total {
    display: flex;
    justify-content: space-between;
    border-top: solid 1px #ddd;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Philosopher', sans-serif !important;
}

.total:nth-child(1) {
    margin-top: 20px;
}

.total h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}

.total.grand h4 {
    font-size: 22px;
}

.total.grand {
    font-size: 30px;
    color: #d2451d;
}

.cards-header > div:last-child {
    border-left: solid 1px #bbb;
}

.card-columns {
    column-count: 2;
}

.cards-content > div {
    padding: 15px 25px;
}

.delivery-detail {
    width: 50%;
}

.delivery {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.delivery svg {
    font-size: 40px;
    color: #D2451D;
    margin-top: 10px;
}

.delivery-detail h5 {
    font-size: 16px;
    color: #2A2A2A;
    font-weight: bold;
}

.delivery-detail p {
    color: #2A2A2A;
    font-size: 14px;
}

.delivery button {
    margin-top: 10px;
}

.page-platform-checkout .d-none.d-md-block.layout.v-md-center {
    display: none !important;
}

/* styles.css */
.accordion-section label {
    justify-content: start;
    line-height: 60px;
    color: #999;
    font-size: 16px;
    pointer-events: none;
}

.accordion-heading {
    display: flex;
    padding: 0 15px;
}

.accordion-heading .custom-check input[type="checkbox"]:after {
    top: 15px;
}

.content {
    display: none;
    margin-top: 10px;
}

.accordion-heading.active {
    background: #FCDACE;
    color: #222;
}

.accordion-heading.active label {
    color: #222;
    cursor: pointer;
}

.accordion {
    padding: 0 10px !important;
}

.accordion .content {
    padding: 15px;
    border-bottom: solid 1px #ddd;
    margin: 0;
}

form.perfect-datetimepicker {
    width: 100%;
}

.perfect-datetimepicker .buttonpane td {
    height: 50px;
}

.perfect-datetimepicker .buttonpane td.clear {
    display: revert;
}

.perfect-datetimepicker .buttonpane td.ok {
    background: #D2451D !important;
    border: none;
    border-radius: 10px;
    color: #fff;
    height: 35px;
    padding: 0;
}

.perfect-datetimepicker table td {
    height: 40px;
}

.toast {
    position: fixed;
    top: 10px;
    right: 10px;
    background-color: #ff0000;
    color: white;
    padding: 10px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    pointer-events: none;
}

.table tbody tr td button.btn.btn-link {
    color: #d2451d;
    text-decoration: underline;
}

span.pax {
    color: #d2451d;
    font-weight: bold;
}

form#screen-modal-form-order-modal .modal-header {
    display: none;
}

form#screen-modal-form-order-modal .modal-body {
    padding: 20px 30px;
}

form#screen-modal-form-order-modal input.form-control {
    background: #fff;
    color: #2A2A2A;
    line-height: 30px;
    border-color: #9A9A9A;
    border-radius: 10px;
}

form#screen-modal-form-order-modal span.input-group-text {
    background: #fff;
    border-right: none;
    border-color: #9A9A9A;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #9A9A9A;
    font-size: 18px;
}

form#screen-modal-form-order-modal h1 {
    color: #232323 !important;
}

form#screen-modal-form-order-modal .cards-content > div {
    padding: 10px;
    border: none;
}

form#screen-modal-form-order-modal .modal-footer {
    background-color: #fff !important;
    border-top: none !important;
    justify-content: space-between;
    padding: 0 25px 25px;
}

form#screen-modal-form-order-modal .modal-footer button.btn.btn-link {
    text-decoration: none;
    color: #D2451D;
    border: solid 1px #D2451D;
    border-radius: 10px;
    padding: 5px 40px;
}

form#screen-modal-form-order-modal {
    border: none;
    border-radius: 15px !important;
    overflow: hidden;
}

form#screen-modal-form-order-modal .input-group input.form-control {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

table.table tr:nth-child(even) {
    background: #F2F2F2;
}

button.big-button, button.big-button.export {
    border: none;
    background: #6f3c2f;
    padding: 15px 15px;
}

button.big-button {
    background: #D2451D;
}

form#screen-modal-form-order-modal .modal-body .bg-white {
    padding: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

form#screen-modal-form-order-modal .modal-body label.form-label[for="subtitle"] {
    font-size: 32px;
}

form#screen-modal-form-order-modal .modal-footer button#submit-modal-order-modal {
    background-color: #D2451D !important;
    color: #fff !important;
    border: none;
    border-radius: 10px;
    padding: 5px 40px;
}

.form-signin a > div {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.form-signin a > div span {
    margin-top: 20px;
    letter-spacing: 6px;
    font-size: 19px;
}

.category-body {
    overflow: auto;
    height: 100%;
}

a.btn.btn-order.btn-secondary,
a.btn.btn-order.btn-primary {
    padding: 10px 20px;
}

.item-menu-block a {
    margin: 0 5px;
}

div#cart-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catrt-modal-box {
    background: #6f3c2f;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
}

.catrt-modal-box img {
    margin-bottom: 40px;
    display: inherit;
    max-width: 500px;
}

.catrt-modal-box a {
    background: #fff;
    color: #d2451d;
    padding: 15px 30px;
    border-radius: 10px;
    margin-top: 20px;
    display: inline-block;
    font-size: 14px;
}

.catrt-modal-box .text-white {
    text-align: left;
}

div#cart-modal {
    display: none;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9;
}

td[data-column="status"][data-status="Confirmed"] {
    background: #FFFDE7;
}

td[data-column="status"][data-status="Prepared"] {
    background: #FFF3E0;
}

td[data-column="status"][data-status="Delivered"] {
    background: #E8F5E9;
}

td[data-column="status"][data-status="Cancelled"] {
    background: #FFEBEE;
}

.dashboard {
    margin-bottom: 30px;
}

.dashboard .widget {
    background: #fff;
    text-align: center;
    padding: 20px 0 0;
}

.dashboard .widget span {
    background: #d2451d;
    color: #fff;
    display: block;
    padding: 15px 0;
    margin-top: 20px;
}

.cate-header {
    display: flex;
    justify-content: space-between;
}

.cate-header button.btn.btn-edit {
    width: fit-content !important;
}

.category-modal {
    padding: 20px;
}

.category_item_qty {
    display: flex;
    background: #d2451d69;
    padding: 15px;
}

.category_item_qty input {
    border: navajowhite;
    text-align: right;
    padding: 0 15px;
    width: 50px;
}

.page-platform-systems-dashboard header.d-none.d-md-block.col-xs-12.col-md.p-0 {
    display: none !important;
}

header.date-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.date-filter {
    display: flex;
}

.date-filter .delivery {
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
}

.date-filter .delivery-detail.time span {
    white-space: nowrap;
}

.date-filter .delivery-detail.time {
    width: 100%;
    cursor: pointer;
    background: #eee;
    padding: 9px 10px;
    display: inline-block;
    margin: 10px 0;
    border-radius: 5px;
}

button.btn-date {
    border: none;
    cursor: pointer;
    background: #fff;
    padding: 5px 10px;
    margin-right: 20px;
}

.actiobutton {
    float: right;
    display: flex;
    margin-bottom: 40px;
}

.actiobutton button {
    border: none;
    background: #d2451d;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    border-radius: 5px;
    margin: 0 10px;
}

.actiobutton button:hover {
    background: #b63612;
    color: #fff;
}

.date-filter ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: -5px;
    margin-top: 20px;
}

.date-filter ul li {
    padding: 10px 20px;
    border-top: solid 1px #ddd;
}

.date-filter ul li a {
    font-size: 14px;
}

.page-platform-systems-packages .d-none.d-md-block.layout.v-md-center,
.page-platform-systems-orders .d-none.d-md-block.layout.v-md-center,
.page-platform-systems-products .d-none.d-md-block.layout.v-md-center {
    display: none !important;
}

.page-platform-systems-products .dropdown > a.btn.btn-secondary,
.page-platform-systems-packages .dropdown > a.btn.btn-secondary {
    padding: 16px 30px;
    margin-top: -13px;
    margin-left: 20px;
}

.page-platform-systems-packages .dropdown > a.btn.btn-secondary {
    border: solid 1px #D2451D;
    background: none;
    color: #D2451D;
    border-radius: 10px;
    padding: 16px 30px;
    margin-top: 0;
    margin-left: 0;
}

.dropdown-menu.filter-dash {
    padding: 20px;
}

/*input matrix style */

.page-platform-qr-order-cut-off-times-list table.matrix > thead > tr > th:nth-child(1),
.page-platform-systems-users-package table.matrix > thead > tr > th:nth-child(1),
.page-platform-qr-order-meals-list table.matrix > thead > tr > th:nth-child(1),
.page-platform-qr-order-locations-edit table.matrix > thead > tr > th:nth-child(1),
.page-platform-qr-orders-create table.matrix > thead > tr > th:nth-child(1) {
    width: 200px;
}

.page-platform-qr-order-cut-off-times-list table.matrix,
.page-platform-qr-order-meals-list table.matrix {
    width: 600px;
}

.page-platform-systems-users-package table.matrix,
.page-platform-qr-order-locations-edit table.matrix {
    width: 800px;
}

table.matrix tr:nth-child(even) {
    background: none;
}

.order-form table tr td {
    word-break: normal;
}

.platform-heading {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 150%;
    color: #D2451D !important;
}

.platform-subtitle {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
    color: #232323;
    opacity: 0.8;
}

.platform-card {
    border-radius: 16px;
}

.platform-card .card-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 24px 16px;
    background: #D2451D;
    flex: none;
    order: 0;
    flex-grow: 0;
    border-radius: 16px 16px 0px 0px;
}

.ul-disc-style {
    list-style: disc;
}

.platform-card .card-header > div {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.page-platform-home fieldset > div.col.p-0.px-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 24px 16px !important;
    background: #D2451D;
    flex: none;
    order: 0;
    flex-grow: 0;
    border-radius: 16px 16px 0px 0px;
}

.page-platform-home fieldset > div.col.p-0.px-3 > legend {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #FFFFFF !important;
    flex: none;
    order: 0;
    flex-grow: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.page-platform-home fieldset > div.col-12.shadow-sm.h-100 > div > fieldset > div {
    border-radius: 0 0 20px 20px !important;
}

.page-platform-home .form-label {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    color: #232323;
}

#terms li {
    padding-bottom: 8px;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #232323;
}

#terms .subtitle {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #D2451D;
}

#terms ol, #terms ul {
    padding-left: 1rem;
}

#selectPackages .card {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#selectPackages .card-body {
    flex: 1 1 auto;
}

.order-link {
    color: #d2451d !important;
    text-decoration: underline !important;
}

.package-grid .subheading {
    color: #D96746;
}

.page-platform-checkout-menu div.d-none.d-md-block.layout.v-md-center {
    display: none !important;
}

.platform-color {
    color: #D96746;
}

div.card-header.platform-card-header .price {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;

    color: #FFFFFF;
    opacity: 0.8;
}

.item-title.courses {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #6F3C2F;
}

.detail-subtitle {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    color: #6F3C2F;
}

.detail-content {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;

    color: #232323;
}

.courses-detail-subtitle {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    color: #6F3C2F;
}

.courses-detail-pax {
    color: #D2451D;
}

.courses-detail-list, .status-title {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #6F3C2F;
}

.success-status-color {
    color: #15c79b;
}

.failed-status-color {
    color: #d21e1e;
}

.pending-status-color {
    color: #7b8a8e;
}

.total.grand h4 {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #6F3C2F;
}

.select-course {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #6F3C2F;
}

.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    border-radius: 50px;
    padding: 10px 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center; /* Vertically centers the items */
    justify-content: center; /* Horizontally centers the items */
    transition: background-color 0.3s ease;
}

.whatsapp-button a {
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center; /* Vertically centers the items within the anchor */
}

.whatsapp-button svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.whatsapp-button span {
    font-size: 16px;
    font-weight: bold;
}

.whatsapp-button:hover {
    background-color: #128C7E;
}

@media (min-width: 1200px) {
    .aside {
        max-width: 25%;
    }
}