/*****************************************/
/* buttons */
/*****************************************/

.img
{
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.5;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    transition: all 0.3s ease 0s;
    outline: none;
	position: relative;
	cursor: default;

	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
.img,
.img:active,
.img:focus
{
	outline: none;
}
.img
{
	color: #3C8DBC;
}
.img.passive
{
	color: #CECECE;
}

/*****************************************/

.img > i
{
	display: inline-block;
}
.img > i
{
	font-size: 2.8rem;
	vertical-align: -34%;
}

/*****************************************/

.img-xs
{
	line-height: 1.5;
	font-size: 1.0rem;
}
.img.img-xs > i
{
	font-size: 1.5rem;
	vertical-align: -12%;
}

/*****************************************/

.img-s
{
	line-height: 2;
	font-size: 1.2rem;
}
.img.img-s > i
{
	font-size: 2rem;
	vertical-align: -22%;
}

/*****************************************/

.img-l
{
	line-height: 2.5;
	font-size: 1.8rem;
}
.img.img-l > i
{
	font-size: 3.8rem;
	vertical-align: -30%;
}

/*****************************************/

.img-xl
{
	line-height: 1.6;
	font-size: 3.8rem;
}
.img.img-xl > i
{
	font-size: 5.8rem;
	vertical-align: -30%;
}