/* Elements */
body, input, button {font: 12px/14px Verdana;}
* {margin: 0; padding: 0;}
ul {list-style: none;}
img {border: 0;}
iframe {display: none;}
a {outline: 0; text-decoration: none; color: #000;}
table {border-collapse: collapse;}
td {vertical-align: top;}

textarea {resize:none; padding:5px}
input, .box {box-sizing:border-box; -moz-box-sizing:border-box}

/* Checkbox */
.wsCheckbox {width: 70px; height: 24px; position: relative;}
.wsCheckbox input {position: absolute; visibility: hidden;}
.wsCheckbox input:checked + label:before {transform: rotateY(180deg);}
.wsCheckbox input:checked + label:after {transform: rotateY(0);}
.wsCheckbox label {
	position: absolute; width: inherit; height: inherit;
	margin: 0; line-height: 24px; font-family: Arial;
}
.wsCheckbox label:before,
.wsCheckbox label:after {
	top: 0; left: 0;
	bottom: 0; right: 0;
	display: block;
	position: absolute;
	line-height: inherit;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
}
.wsCheckbox label:before {
	background-color: #ddd;
	content: attr(data-off);
	transition: transform 0.5s;
	backface-visibility: hidden;
	color: #787878;
}
.wsCheckbox label:after {
	background-color: #4caf50;
	content: attr(data-on);
	transition: transform 0.5s;
	transform: rotateY(180deg);
	backface-visibility: hidden;
	font-weight: bold;
	color: #fff;
}

/* Base */
.dn {display:none}
.db {display:block}
.dib {display:inline-block}
.fl {float:left}
.fr {float:right}
.cm {cursor:move}
.cd {cursor:default}
.cp {cursor:pointer}
.pf {position:fixed}
.pa {position:absolute}
.pr {position:relative}
.center {margin:0 auto}
.bold {font-weight:bold}

.clear {clear:both; float:none !important}
.clearfix:after {content:''; display:table; clear:both}

.op_0 {opacity:0; filter:alpha(opacity=0)}
.op_50 {opacity:0.5; filter:alpha(opacity=50)}

.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.noSelect {user-select: none; -moz-user-select: none; -webkit-user-select: none;}

.shadow {
	box-shadow:			0 0 5px 0 #ccc;
	-moz-box-shadow:	0 0 5px 0 #ccc;
	-webkit-box-shadow:	0 0 5px 0 #ccc;
}

/* Foundation */
.row {max-width: 90rem;}
input, select {height: 40px !important;}

.button {padding: 0 1rem; border: 0; height: 40px; line-height: 40px !important;}
.button.success,
.button.success:focus,
.button.success:hover {color: white;}

.callout > .title:first-child {
	margin: -1rem -1rem 1rem -1rem; padding: 1rem;
	border-bottom: 1px solid #c2c2c2; background-color: #fcfcfc;
	line-height: 1; font-size: 20px; color: #0a0a0a;
}