input[type="checkbox"].checkbox-hide {
    display: none;
}

.flipSwitch-mobile {
	height: 2rem;
	width: 3rem;
	box-sizing: border-box;
	position: relative;
}
.flipSwitch-mobile label {
	display: inline-block;
	position: relative;
	z-index: 66;
	height: 2rem;
}
.flipSwitch-mobile div.forTouch {
	opacity: 0;
	background-color: #e3e3e3;
	width: 82px;
	height: 48px;
	display: block;
	position: absolute;
	z-index: 65;
}
.flipSwitch-mobile .flipSwitch-label .flipSwitch-label-outside {
	display: inline-block;
    background-color: #e3e3e3;
	border-width: 1px;
	border-color: #e3e3e3;
	border-style: solid;
	padding: 1px;
    width: 3rem;
    height: 1.7rem;
    border-radius: 1.55rem;
}
.flipSwitch-mobile .flipSwitch-label .flipSwitch-label-outside .flipSwitch-label-inside {
	display: inline-block;
	background-color: #ffffff;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 1.55rem;
}

/*toggleOn*/
.flipSwitch-mobile.toggleOn .flipSwitch-label .flipSwitch-label-outside {
    background-position: 250px;
	border-color: #ffcb00;
	background-color: #ffcb00;
}
.flipSwitch-mobile.toggleOn .flipSwitch-label .flipSwitch-label-outside .flipSwitch-label-inside {
	margin-left: 1.3rem;
}


/*mask*/
div#waitingMask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 900;
	background-color: #b2b2b2;
	opacity: 0.3;
}

/*tp-flipswitch-div*/
div.flipSwitch-div {
	width: 100%;
	background-color: #ffffff;
	padding: 0 1rem 0 0;
	box-sizing: border-box;
	display: table;
}
div.flipSwitch-div div.flipSwitch-title {
	padding: 1rem 0 1rem 0;
	display: table-cell;
}
div.flipSwitch-div .flipSwitch-mobile {
	vertical-align: middle;
	display: table-cell;
	margin-top: 1px;
}
div.flipSwitch-div .flipSwitch-mobile label {
	vertical-align: middle;
}

div.flipSwitch-div .flipSwitch-mobile .flipSwitch-label-outside{
}
/*disabled*/
div.flipswitch-disabled {
	background-color: #e5e5e5;
}
div.flipswitch-disabled .flipSwitch-label .flipSwitch-label-outside .flipSwitch-label-inside {
	background-color: #e5e5e5;
}
/*disabled off*/
div.flipSwitch-mobile.flipswitch-disabled .flipSwitch-label .flipSwitch-label-outside {
	background-image: none;
	background-color: #cccccc;
	border-color: #cccccc;
}
/*disabled on*/
div.flipSwitch-mobile.flipswitch-disabled.toggleOn .flipSwitch-label .flipSwitch-label-outside {
	background-color: #e4b600;
	border-color: #e4b600;
}
