/* SBC Rental Calendar styles  for smaller screens*/
@media only screen and (max-width: 800px) {

	.sbc-rentals-container-wrapper 		{background-color:inherit; max-height:500px; max-width:404px; min-width:240px; overflow-y:auto;}

	.sbc-rentals-flex-container 		{align-content:space-around; align-items:center; background-color:#fff; border:2px solid grey; display:flex; flex-flow:row wrap; margin:2px; padding:4px 8px 4px 8px; width:212px;}
	.sbc-rentals-flex-container 
		> div 							{border:2px solid transparent; border-radius:50%; color:#000; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; font-size:6px; font-weight:600; line-height:normal; text-align:center; width:20px; height:20px; margin:2px;}
	.sbc-rentals-flex-container 
		.sbc-rentals-header				{align-text:center; background-color:#0a69b7; border-radius:0%; color:#fff; font-size:10px; width:100%}

	/* SBC Availability tooltips */

	.sbc-units							{position:relative; display:inline-block;}
	.sbc-units 
		.sbc-unit-text					{visibility:hidden; width:50px; background-color:#000; color:#fff; text-align:center; border-radius:6px; padding:6px 0; position:absolute; z-index:1; top:100%; left:50%; margin-left:-25px;}
	.sbc-units 
		.sbc-unit-text::after			{content:""; position:absolute; bottom:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:transparent transparent black transparent;}
	.sbc-units:hover 
		.sbc-unit-text					{visibility:visible;}

	/* SBC Rental Highlights */

	.sbc-new-year						{color:#fff !important; background-color:#050505; border-radius:15% !important;}
	.sbc-available-0					{color:#000 !important; background-color:#f2f9fe !important}
	.sbc-available-1					{color:#000 !important; background-color:#d2eafd !important}
	.sbc-available-2					{color:#000 !important; background-color:#a6d4fa !important}
	.sbc-available-3					{color:#000 !important; background-color:#79bff8 !important}
	.sbc-available-4					{color:#fff !important; background-color:#4daaf6 !important}
	.sbc-available-5, 
	.sbc-available-6,
	.sbc-available-7,
	.sbc-available-8,
	.sbc-available-9					{color:#fff !important; background-color:#0a69b7 !important}

	/* SBC Legend styling */

	.sbc-rentals-legend					{width:68px !important; border-radius:0% !important;}
	.sbc-legend-items					{font-size:6px !important;}

}

/* SBC Rentals Calendar styles for larger screens */
@media only screen and (min-width: 801px) {
	
	.sbc-rentals-container-wrapper 		{background-color:inherit; max-height:500px; max-width:404px; min-width:360px; overflow-y:auto;}

	.sbc-rentals-flex-container 		{align-content:space-around; align-items:center; background-color:#fff; border:2px solid grey; display:flex; flex-flow:row wrap; margin:2px; padding:8px 16px 8px 16px; width:356px;}
	.sbc-rentals-flex-container 
		> div 							{border:2px solid transparent; border-radius:50%; color:#000; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; font-size:8px; font-weight:700; line-height:normal; text-align:center; width:36px; height:36px; margin:2px;}
	.sbc-rentals-flex-container 
		.sbc-rentals-header				{align-text:center; background-color:#0a69b7; border-radius:0%; color:#fff; font-size:12px; width:100%}

	/* SBC Availability tooltips */

	.sbc-units							{position:relative; display:inline-block;}
	.sbc-units 
		.sbc-unit-text					{visibility:hidden; width:50px; background-color:#000; color:#fff; text-align:center; border-radius:6px; padding:6px 0; position:absolute; z-index:1; top:100%; left:50%; margin-left:-25px;}
	.sbc-units 
		.sbc-unit-text::after			{content:""; position:absolute; bottom:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:transparent transparent black transparent;}
	.sbc-units:hover 
		.sbc-unit-text					{visibility:visible;}

	/* SBC Rental Highlights */

	.sbc-new-year						{color:#fff !important; background-color:#050505; border-radius:15% !important;}
	.sbc-available-0					{color:#000 !important; background-color:#f2f9fe !important}
	.sbc-available-1					{color:#000 !important; background-color:#d2eafd !important}
	.sbc-available-2					{color:#000 !important; background-color:#a6d4fa !important}
	.sbc-available-3					{color:#000 !important; background-color:#79bff8 !important}
	.sbc-available-4					{color:#fff !important; background-color:#4daaf6 !important}
	.sbc-available-5, 
	.sbc-available-6,
	.sbc-available-7,
	.sbc-available-8,
	.sbc-available-9					{color:#fff !important; background-color:#0a69b7 !important}

	/* SBC Legend styling */

	.sbc-rentals-legend					{width:116px !important; border-radius:0% !important;}
	.sbc-legend-items					{font-size:10px !important;}

}