@import "app-fonts.css";
@import "app-profile-responsive.css";
	:root {
		--tw: 55px;
	}
	body{
		height: 100%;
	}
.center {
 padding: 75px 0;
}

	/*.calender-container >div{min-height: 100vh;}*/
	.calender-container #left-pane{}
	.calender-container #right-pane{height: 100vh;max-height: 500px;}
	/*.calender-container #right-pane > div{border-top-right-radius:8px;border-bottom-right-radius:8px}*/
	.calender-container #right-pane > div{border-bottom-right-radius:8px}
	.image-container{height: 100vh;max-height: 500px; border-top-left-radius:0px;border-bottom-left-radius:8px;} /*2022-02-14*/

	/*.image-container{height: 100vh;max-height: 500px; border-top-left-radius:8px;border-bottom-left-radius:8px;}*/

	/*.profile-text-background{text-align: right;color:#fff;text-shadow: 1px 1px 1px #000; background: rgba(000, 000, 000, 0.8);display: block;}*/
    .profile-details-header{max-height: 75px;border-bottom: 1px solid #333}
    .profile-social-header{max-height: 75px;border-bottom: 1px solid #f1f1f1}
	#profile-details-mobile{text-align:center;right: 0;bottom:0;padding:0.5rem 1rem 0.25rem 1.50rem;border-top-left-radius: 8px;border-top-right-radius: 8px; background: rgba(000, 000, 000, -0.1);}

	#profile-details{position: absolute;text-align:center;right: 0;bottom:0;padding:0.5rem 1rem 1.00rem 2.50rem;border-top-left-radius: 5px; background: rgba(000, 000, 000, -0.1);}
	#name{font-size: 18px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
	#position{display: inline-block;font-size: 16px;font-weight: 400;}
	#location{display: inline-block;font-size: 16px;font-weight: 400;}

	.text-shadow{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);}
	#cover-image {
		/*background: url('https://media.fifteenbetween.com/caakecom/images/app/background-puppy-min.jpg');*/
		height: 100vh;
		background-size: cover;
		background-repeat:no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		background-position:center center;
	}
	/* ================================= CALENDAR ======================================= */
	#cal-header{
		text-transform: uppercase;
	}
	#cal{
		display: table;
		text-align: center;
		border-radius: 5px;
		margin: 0 auto;
	}
	#cal-page-left,#cal-page-right{
		cursor: pointer;
		background-color: #FFF;
		border-radius:50%;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
	}
	#cal-title-date{
		cursor: pointer;
	}
	#cal-page-left:hover,#cal-page-right:hover{
		cursor: pointer;
		background-color: #dadce0;
		/*background-color: aquamarine;*/
		color:#000;
		border-radius:50%;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
	}
	#cal-month{
		text-transform: uppercase;
		font-weight: 600;
		font-size: 1.25rem;
		display: table-caption;
		caption-side: top;
		text-align: center;
		color:grey;
	}
	.cal-dates{
		vertical-align: middle;
		/*width: calc(var(--tw) + 8px);*/
		/*width: var(--tw);*/
		width: 70px;
		height:var(--tw);
		color:grey;
	}
	.cal-number{
		background-color: #FFF;
		/*border-radius:50%;*/
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		/*border: 1px solid #FFF;*/
	}
	.cal-number:hover{
		/*background-color: aquamarine;*/
		background-color: lightgray !important;
		color:#000;
		border-radius:50%;
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		cursor: pointer;
		/*border: 1px solid aquamarine;*/
	}
	.today{
		background-color: aquamarine !important;
		color: #000 !important;
		/*background-color: blueviolet !important;*/
		/*color: white !important;*/
		border-radius:50%;
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		cursor: pointer;
		/*border: 1px solid blueviolet !important;*/
	}
	.available{
		/*background-color: aquamarine;*/
		color:#000;
		border-radius:50%;
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		cursor: pointer;
	}
	.unavailable{
		/*background-color: lightgray !important;*/
		/*color:#000;*/
		color:darkgray;
		/*border-radius:50%;*/
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		cursor: not-allowed !important;
		/*border: 1px solid lightgray !important;*/
	}
	.pastEvent{
		cursor: not-allowed !important;
	}
	.dayOff{
		/*background-color: lightgray !important;*/
		/*color:#000;*/
		/*background-color: pink !important;*/
		/*background-color: grey !important;*/
		/*color:#ddd;*/
		color:darkgray;
		/*border-radius:50%;*/
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		cursor: not-allowed !important;
		/*border: 1px solid grey !important;*/
		/*border: 1px solid pink !important;*/
	}
	#modalPublicCalendar .modal-content {background-color: transparent !important;}
	#modalPublicCalendar .modal-header {
		/*background-color: #337AB7;*/
		background-color: #546E7A;
		padding:16px 16px;
		color:#FFF;
		/*border-bottom:2px solid #546E7A;*/
		/*border-bottom:2px dashed #337AB7;*/
	 }
	#timeslotsModal{
		background-color: #FFFFFF;
	}
	#timeslotsModal .time-slots{
		text-align: center;cursor: pointer
	}
	/*.times-cell{*/
	/*    background-color:  #FFF;*/
	/*    border:1px solid grey;*/
	/*    color:grey;*/
	/*    border-radius: 3px;*/
	/*    text-align: center;*/
	/*    cursor: pointer;*/
	/*}*/
	/*.times-cell:hover{*/
	/*     background-color: grey;*/
	/*     color:#FFF;*/
	/*     text-align: center;*/
	/*     cursor: pointer;*/
	/*}*/
	#timeslotsModal #timeSlots td{
		padding: 1rem 0.5rem  !important;
	}
	.time-slot-selected{
		background-color: #4a5568  !important;
		color:#ffffff;
	}
	.time-slot-blocked{
		cursor: not-allowed  !important;
		/*background-color: #5c636a !important;*/
		/*color:#ffffff;*/
		background-color: lightgray !important;
		color:gray;
	}
	#time-slot-table{
		overflow-y: auto;
		max-height:200px
	}
	.popover-body{
		text-align: center;
		font-size: 1rem;
	}
	.share-button{
		padding-top:.3125rem;
		padding-bottom:.3125rem;
		font-size:1.25rem;
		text-decoration:none;
		white-space:nowrap;
	}
	.share-button >a{
		color:#999999
	}