﻿
.uploadControl_Edit .uploadControl_File {
	cursor: pointer;
}

.uploadControl_Edit .uploadControl_FileNameLabel {
	border-width: 0px;
	width: 143px;
}

.wcc_DualBlock .uploadControl_Edit .uploadControl_FileNameLabel {
	width: 600px;
}

.uploadControl_ReadOnly .uploadControl_FileNameLabel {
	width: 240px;
}

.uploadControl_FileNameLabel {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

input[type=text].uploadControl_FileNameTextBox {
	float: left;
	width: 171px;
}

.wcc_DualBlock input[type=text].uploadControl_FileNameTextBox {
	width: 628px;
}

.uploadControl_ReadOnly .uploadControl_FileNameLabel {
	cursor: pointer;
	color: #0191D2;
	text-decoration: underline;
}

.uploadControl_Buttons {
	float: right;
	width: 62px;
}

.uploadControl_Button {
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	background: #EFEFEF no-repeat center center;
	display: inline-block;
	height: 24px;
	width: 24px;
}
.uploadControl_Button:hover {
	background-color: #0191D2;
	border-color: #0180B6;
}
.uploadControl_Button:active {
	background-color: #0180B6;
	border-color: #017099;
}
.uploadControl_Button[disabled] {
	border: solid 1px #F0F0F0;
	background-color: #FAFAFA;
}

.fileinput-button input[disabled] {
	cursor: default;
}

.uploadControl_Rename {
	background-image: url('/Theming/Styles/Images/UploadControl/Rename.png');
	float: right;
	margin-right: 5px;
}

	.uploadControl_Rename:hover {
		background-image: url('/Theming/Styles/Images/UploadControl/RenameActive.png');
	}

	.uploadControl_Rename[disabled] {
		background-color: #FAFAFA;
		background-image: url('/Theming/Styles/Images/UploadControl/RenameDisabled.png');
		border: solid 1px #F0F0F0;
	}

.uploadControl_MultipleFiles .uploadControl_Delete {
  	float: right;
}
.uploadControl_Delete {
	background-image: url('/Theming/Styles/Images/Trash.png');
}
.uploadControl_Delete:hover {
	background-image: url('/Theming/Styles/Images/TrashActive.png');
}
.uploadControl_Delete[disabled] {
	background-color: #FAFAFA;
	background-image: url('/Theming/Styles/Images/TrashDisabled.png');
	border: solid 1px #F0F0F0;
}

.uploadControl_MultipleFiles .uploadControl_Upload {
	cursor: pointer;
  	float: right;
	background-image: url('/Theming/Styles/Images/UploadControl/Attach.png');
}
.uploadControl_MultipleFiles .uploadControl_Upload:hover {
	background-image: url('/Theming/Styles/Images/UploadControl/AttachActive.png');
}
.uploadControl_MultipleFiles .uploadControl_Upload[disabled] {
	background-image: url('/Theming/Styles/Images/UploadControl/AttachDisabled.png');
}

.uploadControl_OnlySetImage .uploadControl_Upload {
	cursor: pointer;
	background-image: url('/Theming/Styles/Images/Mutate.png');
}
.uploadControl_OnlySetImage .uploadControl_Upload:hover {
	background-image: url('/Theming/Styles/Images/MutateActive.png');
}
.uploadControl_OnlySetImage .uploadControl_Upload[disabled] {
	background-color: #FAFAFA;
	background-image: url('/Theming/Styles/Images/MutateDisabled.png');
	border: solid 1px #F0F0F0;
}

.uploadControl_ImagePreviewPanel {
	background-color: #FAFAFA;
	border: 1px solid #EFEFEF;
	color: #999990;
	font-family: 'Open Sans', 'Segoe UI', sans-serif;
	font-size: 16px;
	height: 93px;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	width: 231px;
}
.uploadControl_ImagePreviewPanel span {
	display: inline-block; /* Nodig i.v.m. verticaal centreren */
	margin-top: 32px;
}
.uploadControl_ImagePreviewPanel input {
	cursor: default;
	/* Verticaal centeren */
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.uploadControl_Container {
	overflow-y: hidden; /* Nodig i.v.m. verticaal centreren */
}

.uploadControl_UploadPanel .wcc_ContentBlockContentCell {
}

.uploadControl_NewFileDataCell {
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	box-sizing: border-box;
	cursor: default;
	float: left;
	height: 26px;
	padding-left: 5px;
	padding-top: 2px;
}

.uploadControl_NewFileDataCell .popupButtonDataCell_EditDiv {
	visibility: hidden;
}

.uploadControl .popupButtonDataCell_EditDiv {
	background-image: url('/Theming/Styles/Images/View.png');
}

.uploadControl .popupButtonDataCell:hover .popupButtonDataCell_EditDiv {
	background-image: url('/Theming/Styles/Images/ViewActive.png');
}

.uploadControl_Screenshot {
	background-image: url('/Theming/Styles/Images/UploadControl/Screenshot.png');
	float: right;
	margin-right: 5px;
}
.uploadControl_Screenshot:hover {
	background-image: url('/Theming/Styles/Images/UploadControl/ScreenshotActive.png');
}
.uploadControl[disabled] .uploadControl_Screenshot {
	background-image: url('/Theming/Styles/Images/UploadControl/ScreenshotDisabled.png');
}

.uploadControl_ScreenshotPopup {
	text-align: left;
}

.uploadControl_ScreenshotPopup .wcc_ContentBlock {
	background-color: transparent;
}

.uploadControl_ScreenshotContainer {
	background-color: #FAFAFA;
	border: 1px solid #EFEFEF;
	color: #999990;
	font-family: 'Open Sans', 'Segoe UI', sans-serif;
	font-size: 16px;
	margin-left: 10px;
	max-height: 420px;
	text-align: center;
	vertical-align: middle;
}

.uploadControl_ScreenshotUsageText {
	display: block;
	margin: 190px;
}

.uploadControl_AlignRight .uploadControl_Container {
	text-align: right;
}