form[name='pta_sus_signup_form'] label {
	display: block;
	font-size: 0.85rem;
}

form[name='pta_sus_signup_form'] input,
form[name='pta_sus_signup_form'] select,
form[name='pta_sus_signup_form'] textarea {
	display: block;
	border: 1px solid gray;
	border-radius: 0.25rem;
	padding: 0.25rem 0.5rem;
}

form[name='pta_sus_signup_form'] .submit {
	display: flex;
	align-items: center;
	gap: 1rem;
}

form[name='pta_sus_signup_form'] .submit input[type='submit'] {
	background-color: #0433ff;
	color: white;
	
}

.pta-sus.column-open_spots {
	text-align: left;
}
.pta-sus.column-open_spots > span {
	display: flex;
	gap: 1rem;
	width: 100%;
	justify-content: space-between;
}

.pta-sus.column-open_spots a.pta-sus-link.view {
	display: inline;
}

.pta-sus.column-title > .pta-sus-link.view,
.pta-sus.column-open_spots a.pta-sus-link.view {
	--tw-text-opacity: 1;
	color: rgb(4 51 255/var(--tw-text-opacity));
}

.pta-sus.column-title > .pta-sus-link.view:hover,
.pta-sus.column-title > .pta-sus-link.view:focus
.pta-sus.column-open_spots a.pta-sus-link.view:focus,
.pta-sus.column-open_spots a.pta-sus-link.view:hover {
    text-decoration: underline;
}


table.pta-sus-sheets .column-open_spots {
	text-align: left;
}


.pta-sus.admin.widefat th {
	vertical-align: top;
}

.flex-1 {
	flex: 1;
}

div.pta-sus-tasks-row > div {
	display: flex;
	padding: 0;
	border: none;
	gap: 2rem;
	align-items: center;
}

form[name="pta_sus_signup_form"] .submit input[type="submit"],
div.pta-sus-tasks-row > div .pta-sus-link.signup {
	background-color: #0433ff;
	color: white;
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
	cursor: pointer;
	border: none;
}
form[name="pta_sus_signup_form"] .submit input[type="submit"]:hover,
div.pta-sus-tasks-row > div .pta-sus-link.signup:hover,
form[name="pta_sus_signup_form"] .submit input[type="submit"]:focus,
div.pta-sus-tasks-row > div .pta-sus-link.signup:focus {
	--tw-bg-opacity: 1;
	background-color: rgb(36 72 208/var(--tw-bg-opacity));
}

.pta_sus_signup_form .base-form {
	display: grid;
	grid-template-columns:  repeat(2, minmax(0, 1fr));
	gap: 1rem 2rem;
	margin-bottom: 1rem;
}

.pta_sus_signup_form .base-form input,
.pta_sus_signup_form .base-form select,
.pta_sus_signup_form .base-form textarea {
	width: 100%;
}

.pta_sus_signup_form textarea {
	width: 100%;
}

.pta-sus.breadcrumbs  {
	display: flex;
	gap: 0.5rem;
	font-size: 1rem;
}

.pta-sus.breadcrumbs a {
	margin-left: 0 !important;
	color: #0433ff;
}

.pta-sus.breadcrumbs a:hover,
.pta-sus.breadcrumbs a:focus {
	text-decoration: underline;
}

.pta-sus.breadcrumbs a:not(:last-child)::after {
	content: 	'>';
	padding-left: 0.5rem;
	color: rgb(17, 24, 39);
	display: inline-block;
}

.pta-sus-sheet h2.week-heading {
	font-size: 1.5rem;
	font-weight: bold;
	padding: 1rem 0rem;
}

.pta-sus-sheets .disabled,
.pta-sus-sheets .disabled:hover {
	opacity: 0.5;
	cursor: default !important;
}

div.signup-form .required::after {
	content: "" !important; /* removes red asterisk */
}