/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

.clearfix:after, .col-container:after {
  content: "";
  display: table;
  clear: both; }

.col-container {
  max-width: 810px;
  margin-left: 340px; }

.col-container .col-container {
  margin-left: 0; }

body {
  font-family: arial;
  background: #22332c;
  color: #22332c;
  margin: 0 2%; }

h1 {
  font-size: 1.15em;
  float: left;
  margin: 0;
  font-weight: normal; }

p {
  margin: 0; }

pre {
  margin: 5px 0;
  padding: 4px 8px;
  line-height: 1.6;
  display: inline-block;
  font-size: 14px;
  min-height: 30px;
  background: #95c7b3;
  color: #22332c;
  white-space: pre-wrap;
  word-wrap: break-word; }

label {
  display: block;
  margin-bottom: 10px;
  font-size: 0.875em;
  font-weight: 600; }

input, textarea {
  width: 100%;
  margin: 0;
  padding: 5px;
  border: 1px solid #4a695c;
  color: #69A089; }

input[type="radio"],
input[type="checkbox"] {
  width: auto; }

button {
  font-size: 11px; }

fieldset {
  border: none;
  padding: 0;
  margin: 0; }

.pre pre {
  min-width: 300px; }

.view-group, .export-container, .header {
  box-shadow: 0px 2px 8px -1px #3E7568;
  padding: 10px;
  background: #fff; }

.header {
  padding: 1.5em;
  margin: 2em 0 2em 340px;
  border: 5px solid #95c7b3; }

.sidebar {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  padding: 1.5em;
  border: 5px solid #95c7b3;
  width: 300px; }

@media screen and (max-width: 399px) {
  .view-group {
    margin: 10px 0; } }
@media screen and (min-width: 400px) and (max-width: 759px) {
  .view-group {
    width: 49%;
    margin-left: 2%;
    margin-top: 2%;
    float: left;
    height: 145px; }
    .view-group:first-child {
      margin-left: 0; }
    .view-group:nth-child(2n + 1) {
      margin-left: 0; }
    .view-group:nth-child(1) {
      margin-top: 0; }
    .view-group:nth-child(2) {
      margin-top: 0; } }
@media screen and (min-width: 760px) and (max-width: 919px) {
  .view-group {
    width: 32%;
    margin-left: 2%;
    margin-top: 2%;
    float: left;
    height: 145px; }
    .view-group:first-child {
      margin-left: 0; }
    .view-group:nth-child(3n + 1) {
      margin-left: 0; }
    .view-group:nth-child(1) {
      margin-top: 0; }
    .view-group:nth-child(2) {
      margin-top: 0; }
    .view-group:nth-child(3) {
      margin-top: 0; } }
@media screen and (min-width: 920px) {
  .view-group {
    width: 24.25%;
    margin-left: 1%;
    margin-top: 1%;
    float: left;
    height: 145px; }
    .view-group:first-child {
      margin-left: 0; }
    .view-group:nth-child(4n + 1) {
      margin-left: 0; }
    .view-group:nth-child(1) {
      margin-top: 0; }
    .view-group:nth-child(2) {
      margin-top: 0; }
    .view-group:nth-child(3) {
      margin-top: 0; }
    .view-group:nth-child(4) {
      margin-top: 0; } }

@media screen and (min-width: 500px) {
  .col-2 {
    width: 48%;
    margin-left: 4%;
    margin-top: 4%;
    float: left; }
    .col-2:first-child {
      margin-left: 0; }
    .col-2:nth-child(2n + 1) {
      margin-left: 0; }
    .col-2:nth-child(1) {
      margin-top: 0; }
    .col-2:nth-child(2) {
      margin-top: 0; } }

@media screen and (min-width: 500px) {
  .col-3 {
    width: 32.66667%;
    margin-left: 1%;
    margin-top: 1%;
    float: left; }
    .col-3:first-child {
      margin-left: 0; }
    .col-3:nth-child(3n + 1) {
      margin-left: 0; }
    .col-3:nth-child(1) {
      margin-top: 0; }
    .col-3:nth-child(2) {
      margin-top: 0; }
    .col-3:nth-child(3) {
      margin-top: 0; } }

.view-dynamic .dynamic-row {
  width: 32.66667%;
  margin-left: 1%;
  margin-top: 1%;
  float: left; }
  .view-dynamic .dynamic-row:first-child {
    margin-left: 0; }
  .view-dynamic .dynamic-row:nth-child(3n + 1) {
    margin-left: 0; }
  .view-dynamic .dynamic-row:nth-child(1) {
    margin-top: 0; }
  .view-dynamic .dynamic-row:nth-child(2) {
    margin-top: 0; }
  .view-dynamic .dynamic-row:nth-child(3) {
    margin-top: 0; }

[its-active="true"] {
  background: #4a695c;
  border-color: transparent;
  color: #fff; }

#its-wrapper {
  font-size: 14px !important; }

#its-wrapper ul {
  margin: 0 !important; }

#its-wrapper li strong {
  font-size: 12px !important; }

#its-wrapper li button {
  width: 19px !important;
  height: 19px !important;
  padding: 0; }

.its-a-message {
  background: #69A089 !important;
  border: 3px solid #69A089 !important; }

.its-a-object-container {
  border: 3px solid #69A089 !important; }

.its-type {
  color: #69A089 !important; }

[its-control="wut"],
[its-view="wut"] {
  float: right; }

[its-control="wut"] {
  font-size: 8px; }

[its-view="wut"] {
  font-size: 12px;
  margin-top: 5px;
  margin-right: 20px; }

/*# sourceMappingURL=style.css.map */