.cobaltfeaturesbdy .dropdown-menu .Active-Menu-Selected-Item {background: #2A4E7D !important;color: #fff;}
.nav-link.Active-Menu {border-bottom: solid 2px #2A4E7D !important;}
.cd-none{display:none !important;}
.cd-block{display:block !important;}
@media(max-width:1024px){
	.cd-none1024{display:none !important;}
	.cd-block1024{display:block !important;}
}

div#successMsgModal .logo {width:145px;}

@supports (-webkit-touch-callout: none) {
.datepicker.datepicker-dropdown{left: 20px !important;}
.tableList .table.dataTable {width: 100% !important;}

}
.insta-wrapper .instalink-content .instalink-header img {

    width: 120px !important;

}

/********iPhone XS********/


/********iPhone 13********/
@media only screen and (max-width:700px) {
	
.dining-booking .form-control{min-width: 285px;}
.col-lg-12.dining-fields-container{min-width: 305px;}
.mobileCenter {text-align: left!important;}
.restaurant-details-section label.banner-text-bold{ color:#000}
.card.collapsed {width: 356px;margin-left: -60px;}
.tableList .table.dataTable {width: 100% !important;}
.dining-booking .search-field{margin-bottom:20px;margin-left: 80px;}
.col-lg-3.col-md-3.resturant-title-section:before {
    content: "" !important;
    transform: rotate(90deg);
    font-size: 25px;
    position: absolute;
    top: 20px;
    vertical-align: middle;
    color: #2A4E7D;
    right: -14px;
    background: url(../images/arrow-next.png);
    width: 35px;
    height: 35px;
    display: inline-block;
    background-repeat: no-repeat;
    }

.col-lg-3.col-md-3.resturant-title-section.expand:before {
    content: "" !important;
    transform: rotate(-90deg);
    font-size: 25px;
    position: absolute;
    top: 10px;
    right: -28px;
    vertical-align: middle;
    color: #2A4E7D;
    background: url(../images/arrow-next.png);
    width: 35px;
    height: 35px;
    display: inline-block;
    background-repeat: no-repeat;
    }
.tableList .table tr td {padding: 7px 5px !important;}
.tableList .table th {padding: 9px 4px;}
.payment-Summary-Wrap .btns { position: relative;left: 25%;}
.CCardBlock, .netBanking-wrap {height: auto !important;}
.PayFromDetails-wrap {width: 100% !important;}
.payment-Summary-Wrap .btns {position: relative;left: 35%;}
.cobaltfeaturesbdy .btn.primary, .cobaltfeaturesbdy .btn.outline {padding: 3px 16px !important;}
.tableList .table tr td:nth-child(2){ color:#1d7fcc}
}


@media only screen and (max-width: 600px) {
.dining-booking .form-control{}
.col-lg-12.dining-fields-container{display: table-cell;max-width: 600px;}
.dining-booking input, .dining-booking select{box-shadow: none;}
.dining-booking .dining-fields{ height: 150px;display: block;}
.dining-RestaurantTime{min-width:110px}
.datepicker.datepicker-dropdown{ width:355px;}
.toggled .nav-side-menu .brand img.logo {width: 106px;}
.editform .phoneNumbers .form-group {width: 90%;min-width: 166px;}
.bookTeeSlots-holder .open, .bookTeeSlots-holder .memberName { width: 90px;}
.bookTeetime .next, .bookTeetime .prev {top: -8px;}
.bookTeetime .prev {top: 34px;right: 10px;}
.bookTeetime .next {left: 15px;}
.bookTeetime .date-timeline {width: 74%;margin-left: 16px;}
.diningEvent-section{ width:100%}
.modal-content .logo {width: 23%;}

}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 720px) 
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: portrait) {

}

@media only screen and (min-height: 812px) and (orientation: portrait)
{ 
    .dining-RestaurantTime {min-width: 100px;}
	
}
   
/* COBALT-55774-Pacesetter- START */
@supports (-webkit-touch-callout: none) {
.datepicker.datepicker-dropdown{left: 20px !important;}
.tableList .table.dataTable {width: 100% !important;}
}
.hiddenrecipt-mobile{display:none;}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
	.tableWrap .tableList {margin-top: -23px;border: 1px solid #000;}
.scrollWrap { padding: 19px 8px;}
.receiptemoDetails .table td:nth-child(1){width: 150px;}
.receiptemoDetails .table tr td{padding:6px;}
.taxes .table tr td{padding:6px;}
.scroll.scrollWrap .table span{ font-size:13px;}
.receipttableDetails .taxes td{ font-size:14px;}
.grandTotal .amt{ font-weight:600;}
.scroll.scrollWrap .table tr td{padding:6px;}
.scrollWrap	.amt{ text-align:right;}
.receiptitemsDetails .slimScrollDiv{position: relative;overflow-y: auto;height: calc(100vh - 400px);}
.calender_header .changeMonthYear{position: relative;left: -20%;top: 65px;}
.calenderEvents .fc-toolbar.fc-header-toolbar {margin-top: -43px !important;}
.pageWrap.SavedPayment-DetailsWrap h5{ margin-left:-10px;}
.SavedPayment-DetailsWrap button.close{right: 38px;}
.paymentpopup-content .savedpayment-col{padding: 0px;}
.paymentpopup-content .savedpayment-col .col-md-2{width: 70px;}
.paymentpopup-content .savedpayment-col .col-md-10 {width: 80%;}
.paymentpopup-content .savedpayment-col .col-md-10 .totalPayment {right: 0px;}
 .paymentpopup-content .savedpayment-col .icon-bill{ width:40px;height:40px;}
.col-md-1.delete-holder {float: right;width: 20px;}	
.CCardBlock .col-md-11 {width: 86%;}
.pageWrap.SavedPayment-DetailsWrap, .pageWrap.payment-DetailsWrap{ padding:10px;}
.payment-Summary, .paymentpopup-content, .paypopup-content{ padding:0px}
.courseAvailableTimeslot{margin-top:0px;width: 414px;}
	
}
/********iPhone 13********/

@media (max-width:700px) {

.tableWrap .tableList {margin-top: -23px;}
.scrollWrap { padding: 19px 8px;}
.receiptemoDetails .table td:nth-child(1){width: 150px;}
.receiptemoDetails .table tr td{padding:6px;}
.taxes .table tr td{padding:6px;}
.scroll.scrollWrap .table span{ font-size:13px;}
.receipttableDetails .taxes td{ font-size:14px;}
.grandTotal .amt{ font-weight:600;}
.scroll.scrollWrap .table tr td{padding:6px;}
.scrollWrap	.amt{ text-align:right;}
.receiptitemsDetails .slimScrollDiv{position: relative;overflow-y: auto;height: calc(100vh - 400px);}
.calender_header .changeMonthYear{position: relative;left: -20%;top: 65px;}
.calenderEvents .fc-toolbar.fc-header-toolbar {margin-top: -43px !important;}
.pageWrap.SavedPayment-DetailsWrap h5{ margin-left:-10px;}
.SavedPayment-DetailsWrap button.close{right: 38px;}
.paymentpopup-content .savedpayment-col{padding: 0px;}
.paymentpopup-content .savedpayment-col .col-md-2{width: 70px;}
.paymentpopup-content .savedpayment-col .col-md-10 {width: 80%;}
.paymentpopup-content .savedpayment-col .col-md-10 .totalPayment {right: 0px;}
 .paymentpopup-content .savedpayment-col .icon-bill{ width:40px;height:40px;}
.col-md-1.delete-holder {float: right;width: 20px;}	
.CCardBlock .col-md-11 {width: 86%;}
.pageWrap.SavedPayment-DetailsWrap, .pageWrap.payment-DetailsWrap{ padding:10px;}
.payment-Summary, .paymentpopup-content, .paypopup-content{ padding:0px}
.courseAvailableTimeslot{margin-top:0px;width: 414px;}
.dining-RestaurantTime{ margin-right:2px;}
.dining-RestaurantTime h3 { font-size:16px; }
img.restaurantImagecls{ display:none}
.modal-open .modal { overflow: auto;}
.modal-dialog {height:auto;}
.modal-dialog.popupMini{ position:relative;left:40px;}
.paypopup-wrap h5.font-weight-bold.modal-title.col-11.text-warning.text-left{font-size:18px;position: relative;left: -35px;}
.paypopup-wrap h5{ margin-left:14px;}
.dining-booking .form-control{min-width: 285px;}
.col-lg-12.dining-fields-container{min-width: 305px;}
.mobileCenter {text-align: left!important;}
.restaurant-details-section label.banner-text-bold{ color:#000}
.card.collapsed {width: 356px;margin-left: -60px;}
.tableList .table.dataTable {width: 100% !important;}
.dining-booking .search-field{margin-bottom:20px;margin-left: 80px;}
.tableWrap .table.dataTable.no-footer td:nth-child(2){color: #2196F3; font-weight:600 }
.tableWrap .table.dataTable .stment-receipt{color: #2196F3; font-weight:600 }
.col-lg-3.col-md-3.resturant-title-section:before {content: "" !important;transform: rotate(90deg);font-size: 25px;position: absolute;top: 20px;vertical-align: middle;color: #2A4E7D; right: -14px; background: url(../images/arrow-next.png);    width: 35px;    height: 35px;    display: inline-block;    background-repeat: no-repeat;    }
.col-lg-3.col-md-3.resturant-title-section.expand:before { content: "" !important; transform: rotate(-90deg); font-size: 25px;position: absolute; top: 10px; right: -28px; vertical-align: middle; color: #2A4E7D; background: url(../images/arrow-next.png);    width: 35px;    height: 35px;    display: inline-block;    background-repeat: no-repeat;    }
.tableList .table tr td {padding: 7px 5px !important;font-size: 14px;}
.tableList .table tr td:nth-child(4){ text-align:right;}
.tableList .table thead th:nth-child(4){text-align:right;}
.tableList .table th {padding: 9px 4px;}
.payment-Summary-Wrap .btns { position: relative;left: 25%;}
.CCardBlock, .netBanking-wrap {height: auto !important;}
.PayFromDetails-wrap {width: 100% !important;}
.payment-Summary-Wrap .btns {position: relative;left: 35%;}
.cobaltfeaturesbdy .btn.primary, .cobaltfeaturesbdy .btn.outline {padding: 3px 16px !important;}
.fc-row.fc-week.fc-widget-content td{width: 50px;display: table-cell;/* border: 1px solid #F44336; */}
.fc-view-container td.fc-event-container {width: 101px;height: 45px;}
.fc-view-container td.fc-event-container {height: 38px;}
.fc-row.fc-week.fc-widget-content {}
.fc-event-container .fc-event .fc-content{ padding-left:0px;}
.calenderWrap.calenderEvents .container{padding-left: 10px;padding-right: 10px;}
.calenderWrap.calenderEvents .fc-time {white-space: nowrap;font-size: 11px;}
.fc-day-grid-event .fc-content {white-space: normal;}
.fc-day-grid-event .fc-content .fc-title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 41px;display: block;font-size: 10px;}
#calendar .fc-view.fc-month-view.fc-basic-view {padding: 15px 6px 15px 0px;}
td.fc-event-container a {padding: 2px 4px !important;}
#calendar .fc-view.fc-month-view.fc-basic-view .fc-day {box-shadow: inset 0px 0px 2px #9a9a9a;border: solid 1px #f8f8f8;border-radius: 8px;}
th.fc-day-header.fc-widget-header.fc-sun.fc-past a {font-size: 14px;font-weight: 600 !important;}

}

@media (max-width: 600px) {
.dining-booking .form-control{}
.col-lg-12.dining-fields-container{display: table-cell;max-width: 600px;}
.dining-booking input, .dining-booking select{box-shadow: none;}
.dining-booking .dining-fields{ height: 150px;display: block;}
.dining-RestaurantTime{min-width:110px}
.datepicker.datepicker-dropdown{ width:355px;}
.toggled .nav-side-menu .brand img.logo {width: 106px;}
.editform .phoneNumbers .form-group {width: 90%;min-width: 166px;}
.bookTeeSlots-holder .open, .bookTeeSlots-holder .memberName { width: 90px;}
.bookTeetime .next, .bookTeetime .prev {top: -8px;}
.bookTeetime .prev {top: 34px;right: 10px;}
.bookTeetime .next {left: 15px;}
.bookTeetime .date-timeline {width: 74%;margin-left: 16px;}
.diningEvent-section{ width:100%}
.modal-content .logo {width: 23%;}
.statementsDiv.tableWrap .container .tableDetails .emoDetails {
    padding: 0px;
    background: transparent;
    border: none;
    position: relative;
    right: 23px;
    width: 382px;
}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 720px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
.tableWrap .tableList {margin-top: -23px;}
.tableWrap {padding-bottom: 0px !important;}
.tableWrap .tableFooter{ margin-bottom:0px;}
.scrollWrap { padding: 19px 8px;}
.receiptemoDetails .table td:nth-child(1){width: 150px;}
.receiptemoDetails .table tr td{padding:6px;}
.taxes .table tr td{padding:6px;}
.scroll.scrollWrap .table span{ font-size:13px;}
.receipttableDetails .taxes td{ font-size:14px;}
.grandTotal .amt{ font-weight:600;}
.scroll.scrollWrap .table tr td{padding:6px;}
.scrollWrap	.amt{ text-align:right;}
.receiptitemsDetails .slimScrollDiv{position: relative !important;overflow-y:auto!important;height: calc(100vh - 400px)!important;}
.receiptitemsDetails .scroll.scrollWrap {overflow-y:auto!important;height: calc(100vh - 400px)!important;}
.calender_header .changeMonthYear{position: relative;left: -20%;top: 65px;}
.calenderEvents .fc-toolbar.fc-header-toolbar {margin-top: -43px !important;}
.pageWrap.SavedPayment-DetailsWrap h5{ margin-left:-10px;}
.SavedPayment-DetailsWrap button.close{right: 38px;}
.paymentpopup-content .savedpayment-col{padding: 0px;}
.paymentpopup-content .savedpayment-col .col-md-2{width: 70px;}
.paymentpopup-content .savedpayment-col .col-md-10 {width: 100%;}
.paymentpopup-content .savedpayment-col .col-md-10 .totalPayment {right: 0px;}
 .paymentpopup-content .savedpayment-col .icon-bill{ width:40px;height:40px;}
.col-md-1.delete-holder {float: right;width: 20px;left: 0px;top: 0px;}	
.netBanking-wrap .col-md-1 {float: right;width: 20px;left: 0px;top: 0px;}
.CCardBlock .col-md-11, .netBanking-wrap .col-md-11 {width: 85%;}
.pageWrap.SavedPayment-DetailsWrap, .pageWrap.payment-DetailsWrap{ padding:10px;}
.payment-Summary, .paymentpopup-content, .paypopup-content{ padding:0px}
.courseAvailableTimeslot{margin-top:0px;width: 414px;}
.dataTables_wrapper .dt-buttons{ display:none;}
.payment-Summary .totalPayment p span, .paymentpopup-content .totalPayment p span, .paypopup-content .totalPayment p span, .PaymentSentNotification .totalPayment {font-size: 20px;}
.paypopup-content .netBanking-wrap {margin-bottom: 0px;margin-top: 0px;}
.AutoPaymentDetailsSection .payNotification .icon-dollar{margin-top: -7px;}
.paypopup-wrap .modal-footer .btns {display: flex;margin-left:auto;margin-right:auto;}	
.receiptitemsDetails .slimScrollBar, .receiptitemsDetails .slimScrollRail{ display:none !important;}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {float: left;padding-left: 11px;}
td.fc-event-container a {padding: 2px 4px !important;}
#calendar .fc-view.fc-month-view.fc-basic-view .fc-day {box-shadow: inset 0px 0px 2px #9a9a9a;border: solid 1px #f8f8f8;border-radius: 8px;}
th.fc-day-header.fc-widget-header.fc-sun.fc-past a {font-size: 14px;font-weight: 600 !important;}
.statementsDiv.tableWrap .container .tableDetails .emoDetails {
    padding: 0px;
    background: transparent;
    border: none;
    position: relative;
    right: 23px;
    width: 382px;
}
}

/* COBALT-55774-Pacesetter- END */
/*COBALT-88482-Guest/Kids Changes-START*/
.addBuddyModalEvents input[type="checkbox"] { position: relative;width: 26px;height: 26px;padding: 10px;box-shadow: none;border: none;
    z-index: 1;top: 8px;right: -16px;-webkit-appearance: none;box-sizing: border-box;background-color: #2a4e7d;border-radius: 3px;cursor: pointer;
}
.addBuddyModalEvents input[type="checkbox"]:after {content: "";position: absolute;top: 0;left: 0;width: 26px;height: 26px;z-index: 10;border-radius: 2px;}
.addBuddyModalEvents input[type="checkbox"]:checked:after {background: #2a4e7d;content: "\2714";text-align: center;font-size: 17px;color: #fff;-webkit-appearance: none;}
.addBuddyModalEvents .customCheckbox {background: #fff;color: #2a4e7d;border-radius: 42px;border: 1px solid #2a4e7d;min-width: 200px;width:auto;height: 45px;margin-left: 20%;}
.addBuddyModalEvents .customCheckbox span{ margin-left:20px}
/*COBALT-88482-Guest/Kids Changes-END */
/*PR-2453-[Ticket 3719] Member Directory-START */
#memebrDirectoryContainer .headers {background: #2a4e7d !important;}
/*PR-2453-[Ticket 3719] Member Directory-END */