/* This file should contain all styles that are used for form rendering! */

/* Misc. form styling */

:root {
	--error-color: #a21c24;
	--error-color-light: #f2dede;
	--error-color-border: #ebccd1;
}

.bottombuttons {	
	margin-top:15px;
	padding-top:15px;
	border-top:1px dotted #ccc;
}

/* Used for radio buttons where legend is used as a label */
.documentform .fieldpanel fieldset > legend {
	border:none;
	display: inline-block;
    max-width: 100%;
    margin:0 0 5px 0;
    padding:0;
    font-weight: 700;
}

.documentform .form-group > fieldset > legend,
.documentform .form-group > fieldset > label,
.documentform .form-group > label {
	margin-bottom:6px;
	display:inline-block;
	font-size:1.1em;
}
.documentform .form-group > fieldset > legend p,
.documentform .form-group > fieldset > label p,
.documentform .form-group > label p {
	margin-bottom:0px;
	display:inline-block;
	font-size:1.0em;
}
.documentform .form-group > fieldset > legend.block-label,
.documentform .form-group > fieldset > label.block-label,
.documentform .form-group > label.block-label {
	display:block;
}

/* A formseparator is a visual separator and more prominent */
.documentform fieldset.formseparator,
.documentform fieldset.formseperator {
	margin-top:10px;
	margin-bottom:0px;
}
.documentform fieldset.formseparator legend,
.documentform fieldset.formseperator legend {
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 2px 5px;
	margin:0px 0 10px 0;
	border-bottom:1px dotted #888;
}

.documentform p {
	font-size:1.2em;
}

.fieldpanel {
	clear:both;
	padding-bottom:24px;
}
.centercontent > .fieldpanel {
	padding-bottom:0;
}

.fieldpanel:after {
	content: '';
    display: block;
    clear: both;	
}

/* We have to reset this margin in order to take control of margins
   so that each field in the form has the right gap. */
.fieldpanel > .form-group {
	margin-bottom:0;
}

.horizontalradio {
	padding: 2px 0 0 5px;
}

.horizontalradio input {
	float:left;
	padding: 0;
	margin: 3px 4px 0 0;
}

.horizontalradio label {	
    float:left;
    font-weight:normal;
	margin:0px 30px 0px 0px;
	padding:0px 0px 2px 0px;
	display: inline-block;
}

.tab-panel {
	padding:10px;
}


.dl-tile .form-group > .block-label {
	border-bottom:1px solid #ccc;
	padding:3px 5px;
}

.row.no-margin {
	margin-left:0;
	margin-right:0;
}

.row.separator {
	margin-top:10px;
	margin-right:-10px;
	border-top:1px solid rgba(0,0,0,0.1);
	padding-top:10px;
}

.form-group .left-label label {
	float:left;
	margin-top:6px;
	margin-right:10px;
}

.form-group .radio {
	margin-top:3px;
}

.form-help {
	font-size:1em;
}

.tight-form-groups .form-group {
	margin-bottom:10px;
}

.fieldheader.separator {
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
} 

.modal-body > .feedbackPanel {
	margin-top:0;
}

.feedbackPanel, .errorBlock {
    padding: 15px;
    margin-top:15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--error-color);
    background-color: var(--error-color-light);
    border-color: var(--error-color-border);
    list-style:none;
}

.feedbackPanel.feedbackInfo {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.feedbackPanel.feedbackWarning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

/* feedback block needs to be visible to screen reader */
.hide-feedback {
	height:0;
	overflow:hidden;
}

.lockedIcon {
	position:relative;
}

.lockedIcon ul {
	padding-left:60px;
}

.lockedIcon ul:after {
	position:absolute;
	left:20px;
	top:13px;
	font-size:30px;
	font-family: 'Glyphicons Halflings';
    content: " \e033";
}

.form-group.error > label,
.form-group.error .checkboxgroup .checkbox label,
.form-group.error .radiogroup .radio label,
.feedback_message_span {
	color:var(--error-color);
}

.btn-group.error label,
.fileform.error .btn-file,
.input-group.error .btn,
.input-group.error .form-control {
	border-color:var(--error-color);
	background:#f2dede;
	background-color:#f2dede;
}

.error > .dl-tile,
.dl-tile.error {
	background:#f2dede;
}

.feedback_message_span {
	font-size:1.1em;
	display:block;
	padding:7px 0 0 4px;
}

/* Test to see if we can have an icon on these? */
.feedback_message_span:before {
	margin-right:5px;
	font-family: "feather";
	content:"\e81c" / "";
	font-size:1.0em;
}

.feedback_message_span:empty {
	display:none;
}

.error legend,
.error + label {
	color:var(--error-color) !important;
}

.error .dl-tile legend {
	color:#000028 !important;
}

.input-group.error .btn,
.input-group.error input,
.select2-container.error a,
.form-control.error:focus,
.form-control.error {
	border:1px solid var(--error-color);
	background-color:#f2dede;
	color:var(--error-color) !important;
}

.formtable tr.total td.error {
	color:var(--error-color);
}

.form-control-static.error {
    color:var(--error-color) !important;
}

.mceEditor table.mceLayout,
.mceEditorReadOnly {
	border:1px solid #A2A2A9 !important;
	border-radius:4px;
}
.mceToolbar > div {
	position:relative;
}
td.mceToolbar span[role="application"] {
	text-align: center;
	display: block;
	margin-top:3px;
}
table.mceToolbar {
	display: inline-block;
}

.defaultSkin td.mceToolbar {
	background:#F5F5FA !important;
}

.defaultSkin table.mceLayout tr.mceLast td,
.defaultSkin table.mceLayout tr.mceFirst td {
	border-top:0 !important;
	border-bottom:0 !important;
}

.defaultSkin table.mceLayout tr.mceFirst td {
	padding-top:2px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;	
	background:white;
}

.mceEditor.focused table.mceLayout {
	box-shadow:none;
	border-color:#6FCF97 !important;
	outline: 0;
}

/*
.mceEditor .mceIframeContainer iframe {
	padding:0 1px;
}
*/


.form-group.error .mceEditor table td.mceFirst,
.form-group.error .mceEditor table {
	border-color: var(--error-color) !important;
}

.mceEditor td.mceToolbar {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

.mceEditor td.mceToolbar span[role="application"] {
	white-space:normal;
}

.atab-button .erroricon {
	display:none;
}
.atab-button.sectionerror {
	border-color: var(--error-color);
}
.atab-button.sectionerror .erroricon {
	display:inline-block;
	float:right;
	font-size:24px;
	padding: 2px 2px 1px 2px;
	margin-top: -1px;
	margin-bottom: -1px;
	border-radius:15px;
	color:var(--error-color);
	background:var(--error-color-light);
}
.atab-button.btn-default.sectionerror {
	background-image: linear-gradient(to bottom, #fff 0%, #f2dede 100%);
}
.atab-button.btn-default.sectionerror:link,
.atab-button.btn-default.sectionerror:visited,
.atab-button.btn-default.sectionerror:active,
.atab-button.btn-default.sectionerror:hover {
	background:#f2dede;
}

.successicon,
.formtable td span.successicon { 
    color:#3c763d;
}

.control-large, input.large, select.large, div.large {
	width:100%;
}

.control-medium, input.medium, select.medium, div.medium {
	width:50%;
}

.control-small, input.small, select.small, div.small {
	width:25%;
}

.control-date {
	width:150px;
}

textarea {
	resize: vertical;
	min-height:55px;
}

textarea.large {
	height:215px;
}
textarea.medium {
	height:115px;
}
textarea.small {
	height:75px;
}

textarea.assessment {
	min-height:55px;
}

/* use .btn-icon for buttons that only have icon to override this margin */
.btn .feather,
.btn .glyphicon {
	top:2px;
	margin-right:5px;
}

.btn-icon .feather,
.btn-icon .glyphicon {
	margin-right:0 !important;
}

/* use .btn-onlyicon to remove border */
.btn.btn-onlyicon {
	border:1px solid transparent;
	padding:2px;
	height:auto !important;
	margin:0 !important;
	text-align:center;
	font-size:1em !important;
	line-height: 1em;
}
.btn.btn-onlyicon .feather {
	font-size:1.3em;
}
.btn-onlyicon span {
	display:none;
}
.btn.btn-onlyicon-danger {
	color:#721c24;
}
.btn-onlyicon-danger:hover {
	color:#993432;
}

.toolbar {
	width:100%;
}

.toolbar .toolbarblock {
	float:left;
	margin-right:30px;
	min-height:30px;
}

.toolbarblock label,
.toolbar .search label
{
	display:inline-block;
	float:left;
	margin-top:6px !important;
	margin-right:10px;
}

.toolbar .btn-group label {
	margin-top:0px !important;
	margin-right:0px !important;
}

.modal-header {
	background-image: -webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#2e6da4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));
    background-image: linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
    border-top-left-radius:4px;	
    border-top-right-radius:4px;
    color:white;
    overflow:hidden;
    padding-bottom:10px;	
}

.modal-header .close {
	color:white;
	font-size:2em;
}

.modal-header .modal-title {
	line-height:1;
}

ul.formattachments {
	padding-left:25px;
	margin-bottom:5px;
}

ul.formattachments li a {
	font-size:16px;
}

ul.formattachments li:last-child {
	margin-bottom:10px;
}

.attachmentlink {
	display:block;
	font-size:1.0em;
	margin-left:20px;
	margin-bottom:5px;
}



/* Wicket TabPanel - bootstrap look */

.tab-row > ul {
	margin-top: 0;
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;	
    border-bottom: 1px solid #ddd;
    padding-left:10px;	
}

.tab-row > ul:before {
	display: table;
    content: " ";
}

.tab-row > ul:after {
	clear:both;
	display: table;
    content: " ";
}

.tab-row > ul > li {
    position: relative;
    display: block;
	float: left;
    margin-bottom: -1px;
}

.tab-row > ul > li > a {
	margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
	position: relative;
    display: block;
    padding: 10px 15px;
    color: #337ab7;
    text-decoration: none;
    background-color:#f2efed;
    border-bottom: 1px solid #ddd;
}

.tab-row > ul > li.selected > a {
	color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;	
}

.tab-row > ul > li:not(.selected):hover > a {
	background:var(--light-grey-hover);
}

label.required::after,
legend.required::after,
legend.prequired::after,
label.prequired p::after {
    content: " *" / "";
}

.help-inline {
	display:block;
	color:#333;
	font-style:normal;
	font-size:1.1em;
	margin-bottom:10px;
}

.help-inline li,
.help-inline a,
.help-inline i,
.help-inline b,
.help-inline p {
    font-size:1.0em;
}
.help-inline a {
	text-decoration:underline;
}

.help-top {
	padding-bottom:10px;
}

.help-top .help-inline {
	font-style: normal;
	color: inherit;
}

.help-icon {
	position:relative;
	margin:0px 8px;
	top:2px;
	display:inline-block;
	font-size:1.4em;
	font-weight:normal;
}

.help-icon:hover {
	background:#eee;
	border-radius:50%;
}

.helpicon {
    margin-left:10px;
    width:20px;
    border-radius:50%;
    background:#ddd;
    padding:3px;
    opacity:0.6;
    margin-top:-5px;
}

.help-icon:hover,
.helpicon:hover {
    cursor:help;
    opacity:1.0;
}

.wicket_orderUp {
	padding-right:20px !important;
	background-image:url(../images/sortdown.png) !important;
	background-repeat:no-repeat !important;
	background-position: right 10px bottom 20px !important;
}

.wicket_orderDown {
	padding-right:20px !important;
	background-image:url(../images/sortup.png) !important;
	background-repeat:no-repeat !important;
	background-position: right 10px bottom 20px !important;
}

.fieldgrouptable,
.formtable {
	width:100%;
	font-size:1.1em;	
}
.formtable-fixed {
	table-layout: fixed;
}

table.formtable th {
	color: #000028;
	border-bottom: 1px solid #ccc;
	padding: 4px 5px 3px 5px;
}
table.formtable-fixed th.column-counter,
table.formtable-fixed th.column-delete {
	width:3%;
}
table.formtable-fixed th.column-date {
	width:150px;
}

.fieldgrouptable td,
.formtable td {
	color: #000127;
	padding:5px 5px 0px 5px;
	height:28px;
	vertical-align: top;
}

.fieldgrouptable tr.error > td:first-child,
.formtable tr.error-td td,
.formtable tr.error-td td span,
.formtable tr.error > td:first-child {
    color:var(--error-color);
}


.formtable tr.error > td:first-child:before {
	position:absolute;
	margin-left:-20px;
	font-family: "feather";
	content:'\e81c';
	font-size:1.0em;
}

.table tr.strikethrough td,
.fieldgrouptable tr.strikethrough td,
.formtable tr.strikethrough td {
    text-decoration: line-through;
}

.formtable td span {
	color:black;
}
.formtable td span.required:after {
	content:'*';
}

.formtable a {
	font-size:1.1em;
}
.formtable .btn {
	font-size:12px;
}

.formtable .wicket_orderDown,
.formtable .wicket_orderUp {
	background-position: right 10px bottom 12px !important;
}

.formtable tr.hilight td {
	background:#ffd;
    font-style: italic;
}

.formtable tr.disabled td {
    background:#ddd;
    font-style: italic;
}

.formtable tr.tsubhead td {
    background:#e8e8e8;
    font-weight: bold;
}

.formtable .funding-phase-header td,
.formtable .funding-subphase-header td {
	font-style: italic;
    padding-top: 5px;
    padding-bottom: 5px;
}

.formtable .funding-phase-header td {
    font-weight: bold;
}

.formtable .funding-total td,
.formtable .funding-phase-sum td,
.formtable .funding-subphase-sum td {
    font-weight: bold;
    border-top:1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

.formtable td.editable-cell:before {
    content: "\270f";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    opacity:0.6;
}

.table-lines tr {
	border-bottom:1px solid #eee;
}

tr.total td {
	font-weight:bold;
}

.budget th.total,
.budget tr.total td,
.spreadsheet th.total,
.spreadsheet tr.total td {
	text-align:right;
	padding-right:13px;
}

.number-cell {
	text-align:right !important;
	padding-right:9px;
}
.boolean-cell {
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
}

.formtable td.actions-cell {
	padding:0;
	width:1%;
	text-align:center;
}
.formtable td.actions-cell a {
	display: inline-block;
    vertical-align: middle;
    padding: 0px 3px 0px 3px;
    margin-top: 4px;	
}
.formtable td.actions-cell a .icon-x {
	position:relative;
	top:-1px;
}
.formtable td.actions-cell a:hover {
	text-decoration:none;
	background:#00000040;
	border-radius:50%;
}

/* Used for when you need some visual clue even though rows are not clickable */
.table-row-hover tbody tr:hover {
	background:#eee;
}

.number-control {
	text-align:right;
}

.formtable tbody tr:last-child td {
	padding-bottom:4px;
}
.formtable tfoot {
	border-top:1px solid #ccc;
}
.formtable tfoot tr:first-child td {
	padding-top:7px;
}

.budget thead:first-child th:first-child {
	border-top-left-radius:4px;
}

.budget thead:first-child th:last-child {
	border-top-right-radius:4px;
}

.budget tfoot:last-child td:first-child {
	border-bottom-left-radius:4px;
}

.budget tfoot:last-child td:last-child {
	border-bottom-right-radius:4px;
}

.budget tfoot,
.budget thead th {
	font-weight:600;
}

.budget thead th {
	border-bottom:1px solid #d8d8d8 !important;
}

.budget tbody td {
	vertical-align: middle !important;
	padding:3px 5px 1px 5px;	
}

.budget tbody td:first-child {
	padding-left:15px;
}

.budget tbody td:first-child input {
	margin-left:-10px;
}

.input-group.date {
	width:180px;
}

.spreadsheet .input-group.date input {
	margin-bottom:0;
}
.spreadsheet .input-group.date .input-group-addon .feather,
.spreadsheet .input-group.date .input-group-addon .glyphicon {
	line-height:0.8;
	top:3px;
}
 .spreadsheet .input-group.date {
	height:30px;
	width:140px;
}

.spreadsheet tbody td input[type="checkbox"] {
	width:20px;
	height:20px;
	display:inline-block;
}

.spreadsheet tbody td .form-control,
.budget tbody td .form-control,
.coursetable tbody td .form-control {
	font-size:1em;
	height:30px;
}

.budget tbody td.required {
	position:relative;
}
.budget tbody td.required::after {
	position:absolute;
	right:8px;
	top:0;
	content:'*';
	font-size:1.4em;
	color:#888;
}

.spreadsheet tbody td .btn {
	height:30px;
	margin-bottom:2px;
}

.spreadsheet tbody td {
	height:36px;
	vertical-align: middle;
}

.spreadsheet tbody td textarea.form-control {
	resize:none;
	min-height:30px;
	height:30px;
	padding:3px 12px;
	overflow:hidden;
}
.spreadsheet tbody td .form-control.long-text {
	font-size:0.9em;
}

.spreadsheet tbody td select.form-control {
	padding:0px 8px 0px 8px;
}

.spreadsheet.hide-row-numbers .column-counter,
.spreadsheet.hide-row-numbers .row-counter {
	display:none;
}

.budget .tsubhead th {
	background:#e8e8e8;
}

.tsubhead.hover tr:hover th {
	background:#ccc;
}

th.column-counter {
	width:1%;
}
th.column-delete {
	width:1%;
}
th.column-text {
	width:20%;
	text-align:left;
}
th.column-date {
	width:1%;
	text-align:left;
}
th.column-number {
	width:10%;
	text-align:left;
}
th.column-boolean {
	width:8%;
	text-align:center;
}
th.column-file {
	width:5%;
	text-align:left;
}

.file-link {
	margin-left:2px;
	border-radius:4px;
	padding:2px 6px 2px 6px;
	font-size:1.2em !important;
}
.file-link:hover {
	background:#ddd;
	text-decoration:none;
}

.btn.btn-file.btn-icon {
	padding:2px 6px 0px 6px;
	font-size:1.2em;
	margin:0;
}

.fieldgrouptable td:nth-child(1) { width:40px; text-align:right; }
.fieldgrouptable td:nth-child(3) { width:15px; text-align:right; }

.coursetable thead th {
    padding-top: 0 !important;
}

.coursetable td {
	padding: 4px 5px;
}

.coursetable td:nth-child(2), 
.coursetable td:nth-child(3) { 
	width:175px; 
}

.coursetable .total td {
	margin-top: 5px;
	border-top: 1px solid #ececec;
}

.coursetable td input { 
    width: 150px; 
}

/* Accordion panel */

.tab.open .atab-button {
	pointer-events: none;
}

.atab-button.btn-default {
	width:100%;
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
}

.atab-button.btn-primary {
	margin-bottom:0;
	width:100%;
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:0px;
}

.btn.atab-button .feather {
	margin-right:0;
	font-size:1.4em;
	vertical-align:middle;
}

.atab-panel {
	padding:20px 20px 0px 20px;
	margin:0 5px 0 5px;
	background:white;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

.atab-panel:after {
	content:'';
	display: block;
	clear:both;	
}

.atab-buttons {	
	padding:15px 20px 15px 20px;
	background:#f4f4f4;
	margin:0 5px 10px 5px;
	border:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

/* HTML rendering of forms */

.panel-html {
	overflow:hidden;
	padding:15px 0 0 0;
}

.case-nav .document-title {
	margin-bottom:0;
}
.case-nav .document-title dt {
	color:white;
	opacity:0.8;
}
.case-nav .document-title dd {
	color:white;
}
.case-nav .btn-primary {
	border-color:#678;
}
.case-nav .btn-primary:hover {
	border-color:#89a;
}
.case-nav + .panel-html {
	padding-top:0;
	background:transparent;
}
.case-nav h4 {
	display:block;
	font-size:1em;
	padding:0;
	margin:2px 0 8px 0;
}

.panel-html .html .document-title {
	display:none;
}

.document-title h1 {
	font-size:18px;
	margin:3px 0 0 0;
	display:inline-block;
}

.document-title .casenumber {
	float:right;
}

.document-title dl {
	padding:0;
	margin:0;
}

.document-title dt {
	clear:both;
	display:block;
	width:110px;
	text-align:right;
	float:left;
	color:#666;
	padding:0;
}

.document-title dd {
	font-weight:bold;
	display:block;
	margin-left:120px;
	padding:0;
	text-overflow:ellipsis;
	overflow:hidden;
}
.document-title dd a {
	font-size:1.1em;
}

.participant p, .participant label {
	padding: 0 !important;
	margin: 0 !important;
}

.single-participant .dl-tile {
	margin-bottom:0;
}

.dl-tile {
	position:relative;
	background:#f4f4f4;
	padding:10px;
	border-radius:4px;
	margin:0 5px 10px 5px;
	overflow:hidden;
}

.dl-tile .dl-title {
	background:rgba(0,0,0,0.1);
	margin:-10px -10px 5px -10px;
	padding:2px 10px;
	font-weight:bold;
}

.dl-tile dl {
	margin-bottom:0px;	
}

.dl-tile dd {
	font-size:16px;
	color:black;
}

.dl-tile a:not(.btn), .dl-tile dd a:not(.btn) {
	font-size:16px;
}

.row.dl-horizontal {
	margin-left:0;
	margin-right:0;
}

.dl-horizontal dt {
	color:#444;
	font-weight:normal;
	font-size:15px;
	margin-top:1px;
}

.dl-shortlabels dt {
	width:135px;
}

.dl-shortlabels dd {
	margin-left:145px;	
}

.dl-tile.person-tile, 
.dl-tile.project-tile,
.dl-tile.partner-tile {
	min-height:58px;
}

.dl-tile.partner-tile::before,
.dl-tile.project-tile::before,
.dl-tile.person-tile::before {
	position:absolute;
	top:6px;
	left:15px;
	font-family: 'feather';
	font-style: normal;
    font-weight: 400;
	font-size:30px;
	color:rgba(0,0,0,0.1);
}

.dl-tile.person-tile::before {
	content:"\e8e9";
}
.dl-tile.project-tile::before {
	content:"\e874";
}
.dl-tile.partner-tile::before {
	content:"\e87a";
}

.organization-tile {
	background: white; 
	border: 1px solid #ddd; 
	margin: 0;
}

.dl-tile.organization-tile dt {
	text-align: left;
	width: 100px;
}

.dl-tile.organization-tile dd {
    margin-left: 110px;
}

.documentform .fieldpanel .dl-tile legend {
	padding-top:10px;
	font-size: 1.1em;
	color:#282828;
	border-bottom: 1px dotted #aaa;
}

.atab-buttons .btn-default,
.dl-tile .btn-default {
	background:white;
}

.tile-buttons .btn-danger,
.tile-buttons .btn-sm {
	font-size:12px;
	margin:2px 0;
	width:125px;	
}

.form-group.disabled .btn-file {
	opacity:0.6;
	cursor:default;
	pointer-events:none;
} 

.tile-buttons {
	text-align:right;
}

.checkboxgroup,
.radiogroup {
	margin-left:10px;
}

.checkboxgroup .checkbox,
.radiogroup .radio {
	margin-top:0;
	margin-bottom:6px;
}

.radio label,
.checkbox label {
	font-size:1.1em;
	padding-left:25px;
}

.checkbox label.disabled {
	opacity:0.7;
	cursor:default;
}

/* For radiogroups we really should have the text in a separate span like checkbox */
.radiogroup[disabled="disabled"],
.checkbox label input[disabled] + span {
	opacity:0.7;
	cursor:not-allowed;
}

.textlength {
	text-align:right;
	font-size:11px;
	color:#888;
	height:0;
}

.textlength.error {
	color:var(--error-color);
}

.textlength.onlyover {
	display:none;
}
.textlength.onlyover.error {
	display:block;
	height:12px;
}

.select2-choice {
	font-size:16px;
}


/* Html version of application */

.html .document-title:after {
	content: "";
	display: table;
	clear: both;
}

.html .section-heading {
	background:#e8e8e8;
	color:#000028;
	padding:3px 10px 3px 10px;
	font-size:18px;
	min-height:32px;
	font-weight:bold;
	border-radius:0;
	box-shadow:0 0px 15px rgba(0,0,0,0.3);
	border-top:1px solid #bbb;
}
/*
.html .section-heading:focus {
	outline:-webkit-focus-ring-color auto 1px;
}
*/

.html {
	font-size:1.1em;
}
.html h4 {
	border-bottom:1px solid #000028;
	padding-bottom:3px;
	margin-bottom:7px;
	font-size:18px;
}
.html i {
	color:#333;
	font-size:0.9em;
}
.html .dl-tile dt {
	font-size:0.9em;
	padding-top: 2px;
}
.html .dl-tile dl,
.html .dl-tile dd,
.html .dl-tile dd a,
.html dd a {
	font-weight:normal;
	font-size:1em;
}
.html a:not([href]),
.html a[href=""]
.html a[href="#"]{
	text-decoration: none;
	color:black;
}
.html .dl-tile a .feather,
.dl-tile a .feather,
.html .dl-tile a .glyphicon,
.dl-tile a .glyphicon {
	margin-right:5px;
}

.html .dl-tile.person-tile::before,
.html .dl-tile.project-tile::before,
.html .dl-tile.partner-tile::before {
	font-size:34px;
}

.html p,
.html a,
.html label,
.html ul,
.html ol {
	font-size:1em !important;
}

.html .document-title {
	padding:0 50px 15px 15px;
}

.html .section {
	padding:10px;
	margin:0;
	background:white;
	border-radius:0;
	border:0;
}

.html .section .section {
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}
.html .section .section:last-child {
	border-bottom:1px dotted #ccc;
}
.html .section .section-heading {
	border:none;
	box-shadow:none;
}

.html .field-heading {
	font-weight:bold;
	padding:0 0 1px 7px;
	color:#333;
	font-size:1.0em;
}
.html .field-help {
	font-size:1.0em;
	color:#333;
	padding:0 0 1px 7px;
}

.html .field-header {
	color:#333;
	font-size:1.0em;
	font-weight:bold;
	border-bottom:1px solid #00000020;
	padding:0 0 1px 7px;
	margin:5px 0 9px 0px;
}

.html .field-value {
	margin:0 5px 10px 15px;
	min-height:10px;
}

.html .field-value i {
	color:#aaa;
}

.html table.attachments {
	margin-bottom:10px;
}

.html table.attachments td {
	padding-left:15px;
}

.html .attachments a {
	color:#337ab7;
}

.html .attachments a .feather,
.html .attachments a .glyphicon {
	margin-right:5px;
}

.html .financialplan,
.html .formtable {
	width:100%;
}

.html .formtable tr:hover td {
	background: transparent;
	color:black;
}

.html .formtable {
	font-size:0.9em;
}

.html .field-padding {
	padding:0 5px 10px 5px;
}

.html .field-indent {
	padding-left:15px;
}

.html .financialplan thead th,
.html .formtable thead th,
.html .formtable .tsubhead th {
	vertical-align:bottom;
	padding:3px 5px;
}
.html .financialplan td,
.html .formtable td {
	vertical-align:top;
	padding:3px 5px;
}
.html .formtable td span.icon-check {
	font-weight:bold;
}

.html .budget td,
.html .budget thead th,
.html .financialplan td,
.html .financialplan thead th,
.html .coursetable td,
.html .coursetable thead th
{
	font-size:0.9em;
}

.html .table-extra-text {
	font-size:0.82em;
	padding-left:5px
}

.html .budget .tsubhead td,
.html .financialplan .tsubhead td {
	background:#eee;
	font-weight:bold;
}

.html .budget thead th {
	background:transparent;
}

.html .budget .tsubhead th {
	background:#eee;
}

.html .financialplan th {
	border-bottom:1px solid #ccc;
}

.html .budget tfoot td:last-child,
.html .budget thead th:last-child {
	padding-right:4px;
}

.html .budget tfoot,
.html .budget thead:first-child th {
	background:transparent;
}

.html .tfoot,
.html .budget tfoot,
.html .financialplan tfoot {
	border-top:1px solid #ccc;
	font-weight:bold;
}

.html .tfoot td,
.html .budget tfoot td,
.html .financialplan tfoot td {
	padding-bottom:10px;
}

.html .align-right {
	text-align:right;
}

.html .applicant-tile {
	margin-top:5px;
	/*border:1px solid #e0e4e8;*/
	background:#f4f4f4;
	padding:5px;
	border-radius:4px;
}

.html .applicant-tile dl {
	padding:0;
	margin:0;
}

.html .applicant-tile dt {
	display:block;
	width:110px;
	text-align:right;
	float:left;
	color:#666;
	padding:0;
}

.html .applicant-tile dd {
	font-weight:bold;
	display:block;
	margin-left:120px;
	padding:0;
	text-overflow:ellipsis;
	overflow:hidden;
}

.html .section-heading:hover {
	background:#d8d8d8;
	cursor:pointer;
}

.html .section-heading .feather,
.html .section-heading .glyphicon {
	margin-right:5px;
	font-size:0.9em;
	transition-duration: 0.3s;
    transition-property: transform;    
}

.html .section-heading.closed .feather,
.html .section-heading.closed .glyphicon {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.html .section.closed {
    display:none;
}

.html .glyphicon-info-sign {
	color:#888;
	margin-right:5px;
	font-size:1.2em;
	vertical-align: top;
}

.html .side-margins {
	margin-left:15px;
	margin-right:15px;
}

.collapse-all {
	margin-left:5px;
}

#document .collapse-all {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 2em;
	padding: 1px 0px 1px 4px;
	line-height: 1em
}

.revision-number {
	position:absolute;
	right:15px;
	top:20px;
}

.revision-number span {
	font-weight:bold;
}

.no-bottom-margin {
	margin-bottom:0;
}

div.wicket-aa-container {
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	max-height:300px;
	overflow-y:scroll;
}

div.wicket-aa {
	background-color: white;
	padding: 2px;
	text-align:left;
}
 
div.wicket-aa ul {
	list-style:none;
	padding: 2px;
	margin:0;
}

div.wicket-aa ul li {
	padding:2px;
}

div.wicket-aa ul li.selected {
	background-color: #eee;
	margin:0;
}

/* Jquery UI already have a tooltip class. Need to update all code to use that instead of this! */
.help-tooltip {
	position:fixed;
	top:-100px;
	left:0px;
	width:600px;
	opacity:0;
	z-index: 2000;
	font-size:1em;
	pointer-events: none;
}

.help-tooltip > span {
	display:inline-block;
	position: absolute;
	color: var(--text-color);
	background: var(--light-grey);
	text-align: center;
	padding: 3px 6px;
	border-radius: 6px;
	border:1px solid #888;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.help-tooltip > span::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #888 transparent transparent transparent;
}
.help-tooltip > span strong,
.help-tooltip > span b,
.help-tooltip > span p,
.help-tooltip > span li {
	font-size:1em;
}
.help-tooltip > span p:last-child {
	margin-bottom:0;
}

#error-tooltip > span {
	background:#B72724;
}
#error-tooltip > span::after {
    border-color: #B72724 transparent transparent transparent;
}

option.hilight {
	background:#e4e4e4;	
}

.application-form h1 {
	font-size:30px;
	margin-bottom:15px;
}

.form-inline .totalscore .form-control {
	width:60px;
}

/* Field Group */
.field-group .application-form .panel-heading {
	display:none;
}
.field-group .application-form .panel {
	border:none;
	box-shadow:none;
	margin-bottom:0;
}
.field-group .application-form .panel-body {
	background:white;
	padding:0;	
}
.field-group .application-form .atab-panel {
	border-bottom:1px solid #ddd;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	margin-bottom:5px;
}
.field-group-tile {
	color: #333;
	padding:0;
	border:0;
	border-radius:4px;
	margin-left:0;
	margin-right:0;
	overflow:hidden;
	margin-bottom:10px;
}
.field-group-tile .document-title {
	display:none;
}
.field-group-tile .section-heading {
	border-top:0;
	box-shadow:none;
	background:#e0e0e0;
}
.field-group-tile.error .section-heading {
    color:var(--error-color);
}
.field-group-tile .section-heading:hover {
	background:#e0e0e0;
	cursor:default;
}
.field-group-tile .section-heading .feather,
.field-group-tile .section-heading .glyphicon {
	display:none;
}
.field-group-tile .section {
	background:#f8f8f8;
}
.field-group-tile .section fieldset:last-child {
	margin-bottom:0;
}
.application-form .field-group-tile:hover .section {
	background:#f4f4f4;
	cursor:pointer;
}
.application-form .field-group-tile:hover .section-heading {
	background:#5FBF87;
	cursor:pointer;
}
.field-group-tile-wrapper {
	position:relative;
}
.field-group-tile-wrapper.readonly {
	pointer-events:none;
}
.field-group-tile-wrapper .delete-tile {
	position:absolute;
	top:0;
	right:0px;
	height:32px;
	font-size:18px;
	background:#ffffff30;
	padding:4px 4px 0px 7px;
	border-bottom-left-radius:50%;
	border-top-right-radius:4px;
}
.field-group-tile-wrapper .delete-tile a {
	text-decoration:none !important;
}
.field-group-tile-wrapper .delete-tile:hover {
	background:#ffffff50;
}
.field-group-tile-wrapper .info {
	position:absolute;
	top:8px;
	right:50px;
	height:32px;
	font-size:14px;
	color:#000000a0;
	pointer-events:none;
}
.field-group-tile fieldset {
	margin-bottom:0;
}

.field-group .application-form .panel-body {
	border:0;
}

/*
.fromspreadsheet {
	background:#ffe !important;
}
*/

.group-select-control option {	
}

.group-select-control option:disabled {
	background:#ddd;
	color:black;
	font-weigth:bold;
}

.fileform label {
	float:left;
}

.upload-progress {	
	float:left;
	display:none;
	width:200px;
	margin:6px 0 0 15px;
}

.upload-progress-show {
	display: block !important;
}

.upload-progress .progress {
	margin-bottom:0;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
.upload-progress-icon {
	display:none;
}
.upload-progress-icon.rotate {
	display:inline-block;
	-webkit-animation: rotating 2s linear infinite;
}

.left-collapsable {
	position:relative;
}

.btn-collapsable:before {
    content: "\e079";
    font-family: 'Glyphicons Halflings';	
}
.btn-collapsable.collapsed:before {
    content: "\e080";
}
.btn-collapsable {
	position:absolute;
	display:block;
	top:50%;
	left:0px;
    background: transparent;
    color: #888;
    margin-top:-50px;
	padding:100px 0px 100px 1px;
	z-index:5;
	border-radius:4px;
	cursor:pointer;
	margin-right:1px;
}
.btn-collapsable:hover {
	color:black;
	background:#e4e4e4;
}
@media only screen and (max-width: 1199px) {
	.btn-collapsable {
		display:none;
	}
}

.btn-collapse-assessment {
	position:absolute;
	top:0;
	right:15px;
}
.btn-collapse-assessment::before {
    content: "\e114";
    font-family: 'Glyphicons Halflings';
    position:relative;
    top:2px;	
}
.btn-collapse-assessment.collapsed:before {
    content: "\e113";
}

/* AssessmentCriteriaPanel */

.criteria-block {
	margin-bottom:10px;
}
.criteria-header {
	display:flex;
}
.documentform .form-group .criteria-header > label {
	font-size:1.1em;
	flex:1;
	margin-top:2px;
	margin-right:15px;
}
.documentform .criteria-block .criteria-description p {
	font-size:1.1em;
}
.criteria-block .criteria-description p:last-child {
	margin-bottom:0;
}
.criteria-block .criteria-description p:empty {
	display:none;
}
.criteria-header .criteria-score {
	/*position:absolute;
	top:0;
	right:15px;
	width:250px;
	z-index: 2;*/
	text-align:right;
	display:flex;
	/* center vertically */
	align-items: center;
	/* horizontally right */
	justify-content: flex-end;
}
.criteria-header .criteria-score select {
	width:90px;
	padding:2px 4px;
	height:auto;
}
.criteria-header .btn-group .btn {
	padding:3px 8px;
}
.criteria-block .separator {
	position:relative;
	margin:5px 0;
	border-bottom:1px solid #ccc;
}
.criteria-block .separator .btn-icon {
	position:absolute;
	color:#666;
	top:1px;
	right:5px;
	background:white;
	padding:0px 5px;
	border-radius:4px;
	z-index: 1;
}
.criteria-block .separator .btn-icon:hover {
	cursor:pointer;
	color:black;
	background:#eee;
}
.criteria-assessment .btn-icon {
	margin-top: 20px;
	font-size: 1.4em;
	padding: 1px 0 0 1px;
	text-align: center;
	border-radius: 4px;
	text-decoration: none;
}
.criteria-assessment .btn-icon:hover {
	background:#eee;
}
/*
.criteria-title.no-score {
	padding:6px 50px 8px 5px;
}
 */

p.text-collapsed {
	white-space:nowrap; 
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:0;
    font-size:14px;
}

.overlayicon-archive:after { content: "\e90d"; }
.overlayicon-plus:after { content: "\e8b1"; }
.overlayicon-book:after { content: "\e837"; }
.overlayicon-user:after { content: "\e8e9"; }
.overlayicon-left:after { content: "\e828"; }
.overlayicon-right:after { content: "\e829"; }

.overlayicon-left:after,
.overlayicon-right:after,
.overlayicon-archive:after,
.overlayicon-plus:after,
.overlayicon-book:after,
.overlayicon-user:after {
	position:absolute;
	top:-6px;
	left:0;
    font-family: 'feather';
    text-shadow:0 2px 2px black;
    color:#bb8;
}

.overlayicon-left::before,
.overlayicon-right::before,
.overlayicon-archive::before,
.overlayicon-plus::before,
.overlayicon-book::before,
.overlayicon-user::before {
	font-size:18px;
	position:relative;
	left:0px;
	top:5px;
}

.resize-handle {
	position:absolute;
	right:0;
	bottom:0;
	height:16px;
	width:16px !important;
	background-image:url(../images/resize-handle.png) !important;
	background-repeat:no-repeat;
	cursor:ns-resize !important;
}

.modal-xl {
	width:1170px;
}
#basePopupContainerLargeSub .modal-content {
	margin:15px;
}
#basePopupContainerLargeSub {
	z-index:2050;
}
.modal-backdrop + .modal-backdrop {
	z-index:2040;
}

#basePopupContainerLargeSub2 .modal-content {
	margin:15px;
}
#basePopupContainerLargeSub2 {
	z-index:2070;
}
.modal-backdrop + .modal-backdrop + .modal-backdrop {
	z-index:2060;
}

.readonlyarea {
	height:auto;
	background:#eee;
	min-height:34px;
}

.readonlyarea p {
	font-size:1em !important;
}

.alert-success,
.alert-warning,
.alert-danger,
.alert-info {
	position:relative;
}
.alert-icon {
	padding-left:60px;
}

.alert-icon .feather,
.alert-icon .glyphicon {
	position:absolute;
	top:12px;
	left:15px;
	font-size:32px;
}


/* AttendancePanel */

.attendance-attendant {
	float:left;
	width:230px;
	border-right: 1px dotted #ddd;
	margin-bottom: 20px;	
}

.attendance-panel {
	position:relative;
	margin-left:230px;
}

.attendance-row {
	height:25px;
}
.attendance-attendant .attendance-footer,
.attendance-attendant .attendance-row {
	padding:0 5px;
}

.attendance-attendant .attendance-row {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.two-sums .attendance-courseday {
	right:150px;
}
	
.attendance-courseday {
	position:absolute;
	top:0;
	left:0;
	right:100px;
	overflow-x:scroll;
	white-space: nowrap;
}
.attendance-courseday > div {
	width:60px;
	display:inline-block;
} 
.attendance-courseday div {
	text-align:center;
	vertical-align:top;
}

.attendance-courseday input {
	width:18px;
	height:18px;
}

.two-sums .attendance-sum {
	width:50px;
}

.attendance-sum {
	text-align:center;
	position:absolute;
	top:0;
	right:50px;
	width:50px;
	border-left: 1px dotted #ddd;	
}

.attendance-sum .attendance-row span {
	display:inline-block;
	width:40px;
	text-align:right;
}

.attendance-sum .attendance-row span:first-child {
	margin-right:2px;
}

.attendance-percent {
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	width:50px;
	border-left: 1px dotted #ddd;	
}

.attendance-header {
	color:#828282;
	height:82px;
	font-weight:600;
	line-height: 1.2em;
	border-bottom:1px solid #ddd;
	margin-bottom:5px;
	padding:4px 6px;
}

.attendance-footer {
	text-transform:uppercase;
	border-top:1px solid #ddd;
	margin-top:5px;
	padding-top:5px;
}

.attendance-new {
}
.attendance-new .btn {
	margin-top:5px;
	padding:12px 12px;
}
.attendance-courseday .attendance-header a {
	display:block;
	border-radius:6px;
	cursor:pointer;
	text-decoration:none;
	font-size:1em;
	color:#828282;
}

.attendance-courseday .attendance-header a:hover {
	background:#eee;
}

.cell-warning {
	color:var(--error-color);
}


/* Jquery UI autocomplete */

.ui-autocomplete {
    border-radius: 4px;
    background:white;
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden;
}

.ui-front { 
	z-index:2070 !important;
}

.ui-icon-background, 
.ui-state-active 
.ui-icon-background { 
	border: #44a !important; 
	background-color: #005 !important; 
}

.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited { 
	color: #005 !important;
}

.ui-state-active, 
.ui-widget-content 
.ui-state-active, 
.ui-widget-header 
.ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
	border: 1px solid #44a !important;
	color: #005 !important;
	background:#f0f4f8 !important;
}

.autocomplete-group {
	position:relative;
}
.autocomplete-group label:empty {
	display:none;
}
.autocomplete-button {
	position:absolute;
	top:0px;
	right:0px;
	padding:4px 7px;
	text-decoration: none !important;
}
.autocomplete-button .feather {
	opacity:0.5;
}
.autocomplete-button:focus .feather,
.autocomplete-button:hover .feather {
	opacity:1.0;
	cursor:pointer;
}
.formtable .autocomplete-group {
	margin-bottom:0;
}



/* Loader animation */
.loaderdiv {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	text-align:center;
	vertical-align:middle;
}

.loaderoverlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background:black;
	opacity:0.0;
	transition-duration:1.0s;
    transition-property:opacity;    	
}
.loaderoverlay.fade {
	opacity:0.1;
}

.loader,
.loader:before,
.loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	color: rgba(0,0,0,0.2);
	font-size:4px;
	margin:0 auto;
	margin-top:-3.5em !important;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

/* Workaround for icon type in core which is shared with other projects! */
.autocomplete-group .glyphicon,
.search-addon .glyphicon,
.delete-button .glyphicon {
	display:none;
}

.cell-description {
	position:relative;
	float:left;
	margin-left:8px;
	margin-top:1px;
	font-size:18px;
	color:#666;
}
.cell-description:hover {
	cursor:pointer;
	color:#5c20df;
	background:#ffffff80;
	border-radius:50%;
}

.cell-description > div {
	left:25px;
	position:absolute;
	width:400px;
	top:-8px;
	display:block;
	visibility:hidden;
	opacity:0;
    transition:opacity 1s;
}
.cell-description div:focus {
	outline:none;
}
.cell-description > div > div {
	background:#fae9b8;
	border-radius:6px;
	padding:8px 8px 0 8px;
	box-shadow:0 2px 5px #00000030;
	color:#333;
	float:left;
}
.cell-description > div.visible {
	visibility:visible;
    opacity: 1;
    transition: opacity 0.5s;
}
.cell-description > div > div p,
.cell-description > div > div span {
	font-size:1.0em;
}

#form-overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:20px;
	z-index:99999;
	background-color:rgba(0,0,0,0.1);
	color:white;
	border-radius:4px;
}

.dl-tile .track-form-group {
	margin-bottom:0;
}

.track-search-results {
	padding:5px;
	width:100%;
	background:white;
	position:absolute;
	max-height:50vh;
	overflow-y:scroll;
	border:1px solid #ccc;
}

/* Mobile adaption of forms */

@media only screen and (max-width: 767px) {
	
	.mobile-hide {
		display:none;
	}

	.modal-lg2,	
	.modal-xl {
		width:auto !important;
	}

	.bottombuttons .btn {
		width:100%;
		margin-bottom:5px;		
	}
	
	.modal-footer .btn {
		margin-bottom:10px !important;
	}
	
	.tile-buttons {
		margin-top:10px;
		padding-left:15px;
		padding-right:15px;
	}
	
	.tile-buttons .btn-sm {
		width:49%;		
	}
		
	.btn .glyphicon {
	}
	
	.application-form .panel {
		border:0;
		box-shadow:none;
		background:transparent;
	}
	.application-form .panel-heading {
		padding:5px 0;
		background:transparent;
		border-bottom:1px dotted #ccc;
	}
	.application-form .panel-body > div > h1 {
		font-size:1.6em !important;
	}

	.application-form .panel-body {
		padding:15px 0;
	}

	.atab-buttons .col-xs-12 {
		text-align:center;
		margin-bottom:15px;
	}
	
	.atab-buttons .col-xs-12 button {
		width:47%;
	}
	
	.atab-buttons .lastbuttons {
		margin-bottom:0;
	}
	
	.atab-button.btn-primary {
		border-bottom-left-radius:0 !important;
		border-bottom-right-radius:0 !important;
	}
	
	.atab-panel {
		padding: 15px 10px 0px 10px;
		margin: 0;
	}
	
	.atab-buttons {
		padding:15px 0;
		margin: 0 0 10px 0;
	}

	.control-small {
		width:50%;
	}
	
	.control-medium {
		width:100%;
	}
	
	.control-date {
		width:100%;
	}

	.attendance-attendant {
		width:160px;
	} 	
	.attendance-panel {
		margin-left:160px;
	}
	.attendance-courseday {
		right:0;
	}
	.attendance-percent,
	.attendance-sum {
		display:none;
	}

}


.form-errors ul {
	margin:0;
	padding:0;
	list-style:none;
}
.form-errors {
	margin-bottom:10px;
}
.form-errors a {
	font-weight:normal !important;
	font-size:1em;
}
.form-errors.hide-errors {
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0;
}

.documentform .fieldpanel .dl-tile.assessment-tile legend {
	padding-top:0;
	font-weight: bold;
}

/* RecommendationAssessmentPanel */
.assessment-tile {
	margin-bottom:10px;
}
.assessment-row {
	display:flex;
}
/*
.assessment-row.assessment-divider {
	border-bottom:1px dotted #888;
	margin-bottom:5px;
}
 */
.assessment-row label,
.assessment-row textarea {
	flex:1;
}
.assessment-row .assessment-score {
	display:block;
	width:50px;
	text-align:center;
	font-size:1.2em;
}
.assessment-row span.assessment-score {
	font-size:1em;
}
.assessment-not-weighted .only-weighted {
	display:none;
}

table .groups-select-panel .checkbox:first-child {
	margin-top:0;
}
table .groups-select-panel .checkbox:last-child {
	margin-bottom:0;
}