.tab label {
    margin-right: 5px;
}

.crmEntityFormView .tab-title 
{
    padding-bottom: 10px !important;
    margin-bottom: 3px !important;
}


.eursc-nav ul
{
	list-style-type: none;
	padding-inline-start: 0px;
	margin-block-start: 0px;
	margin-block-end: 0px;
}

li a
{
	margin-left: 0px;
}

.eursc-warning
{
    padding: 0;
    margin-top: 20px;
}

.eursc-warning-content
{
    width: 100%;
    border: 3px solid black;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.eursc-warning .eursc-warning-icon
{
    margin-right: 20px;
}

.eursc-banner
{
	display: flex;
	align-items: flex-end;
	margin-bottom: 10px;
	padding: 0;
	font-family: "Arial","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
}

.eursc-banner img
{
	width: 150px;
	margin: 20px 0 0 0;

}

.eursc-banner .title
{
	margin: 20px 20px 0 20px;
	color: #3284C6;
	font-size: 18px;
	text-decoration: none;
}

.eursc-banner .langs
{
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
	user-select: none;
}

.eursc-banner .langs a
{
	width: 40px;
	height: 40px;
	background: #FFCC04;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 2px;
	cursor: pointer;
	text-decoration: none;
	color: black;
	font-size: 14px;
}

.eursc-nav
{
	padding: 0 20px;
	box-sizing: border-box;

	background: #233E90;
	font-size: 14px;
	font-family: "Arial","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
}

.eursc-nav-anchor
{
    text-align: center;
}

.eursc-nav.open
{
	flex-direction: column;
	height: auto;
	padding: 0 20px 20px 20px;
}

.eursc-nav-hamburger
{
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.hamburger-slice
{
	height: 2px;
	width: 20px;
	background: white;
	margin: 6px;
}

.eursc-nav-hamburger div
{
	color: white;
	cursor: pointer;
}

.eursc-nav-urls
{
	display: none;
}

.open .eursc-nav-urls
{
	display: block;
}

.eursc-nav-urls a
{
	padding: 10px 20px;
	height: 100%;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;
}

.eursc-nav-urls .bell
{
	height: 25px;
	width: 25px;
	transform: rotate(30deg);
}

.eursc-nav-urls a:hover
{
	background-color: #3284C6;
}

.eursc-nav-urls .dropdown
{
	position: relative;
	z-index: 9999;
}

.eursc-nav-urls .dropdown > ul
{
	display: none;
	margin-left: 20px;
	border-left: 1px solid white;
}

.eursc-nav-urls .dropdown.open > ul
{
	display: block;
}

.eursc-nav-urls .dropdown a
{
	height: 100%;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 10px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}


@media (min-width: 768px) {

	.eursc-banner .title
	{
		font-size: 24px;
	}

	.eursc-banner img
	{
		width: 200px;
	}

	.eursc-nav
	{
		height: 50px;
	}

	.eursc-nav-hamburger
	{
		display: none;
	}

	.eursc-nav-urls
	{
		height: 100%;
		display: flex;
		justify-content: flex-end;
	}

	.eursc-nav-urls a
	{
		padding: 0 20px;
	}

	.eursc-nav-urls li.dropdown.open > a
	{
		background-color: #3284C6;
	}

	.eursc-nav-urls .dropdown ul
	{
		position: absolute;
		top: 55px;
		background: #233E90;
		margin-left: 0px;
		width: 100%;
		border-left: 0px solid white;
	}

	.eursc-nav-urls .dropdown ul a
	{
		padding: 15px;
	}

}

section#gethelp
{
	display: none;
}

footer
{
	font-family: "Arial","Helvetica Neue", Helvetica, sans-serif;
}

footer .footer-top
{
	padding: 10px;
	background: #EEECE4;
	min-height: 0;
	margin: 0;
    margin-top: 20px;
	display: block;
}

footer ul
{
	list-style: none;
	margin: 0 0 0 20px;

}

footer h6
{
	font-size: 15px;
	color: #686657;
}

footer a
{
	color: #233e90;
	text-decoration: none;
    cursor: pointer;
}

footer .footer-bottom
{
	padding: 10px 0;
	background: #686657;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}


.container.eursc-content-home
{
	position: relative;
	padding-left: 0;
	padding-right: 0;
	margin-top: 20px;
}

.eursc-content-home img
{
	width: 100%;
}

.eursc-content-home .img-arrow-down
{
	width: 200px;
    height: 100%;
}

.eursc-content-home .img-button
{
	width:100px;
    height:50px;
}

.eursc-content-home .main-panel
{
	position: relative;
	top: -100px;
	background: white;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 25px;
	box-sizing: border-box;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	margin-bottom: -40px;
}

.eursc-content-home .main-panel h3:first-child
{
	margin-top: 0;
}

.eursc-content-home .main-panel h3
{
	margin-top: 30px;
}

.eursc-centerer
{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.container .eursc-content-home-instruction
{
	margin: auto;
    width: 100%;
    padding: 10px;
    background-color: rgba(166, 166, 166, 0.1);
}

.container .eursc-content-instruction
{
	margin: auto;
    width: 80%;
    padding: 10px;
    background-color: rgba(166, 166, 166, 0.1);
    color: #000000;
}

.container .eursc-content-instruction ol > li
{
    padding-bottom: 20px;
}

.container .eursc-content-instruction ol > li::marker
{
    font-weight: bold;
}

.container .eursc-btn-sm {
    padding: 2px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0;
}

.eursc-instruction-txt
{
	background-color: #3284C6;
	color: white;
	padding: 10px;
	box-shadow: none;
	border: none;
}

.eursc-button
{
	background-color: #3284C6;
	color: white;
	padding: 10px;
	box-shadow: none;
	border: none;
}

.eursc-button:hover
{
	background: #233E90;
}

.eursc-schoolpicker {
	font-size: 12pt;
}

.eursc-schoolpicker select {
    width: 500px;
}

.eursc-school {
	margin-bottom: 10px;
}

.eursc-selection-arrows {
	color: #233E90;
}

.eursc-selection-arrows {
	margin-left: 5px;
	cursor: auto;
	color: gray;
	user-select: none;
}

.eursc-fixedschool {
    font-weight: 600;
}

.eursc-fixedschool-label {
    margin-left: 5px;
}

.eursc-selection-number {
    margin-right: 20px;
}

.eursc-selection-arrow-up {
    margin-left: 5px;
    padding: 5px;
}

.eursc-selection-arrow-down {
    margin-left: 5px;
    padding: 5px;
}

.eursc-clear-span {
	cursor: auto;
	color: gray;
	user-select: none;
    margin-left: 5px;
    padding: 5px;
}

.eursc-enabled {
	cursor: pointer;
	color: #233E90;
}

.eursc-enrolment-container {
	opacity: 0;
	transition: opacity 500ms ease;
	position: relative;
}

.eursc-loading-icon {
	opacity: 0;
	transition: opacity 500ms ease;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
}


#pedagogicalchoicespicker select
{
    font-size: 12pt;
}

.eursc-download-button {
    color:blue;
    cursor: pointer;
}

.eursc-download-button:hover {
    text-decoration: underline;
}


/* ParentApprovalEndDate */
#EntityFormControl_4260fed5bd8beb11b1ac000d3ada1aaa {

    opacity: 0;
}

/****************************************************************
******** BEGIN ENROLMENT FOLDER NAVIGATION MENU STYLES **********
****************************************************************/


.eursc-enrolment-folder-navigation-container{
    display:flex;
    flex-direction: row;
    flex-flow:row wrap;
    justify-content:flex-start;
    padding:0;
    margin:0;
    font-family: "Arial";
}

.eursc-enrolment-folder-navigation-item-save{
    border: none;
    border-color: #233E90;
    width:132px;
    height:60px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4e99d2;
    font-size:1em;
    text-align:center;
    text-decoration:none;
}

.eursc-enrolment-folder-navigation-item-unsave{
    border: none;
    border-color: #bfbfbf;
    width:132px;
    height:60px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #a6a6a6;
    font-size:1em;
    text-align:center;
    text-decoration:none;
}

.eursc-enrolment-folder-navigation-item-a{
    text-align: center;
    padding: 15px 34px;
	text-decoration: none;
    font-variant: small-caps;
    color: #FFFFFFFF;
    font-size: 13px;
}

.eursc-enrolment-folder-navigation-item-save.active {

    border: 3px solid #FFCC04;
}

a.eursc-enrolment-folder-navigation-item-a:hover{
    /*text-align: center;
   padding: 14.5px 57px;*/
	text-decoration: none;
    color: #FFFFFFFF;
    font-size: 13px;
    /*background-color:#3284C6;*/
}

a.eursc-enrolment-folder-navigation-item-a:active{
    /*text-align: center;
   padding: 14.5px 57px;*/
	text-decoration: none;
    color: #FFFFFFFF;
    font-size: 13px;
    /*background-color:#3284C6;*/
}

.eursc-enrolment-folder-navigation-span{
    text-align: center;
    padding: 15px 34px;
	text-decoration: none;
    font-variant: small-caps;
    color: #FFFFFFFF;
    font-size: 13px;
}

/****************************************************************
******** END ENROLMENT FOLDER NAVIGATION MENU STYLES ************
****************************************************************/

.fa-info-circle{
  position: relative;
  top: 2px;
  font-size: 13px;
  margin-right: 10px;
  color: #35c8e6;
}

/****************************************************************
*********** BEGIN PEDAGOGICAL CHOICES STYLES ********************
****************************************************************/

body {
  padding: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

.eursc-ef-pc-content {
  display: flex;
}

.eursc-ef-pc-ka {
  margin-top: 20px;
  grid-column-start: 1;
  grid-column-end: 3;
}

.eursc-ef-pc-course-section {
  margin-bottom: 20px;
  width: 720px;
}

.eursc-ef-pc-course-section-header {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.eursc-ef-pc-course-section-title {
  border-bottom: 2px solid #242020;
  text-transform: uppercase;
  padding: 10px;
  margin-right: 15px;
}

.eursc-ef-pc-course-error {
  margin: 5px 0;
  color: darkred;
  font-size: 10pt;
}

.eursc-ef-pc-custom-select-container {
  display: flex;
  align-items: center;
}

.eursc-ef-pc-custom-select {
  min-width: 300px;
  min-height: 25px;
  margin: 5px 0;
}

.eursc-ef-pc-custom-select-clear {
  font-size: 10pt;
  margin-left: 10px;
  padding: 5px;
  user-select: none;
}

.eursc-ef-pc-custom-select-clear:hover {
  background: #2c2b2b;
  color: red;
  cursor: pointer;
  transition: background 300ms ease, color 200ms ease;
}

.eursc-ef-pc-custom-select-clear.disabled {
  background: transparent;
  color: grey;
  cursor: default;
}

.eursc-ef-pc-alternative-configurable-course-option-label {
  font-size: 10pt;
}

.eursc-ef-pc-alternative-configurable-course-option-label.disabled {
  color: grey;
}

.eursc-ef-pc-custom-radio-input {
  transform: translateY(2px);
  cursor: pointer;
}

.eursc-ef-pc-custom-radio-label {
  padding-left: 5px;
  margin-right: 20px;
  cursor: pointer;
}

.eursc-ef-pc-course {
  background: #f7f5f5;
  margin: 10px 10px 10px 0;
  padding: 10px;
  display: grid;
  grid-template-columns: 50% 50%;
}

.eursc-ef-pc-course-title {
  grid-column-start: 1;
  grid-column-end: 2;
}

.eursc-ef-pc-course-title .eursc-ef-pc-course-name {
  font-size: 13pt;
}

.eursc-ef-pc-course-title .eursc-ef-pc-course-periods {
  font-size: 10pt;
  color: #242020;
}

.eursc-ef-pc-course-input {
  grid-column-start: 2;
  grid-column-end: 3;
  align-self: center;
}

.eursc-ef-pc-summary-wrapper {
  position: sticky;
  align-self: flex-start;
  top: 20px;
  margin-left: 20px;
}

.eursc-ef-pc-summary-title {
  border-bottom: 2px solid #242020;
  text-transform: uppercase;
  padding: 10px;
  margin-bottom: 25px;
}

.eursc-ef-pc-summary-content {
  background: #f7f5f5;
  padding: 10px;
}

.eursc-ef-pc-summary-course-section-title {
  padding-bottom: 3px;
  border-bottom: 1px solid black;
  margin-bottom: 10px;
  width: fit-content;
}

.eursc-ef-pc-summary-course-section-title:not(:first-of-type) {
  padding-top: 20px;
}

.eursc-ef-pc-summary-courses {
  margin-left: 10px;
  font-size: 11pt;
}

.eursc-ef-pc-summary-course {
  margin: 3px 0;
}

.eursc-ef-pc-summary-choice {
  color: darkolivegreen;
  font-size: 10pt;
  font-weight: 600;
  margin: 5px 0 5px 5px;
}

.eursc-ef-pc-summary-choice:last-of-type {
  margin-bottom: 10px;
}

.eursc-ef-pc-summary-choice.error {
  color: darkred;
}

.eursc-ef-pc-summary-choice-period {
  color: darkolivegreen;
  font-size: 10pt;
  font-weight: 600;
}

.eursc-ef-pc-summary-choice-period.error {
  color: darkred;
  font-weight: 100;
}

.eursc-ef-pc-summary-validate {
  padding: 10px;
  background: #233E90;
  color: white;
  margin-top: 15px;
  cursor: pointer;
  transition: background 300ms ease;
  width: fit-content;
}

.eursc-ef-pc-summary-validate:hover {
  background-color: #4e99d2;
}


/****************************************************************
************* END PEDAGOGICAL CHOICES STYLES ********************
****************************************************************/

.crmEntityFormView .cell {
    padding: 0 0 20px 0;
}


/****************************************************************
*********** BEGIN LEGAL REPRESENTATIVE DROPDOWN LIST ************
****************************************************************/

#legalrepresentative1{
    float: left;
    width: 70%;
}

#legalrepresentative2{
    float: left;
    width: 70%;
}

#eursc_legalrepresentative1relationshiptype{
    float: left;
    width: 70%;
}

#eursc_legalrepresentative2relationshiptype{
    float: left;
    width: 70%;
}

#otherlegalrepresentative{
    float: left;
    width: 70%;
}

#eursc_otherlegalrepresentativerelationshiptype{
    float: left;
    width: 70%;
}


/****************************************************************
*********** END LEGAL REPRESENTATIVE DROPDOWN LIST **************
****************************************************************/

#knowledgedegree{
    height: 35px;
}

#amieligibleenrolmentrequest{
    font-size: 24px;
}



/***************************************************************
******************* BEGIN DOCUMENT UPLOADER *********************
****************************************************************/

body {
  padding: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

.eursc-ef-document-block {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #bdbdbd;
}

.eursc-ef-document-block:first-of-type {
  margin-top: 30px;
}

.eursc-ef-document-block:last-of-type {
  border: none;
  margin-bottom: 10px;
}

.eursc-ef-document-title {
  display: flex;
  align-items: center;
}

.eursc-ef-document-subject {
  font-weight: 600;
  font-size: 14pt;
}

.eursc-ef-document-tag {
  font-size: 8pt;
  padding: 3px 8px;
  border: 1px solid #252526;
  color: #252526;
  text-transform: uppercase;
  margin-left: 15px;
  user-select: none;
  font-weight: bolder;
  border-radius: 2px;
  letter-spacing: 1pt;
}

.eursc-ef-document-tag.yellow {
  background: #FFCC04;
  color: black;
}

.eursc-ef-document-tag.yellow.optional {
  background: #fce795;
  color: #424242;
  font-weight: 100;
}

.eursc-ef-document-kba {
  margin: 15px 0;
  font-size: 12pt;
  color: #343536;
}

.eusrc-ef-document-last-line {
  display: flex;
  align-items: center;
}

.eursc-ef-document-upload-input {
  display: none !important;
}

.eursc-ef-document-upload-button {
  background: #4c74b5;
  color: #fff;
  font-size: 7pt;
  white-space: nowrap;
  padding: 10px 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 200ms ease;
  letter-spacing: 1pt;
  border-radius: 3px;
}

.eursc-ef-document-upload-button:hover {
  background: #1b3d4e;
}

.eursc-ef-document-upload-error {
  color: #751b00;
  margin-left: 15px;
  font-size: 10pt;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}

.eursc-ef-document-uploaded {
  color: black;
  border: 1px dashed black;
  padding: 5px 15px;
  user-select: none;
  font-size: 10pt;
  width: fit-content;
  letter-spacing: 1pt;
  border-radius: 5px;
}

.eursc-ef-document-uploaded.waiting {
  text-align: center;
  width: 200px;
}

.eursc-ef-custom-clear {
  font-size: 10pt;
  margin-right: 10px;
  padding: 5px;
  user-select: none;
  border-radius: 5px;
}

.eursc-ef-custom-clear:hover {
  background: #2c2b2b;
  color: #FFCC04;
  cursor: pointer;
  transition: background 300ms ease;
}

/****************************************************************
******************** END DOCUMENT UPLOADER **********************
***************************************************************


/****************************************************************
************** BEGIN OTHER DOCUMENT TAB STYLES ******************
****************************************************************/

div[data-name="Documents"]
{
    border: 2px solid black;
    border-radius: 5px;
    padding: 20px;
}

div[data-name="Documents"] .tab-column
{
    padding-left: 0px !important;
}

div[data-name="Documents"] .eursc-kba-2
{
    margin-bottom: 20px;
}

div[data-name="Documents"] fieldset[aria-label="Section"]
{
    margin-bottom: 0px;
}

/****************************************************************
*************** END OTHER DOCUMENT TAB STYLES *******************
****************************************************************/


/****************************************************************
******************** BEGIN SUMMARY STYLES ***********************
****************************************************************/


body {
  font-family: Arial, Helvetica, sans-serif;
  color: #2b2b2b;
}

.eursc-ef-summary {
  padding: 20px;
}

.eursc-ef-summary h2 {
  font-size: 22pt;
}

.eursc-ef-summary h3 {
  font-size: 18pt;
  padding-bottom: 5px;
  border-bottom: 1px solid black;
  width: fit-content;
}

.eursc-ef-summary h4 {
  font-size: 14pt;
  color: #3d3d3d;
  margin-bottom: 5px;
}

.eursc-ef-summary .eursc-block {
  padding-left: 10px;
}

.eursc-ef-summary table.eursc-table,
.eursc-ef-summary table.eursc-table th,
.eursc-ef-summary table.eursc-table td {
  border: 1px solid black;
  border-collapse: collapse;
}

.eursc-ef-summary table.eursc-table th,
.eursc-ef-summary table.eursc-table td {
  padding: 5px;
}

.eursc-ef-summary th {
  text-align: left;
  padding-right: 15px;
}

.eursc-ef-summary td {
  padding-right: 30px;
}

.eursc-ef-summary .tdlabel {
  color: #383838;
  font-weight: 600;
}

.eursc-ef-summary ul {
  margin: 5px;
}

.eursc-ef-summary .eursc-label {
  font-size: 10pt;
  text-transform: uppercase;
  font-weight: 600;
}

.eursc-ef-summary .eursc-description {
  font-style: italic;
}

.eursc-ef-pc-summary-course-section-title {
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
}

.eursc-ef-pc-summary-course {
  margin-bottom: 5px;
}

.eursc-ef-pc-summary-choice {
  margin: 3px 0 3px 10px;
  font-size: 10pt;
  font-weight: 600;
}

.eursc-ef-summary .eursc-document-title {
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 5px;
}

div[data-name="tab_11"]
{
    border: 2px solid black;
    border-radius: 5px;
    padding: 20px;
}

/****************************************************************
******************** END SUMMARY STYLES *************************
***************************************************************/


/****************************************************************
*************** BEGIN NATIONALITIES STYLES **********************
***************************************************************/

.component-container {

  /* margin-bottom: 10px; */
}

.eursc-nat-selector-container {
  min-width: 200px;
  margin-right: 5px;
  position: relative;
}

.eursc-nat-selector-input-container {
  width: 100%;
  position: relative;
  cursor: pointer;
}

.eursc-nat-selector-input {
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  border: 1px solid black;
  border-radius: 3px;
  font-size: 11pt;
  float: none !important;
}


.eursc-nat-selector-input:focus-visible {
  outline: none;
}

.eursc-nat-selector-dropdownbtn {
  background: none;
  border: none;
  position: absolute;
  right: 2px;
  top: 6px;
  cursor: pointer;
}

.eursc-nat-selectable-nationalities-container {
  padding: 5px;
  border: 1px solid black;
  border-radius: 3px;
  margin: 5px 0 0 0;
  max-height: 150px;
  overflow-y: scroll;
  cursor: pointer;
  font-size: 11pt;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  background: white;
  z-index:1

}

.eursc-nat-selectable-nationalities-container li {
  list-style: none;
  padding: 5px;
  background: rgba(247, 247, 247, 0.2);
}

.eursc-nat-selectable-nationalities-container li:hover {
  background-color: #eef0f0;
}

.eursc-nat-selected-container {
  display: flex;
  flex-wrap: wrap;
}

.eursc-nat-selected-nat-container {
  border: 1px solid black;
  border-radius: 3px;
  padding: 4px 10px;
  box-sizing: border-box;
  height: fit-content;
  margin: 0 5px;
  position: relative;
  width: fit-content;
  margin: 5px 5px 0px 0px;
}

.eursc-nat-selected-nat-remove {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  left: 4px;
  top: 1px;
}

/****************************************************************
***************** END NATIONALITIES STYLES **********************
***************************************************************/