/* 2013.09.27 base
 ---------------------------
 Realisatie:               	
 ---------------------------
 �M-Solutions              	
 ---------------------------
 www.2m-solutions.nl       	
 info@2m-solutions.nl      
 
	standaard kleurgebruik:
 
	coolgray1:	#DBD9D6; 
	coolgray2:	#D2D0CD;
	coolgray3:	#CAC8C8;
	coolgray4:	#BDBBBB;
	coolgray5:	#B3B2B1;
	coolgray6:	#A9A8A9;
	coolgray7:	#99999A;
	coolgray8:	#8A8A8D;
	coolgray9:	#77777A;
	coolgray10:	#646569;
	coolgray11:	#55565A; Teksten, borders
	
	onlineledenblauw (a) : #3FA9F5;
           	
 ---------------------------

/* custom fonts*/
/* voorbeeld voor custom font

@font-face
{
	font-family: 'edw';
	
	src: 	url('fonts/edw.eot');
	src:	url('fonts/edw.eot?#iefix') format('embedded-opentype'),
			url('fonts/edw.ttf') format('truetype'),
			url('fonts/edw.woff') format('woff');	
}
*/

/* mms-css uit oude files */
.mms-orange
{
		background-color: #ee7623 !important;
	
}
.mms-light-green
{
	background-color: #c2e76b	 !important;

}
.mms-AICON,.mms-AICON:hover{color:#000000!important;background-color:#F4CA28!important}
img{margin-bottom:0px !important}

/* mms-css uit oude files */



#ckeditorDiv
{
	max-width: 100%;
	padding: 10px;
}

.mms-coolgray0
{
	background-color: #F1F1F1;
}

.mms-coolgray1
{
	background-color: #DBD9D6;
}


html 
{ 
	height: 100%; 
	overflow-y: scroll   ;
}

#inputs > * {
    margin: 20px 0;
}

.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
}
.stepper-item {
	
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;

  @media (max-width: 768px) {
    font-size: 12px;
  }
}

.stepper-item .step-counter {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f1f1f1 ;
  margin-bottom: 6px;
}

.stepper-item.active {
  font-weight: bold;
  background-color: #f1f1f1 !important;
}

.stepper-item.active .step-counter {
	background-color: #3fa9f5 !important;
	color: #FFF;
}

.stepper-item.completed .step-counter {
  background-color: #38d430 !important;
  color: #FFF;
}

.radio-toolbar input[type="radio"] 
{
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label:hover 
{
  background-color: #dfd;
}

.radio-toolbar input[type="radio"]:checked + label 
{
    background-color: #bfb;
    border-color: #4c4;
}


.imgLint, .imgLint img {
	height: auto !important;
	max-height: 200px;
	border: 0;
	width:100%;
	max-width:200px;
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
}
.popupImage
{
	max-width: 500px;
}
.hoverable:hover
{
	background-color: #f1f1f1 !important;
	-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
	transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
}

.mms-hardgreen
{
	background-color: #0DD400 !important;
}

.sidenavNew {
    height: 100%;
    width: 300px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #f1f1f1; 
    overflow-x: hidden;
    padding-top: 40px;
	text-align: start;
}

.sidenavNew a {
    font-size: 15px;
    color: #55565A;
    display: block;
    transition: 0.3s;
}

.sidenavNew a:hover {

text-decoration: underline;
}
.cursorPointer
{
	cursor: pointer;
}

.InitialenCircel125
{
	width: 125px;
    height: 125px;
	font-size: 68px;
}
.height200
{
	min-height: 200px;
}
.InitialenCircelImage
{
	width: 50px;
    height: 50px;
	font-size: 14px;
}
.BAR

{
border-right: 1px solid #f1f1f1 !important;
margin: 0px !important;
text-align: center !important;

}
.InitialenCircel
{
	width: 50px;
    height: 50px;
	font-size: 14px;
    padding-top: 13px;	
	background-color: #61afe4;
}
.InitialenCircel, .InitialenCircel125, .InitialenCircelImage
{
	display: inline-block;
    text-align: center;

    font-weight: bold;
    vertical-align: middle;
    border-radius: 50%;

    color: #fff;
    margin-right: 5px;
}
canvas
{
	height: 400px;
}

.width25
{
	min-width: 25px !important;
	width: 25px !important;
}

.width30
{
	min-width: 30px !important;
	width: 30px !important;
}
.width40
{
	min-width: 40px !important;
	width: 40px !important;
}
.width50
{
	min-width: 50px !important;
	width: 50px !important;
}

.width60
{
	min-width: 60px !important;
	width: 60px !important;
}

.width75
{
	min-width: 75px !important;
	width: 75px !important;
}
.width80
{
	min-width: 80px !important;
	width: 80px !important;
}

.width100
{
	min-width: 100px !important;
	width: 100px !important;
}
.width110
{
	min-width: 110px !important;
	width: 110px !important;
}
.width185
{
	min-width: 185px !important;
	width: 185px !important;
}
.width275
{
	min-width: 275px !important;
	width: 275px !important;
}
.width400
{
	min-width: 400px !important;
	width: 400px !important;
}
.width525
{
	min-width: 535px !important;
	width: 535px !important;
	background-color: #f1f1f1;
	border-radius: 10px;
	padding-bottom: 10px;
}

.popupEntityImages
	{
	min-width: 900px !important;
	width: 900px !important;
	background-color: #f1f1f1;
	border-radius: 10px;
	padding-bottom: 10px;
	}


.valuta
{
	min-width: 90px !important;
	width: 90px !important;
	text-align: right;
}
.datum
{
	min-width: 80px !important;
	width: 80px !important;
	text-align: center;
}
.datumTijd
{
	min-width: 150px !important;
	width: 150px !important;
	text-align: center;
}
.tijd
{
	min-width: 50px !important;
	width: 50px !important;
	text-align: center;
}
.functies
{
	min-width: 110px !important;
	width: 110px !important;
	text-align: center;
}

.top2
{
	padding-top: 2px;
}
.top5
{
	padding-top: 5px;
}
.top7
{
	padding-top: 7px;
}

.top10
{
	padding-top: 10px;
}

.top15
{
	padding-top: 15px;
}

.tableList
{
	min-height:	28px;
}

.checkboxAlign
{
	position: relative;

}

.factuurInformatiePadding{
	padding-top: 18px !important;
}

.saldo h2 {
	color: #4E4E52;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: normal;
}

.saldo h3 {
	color: #4E4E52;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
}

.mms-container, .mms-table td, .mms-table th, .mms-table-all td,
	.mms-table-all th {
	vertical-align: middle;
}

.mms-table td, .mms-table th, .mms-table-all td,
	.mms-table-all th {
	padding: 0;
}

.mms-select {
	padding: 3px 2px 3px 2px;
}

.mmslabel1{
	
	padding-top: 8px;
	
}
.evenementsinfo{
	width: 100%;
}
.LESSEN
{
background-color: #c6e8fe !important;
border-right: 1px solid #f1f1f1 !important;
}
.BLOK
{
background-color:  #55565a !important;
border-right: 1px solid #f1f1f1 !important;
}
.PROEF
{
	background-color: #FFDAB9 !important;
border-right: 1px solid #f1f1f1 !important;

}
.ONBETAALD
{
background-color: #ceeaa0 !important;
border-right: 1px solid #f1f1f1 !important;
}
.GROUPED
{
}

.imgLint, .imgLint img {
	height: auto !important;
	max-height: 200px;
	border: 0;
	width:100%;
	max-width:200px;
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
}


.BONBORDER{
	margin: 20px;
	padding: 20px;
	max-width: 75%;
	align: center;
	margin-left: auto; 
	margin-right: auto;
	min-height: 700px;
}
.FACTUURBORDER{
	margin: 20px; 
	padding: 20px; 
	max-width: 95%; 
	align: center;
	margin-left: auto; 
	margin-right: auto;
	min-height: 800px;
}
.DATEBLOK
{
	color: #55565a;
	background-color: #f1f1f1;
	margin: 5px !important;	
	text-align: center;
	width: 75px;
	min-height: 40px;
}

td.MONTH, td.DAY, td.HOUR, td.EPLANNINGNAAM, td.EVENEMENTNAAM
{
	font-size: 10px;
	line-height: 1;
	padding: 2px !important;
	border: 0px !important;
	margin: 0px !important;
	min-width: 40px;
	margin-left: auto;
	margin-right: auto;
}
td.DAY
{
	font-size: 130%;
	font-weight: bold;
}
td.HOUR
{
	font-size: 110%;
	font-weight: bold;
}
td.EPLANNINGNAAM
{
	font-size: 90%;
	line-height: 1.5;
}
td.EVENEMENTNAAM
{
	font-size: 120%;
	font-weight: bold;	
}

.functionDiv td{
	min-width: 0px !important;
	width: auto !important;
}
.newlintsmallimg img{
	height: 50px;
	width: 50px;
}

.selectedTR
{
	background-color: #003366;
}




body 
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	padding: 			0;
	margin: 			0;
	line-height: 		1.5;
	color: #55565A;
	background: none !important;
}

table 
{
    margin: 0px;
    border-spacing: 0;
    padding: 0;
    border: 0px;

}

.agendaItem
{
	border:2px solid #e2e2e2;
	border-radius: 5px;
}

.totaal
{
	text-align: right;

}

.getalCentreer
{
	text-align: center; 
}
.totaalCentreer
{
	text-align: center;
	font-weight: bold;
}

.mms-alert
{
	background-color: #ff931e;
	color: #fff;
	border-radius: 5px;
	position: relative; 
	top: 0px; 
	float: right; 
	width: 22px;
	height: 22px; 
	text-align: center; 
	margin:4px;
	padding-top: 4px;
	
}
.mms-alertRadius
{
	background-color: #ff931e;
	color: #fff;
	border-radius: 50%
}
.mms-alertOff
{
	background-color: #f1f1f1;
	color: #d9d8d6;
	border-radius: 5px; float: right; width: 22px; height: 22px; text-align: center; margin:4px;padding-top: 4px;
}

.algemeen
{
	min-width: 1000px;
	height: 100%;
}

#contentSchaling 
{
    padding-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    min-width: 100%;
}
#container 
{
    padding-left: 0px;
    padding-right: 150px;
}

.medium
{
	width:1025px;
}

#container .column 
{
			position: relative;
			float: left;
			height: 100%;
			padding-top: 0px;
}	
.invulfout
{
	background-color: 		#FF0000;
	color: 					#FFF;
}
.invulgoed
{
	background-color: 		#FFF;
	color: 					#000;
}

@media only screen and (min-width: 0px) and (max-width: 360px)
{
	.lintDIV{
		width: 100%;
		
	}
	.lintDIV h1{
		font-size: 16px;
		
	}
	.fotoDIV
	{
	
		width: 175px; 
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.hiddenDiv{
		display: none;
	}
	#TB_window{
		max-width: 400px;
		margin-left: -50% !important;
	}
	
	.width525
{
	min-width: 335px !important;
	width: 335px !important;

	border-radius: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.popupImage
	{
		max-width: 300px;
			margin-left: auto;
	margin-right: auto;
	}
}

.container_small
{
	padding: 			50px;
	border-bottom:		0px solid #4E4E52;
	background-color: 	#4E4E52;
	height: 			100%;

}
#content_small
{
	text-align: 		left;
	padding: 			25px;
	border: 			0px solid #4E4E52;
	background-color: 	#FFF;
		min-height: 	725px;
	float: 				left;
	margin-left: 		auto;
	margin-right: 		auto;	
	width: 100%;

}
#stickyFooterPopUp
{
	
	margin-top: 10px;
	background-color: #EFEFEF;
	width: 100%;
}
.spacer
{
	height: 31px;
	padding-left: 10px;
	color: #948C86;
	border-top: 0px solid #E4E2E0;
	padding-top: 10px;
}
.colSpacer
{
	width:		30px;
	min-width:	30px;
}

.error {
	color: red;
	font-weight: bold;
}
.clearfix:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;

}


.clearfix 
{
	display: inline-block;
}  

  * html .clearfix {height: 100%;}
	.clearfix {
	display: block;

}

p, td, br, form, input
{
	margin: 0px;

}
a
{
	color: 				#61AFE4;
	text-decoration: 	none;
}
a.small_link
{
	color: #4E4E52;
}

.header .headerTest{
    text-align: center;
    height: 80px;

    background-image: url(https://2m-solutions.nl/_globals/img/applicatieMenu/headerbg_100.png);
    background-repeat: repeat-x;
}

.headercolor .hover, .headercolor .hover:hover
{
	border-radius: 0;
}
.headerTest
{
    background-image: url(https://2m-solutions.nl/_globals/img/applicatieMenu/headerbgTestOrange_100.png);

}

#breadcrumbs
{
	
	vertical-align: middle;
}
.breadcrumbText
{	height:	40px;
	vertical-align: middle;
}
.breadcrumbsButton 
{
	float: 	right;
	height:	40px;
	width:	40px;
	margin-top: 0px;
	text-align: center;
	margin-right: 0px;
	border-bottom: 2px solid #FFF;
}

.infobutton
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/icon_info.png) no-repeat;	
	background-color: #E3E0DC;

}
.infobutton:hover
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/icon_info.png) no-repeat;
	background-color: #61AFE4;	
}
.helpbutton
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/icon_question.png) no-repeat;
	background-color: #E3E0DC;	
}
.helpbutton:hover
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/icon_question.png) no-repeat;
	background-color: #61AFE4;
}

.gebruikteIconen
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/infoIcons.png) no-repeat;
	background-color: #E3E0DC;	
}
.gebruikteIconen:hover
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/infoIcons.png) no-repeat;
	background-color: #61AFE4;	
}


.optioneleKolommen
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/icon_optioneleKolommen.png) no-repeat;
	background-color: #E3E0DC;	
}
.optioneleKolommen:hover
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/icon_optioneleKolommen.png) no-repeat;
	background-color: #61AFE4;
}
.sorterenRechts
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/icon_sorterenRechts.png) no-repeat;
	background-color: #61AFE4;	
}
.active_sorteer
{
	background-color: #61AFE4;
}
.hideInactive
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/show_inactief.png) no-repeat;
	background-color: #E3E0DC;
}

.hideInactive:hover
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/verberg_inactief.png) no-repeat;
	background-color: #61AFE4;
}
.showInactive
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/verberg_inactief.png) no-repeat;
	background-color: #61AFE4;
}

.showInactive:hover
{
	background: url(https://2m-solutions.nl/_globals/img/iconsBig/show_inactief.png) no-repeat;	
	background-color: #61AFE4;	
}

.wijzigWidgets
{
	background:url(https://2m-solutions.nl/_globals/img/iconen/wijzig_widgets.png) no-repeat;
	background-color: #E3E0DC;
}

.wijzigWidgets:hover
{
	background:url(https://2m-solutions.nl/_globals/img/iconen/wijzig_widgets.png) no-repeat;
	background-color: #61AFE4;
}

.fullview
{
	background:url(https://2m-solutions.nl/_globals/img/iconen/fullview_open.png) no-repeat;
	background-color: #E3E0DC;	
}

.fullview:hover
{
	background:url(https://2m-solutions.nl/_globals/img/iconen/fullview_open_MO.png) no-repeat;
	background-color: #61AFE4;	
}

.smallview
{
	background:url(https://2m-solutions.nl/_globals/img/iconen/fullview_dicht.png) no-repeat;
}

.smallview:hover
{
	background:url(https://2m-solutions.nl/_globals/img/iconen/fullview_dicht_MO.png) no-repeat;
	background-color: #61AFE4;	
}

/* Factuur statussen */
.filterStatusActief, .filterStatusActief img
{	
	background-color: #4e4e52;	
	display: block;
	height: 40px;
	width:	40px
}
.filterStatusNietActief, .filterStatusNietActief img
{	
	background-color: #E3E0DC;
	display: block;
	height: 40px;
	width:	40px
}
.filterStatusNietActief:hover, .filterStatusNietActief img:hover
{	
	background-color: #4e4e52 !important;	
}
.numbersActief
{
	position: absolute;
	right: 2px;
	top: 29px;
	color: #000;

}
.numbersNietActief
{
	position: absolute;
	right: 2px;
	top: 29px;
	color: #000;
}


#pageInfo
{
	border-top: 0px solid #E4E2E0;
	width: 100%;
	height: 28px;
	border-bottom: 0px solid #E4E2E0;
	vertical-align: middle;	
}
.rechtenInfo
{
	height:	25px;
	width:	25px;
	text-align: center;
	vertical-align: middle;
}

.helptekst
{
	display:none;
}
.helptekstmiddle
{
	width: 196px;
	background-image:url(https://2m-solutions.nl/_globals/img/helpleftback.png);	
	background-repeat: repeat-y;
	color: #31363C;
	padding:5px;

}
.helplefttop
{
	width: 202px;
	height: 5px;
	background-image:url(https://2m-solutions.nl/_globals/img/helplefttop.png);	
	background-repeat: no-repeat;
}
.helpleftbottom
{
	width: 202px;
	height: 10px;
	background-image:url(https://2m-solutions.nl/_globals/img/helpleftbottom.png);	
	background-repeat: no-repeat;
}
.hr
{
	margin: 0px;
}

.applicatieButtonFilters {
	width: 50px;
	height: 40px;
	cursor: pointer;
}

td.newRow, newRow
{
	min-height: 35px !important;
	vertical-align: middle;
	
}
td.status
{
	vertical-align: middle;
	text-align: center;
	width: 35px;
}

td.equalStatus
{
	min-height: 35px !important;
	vertical-align: middle;
	text-align: center;
	width: 35px;
}

#applicatieMenuFilters
{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 200px);
	z-index: 10;
	background-color: #EFEFEE;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 20px;
	margin-left: 50px;
	margin-right: 50px;
	cursor: default;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px 0px 25px 25px; 
	border-radius: 0px 0px 25px 25px; 
}

.applicatieMenuFiltersColumn
{
	width: 100%;
	max-width: 300px;
	padding-bottom: 30px;
	float: left;
}

.applicatieButton 
{
    width: 50px;
    height: 40px;
    margin-left: 0px;
    vertical-align: middle;
}


#menu td.standaard:hover
{
	background-color: #61AFE4;
}
#menu .standaard 
{
    color: #4e4e52;
    font-weight: bold;
    min-width: 100px;
    text-decoration: none;
    background-color: #EFEFEF;
}

#menu td.selectedMO 
{
    font-weight: bold;
    min-width: 100px;
    color: #fff;
    text-decoration: none;
    background-color: #61AFE4;
}
.hoofmenuTileBreadcrumb
{
	text-align: center; 
}

#menu td.selectedMO a 
{
    color: #fff;
}



#menu .menuA
{
	display: block;
}

.menubar .left
{
	width:30%;
	text-align:left;
}

.menubar .center
{
	width:40%;
	text-align: center;
}

.menubar .right
{
	width:30%;
	text-align:right;
}

.rechtenInfo
{
	height:	25px;
	width:	25px;
	text-align: center;
	vertical-align: middle;
}


#disclaimer
{
	clear: both;
	height: 0px;

}

.stdtable td:first-child
{
 padding-left: 5px;
}

.incasso, .mailing, .pw_send, .post, .sms, .telefonie, .geslachtsID, .selecteer, .verlengen, .soort, .userID, .publiekZichtbaar, .selecteerTDInput, .aantallen, .vinkje
{
	min-width: 30px;
	width: 30px;
}


.tdspacer
{
	min-width: 10px;
}
.tussenvoegsel, .achtervoegsel, .lidSinds, .postcode, .aantal , .prive, .bijlagen, .aantalLeden
{
	min-width: 75px;
	width: 75px;
}

.ticketnummer, .classificatie, .categorie
{
	min-width: 110px;
	width: 110px;
}
.adres, .plaats, .land, .websites, .product
{
	min-width: 125px;
}
.uitvoering
{
	min-width: 175px;
	width: 175px;
}
.planningNaam, .cpVoornaam, .cpAchternaam, .bedrijfsID, .parentCpID, .rekeningnummer , .eigenaar, .teamfunctie, .abonnement, .teamgID, .createdOn, .eersteCP, .naam, .evenementstype, .soortEvenement, .namens, .locatie, .evenementsPlanning, .uitvoering
{
	min-width: 150px;
}
.locatieNaam, .ruimteNaam, .abonnement, .publiekelijk, .gebruikersNaam, .evenementnaam, .lastlogin, .email, .cpID, .team, .teamNaam
{
	min-width: 200px;
}

 .telefoon, .mobiel, .fax
{
	min-width: 150px;
	width: 150px;
}

.datum, .cpGeboortedatum
{
	min-width: 100px;
	width: 100px;
	text-align: center;
}

.bedrag, .prijs
{
	min-width: 		75px;
	width: 			75px;
	text-align: 	right;
	font-variant: 	bold;
}

h1
{
	color: #4E4E52;
	font-size:  25px;
	/*font-weight:bold;*/
	margin: 0px;

}
h2
{
	color: #4E4E52;
	font-size:  20px;
	/*font-weight:bold;*/
	padding-top: 	0px;
	padding-bottom: 0px;
	margin: 0px;
}
h3
{
	color: #4E4E52;
	font-size:  12px;
	font-weight:bold;
	padding-top: 	0px;
	padding-bottom: 0px;
	margin: 0px;
	
}
h4
{
	font-size: 10px;
	padding-top: 	0px;
	text-align: left;
	margin: 0px;
	color: #4E4E52;
}
h5
{
	font-size:  14px;
	padding-top: 	0px;
	padding-bottom: 0px;
	color:#07244B;
	margin: 0px;
} 
h6
{
	font-size: 10px;
	padding-top: 	0px;
	text-align: left;
	margin: 0px;
	color: #FFF;
}
.header1
{
	color: #000000;
	font-weight: bold;
	font-size: 18px;
}

.table_header
{
	color: #0055AA;
	font-weight: bold;
	text-decoration: none;
}

.cursor_pointer
{
	cursor: pointer;

}
.button
{
	background-color: #DE6931;
	text-align: center;
	color: #4E4E52;
}

.row
{
	background-color: #FFFFFF;
	min-height: 25px;
	padding: 0px;
}
.widgetrow
{
	height: 48px;
	border-bottom: 1px solid #b3b2b1;
}
.widgettable
{
	width: 90%;
	margin-top: 10px;
}
.row td
{
	border-bottom: 1px solid #b3b2b1;
	padding: 2px !important;
		
}

tr.cursor_pointer 
{
	color: #4C4035;
	font-weight: bold;
	height: 25px;
}

thead
{
	color: #4C4035;
	font-weight: bold;
	background-color: #f9f9f9;
	height: 25px;
}

tfoot
{
	color: #4C4035;
	font-weight: bold;
	background-color: #f9f9f9;
	height: 25px;
}

/* Begin hoofdmenuSmall CSS */

.hoofdMenuActive
{
		background-color: #3FA9F5;
		font-weight: bold;
		color: white !important;
}
.mms-button
{
	border-radius: 5px;
	margin: 1px !important;
	background-color: #f1f1f1 !important;
}
.mms-button-green
{
	background-color: #c2e76b	 !important;
}
.pageActive
{
		font-weight: bold;
		color: white !important;
}


.tdTitle{
    font-style: italic;
}


/* styling van de table met de admin items */
.bottomNavtable{
	height: 40px;
	/* width: 300px; */
	position: absolute;
	bottom: 4%;
	align-self: center;
	left: 10%;
}
/* spacing tussen de admin buttons */
#bottomNavItem{
	padding: 0px 0px 0px 20px;
}

.bottomNavItems{
	top:4%;
}

/* End Denzel DO */

.uitklapMenu{
		background-color: #f9f9f9;
}

.closebtn {
    position: absolute;
    top: 5px;
    right: 5px;
}

/* EINDE hoofdmenuSmall CSS*/ 

thead
{
	color: #4C4035;
	font-weight: bold;
	height: 25px;
	background-color: #EFEFEF;	
}

th
{

	border-bottom: 0px solid #55565A;
	text-align: left;
}
.total
{
	border-top: 0px solid #55565A;
	text-align: right;
}

.theadLight thead
{
	background-color: #f7f7f7;
}

.row_header
{
	z-index: 1;
	height: 12px;
	background-color:  #55565A;
	font-weight: bold;
	padding: 2px;
}
.row_left
{
	z-index: 1;
	height: 25px;
	background-color: #DF6B31;
	color: #FFFFFF;
}
.row_right
{
	z-index: 1;
	height: 25px;
	background-color: #DF6B31;
	color: #FFFFFF;
}

fieldset
{
	border: 1px solid white; 
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 2px;
}


.valuta, .valutaRight
{
	min-width: 	75px;
	width:		75px;
	text-align: right;
	background-color: #f9f9f9;
	padding-right: 10px;	
}
button
{
	text-align: center;
}

input[type='text'], input[type='email'], input[type='password']
{
    border: 1px solid #E3E0DC;
}

.small
{
	width: 25px;
}

input[type="submit"]
{
	text-align: center;	
}
textarea
{
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	border:				1px solid #ccc;
}
select
{
	width: 125px;
	margin-top: 3px;
}
textarea
{
	width: 100%;
	height: 100px;
}
.disclaimertekst
{
text-align:left;
color:#FFFFFF;
background-color: #BFC8D1;
text-decoration:none;
padding:2px;

}

.tab 
{
    background-color: #EFEFEF;
    height: 30px;
    width: 50px;
    text-align: center;
}

.tab img 
{
    height: 30px;
    width: 50px;
}

.tabselected 
{
    background-color: #61AFE4;
    height: 30px;
    width: 50px;
    text-align: center;
}

.tabselected img 
{
    height: 30px;
    width: 50px;
}

.tab a
{
	color: #4E4E52;
}

.tabselected a 
{
	color: #FFFFFF;
	height: 50px;
}

.tableTAB
{
	border-bottom: 0px solid #f4f4f4;
	padding-right: 0px;
	margin-right: 0px;
	clear: both;


}
.tableTABstats
{
	border: 2px solid #837674;
	margin: 0px;
	margin-bottom: 5px;
}
.listyle1 {
    text-decoration: none;
    color: #fff;
    min-width: 59px;
    display: block;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #fff;
    padding-left: 5px;
    padding-right: 5px;
}


.userInfoLeft 
{
	background-image:url(https://2m-solutions.nl/_globals/img/bg_userinfo_left_blue.jpg);
	background-repeat:no-repeat;
	height:77px;
	width: 5px;
}
.userInfoCenter 
{
	height:77px;
	text-align: left;
	
}
.userInfoRight 
{
	background-image:url(https://2m-solutions.nl/_globals/img/bg_userinfo_right_blue.jpg);
	background-repeat:no-repeat;
	height:77px;
	width:9px; 
}

a.paginanummering
{
	color: #837674;
	text-decoration: none;
}

.pageNumber, .pageNumberNotActive
{
	background-color: #EFEFEF;
	color: #EFEFEF;
	background-image:url(https://2m-solutions.nl/_globals/img/buttons/buttonWhiteSmall.png);
	background-repeat:no-repeat;
	width: 25px;
	height: 25px;
	text-align: center;
}
.pageNumberExtra
{
	color: #837674;
	width: 25px;
	height: 25px;
	text-align: center;
}

.pageNumberActive, .pageNumber:hover
{
	background-color: #61AFE4;
	background-image:url(https://2m-solutions.nl/_globals/img/buttons/buttonWhiteSmall.png);
	background-repeat:no-repeat;
	width: 25px;
	height: 25px;
	text-align: center;
}

.buttonDarkSmall
{
	background-image:url(https://2m-solutions.nl/_globals/img/buttons/buttonDarkSmall.png);
	background-repeat:no-repeat;
	width: 25px;
	height: 25px;
	text-align: center;
}

.omschrijving
{ 
	overflow: auto; 
	background-color: #F0F0F0;
	padding: 15px;
}
/*De blokken onder start*/

.startBlok
{
	float: left;
	width: 255px;
	margin-top:5px;
	margin-right: 2px;
	min-height: 260px;
	border: 1px solid #DEDEDE;
}

.startBlokHeader
{
	background-color:#61AFE4;
	padding: 5px;
	text-align: center;
	width: 245px;

	/*border: 1px dotted #000;*/	
	z-index: 1;
	height: 30px;
}
.startBlokHeader a
{
		color: #FFFFFF;
}

.startBlokHeader h2
{
	color: #FFFFFF;
	padding:0px;
	margin: 0px;
	padding-top: 5px;
}


.startBlokContent ul
{
	list-style: none;
	margin-top: 0px;
	padding: 0px;
}

.startBlokContent li
{
	margin: 0px;
	width: inherit;
	background-image: url(https://2m-solutions.nl/_globals/img/rowSmall.png);
	background-repeat: repeat-x;
	height: 25px;
	padding-top: 1px;
	padding-left: 1px;
	overflow: hidden;
}
#mymelding
{
	border: 1px solid #C0C0C0;
	background-color: #FFFFAA;	
	width: 50% ;
	color:#3C3C3C;
	padding: 5px;
	margin-bottom: 3px;	
}
.readonlyInput
{
	background-color: #F5F5F5;
}

.readonlyInputSmall
{
	background-color: #F5F5F5;
	width: 100%;
}


.tabOption 
{
	
	color: #041C40;
	text-align: center;
	font-size:10px;
	display:block;
	text-decoration:none;
	
	background-color:#61AFE4;
	padding: 2px;	
	width: 120px;
}

.tabOption a
{
	color: #fff;
	
}

.tabOptionMO
{
	color: #426378;
	text-align: center;
	margin-top:0px;
	padding-top: 0px;
	font-size:10px;
	display:block;
	text-decoration:none;
	background-color: #E3E0DC;
	padding: 2px;
	width: 120px;

}
.tabOptionMO a
{
	color: #000;
}

.startBlokAgenda {
    width: 230px;
    margin-bottom: 3px;
    min-height: 195px;
    border: 0px solid #DBD9D6;
}


.monthCalenderSmall
{
	width: 100%;
	/* height: 195px; */
	/* margin-bottom:20px; */
	/*padding-top: 10px;*/
	text-align: center;
}

.standaardSmall, .standaardSmall a
{
	height: 					20px;
	font-size: 					12px;
	text-align:					center;
	text-decoration: 			none;
	color: 						#B0AEAE;
}

.startBlokHeaderLeft
{
	width: 100%;
	text-align: center;
	height: 24px;
	vertical-align: middle;
	padding-top:3px;
	padding-bottom:3px;
	background-color: #E3E0DC;

}
.startBlokHeaderLeft h2
{
	color: #4E4E52;
}
a.startagenda,a.startagenda:hover
{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
/*	text-decoration: none;*/
}
td.startagenda
{

	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	/*text-decoration: none;*/
}

.standaardWeek
{
	color: #757578;
	height: 20px;	
	text-align: center;
	font-weight: bold;
}

.standaardWeek a
{
	color: #757578;
}
.monthActive
{
	background: #61AFE4;
	color: blue;
}
.monthActive a
{
	color: #fff;
}
.planningActive
{
	background-color: #4E4E52; 
}
.planningActive a
{
	color: #fff;
}

.planningInactive a
{
	color: grey;
}

.sessionbericht
{
	height: 25px;
	vertical-align: middle;
}

.standaardSmall
{
	height: 20px;
}


td.inactive
{

	background: #fff;
	
}

td.today, .today a
{
	background-image:url(https://2m-solutions.nl/_globals/buttons/buttonWhiteSmall.png);	
	text-align: center;
	text-decoration: none;
	background-position: center;
	background-color: #61AFE4;
	background-repeat: no-repeat;	
	height: 25px;
	width: 25px;	

}


a.monthitem, a.monthitem:hover
{
	color: #757578;
	font-size: 12px;
	text-decoration: none;
}
td.monthitem
{
	color: #696983;
	font-size: 12px;
	text-decoration: none;
}
a.startagenda,a.startagenda:hover
{
	color:#1C85ED;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
/*	text-decoration: none;*/
}
td.startagenda
{
	padding-top : 4px;
	color: #696983;
	font-size: 12px;
	font-weight: bold;
	/*text-decoration: none;*/
}

#yearsmall
{
	text-align:center;
}

.page_head
{
	background-image:url(https://2m-solutions.nl/_globals/img/hoofdmenu.png);	
	background-repeat: repeat-x;
	padding:  5px;
	padding-left:  10px;	
	background-color: #E6DFE3;	
	text-align: left;
	height: 20px;
}


.opt_item
{	
	position: absolute;
	width:300px;
}
.opt_item2
{
	position: absolute;
	left: 230px;
}
.opt_item3
{
	position: absolute;
	left: 270px;
}
.opt_item4
{
	position: absolute;
	left: 300px;
}

.scrollbar
{
	overflow:scroll auto;
	overflow-y:hidden;	
	clear: both;
}

.functions
{
	min-width: 100px;
}
.functions5
{
	min-width: 125px;
}


#loadingdiv
{
	position:absolute;
	left:-600%;
	top:35%;
}


.switch
{
	position: absolute;
	z-index: 999;
	visibility: hidden;
	min-width: 175px;
}

.switch tr
{
	background-color: #EFEFEF;
	height: 41px;	
}
.switch td
{
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px solid white;		
}

.sortTable
{
	float: right;
	margin: 0px;
	padding: 0px;
}
.sortTable td
{
	max-width: 40px;
	height: 40px;
	line-height: 0;
}
.sortTable img
{
	text-align: right;
}
.sortTable td:hover
{
	background-color: #61AFE4;
}
.switch_right
{
	position: absolute;
	z-index: 999;
	visibility: hidden;
}

.switch_right tr
{
	background-color: #E3E0DC;
	height: 40px;	
}
.switch_right td
{
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid white;
	border-bottom: 1px solid white;	
}

.switch_right a
{
	color: #4E4E52;		
	margin: 0px 10px;
}

.pageFunctions, .menubar
{
	padding-top:	2px;
	width: 100%;
}
.pageFunctions .left
{
	width: 40%;
	text-align: left;
}
.pageFunctions .center
{
	width: 20%;
}
.pageFunctions .right
{
	width: 40%;
	text-align: right;
}
#loadingmsg {
	color: black;
	background: #fff; 
	padding: 10px;
	position: fixed;
	top: 45%;
	left: 40%;
	z-index: 100;
	margin-right: -25%;
	margin-bottom: -25%;
}
#loadingover {
	background: black;
	z-index: 99;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.planningInformatie 
{
    padding-left: 20px;
    border-bottom: 15px solid #D1CFCC;
}

/*.date-pick
{
	width: 123px !important;
}*/

.cpFunctie
{
	width: 125px;
}

.dateTypeSelector
{
	min-width: 70px !important;
	width: 70px !important;
}

.frequentieSelector
{
	min-width: 125px !important;
	width: 125px !important;
}

.imgAdd img, .verticalTop
{
	vertical-align: top;
}

.bovenCP img, .infoCpName img
{
	vertical-align: middle;
}

.hover:hover, .hoverJavascript:hover
{
	background-color: 			#61AFE4;
	border-radius: 				50%;
}

.hover, .hoverJavascript
{
	vertical-align: 			middle;

}
.hoverNoRadius:hover
{
	background-color: 			#61AFE4;
}

.hoverable:hover
{
	background-color: #f1f1f1 !important;
	-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
	transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
}
.valignMiddle
{
	vertical-align: 			middle;
}

.aanvragen
{
	background-color:  #61AFE4;
	width:40px;
	border: 0px;
}
.passen
{
	background-color: #61AFE4;	
	width:40px;
	border: 0px;
}
.talen
{
	background-color: #61AFE4;	
	width:40px;
	border: 0px;
}
.facturatie
{
	background-color: #61AFE4;	
	width:40px;
	border: 0px;
}
.iconsBig
{
	background-color: #61AFE4;	
	width:50px;
	border: 0px;
}
.scanning
{
	background-color: #FFF;	
	width:50px;
	border: 0px;
}
.applicatieMenu
{
	background-color: #61AFE4;	
	width:40px;
	border: 0px;
}
.imgBrowser
{
	width:40px;
	border: 0px;	
}
.abonnementen
{
	background-color: #61AFE4;	
	width:40px;
	border: 0px;	
}


.hTitel
{
	font-size:					18px;
	font-weight: 				bold;

}

.div33
{
	float:						left;
	width:						33%;
}

.div50
{
	float:						left;
	min-width: 					45%;
	margin-right: 				5px;


}

.div50Right
{
	float:						right;
	min-width: 					40%;
	
}

.div100
{
	float: 						left;
	width: 						100%;
}
.cpInvoiceInfo
{
	height: 					37px;
	width: 						50px;	
	background-image:			url(https://2m-solutions.nl/_globals/img/iconsBig/cpInvoiceInfo.png);	
	background-repeat: 			no-repeat;	
	font-size:					16px;
	text-align: 				center;
	padding-top: 				12px;
	font-weight: 				bold;	
}

.cpAboInfo
{
	height: 					37px;
	width: 						50px;	
	background-image:			url(https://2m-solutions.nl/_globals/img/iconsBig/cpAboInfo.png);	
	background-repeat:			no-repeat;	
	font-size: 					16px;
	text-align: 				center;
	padding-top: 				12px;
	font-weight:				bold;	
	float:						left;

}

.cpAgeInfo
{
	height: 					37px;
	width: 						50px;	
	background-image:			url(https://2m-solutions.nl/_globals/img/iconsBig/cpAgeInfo.png);	
	background-repeat: 			no-repeat;	
	font-size: 					16px;
	text-align: 				center;
	padding-top: 				12px;
	font-weight: 				bold;
}


.invulfout
{
	background-color: 			#FF0000;
	color: 						#FFF;
}
.invulgoed
{
	background-color: 			#FFF;
	color: 						#000;
}

#invulfoutDatePick
{
	background-color: 			#FF0000;
	color: 						#FFF;
}
#invulgoedDatePick
{
	background-color: 			#FFF;
	color: 						#000;
}
.textinvulfout
{
	border: 					2px solid #FF0000;
}
.textinvulgoed
{
	border: 					1px solid #000;
}

.checkboxfout
{
	outline: 					1px solid #FD4242;
}
.checkboxgoed
{
	background-color: 			#FFF;
	color: 						#000;
}

.textboxWidth
{
	width:						100% !important;
}

.tdspacer, .width10
{
	min-width: 10px;
	width: 10px;
}

.width25
{
	min-width: 25px;
	width: 25px;
}

.incasso, .mailing, .pw_send, .post, .sms, .telefonie, .geslachtsID, .selecteer, .verlengen, .soort, .publiekZichtbaar, .selecteerTDInput, .aantallen, .vinkje, .soortEvenement, .namens, .width30
{
	min-width: 30px;
	width: 30px;
}
.status
{	
	min-width: 30px;
	width: 30px;
	text-align: center;
}

.tijd, .width50, .korting
{
	min-width: 50px;	
	width: 50px;
	
	
}
.datumTijd
{
	min-width: 125px;	
	width: 125px;
	text-align: left;

}


.border-bottom
{
	border-bottom: 1px solid #55565a;
}

.klantnummer, .tussenvoegsel, .achtervoegsel, .lidSinds, .postcode, .aantal , .prive, .bijlagen, .aantalLeden, .ruimte, .width75, .postcode1, .telefoon2, .fax1, .kvknummer, .btwnummer, .vestigingsnummer
{
	min-width: 75px;
	width: 75px;
}

.width100
{
	min-width: 100px;
	width: 100px;
}

.ticketnummer, .ruimte, .width110, .plaats1, .land1, .bedrijfstypeID, .parentID, .telefoon1
{
	min-width: 110px;
	width: 110px;
}
.adres, .plaats, .land, .websites, .product
{
	min-width: 125px;
}

.width125
{
	min-width: 125px;
	width: 125px;
}
.count
{
	min-width: 	100px;
	width:		100px;
	font-size: 	12px;
	text-align: center;
	background-color: #f9f9f9;
}
.functie, .functies, .planningCount, .width100, .adres1, .betaalconditieID, .width140
{
	min-width: 140px;
	width: 140px;
}

.width150
{
	min-width: 150px;
	width: 150px;
}

.langeDatum, .width175
{
	min-width: 175px;
	width: 175px;
}

.locatieNaam, .ruimteNaam, .abonnement, .publiekelijk, .gebruikersNaam, .evenementnaam, .lastlogin, .email, .cpID, .team, .teamNaam, .width200, .website
{
	min-width: 200px;
}

.width250
{
	min-width: 250px;
	width: 250px;
}

.width300
{
	min-width: 300px;
	width: 300px;
}
.width350
{
	min-width: 350px;
	width: 350px;

}
.width500
{
	min-width: 500px;
	width: 500px;
}
.ellipsis
{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}

.overlay
{
	position: 			fixed;
	z-index:			100;
	top:				0;
	left:				0;
	height:				100%;
	width:				100%;
}

.coverlay
{
	background-color: 	#000;
	filter:				alpa(opacity=75);
	-moz-opacity:		0.75;
	opacity:			0.75;
}

#popupContainerLoadingBar
{
	z-index:			201;
}

.popupContainer
{
	position: 			absolute;
    top:				0;
    bottom:				0;
    left:				0;
    right:				0;
}

.outer{
    display:			table;
    table-layout:		fixed;
    height:				100%;
    width:				100%;
    
}

.inner{
    display:			table-cell;
    text-align:			center;
    vertical-align:		middle;
    width:				100%;
    position:			relative;
    z-index:			200;
}

.popup
{
    width:				60%;
    height:				90%; 
    background:			#fff;  
    display:			inline-block; 
    text-align: 		left;
}
.popupBig
{
    width:				75%;
}
.popupInfo
{
	background-color:  	#61AFE4;
	height: 			50px;
}

.loadingBarBig
{
	position: 			fixed;
	width: 				350px;
	height: 			350px;
	top: 				50%;
	left: 				50%;
	margin-top: 		-175px; 
	margin-left: 		-175px;
}

.contactLeft
{
	float:left;
	width: 300px;
	font-size: 12px;
	min-height:				30px;
}

.contactRight
{
	margin-bottom: 			2px;
	float:					left;
	min-height:				30px;
	width: 					225px;
}



.contactRight input[type="text"], .contactRight input[type="email"], .contactRight input[type="password"] {
	width: 					225px;
	border: 				1px solid #BDCCD4;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				16px;
	padding: 				5px;
}

.update
{
	width: 100%;
	background-color: green;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.update a
{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.indelingSelected
{
	border: 1px solid gray;
}

.indelingSelected td
{
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
}
.indelingSelected td:first-child 
{
	border-left: 1px solid gray;	
}

.indelingSelected td:last-child 
{
	border-right: 1px solid gray;	
}

.stoelIndelingButton
{
	width: 120px;
	margin-bottom: 2px;
}

.inputError
{
	color:						red;
}
input[type="text"].inputError, input[type="email"].inputError
{
	background-color: 			#FF0000 !important;
	color: #fff;
}
input[type="checkbox"].inputError
{
	outline: 					1px solid #FD4242;
}
textarea.inputError, select.inputError
{
	border: 					2px solid #FF0000 !important ;
	color: #000;
}


.hoofdmenubar
{
	background-color: #EFEFEF;
}

#submenu 
{
    height: 20px;
    text-align: center;
    background-color: #61AFE4;
    border: 1px solid red;
}

#submenu tr
{
	min-height: auto;
}

#submenu a {
    color: #fff;
    background-color: #61AFE4;
}

.moduleImage {
    background-repeat: no-repeat;
    background-position: right top;
}

#ajaxAgenda, #ajaxAgendaVan, #ajaxAgendaTot, #ajaxAgendaMaand, #ajaxAgendaJaar, #ajaxAgendaWeek
{
	display:					none; 
	top: 						0px; 
	z-index: 					1; 
	background-color: 			#fff; 
	border: 					1px solid #EFEFEF;
	border-top:					0px;
}


.agendaApplicatie
{
	left: 						50px; 
	bottom: 					0px;
	padding-left:				1px;
}

.agendaApplicatieMenu 
{
    width: 						258px;
    font-size: 					90%;
}

.agendaApplicatieMenu tr
{
	min-height:					auto;
}

.agendaApplicatieMenu a
{
	color:						#4e4e52;
}


#tabContainer
{
	width: 				150px; 
	float:				left;
	position: 			relative;

}

#verborgenTabs
{
	display:					none; 
	position: 					absolute; 
	top: 						0px; 
	left: 						0px; 
	z-index: 					1; 
	background-color: 			#EFEFEF;

}

.tabselected img 
{
    height: 30px;
    width: 50px;
}


#content
{
	float:				left;
	width: 				calc(100% - 150px); 
	width: 				-webkit-calc(100% - 150px);   
	width: 				-moz-calc(100% - 150px);
}

.zoekContainer
{
	 position: 				absolute; 
	 top: 					0px;
	 right:					100px;
	 z-index:				1; 
	 background-color: 		#EFEFEF; 
	 width: 				350px;
	 height:				40px;
	 padding-left:			45px;
}

input[type="text"]#generalsearchtextfield
{
	width:					250px;
	height: 				25px;
 	margin-top: 			8px;
}

.zoekButton {
	background-image:url(https://2m-solutions.nl/_globals/img/buttons/zoek2.png);
	height:18px;
	width:18px;
	border: 0px solid #ffffff;
	margin-top: 2px;
}

.tabTekst {
    text-align: center;
    font-size: 9px;
}

.startBlokAgendaHeader {
    padding: 7px 0px 2px 0px;
    text-align: center;
    width: 100%;
    height: 40px;
    color: #55565a;
    background-color: #EFEFEF;
}

.startBlokAgendaHeader h3, .startBlokAgendaHeader a
{
	color:				#4e4e52;
	font-size:			12px;
	text-decoration: 	underline;
}

#activeweek {
    color: 				#61AFE4;
}

.beoordelingsRooster
{
	border-right: 		1px solid #EFEFEF;
}

.beoordelingsRoosterFirstTD
{
	border-right: 		1px solid #EFEFEF;
	border-left: 		1px solid #EFEFEF;
	min-width:			150px;
}

/* agendaWeergaveLes */

.agendaWeergaveLes
{
	min-height:			300px;
}

.agendaWeergaveLes td
{
	border-right: 		1px solid #EFEFEF;
}

.agendaWeergaveLes td:last-child
{
	border-right: 		0
}

.tableWeergaveLesDag td
{
	border-right: 		0;
	padding-right:		0;
	padding-left:		0;
}


.divWeergavePlanningInfo, .divWeergavePlanningInfoSmall
{
	margin-bottom:		5px;
	margin-top:			5px;
	padding:			5px 5px 5px 5px;
	border:				1px solid #EFEFEF;
	width: 				calc(100% - auto);
}

.divWeergavePlanningInfo
{
	min-height:				130px;
}

/* einde agendaWeergaveLes*/

/* Agendaview */
.AgendaViewDiv {
	float: left;
	width: calc(100% - 40px);
	margin: 20px 20px;
}

.AgendaViewTable {
	width: 100%;
	border-left: 2px solid #fff;
	background-color: #EFEFEF;
}

.AgendaViewTable td {
	border-top: 1px solid #E1E1E1;
}

.agendaViewBodyDiv {
	width: 100%;
}

.AgendaViewTijden {
	width: 18px;
	border-right: 2px solid #EFEFEF;
}

.AgendaViewTableActiveTR {
	background-color: #fff;
}

.AgendaViewTableInActiveTR {
	background-color: #F0F0F0;
}

.AgendaViewTableActiveTR td, .AgendaViewTableInActiveTR td {
	height: 30px;
	vertical-align: top;
	text-align: center;
}

.AgendaViewTableActiveTR td img, .AgendaViewTableInActiveTR td img {
	height: 23px;
}

.AgendaViewTableActiveTR a, .AgendaViewTableInActiveTR a {
	color: #4e4e52;
}

.AgendaViewPlanningDiv {
	border: 1px solid #EFEFEF;
	word-break: break-all;
	top: 1px;
	font-size: 10px;
	position: relative;
	overflow: hidden;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	cursor: pointer;
}

.agendeMouseOver {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-color: #EFEFEF;
	border: 1px solid #FFF;
	border-top: 0px;
	width: 200px;
	height: auto;
	padding: 5px;
	border-radius: 5px;
	cursor: default;
}

.agendaBlokPadding {
	padding-left: 2px;
	padding-right: 2px;
}

.agendaViewEventType {
	border-radius: 50%;
	width: 100%;
	max-width: 15px;
	height: 100%;
	max-height: 15px;
	min-width: 15px;
}

.agendaGeenInschrijvingen {
	background-color: yellow;
	color: #000;
}

.agendaInschrijvingenVol {
	background-color: #EFEFEE;
	color: #000;
}


.subplanningenAgendaWeergaven
{
	margin-top:				5px;
	float: 					left; 
	width:					246px;
	margin-right:			5px;
}

.cursief10px
{
	font-style: 			italic;
	font-size: 				10px;
}

.colorLightGrey
{
	color:					#F0F0F0;
}


.header {
	font-size: 10px;
	text-align: center;
	padding: 0px;
	background: url(https://2m-solutions.nl/_globals/img/headerbg.png) repeat-x;
}

#menu a {
	text-decoration: none;
	font-size: 12px;
}

.hoofmenuTile, .hoofmenuTileBreadcrumb {
	position: relative;
	float: left;

}

.hoofdmenuTiles {
	display: inline-block;
}

.hoofmenuTile a {
	width: 175px;
	height: 175px;
	display: block;
	color: #4e4e52;
	font-size: 20px;
}

.hoofmenuTileBreadcrumb a {
	width: 50px;
	height: 40px;
	display: block;
	color: #4e4e52;
	background-size: 50px 50px;
}

.hoofmenuTileBreadcrumb a:hover
{
	border-bottom: 2px solid #61afe4;
}

.hoofmenuTileBreadcrumb2 a {
	min-width: 50px;
	min-height: 40px;
	display: block;
	color: #4e4e52;
	background-size: 50px 50px;
}

.hoofmenuTileBreadcrumb2 a:hover
{
	border-bottom: 2px solid #61afe4;
}

.borderBottomBlue
{
	border-bottom: 2px solid #61afe4;
}

.tileTekst { 
	position: absolute;
	bottom: 5px;
	font-size: 16px;
	width: 100%;
	text-align: center;
	height:50px;
	border: 1px solid  #ffffff;
	border-radius: 5px;
}
.tileTekst:hover 
{
	text-decoration: underline;

}
.containerCenter {
	padding-left:	10px;
	padding-right: 	10px;
	padding-bottom:	50px;
	max-width:	90%;
	margin:	auto auto;
}


.mms-container, .mms-table td, .mms-table th, .mms-table-all td, .mms-table-all th {
    padding: 0;
    vertical-align: middle;
}

.mms-select
{
	padding-top:			6px;
	padding-right:			6px;
	padding-bottom:			6px;
	padding-left:			4px;
}


/* eind mms aanpassingen */


/* toggle switch  */

.sliderSwitch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
}

.sliderSwitch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #DBD9D6;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0DD400;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0DD400;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}

.sliderOn
{
	background-color: #0DD400;
}

/* einde toggle switch */


.infoSubTable
{
	padding-left: 175px;
	float: left;
	width: calc(50% - 175px);
}

.loadbar
{
	height:	24px;
	background-color: #4CAF50;
}


.padding0 {
	padding: 0px;
}

.padding-top3 {
	padding-top: 3px;
}

.padding-top5 {
	padding-top: 5px;
}

.padding-top7 {
	padding-top: 7px;
}

.padding-top10 {
	padding-top: 10px;
}

.padding-top15 {
	padding-top: 15px;
}

.padding-top20 {
	padding-top: 20px;
}

.padding-top25 {
	padding-top: 25px;
}

.padding-top30 {
	padding-top: 30px;
}

.padding-top35 {
	padding-top: 35px;
}

.padding-top40 {
	padding-top: 40px
}

.padding-right10 {
	padding-right: 10px;
}

.padding-bottom5 {
	padding-bottom: 5px;
}
.padding-bottom20 {
	padding-bottom: 20px;
}
.padding-bottom10 {
	padding-bottom: 10px;
}
.padding-left5{
	padding-left: 5px;
}
.padding-left50{
	padding-left:	50px;
}
.padding-right50{
	padding-right:	50px;
}
.padding-right5{
	padding-right: 5px;
}


.margin-top15 {
	margin-top: 15px
}
.margin-right5{
	margin-right: 5px;
}
.margin-bottom5 {
	margin-bottom: 5px;
}
.margin-bottom3 {
	margin-bottom: 3px;
}
.margin-bottom20 {
	margin-bottom: 20px;
}
.margin-left10{
	margin-left: 10px;
}



.width-100{
	
	width:100%;
}

.backgroundColorWhite
{
	background-color: #FFFFFF;
}

.backgroundColorRed
{
	background-color: red !important;
}

.borderNone
{
	border:	0px !important;
}

.header-style
{
	font-size: 14px;
	padding-top: 	0px;
	text-align: left;
	margin: 0px;
	color: #4E4E52;
	font-weight: bold;
}

.select-border
{
	
	border: 1px solid #808080;
}



.top2 {
	padding-top: 2px;
}

.top5 {
	padding-top: 5px;
}

.top6 {
	padding-top: 6px;
}

.noShow {
	display: none;
}

.nameInfoKlantnummer
{
	display: inline-block;
}

.formWidth{
	max-width: 750px;
	margin: auto;
}

.animatedLoad
{
	position: fixed;
	width: 350px;
	height: 350px;
	top: 50%;
	left: 50%;
	margin-top: -175px; 
	margin-left: -175px;
}

.popupContainerRapportage
{
	width:			90%;
}
.popupContainerRapportageScroll
{
	width:			90%;
	overflow: scroll;
}

.popupContainerRapportageFull
{
	width:			1920px;
}

.agendaItemContainer
{
	padding:		5px;
	border:			2px solid #ccc;
}


.tableTotaalSaldo
{
	width:			300px;
	float:			right;
}

/* buttons */
.buttonFloat
{
	float:				left;
	padding-right:		5px;
}

.tabpages
{
	padding:		0px;
}



.applicatieMenuTable tr
{
	background-color: #EFEFEE;
	height: 41px;
}

.applicatieMenuTable tr td:first-child
{
	padding-left:	10px;
	padding-right:	10px;
}

.applicatieMenuTable td {
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px solid white;
}




.rotate90
{
	    /* Rotate div */
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.speech, .speechKlant
{
	background-color: 		#fff;
	border-radius:			5px;	
	border:					2px solid #dad8d6;
	padding:				5px;	
	font-size: 				14px;
}

.tableSpeech
{
	background-color: 		#E3E0DC;
	padding: 				20px;
}

.tableSpeech a
{
	text-decoration: underline;
}

.speechKlant
{
	text-align: 			right;
}

.mms-rowDivHeader
{
		margin-top: 15px;
}

.mms-rowDiv
{
	height: 35px;
	border-bottom: 1px solid #dad8d6;
	padding-top: 5px;
	font-size: 120%;
}
.textFieldLook
{
	border: 					1px solid #BDCCD4;
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					10px;
	padding: 					1px 5px 1px 5px;
	background-color: 			#f1efed;
	text-align:					left;
	border-radius:				5px;
}

.speechUserIMG, .speechMemberIMG
{
	padding:				0px;
	max-height:					40px;
	vertical-align: 		bottom;
}
/* eind speech */

.deelbetalingBetaalwijzeButton
{
	width:					100%;
	max-width:				200px;
	font-size:				16px !important;
}

.blokInput
{
	pointer-events:			none;
	background-color: 		#F5F5F5;
}

.fotoDIV
{
	width: 175px;
	padding: 10px; 
	float: left;
	text-align: center;
}
	
.lintDIV
{
	width: calc(100% - 200px); 
	padding: 10px; 
	float: left;
}
.functionsDiv td{
	width: auto;
	min-width: 0px;
}

.headerMenu{
	z-index: 1;
}
.chromemenu{
	z-index: 1;
	background-color: white;
	top:80px;
}

@media only screen and (min-width: 320px) and (max-width: 640px)
{

	.fotoDIV
	{
		width: 175px; 
		float: left;
	}
	.lintDIV
	{
		float: left;
		width: 90%; 
	}
	.lintDIV h1{
		font-size: 20px;
	}
	.div50Right
	{
		float:						left;
		min-width: 					40%;
		
	}
	
	#container 
	{
		padding-right: 		100px;     /* RC fullwidth + CC padding */
	}
	
	#tabContainer
	{
		width: 				100px; 
	}
	#content
	{
		width: 				calc(100% - 100px); 
		width: 				-webkit-calc(100% - 100px);   
		width: 				-moz-calc(100% - 100px);
	}
	
	#right 
	{
		width: 100px;             /* LC width */
	}
	
	
	
	.width525
{
	min-width: 335px !important;
	width: 335px !important;

	border-radius: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.popupImage
	{
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	}
}


@media only screen and (orientation: landscape) and (max-width: 1024px) {
    .lintDIV {
         width: calc(100% - 200px); 
    }
}
@media only screen and (min-width: 320px) and (max-width:812px){
	
    .mms-large, .mms-text-blue {
    
    font-size: 14px;
    }
}