/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.removecart{text-decoration: underline!important;color:#072851!important;cursor:pointer}
.card-title{  background: #0080FF; color:#fff}
  .slpk1.checkbox-style:checked + .checkbox-style-2-label:before {
background: #E0B0FF;
box-shadow: inset 0px 0px 0px 4px #fff;
}
.slpk2.checkbox-style:checked + .checkbox-style-2-label:before {
background: #0080FF;
box-shadow: inset 0px 0px 0px 4px #fff;
}
.slpk3.checkbox-style:checked + .checkbox-style-2-label:before {
background: #F7FF3C;
box-shadow: inset 0px 0px 0px 4px #fff;
}
.slpk4.checkbox-style:checked + .checkbox-style-2-label:before {
background: #FFACC8;
box-shadow: inset 0px 0px 0px 4px #fff;
}
   /* .tlselectedbgcolor{background-color: #ffdb58!important;}*/
   td[data-slpk="1"] {
	background-color: #E0B0FF;
}       td[data-slpk="2"] {
background-color: #0080FF;
}
td[data-slpk="3"] {
background-color: #F7FF3C;
}
td[data-slpk="4"] {
background-color: #FFACC8;
}
td.Inactief{
background-color: grey;
}
.tlgreybgcolor{
background-color: grey;
}
td[data-slpk="5"] {
background-color: #FFACC8;
}
td[data-slpk="6"] {
background-color: #FFACC8;
}
	.table-bordered td.tlselectedbgcolor{border-color: #f27e22 !important;border-width: 2px!important;font-weight: 900;}
	.tlselectedbgcolor{border: 2px solid  #f27e22; font-weight: 900;}
	 .blockwithingang.nooverflow{overflow-x:auto}
	.IngangList{float:left; margin-right: 1EM;}
	/*.overflowcontent*/
   .blockwithingang{overflow-x: scroll;overflow-y:hidden}
	.hidefilter{display:none!important}
   .tooltippm{z-index:1!IMPORTANT;}
   .tooltip.tooltipP{
		margin: 35px !important;
		padding: 35px !important;
		z-index:9999!IMPORTANT;
	
	}
	.iconplace2 {
	  display:block
	}
	.marginparking {
	margin-left: 3px;
margin-right: 3px;
margin-top: 2PX;
z-index: 297;
POSITION: RELATIVE;
	}
	.toggle {
margin: 0 0 2px 0;
}
	.tlcol-md-3{
		width: 7em;
		float: left

	}
	#topcarttotal{
		font-weight: 600;
	}
	.tooltip{z-index:297}
	.top-cart-open .top-cart-items{
		z-index:9999!important;
	}
	.tlblockunit.hide{
		visibility: hidden;
	}
	.topelementtl {

		z-index: 9999;
		visibility:visible!important;
	}

	.tooltip.show {
		opacity: 1;
	}

	.top-cart-content {

		z-index: 9999;
	}

	.top-cart-items {
		overflow-y: scroll;
		height: 320px;

	}

	.top-cart-content {

		z-index: 9999 !important;
	}

	.tlblockunit {
		position: relative;
	   /* z-index: 2000;*/
	   z-index: 298;
	   min-width: 7em;
	}

	#top-cart-trigger {
		margin-top: 20px
	}

	.txt-white {
		color: #fff !important;

	}

	.iconplace {

		position: absolute;
		right: 0px;

	}

	.icon-plus {

		COLOR: red;
	}

	.icon-check {

		COLOR: green;
	}

	#header {
		border: none !important;
	}

	.table-responsive {

		overflow-x: inherit !important;

	}

	.tlcol-sm-1 {
		width: 4em;
		float: left
	}
	.tlorangebgtextcolor a{
		color:   #f27e22 !important;
		font-weight: 900;
	}
	.tlorangebgcolor {
		background-color:   #f27e22 !important;
	}
	.tlturquoisebgcolor {
		background-color: #3FB52F !important;
	}

	.tlbluebgcolor {
		background-color: #3FB52F !important;
	}

	.tlgreebgcolor {
		background-color: #3FB52F !important;
	}


	.tooltip {
		background-color: #fff !important;
		margin: 15px !important;
		padding: 15px !important;
		visibility:hidden;
	   
	}

	.dark #footer,
	#footer.dark {
		background-color: #072851 !important;
		color: #FFFFFF !important;
		font-size: 12px !important;
		text-align: center !important;
		padding: 4px 0 !important;
	}

	/**/
 

	.tooltip {
		background-color: rgb(249, 226, 51) !important;
		margin: 15px !important;
		padding: 15px !important;
	}
	.Tijdelijk {
		background-color:   #f27e22 !important;
	}
	.LANGE {
background-color: #f27e22 !important;
}
	.Verkocht {
		background-color: #3FB52F!important;
	}

	.Vrij {
		background-color: #fff;
	}

	.In {
		background-color: #3FB52F!important;
	}

	.Akte {
		background-color: #3FB52F!important;
	}

	.Ontwerp {
		background-color: #3FB52F!important;
	}

	.On {
		background-color: #3FB52F!important;
	}

	.Gereserveerd {
		background-color: #CCCACA;
	}

	#bodytl a {
		color: #212529 !important;
	}

   #ProductList .table thead th,
   #ProductList .table thead td {

	  border: 1px solid #004b80 !important;

	}

	#ProductList .table-bordered th,
	#ProductList  .table-bordered td {
		border: 1px solid #004b80 !important;
	}

	#bodytl {
		font-size: 13px !important;
	}

	#headertl {
		font-size: 13px !important;
	}
   
	@media screen and (max-width: 762px) {
		.iconplace {
			position: absolute;
			right: 36%;
			bottom: -16PX;
		}

		.icon-plus {

			COLOR: red;
		}

		.icon-check {

			COLOR: green;
		}
	}

	@media (max-width: 991.98px) {
		.blockwithingang.nooverflow{overflow-x:scroll}
		.tlblockunit {

min-width: 1em;
}
		.top-cart-content {
			right: -260px !important;
			height: 100%;
			z-index: 9999;
		}

		.tlblockunit {
			position: relative;
			z-index: 2000;
		}
	}

/*.tlturquoisebgcolor{
	background-color: #004b80  !important;
}
.tlbluebgcolor{
	background-color: #A2FCF9 !important;
}
.tlgreebgcolor {
	background-color: #3FB52F !important;
}

.tablemg {
	margin-bottom: 7em;
}

.tooltip {
	background-color: #fff !important;
	margin: 15px !important;
	padding: 15px !important;
}

.Verkocht {
	background-color: #3FB52F;
}

.Vrij {
	background-color: #fff;
}

.In {
	background-color: #FEA36A;
}

.Akte {
	background-color: #168AEF;
}

.Ontwerp {
	background-color: #A2FCF9;
}

.On {
	background-color: #F2311F;
}

.Gereserveerd {
	background-color: #CCCACA;
}

#bodytl a {
	color: #212529;
}

.table thead th,.table thead td {

	border: 2px solid #fff !important;

}

.table-bordered th,.table-bordered td {
	border: 1px solid #004b80 !important;
}

#bodytl {
	font-size: 13px !important;
}

#headertl {
	font-size: 13px !important;
}
.littleicon{font-size: 3px !important;}*/

