/* 1. forms */

tr:nth-of-type(odd) { background-color:#ecebeb; }
tr:nth-of-type(even) { background-color:#f5f5f5; }
table { border: 0 solid black; border-spacing: 0; border-collapse: collapse; }
td { padding: 5px }
th, td {border: 0 solid black}
.tab {background-color:#67b021;
        color: white;
        font-weight: bold;
       }
.subtab { font-weight: bold; background-color:#dddddd; }
legend {
    padding: 0.5em 1em;
    border:1px solid black;
    background-color: #67b021;
    color: white;
    font-weight: bold;
    font-size:90%;
    border-radius: 6px;
}
fieldset { border:1px solid black;
           border-radius: 6px;
           display: inline-block;
           background-color: #f5f5f5;
	 }
.form { background-color: #f5f5f5;
           padding: 0.5em 1em;
           border-radius: 6px;
           display: inline-block;
           border: solid black 1pt;
	 }
.score { background-color: #bbffbb; }
.hidden { display: none; }
.highlight { background-color: yellow; }
.lowlight { background-color: #eeccaa; }

.button {
    font: bold 11px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.errormessage {
    background-color: #FFBF50;
    padding: 1pt;
}
.message {
    background-color: #cccccc;
    font-style: italic;
}
.error input, .error select {
    border: 2px red solid;
}
.field_errors {
    background-color: #FFBF50;
}
.fieldset_preamble {
    font-style:italic;
    font-size:90%;
}
.fieldset_help {
    font-style:italic;
    font-size:90%;
}
.visibilityToggle {
    cursor:pointer;
}

/* 2. layout */

.layoutcol_navi {
    /*
      display: flex;
      flex-direction: column;
      flex-basis: 100%;
      flex: 1; */
    width: 140px;
}
.layoutcol_main {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}
.layoutrow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.titlelink {
    color: black ;
    text-decoration: none;
    font-size: 14pt;
    margin-left: 14px;
}
.navi a {
    color: white ;
    text-align: left;
    text-decoration: none;
}
.navi1 {
    background-image: url("/static/apply/fb4_1.09ecd24ab84c.jpg");
    margin-top: 14px;
}
.navi2 {
    background-color:#666666;
    border-color:#666666;	
    margin-top: 2px;
}
.navi3 {
    background-color:#eeeeee;
    border-color:#eeeeee;
    color: black;
    text-decoration: none;
    min-height: 18pt;
    margin-top: 2px;
}
.navi3 a {
    text-decoration: none;
}
.header {
    margin-top: 14px;
}
.contents {
    margin-left: 14px; 
}
body {
    background-color:#FFFFFF;
    font-family:Arial;
    font-size:8pt;
    color:#000000;
    margin:0;
    margin-right:0;
    margin-left:0;
    vertical-align:top;
    /* text-align:center; */
    background: url("/static/apply/Uni_Minerva_dkl_1_02.bcb13dccc1b6.png") bottom right no-repeat fixed;
}
.colorstrip {
    width: 700px; height: 1px;
    border-style: solid;
    border-color: #69AF22;
    background-color: #69AF22;
    margin-top: 5px;
    margin-bottom: 5px;
    -ms-transform: translateX(-14px);
    transform: translateX(-14px);
}
.date {
    max-width: 10em;
}
.two_digit_integer {
    max-width: 2em;
}
.version {
     font-size:50%;
}

/* 4. related courses / self-assessment tables */

.proficiency_table th, .proficiency_table td {
    padding-left: 18px;
    padding-right: 18px;
    text-align: center;
}
.proficiency_table th:first-child, .proficiency_table td:first-child {
    padding-left: 5px;
    padding-right: 25px;
    text-align: left;
}
.proficiency_table th[title] {
    cursor: help;
    text-decoration: underline dotted;
}
/* the reason an applicant gives for a self-assessed level is a free text, so
   it reads left aligned like the area or skill it belongs to */
.proficiency_table th.reason, .proficiency_table td.reason {
    text-align: left;
    padding-left: 25px;
}
.proficiency_table td.reason input {
    width: 100%;
    min-width: 18em;
    box-sizing: border-box;
}
.course_table th {
    text-align: left;
}
.course_table th[title] {
    cursor: help;
    text-decoration: underline dotted;
}
/* the effort of a course is given in one of two units, picked in the column
   header: only the input of the selected unit is shown (see apply.js) */
.course_table.unit_ects .course_hours,
.course_table.unit_hours .course_ects_crdts {
    display: none;
}
.workload_unit_select {
    font: inherit;
    font-weight: bold;
}
/* ... unless the header leaves that choice to every single course ("custom"):
   then a column of per course switches says what each effort cell holds, and
   both inputs are shown until JS hides the one its switch does not pick */
.course_table:not(.unit_custom) .course_unit_col {
    display: none;
}
.course_unit_select {
    font: inherit;
}