/* Buttons */

.btn { 
	display: inline-block; 
	padding: 3px 6px; 
	margin-bottom: 0; 
	margin-right: 8px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 80%; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.5; 
	text-align: center; 
	white-space: nowrap;
	vertical-align: middle; 
	cursor: pointer; 
	user-select: none; 	
	outline: none
 }      


.btn.big {  font-size: 120%; line-height: 1.5 }
.btn.small { padding: 1px 4px; font-size: 70%; line-height: 1.5; border-radius: 2px; font-weight: 400; }

.btn.default { color:#fff; background:#4a525f; letter-spacing:0px}
.btn.save    { color:#fff; background:#5cc300; font-weight: 500; }
.btn.blue    { color:#fff; background:#1c85ee; font-weight: 500; }
.btn.delete, .btn.delete i { color:#fff; background:#E15554; font-weight: 500; }
.btn.cancel  { color:#fff; background:#B9C1CB; letter-spacing:0px }
.btn.path    { color:#1c85ee; background:#fff; font-weight: 200; letter-spacing:0px; font-family: arial; margin-right: 1px }
.btn.path:hover { color:#fff; background:#1c85ee;  }

.transparent { background: none; border: none}

.btn.property { color:#727272; background: none; letter-spacing:0px; border-radius: 2px; border: 1px solid #dbdbdb; padding: 2px 4px; height: 24px; margin:4px 2px 0 0; width: 30px; overflow: hidden }
.property-text { color:#727272; background: none; letter-spacing:0px; border-radius: 2px; border: 1px solid #c3c3c3; padding: 1px 4px; height: 24px; margin:4px 2px 0 0;  width: auto; overflow: hidden }
.btn.property:hover, .btn.property-text:hover { background:#ebebeb }

.btn.xprop { border-color: #00a3ff; color: #00a3ff }

.btn.propx { color:#fff; background:#00a3ff; color: #fff; letter-spacing:0px; border-radius: 1px; padding: 2px 4px;  }
.btn.propx:hover { background:#007bc2 }


.btn i { font-size: inherit; padding: inherit }

.btn.outlined { background: #e6e6e6; padding: .2em .3em; margin-left: 4px }
.btn.outlined i.fa { color: #999999 }


.btn.lined {  background: #fff; border: 1px solid #4a525f; padding: 3px 8px; margin:0 5px 5px 0; color: #4a525f; font-size: 100% }
.btn.lined:hover { background: #4a525f; color: #fff }
.btn.lined i.fa { color: #999999 }


.btnico { background: none; border: none; color: rgba(73, 81, 94, 0.5); font-size: 100%; margin: 1px; display: inline-block }
.btnico:hover { color: #4a525f }

.btn:hover { opacity:0.85 }