.themecolor {
	color: #60bb46;
}


html {
  position: relative;
  min-height: 100%;

}

body {
	color: #444;
	margin-bottom: 60px;	
	  font-family: Arial, SansSerif;
	  background-color: #f6f6f6;
}


h1 {color: #60bb46; padding:0; margin: 0}
a {outline: none; color: #60bb46;}
a:hover {color: #449d44; text-decoration: none;}
.hidearea {display: none;}
.showarea {display: block;}



div.objectbutton {
	margin: 10px 5px 10px 5px; 
	font-size: 1.4em; 
	border-radius: 10px; 
	padding: 10px; 
	text-align: center; 
	color: #ffffff;	
}

div.objectbutton:hover {opacity: 0.8; cursor: pointer}
	
.btn-success.btn-lg.btn-block {text-align: left;}
.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover  {
	background-color: rgba(96, 187, 70, 0.9);
	border-color: rgba(96, 187, 70, 0.9);
}

.vcenter {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

/* Helper */
.margtop40  {margin-top: 40px;}
.margtop30  {margin-top: 30px;}
.margtop20  {margin-top: 20px;}

.padbot30 {padding-bottom: 30px;}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.hidden {display: none;}

/*.alert-info, .alert-danger {display: none} */

.header{
	color: #fff;
	text-align: right;
	background-color: #60bb46;
	border-bottom: solid 3px #f6ed34;
	padding: 6px;
	font-size: 1.2em;
}

.navbar {
	/*border-bottom: solid 3px #60bb46;*/
}

.navbar-inverse {
    background-color: #60bb46;
	border-bottom: solid 2px #f6ed34;
}

.navbar-brand img {
	background-color: #ffffff;
	box-shadow: 0 0 8px #999999;
	float: left;
	margin-right: 10px;
	transition: all 200ms ease-in 0s;

}


.navbar a, .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-brand  {
	color: #fff
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover  {
	background-color: rgba(0, 0, 0, 0.1);
}

.nav > li > a {
	font-size: 1.4em;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #f6f6f6;
	transition: background 0.6s;
}

.navbar-right .dropdown-menu {
    left: 0;
}

.navbar-nav>li>.dropdown-menu {
    /* margin-top: 2px; */
} 

#maincontent {margin-top: 100px;}

.topcentercol {text-align: center;}
.topcentercol p {margin-top: 6px; font-weight: bold;}
.toprightcol {text-align: right;}


.pageinfo h1 {margin-top: -5px;}
.pageinfo span {margin-right: 20px;}


/* Meldungen */
.alert {
	padding: 5px 15px;
	margin-bottom: 0;
	margin-right: 15px;
}

/* Button */
.btn-primary {
    color: #fff;
    background-color: #60bb46;
    border-color: #60bb46;
}

.btn-primary:hover, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: rgba(96, 187, 70, 0.9);
    border-color: rgba(96, 187, 70, 0.9);  
}


/* Active und Hover Navitem */
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #60bb46;
    outline: 0;
}

/* Login */
p.loginintro {color: #666; padding: 15px 0}
.loginarea {
	background-color: #fafafa;
	border: solid 15px #fafafa;
	border-radius: 15px; 
}

/* Startseite */
.startmenu {
	padding: 30px;
}

/* Tabellen */
 .glyphicon-pencil, .glyphicon-trash {
	color: #60bb46;
}

.colorbox {max-width: 60px}
.colorbox span {padding: 3px; color: #fff}


table.booking-by-day td.c-right, table.booking-by-day td.c-inside, table.booking-by-day td.c-full, table.booking-by-day td.c-allone {
	white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width: 1px;
}

.c-empty, .c-right, .c-allone, .c-inside, .c-full {
	background-color: #fff; color: #fff; font-size: 12px;
}
.c-empty {border-right: solid 1px #f6f6f6; border-left: solid 1px #f6f6f6}
.c-right {border-right: solid 2px #fff}
.c-alone {border-left: solid 2px #fff; border-right: solid 2px #fff}



div.tooltip.top {margin-top: -10px;}
.tooltip-inner {white-space: pre-line; padding: 15px; background-color: #fff; color: #60bb46; border: solid 3px #999; font-size: 14px; text-align: left;}

/* Tabelle Pagination */
.pagination > li > a, .pagination > li > span {
	color: #60bb46;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: #60bb46;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #60bb46;
	border-color: #60bb46;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0px;
}

/* Forms */
.formwrap {
	margin: 15px; 
	padding: 15px; 
	border: solid 4px #e6e6e6;
	background-color: #efefef;
	margin: 0 auto;
	width: 95%
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fafafa;
    opacity: 1;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(150, 150, 150, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(150, 150, 150, 0.6);
  outline: 0 none;
}

.search-date {
	max-width: 180px;
	float: left;
}
.dat-previous, .dat-next {float: left;}
.dat-previous {margin-right: 5px}
.dat-next {margin-left: 5px}

#warningpast, #warningdatepast {
	padding: 18px 0;
	color: #900000;
}

/* Kundenauswahl bei Buchungen */
div.customer-searcharea.dataTables_wrapper .dataTables_filter, .customer-searcharea div.dataTables_wrapper div.dataTables_filter {
	text-align: left !important;
	float: left !important;
	margin-bottom: 20px;
}


div.customer-searcharea ul  {list-style-type: none; padding: 10px 10px 0 15px}
div.customer-searcharea li:hover {cursor: pointer}


/* Trockung Übersichtsseite */
.objectcolumnmain {
	border: solid 4px #fff;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

div.plusholder {
	position: absolute; 
	top:5px; 
	right: 5px; 
}

span.addChargeDay, a.kdicon {
	color: #60bb46;
	transition: 0.3s;
}

span.addChargeWeek, a.kdicon {
	color: #60bb46;
	transition: 0.3s;
}

span.addChargeDay, span.addChargeWeek{
	font-size: 30px;  
	max-width: 40px
}


span.addChargeDay:hover, span.addChargeDay:hover,  a.kdicon:hover {
	cursor: pointer;
	opacity: 0.8;
}

span.addCharge:hover {
	font-size: 32px;
}


.objectcolumnmain label {
	min-height: 40px;
	background-color: #f6f6f6;
	padding: 5px;
	width: 100%;
}

.objectcolumnmain label:nth-of-type(2) {
	margin-top: 10px;
	font-weight: normal;
}

.bookingdiv {
	border-bottom: solid 2px #fff;
	padding: 0px;
	font-size: 12px;
}

.bookingtext {
	border: solid 4px transparent;
	background-color: #fff;
	color: #000;
	opacity: 0.65;
	padding: 0px 10px;
}

.tagesinfos {
	text-align: left;
	font-size: 16px;
	margin-top: 5px;
	margin-left: 15px;
	background-color: #f0f0f0;
	padding-top: 5px;
	width: auto;
}

.tagesinfos label {
	color: #60bb46;
	padding-left: 10px;
}


/* Auswertungen Filter */
.filtersection {
	border: solid 1px #e0e0e0;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #f6f6f6;
}


/* Google Charts Timeline */
svg g:first-of-type path {
    stroke: #e6e6e6;
}
svg g:first-of-type rect:not(:last-child) {
    fill: #ffffff;
}

.footer {
    background-color: #333;
	color: #999;
    bottom: 0;
    min-height: 50px;
	padding-top: 15px;
    position: absolute;
    width: 100%;
}


/* MOBIL SMARTPHONE */
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.header {font-size: 12px;}
	
	.navbar-brand img {
		background-color: #ffffff;
		box-shadow: 0 0 8px #999999;
		margin-right: 10px;
		transition: all 200ms ease-in 0s;
		max-width: 150px;
		margin-top: 0px;
	}	
	
	h1 {font-size: 26px}
	
	.topcentercol {text-align: center;}
	.toprightcol {text-align: center; margin-top: 20px;}
	
	.form-control {display: inline;}
	
	.customer-searcharea ul li {
		font-size: 16px;
		padding-top: 8px;
	}

.footer {min-height: 70px;}	
	
}