.confirm-btn {
	padding: 10px !important;
    width: 50px !important;
}
.no-btn {
	background-color: #aab0b5 !important;
	color: #fff !important;
}

.menu-button {
	background-image: url(../../img/svg/Menue-Burger-2.svg) !important;
	background-size: 30px;
	background-position: center center !important;
	width: 50px;
	height:60px;
	position: absolute;
	background-repeat: no-repeat;
	left: 10px;
	top:0;
}
.position-button-on {
	background-image: url(../../img/svg/gps_on_white.svg) !important;
/* 	background-size: 30px; */
	background-position: center center !important;
	width: 50px;
	height:60px;
	position: absolute;
	background-repeat: no-repeat;
	right: 10px;
	top:0;
}
.position-button-off {
	background-image: url(../../img/svg/gps_off_white.svg) !important;
/* 	background-size: 30px; */
	background-position: center center !important;
	width: 50px;
	height:60px;
	position: absolute;
	background-repeat: no-repeat;
	right: 10px;
	top:0;
}
.page-footer {
	overflow: hidden;
	color:#000;
	background-color: #fff;
	text-align: center;
	padding: 0 10px 15px 10px;
    font-size: 12px;
    z-index: 1000 !important;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
/* #tree-map-footer { */
/* 	padding: 0 10px 15px 10px !important; */
/* } */
.footer-state {
    height: 4px;
    margin-bottom: 10px;
}
.is-active {
	background-color:#3388cc;
	margin-left: -6px;
}
.footer-btn {
	width: 50px;
    height: 50px;
}
.footer-img {
	width: 20px;
	margin-right: 5px;
}
.r-btn {
	padding-left: 0;
}
.left {
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
}
.user-img {
    border-radius: 10px;
    border: 2px solid #aab0b5;
}
#user-name {	
    overflow: hidden;
    text-overflow: ellipsis;
}
#map,
#tree-map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.leaflet-bottom {
	margin-bottom: 82px;
}

#main-menu {
	width: 205px;
	z-index: 1030 !important;
    padding: 0;
}
.main-menu-content {
    background: #fff;
    padding: 0 !important;
    height: 100%;
    width: 200px;
}
#menu {
	margin-left: 15px;
    margin-top: 40px;
}
.menu-header {
	background-color:#3388cc;
	font-size: 20px;
	color:#fff;
	text-align: center;
	padding: 15px 10px;
}
#menu td {
	padding: 10px 10px;
}
.menu-img {
	width: 20px;
}
.menu-text{
	color: #000 !important;
	text-decoration: none !important;
}
.short-routing {
    position: relative;
    top: 100px;
    width: 85%;
    margin: 0px auto;
    z-index: 1000;
    background: #fff;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
    font-size: 16px;
    display: table;
}
.short-routing .form-control,
.short-routing .form-control[readonly] {
	border: none !important;
}
.short-routing-img {
	width: 50px;
	border-left: 2px solid #aab0b5;
}
.table-cell {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
}
.short-routing-close-img {
	width: 15px;
}

#challenge-header {
	position: relative;
    top: 60px;
    width: 100%;
	overflow: hidden;
	color:#000;
	background-color: #fff;
	text-align: center;
	padding: 15px 10px;
    font-size: 12px;
    z-index: 1000 !important;
}
#challenge-content {
	position: relative;
    top: 82px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 15px;
    margin-top: -10px;
}
.best-row {
	font-size: 16px;
	padding-bottom: 10px;
}
.best-key {
	color: #aab0b5;
}
.period-row {
	font-site: 12px;
}
#period-progress-bar {
   margin-top: 5px;
   margin-bottom: 20px;
}
.progress{
	background-color: #e2e2e2;
}
.progress-bar {
	background-color: #3388cc;
}
.rank-table-header {
	font-size: 18px	;
}
.rank-table-header-line {
    margin: 5px -25px 15px -25px;
}
.rank-table-active {
	color: #3388cc;
}
.header-line {
	height: 3px;
}
.header-line-active {
	background-color: #3388cc;
}
#rank-table {
    max-height: 190px;
    overflow-y: auto;
    margin-bottom: 15px;
}
.rank-table {
	width: 100%;
	table-layout:fixed;
	line-height: 1.0rem !important;
}
#rank-table td{
	font-size: 12px;
	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
}
.table-rank-no {
	font-weight: bold;
}
.table-tree {
	width: 15px;
}
.table-user {
	width: 20px;
}
.trip-details-content {
    padding: 60px 40px 20px;
}
.trip-detail-month {
	color: #3388cc;
	font-size: 18px;
	padding-top: 20px;
    padding-bottom: 5px;
}
.trip-detail-date {
	color: #3388cc;
	font-size: 12px;
	padding-top: 8px
}
.trip-detail-result {
	font-size: 16px;
}
.best-trip {
	margin-left: 10px;
}
.trip-details-leaf {
	width: 15px;
    margin-right: 12px;
}

#tree-map-overlay {
/* 	background: #fff; */
/* 	display:none; */
/* 	position:absolute; */
/* 	top:0; */
/* 	left:0; */
/* 	width:100%; */
/* 	height:100%; */
}
#tree-map-dialog label{
	height: 70px;
}
.plant-img {
	width: 40px;
}
.tree-select-img {
    width: 40px;
    margin-left: -15px;
    margin-top: -10px;
}
#selected-tree {
	opacity: 1 !important
}

.tree-detail-key,
.tree-detail-value{
    overflow: hidden;
    text-overflow: ellipsis;
}
.tree-detail-key {
	color: #aab0b5;
}
.tree-details {
	font-size: 16px;	
}
.tree-details-img {
	width: 50px;	
}