/* Opiskelijavalinnan ja koulutusraportoinnin tyylit */
#studentform div.row, #fundededucationformcontainer div.row {
    margin-bottom: 1em;
}

/*#studentform label,*/ #fundededucationformcontainer label {
    font-weight: normal;
}

#fundededucationformcontainer .formheader {
    font-weight: bold;
}

#loader {
    text-align: center;
}

a.studentactions {
    width: 4em;
}
a.savestudent {
    color: #009b62 !important;
}
a.revertstudent, a.deletestudent {
    color: #677969 !important;
}

#studentform_submit, #revertchanges {
    float: right;
}
a.changeeducationstatus, a.changereportstatus {
    margin-bottom: 2em;
}

#studentdataform div.row, #basicinformationform div.row {
    margin-bottom: 1em;
}

#professioncontainer {
    margin-bottom: 2em;
}

div.profession p {
    padding: 0.5em;
    border: 1px solid white;
    margin:0;
    position: relative;
    font-size: 14px;
}

div.profession.level-1 > p {
    background-color: rgb(35, 116, 195);
    color: white;
}

div.profession.level-1 > p:hover {
    background-color: rgb(27, 78, 142);
}

div.profession p:hover {
   background-color: #f5f9fb;
}

div.profession.active:not(.level-1) > p {
    background-color: rgba(35, 116, 195, 0.1);
}

div.profession p span.caret {
    position: absolute;
    right: 1em;
}

div.profession.selectable > p {
    color: #1b4e8e;
}
div.profession.selectable.active > p {
    background-color: rgba(252,214,105,0.2);
    font-weight: bold;
}

span.accesslink {
    padding: 0.3em;
    background-color: rgba(173,194,213,0.1);
    cursor: pointer;
}


#basicinformationform #skipbutton, #basicinformationform #continuebutton {
    float: right;
    margin-left: 1em;
    padding: 0 1.25em;
}

.reportinformationfield {
    margin-bottom: 2em;
}

#organisationfieldcontainer label,
#fundingfieldcontainer label:not(input[type="radio"] + label) {
    font-style: italic;
    text-indent: 2em;
}

@media (max-width: 480px) {
    #organisationfieldcontainer label,
    #fundingfieldcontainer label:not(input[type="radio"] + label) {
        text-indent: 0;
    }
}

.educationinfo {
    margin: 1em 0 2em 0;
}

.educationinfo p {
    margin-bottom: 0.5em;
}

/* Taulukkoja voi rullata sivusuunnassa mobiililaitteella */
/*
body.studentselection table,
body.educationreporting table {
    display: block;
    overflow-x: auto;
}
*/

table.funded-education a:not(.button) {
    color: black;
    text-decoration: none;
}
table.funded-education a:not(.button):hover {
    text-decoration: underline;
}

#professionsearchcontainer {
    position: relative;
}

#professionsearchresults {
    position: absolute;
    width: 100%;
    background-color: white;
    z-index: 100;
    max-height: 223px;
    overflow-y: auto;
}

.professionsearchresult {
    border: 1px solid gray;
    padding: 2px 8px;
    font-size: 14px;
}
.professionsearchresult:hover,
.professionsearchresult:focus {
    background-color: #f5f9fb;
}

#professionname {
    min-height: 2em;
}

p.label {
    color: #000000;
    font-size: 0.9em;
    font-weight: 600;
}
/*
body.studentselection table:not(.inforecipienttable) tr:first-child th,
body.educationreporting table tr:first-child th {
    background-color: #2374c3;
    color: white;
    vertical-align: middle;
    padding-top: 0.75em;
    border: 1px solid white;
}*/

body.studentselection table tbody tr:nth-child(2n+1) {
    background-color: rgba(173,194,213,0.1);
}

body.studentselection table.funded-education tr th.notification,
body.studentselection table.funded-education tr td.notification,
body.participantfeedback table.funded-education tr th.notification,
body.participantfeedback table.funded-education tr td.notification {
    border-right:0;
    padding:0;
}

body.studentselection table.funded-education .notification i.fa,
body.participantfeedback table.funded-education .notification i.fa {
    padding: 0.75em 0.75em;
}

body.studentselection table.funded-education tr th:nth-child(2),
body.studentselection table.funded-education tr td:nth-child(2) {
    border-left:0;
}

.studentinformation p {
    margin-bottom: 0.5em;
}

.studentinformation p:last-child {
    margin-bottom: 0;
}

.finalstudentlist h4 {
    margin-bottom: 0.5em;
}

.finalstudentlist hr {
    margin: 1.5em 0;
}

.finalstudentlist select {
    margin-bottom: 2em;
}

.documentcontainer {
    margin-bottom: 1em;
	padding: 1em;
	border-radius: 10px;
	box-shadow: 0 0 3px #1b4e8e;
}

.excelimportsheet select {
    margin-bottom: 2em;
}
div.studentlist {
    margin-bottom: 1em;
}

.studentlistheader {
    margin-bottom: 1em;
}
.studentlistactions {
    margin: 1.5em 0;
}
.studentlistfilters {
    margin-top: 1.5em;
}
.studentlistfilterstitle {
    display: inline-block;
    margin-right: 1.5em;
}
.acceptedstudentlistactions {
    margin-top: 1em;
}
.acceptedstudentlistactions p {
    margin: 0;
}
.rejectproposition {
    display: block;
    width: min-content;
    margin-top: 1em;
}
.pagenavigation {
    margin-bottom: 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pagenavigation .changepage {
    margin: 0 0.25em;
}
.pagenavigation .changepage.active {
    background-color: #f0f4f6 !important;
}
.pagenavigation .changepage.active:hover {
    background-color: #eaedf0 !important;
}
#deleteeducation {
    float: right;
}
.primarycontactinfo {
    margin-bottom: 2em;
}
.primarycontactinfo select {
    display: inline-block;
    width: auto;
    min-width: 15em;
    margin-right: 1em;
}
div.contactpersonlist {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
}
div.contactpersonlist > div {
    position: relative;
    margin-bottom: 2em;
}
.contactpersoninfo {
	padding: 2em;
	border: solid 1px rgba(144, 144, 144, 0.25);
	box-shadow: 1px 1px 2px 0px rgba(144,144,144,0.25), -1px -1px 2px 0px rgba(144,144,144,0.25);
	height: 100%;
	
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
.contactpersoninfo p {
    margin-bottom: 1em;
    line-break: anywhere;
}
.contactpersoninfo p.label {
    margin-bottom: 0.75em;
}
.contactpersoninfo a.button {
    margin: 1em 0 0 0;
}
a.button.addcontactperson {
    margin: 1em 0 3em 0;
}
form.editcontactperson div.row {
    margin-bottom: 1em;
}
.inforecipienttable input[type="checkbox"]:disabled + label::before {
	background-color: rgba(144, 144, 144, 0.25);
}
.inforecipienttable span.missinginformation {
    color: #C02407;
}
.inforecipienttable tfoot th, .inforecipienttable tfoot td {
    padding-top: 2em;
}
.sendmaterialpackage div.row {
    margin-bottom: 2em;
}
.contentdivider {
    margin: 2em 0;
}

.fullcontent textarea {
    max-width: -moz-available;
    max-width: -webkit-fill-available;
    max-width: fill-available;
    min-height: 15em;
}


/*
table.funded-education tr:first-child th {
    background-color: #2374c3;
    color: white;
    vertical-align: middle;
    padding-top: 0.75em;
    border: 1px solid white;
}*/
table.funded-education tbody tr:nth-child(2n+1) {
    background-color: rgba(173,194,213,0.1);
}
table.funded-education tr th.notification {
    border-right:0;
    padding:0;
}
table.funded-education .notification i.fa {
    padding: 0.75em 0.75em;
}
table.funded-education tr th:nth-child(2),
table.funded-education tr td:nth-child(2) {
    border-left:0;
}

#fundededucationreport tr th.notification,
#fundededucationreport tr td.notification {
    border-right:0;
    padding:0;
}

#fundededucationreport tr th.notification i.fa,
#fundededucationreport tr td.notification i.fa {
    padding: 0.75em 0.75em;
	/*color: gold;
	text-shadow: 1px 1px 0 #777,-1px -1px 0 #777,-1px 1px 0 #777, 1px -1px 0 #777;*/
}

.inforecipienttable {
    margin-top: 2em;
}
.inforecipienttable tr.even {
    background-color: white !important;
}
.inforecipienttable tr.odd {
    background-color: rgba(173,194,213,0.1);
}

.inforecipienttable .info_recipient_name,
.inforecipienttable .info_recipient_email {
    display: block;
}

.inforecipienttable .packagesent,
.inforecipienttable .packagesent_date {
    display: block;
}
.inforecipienttable .packagesent_date {
    white-space: nowrap;
    font-style: italic;
    font-size: 0.9em;
}
#marketingnameform input {
    margin-bottom: 1em;
}

div.educationinfo span.emptyinfo {
    font-style: italic;
}

div.studentinformation span.missinginfo {
    font-style: italic;
}
#studenttablecontainer #studenttable {
    display: block;
    overflow-x: auto;
}
#studentform p.fielddescription {
    font-style: italic;
    margin-bottom: 0;
}

#interviewcoverletter {
    margin-top: 1em;
}
#interviewcoverletter p {
    font-style: italic;
}

.languagebuttons {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3em;
}
.languagebuttons .button {
	border: 1px solid;
	margin-right: 2em;
}
.languagebuttons .button.active {
	border: 2px solid;
}

.contactpersoneducationinfo {
    position: absolute;
    right: 2em;
}

.contactpersoneducationinfo i.fa {
    color: #FF6000;
}

.contactpersoneducationinfo:hover i.fa {
    color: #E55A08;
}

#importfundingform > div, #importfundededucationform > div {
    margin-bottom: 1em;
}

.fundededucationsearchcontainer {
    position: relative;
    margin-bottom: 1em;
}
.fundededucationsearchcontainer i.fa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1em;
}
.fundededucationsearchcontainer input {
    width: auto;
    padding-left: 3em;
}
#importfundededucation_summary_container {
    position: relative;
    overflow: hidden;
    overflow-x: auto;
}