* {
  outline: none; }

html {
  height: 100%;
  overflow: hidden; }

body {
  font-family: Calibri, sans-serif;
  font-size: 12px;
  background: #eee;
  height: 100%;
  color: #444;
  overflow: hidden; }

b {
  font-weight: bold; }

/**
 * ClearFix
 */
.cf::before, .cf::after {
  content: "";
  display: table; }

.cf::after {
  clear: both; }

.clear {
  clear: both;
  height: 0px;
  overflow: hidden; }

/* default form style
***********************************************/
.input-row {
  clear: both;
  margin-bottom: 15px;
  text-align: left;
  vertical-align: middle; }

.input-row label {
  display: block;
  float: left;
  width: 105px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.input-row:not(.groups) > label {
  height: 29px;
  line-height: 29px; }

.input-row .input-box {
  margin-left: 130px; }

.input-row .input-box input {
  display: block;
  margin-top: 0;
  margin-bottom: 10px;
  border: 1px solid #bababf;
  background: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 7px 6px;
  width: 256px; }

.input-row .input-box input.checkbox,
.input-row .input-box input[type=checkbox] {
  width: auto;
  display: inline;
  margin: 5px 5px 0 0;
  background: transparent;
  border: 0;
  padding: 0; }

.input-row .input-box select {
  width: 270px; }

.input-row .input-box textarea {
  width: 246px; }

.input-row .input-box input.datetimepicker,
.input-row .input-box input.datepicker {
  background-image: url(../../img/icons.png) !important;
  background-position: 244px -311px !important;
  background-repeat: no-repeat !important; }

.input-row .input-box input[disabled] {
  background-image: url(../../img/icons.png) !important;
  background-position: 244px -466px !important;
  background-repeat: no-repeat !important; }

#tab-contents {
  width: 430px; }

.input-row .input-box .date-container {
  width: 270px; }
  .input-row .input-box .date-container input, .input-row .input-box .date-container select {
    margin-top: 0;
    margin-bottom: 0;
    float: left; }
    .input-row .input-box .date-container input:nth-child(1), .input-row .input-box .date-container select:nth-child(1) {
      width: 25%;
      margin-right: 5px; }
    .input-row .input-box .date-container input:nth-child(2), .input-row .input-box .date-container select:nth-child(2) {
      width: 35%;
      height: 29px; }
    .input-row .input-box .date-container input:nth-child(3), .input-row .input-box .date-container select:nth-child(3) {
      width: 25%;
      float: right; }

/* buttons
******************************************/
.button {
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  white-space: nowrap;
  padding: 0 20px;
  height: 21px;
  line-height: 21px;
  color: #fff;
  background: black;
  cursor: pointer;
  vertical-align: middle; }

.button.blue {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  background: url(../../img/button-bg.png) repeat-x;
  border: 1px solid #0368a2; }

.input-box button {
  float: right;
  cursor: pointer; }

.groups .input-box {
  color: #4F4F53; }
  .groups .input-box ul {
    padding-top: 2px; }
    .groups .input-box ul li:first-child ~ li {
      margin-top: 15px; }
  .groups .input-box .group-input {
    width: 25px;
    display: block;
    float: left; }
    .groups .input-box .group-input input {
      margin: 0; }
  .groups .input-box label {
    font-weight: bold;
    width: auto;
    float: left;
    display: block;
    padding: 0; }
  .groups .input-box p {
    padding: 5px 0 0 25px;
    font-style: italic;
    clear: both; }

.privacy-text p {
  font-size: 10px;
  line-height: 18px; }