tlscontact small screen

tlscontact-small.css

:root {
  --slot-height: 31px;
}

#timeTable div.take_appointment {
/*	width: 1200px;*/
    width: fit-content;
}

header .container, .overlapping-lg-card.card-with-bars, td.done, tr.done, #ajax_form_status #center,
/* .inner_timeslot:nth-child(-n+5), */ 
table div.take_appointment .year-month-title,
table div.take_appointment br,
tr.pending
{
	display: none;
}

body header {
	min-height: 0px;
	/*	display: none;*/
}

div.log_in_Register.mx-auto {
	margin-right: 0 !important;
}
body, div#body, div.container {
	padding: 0 !important;
	margin: 0 !important;
	max-width: none;
}

table div.take_appointment {
	height: 750px;
	justify-content: flex-end;
    display: flex;
}

table div.take_appointment .appt-table-d,
table div.take_appointment .appt-table-btn,
div#timeTable,
tr td
{
	margin: 0 !important;
	    padding: 0 !important;
}

div.inner_timeslot {
	min-width: 0 !important;

}

a.appt-table-btn, .appt-table-d {
	width: 36px !important;
	height: var(--slot-height) !important;
	font-size: 1.3rem;
}
td:empty {
	display: none !important;
}
.take_appointment {
	overflow: auto !important;
}
tbody, tr.desc {
	float: right;
}