Page History

<style>
.tab-Square {
    margin-top: 30px !important;
    border-radius: 10px !important;
    color: var(--primary-color) !important;
    margin-right: 0px !important;
}
#title-container { 
	width: 0px;
}
/*#name-container {
	text-align: center;
}*/
.custom-section-container { 
	width: 50% 
}
#page-visits {
	display: none;
}
.no-activity {
	text-align: center;
}
a.no-text-decor {
	margin-right: 0;
}
#activity-button-container {
	align-items: center;
}
@media only screen and (min-width : 480px) and (max-width : 1000px) {
	.tablet_view_main_custom_section {
     	flex-direction: column !important; 
		width: 80% !important;
  }
	.custom-column-container {
		width: 100% !important;
		margin-top: 0px !important;

	}
}
@media only screen and (max-width : 480px) {
	.my-button {
      width: 180px !important;
  	}
	div#ui-tabs-buttons-useranalytics button {
		margin: 0px !important;
	}
	#tab-button-Appointments {
		margin-left: 5px !important;
	}
	#company-container {
		font-size: smaller !important;
	}
	.tablet_view_main_custom_section {
     	flex-direction: column !important; 
		width: 100% !important;
		padding: 30px 0px !important;
  }
	.custom-column-container {
		margin-top: 0px !important;
	}
	/* Squish buttons on top of one another */
	.button-container {
		flex-wrap: wrap;
		height: 125px !important;
	}
	.back-to-dash-button-container {
		justify-content: center;
	}
	.deactivate-button-container {
		justify-content: center !important;
	}
}
@media only screen and (max-width : 1000px) {
	/* Squish user data columns into rows one on top of the other */
	.user-data-container {
     	flex-direction: column !important;
	}
}


</style>