/*#region Pagina afwijkende classes */

/*#endregion Pagina afwijkende classes */

/*#region Toon- en WijzigContact*/

.helpdesk_RecordDateWidth {
	width: 100px;
}

.helpdesk_RecordEmployeeWidth {
	width: 200px;
}

.helpdesk_RecordHoursWidth {
	width: 50px;
}

.helpdesk_RecordDescriptionWidth {
	width: 450px;
	text-overflow: ellipsis;
}

.helpdesk_ReactionContainer {
	background-color: white;
}

.helpdesk_ReactionContent {
	border-radius: 3px;
}

.helpdesk_ScheduledLabel {
	float: left;
}

.helpdesk_ReactionNumberLabel {
	float: right;
	padding-right: 16px;
}

/* 1 kolom */
@media screen and (min-width: 570px) and (max-width: 910px) {
	.helpdesk_ReactionBlock {
		width: 437px;
	}
	.helpdesk_ReactionLabelSeparator {
		display: none;
	}
}

.helpdesk_Reaction {
	margin: 0px 3px;
	max-width: 765px;
	width: 88%;
}

.helpdesk_IncomingMessage {
	float: right;
}

.helpdesk_OutgoingMessage {
	float: left;
}

.helpdesk_ReactionSender {
}

.helpdesk_ReactionDate {
	float: right;
	padding-right: 5px;
}

.helpdesk_ReactionTitle {
	display: block;
	float: left;
	font-weight: bold;
	margin: 0px 5px;
	padding: 2px 0px;
}

.helpdesk_ReadOnly .helpdesk_NormalMessage {
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
}

.helpdesk_ReadOnly .helpdesk_InternalMessage {
	background-color: #555555;
	border: 1px solid #555555;
	color: white;
}

.helpdesk_Reaction .wcc_ContentBlockFullCell {
	width: auto;
}

/*#region Texteditor*/

.helpdesk_ReadOnly .textEditor_TextContentUnformattedLabel,
.helpdesk_ReadOnly .textEditor_DisplayContentPanel_Ellipsis {
	max-width: 755px;
	width: auto;
}
.helpdesk_DefaultMessage .textEditor_DisplayContentPanel_Ellipsis:hover {
	background-color: #0180B6;
}
.helpdesk_InternalMessage .textEditor_DisplayContentPanel_Ellipsis:hover {
	background-color: #444444;
}
.helpdesk_ReadOnly .textEditor_Expanded {
	color: black;
}
.helpdesk_ReadOnly .textEditor_DisplayActionContentPanel {
	right: 6px;
}

/* Overtollige tekst verbergen bij resizen van >= 3 naar <= 2 kolommen */
.helpdesk_Reaction .textEditor_DisplayContentPanel_Display {
	overflow-y: hidden;
}

/*#endregion*/

.helpdesk_ReadOnly .helpdesk_DefaultMessage {
	background-color: #0191D2;
	border: 1px solid #0191D2;
	color: white;
}

.helpdesk_ReadOnly .helpdesk_DefaultMessage a, .helpdesk_ReadOnly .helpdesk_InternalMessage a {
	color: white;
}

.helpdesk_ReadOnly .helpdesk_NormalMessage a {
	color: black;
}

.helpdesk_ReactionSeparator {
	float: left;
}

.helpdesk_CurrentReaction .wcc_ContentBlockSubTitle {
	color: #0191D2;
	font-weight: bold;
}

.helpdesk_CurrentReaction.helpdesk_ReadOnly .helpdesk_ReactionContent {
	border-color: #0191D2;
}

.helpdesk_CurrentReaction.helpdesk_ReadOnly .helpdesk_ReactionContent.helpdesk_NormalMessage {
	background-color: #D8E8FF;
	color: #014A7F;
}

.helpdesk_CurrentReaction.helpdesk_ReadOnly .helpdesk_NormalMessage a {
	color: #014A7F;
}

.helpdesk_CurrentReaction.helpdesk_ReadOnly .helpdesk_ReactionContent.helpdesk_InternalMessage {
	background-color: #014A7F;
	color: #D8E8FF;
}

.helpdesk_CurrentReaction.helpdesk_ReadOnly .helpdesk_InternalMessage a {
	color: #D8E8FF;
}

.helpdesk_ReactionText {
	padding-left: 10px;
}

.helpdesk_ReactionScheduled {
	padding-left: 5px;
}

.tooncontact .helpdesk_ReactionTitle {
	padding-top: 5px;
	padding-left: 5px;
}

.wijzigcontact .helpdesk_ReactionTitle {
	margin-left: 3px;
}

.helpdesk_InternalMessage .popup a {
	color: #0291D3 !important;
}

/*#endregion*/
/*#region WijzigContact */
.wijzigContact_CkEditorContainer, .wijzigContact_CkEditorContainer .cke_chrome {
	height: 140px;
}

.wijzigContact_TallEditor, .wijzigContact_TallEditor .cke_chrome {
	height: 240px;
}

.wijzigContact_CkEditorContainer .cke_toolgroup {
    margin: 0 4px 2px 0;
}

.wijzigContact_CkEditorContainer .cke_toolbar {
	float: inherit;
	display: inline-block;
}

.helpdesk_ReactionBlock .wcc_ContentBlockTitle {
	overflow: visible;
}

.helpdesk_ReactionBlock .helpdesk_ReactionOrder {
	margin-bottom: 6px;
	max-width: 240px;
	width: 240px;
}

div.newMenuItems .wcc_NewButtonPanel {
	border: 1px solid #CCCCCC;
	padding: 0px;
	height: 24px;
	width: 24px;
}

/*#region NewMenuItems*/

div.newMenuItems {
	text-transform: none;
	float: right;
}

.newMenuItems .newMenuItems_Tab {
	background-color: transparent;
	margin: 2px 2px 0px 0px;
	padding: 0px;
	height: auto;
	width: auto;
}

.newMenuItems div.tabControl_Tab a {
	background: #EFEFEF url('/Theming/Styles/Images/Add_Grey.png') no-repeat center center;
	border: 1px solid #CCCCCC;
	float: right;
	height: 26px;
	width: 26px;
}
.newMenuItems div.tabControl_Tab a:hover {
	background-image: url('/Theming/Styles/Images/Add_White.png');
}

.newMenuItems_Pane {
	margin-top: 2px;
	margin-right: 4px;
}

a.newMenuItems_Tab:hover {
	background-color: #0180B6;
}

.newMenuItems_Tab img {
	background-image: url('/Theming/Styles/Images/TabControl/newMenuItems.png');
	height: 16px;
	width: 16px;
}

div.newMenuItems_Tab a:hover, div.newMenuItems_Tab.tabControl_ActiveMenu {
	background-color: #0191D2;
}
a.newMenuItems_Tab.tabControl_ActiveMenu:hover {
	background-color: #0191D2;
}

.newMenuItems_Pane {
	color: white;
	position: absolute;
	background-color: #0191D2;
	font-size: 12.5px;
	font-weight: bold;
	letter-spacing: 1px;
}

div.newMenuItems_Container {
	display: block;
}

.newMenuItems_MenuNode a {
	color: white !important;
	text-decoration: none;
	padding: 7px 15px 9px 26px !important;
	white-space: nowrap;
}
.newMenuItems_MenuNode a:active {
	background-color: #017099;
}

/*#endregion*/

.wijzigContact_SpacerDiv {
	float: left;
	width: 20px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 2px;
}

.wijzigContact_DateDiv {
	float: left;
	width: 138px;
}

.wijzigContact_TimeDiv {
	float: left;
	width: 75px;
}

.wijzigContact_Ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wijzigContact_RecordWidth {
	width: 378px;
}

.wcc_DualBlock .wijzigContact_RecordWidth {
	width: 835px;
}

	.wijzigContact_RecordWidth span {
		overflow: hidden;
		text-overflow: ellipsis;
	}

.wijzigContact_EditButton {
	margin-left: -5px;
	width: 350px;
	height: 23px;
	position: absolute;
}
.wijzigContact_RecordWidth .wijzigContact_EditButton {
	width: 835px;
}

.wijzigContact_DeleteReaction {
	float: right;
}

input.wijzigContact_ReactionTitle {
	font-weight: bold;
}

.wijzigContact_Editable .helpdesk_InternalMessage input.wijzigContact_ReactionTitle {
	background-color: #555555;
	border: 1px solid #555555;
	color: white;
}

.wcc_SingleBlock .helpdesk_ReactionContent .wcc_ContentBlockTitleCell {
	width: 100%;
	height: 100%;
}

.wcc_DualBlock .wijzigContact_ReactionTitleCell,
.wcc_DualBlock .helpdesk_Reaction .uploadControl_UploadPanel > .wcc_ContentBlockTitleCell {
	width: 50%;
	height: 100%;
}

.helpdesk_ReactionBlock.wcc_SingleBlock .uploadControl .wcc_ContentBlockContentCell {
	left: 129px;
	width: 240px;
}

.wcc_SingleBlock .wijzigContact_ReactionContentCell {
	left: auto;
	width: 100%;
	max-width: 100%;
}

.wcc_DualBlock .wijzigContact_ReactionContentCell,
.wcc_DualBlock .helpdesk_Reaction .uploadControl_UploadPanel > .wcc_ContentBlockContentCell {
	left: 50%;
	width: 50% !important;
	max-width: 50%;
}

.wcc_SingleBlock .wijzigContact_ReactionContentCell {
	border-left: 0px solid transparent;
	padding-left: 0px;
	padding-top: 26px;
}

.helpdesk_ReactionTitleAndBody {
	padding-bottom: 5px;
}

.helpdesk_ReactionTitleAndBody .wcc_ContentBlockContentCell {
	left: auto;
	max-width: none;
	width: 100%;
}

div.wijzigContact_ReactionActionBy, .wcc_SingleBlock label.wijzigContact_ReactionActionBy {
	float: left;
	width: 27%;
}

div.wijzigContact_ReactionActionByParty, .wcc_SingleBlock label.wijzigContact_ReactionActionByParty {
    border-left: 5px solid transparent;
	border-right: 5px solid transparent;
    box-sizing: border-box;
	float: left;
	width: 46%;
}

div.wijzigContact_ReactionPlannedDate, .wcc_SingleBlock label.wijzigContact_ReactionPlannedDate {
    box-sizing: border-box;
	float: left;
	width: 27%;
}

.wijzigContact_Internal.wcc_DualBlock .wijzigContact_Editable .helpdesk_ReactionContent .uploadControl_FileNameLabel {
	width: 285px;
}
.wijzigContact_Internal.wcc_DualBlock .helpdesk_ReactionContent .uploadControl_FileNameTextBox {
	width: 313px;
}

.wijzigContact_Internal.helpdesk_ReactionBlock.wcc_SingleBlock .uploadControl .wcc_ContentBlockContentCell {
	left: 35%;
	width: 65% !important;
}
.wijzigContact_Internal.helpdesk_ReactionBlock.wcc_DualBlock .uploadControl .wcc_ContentBlockContentCell {
	left: 50%;
	width: 50% !important;
}

.wijzigContact_ReactionAttachments {
	overflow: hidden;
	width: 100%;
}

/*#region External*/

.wijzigContact_External.wcc_DualBlock div.wijzigContact_ReactionActionBy {
	width: 100%;
}

.wijzigContact_External.wcc_DualBlock .wijzigContact_ReactionActionByPanel {
	left: 50%;
	width: 50%;
}

.wijzigContact_External.wcc_DualBlock .helpdesk_Reaction .uploadControl {
	left: 50%;
	position: relative;
	width: 50%;
}

.wijzigContact_External.wcc_DualBlock .wijzigContact_ReactionContentCell,
.wijzigContact_External.wcc_DualBlock .helpdesk_Reaction .uploadControl_UploadPanel > .wcc_ContentBlockContentCell {
	left: 35%;
	width: 65% !important;
	max-width: 75%;
}

.wijzigContact_External.helpdesk_ReactionBlock .uploadControl .wcc_ContentBlockContentCell {
	left: 35%;
	width: 65% !important;
}

.wijzigContact_External.wcc_DualBlock .helpdesk_ReactionContent .uploadControl_FileNameLabel {
	width: 182px;
}

/* Breedte reactietitel extern oprekken naar beschikbare ruimte i.v.m. vervallen verplichtheidsvalidatiestreepje */
.wijzigContact_ReactionTitleExternal {
	border-left: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

/*#endregion External*/

/*#endregion WijzigContact*/