/* Navigation */
nav {
    background-color: #c5c5e0;
    padding: 6px;
    margin-bottom: 4px;
}

.headtitle {
    color: white;
    margin: 0 20px;
}

.selector {
    cursor: pointer;
    border: none;
    margin-right: 20px;
}

.selected {
    /*border-bottom: solid #343434 4px;*/
    background-color: white;
    padding: 4px 2px;
    border: solid blue 2px;
}

.description {
    font-size: 75%;
}

/* JQuery FileUpload Components */
.jquery-fileupload-container {
    text-align: center;
    border: 1px gray solid;
    padding: 8px;
    margin: 2px 2px 2px 0;
}

.fileinput-button {
    background-color: #209f44;
    border-radius: 4px;
    padding: 4px 8px;
    color: white;
    display: inline-block;
}

.filesend-button {
    background-color: #1e98ca;
    border-radius: 4px;
    padding: 4px 8px;
    color: white;
    display: inline-block;
    cursor: pointer;
}

/**/
#_im_progress {
    pointer-events: none;
}

.subject-box {
    margin: 2px;
    padding: 8px;
    border: 1px gray solid;
}

.subject-box div {
    display: inline;
}

.subject-box > .IM_Button_Delete {
    /*float: right;*/
}

.subject-box .opt-box {
    background-color: #c1c1c1;
    padding: 10px;
    border-radius: 4px;
}

.opt-box .opt-box-inside {
    padding: 4px;
}

.file-box {
    display: flex;
    /*flex-direction: column;*/
    margin-left: 4px;
}

.file-box > div:nth-child(2) {
    border: 1px gray solid;
    margin: 2px;
}

.file-box img {
    width: 200px;
}

.opt-box-subject {
    width: 260px;
    display: inline-block;
    box-sizing: border-box;
}

.opt-box-eval {
    width: 80px;
    display: inline-block;
    box-sizing: border-box;
}

.opt-box-name {
    width: 160px;
    display: inline-block;
    box-sizing: border-box;
}

.opt-box-name input {
    width: 100%;
    box-sizing: border-box;
}

.opt-box {
    width: 100%;
}

.opt-box .IM_Button_Insert {
    margin-top: 4px;
}

.opt-box-person {
    width: 120px;
    display: inline-block;
    box-sizing: border-box;
}

.opt-box-header {
    font-weight: bold;
    border-bottom: 2px solid gray;
}

.opt-box-inside {
    border-bottom: 1px dotted gray;
    width: 100%;
}

.inner-label {
    color: #6d6d6d;
}

h1.print {
    border: none;
    margin: 0;
    padding: 0;
}

h2.print {

}

h3.print {

}

table.print-head {
    width: 100%;
    border: none;
    font-size: 90%;
}

table.print-head th {
    white-space: nowrap;
    text-align: center;
    padding: 2px;
}

table.print-head td {
    padding: 2px;
}

table.print {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px gray solid;
    border-top: none;
}

table.topbox {
    border-top: 1px gray solid;
}

table.print td.competence {
    font-size: 10pt;
    margin: 0;
    padding: 2px;
    border: none;
}

table.print th {
    white-space: nowrap;
    font-size: 10pt;
    text-align: center;
    width: 6%;
    margin: 0;
    padding: 2px;
    border: none;
}

table.print td.evaluation {
    white-space: nowrap;
    font-size: 10pt;
    width: 20%;
    margin: 0;
    padding: 2px;
    border: none;
}

table.print td.allocation {
    font-size: 8pt;
    margin: 0;
    padding: 0 0 0 24px;
    border: none;
}

.checking {
    color: red;
}

table.allocation-list {
    width: 100%;
}

table.allocation-list th {
    padding: 4px 8px;
    text-align: center;
    width: 30px;
    max-width: 30px;
}

table.allocation-list td {
    padding: 4px;
}

.manual {
    font-size: 85%;
}

table.student-detail textarea {
    width: 400px;
    height: 200px;
}

table.apply-detail th {
    white-space: nowrap;
}

table.apply-detail select.big {
    font-size: 140%;
}

.eval-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #DDDDDD;
    margin: 0 0 12px 0;
    padding: 6px;
}

.eval-title .eval-subject {
    font-size: 140%;
    font-weight: bold;
}

.eval-title .eval-person {
    display: flex;
}

.entry-line {
    margin-bottom: 2px;
    margin-left: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.entry-line .evaluation-title {
    min-width: 40px;
}

.entry-line .evaluation-value {
    min-width: 40px;
}

.entry-line .comment-title {
    /*margin-left: 24px;*/
    min-width: 56px;
}

.entry-line .comment-value {
    flex-grow: 100;
    margin-right: 2px;
}

.entry-line textarea.comment-value {
    width: 600px;
    height: 110px;
}

.file-check-box{
    padding: 4px 4px 4px 12px;
}

.evidence-comment {
    margin-top: 2px;
    display: flex;
}

.evidence-comment .comment-title {
    /*margin-left: 24px;*/
    min-width: 50px;
}

.evidence-comment .comment-value {
    flex-grow: 100;
    margin-right: 2px;
    margin-bottom: 4px;
}

.evidence-comment textarea.comment-value {
    width: 400px;
    height: 80px;
}

h4 {
    font-size: 1.3em;
    font-weight: 900;
    color: black;
    margin-bottom: 4px;
    margin-top: 4px;
    margin-left: 4px;
}

DIV.checkmessage {
    max-height: 64px;
    color: red;
    overflow-y: scroll;
}

table.toppage button {
    width: 300px;
}