@charset "UTF-8";
/*Specifiek voor cms, of voor mobile cms/tablet cms*/

/*Generiek*/
.cms_quick_actions {
	padding:				5px;
	border-bottom:			1px solid #888;
	padding-right:			10px;
}

.cms_quick_actions a {
	text-decoration:		none;
	color:					#888;
	line-height:			2em;
}

.webapp_page_content,
.tablet_info {
	padding:			15px;
}

.CmsNewsletterChartHolder{
    height: 			270px;
    position: 			absolute;
    right: 				20px;
    top: 				90px;
    width: 				400px;
}

body .CmsStaticStructure_grouplist .CmsStaticStructure_search form {
	width:				100%;
	box-model:			border-box;
	padding-right:		4px;
}

body .CmsStaticStructure_grouplist .CmsStaticStructure_search tr.CpFormSimple_normalRow input {
	width:				100%;
	border-color: 		#aaa;
	height:				42px;
}

#defaultCmsButtons {
	float:				left;
}

#moduleToolbar #defaultCmsButtons .md_icon {
	float:				left;
}

#moduleToolbar .md_icon {
	float:				right;
}

.cms_content_wrapper {
	position:			absolute;
	top:				56px;
	left:				0;
	right:				0;
	bottom:				0;
	overflow:			auto;
	background-color:	#e8e8e8;
	box-sizing:			border-box;
	padding-top:		16px;
}

#container,
#contentContainer,
#content,
#mainScreen {
	width:				100%;
	height:				100%;
	position:			relative;
}

#moduleToolbar #cms_home_button {
	float:				left;
}

.CmsModuleImportMail_mail_message .td.CpFormFieldInput {
	line-height:		auto;
}

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

.CmsModuleNewsletters2_edition{
	position:			relative;
}

.cms_info_table_value ul,
.cms_info_table_value ol {
	margin-left:				20px;
}

.cms_info_table_value ul,
.cms_info_table_value ol,
.cms_info_table_value p {
	margin-bottom:				1em;
}

.CpDashboardItemHeaderItem {
	white-space:				nowrap;
    overflow:					hidden;
    text-overflow:				ellipsis;
    -o-text-overflow:			ellipsis;
    -ms-text-overflow:			ellipsis;
    font-weight:				bold;
    margin-left:				5px;
    margin-right:				5px;
    text-align:					center;
    font-size:					14px;
}

.numberOfGroupItems {
    font-size:					0.7em;
    font-style:					italic;
    margin-left:				10px;
    vertical-align:				top;
}

div.CpDashboardItemHeaderItem_shared {
	padding-left:				24px;
}

.CmsStaticStructure_group,
.CmsStaticStructure_group_fixed {
	text-overflow: 				clip;
	white-space:				nowrap;
    border-bottom: 				none;
    color: 						#666;
    font-weight: 				500;
    font-decoration:			none;
    line-height: 				48px;
	cursor:						pointer;
	background-color: 			#F5F5F5;
}

.CmsStaticStructure_group span,
.CmsStaticStructure_group_fixed span {
	font-size:					18px;
	color:						rgba(0, 0, 0, .54);
}

.CmsStaticStructure_group_fixed span {
	padding-left:				10px;
}

#homepagetoolbar .CmsStaticStructure_group {
	line-height:				48px;
}

.CmsStaticStructure_group img {
	float:						right;
	margin-right:				15px;
	margin-top:					16px;
}

body #cmsversionselection {
	top:						50px;
}

.CmsStaticStructure_search form {
	margin-right:				4px;
}

.CmsStaticStructure_search form table {
	border-collapse:			collapse;
	width:						100%;
}

.CmsStaticStructure_search form input.ui-input-text {
	width:						100%;
}

body .CmsStaticStructure_search_with_filters form {
	width:						254px;
	float:						left;
}

#login_form_wrapper{
	margin-left: 				auto;
	margin-right: 				auto;
	width:						471px;
}

.CmsDataUser_mainInfo {
	border:						collapse;
	width:						100%;
	margin-bottom:				20px;
}

.CmsDataUser_mainInfo td {
	padding:					5px;
	vertical-align:				top;
}

.CmsDataUser_photo {
	width:						150px;
}

.CmsDataUser_photo img {
	width:						150px;
	margin-right:				20px;
}

.CmsDataUser_lastcontact span,
.CmsDataUser_lastcontact a {
	color:						#588C4C;
	font-size:					14px;
	text-decoration:			none;
}

.cms_info_table {
	border-collapse:			collapse;
	width:						100%;
}

.cms_info_other_data {
	border:						1px solid #CCC;
	background:					#EEE;
}

.cms_info_table td {
	padding:					4px;
}

.cms_info_table td.cms_info_table_label {
	color:						#888;
	vertical-align:				middle;
	width:						1%;
	white-space:				nowrap;
	padding-right:				10px;
}

.CmsStatic-loading-message {
	margin-top:					60px;
	color:						#888;
	text-align:					center;
	font-weight:				bold;
}



/*Mobiel*/
.only_mobile_screen dd{
	margin-left:				10px;
	/*line-height: 				1.1em;*/

}
.only_mobile_screen dt{
	margin-top:					15px;
	margin-bottom:				3px;
	/*line-height: 				1.1em;*/
	font-weight:				bold;
	color:						#888888;
}

.only_mobile_screen dl{
	border-bottom: 				1px solid #e5e5e5;
	padding-bottom:				10px;
	font-size:					1.2em;
}
.only_mobile_screen .cms_quick_actions {
	text-align:				center;
}

.only_mobile_screen #login_form_wrapper,
.only_mobile_screen #cmsversionselection,
.only_mobile_screen #CmsLoginForm_password,
.only_mobile_screen #CmsLoginForm_user,
.only_mobile_screen #CmsLoginForm_table,
.only_mobile_screen #CmsLoginForm_submit {

	width:					100%;
}
.only_mobile_screen .CpFormFieldLabel,
.only_mobile_screen #CmsLoginForm_submit{
	font-size:				20px;
}

.only_mobile_screen #CmsLoginForm_table{
	margin-top:				25px;
	width:					300px;
	margin-left:			auto;
	margin-right:			auto;
}

div.only_mobile_screen #cmsversionselection{
	display:				none;
}
div.only_mobile_screen #CmsLoginForm_password{
	width:					100%;
	padding-top:			0;
}
/*.only_mobile_screen #CmsLoginForm_password_switch,*/
.only_mobile_screen #CmsLoginForm_password_switch img{
	/*width:					9%;*/
	/*margin-left:			1%;*/
	position:				relative;
	top:					-85px;
	left:					130px;
	max-width:				40px;
	max-height:				40px;
}
div.only_mobile_screen #login_form_wrapper{
	width:					90%;
	margin-left:			5%;
	margin-right:			5%;
}

.only_mobile_screen #CmsLoginForm_password,
.only_mobile_screen #CmsLoginForm_user{
	height:					45px;
	font-size:				20px;
	line-height: 			45px;
}
.only_mobile_screen #CmsLoginForm_submit{
	margin-top:				-40px;
	padding:				15px;
}

.only_mobile_screen .CmsDataUser_mainInfo td{
	float:					left;
}

.only_mobile_screen #webapp_page_content_homepage{
	/*display: 				none;*/
}

.only_mobile_screen #webapp_content_wrapper{
	/*margin-bottom: 			100%;*/
}

.only_mobile_screen .cms_quick_action_button {
	-moz-box-shadow:				inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:				inset 0px 1px 0px 0px #ffffff;
	box-shadow:						inset 0px 1px 0px 0px #ffffff;
	background:						-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:						-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:							progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:				#ededed;
	-moz-border-radius:				6px;
	-webkit-border-radius:			6px;
	border-radius:					6px;
	border:							1px solid #dcdcdc;
	color:							#777777;
	font-family:					arial;
	font-size:						15px;
	font-weight:					bold;
	padding:						6px 24px;
	text-decoration:				none;
	text-shadow:					1px 1px 0px #ffffff;
}

.only_mobile_screen .cms_quick_action_button:hover {
	background:						-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:						-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:							progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:				#dfdfdf;
}

.only_mobile_screen .cms_quick_action_button:active {
	position:						relative;
	top:							1px;
}

/*Tablet*/
#tablet_main .cms_quick_actions {
	text-align:				right;
}

#tablet_main .cms_quick_action_button {
	float:					right;
	margin-right:			10px;
	display:				list-item;
	list-style: 			square inside none;
}

.tablet_quicklinks {
	text-align:					right;
}

.pin_board {
	display:					block;
	border:						1px solid #EEE;
	padding:					4px;
	line-height:				48px;
	text-decoration:			none;
}

.pin_board img {
	float:						left;
	margin-right:				4px;
	height:						48px;
	opacity:					0.4;
	filter:						alpha(opacity=40);
}

.pin_board:hover {
	color:						black;
	border:						1px solid #CCC;
	background:					-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DFDFDF), color-stop(1, #EDEDED) );
	background:					-moz-linear-gradient( center top, #DFDFDF 5%, #EDEDED 100% );
	filter:						progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:			#DFDFDF;
}

.pin_board:hover img {
	opacity:					1;
	filter:						alpha(opacity=100);
}

.pin_user {
	display:					block;
	border:						1px solid #EEE;
	line-height:				48px;
	text-decoration:			none;
	width:						32%;
	text-overflow: 				ellipsis;
	text-align: 				center;
	float:						left;
	white-space:				nowrap;
	overflow:					hidden;
	cursor: 					pointer;
}

.share_text {
	background-color: 			#fddea4;
    height: 					100%;
    position: 					absolute;
    width: 						100%;
    /*display: 					none;*/
}

.show_share_text_button, .close_share_text_button {
	height:		 				30px;
    left: 						0;
    position: 					absolute;
    top:						0;
    width: 						30px;
}
.show_share_text_button{
	background-position: 		0px 0px;
	background-size: 			contain;

}
.close_share_text_button {
	background: 				url('/cms/beheer/images/tablet/pins/gelezen.png') 0 -1px no-repeat;
	background-size: 			contain;
	position:					relative;
	float:						left;
}

.close_share_text_button:hover, .show_share_text_button:hover {
	cursor:						pointer;
}

.shared_by_text {
	float:						left;
	line-height:				30px;
	text-align:					center;
	font-weight:				bold;
	width:						200px;
	overflow:					hidden;
	color:						#545454;
}

.shared_by_text span {
	white-space:				nowrap;
	text-overflow:				ellipsis;
	overflow:					hidden;
	padding-left:				5px;
	display:					block;
}

.share_text {
	overflow:					auto;
}

.first_show_button_1{
	background-image:			url('/cms/beheer/images/tablet/pins/gelezen.png');
}
.first_show_button_0{
	background-image:			url("/cms/beheer/images/tablet/pins/ongelezen.png");

}
.share_text_message{
	margin:						10px;
}

.pin_user img {
	padding-top:				4px;
	display:					block;
	width:						50px;
	margin:						auto;
	height:						48px;
	opacity:					0.4;
	filter:						alpha(opacity=40);
}

.pin_user:hover {
	color:						black;
	border:						1px solid #CCC;
	background:					-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DFDFDF), color-stop(1, #EDEDED) );
	background:					-moz-linear-gradient( center top, #DFDFDF 5%, #EDEDED 100% );
	filter:						progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:			#DFDFDF;
}

.pin_user:hover img {
	opacity:					1;
	filter:						alpha(opacity=100);
}


.CmsDataQuickTool .tablet_leftpain,
.LoginScreen .tablet_leftpain,
.uuidffc78162483711e2aeb8005056873f45 .tablet_leftpain,
.uuid31d259e85f3f11e2aeb8005056873f45 .tablet_leftpain,
.uuid40e8e3646f5a11e19bc1005056873f45 .tablet_leftpain,
.uuid0e3c3114a2bf11e2a3aa005056873f44 .tablet_leftpain,
.CmsDataCRMReport .tablet_leftpain,
.uuidf95dffba73af11e2aeb8005056873f45 .tablet_leftpain {
	display:					none;
}

.CmsDataQuickTool .tablet_main,
.LoginScreen .tablet_main,
.uuidffc78162483711e2aeb8005056873f45 .tablet_main,
.uuid31d259e85f3f11e2aeb8005056873f45 .tablet_main,
.uuid40e8e3646f5a11e19bc1005056873f45 .tablet_main,
.uuid0e3c3114a2bf11e2a3aa005056873f44 .tablet_main,
.CmsDataCRMReport .tablet_main,
.uuidf95dffba73af11e2aeb8005056873f45 .tablet_main {
	left:						0;
}

.LoginScreen .tablet_main_screen {
	margin-left:				auto;
	margin-right:				auto;
}

.CmsDataQuickTool h1 {
	font-family: 				'Quando', serif;
	text-align:					center;
	color:						#727272;
	width:						520px;
	margin-left:				auto;
	margin-right:				auto;
	padding-bottom:				1em;
	border-bottom:				1px dotted #DDD;
}

#quick-note-form,
#quick-task-form {
	max-width:					520px;
	width:						100%;
	margin-left:				auto;
	margin-right:				auto;
	margin-top:					25px;
}

#quick-note-form td.CpFormFieldInput {
	width:						375px;
}


.CpDashboardItemHeaderIcon {
	float: 						left;
    height: 					30px;
    width: 						30px;
}


.CpDashboardItem {
    float: 						left;
    margin: 					10px;
    width:						250px;
    height:						182px;
    border:						1px solid #9A9A9A;
    position:					relative;
    display:					none;
}

.only_mobile_screen .CpDashboardItem,
.only_mobile_screen .CmsModuleManual_manual {
	margin-left:				0px;
	margin-right:				0;
	width:						99%;
}
.only_mobile_screen .CpDashboardItem{
}

.CpDashBoardItem_actions {
	display:					none;
	padding-right:				4px;
}

.CpDashboardItem:hover .CpDashBoardItem_actions {
	display:					block;
}

.CmsDashboard {
	width:						100%;
	height:						100%;
}

.CmsDashboard fieldset {
	padding:					15px;
	margin:						40px;
	border:						1px solid #888;
	background:					white;
}

.only_mobile_screen fieldset {
	margin-left:				0;
	margin-right:				0;
}

legend {
	margin-left:				20px;
	padding-left:				10px;
	padding-right:				10px;
	color:						#888;
}

.CpDashBoardItem_remove {
	position:					absolute;
	right:						2px;
	top:						2px;
	width:						26px;
	height:						26px;
	cursor:						pointer;
	display:					none;
}

.CpDashBoardItem_remove img {
	width:						26px;
	height:						26px;
}

.CpDashboardItem:hover .CpDashBoardItem_remove {
	display:					block;
}

.greyGradient {
	background: 				#f7f7f7; /* Old browsers */
	background:					 -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%); /* FF3.6+ */
	background:					 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background:					 -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background:					 -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 100%); /* Opera 11.10+ */
	background:					 -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 100%); /* IE10+ */
	background:					 linear-gradient(to bottom, #f7f7f7 0%,#e7e7e7 100%); /* W3C */
	filter:					 	progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}


.CpDashboardItemContentWrapper {
	height:						150px;
}

.CpDashboardItemText {
	height:						30px;
	line-height:				30px;
	border:						1px solid white;
	color:						#545454;
}

.CpDashboardItemContentContent {
	height:						110px;
	padding-left:				7px;
	padding-right:				7px;
}

.CpDashBoardItem_actions img {
	border: 					1px solid transparent;
	cursor:						pointer;
	float:						right;
	margin-left:				1px;
	margin-right:				1px;
	opacity:					1;
	padding:					6px;
	height:						24px;
}

.CpDashboardItemImage {
	width:						65px;
	height:						65px;
	float:						left;
	padding-left: 				5px;
    padding-top: 				1px;
    position:					relative;
	margin-top:					10px;
}

.CpDashboardItemImage img.pintypeicon {
	width:						25px;
	height:						25px;
	padding:					1px;
	background:					rgba(255, 255, 255, 0.7);
	border:						none;
	left:						9px;
	bottom:						5px;
	position:					absolute;
	margin:						0;
}

p.reminderdate {
	font-weight:				bold;
	margin-bottom:				0.5em;
	text-align:					left;
}

.CpDashboardItemImage img {
	background:					none repeat scroll 0 0 white;
	border:						1px solid #DADADA;
	height:						60px;
	width:						60px;
	padding:					1px;
}

.CpDashboardItem a {
	color:						#545454;
	text-decoration: 			none;
}

.CpDashboardItemInfo {
	height:						95px;
	overflow:					hidden;
	padding-left:				5px;
	padding-top:				5px;
	font-size:					13px;
	line-height:				16px;
}

.CmsDashboard h1 {
	text-align:					center;
	padding-bottom:				20px;
}

.CmsDashboardCreator_close {
	clear:						both;
	padding-top:				20px;
	text-align:					center;
}

.CmsDashboardSeperator {
	clear:						both;
	margin:						10px;
	margin-left:				20px;
	margin-right:				20px;
	padding-top:				10px;
}

.CmsDashboardSeperator hr {
	color:						#DADADA;
	background-color:			#DADADA;
	border: 					1px solid #DADADA;
	border-bottom:				1px solid white;
}

#tablet_message a {
	cursor:						pointer;
}

.crm_grey_boxed {
	border:						1px solid #CCC;
	background:					#EEE;
	padding:					10px;
	margin:						10px;
}

.crm_grey_boxed .CmsDataUser_photo {
	border:						1px solid #CCC;
	background:					white;
	width:						80px;
}

.crm_grey_boxed .CmsDataUser_photo img {
	width:						80px;
	margin-right:				0;
}

.crm_grey_boxed h1,
.crm_grey_boxed h2 {
	font-size:					24px;
	margin-bottom:				12px;
	color:						#888;
}

.CmsDataFilter_attribuut_outer {
	margin-left:				-5px;
	padding:					5px;
	border:						1px solid rgba(0, 0, 0, 0.4);
	width:						350px;
	height:						180px;
}

.form_hide_row {
	display:					none;
}

.wikipage h1 {
	margin-bottom:				1em;
}

.CmsStaticStructure_filterbutton {
	float:						right;
	height:						26px;
	margin-top:					16px;
	margin-right:				6px;
	opacity:					0.5;
	cursor:						pointer;
}

.CmsStaticStructure_filterbutton:hover {
	opacity:					1;
}

.dialog_contact_them,
.dialog_contact_us {
	background:					none repeat scroll 0 0 #EEEEEE;
	border:						1px solid #CCCCCC;
	width:						80%;
	margin-bottom:				20px;
	padding:					5px;
	clear:						both;
}

.dialog_contact_them {
	float:						left;
}

.dialog_contact_us {
	float:						right;
}

.dialog_contact_date {
	font-style:					italic;
	margin-bottom:				6px;
}

.CmsModuleImportMail_actions_act {
	padding-bottom:				10px;
}

div.pintypeicon {
	bottom: 					0;
	color: 						white;
	font-size: 					20px;
	font-weight: 				bold;
	height: 					44px;
	line-height: 				30px;
	position: 					absolute;
	right: 						0;
	text-align: 				center;
	text-shadow: 				-1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
	width: 						65px;
}

.tablet_info .CpHtmlGoogleChart {
	max-width:						1000px;
}

#module_search_form_table {
	width:							390px;
	margin-left:					auto;
	margin-right:					auto;
	margin-top:						28px;
	margin-bottom:					20px;
}

.search_submit {
	cursor: 						pointer;
}

.MsoListParagraph {
	margin-left:					20pt;
}

.CpFormFieldSearchDomain_textquery {
	float:							left;
	padding-left:					10px;
	padding-right:					10px;
	background-color:				#0056AC;
	color:							white;
	font-weight:					bold;
	margin-right:					10px;
	line-height:					40px;
}

.CpFormFieldSearchDomain_textquery span {
	cursor:							pointer;
}

.selecteditemsbar {
	display:						none;
	background:						#777777;
	padding-left:					13px;
	height:							56px;
	line-height:					63px;
}

.selecteditemsbar:hover {
	background:						#777777;
}

.selecteditemsbar i {
	color:							white;
	font-size:						30px;
	margin-left:					5px;
	margin-right:					5px;
	cursor:							pointer;
}

body .CpWebMailSender .CpFormFieldSearchDomain input.ui-input-text,
body .CpFormFieldSearchDomain input.ui-input-text {
	float:							left;
	width:							120px;
}