@charset "utf-8";
/* CSS Document */
.padd-15 { padding: 15px; }
.margin-20-tb { margin: 20px 0; }
.mrg-t { padding-top: 8% !important; }
.paddingInline { padding: 1.5rem 1.5rem; }
.dashboardQuickView .box.p-a { margin-bottom: 15px !important; }
/** Login page **/
.primary { background-color: #e81863 !important; }
.md-input.focus, .md-input:focus { border-color: #e81863 !important; }
 .md-input:focus ~ label, .md-input:valid ~ label {
 color: #e81863 !important;
}
.logo-login { margin-bottom: 30px; }
.logo-login img { max-width: 230px; }
.login-bg-main { background: url(../../images/login-bg.jpg) no-repeat; background-size: cover; display: block; background-attachment: fixed; height: 100vh; }
.dashboard-tsheet { background: #fff; }
.blue-c { color: #e81863 !important; }
.blue-cb { background: #e81863; color: #fff; text-decoration: none; padding: 4px 7px; font-size: 13px; border-radius: 3px; }
.blue-cb:hover { background: #e81863; color: #fff; opcaity: 0.8; }
.b-b { border: 0 !important; }
.main-page-heading h3 { padding: 15px 0; font-size: 26px; text-transform: uppercase; }
.tsheet-tabs .nav-tabs { /*border-top: 1px solid #eee; border-bottom: 1px solid #eee;*/ border: 1px solid #eee; }
.tsheet-tabs .nav-tabs li { width: 25%; margin: 0 !important; }
.tsheet-tabs .nav-tabs li a { background: #fafafa !important; padding: 25px 15px; border-radius: 0; border: 0px solid #eee !important; }
.tsheet-tabs .nav-tabs li a.active { background: #fff !important; }
.tsheet-tabs .nav-tabs li a p:first-child { color: #999; font-size: 36px !important; text-transform: uppercase }
.tsheet-tabs .nav-tabs li a p { color: #999; font-size: 20px; text-transform: uppercase; margin: 0; line-height: 32px; }
.tsheet-tabs .nav-tabs li a.active p, .tsheet-tabs .nav-tabs li a.active p:first-child { color: #e81863; }
.members-add { list-style: none; padding: 0 }
.members-add li { float: left; background: #ccc; color: #fff; padding: 5px 8px; border-radius: 3px; margin: 4px 4px 4px 0 }
.members-add li:hover { background: #e81863; color: #fff; }
.members-add li.add-btn { background: #e81863; color: #fff; }
.save-btn { background: #e81863; padding: 5px; font-size: 16px; color: #fff; border-radius: 3px; }
.cancel-btn { background: #999; padding: 5px; font-size: 16px; color: #fff; border-radius: 3px; }
.save-btn:hover, .cancel-btn:hover { color: #fff; opacity: 0.9; }
.ts-action-btn { padding-top: 8px; }
.form-group-inline .form-control-label { padding-top: 0px !important; padding-bottom: 0px !important; }
/*#selectionDepHidden { display: none; }*/
[v-cloak] { display: none; }
/** Profile css **/
.details-section { background: #fff; padding: 25px; }
.detail-content { padding: 30px 0 10px 0; }
.detail-content h3 { font-size: 24px; font-weight: bold; color: #666 }
.detail-content p { font-size: 16px; color: #666; }
.image-thumb { }
.profile-details { background: #fff; }
.profile-content { padding: 0px 20px 60px 20px; }
.edit-btn { padding: 30px 25px; border-bottom: 1px solid #e1e1e1; background: #fff; text-align: right; }
.heading-inner h3 { border-bottom: 1px solid #eee; font-size: 24px; margin: 30px 0; padding-bottom: 10px; color: #666; font-weight: bold; }
.margin-20-tb label { color: #000; font-size: 14px; font-weight: normal; }
.margin-20-tb span { font-size: 18px; color: #999; }
/** Segments css **/
.inner-header { background: #f8f8f8; padding: 15px 0; }
.sec-style { padding: 15px 0; }
.sec-style h3 { color: #e81863; font-size: 20px; margin: 0; }
.sec-style p { margin: 0; }
.search-box { position: relative; }
.search-btn { position: absolute; right: 10px; background: 0 none; font-size: 18px; border: 0; top: -5px; }
.btn-def { background: #e81863; border: 0 none; border-radius: 3px; color: #fff; padding: 8px; }
a.btn-def { color: #fff !important; }
.search-bar { min-width: 300px; background: #fff; border: 1px solid #eee; border-radius: 3px; color: #333; padding: 8px; margin: 0 6px 0 0; }
.del-icon { color: #999; font-size: 20px; }
.del-icon:hover { color: #666; }
/** Rewards Listing **/
.reward-style { background: #eee; text-align: center; border-radius: 4px; min-width: 75px; }
/** Notification listing **/
.if-sent { color: #f44336 !important; }
.if-not-sent { color: #666 !important; }
.green-cal { color: #e81863; font-size: 16px; }
.green-cb { background: #e81863; color: #fff; text-decoration: none; padding: 4px 7px; font-size: 13px; border-radius: 3px; }
/** reservation screen **/
.tsheet-tabs-reser .nav-tabs { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.tsheet-tabs-reser .nav-tabs li { width: 22.5%; margin: 0 !important; }
.tsheet-tabs-reser .nav-tabs li a { background: #fafafa !important; padding: 25px 15px; border-radius: 0; border: 0 !important; border-right: 2px solid #eee !important; }
.tsheet-tabs-reser .nav-tabs li a.dateCloseIcon { background: #fff !important; }
.tsheet-tabs-reser .nav-tabs li a.active { background: #fff !important; }
.tsheet-tabs-reser .nav-tabs li a p:first-child { color: #999; font-size: 30px; text-transform: uppercase }
.tsheet-tabs-reser .nav-tabs li a p { color: #999; font-size: 20px; text-transform: uppercase; margin: 0; line-height: 32px; }
.tsheet-tabs-reser .nav-tabs li a.active p, .tsheet-tabs-reser .nav-tabs li a.active p:first-child { color: #e81863; }
.calender-more-li a p { font-size: 20px !important; }
.tsheet-tabs-reser .nav-tabs li:last-child { width: 10% !important; }
.booked-list { padding: 40px 0 20px 0; overflow: hidden; }
.booked-list ul { list-style: none; padding: 0; overflow: hidden; }
.booked-list ul li { float: left; width: 18%; margin: 20px 1%; }
.booking-box { background: #f8f8f8; border-radius: 4px; overflow: hidden; border: 1px solid #eee; margin-bottom: 25px; }
.booking-box h3 { background: #f0f0f0; min-height: 55px; margin: 0; line-height: 55px; color: #2e3e4e; font-size: 28px; }
.booking-box p { padding: 12px; color: #949494; margin: 0; }
.booking-box a { background: #e81863; padding: 10px 0; font-size: 18px; text-transform: uppercase; color: #fff; border-radius: 4px; display: block }
.booking-box .booked { background: #949494 !important; padding: 10px 0; font-size: 18px; text-transform: uppercase; color: #fff; display: block }
.tags-container { border: 1px solid #ccc; padding: 20px 10px; border-radius: 4px; }
.tags-container .members-add { overflow: hidden; margin-bottom: 0; }
.modal-body.borderBottom { border-bottom: 1px solid #e5e5e5; }
/** SHOP **/
.shop-main { }
.parent-category-box { background: #fff; padding: 20px 20px 5px 20px; }
.parent-category-box .media-heading { text-transform: uppercase; }
.parent-category-box .media-left img { width: 53px !important; }
#shop-carousel .active-item { border-bottom: 3px solid #e81863; }
.add-category-btn { background: #fff; padding: 15px; font-size: 20px; color: #ccc; }
/** sidebar **/
.main-padd { padding: 40px 0; }
.menu-sidebar { background: #fff; }
.sidebar-heading { padding: 24px 10px; background: #fafafa; border-bottom: 1px solid #eee; }
.sidebar-heading h3 { font-size: 20px; margin: 0; }
.menu-list ul { list-style: none; padding: 0; overflow: hidden; margin: 0; }
.menu-list ul li { padding: 12px 0; overflow: hidden; width: 100%; }
.menu-list ul li:hover, .menu-list ul li.active-menu { background: #fcfcfc; }
.menu-list ul li a { display: inline-block; color: #7f919e; font-size: 16px; }
.menu-list ul li a:hover, .menu-list ul li.active-menu a { color: #e81863; }
.menu-list ul li span { display: inline; padding: 12px; }
/** Beacon sccreen **/
.beacon-configure { background: #fff; padding: 30px; }
/** easy autocomplete **/
.easy-autocomplete { width: 100% !important; }
.autocomplete-input { border: 0px !important; outline: none !important; }
.easy-autocomplete input { border-color: rgba(120, 130, 140, 0.2) !important; border-radius: 0 !important; }
.min-height-names { min-height: 148px; }
.min-height-names span { display: block; text-align: center; }
.timeSlots3 { height: 300px; }
/** Notifications screen **/
.notificationSent { text-transform: uppercase; color: #66BB6A; }
.notificationSchedule { text-transform: uppercase; color: #e81863; }
/** easy-autocomplete.css override **/
.easy-autocomplete-container { z-index: 99; }
.easy-autocomplete-container ul li { margin: 0 !important; padding: 2px 5px 2px 5px !important; }
.easy-autocomplete-container ul { margin: 0 !important; padding: 2px 5px 2px 5px !important; list-style: none; }
/** easy-autocomplete.css override **/
/** notifications create screen **/
.notificationsCreateSec { background: #fff; padding: 20px; }
.hide-replaced.ws-inputreplace { display: none !important; }
.input-picker .picker-list td>button.othermonth { color: #888888; background: #fff; }
.ws-inline-picker.ws-size-2, .ws-inline-picker.ws-size-4 { width: 49.6154em; }
.ws-size-4 .ws-index-0, .ws-size-4 .ws-index-1 { border-bottom: 0.07692em solid #eee; padding-bottom: 1em; margin-bottom: 0.5em; }
.picker-list.ws-index-2, .picker-list.ws-index-3 { margin-top: 3.5em; }
div.ws-invalid input { border-color: #c88; }
.ws-invalid label { color: #933; }
div.ws-success input { border-color: #8c8; }
form { /*margin: 10px auto;*/ /*width: 700px;*/ /*min-width: 49.6154em;*/ /*border: 1px solid #000;*/
	/*padding: 10px;*/
	
}
.form-row { padding: 5px 10px; margin: 5px 0; }
label { display: block; margin: 3px 0; }
.form-row input { width: 220px; padding: 3px 1px; border: 1px solid #ccc; box-shadow: none; }
.form-row input[type="checkbox"] { width: 15px; }
.date-display { display: inline-block; min-width: 200px; padding: 5px; border: 1px solid #ccc; min-height: 1em; }
.show-inputbtns .input-buttons { display: inline-block; }
/** notifications create screen **/
/** profile/setting screen **/
.profileImg { width: 250px; }
.profile-create { border: none; }
/** profile/setting screen **/
/** segments create screen **/
.inlineFormPadding { padding: 15px 0px 0px 0px; }
.padding-small { padding: 15px 0px 0px 0px; }
.bg-white { background: #fff; }
.padding-none { padding: 0px !important; }
.chat-shadow { border: 1px solid #e6e6e6; -webkit-box-shadow: 0px 0px 20px 2px #cecdcd; -moz-box-shadow: 0px 0px 20px 2px #cecdcd; -o-box-shadow: 0px 0px 20px 2px #cecdcd; box-shadow: 0px 0px 20px 2px #cecdcd; }
/** segments create screen **/
/** social profile connect **/
.socialMediaConnect { margin: 20px 0 20px 0; display: inline-block; }
.socialMediaConnect li { list-style: none; float: left; text-align: left; }
.socialMediaConnect li.facebook a { background: #3B5998; text-decoration: none; color: #fff; text-transform: uppercase; }
.socialMediaConnect li a i { width: 60px; height: 68px; text-align: center;/*line-height: 38px;*/ }
.socialMediaConnect li.twitter a { background: #0084b4; text-decoration: none; color: #fff; text-transform: uppercase; }
.socialMediaConnect li.instagram a { background: #fb3958; text-decoration: none; color: #fff; text-transform: uppercase; }
.socialMediaConnect li.instagram a, .socialMediaConnect li.twitter a, .socialMediaConnect li.facebook a { display: inline-block; margin: 10px; width: 200px; height: 48px; line-height: 48px; }
.socialMediaConnect li:hover { opacity: 0.8; }
.resturant-box { }
.resturant-box.parent-category-box .media-left { width: 100% !important; float: left; padding: 0px; }
.resturant-box.parent-category-box .media-left img { width: 53px !important; max-width: 100%; }
.resturant-box.parent-category-box .media-heading { font-weight: 400; }
.w-53 { width: 53px; height: auto; line-height: 53px; display: inline-block; text-align: center; }
.resturant-box .text-muted { display: inline-block; }
.resturant-box .del-icon { color: #999; font-size: 18px; margin: 0 10px 0 0; }
.resturant-box a.del-icon:hover { color: #e81863; }
.restaurant-main .parent-category-box { padding: 0px; }
.resturant-box.parent-category-box .media-left img { }
#shop-carousel .active-item { }
.resturant-box .box { margin-bottom: 0px; }
.restaurant-main .shop-inner { margin-bottom: 30px; }
.restaurant-main .heading { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.restaurant-main .menu-list ul li span { padding: 7px; }
.restaurant-main .nameHeading { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 105px; width: 105px; display: inline-block; vertical-align: middle; }
.restaurant-main .menu-list { height: 598px; overflow-y: auto; }
.restaurant-main .menu-sidebar { box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15); }
.restaurant-main .sidebar-heading { border-bottom: 0px; background: #f8f8f8; }
.menu-list ul li:hover, .menu-list ul li.active-menu { background: rgba(0, 0, 0, 0.065) !important; }
.restaurant-main .productsTableContainer { overflow-y: auto; }
.restaurant-main .menu-list ul li:hover { cursor: pointer; }
.shop-main .menu-list { height: 598px; overflow-y: auto; }
/** social profile connect **/
/** social message post **/
.createSocialPost { line-height: 48px; }
.socialMediaConnected { margin: 0 0 0 0; display: inline-block; }
.socialMediaConnected li { list-style: none; float: left; text-align: left; }
.socialMediaConnected li a i { width: 60px; height: 68px; text-align: center;/*line-height: 38px;*/ }
.socialMediaConnected li.facebook a { background: #3B5998; text-decoration: none; color: #fff; text-transform: uppercase; }
.socialMediaConnected li.twitter a { background: #0084b4; text-decoration: none; color: #fff; text-transform: uppercase; }
.socialMediaConnected li.instagram a { background: #fb3958; text-decoration: none; color: #fff; text-transform: uppercase; }
.socialMediaConnected li.instagram a, .socialMediaConnected li.twitter a, .socialMediaConnected li.facebook a { display: inline-block; margin: 0px 10px 0px 10px; width: 200px; height: 48px; line-height: 48px; }
.socialMediaConnected li:hover { opacity: 0.8; }
/** social message post **/
/** add staff members screen **/
.defaultImg { width: 178px; height: 178px; object-fit: cover; border: 1px solid #e5e5e5; }
/** add staff members screen **/

.errorProfilePic { padding: 10px; width: 100%; height: auto; color: #ff0000; border: 1px; display: inline-block; border-style: solid; margin-top: 10px; }
.alert { border-radius: 0px !important; }
#membersPageAutoCom .autocomplete-input { border: 1px solid rgba(0, 0, 0, .15) !important; }
.p-10 { padding: 10px !important; }
/*notification view screen*/

.notiViewData { font-weight: bold; }
.notiViewData.statusSuccess { font-weight: bold; color: #66BB6A; }
/*notification view screen*/

/* reservations scree range selector */

.ui-widget-header { background: #e81863 !important; }
/* reservations scree range selector */

.modal-header .close { color: #000; }
.dateCloseIcon { display: inline-block; position: absolute; z-index: 999; background: #ffffff !important; padding: 10px 15px 5px 15px !important; top: 0; right: -2px; }
.tees-colors .hole { background: #309b00; color: #ffffff; }
.tees-colors .pink { background: #ffcccb; color: #000000; }
.tees-colors .black { background: #000000; color: #ffffff; }
.tees-colors .gold { background: #ffcc00; color: #000000; }
.tees-colors .blue { background: #0100fc; color: #ffffff; }
.tees-colors .silver { background: #eeeeee; color: #000000; }
.tees-colors .green { background: #006600; color: #ffffff; }
.tees-colors .white { background: #ffffff; color: #000000; }
.tees-colors .purple { background: #6734ff; color: #ffffff; }
.tees-colors .orange { background: #ff6600; color: #ffffff; }
.list-tees { padding: 0px; margin-bottom: 0px; display: inline-block; width: 100%; }
.list-tees li { display: inline-block; list-style: none; width: 50%; float: left; padding: 3px 0px; }
.list-tees li label { color: #000; }
.list-tees .input-group-addon { border-radius: 0px; border-left: 0px; padding: 4px; }
.list-tees .hole { background: rgba(48, 155, 0, 0.5); }
.list-tees .hole input, .list-tees .hole .input-group-addon { border: 1px solid rgba(48, 155, 0, 0.5) !important; }
.list-tees .pink { background: rgba(255, 204, 203, 0.5); border-color: rgba(255, 204, 203, 0.5); }
.list-tees .pink input, .list-tees .pink .input-group-addon { border: 1px solid rgba(255, 204, 203, 0.5) !important; }
.list-tees .black { background: rgba(0, 0, 0, 0.5); }
.list-tees .black input, .list-tees .black .input-group-addon { border: 1px solid rgba(0, 0, 0, 0.5) !important; color: #000 !important; }
/*.list-tees .black label { color: #fff; }*/
.list-tees .gold { background: rgba(255, 204, 0, 0.5); }
.list-tees .gold input, .list-tees .gold .input-group-addon { border: 1px solid rgba(255, 204, 0, 0.5) !important; }
.list-tees .blue { background: rgba(1, 0, 252, 0.5); }
.list-tees .blue input, .list-tees .blue .input-group-addon { border: 1px solid rgba(1, 0, 252, 0.5) !important; }
/*.list-tees .blue label { color: #fff; }*/
.list-tees .silver { background: rgba(238, 238, 238, 0.5); }
.list-tees .silver input, .list-tees .silver .input-group-addon { border: 1px solid rgba(238, 238, 238, 0.5) !important; }
.list-tees .green { background: rgba(0, 102, 0, 0.5); }
.list-tees .green input, .list-tees .green .input-group-addon { border: 1px solid rgba(0, 102, 0, 0.5) !important; }
/*.list-tees .green label { color: #fff; }*/
.list-tees .white { background: rgba(255, 255, 255, 0.5); }
.list-tees .white input, .list-tees .white .input-group-addon { border: 1px solid rgba(255, 255, 255, 0.5) !important; }
.list-tees .purple { background: rgba(103, 52, 255, 0.5); }
.list-tees .purple input, .list-tees .purple .input-group-addon { border: 1px solid rgba(103, 52, 255, 0.5) !important; }
/*.list-tees .purple label { color: #fff; }*/
.list-tees .orange { background: rgba(255, 102, 0, 0.5); }
.list-tees .orange input, .list-tees .orange .input-group-addon { border: 1px solid rgba(255, 102, 0, 0.5) !important; }
/*.list-tees .orange label { color: #000; }*/

.label-tees { padding-top: 45px; }
.panel-tees.panel { padding: 20px; display: inline-block; background: #f5f5f5; margin-bottom: 20px; }
.panel-tees .inner-header { background: transparent; padding: 0px; }
.flipInX-enter-active { animation: flipInX 0.5s; }
.slideInLeft-enter-active { animation: slideInLeft 0.5s; }
.slideInRight-enter-active { animation: slideInRight 0.5s; }
/*.slideInLeft-leave-active { animation: slideInLeft 0.5s reverse; }*/

.addCategoryButton { display: inline-block; position: absolute; right: 25px; top: 20px; }
.addCategoryButton button { background: #e81863; border: 1px transparent; border-radius: 50%; width: 30px; height: 30px; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.addCategoryButton button:hover { -webkit-box-shadow: 0px 18px 59px -13px rgba(196,6,31,1); -moz-box-shadow: 0px 18px 59px -13px rgba(196,6,31,1); box-shadow: 0px 18px 59px -13px rgba(196,6,31,1); }
.addCategoryField { padding: 10px; background: #f0f0f0; border: 1px solid #fafafa; }
.shopProdImage { display: inline-block; width: 70px; height: 70px; border: 1px transparent; border-radius: 50%; object-fit: cover; object-position: center; }
.shopTable tr td { vertical-align: middle }
.productsTableContainer { height: 600px; overflow-y: scroll }
.m-b-10 { margin-bottom: 10px; display: inline-block }
.btn-full-width { width: 100%; }
.imgWrap { }
.imgWrap .imgBox { float: left; position: relative; margin: 0px 3% 3% 0px; min-height: 180px; line-height: 180px; background: #f5f5f5; border-radius: 4px; padding: 10px; }
.imgWrap .imgBox .btn { display: none; }
.imgWrap .imgBox:hover .btn { display: block; }
.imgWrap .imgBox img.img-thumbnail { border-radius: 0px; }
.imgWrap .imgBox button.close, .imgWrap .imgBox button.edit { border: 1px solid rgb(120, 130, 140); color: #55595c; background: #fff; border-radius: 40px; height: 24px; width: 24px; position: absolute; top: -10px; right: -10px; background: #fff; z-index: 9999; opacity: 1; font-size: 14px; line-height: 24px; padding: 0px }
.imgWrap .imgBox button.edit { top: 20px; }
.imgWrap .imgBox img.img-thumbnail { max-width: 100%; min-height: 100%; }
.btn-reset { font-size: 14px; padding: 2px 7px; background: #e81863; color: #fff; opacity: .9;}
.btn-reset:hover { background: #e81863; color: #fff; opacity: 1;}

.remainingDay { width: 20px; height: 20px; background: #f00; display: inline-block; border-radius: 20px; vertical-align: middle; margin-right: 10px;}
.remainingTime1Day { background: yellow; }
.remainingTime2Day { background: orange; }
.remainingTime3Day { background: red; }



@media screen and (max-width: 600px) {
.imgWrap .imgBox { float: left; position: relative; margin: 0px 3% 3% 0px; max-width: 100%; max-height: 150px; text-align: center; width: 100%; }
.imgWrap .imgBox img.img-thumbnail { height: auto; width: auto; max-width: inherit; max-height: inherit; line-height: 170px; }
}

.interventionsDatesTable { height: 380px; overflow-y: auto; }
.m-height { min-height: 135px !important; height: 135px; vertical-align: middle !important; }