@charset "utf-8";

/* Bounce To Bottom */

.btn_gen { min-width:60px;
	border: none; 
	font-family: 'wf_segoe-ui_semilight';
	font-size: 12px;
	background: none;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 1px;
	font-weight: 700; padding: 6px 12px; /*padding: 8px 12px 8px 52px; */ 
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s; color: #fff; text-align:center; margin:5px;}

.btn_gen:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}

.btn_gen:before{position: absolute; line-height:38px;	background: rgba(0,0,0,0.3); height: 100%;	left: 0;	top: 0;	font-size: 140%; width: 40px; font-family:'FontAwesome'; font-weight:normal;}

.btn_sml{ /*padding: 7px 6px 7px 36px !important; */ font-size: 14px !important; min-width:40px !important; line-height:20px !important;}
.btn_sml:before { width: 30px !important; line-height:36px !important; height: 34px !important;}

.btn_sml0{ padding: 0px !important;  font-size: 14px !important; min-width:40px !important; line-height:32px !important;}
.btn_sml0:before { width: 30px !important; line-height:36px !important; height: 32px !important;}

.btn_full{width:100%;}

.btn_grn{	background: #6bbf4d;}
.btn_grn:hover {	background: #4c9d2f;}
.btn_grn:active {	background: #90c971; top: 2px;}

.btn_blu {	background: #fe6f6f;}
.btn_blu:hover {	background: #ff5050;}
.btn_blu:active {	background: #ff5050; top: 2px;}

.btn_org {	background: #ff8700;}
.btn_org:hover {	background: #e77b00;}
.btn_org:active {	background: #e77b00; top: 2px;}

.btn_gry{	background: #999;}
.btn_gry:hover {	background: #888;}
.btn_gry:active {	background: #ccc; top: 2px;}

.btn_red{	background: #f15151;}
.btn_red:hover{	background: #c73f3f;}
.btn_red:active{	background: #f47070;	top: 2px;}


/*.draggable{
    border: 1px solid #ccc; 
    display: inline-block; 
    cursor: move;
    position: absolute;         
}*/