.link-container a:hover {
	color: var( --newday-color-primary-hover ) !important;
}

.tablist {
	display: flex;
	padding: 0.2em 0 0;
}

.tablist .tab {
	flex: 1;
	margin: 1px 0.2em 0 0;
	border: 2px solid transparent;
	border-radius: 0;
	padding: 1em;
	background: var( --newday-color-muted );
	color: var( --newday-color-white );
	cursor: pointer;
	font-size: 14pt;
	font-weight: 700;
	line-height: 1.2;
	list-style: none;
	text-align: center;
	white-space: nowrap;
}

.tablist .tab:last-child {
	margin-right: 0;
}

.tablist .tab[aria-selected="true"] {
	margin-bottom: 0;
	background: var( --newday-color-primary );
	color: var( --newday-color-ink );
}

.tablist .tab:hover {
	background: var( --newday-color-light );
	color: var( --newday-color-ink );
}

.tabpanel {
	margin: 20px;
	padding: 0;
}

.panel {
	clear: both;
	display: block;
	width: 300px;
	margin: 0;
	border-radius: 0 0 0.5em 0.5em;
	padding: 10px;
	background: #f2f2f2;
}

.focus {
	height: 1.2em;
	margin-top: 0;
}

#dashboard_stats {
	float: left;
	margin-top: 25px;
	font-size: 16px;
}

#dashboard_topten {
	float: right;
	margin-top: 25px;
	font-size: 16px;
}

.dashboard_heading {
	color: var( --newday-color-white );
	font-family: inherit;
	font-size: 18px;
}

#dashboard_block {
	padding: 0;
}

#dashboard_views,
#dashboard_impressions,
#dashboard_seconds_viewed {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	margin-left: 0;
}

#dashboard_dow,
#dashboard_pct_viewed {
	margin-top: 2rem;
}

#dashboard_dow {
	float: left;
}

#dashboard_pct_viewed {
	float: right;
}

#frm_my_account {
	justify-content: space-between;
}

#frm_my_account > div {
	float: left;
}

#frm_my_account #order_list {
	float: left;
	clear: both;
}

#frm_my_account input,
#frm_my_account textarea {
	max-width: min( 360px, 100% );
}

#frm_my_account input[type="checkbox"],
#user_created_content input[type="radio"],
#analytics_tab input[type="radio"],
#analytics_tab input[type="checkbox"],
#payment_section_container input[type="radio"],
#summary_section input[type="checkbox"],
#address_form input[type="checkbox"] {
	display: inline-block;
	width: 0.75em;
	margin: 0 7px 0 0;
	vertical-align: middle;
}

#analytics_tab label {
	margin-right: 2rem;
}

#user_created_content label {
	display: inline-block;
	margin-right: 2em;
}

.cart_table {
	width: 100%;
	margin-bottom: 2rem;
	font-size: 15px;
}

.cart_table th {
	padding: 0.4rem;
	background: var( --newday-color-white );
	color: #000000;
}

.cart_table td {
	padding: 0.4rem;
}

.cart_table td a,
.cart-delete-button,
.download-controls button {
	color: var( --newday-color-primary );
}

.cart-delete-button:hover,
.download-controls button:hover {
	color: var( --newday-color-primary-hover );
}

#no_license_message {
	font-size: 19px;
}

.download-controls {
	font-size: 1.125rem;
}

.download-controls button:not( :last-child ) {
	margin-right: 1.125rem;
}

.download-controls .fa-download::before {
	content: "\f019\00a0";
}

#iframecode {
	margin: 10px 0;
	border: 0.5px solid #000000;
	color: #000000;
	font-size: 19px;
	line-height: 1;
}

h1.support_page {
	margin: 0 0 0.5em;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.2;
}

.clipmaker_heading {
	margin: 0 0 0.25em;
	font-size: 3em;
	font-weight: 700;
	line-height: 1.4;
}

/* Preserve dialog specificity after jQuery UI moves playlist markup. */
.playlist_table_wide,
.ui-dialog .playlist_table_wide {
	float: left;
	width: 95%;
	margin: 0;
}

.playlist_table_wide select,
.ui-dialog .playlist_table_wide select {
	margin: 0 0 15px;
	border: 0.5px solid #000000;
	padding: 0 12px;
	color: #000000;
	font-family: "Mulish", sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 0.9;
}

.playlist_table_col_1,
.ui-dialog .playlist_table_col_1 {
	float: left;
	clear: both;
	width: 30%;
	margin: 2px 0 0;
}

.playlist_table_col_2,
.ui-dialog .playlist_table_col_2 {
	float: left;
	width: 70%;
	margin: 2px 0;
}

.playlist_table_col_2_input,
.ui-dialog .playlist_table_col_2_input {
	width: 90%;
	margin-bottom: 0;
	border: 0.5px solid #000000;
	padding: 12px;
	color: #000000;
	font-family: "Mulish", sans-serif;
	font-size: 1.5rem !important;
	font-style: normal;
	font-weight: 400;
	line-height: 0.9;
}

.playlist_edit {
	margin: 15px 0;
}

.playlist_edit label,
.playlist_edit legend {
	font-weight: 700;
}

.playlist_edit legend {
	margin-left: -9px;
}

.playlist_edit_button {
	display: block;
	margin-bottom: 20px;
}

.playlist_checkbox,
.ui-dialog .playlist_checkbox {
	display: inline;
	width: 20px;
	height: 20px;
	margin: 0 15px 0 0;
}

#playlist-edit-form {
	display: block;
	width: 100%;
}

.AdvancedSearch_radio_padding,
.ui-dialog .AdvancedSearch_radio_padding {
	display: inline-flex;
	width: auto;
	height: 20px;
	margin: 0 0.5em 10px 10px !important;
	border: 0;
}

.AdvancedSearch_radio_text,
.ui-dialog .AdvancedSearch_radio_text {
	margin-right: 10px;
	margin-left: 0;
}

.AdvancedSearch_radio_text label,
.ui-dialog .AdvancedSearch_radio_text label {
	display: inline;
	margin-bottom: 0;
}

#customer_info_fields,
#summary_section {
	font-size: 1.5rem;
}

#pmnt_purchase_order,
#pmnt_ds2_stripe {
	display: none;
}

#payment_ds2_stripe {
	margin-left: 2rem !important;
}

#cvc {
	width: 6rem;
}

#select_report {
	background: var( --newday-color-ink );
	color: var( --newday-color-white );
	font-size: 22px;
}

#select_report > option {
	font-size: 18px;
}

table.shopping-cart-summary {
	max-width: 100%;
}

table.shopping-cart-summary tbody tr,
#order-summary > tbody > tr {
	border: 1px solid var( --newday-color-white );
}

table.shopping-cart-summary tr > *,
#order-summary tr > * {
	padding: 2px 0.5rem;
}

table.shopping-cart-summary .controls {
	white-space: nowrap;
}

#checkout-container {
	display: block;
	font-family: "Mulish", sans-serif;
}

#checkout-container #customer_info_fields,
#checkout-container #payment_section_container,
#checkout-container #shipping_payment_container,
#checkout-container #customer_info_form > div,
#checkout-container #summary_section,
#checkout-container #billing_address {
	display: block;
	float: left;
}

#checkout-container #save_customer_button {
	float: left;
	clear: both;
	margin-top: 2rem;
}

#customer_info_form h4,
#checkout-container #customer_info_fields,
#checkout-container #payment_section_container,
#checkout-container #shipping_payment_container,
#checkout-container div ~ #billing_address {
	margin-right: 2rem;
}

#checkout-container input[type="text"] {
	display: block;
	width: auto;
	height: 45px;
	margin-bottom: 2rem;
	font-size: 2rem;
	font-weight: 400;
}

#checkout-container select {
	width: auto;
}

#checkout-container #cc-exp-date input {
	display: inline-block;
}

#checkout-container label {
	display: inline-block;
	margin-bottom: 0;
}

#checkout-container label[for="cc-exp-month"] {
	display: block;
}

#checkout-container #customer_info_fields,
#checkout-container #payment_section_container {
	max-width: none;
	font-size: 25px;
}

#checkout-container input[value="Edit Customer Information"] {
	width: auto;
	font-size: 15px;
	font-weight: 700;
}

#checkout-container #summary_section {
	clear: both;
	margin-top: 2rem;
}

#checkout-container #billing_address select {
	font-size: 2rem;
	font-weight: 400;
}

#checkout-container #billing_address select > option {
	background: #000000;
	font-size: 20px;
}

#order-summary {
	width: auto;
}

#download_lti_xml .form_row:not( :last-child ),
#update_lti13 .form_row:not( :last-child ) {
	margin-bottom: 43px;
}

#download_lti_xml [name="download_lti_xml_submit"] {
	margin-bottom: 43px;
	text-transform: uppercase;
}

#playlist-page *,
#clipmaker-tool *,
.signup *,
.signup a,
#form_login *,
#account-admin-login-form *,
#form_inst_login * {
	font-family: "Mulish", sans-serif;
}

#playlist-page > * {
	display: block;
}

#playlist-page #main-playlist-body {
	float: left;
	max-width: 63%;
	margin-top: 23px;
	margin-right: 24px;
}

#playlist-page #playlist_header_name {
	margin-bottom: 0;
	line-height: 74px;
}

#playlist-page #playlist_header_description {
	max-width: 900px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 22px;
	line-height: 30px;
	text-align: justify;
}

#playlist-page .sidebar {
	float: left;
	margin-top: 34px;
	margin-left: 0;
	white-space: nowrap;
}

#playlist-page .result {
	float: left;
	clear: both;
	margin-right: 20px;
}

#playlist-page .playlist-image {
	float: left;
	height: 94px;
	margin-top: 9px;
	margin-right: 10px;
}

#playlist-page .oneline {
	margin-bottom: 0;
	font-size: 20px;
	line-height: 27px;
	text-align: justify;
}

#playlist-page .download-controls {
	float: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 53px;
}

#playlist-page .download-controls * {
	font-family: "Font Awesome 5 Free", sans-serif;
	font-weight: 700;
}

#playlist-page .playlist_edit:not( :last-child ) {
	margin-bottom: 30px;
}

#playlist-page .playlist_edit input[type="text"] {
	height: auto;
}

#playlist-page #playlist_description {
	min-height: auto;
	height: 114px;
	margin-bottom: 0;
}

#playlist-page .title {
	margin-bottom: 0;
	line-height: 36px;
}

#playlist-page .title-comment {
	float: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 19px;
	font-style: italic;
	line-height: 26px;
	text-align: justify;
}

#playlist-page #sharing-options-legend {
	display: block;
	float: none;
	margin-bottom: 0;
	margin-left: 0;
}

#playlist-page #sharing_options .sharing-option-radio-input {
	display: inline;
	height: auto;
	margin-right: 5px;
}

#playlist-page #playlist-edit-form input[type="text"],
#playlist-page #playlist-edit-form textarea {
	font-size: 20px;
	font-weight: 400;
	line-height: 27px;
}

#playlist-page #sharing-info {
	margin-top: 0;
	font-size: 20px;
	line-height: 27px;
}

#playlist-page .helptext {
	font-size: 18px;
	line-height: 24px;
}

#playlist-page #playlist_thumbnail {
	min-height: auto;
	height: 94px;
}

#clipmaker-tool #clipmaker-form {
	padding: 0 18px;
}

#clipmaker-tool #description {
	width: auto;
	min-height: auto;
	margin-bottom: 0;
	font-size: 22px;
	line-height: 30px;
}

#clipmaker-tool #timecodes-fieldset {
	font-size: 21px;
	line-height: 28px;
}

#clipmaker-tool #timecodes-legend {
	display: block;
	width: auto;
	margin-bottom: 0;
}

#clipmaker-tool #description,
#clipmaker-tool #start_time_code,
#clipmaker-tool #end_time_code,
#clipmaker-tool #name,
#clipmaker-tool #tags {
	display: inline-block;
	height: auto;
	font-size: 21px;
	font-weight: 400;
	line-height: 28px;
	text-transform: none;
}

#clipmaker-tool #start_time_code,
#clipmaker-tool #end_time_code,
#clipmaker-tool #name,
#clipmaker-tool #tags {
	padding-right: 0;
}

#clipmaker-tool #start_time_code::placeholder,
#clipmaker-tool #end_time_code::placeholder {
	text-transform: none;
}

#clipmaker-tool #timecodes-legend,
#clipmaker-tool #timecode-start-label,
#clipmaker-tool #timecode-stop-label,
#clipmaker-tool #name-label,
#clipmaker-tool #description-label,
#clipmaker-tool #tags-label,
#clipmaker-tool #sharing-legend {
	margin-bottom: 0;
	margin-left: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 38px;
}

#clipmaker-tool #timecodes-legend,
#clipmaker-tool #name-label,
#clipmaker-tool #description-label,
#clipmaker-tool #tags-label,
#clipmaker-tool #sharing-legend {
	margin-top: 31px;
}

#clipmaker-tool #timecode-start-label,
#clipmaker-tool #timecode-stop-label {
	display: inline-block;
}

#clipmaker-tool #name-label,
#clipmaker-tool #description-label,
#clipmaker-tool #tags-label,
#clipmaker-tool #sharing-legend {
	display: block;
}

#clipmaker-tool #sharing_options {
	display: block;
	white-space: nowrap;
}

#clipmaker-tool #sharing_options .sharing-label,
#clipmaker-tool #sharing_options .sharing-radio {
	font-size: 23px;
	line-height: 31px;
}

#clipmaker-tool #sharing_options .sharing-radio {
	display: inline-block;
	height: auto;
	margin: 0;
}

#clipmaker-tool .clipmaker_heading {
	margin-top: 27px;
	margin-bottom: 0;
	color: var( --newday-color-primary );
	font-size: 40px;
	line-height: 54px;
}

#clipmaker-tool .movieplayer_back_iat {
	margin-top: 38px;
	margin-bottom: 0;
}

#clipmaker-tool input[type="submit"] {
	border-width: 0;
}

#clipmaker-tool #submit-button,
#clipmaker-tool #back-button {
	border-width: 0;
	text-transform: uppercase;
}

#clipmaker-tool .helptext {
	display: block;
	font-size: 18px;
	line-height: 24px;
}

#clipmaker-tool #timecodes-helptext {
	display: inline-block;
	margin-left: 14px;
}

.signup h3 {
	margin-bottom: 0;
	font-size: 54px;
	line-height: 49px;
}

.signup p {
	margin-top: 31px;
	margin-bottom: 0;
	font-size: 23px;
	line-height: 31px;
}

.signup p.helptext {
	margin-top: 0;
}

.signup p.helptext_small {
	margin-top: 24px;
	font-size: 18px;
	line-height: 24px;
}

.signup #registration label {
	margin-top: 37px;
	font-size: 28px;
	line-height: 37px;
}

.signup #registration label.check #email_subscribe {
	width: 20px;
	height: 20px;
}

.signup #registration input[type="checkbox"] {
	display: inline-block;
	height: auto;
}

.signup #registration input[type="text"],
.signup #registration input[type="password"],
.signup #registration select {
	width: 375px;
	height: auto;
	margin-bottom: 0 !important;
	padding-bottom: 0;
	font-size: 23px;
	line-height: 31px;
}

.signup #registration select option {
	background: #000000;
	color: var( --newday-color-white );
	font-size: 18px;
	line-height: 22px;
}

.signup #registration input[type="submit"] {
	border-bottom: 0;
}

.signup #registration #inst_email_domain {
	margin-top: 0;
}

.signup #registration #register_button {
	margin-top: 37px;
}

main div.message,
main div.error {
	margin: 25px 0 0 100px;
	font-family: "Mulish", sans-serif !important;
	font-size: 23px;
	line-height: 31px;
}

#forgot-password-submit-button {
	text-transform: uppercase;
}

.login:not( #login-page ) h3 {
	margin-bottom: 4.063rem;
}

.login:not( #login-page ) p {
	margin-bottom: 1.625rem;
}

.login:not( #login-page ) .form-element,
.login:not( #login-page ) .checkbox-group {
	flex: 1 0 100%;
}

.login:not( #login-page ) .checkbox-group {
	margin-bottom: 2.438rem;
	padding-right: 2rem;
}

.login:not( #login-page ) .checkbox-group .form-control::before {
	display: none;
}

.login:not( #login-page ) .button-container {
	align-items: center;
	margin-bottom: 2.438rem;
}

.login:not( #login-page ) .button-container button {
	margin-right: 2rem;
}

.login:not( #login-page ) .button-container a.purple.underline {
	font-size: 0.914rem;
	font-style: normal;
	font-weight: 800;
	line-height: 22px;
}

.login:not( #login-page ) .link-container {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2.438rem;
}

.login:not( #login-page ) .link-container a {
	color: var( --newday-color-white );
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.login:not( #login-page ) .link-container a:first-child {
	margin-left: 0;
}

.login:not( #login-page ) .magenta {
	margin-top: 2rem;
	color: var( --newday-color-white );
}

.login:not( #login-page ) .legal a {
	color: var( --newday-color-white );
}

.login:not( #login-page ) #form_login label {
	margin-top: 41px;
	margin-bottom: 0;
	font-size: 30px;
	line-height: 41px;
}

.login:not( #login-page ) #form_login label[for="email"] {
	margin-top: 0;
}

.login:not( #login-page ) #form_login label[for="remember"] {
	padding-left: 42px;
	line-height: 33px;
}

.login:not( #login-page ) #form_login input:not([type="button"]) {
	height: auto;
	padding: 1px;
	font-size: 28px;
}

.login:not( #login-page ) #form_login .link-container {
	display: block;
	margin-top: 26px;
	margin-bottom: 0;
	font-size: 21px;
	line-height: 28px;
}

.login:not( #login-page ) #form_login .link-container * {
	font-size: 21px;
	line-height: 29px;
}

.login:not( #login-page ) #form_login button,
.login:not( #login-page ) #form_login input[type="submit"] {
	height: auto;
	margin-right: 0;
	border-bottom: 0;
	padding: 10px 30px;
	font-size: 23px;
	line-height: 31px;
	text-transform: uppercase;
}

.login:not( #login-page ) #form_login input[type="submit"] ~ button {
	margin-left: 38px;
}

.login:not( #login-page ) #form_login .button-container {
	margin-bottom: 0;
}

.login:not( #login-page ) #form_login p {
	margin-top: 40px;
	margin-bottom: 0;
	font-size: 22px;
	line-height: 29px;
}

@media ( max-width: 950px ) {
	.login:not( #login-page ) .link-container {
		flex-direction: column;
		color: var( --newday-color-ink );
		font-size: 0;
	}

	.login:not( #login-page ) .link-container a {
		margin: 1rem 0 0;
	}
}

#login-page {
	padding: 5vw var( --newday-page-gutter );
}

#login-page-title {
	margin: 0;
}

#login-page-title,
#account-admin-login > summary {
	color: var( --newday-color-white );
	font-size: calc( 1.1549295775rem + 0.9389671362vw );
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.01em;
}

#login-page .login-form-sections-container {
	display: grid;
	gap: 5vw;
}

#login-page .login-form-section {
	display: grid;
	min-width: 0;
	max-width: 40rem;
	margin: 0;
	padding: 0;
	gap: 2em;
}

#login-page form p {
	margin: 0;
	color: var( --newday-color-white );
	font-size: calc( 0.786971831rem + 0.3755868545vw );
	line-height: 1.15;
	letter-spacing: normal;
}

#login-page form {
	display: grid;
	gap: 1.5em;
}

#login-page .form-element {
	margin: 0;
}

#login-page form label {
	margin: 0 0 0.3em;
	color: var( --newday-color-white );
	font-size: calc( 0.8679577465rem + 0.5633802817vw );
	font-weight: 600;
	line-height: 1.15;
}

#login-page input[type="email"],
#login-page input[type="password"],
main #login-page select {
	width: 100%;
	min-width: 0;
	height: auto;
	border: 0.1em solid rgb( 102 102 102 );
	border-radius: 0.25em;
	padding: 0.5em 0.6em;
	background: rgb( 51 55 61 );
	color: var( --newday-color-white );
	font: inherit;
	font-size: calc( 0.8679577465rem + 0.5633802817vw );
	font-weight: 600;
	line-height: 1.15;
}

#login-page input[type="email"]:focus,
#login-page input[type="password"]:focus,
main #login-page select:focus {
	border-color: rgb( 102 102 102 );
	outline: 1px auto rgb( 16 21 28 );
}

#login-page .select-input-wrapper {
	border-radius: 0.25em;
	background: rgb( 51 55 61 );
	font-size: calc( 0.8679577465rem + 0.5633802817vw );
	position: relative;
}

main #login-page .select-input-wrapper select {
	appearance: none;
	padding-right: 1.7em;
	background: transparent;
	position: relative;
	z-index: 1;
}

#login-page .select-input-wrapper::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 0.3em solid var( --newday-color-white );
	border-right: 0.3em solid transparent;
	border-bottom: 0.3em solid transparent;
	border-left: 0.3em solid transparent;
	position: absolute;
	top: 50%;
	right: 0.7em;
	transform: translateY( -25% );
}

#login-page #account-admin-login-form input[type="submit"],
#login-page #form_inst_login input[type="submit"],
#login-page #form_magic_link input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
	margin: 0;
	border-radius: 0.25em;
	padding: 0.5em 1em;
	font-family: inherit;
	font-size: calc( 0.8679577465rem + 0.5633802817vw );
	font-weight: 800;
	line-height: 1.15;
	text-transform: none;
	white-space: nowrap;
}

#login-page #account-admin-login-form input[type="submit"],
#login-page #form_inst_login input[type="submit"],
#login-page #form_magic_link input[type="submit"] {
	border: 0.1em solid rgb( 76 80 85 );
	background: rgb( 76 80 85 );
	color: var( --newday-color-white );
}

#login-page #account-admin-login-form input[type="submit"]:hover,
#login-page #account-admin-login-form input[type="submit"]:focus-visible,
#login-page #form_inst_login input[type="submit"]:hover,
#login-page #form_inst_login input[type="submit"]:focus-visible,
#login-page #form_magic_link input[type="submit"]:hover,
#login-page #form_magic_link input[type="submit"]:focus-visible {
	border-color: var( --newday-color-grey-90 );
	background: rgb( 76 80 85 );
	color: var( --newday-color-white );
}

#account-admin-login > summary {
	cursor: pointer;
}

#account-admin-login > summary:focus-visible {
	outline: 2px solid var( --newday-color-white );
	outline-offset: 0.25em;
}

#account-admin-login #account-admin-login-form {
	margin-top: 1.5em;
}

#account-admin-login-form > a {
	font-size: calc( 0.8679577465rem + 0.5633802817vw );
	line-height: 1.15;
}

#account-admin-login #account-admin-login-form label[for="account-admin-login-remember"] {
	display: flex;
	align-items: center;
	gap: 0.5em;
	margin: 0;
	font-weight: 400;
}

#account-admin-login input[type="checkbox"] {
	flex-shrink: 0;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0;
	accent-color: var( --newday-color-primary );
}

main #login-page select option {
	background: rgb( 51 55 61 ) !important;
	color: var( --newday-color-white );
	font-size: inherit;
	font-weight: 400;
	line-height: 1.15;
}

@media ( max-width: 600px ) {
	#ds_tabs .tablist,
	#ds_tabs_views .tablist {
		display: block;
	}

	#ds_tabs .ds_tabs,
	#ds_tabs_views .ds_tabs,
	#ds_tabs .tab,
	#ds_tabs_views .tab {
		display: block;
		float: none;
		clear: both;
	}
}

@media ( min-width: 811px ) {
	#ds_tabs .tabpanel,
	#ds_tabs_views .tabpanel {
		padding: 2em 0 0;
	}
}