/*Light*/
.component_rounded_button {
	float:left;
	margin:0px;
	padding:0px;
	font-family: "goodbook";
	font-size: 12px;
	color: #7D7D7D;
	border: 1px solid #D3D3D3;
	background: #FFFFFF;
	border-radius: 6px;
	-webkit-user-select: none;  
	-moz-user-select: none;   
	-ms-user-select: none;
	-webkit-transition: color,border,background  0.1s linear;
	-moz-transition : color,border,background 0.1s linear;
	opacity:0.99;
   cursor: pointer;
}

/*Dark*/
.component_rounded_button.dark{
	color: #888888;
	border: 1px solid #3f3f40;
	background: #1c1c1c;
}

/*Light*/
html.no-touch .component_rounded_button.disabled:hover {
	color: #7D7D7D;
	border: 1px solid #D3D3D3;
	background: #FFFFFF;
}

/*Dark*/
html.no-touch .component_rounded_button.dark.disabled:hover {
	color: #7D7D7D;
	border: 1px solid #D3D3D3;
	background: #FFFFFF;
}

/*Light*/
html.no-touch .component_rounded_button:hover {
	color:#141212;
	border: 1px solid #bdbdbd;
	background: #f6f6f6;
}

/*Dark*/
html.no-touch .component_rounded_button.dark:hover {
	color:#ffffff;
	border: 1px solid #585858;
	background: #232323;
}

/*Light*/
.component_rounded_button.active {
	cursor: default;
	color: #7D7D7D;
	border: 1px solid #bdbdbd;
	background: #f6f6f6;
}


/*Dark*/
.component_rounded_button.dark.active {
	cursor: default;
	color: #353535;
	border: 1px solid #7d7d7d;
	background: #e8e8e8;
}

/*Light && Dark*/
.component_rounded_button.disabled {
	opacity:.5;
	cursor: default;
}
.component_rounded_button.hidden {
   display:none;
}
/*ICON PADDING TWEAKS*/
.component_rounded_button {
	padding: 7px 9px 5px 9px;
}
.component_rounded_button.icon {
	padding: 5px 6px 7px 7px;
}
.component_rounded_button.icon_text {
	padding: 5px 6px 5px 6px;
}
.component_rounded_button.icon_share {
	padding: 6px 6px 6px 7px;
}
/* IPAD */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.component_rounded_button {
		padding: 4px 9px 5px 9px;
	}
	.component_rounded_button.icon {
		padding: 4px 6px 7px 7px;
	}
	.component_rounded_button.icon_text {
		padding: 4px 6px 5px 7px;
	}
	.component_rounded_button.icon_share {
		padding: 4px 6px 5px 7px;
	}
}