*
{
	box-sizing: border-box;
}

/*	main page
==========================================================================*/
div.carfrontImages.wpb_text_column.wpb_content_element
{
	height: 300px;
	padding-top: 180px;
	margin-bottom: 30px !important;
}
.carfrontImages p
{
	text-align: center;
	background: rgba(0,0,0,0.7);
	color: #FFF;
	font-weight: bold;
	padding: 5px 0;
}
.carfrontImages H3
{
text-align: center;
background: rgba(0,0,0,0.7);
color: #FFF;
font-weight: bold;
padding: 5px 0;
margin: 0 0 25px;
font-family: 'Open Sans',sans-serif;
font-size: 14px;
line-height: 26px;
text-transform: capitalize;
}





::-webkit-input-placeholder
{
	color: #BBB !important;
}
::-moz-placeholder
{
	color: #BBB !important;
}
:-ms-input-placeholder
{
	color: #BBB !important;
}
:-moz-placeholder
{
	color: #BBB !important;
}

.searchBar h3
{
	color: #FFF;
}
.searchBar h1
{
color: #FFF;
font-size: 21px;
line-height: 1.428571428571429em;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
}
.searchBar form > div
{
	float: left;
}
.searchBar form > div:nth-child(1)
{
	width: 83%;
}
.searchBar form > div:nth-child(2)
{
	width: 16%;
}
.searchBar form .input > div
{
	position: relative;
	width: 24%;
	float: left;
}
.searchBar form .input > div:not(:last-child)
{
	margin-right: 1%;
}
.searchBar form .input > div > span:nth-child(2),
.searchBar form .input > div > span:nth-child(3)
{
	position: absolute;
	font-size: 20px;
}
.searchBar form .input > div > span:nth-child(2)
{
	top: 14px;
	left: 15px;
}
.searchBar form .input > div > span:nth-child(3)
{
	top: 15px;
	right: 15px;
	color: #BBB;
}
.searchBar input,
.searchBar select
{
	width: 100% !important;
	padding: 10px 10px 10px 45px;
	border: 2px solid !important;
	border-color: #76b82f !important;
	border-radius: 5px;
	font-size: 20px !important;
}
.searchBar select
{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	color: #000 !important;
	padding-top: 9px;
	padding-bottom: 9px;
}
.searchBar button,
.ergebnissBtn input[type="submit"]
{
	width: 100%;
	min-width: 100px;
	padding: 13px !important;
	background-color: #76b82f;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	border: 0;
	cursor: pointer;
}
.searchBar button
{
	margin-top: 33px;
}

@media only screen and (max-width: 600px)
{
	.searchBar form > div:nth-child(1),
	.searchBar form > div:nth-child(2),
	.searchBar form .input > div
	{
		width: 100%;
	}
	.searchBar form .input > div
	{
		margin: 0 0 5px 0;
	}
	.searchBar button
	{
		margin-top: 10px;
	}
}

.main {
	width: 100%;
	text-align: center;
}

.head {
	width: 60%;
	margin: auto;
}

.content {
	width: 100%;
	margin: auto;
}

.list {
	text-align: left;
}

.search {
	text-align: left;
}

.custom-select-small {
	position: relative;
	font-family: Arial;
	border-radius: 4px;
}
.custom-select-small select
{
	display: none; /*hide original SELECT element:*/
}

.custom-select-small .select-selected {
	padding: 4px !important;
}

.custom-select {
  position: relative;
  font-family: Arial;
  border-radius: 4px;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: transparent;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #76b82f transparent transparent transparent;
  
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #76b82f transparent;
  top: 11px;
  
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #76b82f;
  padding: 8px 16px 8px 45px;
  border: 2px solid #76b82f;
  /*border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
  cursor: pointer;
}
.select-items div {
	border-color: transparent #76b82f #76b82f #76b82f;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #FFF;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.filterKategory {
	width: 20%;
	float:right;
	padding-top: 20px;
}

.filterOptions {
	width: 100%;
	text-align: center;
	z-index: 10000;
}

.filterKategory li {
	list-style: none;
	display: inline-block;
	float: left;
	width: 45%;
	padding-left: 5px;
	font-size: 70%;
}

.filterElement,
.filterElementDoubleSize
{
	display: inline-block;
	position: relative;
	width: 250px;
	padding-right: 5px;
	margin-right: 2px;
	text-align: left;
}
.filterElementDoubleSize
{
	width: 500px;
}

.filterElement > span,
.filterElementDoubleSize > span
{
	position: absolute;
	top: 38px;
	left: 14px;
	color: #757575;
	display: block;
	font-size: 20px;
}

.filterElementDoubleSize > span:nth-child(2)
{
	top: auto;
	left: auto;
	right: 205px;
	bottom: 14px;
}

.filterElementDoubleSize > div:nth-child(4)
{
	margin-right: 1%;
	width: 50% !important;
}
.filterElementDoubleSize > div:nth-child(5)
{
	
	width: 49% !important;
}
.filterElementDoubleSize > div:nth-child(4),
.filterElementDoubleSize > div:nth-child(5)
{
	float: none !important;
	display: inline-block;
}

.filterElement div,
.filterElementDoubleSize div {
	border-radius: 4px;
}


@media only screen and (max-width: 600px)
{
	.filterElementDoubleSize
	{
		width: 250px !important;
	}
	.filterElementDoubleSize > div
	{
		width: 100% !important;
		padding: 0 !important;
		margin-bottom: 5px;
	}
	.filterElementDoubleSize > span
	{
		top: 45px;
		left: 14px;
	}
	.filterElementDoubleSize > span:nth-child(2)
	{
		right: 36%;
		bottom: 17px;
	}
}

.half-sized {
	width: 44%;
}

.checkbox {
	float:  right;
}

.selectedCat {
	border: 1px solid grey;
}

.catLabel {
	text-align: center;
	/*border: 1px solid black;*/
}

.careiwoFormDate {
	width:50% !important;
}

.datepicker {
	width:45% !important;
}

.careiwoRegister {
	width: 100%;
	margin: auto;
	text-align: left;
}

.careiwoFormInputText label{
	width: 30%;
	text-align: right;
	float: left;
	padding-right: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #76b82f;
	margin-right: 5px;
	color: white;
}

.careiwoFormInputText input {
	width: 69% !important;
	float: left;
	padding: 14px;
	font-size: 16px;
}

.careiwoFormInputText {
	margin-bottom: 20px;
}

.right {
	text-align: right;
	margin-top: 20px;
	width: 60%;
}

/*	car list
==========================================================================*/
.careiwoList
{
	margin-top: 20px;
}

.careiwoMake h2
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: white !important;
	background: rgba(0,0,0,.5);
	padding: 10px;
	text-align: center;
	font-size: 120%;
	border-radius: 0 0 5px 5px;
}

.careiwoImage
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 300px;
	border-radius: 0 0 5px 5px;
}

.careiwoImage img{
    object-fit: cover;
}

.careiwoDesc
{
	position: absolute;
	bottom: 0;
	width: 78%;
	float: right;
	padding-left: 15px;
	margin-bottom: 15px;
}

.careiwoElement
{
	position: relative;
	float: left;
	width: 32%;
	height: 390px;
	margin-bottom: 2%;
	box-shadow: 0 10px 20px rgba(0,0,0,0.25);
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	background: #FFF;
}
.careiwoElement.booked > *
{
	opacity: 0.4 !important;
}
.careiwoElement.booked:after
{
	position: absolute;
	width: 150%;
	top: 40%;
	left: -25%;
	padding: 10px 0;
	margin-top: -24px;
	text-align: center;
	content: "Im Zeitraum bereits gebucht!";
	background: rgba(0,0,0,0.4);
	color: #DF0101;
	font-weight: bold;
	font-size: 16px;
	opacity: 1 !important;
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	text-shadow: 1px 1px 2px #000;
}
/*div.list > div.careiwoElement:nth-child(odd)*/
div.list > div.careiwoElement:nth-child(3n+1),
div.list > div.careiwoElement:nth-child(3n+2)
{
	margin-right: 2%;
}
.careiwoElement ul
{
	margin: 0;
}

.careiwoData
{
	position: absolute;
	bottom: 5px;
	left: 10px;
	right: 10px;
}
.careiwoData li
{
	display: inline-block; 
	width: 33%;
	padding-left: 0px !important;
	list-style: none;
	color: #76b82f;
	position: relative;
	white-space: nowrap;
}
.careiwoData li:nth-child(1)
{
	text-align: left;
}
.careiwoData li:nth-child(2)
{
	text-align: center;
}
.careiwoData li:nth-child(3)
{
	text-align: right;
}
.careiwoData li span
{
	font-size: 11px; 
	color: #999; 
	text-transform: uppercase;
}

.careiwoPrices
{
	position: absolute;
	top: 305px;
	left: 10px;
	right: 10px;
}

.careiwoCity i{
    padding-right: 5px;
}
.careiwoPrices .careiwoSmallestPrice
{
	font-weight: bold;
	position: absolute;
    top: 10px !important;
	left: 0;
}
.careiwoPrices .careiwoCamperID
{
    font-weight: bold;
    position: absolute;
    top: -5px;
    left: 0;
}
.careiwoPrices .careiwoCity
{
	position: absolute;
	right: 0;
	font-size: 100%;
}

.careiwoPrice div h3
{
	font-weight: bold;
	color: red;
	text-align: right;
}

@media only screen and (max-width: 1200px)
{
	.careiwoElement
	{
		width: 49%;
	}
	div.list > div.careiwoElement:nth-child(3n+1),
	div.list > div.careiwoElement:nth-child(3n+2)
	{
		margin-right: 0;
	}
	div.list > div.careiwoElement:nth-child(odd)
	{
		margin-right: 2%;
	}
}

@media only screen and (max-width: 768px)
{
	.careiwoElement
	{
		width: 100%;
	}
	div.list > div.careiwoElement:nth-child(3n+1),
	div.list > div.careiwoElement:nth-child(3n+2),
	div.list > div.careiwoElement:nth-child(odd)
	{
		margin-right: 0;
	}
}


























.doublesized {
	margin-top: 20px;
	width: 100%;
	float: left;
}


.filterBox {
	margin-bottom: 20px;
}

#submitregisterForm {
	float: right;
}

#underlinedLink {
	text-decoration: underline;
}

.detailMake {
	text-align: left;
}

.detailLeft {
	margin-top: 20px;
	text-align: center;
	width:100%;
  padding:1em;
  overflow:hidden;
	/*float: left;*/
}

.detailRight {
	width: 100%;
	float: left;
	/*float: right;*/
}

.careiwoImageList {
	flex: 1 1 auto;
	text-align: left;
	max-width: 59%;
	float: right;
	

}

.careiwoDetailImage {
	
	flex: 0 0 auto;
	float: left;
	text-align: left;
	width: 40%;
}

.careiwoDetailImage img {
	
}

.careiwoData.careiwoDetailData
{
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
}
.careiwoData.careiwoDetailData li
{
	text-align: left !important;
	width: 20% !important;
}

@media only screen and (max-width: 600px)
{
	.careiwoData.careiwoDetailData li
	{
		width: 45% !important;
	}
}


.careiwoFeatures
{
	text-align: left;
	margin-bottom: 10px !important;
}

.careiwoFeaturesBlock
{
	float: left;
	width: 29%;
	margin-bottom: 10px;
}

@media only screen and (max-width: 600px)
{
	.careiwoFeaturesBlock
	{
		width: 49%;
	}
}

.careiwoFeaturesBlock i
{
	font-size: 12px;
	margin-right: 5px;
	color: #76B82F;
}

.detailDescription
{
	width: 100%;
	text-align: left;
	margin-top: 20px;
	padding-top: 10px;
}

.ui-datepicker {
	width: 400px !important;
	height: auto !important;
	line-height: 24px !important;
	margin: 5px auto 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	z-index: 9999 !important;

/*	width: 250px;
	height: 210px;
	font-size: 11px !important;
	line-height: 16px;
	/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);*/
}

.ui-datepicker td a {
	text-align: center !important;
	font-size: 14px !important;
}

.ui-datepicker td span {
	text-align: center !important;
	font-size: 14px !important;
}

.careiwoDetails {
	width: 100%;
}
.careiwoDetails > div
{
	margin-bottom: 30px;
}

.rentVehicle {
	width: 19%;
	height: 500px;
	float: right;
}

.dateSearch {
	width: 100%;
	padding: 11px 10px 12px 45px;
	border: 2px solid;
	border-color: #76b82f;
	border-radius: 5px;
	font-size: 16px;
	margin-right: 6px;
	margin-bottom: 20px;
	background: transparent;
}

.filterOptions input[type="submit"],
.filterOptions input[type="button"]
{
	display: inline-block;
	border-radius: 0;
	padding: 13px !important;
	background-color: #76b82f;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	border: 0;
	cursor: pointer;
	width: 200px;
	margin: 15px 0 0 10px;
}

.rentboxElement label {
	width: 49%;
	font-size: 16px;
	text-align: left;
	float: left;
}

.rentboxElement a {
	width: 49%;
	font-size: 16px;
	text-align: right;
	float: right;
}

.vehicleBox {
	float: left;
	min-width: 200px;
	padding: 5px;
}

.careiwoFormInputButton input {
	width: 100%;
	margin-bottom: 15px;
	padding:14px;
	background-color: #76b82f;
	color: white;
	font-size:16px;
}

.row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

/* Create four equal columns that sits next to each other */
.column {
	flex: 23%;
	max-width: 23%;
	padding: 0 4px;
}

.flowBox {
 padding: 5px;
 margin: 8px;
 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

.column img {

	
	margin-top: 8px;
	vertical-align: middle;
	width: 100%;
	
}


/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
	.column {
		flex: 48%;
		max-width: 48%;
	}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
	.column {
		flex: 100%;
		max-width: 100%;
	}
}

.small-select .custom-select {
	<!--width: 20%;-->
}
.small-select div {
	
}

.small-select {
	display: inline;
}

.small-select .select-sected {
	
	<!--width: 20%;-->
}

.selectTitleDiv {
	
}

.sliderElement {
	border:0; 
	color:#76b82f; 
	font-weight:bold; 
	width: 100%;
	
}

.ui-slider-handle {
	background: #76b82f !important;
	border-radius: 10px !important;
}

.ui-widget-header {
	background: #76b82f !important;
}

.adminFormLabel {
	float: left;
	width: 29%;
	text-align: right;
	padding: 5px;
	margin-bottom: 10px;
}

.adminFormField {
	float: left;
	width: 50%;
	text-align: left;
	padding: 5px;
	margin-bottom: 10px;
}

.adminFieldBox {
	text-align: left;
}

.formBox {
	text-align: center;
	width: 60%;
}

#wp-description-wrap {
	display: none;
}

/*


@media only screen and (max-width: 1440px)
{
	
}

@media only screen and (max-width: 1200px)
{

}

@media only screen and (max-width: 1024px)
{
	
}

@media only screen and (max-width: 768px)
{

}

@media only screen and (max-width: 600px)
{

}

@media only screen and (max-width: 480px)
{

}

.cawp-plugin-title{
/*color: darkgreen !important;*/
}
.cawp-separator{
width: 100%;
height: 40px;
}
.cawp-error{
color: red;
text-align: center !important;
}

/*USERS SECTION*/
.cawp-users{
padding-right: 1%;
}
.cawp-users .title{
padding: 10px 0 10px 0;
/*background-color: ghostwhite;*/
}
.cawp-users .title h1{
border-bottom: 1px solid green;
text-align: center;
color: #0073aa;
/*border: 1px solid red;*/
}

.cawp-login-form{
max-width: 50%;
margin: 0 auto;
border: 1px solid green;
}

.pippin_header{
text-align: center;
text-transform: capitalize;
}

.pippin_form label { display: block; float: left; width: 130px; }
.pippin_form input[type="text"], .pippin_form input[type="password"],
.pippin_form input[type="email"] {
padding: 4px 8px;
background: #f0f0f0;
border: 1px solid #ccc;
}
.pippin_form input[type="text"]:focus, .pippin_form input[type="password"]:focus,
.pippin_form input[type="email"]:focus {
border-color: #aaa;
}

.pippin_errors { padding: 8px; border: 1px solid #f50; margin: 0 0 15px; }


/*Bootstrap Table*/
.table-hover tbody tr:hover {
background-color: rgba(118, 184, 47, 0.10); !important;
}
.btn-action{
background-color: #76b82f !important;
border-color: #70b330 !important;
font-size: .80rem;
padding-top: 2px;
padding-bottom: 2px;
}
.btn-action:hover {
color: #fff;
background-color: #6bad2f !important;
border-color: #5c9d2e !important;
}
.table td {
vertical-align: middle;
padding: .45rem;
font-size: .90rem;
}
/*.btn-success.btn-shadow:hover {*/
/*box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.5), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.6) !important;*/
/*}*/


.card-container.card {
max-width: 350px;
padding: 40px 40px;
}

.btn {
font-weight: 500;
/*height: 36px;*/
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}

/*
* Card component
*/
.cardAdmin{
background-color: #F7F7F7;
/* just in case there no content*/
padding: 20px 25px 30px;
margin: 0 auto 25px;
margin-top: 10px;
/* shadows and rounded borders */
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
width: 96px;
height: 96px;
margin: 0 auto 10px;
display: block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}

/*
* Form styles
*/
.profile-name-card {
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 10px 0 0;
min-height: 1em;
}

.reauth-email {
display: block;
color: #404040;
line-height: 2;
margin-bottom: 10px;
font-size: 14px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.form-signin #pippin_user_login,
.form-signin #inputPassword {
direction: ltr;
height: 44px;
font-size: 16px;
}

.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
width: 100%;
display: block;
margin-bottom: 10px;
z-index: 1;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.form-signin .form-control:focus {
border-color: rgb(104, 145, 162);
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}

.btn.btn-signin,
.btn.btn-signup{
cursor: pointer;
font-weight: 700;
font-size: 14px;
height: 36px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: none;
-o-transition: all 0.518s;
-moz-transition: all 0.518s;
-webkit-transition: all 0.518s;
transition: all 0.518s;
}

.btn.btn-signin{
background-color: #76b82f ;
}

.btn.btn-signup{
background-color:  #007bff ;
}

.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
background-color: rgb(94, 152, 40);
}

.btn.btn-signup:hover,
.btn.btn-signup:active,
.btn.btn-signup:focus {
background-color: #0066cb;
}

.forgot-password {
color: rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
color: rgb(12, 97, 33);
}
.separator {
border-top: 1px dashed gray;
margin: 10px 0 15px 0;
}
.separator-status {
border-top: 1px dashed gray;
margin: 2px 0 2px 0;
}
.details-container{
padding: 0;
margin-bottom: 10px;
text-align: left;
}
.card-text-label{
color: black !important;
font-weight: 700 !important;
}
.card-text-content{
font-weight: 700 !important;
text-transform: capitalize !important;
}
.details-container .card-header{
/*text-transform: capitalize !important;*/
height: 40px;
}
.btn-download:hover{
cursor: pointer !important;
}
.download-container{
border-bottom: 1px dashed gray;
margin: 2px 0;
padding: 3px 0;
width: 100%;
display: block;
height: 30px;
}
.btn-download{
font-size: 12px;
color: black;
font-weight: 700 !important;
height: auto;
line-height: 20px;
padding: 0px 3px !important;
float: right;
}
.download-disabled{
opacity: 0.5;
color: #6c757d;
display: inline-block;  /* For IE11/ MS Edge bug */
/*pointer-events: none;*/
text-decoration: none;
cursor: not-allowed !important;
}
.download-disabled:hover{
opacity: 0.5;
text-decoration: none;
display: inline-block;  /* For IE11/ MS Edge bug */
background: white;
color: #6c757d;
cursor: not-allowed !important;
}
.download-label{
font-size: 12px !important;
}
/*User Info*/
.user-info .col-form-label{
font-size: 13px;
font-weight: 600;
}

.card-registration{
margin-top: 10px;
}

/*Registration Form*/
.card-registration label{
font-size: 13px;
font-weight: 600;
margin: 0;
}
.card-registration input[type=text],
.card-registration input[type=email]{
margin-bottom: 0 !important;
}

/*Admin advertising*/
.advertising-container{
padding-top: 30px;
}
.advertising-container h2{
color: #76b82f;
text-decoration: underline;
padding-bottom: 30px;
}
.franchiser-material{
padding: 5px 10px;
color: #fff;
background-color: #76b82f;
/*border-radius: .25rem;*/
cursor: pointer;
}
.add-material{
padding: 3px 5px;
color: white;
background: #76b82f;
border: none;
border-top: 1px solid #76b82f;
margin-left: 10px;
}
.delete-franchiser-material{
padding: 3px 10px;
color: #fff;
background-color: darkred;
border: none ;
border-top: 1px solid darkred;
/*border-radius: .25rem;*/
cursor: pointer;

}
.add-material-label{
margin-right: 10px;
}

/*UBAGABE*/
.ubagabe-button{
padding: 5px 8px;
color: white;
background: #76b82f;
border: none;
border-top: 1px solid #76b82f;
margin-left: 10px;
}
.ubagabe-button:hover{
background: #538f29;
color: white;
text-decoration: none !important;
border-top: 1px solid #538F29;
}

/*Fahrzeuge*/
.cardAdmin {
padding: 0;
width: 100%;
box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
border-width: 0;
transition: all .2s;
}

.cardAdmin {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(26, 54, 126, 0.125);
border-radius: 0.25rem;


font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 0.88rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: left;
}

.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header {
display: flex;
align-items: center;
border-bottom-width: 1px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0.625rem;
height: 3.5rem;
}

.card-header, .card-title {
text-transform: uppercase;
color: rgba(13, 27, 62, 0.7);
font-weight: bold;
font-size: 0.88rem;
}

.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
color: inherit;
background-color: #fff;
border-bottom: 1px solid rgba(26, 54, 126, 0.125);
}

.btn-actions-pane-right {
margin-left: auto;
white-space: nowrap;
}
.table-borderless tr{
border: none ;
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
th{
text-align: left !important;
}
.text-muted {
color: #6c757d !important;
}
.text-center {
text-align: center !important;
}

.widget-content {
padding: 1rem;
flex-direction: row;
align-items: center;
}
.p-0 {
padding: 0 !important;
}

.widget-content .widget-content-wrapper {
display: flex;
flex: 1;
position: relative;
align-items: center;
}

.mr-3, .mx-3 {
margin-right: 1rem !important;
}

.rounded-circle {
width: 50px;
max-height: 42px;
border-radius: 50% !important;
}

/*img {*/
/*vertical-align: middle;*/
/*border-style: none;*/
/*}*/

.flex2 {
flex: 2;
}
.widget-content-left{
text-align: left;
}
.widget-content .widget-content-left .widget-heading {
opacity: .8;
font-weight: bold;
}

.widget-content .widget-content-left .widget-subheading {
opacity: .5;
}

.opacity-7 {
opacity: .7 !important;
}

.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.d-block {
display: block !important;
}

.card-footer {
padding: 0.75rem 1.25rem;
background-color: #fff;
border-top: 1px solid rgba(26, 54, 126, 0.125);
}
.category{
font-size: 80% !important;
/*padding: .26em .5em !important;*/
}



/* The container */
.container-radio {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}


.collapsible-invoice {
/*background-color: #777;*/
/*color: white;*/
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}

.active-invoice, .collapsible-invoice:hover {
/*background-color: #555;*/
}

.collapsible-invoice:after {
content: '\002B';
color: white;
font-weight: bold;
float: right;
margin-left: 5px;
}

.active-invoice:after {
content: "\2212";
}

.content-invoice {
/*padding: 0 18px;*/
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
/*background-color: #f1f1f1;*/
}

.card-body{
    padding: 0 !important;
}

*/