/*================common css================*/
/*================common css================*/

:root {
    --orange: #FE944F;
    --dark: #1C524D;
    --white: #ffffff;
    --black: #000000;
    --orange-light: #FAB22B;
    --cream: #fef0e7;
    --black-light: #2c2c2b;
    --gray-light: rgba(229, 233, 242, 0.5);
    --gray: #e9f1fc;
    --yellow: #FAB22B;
    --bg-lightgreen: #3ab795;

}

body {
    overflow-x: hidden;
}

/*=============== Common Css Start ================*/

.btn-orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FE944F;
    --bs-btn-border-color: #FE944F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #fa9c5e;
    --bs-btn-hover-border-color: #fa9c5e;
    --bs-btn-focus-shadow-rgb: 48, 154, 94;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #fa9c5e;
    --bs-btn-active-border-color: #fa9c5e;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fa9c5e;
    --bs-btn-disabled-border-color: #fa9c5e;
}

.border-orange {
    border: 1px solid var(--orange);
}

.border-orange:hover {
    border-color: var(--orange);
}

.yellow {
    color: var(--yellow);
}

.add-new-task .round:hover {
    background-color: #d88c01;
}

.bg-yellow {
    background-color: var(--yellow) !important;
}

.bg-lightgreen {
    background-color: var(--bg-lightgreen);
}

.bg-yellow:hover {
    background-color: #f19c00 !important;
    transition: all 0.2s linear;
}

.object-cover {
    object-fit: cover;
}

.bg-yellow:active {
    background-color: #f19c00 !important;
    border-color: #f19c00 !important;
    transition: all 0.2s linear;
}

.txx-5 {
    font-size: 5px;
}

.object-contain {
    object-fit: contain;
}

.icon-size-1 {
    width: 15px;
    height: 15px;
}

.flex-gap-10 {
    gap: 10px;
}

.fs-14 {
    font-size: 14px;
}

.cust-card {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.bd-none{
    border: none;
}
.object-cover {
    object-fit: cover;
}

.bg-hover:hover {
    background-color: #f4f5f8;
    transition: 0.2s linear;
}
.bd-none{
    border: none;
}
.form-check-input:checked {
    background-color: #1c524d !important;
    border-color: #1c524d !important;
}

.shadow1:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.2s linear;
}

.logo-dark img {
    filter: brightness(0) invert(1);
}

.bg-orange {
    background-color: var(--orange) !important;
}

.bg-dark {
    background-color: var(--dark) !important;
}


.bg-hover:hover {
    background-color: var(--gray-light);
}

.bg-white {
    background-color: var(--white) !important;
}

.bg-black {
    background-color: var(--black) !important;
}

.text-orange {
    color: var(--orange) !important;
}

.text-dark {
    color: var(--dark) !important;
}

.text-white {
    color: var(--white) !important;
}

.text-black {
    color: var(--black) !important;
}

.text-green {
    color: var(--dark);
}

.content-body {
    height: calc(100% - 60px);
}

.bg-gray-light {
    background-color: var(--gray-light);
}

.bg-green {
    background-color: var(--dark);
}

.box-hover:hover {
    box-shadow: 0px 14px 14px 3px rgba(0, 0, 0, 0.03);
}

.bg-cream {
    background-color: var(--cream);
}

.bg-orange-light {
    background-color: var(--orange-light);
}

.disabled {
    opacity: 0.5;
}

.before-after-none::before,
.before-after-none::after {
    content: none !important;
}

.shadow1 {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25) !important;
}

.shadow2 {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.07) !important;
}

.BtnhoverGreen:hover {
    background-color: var(--dark);
    color: var(--white);
}

.CardHover:hover {
    box-shadow: 0px 14px 14p 3px rgba(0, 0, 0, 0.03);
}

.BorderLeft10px {
    border-left: 10px solid var(--orange) !important;
}

.BtnOutline:hover {
    background-color: var(--gray-light);
}

.BgGreenlight {
    background: #3AB795;
}

.BorderGrennlight {
    border: 2px solid #3AB795 !important;
}

.BorderGrennlight:hover {
    border: 2px solid #1c8164 !important;
    box-shadow: none;
}

.InputTranparent {
    background-color: transparent;
}

.EditIcon {
    border: 1px solid #3ab795;
    color: #3ab795;
}

.bdLeft2pxGreen {
    border-left: 2px solid var(--dark);
}

.OutlineGreen {
    border: 1px solid var(--dark) !important;
}

.OutlineGreen:hover {
    background-color: var(--dark);
    color: var(--white);
}

.ObjectCover {
    object-fit: cover;
}

.linevertical::before {
    position: absolute;
    height: 100%;
    width: 1px;
    content: '';
    left: 30px;
    top: 0;
    background-color: #e2e5ed;
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

.CardHover2:hover {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px !important;
    transition: all 0.1s linear;
}

.FitContent {
    width: fit-content;
}

.border-color {
    color: var(--gray);
}

.raduis-bottom {
    border-radius: 0 0 8px 8px;
}

/*=============== Common Css End ================*/


/*================START : dashboad ================*/
.dashboard .card-counter {
    right: -10px;
    top: -10px;
}

.dashboard .box-hover img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dashboard .box-hover:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.dashboard .disabled.box-hover:hover img {
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.dashboard .disabled.box-hover:hover {
    box-shadow: none;
    cursor: not-allowed;
}

/*================END : dashboad ================*/

.navbar-right .dropdown .dropdown-menu {
    margin-top: 22px !important;
    margin-right: -20px !important;
}

.navbar-right .dropdown.dropdown-profile .dropdown-menu.dropdown-menu-end {
    margin-right: -10px !important;
    margin-top: 15px !important;
}

/* .select2-container,
.sp-container {
    z-index: 99999;
} */

.ui-datepicker {
    z-index: 99999 !important;
}

.theme-light-dark-mode .df-mode {
    display: block !important;
}

.theme-light-dark-mode .df-mode.active {
    display: none !important;
    box-shadow: none !important;
}

.theme-light-dark-mode .df-mode::before {
    content: none !important;
}

.navbar-right {
    padding: 0 15px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    order: 2;
}

.navbar-right .dropdown {
    margin-left: 15px;
}

.dropdown-profile .dropdown-menu::before {
    opacity: 1 !important;
}

.TabChange {
    max-width: 200px;
}

body {
    background-color: var(--cream) !important;
}

.content-header {
    background-color: var(--cream);
}

/* Page header Start--------------------------------*/
.headerSearch {
    background-color: var(--white);
}

.dropdown-message .dropdown-link.new-indicator span,
.dropdown-notification .dropdown-link.new-indicator span {
    top: -13px;
    right: -7px;
}

.dropdown-message .dropdown-link svg,
.dropdown-notification .dropdown-link svg {
    color: var(--white);
}

.dropdown-message .dropdown-link:hover svg,
.dropdown-notification .dropdown-link:hover svg {
    color: var(--white);
}

.dropdown-message:hover,
.dropdown-notification:hover {
    background-color: #12604b;
}

.headerSearch svg {
    color: var(--black-light);
}

.headerSearch input::placeholder {
    color: var(--black-light);
}

.dropdown-header {
    color: var(--dark) !important;
}

/* Page header End---------------------------------------*/

/* Sidemenu Start -------------------------------------------*/
.aside-header {
    background-color: var(--dark);
}

.aside-logo img {
    margin-top: 26px;
    max-width: 140px;
    height: auto;
}

.aside-body {
    background-color: var(--dark);
    padding: 20px 20px 20px 25px !important;
    height: calc(100% - 150px);
}

.nav-aside .nav-item.active span {
    color: var(--orange-light);
}

.nav-aside .nav-item.active img {
    filter: initial;
}

.nav-aside .nav-item img {
    filter: brightness(0) invert(1);
    width: 20px;
    height: 20px;
}

.profileMenu .nav-item {
    padding: 0 0 18px 0;
    margin: 0;
}

.profileSubmenu .nav-item {
    padding-bottom: 0px;
}

.profileMenu .nav-item .nav-link {
    font-size: 20px;
}

.profileSubmenu .nav-item .nav-link {
    font-size: 12px;
}

.nav-aside .nav-item:hover span,
.aside-footer a:hover,
.aside-footer a:hover p {
    color: var(--orange-light);
}

.nav-aside .nav-item span {
    color: var(--white);
    padding-left: 15px;

}

.nav-aside .nav-item:hover img {
    filter: none;
}

.nav-aside .nav-item.active .nav-link::before {
    border: none;
}

.aside-alert-link a {
    color: #c0ccda;
}

.aside-loggedin-user a:hover,
.aside-alert-link a:hover {
    color: var(--white);
}

.profileSubmenu svg {
    color: var(--white);
}

.profileSubmenu svg {
    font-size: 12px;
}

.profileSubmenu .nav-item:hover svg {
    color: var(--orange-light);
}

.aside-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: var(--dark);
    padding: 15px 15px 15px 25px;
    z-index: 999;
    border-top: 1px solid #666;
}

.aside-menu-link {
    color: #262525;
}

/* Sidemenu End ---------------------------------------- */


/* Dashboard Page  Start -----------------------------------*/

.dashboard .box-hover img {
    max-width: 140px;
    height: 96px;
}

/* Dashboard Page End --------------------------------- */

/* Notification Page Start ----------------------------- */

.notificationCard {
    border-left: 10px solid var(--orange) !important;
}

/* Notification Page End----------------------------------- */

/* EventList Page Start-------------------------------- */

.eventlist-card .cardbox-bglight {
    background-color: var(--cream);
}

/* EventList Page End --------------------------------------*/

/* EventDetail Page Start------------------------------------ */
.event-detail-card .event-chat .avatar img {
    width: 40px;
    height: 40px;
}

.StatusCard .view-btn[aria-expanded="true"].view-less {
    display: block !important;
}

.StatusCard .view-btn[aria-expanded="true"].view-more {
    display: none !important;
}

.StatusCard .view-less {
    display: none !important;
}

.EventDetail-sidebar .last-msg button {
    border-radius: 0 0 8px 8px;
}

/* EventDetail Page End----------------------------------*/

/* Login Page Start-----------------------------------------*/
.loginPageogo {
    filter: invert();
    height: 30px;
    margin-top: 10px;
    max-width: auto;
}

/* Login Page End----------------------------------------------*/

/* Guest Profile Page Start----------------------------------- */

.activity-box {
    position: relative;
}

.activity-box-icon {
    position: absolute;
    left: -36px;
    top: -3px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-activity-tab .activity-details .activity-box-icon {
    border: none;
}

.profile-tags .bootstrap-tagsinput {
    border: none !important;
    background-color: transparent;
}

.profile-tags .bootstrap-tagsinput .tag {
    color: #000;
    border-radius: 5px;
    background: var(--gray-light);
    padding: 4px 8px;
    margin: 5px 5px 5px 0;
}

.profile-tags .bootstrap-tagsinput input {
    display: none;
}

.review-activity-tab .ReviewListcard {
    max-height: 470px;
    min-height: 470px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.review-activity-tab .ReviewListcard::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f1f1f1;
    overflow-x: auto;
}

.review-activity-tab .ReviewListcard::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f1f1f1;
    overflow-x: auto;
}

.review-activity-tab .ReviewListcard::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f4f5f8;
    overflow-x: auto;
}

/* Edit Model */
.OrderLandmarkbtn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.OrderLandmarkbtn:hover {
    background-color: var(--black);
    color: var(--white);
}

.OrderLandmarkbtn input {
    display: none;
}

/* Guest Profile Page End ----------------------------------- */

/* Task Detail Page Start -------------------------------------------*/

.TaskHistorycard .activity-box-icon {
    width: 40px;
    height: 40px;
    left: -40px;
}

.TaskInfolist {
    gap: 20px;
    margin-bottom: 15px;
}

.TaskInfolist p {
    width: 50%;
}

/* Task Detail Page End------------------------------------ */

/* Pos Page Start -------------------------------------------*/

.PosProductCard {
    height: calc(100vh - 185px);
    overflow-x: hidden;
    overflow-y: auto;
}

.PosProductCardLeft {
    position: relative;
}

.PosRadio {
    display: none;
}

.PosRadio:checked+.MainFood {
    background-color: #00b8d4;
    color: var(--white);

}

.PosRadio:checked+.MainFood img {
    filter: invert(1);

}

.PosRadio:checked+.MainFood h5 {
    color: var(--white);

}

.PosRadio:checked+.SubFood {
    background-color: var(--orange-light) !important;
    color: var(--white) !important;
}

.PosRadio:checked+.SubFood span {
    color: var(--white);

}

.PosProductCard .button-minus,
.PosProductCard .button-plus {
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    box-shadow: 0px 6px 10px 2px rgb(0 0 0 / 3%);
    font-weight: 500;
    line-height: 46px;
    border-radius: 50% !important;
    width: 50px;
    font-size: 24px;
    font-family: 'Barlow', sans-serif;
}

.PosProductCard .quantity-field {
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    border: none;
    background: none;
    width: 54px;
    text-align: center;
}

.PosProductCard .ButtonOrder {
    font-size: 15px;
    margin-right: 15px;
}

.PosProductCard .ButtonOrder.Pay:hover,
.PosProductCard .ButtonOrder.Hold:hover,
.PosProductCard .DiscountBtn:hover {
    background-color: #1c524d;
    color: var(--white);
}

.DiscountBtn:hover i {
    color: #fff;
}

.PosProductCard .DiscountBtn {
    background-color: var(--white);
}

.FoodList {
    display: flex;
    overflow-x: auto;
    gap: 20px;
}

.SubFoodList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.SubFoodList .FoodItems {
    height: 100%;
    padding: 28px 15px !important;
}

.SubFoodList .Childflex {
    width: calc(25% - 20px);
}

.FooditemImg {
    width: 40px;
    height: 40px;
    padding-bottom: 10px;
}

.FoodList .Foodlistchild {
    min-width: 130px;
    max-width: 200px;
    width: 100%;
}

.FoodItems {
    padding: 10px;
    font-size: 16px;
    color: var(--black);
    font-weight: 500;
    overflow: hidden;
}

.FoodItems.active h5,
.FoodItems.active span {
    color: var(--white);
}

.FoodItems h5,
.FoodItems span {
    font-size: 16px;
}

.ProductToalBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.TotalDownbtn {
    padding: 0px 40px;
    border-radius: 9px 10px 0 0;
    position: absolute;
    right: 0;
    top: -20px;
    color: var(--white);
}

.TotalDownbtn[aria-expanded="true"] .Showdown {
    display: block !important;
}

.TotalDownbtn[aria-expanded="true"] .Showup {
    display: none !important;
}

.TotalDownbtn .Showdown {
    display: none !important;
}

.OverflowLineone {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: break-spaces;
}

.OverflowLinethree {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: break-spaces;
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.hover-none:hover {
    color: initial !important;
}

/* Pos Page End --------------------------------------------------------------*/

/* Message Page Start --------------------------------------------------------------*/

.mail-group-header {
    display: initial;
    height: 120px !important;
}

.mail-wrapper {
    top: 130px;
    background-color: var(--white);
}

.MsgList {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.MsgList p {
    white-space: nowrap;
}

.mail-content-header {
    height: 70px;
}

.mail-group-body {
    top: 120px;
}

@media (min-width: 768px) {
    .mail-group {
        left: 0;
    }
}

@media (min-width: 991px) {
    .mail-wrapper {
        left: 240px !important;
        margin: 20px;
        background-color: var(--white);
    }
}

@media (min-width: 1200px) {
    .mail-content {
        left: 320px;
    }

    .mail-content-body {
        top: 80px;
    }
}

/* Message Page End--------------------------------------------------*/


/* Kot Page Start ------------------------------------------------*/
.KotItemsname {
    min-height: 200px;
}

.KotItemsname th,
.KotItemsname td {
    padding: 5px 15px;
}

.KotlslitDropdown {
    list-style: none;
    display: flex;
    padding: 15px;
    background-color: #fff;
    gap: 20px;
    border-radius: 5px;
}

.KotlslitDropdown li a {
    color: #000;
}

.kot-server .s2 {
    text-align: center;
}

.kot-server .s1 {
    color: #8392a5;
}

.kot-server .icon-s {
    font-size: 18px;
    color: #1c524d;
    margin-right: 6px;
    margin-top: 5px;
    width: 18px;
}

.KotviewCard ul.Kot-items-ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 0;
}

.KotviewCard ul.Kot-items-ul li {
    padding-right: 20px;
    padding-left: 15px;
    padding-bottom: 10px;
    color: #1c524d;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.KotviewCard ul.Kot-items-ul li svg {
    width: 18px;
    height: 18px;
    margin-right: 2px;
}

.KotItems .edit-icon {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.KotItemsHead .table-icon {
    color: #1c524d;
}

.KotItemsHead .ready-btn {
    font-size: 16px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.KotItemsHead .ready-btn .ready-icon {
    width: 18px;
    height: 18px;
}

/* Kot Page End ----------------------------------------------------------*/

/* Reporting Page Start ------------------------------------------------------ */

.ReportList {
    list-style: none;
    padding: 0;
}

.ReportList li {
    border-bottom: 1px solid var(--gray-light);
    width: 100%;
    display: inline-block;
}

.ReportList li:last-child {
    border-bottom: none;
}

.ReportList li a {
    color: var(--black);
    padding: 10px 15px;
    width: 100%;
    display: inline-block;
}

.ReportList li.active a {
    background-color: var(--dark);
}

.ReportList li:hover a {
    background-color: #3AB795;
    transition: all 0.1s linear;
}

.ReportList li.active a,
.ReportList li:hover a {
    color: var(--white);
}

/* Jquery toggle class Reportlist Show*/
.reportshow {
    display: block !important;
}

/* Reporting Page End --------------------------------------- */

/* Experience Create Page Start ------------------------*/

.ExperinceSteps span.StepIcon {
    background-color: var(--dark);
    color: var(--white);
    border: none;
}

.ExperinceSteps span.StepIcon {
    display: none;
}

.ExperinceSteps .step-link.active span.StepIcon {
    display: flex;
}

.ExperinceSteps .step-link.active span.StepNum {
    display: none;
}

.LocationBtn {
    margin: 15px 15px 0 0;
    border-radius: 5px;
}

.LocationBtn {
    position: relative;
}

.LocationBtn input {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 99;
    cursor: pointer;
}

.ExpCreate input[type='checkbox'] {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.LocationBtn span {
    background: #fff;
    border: 1px solid #f0f1f5;
    border-radius: 5px;
    color: #000;
    font-size: 13px;
    padding: 13px 35px;
}

.LocationBtn input:checked+span {
    color: var(--dark);
    border: 2px solid var(--dark);
    font-weight: 500;
}

.PaidFreelabel span {
    background: #fff;
    border: 1px solid #f0f1f5;
    border-radius: 5px;
    color: #000;
    font-size: 13px;
    padding: 13px 35px;
}

.PaidFreelabel input:checked+span {
    border: 1px solid var(--dark) !important;
    color: #fff;
    background: var(--dark) !important;
}

.PaidFreelabel {
    padding: 0px 0px;
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0;
    margin-right: 15px;
}

.PaidFreelabel input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 99;
    cursor: pointer;
}

.FileNoimage {
    width: 150px;
    height: 150px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    margin-top: 15px;
}

.TicketTab .modal .form-group {
    text-align: left;
}

#settings input {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.dropzone {
    border-radius: 11px;
    min-height: 150px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 20px 20px;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}

.secGallery .dropzone .dz-message {
    margin: 3.2em 0 2em 0;
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}

.dropzone .dz-message .dz-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.PublishTab .input[type=checkbox],
.PublishTab input[type=radio] {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.PublishTab .timet {
    background-color: #f3f3f3;
    padding: 8px 15px;
    position: relative;
    border-radius: 2px;
    display: flex;
    align-items: center;
}

.PublishTab .timet2 {
    background-color: #f3f3f3;
    padding: 8px 15px;
    position: relative;
    border-radius: 2px;
}

.custom-control-label {
    cursor: pointer;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.ExpCratag .bootstrap-tagsinput .tag {
    align-items: center;
    background-color: #e3e3e3;
    border-radius: 2px;
    color: var(--black);
}

.TicketTab .AdmissionUL {
    display: flex;
    gap: 50px;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
}

.AdmissionUL .ActionBtn {
    margin-left: auto;
}

input[type='radio'] {
    position: relative;
    border: 1px solid #1c524d;
    appearance: none;
    border-radius: 50%;
    margin-top: 3px;
}

input[type='radio']:checked::after {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    position: relative;
    background-color: var(--dark);
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #fff;
}


.form-check-input:checked {
    background-color: #1c524d !important;
    border-color: #1c524d !important;
}

/* Experience Create Page End -----------------------*/


/* Experience Book Page Start -----------------------*/
figure.Expbookimg {
    width: 100%;
    height: 160px;
    overflow: hidden;
}

figure.Expbookimg img {
    max-width: 100%;
    height: 160px;
    object-fit: cover;
}

.FeatherSmall {
    width: 18px;
    height: 18px;
}

.FeatherMedium {
    width: 30px;
    height: 30px;
}

.ExpBook .checkout-review-order-table td {
    text-align: right;
}

/* Experience Book Page End -----------------------------------------------------------------------*/


/* Reservation Page Start ------------------------------------------------------------------------*/

.RessideCard .ReserRow:not(:last-child) {
    border-bottom: 1px solid #e9f1fc;
}


.RessideCard {
    height: 100%;

}

.ResrightCard {
    height: calc(100vh - 185px);
}

.RessideCard .ResFooter {
    position: absolute;
    bottom: 0;
}

.ResCards {
    height: 100%;

}

/* Toggle Swipe */
.toggle-swipe {
    background-color: var(--white);
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 30px;
    padding: 5px 10px;
    gap: 10px;

}

.toggle-swipe input {
    display: none;
}

.toggle-swipe input:checked+label {
    color: var(--white);
    background-color: #3ab795;
    border-radius: 30px;
    padding: 5px 10px;
}

.RessideCard .dropdown-toggle::after {
    display: none;
}

.RessideCard .dropdown-menu {
    transform: translate(0px, 0px) !important;
    left: 84px !important;
    top: 0px !important;
    position: relative;
}

.TableDropdown {
    position: relative;
}

.TableDropdown .dropdown-toggle:hover {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    transition: all 0.2s linear;
}

.RessideCard .dropdown-menu::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 4px;
    margin-left: -15px;
    border-right: 11px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}

.RessideCard .dropdown-menu::before {
    content: '';
    position: absolute;
    top: 6px;
    left: -3px;
    margin-left: -10px;
    border-right: 13px solid rgba(72, 94, 144, 0.16);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.RessideCard .dropdown-item:hover {
    background-color: var(--dark);
    color: var(--white);
}


.CollapsCard .collapse.show {
    background-color: #efefef;
    transition: all 0.1s linear;

}


.review-activity-tab .ReviewListcard {
    max-height: 470px;
    min-height: 470px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.ResCards::-webkit-scrollbar-track,
.CollapsCard::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f1f1f1;
    overflow-x: auto;
}

.ResCards::-webkit-scrollbar,
.CollapsCard::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f1f1f1;
    overflow-x: auto;
}

.ResCards::-webkit-scrollbar-thumb,
.CollapsCard::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f4f5f8;
    overflow-x: auto;
}

/* Jquery Add Classes */
.SideActivetab {
    display: none;
}

.CardNone {
    display: none;
}

.Sideupcomingtab {
    display: none;
}

/* Reservation Page End -----------------------------------*/


/* Split By Item Page Start --------------------------------------------*/

.SpitItmpg .CheckBox {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.SpitItmpg .Checkboxitem {
    border-radius: 4px;
    padding: 5px 18px;
    border: 1px solid #BABABA;
    background-color: var(--white);
}

.SpitItmpg .CheckBox input {
    display: none;
}

.SpitItmpg input:checked+.Checkboxitem {
    background-color: var(--dark);
    color: var(--white);
}

.SpitItmpg .SpitTotals {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    align-items: center;
    padding: 10px 15px;

}

.SpitItmpg .SpitTotalitem {
    width: 33.33%;
}

.SpitItmpg .SplitFooter {
    position: sticky;
    bottom: -20px;
    border-radius: 10px;
    margin-top: 10px;
    border: 1px solid #d9dde7;
}

.content-auth {
    min-height: initial;
}

.penso-login {
    background: var(--dark) !important;
}

.logo-penso img {
    filter: invert();
    height: 30px;
    margin-top: 10px;
    max-width: auto;
}

/* Split By Item Page End --------------------------------------------*/


/* Create Invoice Start-------------*/
.InvoiceItem.table th,
.AddItem.table th,
.InvoictItemsum.table th {
    font-weight: 600 !important;
}

.InvoiceItem.table th:nth-child(2),
.InvoiceItem.table th:nth-child(3) {
    text-align: right;
}

.InvoiceItem.table td:nth-child(2),
.InvoiceItem.table td:nth-child(3) {
    text-align: right;
}

.InvoictItemsum td:last-child {
    text-align: right;
}

.AddItem.table th:nth-child(2) {
    text-align: center;
}

.AddItem.table th:nth-child(3) {
    text-align: center;
}

.AddItem.table th:nth-child(4) {
    text-align: center;
}

.AddItem.table td:nth-child(2) {
    text-align: center;
}

.AddItem.table td:nth-child(3) {
    text-align: center;
}

.AddItem.table td:nth-child(4) {
    text-align: right;
}

.AddItem.table td:nth-child(5) {
    text-align: right;
}

.TabelInvoice tr:last-child td {
    border-bottom: none;
}

.sum-items p {
    margin-bottom: 10px;
}

/* Create Invoice End-------------*/

/*Kot View ------------- */


.gap-10 {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Grid Plugin */
.grid {
    height: 75%;
    position: relative;

}

.grid-item {
    float: left;
    width: calc(33% - 10px);
    margin-bottom: 10px;

}

.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* Grid Css */
.grid-layout {
    /* height: calc(100vh - 200px); */
    columns: 3;
    column-gap: 15px;
}

.grid-layout-item {
    width: 100%;
    margin-bottom: 15px;
    break-inside: avoid;
}

/*Kot View ------------- */

/* Admin Pages Start*/
.table-hover tbody tr:hover {
    background-color: initial;
}

/* Admin Pages End*/


/* Pos Page start*/
.poscusclr {
    color: #8FBDF7;
}

.pos-cutomize-tr th {
    height: 30px !important;
    font-size: 14px;
    border: 0;
}

.pos-cutomize-tr th,
.pos-cutomize-tr td {
    padding: 0;
}

.pos-cutomize-tr th {
    padding-left: 30px !important;

}

.pos-cutomize-tr td {
    padding-right: 20px !important;

}

.pos-cutomize-tr th a,
.pos-cutomize-tr td a {
    font-size: 13px;
}

.pos-cutomize-tr td {
    border: 0;
}

.extra-table-span {
    color: #3ab795;
}

.pos-cutomize-tr .table-img {
    margin-top: -2px;
}

.pos-cutomize-tr {
    background-color: #fdfbff;
}

.pos-modifier-tab.nav-pills .nav-link.active,
.pos-modifier-tab.nav-pills .show>.nav-link {
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid #fe944f;
}

.pos-modifier-tab .nav-link:hover,
.pos-modifier-tab .nav-link.active,
.pos-modifier-tab .nav-link:focus {
    color: var(--black);
}

.pos-modifier-tab .nav-link {
    padding: 4px 0;
}

.pos-modifier-tab.nav-pills .nav-link:not(.active):hover,
.pos-modifier-tab.nav-pills .nav-link:not(.active):focus {
    background-color: initial;
    color: initial;
}

.pos-modifier-tab.nav-pills .nav-link {
    position: relative;
}

.pos-modifier-tab.nav-pills .nav-link::before {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: gray;
    content: '';
    left: -14px;
    top: 13px;
}

.pos-modifier-tab li.nav-item {
    padding: 0px 20px;
}

.select-size input[type="checkbox"]:checked+label {
    background: var(--dark) !important;
    color: var(--white) !important;
    transition: 0.3s !important;
}

.gap-cutomize {
    margin-left: 40px;
}

/*============manage_tables================*/

.table-type label {
    position: relative;
    cursor: pointer;
}

.table-type label input {
    display: none;
}

.table-type label span {
    position: relative;
    display: inline-block;
    margin: 0 15px;
    font-size: 14px;
    padding: 0px;
    width: 50px;
    height: 50px;
    background: none;
    border: 1px solid #444;
    color: #444;
}

.table-type label.round span {
    border-radius: 50%;
}

.table-type label input:checked~span {
    color: var(--dark);
    border: 1px solid var(--yellow);
    background: var(--yellow);
}

.table-type label input:checked~span:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #008eff;
    z-index: -1;
    filter: blur(10px);
}

.table-type label input:checked~span:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #008eff;
    z-index: -1;
    filter: blur(15px);
}

.table-type label span.yes {
    padding-right: 0;
    margin-right: 0;
}

.table-type label input:checked~span.yes:before,
.table-type label input:checked~span.yes:after {
    background: #62ff00;
}


.table-type label input:checked~span.no:before,
.table-type label input:checked~span.no:after {
    background: #ff0000;
}

.barrier1 {
    background: #040404;
    height: 35px;
    display: inline-block;
    cursor: pointer;
}

.barrier2 {
    border: 2px solid #000000;
    height: 35px;
    display: inline-block;
    cursor: pointer;
}

/* Pos Page end*/


/* Start Calender*/

.UserEmployees .calendar-wrapper {
    top: 150px;
    overflow: auto;
}

.UserEmployees .calendar-content {
    left: 266px;
    border-radius: 5px;
    right: 20px;
}

/* End Calender */


/* Start reservatgion type */

.DownbgArrow svg {
    width: 20px;
    height: 20px;
}

/* Etart reservatgion type */


/* admin changes */

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus {
    background-color: var(--dark);
    color: white;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background-color: #3ab795;
    color: white !important;
}

.swal-footer {
    text-align: center;
}

.swal-footer .swal-button--cancel {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.swal-footer .swal-button--cancel:focus {
    box-shadow: none;
}

.swal-button--confirm {
    color: #fff;
    background-color: #1c524d;
    border-color: #1c524d;
}

.swal-button--confirm:focus {
    background-color: #1c524d;
    box-shadow: none;
}

.swal-footer .swal-title {
    font-size: 24px;
    color: #000;
}

.daterangepicker .ranges li.active {
    background-color: #1c524d !important;
}

.btn.btn-primary.btn-xs {
    text-transform: capitalize;
}

.btn.btn-success.btn-xs {
    text-transform: capitalize;
}

.btn.btn-danger.btn-xs {
    text-transform: capitalize;
}

.btn.btn-warning.btn-xs {
    text-transform: capitalize;
}


.assignees .select2-container,
.task_filter_form .sp-container {
    z-index: 0 !important;
}

/* admin changes */


.demo-forms .select2-container {
    z-index: 1 !important;
}

.bootstrap-tagsinput .tag {
    background-color: #1c524d;
}

.nav-aside .with-sub .nav-link::after {
    position: absolute;
    right: 0px;
}

.nav-aside .nav-link::before {
    border-left: 3px solid #8392a5 !important;
}

table.dataTable thead>tr>th.sorting[aria-sort="ascending"]::after {
    opacity: 1 !important;
}

table.dataTable thead>tr>th.sorting[aria-sort="ascending"]::before {
    opacity: 0.5 !important;
}

table.dataTable thead>tr>th.sorting[aria-sort="descending"]::after {
    opacity: 0.5 !important;
}

table.dataTable thead>tr>th.sorting[aria-sort="descending"]::before {
    opacity: 1 !important;
}

/* .GuestProfilecard .GuestProfile .main_user_profile div.rounded-circle {
    width: 100%;
    height: 100%;
} */

/* reservation */

.ExpCrtform .list-inline-skills .list-inline-item a.comboselection {
    color: #1c524d;
    font-size: 15px;
    font-weight: 500;
}

.ExpCrtform .list-inline-skills .list-inline-item {
    margin-right: 0.5rem;
    background: #ededed;
    padding: 10px 10px;
    border-radius: 30px;
    margin-bottom: 15px;
}

.ExpCrtform .list-inline-skills .list-inline-item:hover {
    background: #1c524d;
}

.ExpCrtform .list-inline-skills .list-inline-item:hover a.comboselection {
    color: #fff;
}

.ExpCrtform .list-inline-skills {
    margin-bottom: 0;
}

.ExpCrtform .list-inline-skills .list-inline-item.active {
    background: #1c524d;
}

.ExpCrtform .list-inline-skills .list-inline-item.active a.comboselection {
    color: #fff;
}

/* new-step */
.new-step-tag {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.new-step-tag span {
    background-color: #ededed;
    padding: 6px 10px;
    border-radius: 2px;
    display: flex;
    white-space: nowrap;
}

.new-step-tag span a {
    color: #000;
}

.new-step-tag span svg {
    width: 14px;
    height: 14px;
    margin-left: 5px;
}

/* .pay-img-div>div {
    margin: 0 !important;
} */


/* start no message */

.nomsg-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px;
}

.nomsg-div .no-msgicon {
    margin-bottom: 5px;
}

.nomsg-div .no-msgicon i {
    font-size: 30px;
    opacity: 0.3;
}

.nomsg-div p {
    font-size: 14px;
    margin-bottom: 0;
}

.nomsg-div span {
    font-size: 13px;
}

/* end no message */

/* start light dark mode */

.mode-icon i {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 8px;
}

/* end light dark mode */

/* start no-data img */

.No-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
}

.no-data-icon {
    margin-bottom: 15px;
}

.no-data-icon i {
    font-size: 80px;
    opacity: 0.4;
}

.no-task-title {
    margin-bottom: 0;
    font-size: 20px;
    color: #808080;
    text-align: center;
}

.no-task-title span {
    word-break: break-all;
}

/* end no-data img */

/* Start task add */

.inputdltbtn {
    height: 94%;
    right: 13px;
    top: 1px;
    border-radius: 0 2px 2px 0;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    max-height: 320px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 4px;
}


.ui-menu-item-wrapper.ui-state-active {
    border: none;
}

.content-search svg {
    margin-right: 0;
}

/* end task add */

.attach-file:hover a,
.attach-file:hover i {
    color: #9fa1a1;
    transition: 0.3s linear;
}

.cmnt-name {
    font-weight: 500;
    text-transform: capitalize;
}

.cmnt-date {
    font-size: 14px;
}

.select2-container--default .select2-results>.select2-results__options {
    margin: 0;
}

.dataTables_wrapper .dataTables_length select {
    outline: none;
}

.dataTables_wrapper .dataTables_filter input {
    outline: none;
}

.single_task_status label {
    padding: 5px 10px;
    white-space: nowrap;
}

.KotItems .wd-40>p {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.KotItems .ready.border-orange {
    white-space: nowrap;
}

.dd-handle {
    padding: 5px 35px !important;
    font-size: 14px;
    background: #fff !important;
}

.dd-handle:hover {
    color: #333 !important;
    background: #f1f1f1 !important;
}

.dd-item>button {
    background: #3AB795 !important;
}

.manage-tabel1 {
    height: 100% !important;
}

.manage-tabel2 {
    height: 100% !important;
    overflow: hidden;
}

.manage-tabel2 .canvas-container {
    height: 70vh !important;
}

.mark-all-as-read-message:hover {
    color: #8392a5;
}

.status-history .status-his-grp a.tx-success {
    text-transform: capitalize;
}

.swal-icon--success__ring {
    border: 4px solid hsl(98.37deg 55.13% 69.41%);
}

.mail-group-label {
    background: #f5f6fa;
}

.mail-content {
    background-color: #fff;
}

.mail-content-header {
    background-color: #fff;
}

.file-caption .btn-file {
    background-color: #1c524d !important;
    border: 1px solid #1c524d !important;
}

.file-caption .btn-file:hover {
    background-color: #3ab795 !important;
    border: 1px solid #3ab795 !important;
}

/* gallery */

.GalleryTab .exp-brows-gallery {
    height: 100%;
    object-fit: cover;
}

.GalleryTab .delete-image i {
    display: flex;
    position: absolute;
    top: 2px;
    background: #ebebeb;
    right: 18px;
    z-index: 100;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.step-item:hover .step-title {
    color: var(--dark);
}

.file-preview {
    margin-bottom: 25px !important;
}

.krajee-default.file-preview-frame {
    border: 1px solid #3e3f41 !important;
    border-radius: 5px;
}

.file-drop-zone {
    border: 1px dashed #3e3f41;
}

.experience_checkout_html>div {
    font-size: 20px;
    margin-top: 50px;
}

.textarea-ht {
    height: 40px;
}

.or-line {
    position: relative;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
}

.or-line::before {
    position: absolute;
    content: '';
    width: 45%;
    height: 1px;
    left: 0;
    background-color: #dddcdc;
    top: 50%;
}

.or-line::after {
    position: absolute;
    content: '';
    width: 45%;
    height: 1px;
    right: 0;
    background-color: #dddcdc;
    top: 50%;
}

.subcat-list .subcat-link {
    word-break: break-word;
    border-bottom: 1px solid #dddddd;
}

.subcat-list .subcat-link:last-child {
    border-bottom: none;
    border-radius: 0 0 5px 5px;
}

.subcat-list .subcat-link:first-child {
    border-radius: 5px 5px 0px 0px;
}

.subcat-list .subcat-link.active {
    color: #fff;
    background-color: #1a4d48 !important;
}

.subcat-list .subcat-link:hover,
.subcat-list .subcat-link:active,
.subcat-list .subcat-link:focus {
    color: #fff;
    background-color: #3ab795 !important;
}

.subcat-list {
    position: sticky;
    top: 0;
    background: #fff;
    border-radius: 5px;
}

.button-edit {
    right: 40px !important;
}

.button-copy {
    right: 80px !important;
}

.dd-item>button {
    border-radius: 5px 0 0 5px;
}

.button-delete,
.button-edit,
.button-copy {
    width: 20px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-list:last-child {
    border-bottom: 0;

}


/* help support -------------------*/

.dash-helpicon {
    position: absolute;
    right: 24px;
    bottom: 30px;
    width: 60px;
    height: 60px;
    text-align: center;
    background: black;
    border-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s linear;

}

.dash-helpicon:hover {
    background-color: #696969;
    transition: all 0.2s linear;
}

.dash-helpicon a {
    border: 2px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 28px;
    height: 28px;
}


.modal-help .modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, 50px);
}


@media (min-width:768px) {
    .modal-help .modal-dialog {
        position: fixed;
        bottom: 130px;
        right: 50px;
        margin-bottom: 0;
        width: 400px;
    }
}

.modal-help .modal-content {
    border-radius: 20px;
}

.list-items .divround {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-items .divround svg {
    width: 18px;
    height: 18px;
    color: var(--dark);
}

.list-items h6 {
    font-size: 16px;
}

.modal-help .title {
    font-size: 18px;
}

.modal-help .helplist .list-items {
    margin-bottom: 15px;
    align-items: flex-start;
}

.que-circle {
    width: 18px;
    height: 18px;
    margin-left: 5px;
}

.upload-btn svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.tx-underline {
    text-decoration: underline;
}

.print-logo img {
    max-width: 300px;

    filter: invert();
}

.print-headvalue tr.item-venue {
    background-color: #f7f7f7;
}

.print-total tr {
    background-color: #f7f7f7;
}

.item-venue th:nth-child(2) {
    text-align: center;
}

.item-venue th:nth-child(3) {
    text-align: center;
}

.item-venue th:last-child,
.item-venue-td td:last-child {
    text-align: right;
}

.purchase-print {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
}

.purchase-print .header-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.purchase-print .header-text ul {
    list-style: none;
}

.ivu-btn-primary {
    color: #fff;

}

@media print {
    .purchase-print {
        margin: 0;
        width: 100%;
        margin: 0 auto;
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
        display: block;

    }

    .ivu-btn-primary {
        display: none;
    }
}



/* action btn */
.dataTable .dropdown-toggle {
    position: relative;
}


/* admin product item */

.ExperinceSteps .steps-vertical {
    position: relative;
}

.ExperinceSteps .steps-vertical::before {
    content: '';
    background: #cdd4e0;
    height: 100%;
    height: 1px;
    left: 16px;
    position: absolute;
    height: 100%;
    width: 1px;
    z-index: -1;
}

.ExperinceSteps .step-number {
    background-color: #fff;
}

.ExperinceSteps .StepIcon svg {
    width: 20px;
    height: 20px;
}

.ExpCrtform .bootstrap-tagsinput {
    padding: 6px !important;
}



.login-role .role-menu {
    list-style: none;
    padding: 0;
    width: 100%;
}

.login-role .role-menu li {
    margin-bottom: 15px;
}

.filter-invert {
    filter: invert();
}

.border-green {
    border-color: var(--dark);
}

.login-role .role-menu li a {
    transition: all 0.1s linear;
}

.login-role .role-menu li a:hover {
    background-color: var(--dark);
    color: var(--white);
    transition: all 0.1s linear;
}

.login-role .role-menu li a:hover span {
    color: #fff !important;
}

.login-role .role-menu li a:hover span i {
    color: #fff !important;
}

#floor-plans {
    position: absolute;
    top: 60px;
}

div#calender {
    position: relative;
}

/* new */


.reser-tab-ul .nav-link.active,
.reser-tab-ul .nav-link:focus {
    font-weight: 600;
}

.reser-tab-ul {
    position: sticky;
    top: 0;
    z-index: 999;
    background: var(--white);
}

.reservation-right-col {
    overflow-y: auto;
    /* height: calc(100vh - 100px); */
    overflow-x: hidden;
}

.reservation-right-col .table-left-items .text-decoration-underline {
    text-decoration: none !important;
}


@media only screen and (max-width: 1399px) and (min-width: 768px) {

    .reservation-right-col .canvas-container {
        width: 600px !important;
    }

}


@media only screen and (max-width: 767px) and (min-width: 576px) {

    .reservation-right-col .canvas-container {
        width: 500px !important;
    }
}


.tab-content-flor {
    overflow-x: auto;
}

.pos-absolute.t-27 {
    top: 27px;
}



/* Invite guest */

.leave-tabs .nav-line .nav-link.active::after {
    background-color: #1c524d !important;
}

.leave-tabs .nav-link:hover,
.leave-tabs .nav-link.active,
.leave-tabs .nav-link:focus {
    color: #1c524d !important;
}

.leave-tabs .nav-link.active {
    font-weight: 600;
}

.leave-tabs .nav-line .nav-link {
    opacity: 1 !important;
}


/* start working logs ----*/

/* .history-list .h-card > div:hover{
    background: #f1f1f1;
    transition: all 0.2s linear;
} */

.history-list .h-card {
    position: relative;
    padding-bottom: 15px;
}

.history-list .h-card::before {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    left: -20px;
    top: 40%;
    transform: translateY(-50%);
    background-color: var(--dark);
    content: '';
    position: absolute;
}

.history-list .h-card::after {
    width: 1px;
    height: 100%;
    left: -16px;
    background-color: var(--dark);
    content: '';
    position: absolute;
    top: 40%;
}

.history-list .h-card:last-child::after {
    height: 0;
}

/* end working logs --------*/


/* start recipe  modal*/

.recipe-steps .progressbar {
    counter-reset: step;
}

.recipe-steps .progressbar li {
    position: relative;
    list-style: none;
    float: left;
    width: 33.33%;
    text-align: center;
    font-weight: 600;
}

/* Circles */
.recipe-steps .progressbar li::before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    border: 1px solid rgb(228, 228, 228);
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: rgb(228, 228, 228);
    position: relative;
    color: var(--dark);
    z-index: 5;
    line-height: 30px;
}

.recipe-steps .progressbar li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgb(228, 228, 228);
    top: 15px;
    /*half of height Parent (li) */
    left: -50%;
    z-index: 0;
}

.recipe-steps .progressbar li:first-child::after {
    content: none;
}

.recipe-steps .progressbar li.active::before {
    background: var(--dark);
    content: "✔";
    color: #fff !important;
}

.recipe-steps .progressbar li.active+li::after {
    background: var(--dark);
}


.form-switch .form-check-input {
    width: 40px;
    height: 20px;
}

.tx-yellow {
    color: #f5b72e;
}


/* end recipe  modal*/

.tab-active {
    background-color: #1c524d;
    color: #fff;
}

.tab-active:hover,
.tab-active:active {
    color: #fff !important;
    background-color: #1c524d !important;
}


/* strat slack integration tab */

.slack-int-tab .nav-link {
    display: flex;
    border-radius: 0 !important;
    padding: 30px 15px;
    font-weight: 600;
    background-color: #f4f5f8;
    justify-content: start;
    border-right: 1px solid #d8dde7 !important;
    border-top: 0 !important;
    border-left: 0 !important;
}

.slack-int-tab .nav-link.active {
    border-left: 3px solid #1c524d !important;
    border-right: 0 !important;
    background-color: #fafbfc !important;
}

/* .slack-int-tab .nav-tabs{
    border: 0 !important;
} */

.slack-int-tab .nav-tabs.flex-column .nav-item+.nav-item {
    margin-top: 0;
}

.tab-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    opacity: 0.5;
    transform: translateY(-50%);
}

.tab-left-arrow {
    left: 5px;
}

.tab-right-arrow {
    right: 5px;

}

/* end slack integration tab */


/* reservation */

.CollapsCard .upcoming_html {
    /* height: 300px;
    overflow-y: auto;    
    overflow-x: hidden; */
    padding-right: 15px;
    padding-left: 15px;
}

.TableDropdown {
    position: absolute;
    right: 100px;
}

.CollapsCard .content-search {
    width: 95% !important;
    margin: 0 auto;
}


/* shift */

.work-calendar {
    height: calc(100vh - 174px);
}

/* receipe list */

.leave-dropdown .fa-chevron-down {
    opacity: 0.7;
}

.leave-dropdown .dropdown-item:focus {
    color: #000 !important;
    font-size: 14px;
}

.t-search-form input:focus {
    border-color: #f4f5f8 !important;
}

.t-search-form button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.t-search-form .form-control:focus+button,
.t-search-form .form-control:active+button {
    border-color: #f4f5f8 !important;
}

/* dashboard admin message */

.d-msg-card li.media:last-child {
    border-bottom: none !important;
}

.da-card {
    max-height: 400px;
    min-height: 400px;
    overflow-y: auto;
}


/* shift tab */

.slack-int-tab .shift-body {
    height: calc(100vh - 165px);
    overflow: auto;
}


/* reservation tab */

.ResActivetab,
.UpcomingTab {
    height: 100%;
}


/* card border bottom */

.card.order-list-detail .col-lg-12.col-12:last-child {
    border-bottom: none !important;
}

/* ordrers */

.PosProductCard .ProductTotal {
    width: 80%;
    overflow: auto;
}

.kot-row .select2-container,
.kot-row .sp-container {
    z-index: 999 !important;
}

.trash-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 39px;
}


/* genrate AI */
/* 
  .genrateal-btn {
    --border-size: 3px;
    --border-angle: 0turn;
    width: 110px;
       
    height: 30px;
    line-height: 30px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1c524d;
    animation: bg-spin 3s linear infinite;
    background-image: conic-gradient(
        from var(--border-angle),
        #fff,
        #fff 50%,
        #fff
      ),
      conic-gradient(from var(--border-angle), transparent 10%, #1c524d, #3ab795);
    background-size: calc(100% - (var(--border-size) * 1))
        calc(100% - (var(--border-size) * 1)),
      cover;
    background-position: center center;
    background-repeat: no-repeat;
  

  }



  @property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
  }
  


  @keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
  }
   */


/* new one */



/* .ai-btn {
    position: relative;
    color: #1c524d;
    text-decoration: none;
    overflow: hidden;
    font-size: 14px;
    padding: 4px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
}

.ai-btn span:nth-child(1) {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;    
	height: 1px;
	background: linear-gradient(to right, #3ab795, #1c524d);
	animation: animate1 2s linear infinite;
}

@keyframes animate1 {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}

.ai-btn span:nth-child(2) {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 2px;
	background: linear-gradient(to bottom, #3ab795, #1c524d);
	animation: animate2 2s linear infinite;
	animation-delay: 1s;
}
@keyframes animate2 {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(100%);
	}
}

.ai-btn span:nth-child(3) {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to left, #3ab795, #1c524d);
	animation: animate3 2s linear infinite;
}

@keyframes animate3 {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}

.ai-btn span:nth-child(4) {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 2px;
	background: linear-gradient(to top, #3ab795, #1c524d);
	animation: animate4 2s linear infinite;
	animation-delay: 1s;
}

@keyframes animate4 {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(-100%);
	}
} */



/* new one */

/* new two */

.upsale-button {
    position: relative;
    z-index: 0;
    height: 40px;
    overflow: hidden;
    border: none !important;
    padding: 0 !important;
    background: #ffffff !important;
    border-radius: 4px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    transition: .2s all linear;
    text-decoration: initial;

}

.upsale-button span {
    position: relative;
    z-index: 1;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    top: 2px;
    left: 2px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    color: #3ab795;
    background: #ffffff;
    border: 1px solid #ededed;
    font-weight: 500;
}

.upsale-button:after {
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #1c524d 50%, #3ab795 100%);
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 3s linear infinite;
}


@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* new two */





/* Responsvie Media  Query---------------------------------------------- */
@media (max-width:991px) {
    .eventlist-card .order--1 {
        order: -1 !important;
    }

    .eventlist-card .order--2 {
        order: -1 !important;
    }

    .dashboard .box-hover img {
        height: 50px;
    }

    .dashboard .box-hover .card-text {
        font-size: 16px;
    }

    .aside-header {
        background-color: var(--cream);
    }

    .show-aside .aside-header {
        background-color: var(--dark);
    }

    .show-aside .aside-menu-link {
        color: var(--white);
    }

    .SubFoodList .FoodItems {
        min-height: auto;
    }

    .ProductTotal {
        padding-bottom: 100px;
    }

    .ProductToalBottom {
        position: initial;
    }

    .SubFoodList .Childflex {
        width: calc(50% - 10px);
        min-height: auto;
    }

    .PosProductCard {
        height: 100%;
    }

    .mail-content-body {
        top: 130px;
    }

    .ExpCratag .bootstrap-tagsinput .tag {
        margin: 5px;
    }

    .ExperinceSteps .steps-vertical {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

    .ExperinceSteps {
        padding: 10px;
    }

    .ExperinceSteps .step-number {
        width: 30px;
        height: 30px;
    }

    .TicketTab .AdmissionUL {
        gap: 35px;
    }

    .ExperinceSteps .steps-vertical .step-item+.step-item::before {
        background-color: transparent;
    }

    .ExperinceSteps .steps-vertical .step-item+.step-item {
        margin-top: initial;
    }

    .LocationBtn {
        margin: 15px 15px 25px 0;
    }

    .ExperinceSteps .step-title {
        display: none;
    }

    .RessideCard .ResFooter {
        position: initial;
    }

    .RessideCard {
        height: initial;
    }

    .ResCards {
        margin-bottom: 10px;
    }

    .SplitFooter {
        border-radius: 0;
    }

    .SpitItmpg .CheckBox {
        gap: 10px;
    }

    .RessideCard .dropdown-menu {
        left: -90px !important;
        top: 55px !important;
    }

    .RessideCard .dropdown-menu::after {
        top: -14px;
        left: 140px;
        rotate: 90deg;
    }

    .RessideCard .dropdown-menu::before {
        top: -17px;
        left: 134px;
        rotate: 90deg;
    }
}

@media (min-width:991px) {
    .aside-menu-link {
        display: none;
    }

    .ExperinceSteps {
        position: sticky;
        width: auto;
        top: 0;
    }



    .aside-header {
        height: 80px !important;
        padding: 0 20px !important;
    }
}

@media (max-width: 767px) {
    .sales-report .table {
        min-width: 800px;
    }

    .bk-ticket,
    .addnew-exp,
    .exp-status {
        width: 100%;
    }

    .exp-status button {
        width: 100%;
        margin-left: -8px;
    }

    .slack-int-tab .nav.nav-tabs {
        width: 89%;
        flex-direction: row !important;
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow: auto;
        margin: 0 auto;
    }

    .slack-int-tab .nav-link {
        padding: 30px 10px;
    }
}

@media (max-width: 575px) {
    .SpitItmpg .SpitTotalitem {
        width: initial;
    }

}

/* start add employe modal */

.invisible-checkboxes {
    display: flex;
}

.checkbox-alias {
    background-color: #dadada;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    z-index: 1;
    position: relative;
    transition: all 250ms ease-out;
    cursor: pointer;
    border-radius: 50%;
    color: #000;
    line-height: 45px;
}

.invisible-checkboxes input[type=checkbox] {
    display: none;

}

.invisible-checkboxes input[type=checkbox]:checked+.checkbox-alias {
    background-color: #1c524d;
    color: #fff;
}

/* End add employe modal */



.modal-shift {
    border: 1px solid var(--gray-light);
    /* background-color: #fbfbfb; */
    border-radius: 5px;
}

.modal-shift p {
    margin-bottom: 2px;
}

@media only screen and (min-width: 360px) and (max-width: 770px) {
    .shift-menu {
        border-radius: 5px;
        padding: 5px 25px;
        background-color: var(--black-light);
        color: var(--white);
    }
}


.shift-menu {
    border-radius: 5px;
    padding: 5px 40px;
    background-color: #4b4b4b;
    color: var(--white);
}

.shift-menu:hover {
    border-radius: 5px;
    padding: 5px 40px;
    background-color: var(--dark);
    color: var(--white);
    cursor: pointer;

}

.shift-menu img {
    height: 20px;
    width: 20px;
}

.shift-menu img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/* Date & Time Picker */

.bootstrap-datetimepicker-widget.dropdown-menu {
    /* border: 1px solid #34495e; */
    border-radius: 0;
    box-shadow: none;
    margin: 10px 0 0 0;
    padding: 0;
    min-width: 300px;
    max-width: 100%;
    width: auto;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    display: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu table td,
.bootstrap-datetimepicker-widget.dropdown-menu table th {
    border-radius: 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu table td.old,
.bootstrap-datetimepicker-widget.dropdown-menu table td.new {
    color: #bbb;
}

.bootstrap-datetimepicker-widget.dropdown-menu table td.today:before {
    border-bottom-color: #0095ff;
}

.bootstrap-datetimepicker-widget.dropdown-menu table td.active,
.bootstrap-datetimepicker-widget.dropdown-menu table td.active:hover,
.bootstrap-datetimepicker-widget.dropdown-menu table td span.active {
    background-color: #0095ff;
    text-shadow: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu table td.active.today:before,
.bootstrap-datetimepicker-widget.dropdown-menu table td.active:hover.today:before,
.bootstrap-datetimepicker-widget.dropdown-menu table td span.active.today:before {
    border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget.dropdown-menu table th {
    height: 40px;
    padding: 0;
    width: 40px;
}

.bootstrap-datetimepicker-widget.dropdown-menu table th.picker-switch {
    width: auto;
}

.bootstrap-datetimepicker-widget.dropdown-menu table tr:first-of-type th {
    border-bottom: 1px solid #34495e;
}

.bootstrap-datetimepicker-widget.dropdown-menu table td.day {
    height: 32px;
    line-height: 32px;
    padding: 0;
    width: auto;
}

.bootstrap-datetimepicker-widget.dropdown-menu table td span {
    border-radius: 0;
    height: 77px;
    line-height: 77px;
    margin: 0;
    width: 25%;
}

.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-months tbody tr td,
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-years tbody tr td,
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td {
    padding: 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td span {
    display: block;
    float: left;
    width: 50%;
    height: 46px;
    line-height: 46px !important;
    padding: 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td span:not(.decade) {
    display: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td {
    padding: 0;
    width: 30%;
    height: 20px;
    line-height: 20px;
}

.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td:nth-child(2) {
    width: 10%;
}

.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td a,
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td span,
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button {
    border: none;
    border-radius: 0;
    height: 56px;
    line-height: 56px;
    padding: 0;
    width: 100%;
}

.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td span {
    color: #333;
    margin-top: -1px;
}

.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button {
    background-color: #fff;
    color: #333;
    font-weight: bold;
    font-size: 1.2em;
}

.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button:hover {
    background-color: #eee;
}

.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td {
    border-top: 1px solid #34495e;
}

.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td a,
.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td span {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0;
    width: 100%;
}


.clock-position {
    position: absolute;
    top: 13px;
    right: 11px
}

.clock-position:hover {
    position: absolute;
    top: 13px;
    right: 11px;
    cursor: pointer;
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.input-group {
    position: relative;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.shift-time .input-group {
    position: relative;
    display: inline-block;
    align-items: stretch;
    width: 100%;
}


/* Date & Timepicker End */

.approve-hours {
    font-weight: 700;
    font-size: 17px;
}

.appovetime {
    color: var(--bg-lightgreen);
    font-size: 14px;
    font-weight: 400;
}

.reserve-usericon {
    height: 40px;
    width: 40px;
    line-height: 32px;
    border-radius: 50%;
    background-color: var(--dark);
    color: var(--white);
    text-align: center;
    position: relative;
}

.reserve-content h6 {
    font-weight: 600;
    margin-bottom: 0px;
}

.reserve-content p {
    font-size: 14px;
    margin-bottom: -1px;
}

.read-inputtags {
    border: 1px solid #97a3b9;
    border-radius: 0.25rem;
    padding: 5px;
}

.read-inputtags p {
    line-height: 20px;
}

.min-navh {
    min-height: 585px;
}

.col-minh {
    min-height: 585px;
    border-right: 1px solid #97a3b9;
}

.role-guest .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--black) !important;
    background-color: #efeff5;
}

.role-guest .nav-link {
    display: block;
    padding: 9px 9px;
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--black);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.role-guest .nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: none;
    border-bottom: 0.55px solid #97a3b9;

}

.guest-name {
    margin-bottom: -6px;
}

.bg-gray-150 {
    background-color: var(--dark);
    color: var(--white)
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    margin-bottom: 7px;
}

#discussion-sort .search-form .form-control:focus+button,
#discussion-sort .search-form .form-control:active+button {
    border-color: #e2e5ed;
}

#discussion-sort .search-form .form-control:focus,
#discussion-sort .search-form .form-control:active {
    border-color: #e2e5ed;
    box-shadow: none !important;
}


/* employe month */

/* tr:nth-child(1) td.fc-event-container .fc-day-grid-event {
    background-color: transparent !important;
    padding: 0;
    border-color: transparent !important;
} */

/* tr:nth-child(1) td.fc-event-container .fc-day-grid-event .fc-title {
    color: #000;
} */

/* tr:nth-child(2) td.fc-event-container .fc-day-grid-event {
    background-color: #3ab795 !important;
    padding: 3px;
} */

/* tr:nth-child(2) td.fc-event-container .fc-day-grid-event .fc-title {
    color: #fff !important;
} */

.fc-day-top.fc-thu.fc-today .fc-day-number {
    background-color: #1c524d !important;
}

.calendar-content-body .fc-toolbar .fc-center h2 {
    color: #000;
}


/* event invoices */

.event-invoices {
    gap: 10px;
}

.event-invoices .items {
    width: 33.33%;
}

.eventinadd td .numbersOnly {
    margin-left: auto !important;
}

/* evnent packages */


.inquiry-package-list .dropdown-item:hover,
.inquiry-package-list .dropdown-item:active,
.inquiry-package-list .dropdown-item:focus {
    color: #000 !important;
}


/* help desk */

.all-ticket-icon {
    background-color: #0017371f;
}

.active-ticket-icon {
    background-color: #0c884229;
}

.resolved-ticket-icon {
    background-color: #6f3ef326;
}

.closed-ticket-icon {
    background-color: #dc354530;
}

.modal-dialog .select2-container {
    width: 100% !important;
}

/* .modal-dialog #map div{
    position: relative !important;
    overflow:unset  !important;
}
.modal-dialog #map div{
    position: relative !important;
    overflow:unset  !important;
} */



@media only screen and (min-width: 360px) and (max-width: 915px) {
    .min-navh {
        min-height: 610px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 915px) {
    .col-minh {
        min-height: auto;
    }
}