//colors
// $white: #fff;
// $color_venice_blue_approx: #115d85;
// $color_alto_approx: #ddd;
// $color_gallery_approx: #ededed;

//@extend-elements
//original selectors
//.csvupload_description, .csvupload_status
%extend_gsc_1 {
	padding: 20px;
	margin-bottom: 20px;
	//Instead of the line below you could use @include box-sizing($bs)
	box-sizing: border-box;
	background: $white;
	display: block;
	float: left;
	width: 100%;
}

//original selectors
//.csvupload_status .csv-upload-result th, .csvupload_status .csv-upload-result td
%extend_gsc_2 {
	border: 1px solid $color_alto_approx;
	padding: 10px 20px;
	vertical-align: top;
}

%extend_gsc_3 {
	display: block;
	float: left;
	margin-bottom: 15px;
	width: 100%;
}

.csvupload_description {
	@extend %extend_gsc_1;
	li {
		padding: 5px 0;
		font-size: 1rem;
	}
}
.csvupload_status {
	@extend %extend_gsc_1;
	> {
		.sechead {
			display: block;
			float: left;
			width: 100%;
			position: relative;
			cursor: pointer;
			border-top: none;
			margin-top: 0;
			padding-top: 0;
			&.disclosure-close::after {
				margin-top: 3px;
				//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
				transform: rotate(45deg);
			}
		}
		.sechead::after {
			content: '';
			display: block;
			height: 10px;
			width: 10px;
			position: absolute;
			right: 4px;
			margin-top: 6px;
			//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
			transform: rotate(-135deg);
			border-right: 1px solid $color_venice_blue_approx;
			border-bottom: 1px solid $color_venice_blue_approx;
			//Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
			transition: transform 300ms;
		}
	}
	.csv-upload-result {
		th {
			@extend %extend_gsc_2;
			background: $color_gallery_approx;
		}
		td {
			@extend %extend_gsc_2;
		}
	}
}
.csvupload_csvfile {
	@extend %extend_gsc_3;
	li {
		float: left;
	}
}
.csvupload_uniquekey, .csvupload-update-target, .csvupload_fileSupportType {
	@extend %extend_gsc_3;
	li {
		float: left;
		font-size: 1rem;
		margin-right: 15px;
		padding: 5px 0;
	}
}

.generic_search_csvuploadresult .operation-bar {
	margin-top: 15px;
}
