/*#region BulkImport Editor layout */

#import {
	position: relative;
}

#bulk-import-editor-root {
	max-width: 21cm;
	padding: 20px;
	box-shadow: 1px 2px 4px rgba(0,0,0,0.4);
	border-radius: 0;
	border: none;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;

	background-color: #edf1f9;
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 66%, rgba(226,234,241,1) 100%);
}


#import .nav-tabs {
	margin-bottom: 5px;
}


#grid-preview {
	height: calc(100vh - 300px);
	width: 100%;
	margin: 0;
}


#grid-results {
	height: calc(100vh - 290px);
	width: 100%;
	margin: 0;
}


#loading-users-indicator {
	max-width: 21cm;
	padding: 20px;
	box-shadow: 1px 2px 4px rgba(0,0,0,0.4);
	border-radius: 0;
	border: none;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #edf1f9;
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 66%, rgba(226,234,241,1) 100%);
	text-align: center;
}


/*#endregion */









/*#region BulkImport Editor */


.section-heading {
	font-size: 18px;
	border-bottom: 1px solid rgba(101, 154, 206, 0.25);
	margin-bottom: 20px;
	padding-bottom: 5px;
	margin-top: 0;
}


.layout-property-name {
	font-size: 14px;
	color: rgba(101, 154, 215, 0.6);
}



input[type=file].input-csv {
	width: calc(100% - 20px);
    background-color: rgba(101,154,215,0.1);
    border-color: rgba(101,154,215,0.5);
	color: rgba(0,0,0,0.5);
    border-radius: 9px;
	border-bottom-left-radius: 0; border-bottom-right-radius: 0;
    line-height: 20px;
    vertical-align: top;
	padding: 10px;
    padding-bottom: 2px;
    padding-right: 12px;
	outline: none;
	cursor: pointer;
}

input[type=file].file-input {
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}

	input[type=file].input-csv::file-selector-button {
		border: 1px solid rgba(101,154,215,0.5);
		background: rgba(101,154,215,0.25);
		padding: 3px 6px;
		border-radius: 5px;
		color: rgba(0,0,0,0.5);
		cursor: pointer;
	}

		input[type=file].style2::file-selector-button:hover {
			background: #0d45a5;
		}

input[type=file].input-csv:focus {
	outline: none;
}

.file-input-clear {
	border: 1px solid rgba(101,154,215,0.5);
	background: rgba(101,154,215,0.25);
	padding: 3px 6px;
	border-radius: 5px;
	color: rgba(0,0,0,0.5);
	cursor: pointer;
	margin-top: 8px;
	margin-left: 8px;

	display: inline-block;
	vertical-align: top;
	opacity: 0.75;
}


.input-csv-details {
    background-color: rgba(101,154,215,0.1);
    border-color: rgba(101,154,215,0.5);
	color: rgba(0,0,0,0.5);
    border-radius: 9px;
	border-top-left-radius: 0; border-top-right-radius: 0;
    line-height: 20px;
    vertical-align: top;
	padding: 10px;
	padding-top: 8px;
	padding-bottom: 12px;
    padding-right: 12px;
	margin-right: -2px;
	margin-top: 1px;
	margin-bottom: 10px;
}

	.input-csv-details.significant {
		font-weight: bolder;
		color: rgba(0,0,0,0.75);
	}

    .input-csv-details-detail {
		margin-top: 5px;
    }


	.input-csv-details-detail.warning {
		background: white;
		border-radius: 5px;
		padding: 4px;
		padding-left: 6px;
		padding-top: 3px;
		border: 1px solid rgba(196, 146, 53, 0.25);
		margin-left: -2px;
		margin-top: 5px;
	}
		.input-csv-details-detail.warning strong {
			color: rgba(196, 146, 53, 1)
		}

	.input-csv-details-detail.error {
		background: white;
		border-radius: 5px;
		padding: 4px;
		padding-left: 6px;
		padding-top: 3px;
		border: 1px solid rgba(200, 0, 0, 0.25);
		margin-left: -2px;
		margin-top: 5px;
	}
		.input-csv-details-detail.error strong {
			color: #cc0000;
		}


.input-csv-details .download-data-link {
	display: inline-block;
	margin-top: 10px;
}

.vertical-align-top {
	vertical-align: top;
}



.property-name-value-notes {
	white-space: pre-line;
}





.button-guidance {
	display: inline-block;
	width: calc(100% - 200px);
	border: 1px solid rgba(101, 154, 206, 0.25);
	background: white;
	font-size: 14px;
	font-weight: 300;
	padding: 3px 5px 6px 8px;
	border-radius: 5px;
	line-height: 18px;
}

.button-guidance.button-primary {
	border-color: rgba(101, 154, 206, 0.25);
}

.button-guidance.button-success {
	border-color: rgba(78, 187, 77, 0.25);
}

/*#endregion */













/*#region Bulk Import List */

	#import-imports {
		min-height: 220px;
	}

	.bulk-imports-container {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.bulk-import {
		/*border-top: 1px solid rgba(101, 154, 215, 0.50);*/
		padding-top: 8px;
		padding-left: 8px;
		padding-bottom: 8px;
		margin-bottom: 8px;
		cursor: pointer;
		background: white;
		background: rgba(101, 154, 215, 0.05);
		white-space: nowrap;
		font-size: 95%;
        position: relative;
	}

		.bulk-import:first-child {
			border-top: none;
		}

		.bulk-import:hover {
			background: rgba(101, 154, 215, 0.1);
		}


		.bulk-import.submitted-but-with-issues {
			/*font-weight: 600;*/
            color: #aa0000;
		}

/*			.bulk-import.submitted-but-with-issues::before {
				content: "\2BC6";
				position: absolute;
				left: -12px;
				top: 7.5px;
				font-size: 12px;
				opacity: 0.5;
			}*/

        .bulk-import.submitted {
	        font-weight: 600;
        }

			.bulk-import.submitted::before {
				content: "\25C9";
                color: green;
                position: absolute;
                left: -13px;
                top: 7px;
                font-size: 15px;
                opacity: 0.5;
                font-weight: 300;
            }

        .bulk-import.cancelled {
            opacity: 0.5;
        }

		.bulk-import.completed {
			/*background: rgba(101, 154, 101, 0.05);*/
            color: rgba(55, 133, 55, 0.75);
        }

			.bulk-import.completed::before {
                content: "\2713";
                color: green;
                position: absolute;
                left: -12px;
                top: 7.5px;
                font-size: 12px;
                opacity: 0.5;
            }


	.bulk-import.bulk-import-header {
		padding-bottom: 0;
	}
		.bulk-import.bulk-import-header:hover {
			background: inherit;
		}

	.bulk-import .property {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: inline-block;
		width: 100px;
		margin-right: 10px;
		vertical-align: top;
		line-height: 125%;
	}

	.bulk-import .property.tiny {width: 30px;}
	.bulk-import .property.small {width: 100px;}
	.bulk-import .property.medium {width: 150px;}
	.bulk-import .property.large {width: 180px;}
	.bulk-import .property.xlarge {width: 300px;}
	.bulk-import .property.xxlarge {width: 400px;}

	.bulk-import.bulk-import-header .property {
		color: #659ace;
		text-transform: uppercase;
	}

	.bulk-import.bulk-import-search .property {
		background: none;
		padding-top: 0;
		padding-bottom: 0;
	}


	.api-reference {
		padding: 10px;
		border-radius: 5px;
		background: rgba(255, 255, 255, 0.5);
	}




	.property input {
		width: calc(100% - 20px);
		margin-top: 4px;
	}


	.bulk-import .property.small a.dropdown-toggle {
		max-width: 75px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow-x: hidden;
	}

/*#endregion */





/*#region Matcher Grid */

/* SEE sequential-theme-extra.css */

/*#endregion*/




.background-info {
	margin-bottom: 20px;
	max-width: 20cm;
}


.larger {
	font-weight: 300;
	font-size: 18px;
	line-height: 21px;
}

.missing-teacher {
	padding: 4px;
}

.missing-teacher:nth-child(even) {
	background: white;
}