/* ==========================================================================
   Slate — Form & Application-Portal Styles
   Form fields, dialogs, tables, apply-section/status portal, datepicker,
   file uploads. Requires the CSS variables defined in slate-branding.css
   (--coral, --black, --gray, --space, --container, etc.) — load that file
   first.
   ========================================================================== */

button,
input,
select,
textarea,
input[type="file"] {
  width: auto;
  border-radius: 0;
  color: inherit;
  font: inherit;
  text-overflow: ellipsis;
  margin: 0 !important;
  background-color: #fafafa !important;
  border:#dddddd  1px solid !important;
	flex: 1 !important;
}
button{
	border: 0 !important;
	flex: unset !important; 
	margin-bottom: 2rem;
}
select{
	height:42px;
}
input[type="checkbox"],input[type="radio"]{
	flex: unset !important;
}

button:hover,
input:hover,
select:hover,
textarea:hover,
input[type="file"]:hover,
button:focus,
input:focus,
select:focus,
textarea:focus,
input[type="file"]:focus
{
  background-color: #f6f6f6 !important;	
}
body,
input.password,
input.text,
select,
textarea {
  font: var(--body) !important;
  font-size: 16px !important;
}
input,
select,
textarea,
input[type="password"],
input[type="text"],
input[type="email"],
input[type="tel"],
input:not([type]) {
  border: 1px solid #dddddd;
  padding: 0.5rem;
  font-size: 1rem;
  max-width: 500px !important;
  width: 100% !important;
}
[type="radio"],
[type="checkbox"] {
  width: unset !important;
  margin-right: 0.5rem;
}
textarea {
  border: 1px solid var(--gray);
  border-bottom-color: black;
}
textarea {
  resize: vertical !important;
}
textarea,input[name="signature"] {
  background-color:#dddddd;
  border: 1px #dddddd solid;
  min-height: 5rem !important;
}
label {
  padding-top: 0.2rem;
}
label.form_label {
  max-width: 500px;
}
label em, .form_label em{
	font-weight: 300;
}

div.flex-parent {
  display: flex !important;
  align-items: baseline;
  flex-direction: row !important;
  justify-content: start;
  flex-wrap: nowrap;
}
.flex-parent {
  display: flex;
}
div.flex-parent .form_label {
  width: 100% !important;
  align-items: center;
}
div.flex-parent [type="radio"],
div.flex-parent [type="checkbox"] {
  width: fit-content;
  align-items: center;
  display: block;
  margin-right: 0.5rem;
}

/* -------------------------------------------------------------------------
   Form fields (form_question / form_label / form_address / form_birthdate)
   ------------------------------------------------------------------------- */
div.form_question {
    margin-bottom: 2rem !important;
	max-width: 500px;
   }
div.form_question .form_label,
div.form_question label,
label {
  width: unset !important;
  display: block;
  padding-bottom: 0.2rem !important;
}
div.form_question .form_label a,
div.form_question label a,
label a {
  font: inherit !important;
}
.form_question * {
  margin: 0;
}
#birthdate{
	display: flex;
	gap: .5rem;
}
.form_birthdate select,
#birthdate select {
  width: auto !important;
}
.form_address {
  grid-column-start: 1;
  grid-column-end: 3;
}
.form_address > fieldset > .form_label {
  font: var(--h3);
}
/* Birthday */
.form_birthdate .form_label {
    margin-bottom: 0 !important;
}
.form_birthdate .form_responses {
  display: flex !important;
  flex-direction: row !important;
  gap: 0.5rem !important;
}
.form_birthdate > .form_label{
  margin:0 !important;
}
.form_birthdate 
div.form_page {
  margin-bottom: 2rem;
}
/* div.form_question:not(.date-input) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
} */
[data-type="select"] {
  flex-direction: column !important;
}


/* Radio button styling */
.form_radio .form_responses {
    display: flex !important;
	flex-direction: row !important;
    gap: 1rem;
}

.form_label,
label {
  font-weight: 700;
}
.form_textarea {
  flex-direction: column !important;
}
#register_form tr {
  display: flex !important;
  flex-direction: column;
}
#register_form colgroup,
#register_form col,
#register_form tbody,
#register_form tr {
  width: 100% !important;
}
div.form_question.form_checkbox fieldset {
  display: flex !important;
  flex-direction: column;
}
div.form_checkbox {
  grid-column: span 2;
}
.form_responses {
  display: grid;
}
div.form_container:not(.form_width_narrow) div.form_question.form_layout_table {
  display: flex;
  flex-direction: column;
	max-width:500px !important;
}
div.form_container:not(.form_width_narrow)  div.form_question.form_layout_table  > fieldset  > div,
.form_address > fieldset > div {
  display: flex;
  flex-direction: column;
  margin-bottom: 0rem;
}
.form_container label, .form_container div{
padding: 0 !important;
}
.password_change {
  flex-direction: column;
}

[data-type="textarea"] label {
  font-weight: 200;
}
[data-type="textarea"],
[data-type="plugin:event"] {
  grid-column: span 2;
}

.date-input {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  max-width: 500px;
}
.date-input label {
  grid-column: span 3;
}
.date-input select {
  margin: 0 !important;
}
.address_label {
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  font: var(--cond);
}
a.address_delete_link,
a#address_insert_link {
  font: var(--body) !important;
  background: var(--gray) !important;
  padding: 0.5rem !important;
}
.supplemental-documents .form_question {
  grid-column: span 2;
}
input#ssn {
  display: flex;
}
br#map_clear {
  display: none;
}
div#map {
  width: unset !important;
}

/* -------------------------------------------------------------------------
   Table / column headers used inside forms & the application portal
   ------------------------------------------------------------------------- */

div.form_header,
tr.header,
tr.header > th,
tr.header > td,
.header,
tr.header,
tr.column > th,
tr.column > td,
.column,
div.form_header .form_label {
  grid-column: span 2;
  background-color: unset !important;
  font: var(--h3);
  font-size: 1.2rem !important;
}
.dialog .header {
  font: var(--h5);
}
[aria-label^="Edit"] tbody tbody {
  display: flex;
  flex-direction: column;
}
[aria-label^="Edit"] colgroup {
  display: none !important;
}
[aria-label^="Edit"] th {
  font: var(--h5) !important;
}
[aria-label^="Edit"] tr {
  display: flex;
  flex-direction: column;
}
[aria-label^="Edit"] td div {
  display: flex;
  flex-wrap: wrap;
}
[aria-label^="Edit"] table.fixed > * > tr,
table.layout > * > tr {
  flex-direction: row;
  width: 100%;
}
div.form_header .form_label {
  background: none;
  font: var(--h3);
  padding: 0 !important;
  width: 100%;
}
.table thead tr {
  font: var(--h5);
}
tr.header > th {
  font-size: 1.8rem !important;
}
.header * {
  color: #ff4438 !important;
}
td > a {
  white-space: nowrap;
  color: unset !important;
}
table.table>thead>tr>td>a, table.table a.normal{
	text-decoration:none !important;
	color: black !important;
	font: var(--cond)
	font-size: 1rem;
}
table.table>thead>tr.hover>td a,
table.table>tbody>tr.hover>td a,
table.table>tbody>tr.hover *{
	color: black !important;
}

/* -------------------------------------------------------------------------
   Section menu / sidebar (in-portal application navigation)
   ------------------------------------------------------------------------- */

#content {
  padding-inline: var(--container) !important;
}
div#menu ul li a {
  display: block;
  padding: 0;
  text-decoration: unset !important;
  width: calc(100% - 3rem);
  margin: 1rem;
  font: var(--h5);
  font-family: var(--univers);
  background: none;
}
div#menu ul li a:hover {
  background: none !important;
  opacity: 0.5;
}
div#menu ul li a.selected {
  opacity: 1 !important;
  background-color: unset !important;
}
div#menu ul li a.selected {
  color: black !important;
  text-decoration: underline !important;
}
div#menu {
  width: unset !important;
}
#side {
  float: unset;
  min-height: 100px;
  background: var(--coral);
  margin-inline: 0;
  padding: 2rem;
  width: 100% !important;
  width: -webkit-fill-available !important;
}
#menu > ul > li:after {
  content: "";
  display: block;
  width: 100%;
  margin-block: 1rem;
  border-top: 0.125rem solid currentColor;
  opacity: 0.1;
}
#menu:before {
  display: block;
  content: "In This Section";
  padding: 0 !important;
  margin: 0 !important;
  font: var(--h6);
}
#menu ul:before {
  content: "";
  display: block;
  width: 100%;
  margin-block: 1.5rem;
  border-top: 0.125rem solid currentColor;
  opacity: 0.1;
}
#inThisSectionButton {
  display: none !important;
}
#content.full-width {
  grid-template-columns: 1fr;
  padding-inline: var(--container) !important;
}

@media screen and (max-width: 768px) {
	table.table tr{
		display: inline;
	}
  .header th {
    font-size: 1.3rem;
  }
  .header .form_label {
    font-size: 1.2rem !important;
  }
  label {
    font-size: 1rem !important;
  }
  .dialog {
    max-height: 80%;
    overflow: scroll;
  }
  #tab_browse #slides {
    grid-template-columns: 1fr;
  }
  [aria-label="Definitions"] div {
    height: max-content;
    overflow: scroll;
  }
  #menu > select {
    display: none !important;
  }
  #menu > ul > li:after {
    margin: 1rem !important;
  }
	#content{
		padding-inline:var(--container) !important;
	}
  #content,
  div.form_page,
  div.form_question,
  div#menu > ul.active,
  .form_page {
    display: flex !important;
    flex-direction: column;
    margin-bottom: 1rem !important;
  }
  .form_page label {
    padding: 0.5rem 0 !important;
  }
  form {
    margin-bottom: 2rem !important;
  }
  div#menu > ul {
    display: block !important;
  }
  input,
  select,
  textarea,
  input[type="password"],
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input:not([type]) {
    max-width: unset !important;
  }

  .part_rows_container img {
    width: fit-content;
    height: auto;
  }
  .nohighlight tbody > tr > td {
    display: block;
    padding: 0.2rem !important;
    width: fit-content;
    min-width: unset;
    max-width: unset;
  }
  .nohighlight tbody > tr > td img {
    display: none;
  }
  div.date-input {
    display: grid !important;
    max-width: 500px !important;
  }
  .form_address fieldset {
    display: block !important;
  }
}

@media screen and (max-width: 1023px) {
  #menu:before {
    display: none;
  }
    body:not(.application-management) #content {
        display: flex !important;
        flex-direction: column-reverse;
    }
  #menu ul.hidden.active * {
    font: var(--body) !important;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 700 !important;
    height: min-content;
  }
  .SubNav__toggle:after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    transition: transform var(--transition);
    background: #000;
    -webkit-mask-image: url(../images/arrow-down.svg);
    mask-image: url(../images/arrow-down.svg);
    transition-property: height, width;
    visibility: visible;
    display: inline-block;
    float: right;
  }
  #inThisSectionButton {
    display: block !important;
    margin: 0;
    padding: 0 !important;
    font: var(--h5) !important;
    width: 100% !important;
    text-align: justify !important;
  }
  #menu ul.hidden.active:before {
    content: "";
    display: block;
    width: 100%;
    margin-block: 1.5rem;
    border-top: 0.125rem solid currentColor;
    opacity: 0.1;
  }
  #menu > ul {
    display: block;
  }
  #menu > ul.active {
    display: block;
  }
}

/* -------------------------------------------------------------------------
   Tabs / subtabs
   ------------------------------------------------------------------------- */

.tabs {
  padding: 0 !important;
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
}
.tabs a {
  padding: 1rem !important;
  height: unset !important;
  background: none !important;
  font: var(--body) !important;
  font-weight: 900 !important;
}
.tabs a.selected {
  background-color: var(--coral) !important;
}
.tabs_overflow_menu,
.tabs_overflow_fade {
  display: none !important;
}
ul.subtabs {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1rem;
  margin: 1rem 0;
}

/* -------------------------------------------------------------------------
   Action buttons / review pages
   ------------------------------------------------------------------------- */

ul.action li a {
  background: var(--black);
  color: var(--white);
}
.action {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
	margin-bottom: 2rem;
}
body.review .action {
  margin-top: 2rem;
}
.action button,
.action li a {
  margin-right: 1rem !important;
}
body.review form table div {
  margin: 0 auto !important;
}
body.review table a {
  color: black !important;
  text-decoration: none !important;
}
table.table>*>tr>th, table.table>*>tr>td{
	padding: 1rem 0 !important;
}
form.apply_navigate_skip {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: fit-content;
}

.custom-btn {
  background: #ff4438;
  border: none !important;
  padding: 12px 32px;
  font-family: "Univers", Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
  transition: background 0.18s;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  width: 100%;
  color: black !important;
  border-radius: 0 !important;
  font: var(--h5) !important;
}

.custom-btn.active,
.custom-btn:hover,
.custom-btn:focus {
  background: #ff4459;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 768px) {
  .button-row {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .custom-btn {
    width: 100%;
    margin: 0;
    color: black !important;
  }
  ul.subtabs {
    display: flex !important;
    flex-direction: column !important;
  }
  .portal_row.grid_container {
    display: flex;
    flex-direction: column;
  }
}
form[action="review"] .table, form[action="review"] div {
    margin: 1rem auto !important;
}
form[action="review"] a{
	color: black !important;
	text-decorate: none !important;
}

/* -------------------------------------------------------------------------
   apply-section / application-management / applicant-status-portal
   ------------------------------------------------------------------------- */

#layer_background .form_page tr {
  font: var(--body);
  padding: 0.5rem;
  grid-column: span 2;
  display: flex;
  flex-direction: column;
}
div[role="banner"] {
  width: 100%;
  grid-row: 1;
  padding: 1rem;
}
div[role="banner"] * {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  padding: 0.5rem 0 !important;
  margin: 0 !important;
  text-align: left !important;
}
.apply-section.update #content,
.apply-section.status #content {
  display: block;
  margin-block: calc(var(--space) / 2);
  padding-inline: calc(var(--container)) !important;
}
.apply-section.status #content {
  display: flex !important;
}

.apply-section #content #side {
  grid-row: 2;
  grid-column: 2;
  height: fit-content;
}
.apply-section #content #main {
  grid-row: 2;
  grid-column: 1;
  width: unset !important;
	margin-bottom: 1.5rem;
}
.apply-section .form_page th {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.apply-section #content ul {
  margin-top: 1rem;
}
.apply-section #content {
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin-block: calc(var(--space) / 2);
  padding-inline: var(--container) !important;
  gap: 0 2rem;
  grid-template-areas:
    "a b"
    "c d";
}

.apply-section #global {
  grid-area: b;
}
.apply-section [role="banner"] {
  grid-area: a;
}
.apply-section #side {
  grid-area: c;
}
.apply-section #main {
  grid-area: c;
}
.applicant-status-portal #content {
  display: grid !important;
}
.applicant-status-portal .two_column_with_header > tbody > tr {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 1rem;
  width: 100%;
}
.applicant-status-portal colgroup {
  display: none;
}

.applicant-status-portal .button-row {
  justify-content: left;
}
.application-management #content {
  display: block;
}

.application-management tr,
.review tr,
.academic-history tr,
.letters-of-recommendation tr,
.status tr {
  display: table-row;
  height: 3rem;
  vertical-align: middle !important;
}
colgroup {
  display: block;
}
.application-management table.table > * > tr > th > div:first-child,
.application-management table.table > * > tr > td > div:first-child {
  white-space: normal;
}
.application-management colgroup {
  display: table-column-group !important;
}
#part_checklist_Material table {
  table-layout: auto;
}
#part_checklist_Material colgroup {
  display: none;
}
.applicant-status-portals table.table > * > tr > td,
.apply-section.status table.table > * > tr > td {
  min-width: 50px;
}

.applicant-status-portal table,
.apply-section.status table {
  table-layout: auto;
}
/* Special Tables */
@media only screen and (max-width: 768px) {
 /* Reset the table itself */
    .application-management .table.nohighlight, 
	.review .table,
	.applicant-status-portal .responsive-table table,
	.applicant-status-portal #part_checklist_Enrollment table,
	.applicant-status-portal #part_checklist_Material table
	{
        display: block !important;
        width: 100% !important;
        border: 0 !important;
        border-collapse: separate !important;
        margin: 1rem 0 !important;
		min-width: unset !important;
    }
    .application-management .table.nohighlight ::before, 
	.review .table ::before,
	.applicant-status-portal #part_checklist_Material table ::before,
	.applicant-status-portal #part_checklist_Enrollment table ::before{
		display: inline-block !important;
		font-weight: 700 !important;
		margin-right: .5rem !important;
		margin-left: unset !important;
		width: unset !important;
		padding: 0 !important!;
	}
	.applicant-status-portal .responsive-table table ::before{
		display: none !important;
	}
    .application-management .table.nohighlight colgroup,
    .application-management .table.nohighlight col,
	.applicant-status-portal .responsive-table table,
		.applicant-status-portal #part_checklist_Enrollment table,
	.applicant-status-portal #part_checklist_Material table{
        display: none !important;
    }
	.applicant-status-portal #part_checklist_Enrollment table img,
	.applicant-status-portal #part_checklist_Material table img{
		margin-left:1rem;
		display: inline-block;
	}
	.applicant-status-portal #part_checklist_Enrollment table tbody td,
	.applicant-status-portal #part_checklist_Material table tbody td{
		overflow: unset !important;
		text-overflow: unset !important;
		white-space: normal !important;
	}
    /* Reset table sections */
    .application-management .table.nohighlight thead,
    .application-management .table.nohighlight tbody,
	.applicant-status-portal .responsive-table table,
		.applicant-status-portal #part_checklist_Enrollment table,
	.applicant-status-portal #part_checklist_Material table{
        display: block !important;
        width: 100% !important;
	
    }

    /* ---------------------------------
       Heading: Your Applications
       --------------------------------- */

    .application-management .table.nohighlight thead tr.header {
        display: block !important;
        width: 100% !important;
        margin: 0 0 15px !important;
    }

     .application-management.table.nohighlight thead tr.header th {
        display: block !important;
        width: 100% !important;
        padding: 0 0 10px !important;
    }

    /* Hide the desktop column headings */
    .table.nohighlight thead tr.column {
        display: none !important;
    }

    /* Description row */
     .application-management.table.nohighlight thead tr:not(.header):not(.column) {
        display: block !important;
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    .application-management .table.nohighlight thead tr:not(.header):not(.column) td {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* ---------------------------------
       Application rows
       --------------------------------- */

    .application-management  .table.nohighlight tbody tr,
	.applicant-status-portal .responsive-table table tbody tr,
		.applicant-status-portal #part_checklist_Enrollment table tbody tr,
	.applicant-status-portal #part_checklist_Material table tbody tr{
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        box-sizing: border-box !important;
		height: unset;
        margin: 0 0 15px !important;
        padding: 15px !important;
        border: 1px solid #ddd !important;
        background: #fafafa !important;
    }

    .application-management  .table.nohighlight tbody td,
	.applicant-status-portal .responsive-table table tbody td,
		.applicant-status-portal #part_checklist_Enrollment table tbody td,
	.applicant-status-portal #part_checklist_Material table tbody td{
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 4px 0 !important;
        margin: 0 !important;
		background: unset !important;
        border: 0 !important;
        float: none !important;
        position: static !important;
    }

    /* Application title */
    .application-management  .table.nohighlight tbody td:first-child {
        padding: 0 0 12px !important;
        font-size: 1.05rem !important;
        font-weight: 600 !important;
    }

    .application-management  .table.nohighlight tbody td:first-child div {
        display: block !important;
    }

    .application-management  .table.nohighlight tbody td:first-child a {
        display: inline !important;
    }

    /* Labels */

	  .application-management  .table.nohighlight tbody td:nth-child(2)::before {
        content: "Status: ";
		  		display: contents !important;

        font-weight: 600;
    }

     .application-management .table.nohighlight tbody td:nth-child(3)::before {
        content: "Started: ";
		 		display: contents !important;

        font-weight: 600;
    }

     .application-management .table.nohighlight tbody td:nth-child(4)::before {
        content: "Submitted: ";
		 		display: contents !important;

        font-weight: 600;
    }
	    /* Empty submitted date */
     .application-management .table.nohighlight tbody td:nth-child(4):empty::after {
        content: "—";
		display: contents !important;
    }
	body.review .table {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    border-collapse: separate !important;
    margin: 25px 0 !important;
}

/* Hide column groups */
body.review .table colgroup,
body.review .table col {
    display: none !important;
}

/* Reset table sections */
body.review .table thead,
body.review .table tbody {
    display: block !important;
    width: 100% !important;
}

/* Hide the desktop column headings */
body.review .table thead tr.column {
    display: none !important;
}

/* ---------------------------------
   Error / Review Cards
   --------------------------------- */

body.review .table tbody tr {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    box-sizing: border-box !important;
	height: unset !important;
    margin: 0 0 15px !important;
    padding: 15px !important;

    border: 1px solid #ddd !important;
    background: #fafafa !important;
}

/* Reset cells */
body.review .table tbody td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    padding: 4px 0 !important;
    margin: 0 !important;

    border: 0 !important;
    float: none !important;
    position: static !important;
}

/* ---------------------------------
   Section
   --------------------------------- */

body.review .table tbody td:first-child {
    padding: 0 0 8px !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
}

body.review .table tbody td:first-child a {
    display: inline !important;
}

/* ---------------------------------
   Required Field / Error
   --------------------------------- */

body.review .table tbody td:nth-child(2) {
    padding-top: 0 !important;
}

/* Add the column heading as the label */
body.review .table tbody td:nth-child(1)::before {
    content: "Section: ";
	display:contents;
    font-weight: 600;
}

body.review .table tbody td:nth-child(2)::before {
    content: "Required Field or Error: ";
    font-weight: 600;
		display:contents;
}
}

body.error {
  border-left: 0;
  color: unset;
  display: block;
  padding: 0;
  background-color: unset;
  border-color: unset;
}

.portal_row.grid_container {
  display: flex;
  gap: 2rem;
}
.portal_row > div {
  width: 100%;
}

.prospect-portal .portal_row.grid_container {
  display: grid;
}


/* -------------------------------------------------------------------------
   Dialogs / modals
   ------------------------------------------------------------------------- */

.dialog_host .dialog {
  box-shadow: none !important;
  height: fit-content;
  width: fit-content;
  -webkit-box-shadow: none !important;
  padding: 1rem;
  box-shadow: var(--black-70) 2px 2px 2px 2px !important;
  max-height: 100%;
	max-width: 600px !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.dialog_host {
  height: 100%;
  width: 100%;
  top: 0 !important;
  display: flex;
  position: fixed;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  padding: 1rem;
	left:0 !important;
  backdrop-filter: blur(5px);
}
.dialog_host input[type="radio"],
.dialog_host label {
  display: inline-block;
  vertical-align: middle;
  padding: 0.4rem 5px;
}
.dialog_closeable>div{
	width:unset !important;
}
.dialog_closeable .content{
	padding: 0 !important;
	padding-top:1rem !important;
}
.dialog > tbody > tr > th {
  background: none !important;
  font: var(--h4);
  margin-top: 1rem;
}

.dialog_closeable * {
  max-width: 600px;
}
.dialog_closeable .content {
  height: unset !important;
}
.dialog button {
  font: var(--h5) !important;
}
.dialog button:last-of-type {
  background-color: var(--gray) !important;
}

.dialog_closeable tr {
  display: flex !important;
  flex-direction: column !important;
  height: unset !important;
}
.dialog_closeable tr th {
  margin-top: 0 !important;
}

.dialog_closeable tr th label {
  font-size: 1rem;
  padding: 0 !important;
}
.dialog_closeable [type="radio"] {
  min-width: unset !important;
}
.dialog_closeable .action,
.dialog_closeable .action span,
.dialog_closeable .action button {
  min-width: unset !important;
}
.dialog_closeable fieldset label {
  font-size: 1rem;
  font-weight: 500;
}
.dialog_closeable fieldset legend {
  font-weight: 700;
}

.dialog_closeable select#from_m,
.dialog_closeable select#from_y,
.dialog_closeable select#to_m,
.dialog_closeable select#to_y {
  width: 20%;
  min-width: unset;
  margin-right: 0.5rem !important;
}
.dialog_closeable .header th {
  font-size: 1rem;
}
.dialog_closeable .header,
.dialog_closeable .header th {
  padding: 0;
  font-size: 1.6rem;
}
.dialog_close {
  min-width: unset !important;
  position: sticky;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  float: right;
  z-index: 22;
}
.dialog div.action{
	padding:1rem 0 !important;
	border-top: none !important;
}
@media only screen and (max-width:768px){
	.dialog_closeable td, .dialog_closeable th, .dialog_closeable tr{
		padding:.5rem 0 0 !important;
		background: unset !important;
	}
		[aria-label="Application Details"].dialog_closeable tr {
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between;
	}
	[aria-label="Application Details"] table.plain>tbody>tr>th{
		background: unset !important;
	}
	
[aria-label="Application Details"].dialog_closeable tr:nth-child(4) tr {
  display: table-row !important;
}
[aria-label="Application Details"].dialog_closeable * {
  max-width: unset;
}

[aria-label="Application Details"].dialog_closeable tr:nth-child(4) td br {
  display: none !important;
}

[aria-label="Application Details"].dialog_closeable tr:nth-child(4) td input[name="round"][type="radio"] {
  margin-right: 0.5rem;
	margin-top: 0.2rem !important;
}

[aria-label="Application Details"].dialog_closeable tr:nth-child(4) td label[for^="round_"] {
  display: inline-block;
  margin-bottom: 0.75rem;
  
}
[aria-label="Application Details"].dialog_closeable tr:nth-child(4) td {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem 0.5rem;
  align-items: start;
}

[aria-label="Application Details"].dialog_closeable tr:nth-child(4) td > br {
  display: none;
}

[aria-label="Application Details"].dialog_closeable tr:nth-child(4) td > input[type="hidden"] {
  display: none;
}

[aria-label="Application Details"].dialog_closeable tr:nth-child(4) td > input[type="radio"] {
  grid-column: 1;
}

[aria-label="Application Details"].dialog_closeable tr:nth-child(4) td > label {
  grid-column: 2;
}
	[aria-label="Application Details"].dialog_host input[type="radio"], .dialog_host label{
		padding : 0 !important
	}
}

/* -------------------------------------------------------------------------
   File upload / slides
   ------------------------------------------------------------------------- */

tr#upload_display * {
  margin: 0.5rem 0 !important;
  margin-right: 0.5rem !important;
}
#tab_browse {
  padding: 1rem 0;
}
#tab_browse #slides {
  display: flex;
  flex-direction: row;
  gap: 0 1rem;
  padding-top: 1rem;
  flex-wrap: wrap;
}
#slides .slide {
  background: var(--gray);
  border: 2px solid var(--black-5);
  cursor: move;
  float: unset;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  position: relative;
  text-align: center;
  width: calc(50% - 0.5rem);
  height: auto;
}
#slides .slide_thumbnail {
  color: var(--white);
  font-size: var(--body);
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: fill;
  background-size: cover !important;
  background-position: center !important;
}
div.part.padding2 {
  padding-left: 0px !important;
}
.part_rows_container img {
  height: auto;
}
.success {
  flex: 0 0 100%;
}
.qq-upload-list button,
.trigger-upload {
  --bg: var(--gray) !important;
  --offset: 0.5rem;
  --outline: var(--bg);
  display: inline-block;
  position: relative;
  padding: 0.5rem 1rem;
  border: 0;
  background: var(--bg) !important;
  background-clip: padding-box;
  color: var(--black);
  font: var(--h6) !important;
  font-family: var(--forza) !important;
  text-align: center;
  text-decoration: none;
  margin-right: 1rem !important;
}
.part select {
  float: unset !important;
}
.qq-upload-button-styled {
  line-height: inherit !important;
  font-size: inherit !important;
}

/* -------------------------------------------------------------------------
   Datepicker (jQuery UI) & calendar
   ------------------------------------------------------------------------- */

.ui-datepicker {
  min-width: 300px !important;
}

.ui-datepicker a {
  background: none;
}

.ui-datepicker a {
  width: 100%;
}

.ui-datepicker a:hover {
  color: black;
}

.ui-datepicker td {
  border: 1px solid #ccc !important;
  color: #333;
}
.ui-state-hover {
  color: black !important;
}

.ui-datepicker th {
  padding: 0.5rem 0 !important;
  text-align: center !important;
  font-weight: bold;
  border: 1px solid #ccc !important;
  background: #eee !important;
}
.ui-datepicker-header {
  background-color: var(--coral);
  color: #000 !important;
}
.ui-icon {
  filter: brightness(0);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0;
  width: 1.8em;
  height: 100%;
}
.ui-datepicker-calendar tr {
  display: table-row;
}
.portal_datepicker_container {
  margin-top: 0;
}
.calendar_legend {
  margin: 0 0.5rem;
}
.event_list_display .calendar_legend {
  margin: 0 0.5rem;
  vertical-align: middle;
  margin-top: 0.5rem;
}
.event_list_display div.event {
  padding: 0.5rem 0;
}
.event_list_display {
  padding-left: 0;
}
.two_equal_column_with_header tr {
  display: table-row;
}

/* -------------------------------------------------------------------------
   Login table and reset page
   ------------------------------------------------------------------------- */
.reset-password form{
	margin: 0 auto;
	max-width:500px
}
.reset-password table>tbody>tr{
	display: flex;
	flex-direction:column;
	max-width:500px;
	margin-bottom: 1rem;
}
.reset-password table>tbody>tr>td,
.reset-password table>tbody>tr>th{
	padding:0;
	background: none;

}
.reset-password table>tbody>tr label{
	font-family: Univers, Arial, sans-serif;
	font-size: 1rem;
		
}

@media only screen and (max-width: 768px) {
  table.plain,
  table.plain > tbody,
  table.plain > tbody > tr {
    display: flex !important;
    flex-direction: column;
  }
  .login table.plain,
  .login table.plain > tbody,
  .login table.plain > tbody > tr {
    display: inline-block !important;
  }
  .login table.plain > tbody > tr > th {
    background: unset;
    padding: 0;
  }
  .login table.plain > tbody > tr > td {
    padding: 0 0 1rem 0;
  }
  .login table.plain > tbody > tr > td > input {
    border: 1px solid black;
    width: 100% !important;
    max-width: unset;
  }
  .login table.plain > tbody > tr > td > a {
    margin-left: 0 !important;
    padding-top: 0.5rem;
    display: block;
  }
}
.Header__toggle--menu{
	    background-color: unset !important;
    border: unset !important;
}
ul.custom-plus li:before{
	color: #ff4438 !important;
}
summary{
	font: var(--h3);
	color:#000000 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active{
	background: unset !important;
	color:#000000 !important;
}.ui-datepicker-calendar .available a { color:#000000 !important}
[data-handler="selectDay"], .calendar_legend.available{background-color: #86c743 !important}