/*
 * Licensed under MIT (https://github.com/crystalcss/crystalcss/blob/master/LICENSE)
 */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  margin: 0;
}

.ccss-flex-container-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.ccss-flex-container-col .ccss-flex-header {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 0px;
  flex: 0 1 0;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #E6E6E6;
}

.ccss-flex-container-col .ccss-flex-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  overflow-y: auto;
}

.ccss-flex-container-col .ccss-flex-footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 0px;
  flex: 0 1 0;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 1px solid #E6E6E6;
}

.ccss-flex-container-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
}

.ccss-flex-container-row .ccss-flex-hard-left {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 0px;
  flex: 0 1 0;
  border-right: 1px solid #E6E6E6;
}

.ccss-flex-container-row .ccss-flex-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  overflow-y: auto;
  border-right: 1px solid #E6E6E6;
}

.ccss-flex-container-row .ccss-flex-hard-right {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 0px;
  flex: 0 1 0;
}

hr.ccss-break {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
  border-style: none;
  border-bottom: 1px solid #808080;
}

hr.ccss-break.medium {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 50px;
  margin-right: 50px;
  border-bottom: 1px solid #808080;
}

hr.ccss-break.small {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 90px;
  margin-right: 90px;
  border-bottom: 1px solid #D3D3D3;
}

[class*=w-] {
  float: left;
}

.w-100 {
  width: 100%;
}

.w-90 {
  width: 90%;
}

.w-80 {
  width: 80%;
}

.w-75 {
  width: 75%;
}

.w-70 {
  width: 70%;
}

.w-60 {
  width: 60%;
}

.w-Half {
  width: 50%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.w-Third {
  width: 33.3333333%;
}

.w-30 {
  width: 30%;
}

.w-Quarter {
  width: 25%;
}

.w-25 {
  width: 25%;
}

.w-20 {
  width: 20%;
}

.w-10 {
  width: 10%;
}

.w-5 {
  width: 5%;
}

[class*=h-] {
  float: left;
}

.h-100 {
  height: 100%;
}

.h-95 {
  height: 95%;
}

.h-75 {
  height: 75%;
}

.h-50 {
  height: 50%;
}

.h-25 {
  height: 25%;
}

.h-20 {
  height: 20%;
}

.h-15 {
  height: 15%;
}

.h-10 {
  height: 10%;
}

.h-5 {
  height: 5%;
}

.h-15-30 {
  min-height: 15%;
  max-height: 30%;
}

.h-15-60 {
  min-height: 15%;
  max-height: 60%;
}

.ccss-button {
  background-color: #E6E6E6;
  border-color: #E6E6E6;
  color: #111111;
  display: inline-block;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  padding: 0.5em 1em;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
}

.ccss-button:hover {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}

.ccss-button:active {
  background-color: #CDCDCD;
  border-color: #CDCDCD;
}

.ccss-button:focus {
  outline: 0;
}

.ccss-button.invert {
  background-color: transparent;
  color: #E6E6E6;
  border-color: #E6E6E6;
}

.ccss-button.invert:hover {
  background-color: #E6E6E6;
  color: #111111;
}

.ccss-button.invert:active {
  background-color: #CDCDCD;
  border-color: #CDCDCD;
  color: #111111;
}

.ccss-button.invert:focus {
  outline: 0;
}

.ccss-button.group-position.-left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.ccss-button.group-position.-middle {
  border-radius: 0;
}

.ccss-button.group-position.-right {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

label.ccss-button > input {
  display: none;
}

.ccss-button.red {
  background-color: #D43535;
  border-color: #D43535;
  color: #FFFFFF;
}

.ccss-button.red:hover {
  background-color: #C52A2A;
  border-color: #C52A2A;
}

.ccss-button.red:active {
  background-color: #B02626;
  border-color: #B02626;
}

.ccss-button.red:focus {
  outline: 0;
}

.ccss-button.red.invert {
  background-color: transparent;
  color: #D43535;
  border-color: #D43535;
}

.ccss-button.red.invert:hover {
  background-color: #D43535;
  color: #FFFFFF;
}

.ccss-button.red.invert:active {
  background-color: #B02626;
  border-color: #B02626;
  color: #FFFFFF;
}

.ccss-button.red.invert:focus {
  outline: 0;
}

.ccss-button.orange {
  background-color: #D47A35;
  border-color: #D47A35;
  color: #FFFFFF;
}

.ccss-button.orange:hover {
  background-color: #C56D2A;
  border-color: #C56D2A;
}

.ccss-button.orange:active {
  background-color: #B06226;
  border-color: #B06226;
}

.ccss-button.orange:focus {
  outline: 0;
}

.ccss-button.orange.invert {
  background-color: transparent;
  color: #D47A35;
  border-color: #D47A35;
}

.ccss-button.orange.invert:hover {
  background-color: #D47A35;
  color: #FFFFFF;
}

.ccss-button.orange.invert:active {
  background-color: #B06226;
  border-color: #B06226;
  color: #FFFFFF;
}

.ccss-button.orange.invert:focus {
  outline: 0;
}

.ccss-button.yellow {
  background-color: #D4BE35;
  border-color: #D4BE35;
  color: #FFFFFF;
}

.ccss-button.yellow:hover {
  background-color: #C5B02A;
  border-color: #C5B02A;
}

.ccss-button.yellow:active {
  background-color: #B09D26;
  border-color: #B09D26;
}

.ccss-button.yellow:focus {
  outline: 0;
}

.ccss-button.yellow.invert {
  background-color: transparent;
  color: #D4BE35;
  border-color: #D4BE35;
}

.ccss-button.yellow.invert:hover {
  background-color: #D4BE35;
  color: #FFFFFF;
}

.ccss-button.yellow.invert:active {
  background-color: #B09D26;
  border-color: #B09D26;
  color: #FFFFFF;
}

.ccss-button.yellow.invert:focus {
  outline: 0;
}

.ccss-button.green {
  background-color: #30BF45;
  border-color: #30BF45;
  color: #FFFFFF;
}

.ccss-button.green:hover {
  background-color: #2BAB3E;
  border-color: #2BAB3E;
}

.ccss-button.green:active {
  background-color: #269636;
  border-color: #269636;
}

.ccss-button.green:focus {
  outline: 0;
}

.ccss-button.green.invert {
  background-color: transparent;
  color: #30BF45;
  border-color: #30BF45;
}

.ccss-button.green.invert:hover {
  background-color: #30BF45;
  color: #FFFFFF;
}

.ccss-button.green.invert:active {
  background-color: #269636;
  border-color: #269636;
  color: #FFFFFF;
}

.ccss-button.green.invert:focus {
  outline: 0;
}

.ccss-button.light-blue {
  background-color: #34C4CF;
  border-color: #34C4CF;
  color: #FFFFFF;
}

.ccss-button.light-blue:hover {
  background-color: #2DB3BD;
  border-color: #2DB3BD;
}

.ccss-button.light-blue:active {
  background-color: #289FA8;
  border-color: #289FA8;
}

.ccss-button.light-blue:focus {
  outline: 0;
}

.ccss-button.light-blue.invert {
  background-color: transparent;
  color: #34C4CF;
  border-color: #34C4CF;
}

.ccss-button.light-blue.invert:hover {
  background-color: #34C4CF;
  color: #FFFFFF;
}

.ccss-button.light-blue.invert:active {
  background-color: #289FA8;
  border-color: #289FA8;
  color: #FFFFFF;
}

.ccss-button.light-blue.invert:focus {
  outline: 0;
}

.ccss-button.blue {
  background-color: #3572D4;
  border-color: #3572D4;
  color: #FFFFFF;
}

.ccss-button.blue:hover {
  background-color: #2A66C5;
  border-color: #2A66C5;
}

.ccss-button.blue:active {
  background-color: #265BB0;
  border-color: #265BB0;
}

.ccss-button.blue:focus {
  outline: 0;
}

.ccss-button.blue.invert {
  background-color: transparent;
  color: #3572D4;
  border-color: #3572D4;
}

.ccss-button.blue.invert:hover {
  background-color: #3572D4;
  color: #FFFFFF;
}

.ccss-button.blue.invert:active {
  background-color: #265BB0;
  border-color: #265BB0;
  color: #FFFFFF;
}

.ccss-button.blue.invert:focus {
  outline: 0;
}

.ccss-button.purple {
  background-color: #7A35D4;
  border-color: #7A35D4;
  color: #FFFFFF;
}

.ccss-button.purple:hover {
  background-color: #6D2AC5;
  border-color: #6D2AC5;
}

.ccss-button.purple:active {
  background-color: #6226B0;
  border-color: #6226B0;
}

.ccss-button.purple:focus {
  outline: 0;
}

.ccss-button.purple.invert {
  background-color: transparent;
  color: #7A35D4;
  border-color: #7A35D4;
}

.ccss-button.purple.invert:hover {
  background-color: #7A35D4;
  color: #FFFFFF;
}

.ccss-button.purple.invert:active {
  background-color: #6226B0;
  border-color: #6226B0;
  color: #FFFFFF;
}

.ccss-button.purple.invert:focus {
  outline: 0;
}

.ccss-button.black {
  background-color: #111111;
  border-color: #111111;
  color: #FFFFFF;
}

.ccss-button.black:hover {
  background-color: #2B2B2B;
  border-color: #2B2B2B;
}

.ccss-button.black:active {
  background-color: #3F3F3F;
  border-color: #3F3F3F;
}

.ccss-button.black:focus {
  outline: 0;
}

.ccss-button.black.invert {
  background-color: transparent;
  color: #111111;
  border-color: #111111;
}

.ccss-button.black.invert:hover {
  background-color: #2B2B2B;
  border-color: #2B2B2B;
  color: #FFFFFF;
}

.ccss-button.black.invert:active {
  background-color: #3F3F3F;
  border-color: #3F3F3F;
  color: #FFFFFF;
}

.ccss-button.black.invert:focus {
  outline: 0;
}

.ccss-button.grey {
  background-color: #595959;
  border-color: #595959;
  color: #FFFFFF;
}

.ccss-button.grey:hover {
  background-color: #4C4C4C;
  border-color: #4C4C4C;
}

.ccss-button.grey:active {
  background-color: #404040;
  border-color: #404040;
}

.ccss-button.grey:focus {
  outline: 0;
}

.ccss-button.grey.invert {
  background-color: transparent;
  color: #595959;
  border-color: #595959;
}

.ccss-button.grey.invert:hover {
  background-color: #595959;
  color: #FFFFFF;
}

.ccss-button.grey.invert:active {
  background-color: #404040;
  border-color: #404040;
  color: #FFFFFF;
}

.ccss-button.grey.invert:focus {
  outline: 0;
}

.ccss-button.square {
  border-radius: 0;
}

.ccss-button.round {
  border-radius: 12px;
}

.ccss-button.rounder {
  border-radius: 18px;
}

.ccss-button.size-xsmall {
  font-size: 60%;
}

.ccss-button.size-small {
  font-size: 80%;
}

.ccss-button.size-normal {
  font-size: 100%;
}

.ccss-button.size-large {
  font-size: 125%;
}

.ccss-button.size-xlarge {
  font-size: 160%;
}

.ccss-button.size-xxlarge {
  font-size: 200%;
}

.ccss-button.size-xxxlarge {
  font-size: 280%;
}

p, i, label, button, input, textarea, body {
  font-family: "Helvetica", "Arial", sans-serif;
  font-weight: 100;
}

b {
  font-family: "Helvetica", "Arial", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.no-margin {
  margin: 0;
}

h1 {
  font-size: 3em;
  margin-top: 0;
  margin-bottom: 18px;
}

h1.include-top {
  margin-top: 18px;
}

h2 {
  font-size: 2em;
  margin-top: 0;
  margin-bottom: 16px;
}

h2.include-top {
  margin-top: 16px;
}

h3 {
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 14px;
}

h3.include-top {
  margin-top: 14px;
}

h4 {
  font-size: 1.17em;
  margin-top: 0;
  margin-bottom: 12px;
}

h4.include-top {
  margin-top: 12px;
}

h5 {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 10px;
}

h5.include-top {
  margin-top: 10px;
}

h6 {
  font-size: 0.85em;
  margin-top: 0;
  margin-bottom: 8px;
}

h6.include-top {
  margin-top: 8px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

p.include-top {
  margin-top: 10px;
}

a {
  text-decoration: none;
  color: #000000;
}

a:hover {
  text-decoration: underline;
  color: #3572D4;
}

code {
  font-family: "Courier New", monospace;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  background: #EDEDED;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}

code.scrollable {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  display: block;
}

code.full {
  display: block;
}

.italic {
  font-style: italic;
}

.strikethrough {
  text-decoration: line-through;
}

.underline {
  text-decoration: underline !important;
}

blockquote {
  margin: 0;
  padding: 1em 36px;
  background-color: #E6E6E6;
  border-left: 4px solid #999999;
}

ul {
  margin: 0;
  font-size: 14px;
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 2em;
  padding-bottom: 0.7em;
}

ul li {
  margin-bottom: 0.3em;
}

/*
Custom Styles
 */
.ccss-center, .ccss-centre, .ccss-centered, .ccss-centred {
  text-align: center;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="date"], input[list], select, div[contenteditable="true"], textarea {
  font-size: 16px;
  border: 1px solid #CDCDCD;
  border-radius: 4px;
  padding-top: 5px;
  padding-right: 9px;
  padding-left: 9px;
  padding-bottom: 5px;
}

input[type="text"].round, input[type="password"].round, input[type="email"].round, input[type="number"].round, input[type="search"].round, input[type="date"].round, input[list].round, select.round, div[contenteditable="true"].round, textarea.round {
  border-radius: 16px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="date"]:focus, input[list]:focus, select:focus, div[contenteditable="true"]:focus, textarea:focus {
  outline: 0;
}

input[type="text"].group-position.-left, input[type="password"].group-position.-left, input[type="email"].group-position.-left, input[type="number"].group-position.-left, input[type="search"].group-position.-left, input[type="date"].group-position.-left, input[list].group-position.-left, select.group-position.-left, div[contenteditable="true"].group-position.-left, textarea.group-position.-left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

input[type="text"].group-position.-middle, input[type="password"].group-position.-middle, input[type="email"].group-position.-middle, input[type="number"].group-position.-middle, input[type="search"].group-position.-middle, input[type="date"].group-position.-middle, input[list].group-position.-middle, select.group-position.-middle, div[contenteditable="true"].group-position.-middle, textarea.group-position.-middle {
  border-radius: 0;
}

input[type="text"].group-position.-right, input[type="password"].group-position.-right, input[type="email"].group-position.-right, input[type="number"].group-position.-right, input[type="search"].group-position.-right, input[type="date"].group-position.-right, input[list].group-position.-right, select.group-position.-right, div[contenteditable="true"].group-position.-right, textarea.group-position.-right {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

span.tag {
  background-color: #E6E6E6;
  font-size: 16px;
  border: 1px solid #CDCDCD;
  border-radius: 4px;
  padding-top: 5px;
  padding-right: 9px;
  padding-left: 9px;
  padding-bottom: 5px;
}

span.tag.group-position.-left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

span.tag.group-position.-middle {
  border-radius: 0;
}

span.tag.group-position.-right {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}