.sbc-nav 				                {background-color:inherit; max-width:10vw; max-height:100dvh; overflow-y:hidden; display:flex; align-items:center; justify-content:center;}
.sbc-nav-container 		                {align-items:center; background-color:#fff; border:0px; display:flex; flex-flow:row wrap; padding:0px; width:42px; height:100dvh;}
.sbc-nav-section		                {padding:20px 1px; cursor:pointer;}
.sbc.nav-item-img		                {width:42px;}
.sbc-nav-item-img:hover	                {background-color:lightblue; border-radius:50%;}
.sbc-nav-svg-size		                {width:40px; height:40px;}		
.sbc-nav-item-label		                {font-size:8px; text-align:center; text-decoration:none;}

/* SBC Rental Calendar styles 3.1.0 */

.sbc-rentals-container-wrapper 			{background-color:inherit; display:flex; justify-content:center; max-height:500px; 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;}
.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; line-height:normal; text-align:center; margin:2px;}

.sbc-rentals-header						{align-content:space-around; text-align:center; background-color:#0a69b7; border-radius:0%; color:#fff; font-size:12px; width:100%; height:36px;}

/* 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}

/* Specific attributes for different screen sizes */

@media only screen and (max-width: 412px) {
    
    .sbc-nav                            {max-width:42px;}
    .sbc-nav-item-label		            {font-size:7px; text-align:center; text-decoration:none;}

	.sbc-rentals-container-wrapper 		{max-width:360px; min-width:240px;}
	.sbc-rentals-flex-container 		{padding:6px; width:100%;}
	.sbc-rentals-flex-container > div 	{font-weight:600; width:28px; height:28px;}
	
	/* Title and Legends */ 
	.sbc-rentals-header					{font-size:10px;}	
	.sbc-rentals-legend					{width:68px !important; border-radius:0% !important;}
	.sbc-legend-items					{font-size:6px !important;}

}
@media only screen and (max-width: 800px) {

	.sbc-rentals-container-wrapper 		{max-width:404px; min-width:240px;}
	.sbc-rentals-flex-container 		{padding:6px; width:308px;}
	.sbc-rentals-flex-container > div 	{font-weight:600; width:32px; height:32px;}
	
	/* Title and Legends */
	.sbc-rentals-header					{font-size:12px;}	
	.sbc-rentals-legend					{width:68px !important; border-radius:0% !important;}
	.sbc-legend-items					{font-size:6px !important;}

}
@media only screen and (min-width: 801px) {

	.sbc-rentals-container-wrapper 		{max-width:404px; min-width:360px;}
	.sbc-rentals-flex-container 		{padding:8px 16px 8px 16px; width:356px;}
	.sbc-rentals-flex-container > div 	{font-weight:700; width:36px; height:36px;}
	
	/* Title and Legends */ 
	.sbc-rentals-header					{font-size:12px;}	
	.sbc-rentals-legend					{width:116px !important; border-radius:0% !important;}
	.sbc-legend-items					{font-size:10px !important;}

}
.tablepress th, td                      {font-family: Montserrat, sans-serif; font-size: 12px;}

@media only screen and (max-width: 700px) {
	
	.tablepress th,	td                  {font-size: 8px;}
}