body, input, textarea, select {
  color: #fff;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.content-wrapper {
  max-width: 659px;
  margin: 0 auto;
  overflow: hidden;
}

.content-wrapper:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
}

a { outline: 0; text-decoration:none; }

a:focus { outline: none; }

strong { font-weight: 700; }

li { list-style-type: none; }

hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

/*****************************************************************************
Headlines
*****************************************************************************/

h1, h2, h3, h4, h5, h6 { display: block; }

/*****************************************************************************
CSS Clasess
*****************************************************************************/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

.ui-chkbox-box {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  width: 20px;
  height: 20px;
  position: relative;
}

.ui-chkbox-box:after {
  content: '✓';
  font-size: 23px;
  font-weight: bold;
  color: green;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 2px;
  top: -13px;
  opacity: 0;
  transition: opacity 0.2s;
}

.ui-chkbox .ui-chkbox-box.ui-state-active:after {
  opacity: 1;
}

.ui-selectcheckbox {
  margin-left: 5px;
  font-weight: bold;
}

.ui-chkbox-box:hover {
  background-color: #e0e0e0;
}