.mobile-bottom-menu {
	/* background-color: #2e2e2e; */
	background-color: #333;
	width: 100%;
	height: 40px;
}

.mobile-bottom-menu .font-size-90 {
	font-size: 90%;
}

.mobile-bottom-menu ul {
	display: flex;
}
.mobile-bottom-menu ul.items-wrapper {
	justify-content: space-between;
	margin: 0 !important;
	height: 100%;
}

.mobile-bottom-menu ul.items-wrapper li.back-btns,
.mobile-bottom-menu ul.items-wrapper li.back-btns > ul {
	height: 100%;
}

.mobile-bottom-menu ul.items-wrapper li.back-btns .back-btn-icon-wrapper {
	display: inline-block; 
	min-width: 24px; 
	margin-left: 2px;
}

.mobile-bottom-menu ul.items-wrapper li.tools {
	flex-grow: 1;
}

.mobile-bottom-menu ul.map-tools, 
.mobile-bottom-menu ul.write-mode-tools {
	display: flex;
	justify-content: flex-end;
	height: 100%;
}

/* BEGIN: Buttons */

.mobile-bottom-menu ul li > button,
.mobile-bottom-menu ul li > .btn {
	/* Vertically centering */
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* BEGIN: btn-tools */

.mobile-bottom-menu ul li > .btn.btn-tools {
    display: inline-block;
    color: #acaba7;
    width: 30px;
    height: 30px;
    line-height: 1.55;
    font-size: 15px;
    text-align: center;
    padding: 5px;
    border: 0;
    border-radius: 50%;
    margin: 0 auto;    
    outline: none !important;
    transition: all ease .3s;
    background: transparent;
}
	.mobile-bottom-menu ul li > .btn.btn-tools:hover,
	.mobile-bottom-menu ul li > .btn.btn-tools:focus {
		background: #111;	
	    color: #acaba7;
	}
	.mobile-bottom-menu ul li > .btn.btn-tools.active,
	.mobile-bottom-menu ul li > .btn.btn-tools:active {
		background: #222;	
		color: #BF3542;
	}
	.mobile-bottom-menu ul li > .btn.btn-tools i {
		display: inline-block;
		font-size: inherit;
		line-height: inherit;
	}
	.mobile-bottom-menu ul li > .btn.btn-tools svg path {
		fill: #acaba7;
	}
	.mobile-bottom-menu ul li > .btn.btn-tools.active svg path,
	.mobile-bottom-menu ul li > .btn.btn-tools:active svg path {
		fill: #BF3542;
	}

/* END: btn-tools */

/* BEGIN: btn write-mode */

.mobile-bottom-menu .btn.btn-write-mode {
	background-color: #FFF; 
    width: 30px;
    height: 30px;
    line-height: 1.55;
    font-size: 1.35em;
    text-align: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    margin: 0 auto;
    outline: none !important;
    transition: all ease .3s;
    color: rgb(14, 173, 173);
    
    filter: alpha(opacity=90);
    opacity: 0.9;
}
	.mobile-bottom-menu .btn.btn-write-mode:not(.last) {
		margin-right: 5px;
	}
	.mobile-bottom-menu .btn.btn-write-mode:hover,
	.mobile-bottom-menu .btn.btn-write-mode:active {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.mobile-bottom-menu .btn.btn-write-mode i {
		font-size: inherit;
		vertical-align: middle;
	}

.mobile-bottom-menu .btn.btn-write-mode.btn-write-mode-change-state > i,
.mobile-bottom-menu .btn.btn-write-mode.btn-write-mode-save > i,
.mobile-bottom-menu .btn.btn-write-mode.btn-write-mode-delete > i {
	vertical-align: baseline;
}
.mobile-bottom-menu .btn.btn-write-mode.btn-write-mode-save > i,
.mobile-bottom-menu .btn.btn-write-mode.btn-write-mode-delete > i {
	padding-top: 6px;
}
.mobile-bottom-menu .btn.btn-write-mode.btn-write-mode-delete > i {
	color: rgb(191, 53, 66);
}

/* END: btn write-mode */

 /* btn back-btn */
.mobile-bottom-menu .btn.back-btn {
	width: auto;
	height: auto;
	border-radius: 0;
	background: transparent;
	outline: none;
	
	color: #acaba7;
	line-height: 1.55;
    font-size: 15px;
    text-align: center;
    padding: 5px;
    border: 0;
    margin: 0 auto;    
    transition: all ease .3s;
	
	filter: alpha(opacity=80);
	opacity: 0.8;
}
	.mobile-bottom-menu .btn.back-btn:hover, 
	.mobile-bottom-menu .btn.back-btn:focus {
	    /* background: #111; */
		filter: alpha(opacity=100);
		opacity: 1;
	}
/* end btn back-btn */

/* END: Buttons */
 

/* BEGIN: VERTICAL SEPARATOR */

.mobile-bottom-menu li.separator-vertical {
	
}
	.mobile-bottom-menu li.separator-vertical > div {
		width: 1.5px;
	    height: 60%;
	    background-color: rgba(255, 255, 255, .9);
	    
	    /* Centering vertically */
	    position: relative;
	    top: 50%;
	    transform: translateY(-50%);
	}
 
/* END: VERTICAL SEPARATOR */