.body {
  margin: 0px;
  padding: 0px; }

.row {
  display: inline;
  width: 100%;
  min-height: 1px; }

.row:after {
  content: "";
  display: table;
  clear: both; }

[class*='col-'] {
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 0.75%;
  margin-right: 0.75%; }

.col-1, .col-xs-1, .col-md-1 {
  width: 6.83%; }

.col-2, .col-xs-2, .col-md-2 {
  width: 15.16%; }

.col-3, .col-fourth, .col-xs-3, .col-xs-fourth, .col-md-3, .col-md-fourth {
  width: 23.5%; }

.col-4, .col-third, .col-xs-4, .col-xs-third, .col-md-4, .col-md-third {
  width: 31.83%; }

.col-5, .col-xs-5 .col-md-5 {
  width: 40.16%; }

.col-6, .col-half, .col-xs-6, .col-xs-half, .col-md-6, .col-md2-6, .col-md-half {
  width: 48.5%; }

.col-7, .col-xs-7, .col-md-7 {
  width: 56.83%; }

.col-8, .col-two-thirds, .col-xs-8, .col-xs-two-thirds, .col-md-8, .col-md-two-thirds {
  width: 65.16%; }

.col-9, .col-three-fourths, .col-xs-9, .col-xs-three-fourths, .col-md-9, .col-md-three-fourths {
  width: 73.5%; }

.col-10, .col-xs-10, .col-md-10 {
  width: 81.83%; }

.col-11, .col-xs-11, .col-md-11 {
  width: 90.16%; }

.col-12, .col-full {
  width: 98.5%; }

.col-fifth, .col-xs-fifth, .col-md-fifth {
  width: 18.5%; }

.offset-1, .offset-xs-1 {
  margin-left: 8.33%; }

.offset-2, .offset-xs-2 {
  margin-left: 16.66%; }

.offset-3, .offset-xs-3 {
  margin-left: 24.99%; }

.offset-4, .offset-xs-4 {
  margin-left: 33.32%; }

.offset-5, .offset-xs-5 {
  margin-left: 41.65%; }

.offset-6, .offset-xs-6 {
  margin-left: 49.98%; }

.offset-7, .offset-xs-7 {
  margin-left: 58.31%; }

.offset-8, .offset-xs-8 {
  margin-left: 66.64%; }

.offset-9, .offset-xs-9 {
  margin-left: 74.97%; }

.offset-10, .offset-xs-10 {
  margin-left: 83.3%; }

.offset-11, .offset-xs-11 {
  margin-left: 91.63%; }

.fit, .fit-xs {
  width: 100%; }

.no-bottom {
  margin-bottom: 0; }

/* Useful for images with text */
.w-10 {
  width: 10%; }

.w-20 {
  width: 20%; }

.w-30 {
  width: 30%; }

.w-40 {
  width: 40%; }

.w-50 {
  width: 50%; }

.w-60 {
  width: 60%; }

.w-70 {
  width: 70%; }

.w-80 {
  width: 80%; }

.w-90 {
  width: 90%; }

.clr {
  clear: both; }

/*.clear:before, .clear:after {
  content:" ";
  display:table;
}*/
/*.clear:after {
  clear:both;
}*/
.tiny-spacer {
  clear: both;
  width: 100%;
  height: 5px; }

.small-spacer {
  clear: both;
  width: 100%;
  height: 10px; }

.medium-spacer {
  clear: both;
  width: 100%;
  height: 15px; }

@media only screen and (max-width: 568px) {
  [class*='col-xs'] {
    width: 100%; }

  [class*='offset-xs'] {
    margin-left: 0.75%; }

  .fit-xs {
    width: 99.25%; }

  .gone-xs {
    display: none; } }
@media only screen and (max-width: 768px) {
  [class*='col-md'] {
    width: 100%; }

  .gone-md {
    display: none; } }
@media only screen and (max-width: 900px) {
  [class*='col-md2'] {
    width: 100%; }

  .gone-md {
    display: none; } }
@media only screen and (min-width: 768px) {
  .gone-lg {
    display: none; } }
.button {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  min-width: 20px;
  background: linear-gradient(-45deg, #6CC3B3 0%, #7DD4C4 100%);
  border: none;
  color: #FFFFFF;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
  font-size: 15px;
  margin: 10px 5px 10px 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  outline: none;
  border: none;
  text-decoration: none; }
  .button.red {
    background: #BF4240;
    background: linear-gradient(180deg, #C85B5B 0%, #9D3130 100%); }
  .button.yellow {
    background: #C7C357;
    background: linear-gradient(180deg, #CDCC6A 0%, #A4A355 100%); }
  .button.green {
    background: #7DBB3E;
    background: linear-gradient(180deg, #8FD071 0%, #72A65A 100%); }
  .button.lime {
    background: #7DBB3E;
    background: linear-gradient(180deg, #d2ef6f 0%, #b0e200 100%); }
  .button.blue {
    background: #335799;
    background: linear-gradient(180deg, #3D76B8 0%, #315E93 100%); }
  .button.purple {
    background: #AC3CB4;
    background: linear-gradient(180deg, #C675D1 0%, #9E5EA7 100%); }
  .button.brown {
    background: #BB7B3E;
    background: linear-gradient(180deg, #99591C 0%, #966232 100%); }
  .button.black {
    background: #000000;
    background: linear-gradient(180deg, #000 0%, #333 100%); }
  .button.grey, .button.gray {
    background: #ccc;
    background: linear-gradient(180deg, #aaa 0%, #ccc 100%); }
  .button:hover {
    opacity: 0.9; }
  .button.no-hover:hover {
    opacity: 1; }
  .button:active {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    opacity: 1; }
  .button.fill {
    width: 90%; }

.button-huge {
  height: 60px;
  line-height: 60px;
  min-width: 30px;
  font-size: 30px;
  padding-bottom: 10px;
  border-radius: 10px; }

.button-small {
  width: 50px; }

.button-med {
  width: 150px; }

.button-large {
  width: 300px; }

.button-fit {
  width: 100%; }

@media only screen and (max-width: 768px) {
  .button-huge {
    font-size: 23px !important;
    line-height: 52px !important;
    padding-bottom: 2px !important; } }
@media only screen and (max-width: 568px) {
  .button-huge {
    font-size: 18px !important;
    line-height: 40px !important;
    padding-bottom: 1px !important;
    height: 50px; } }
.input {
  height: 30px;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
  font-size: 20px;
  color: #555;
  border-radius: 5px;
  border: solid 1px #ddd; }

.input-med {
  width: 150px; }

.input-large {
  width: 300px; }

.input-fit {
  width: 100%; }

.red-text {
    color: #BF4240; }
.yellow-text {
    color: #C7C357; }
.green-text {
    color: #7DBB3E; }
.lime-text {
    color: #7DBB3E; }
.blue-text {
    color: #335799; }
.purple-text {
    color: #AC3CB4; }
.brown-text {
    color: #BB7B3E; }
.black-text {
    color: #000000; }
.grey-text, .gray-text {
    color: #ccc; }

@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:checked + .slider.no-colour {
  background-color: #ccc;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

table.padded th, table.padded td{
  padding:10px;
}

th { 
  text-align: left;
}

.dark div.card{
  /* border: 1px solid #555; */
  border-radius: 5px;
  background: #999;
}

div.card-light{
  border: 1px solid #AAA;
  border-radius: 5px;
  background: #F6F6F6;
}

div.card-subtle, div.card-faint{
  margin:10px 10px;
}
.light div.card-subtle{
  border: 1px solid #AAA;
  border-radius: 5px;
  background: #F6F6F6;
}
.light div.card-faint{
  border: 1px solid #EEE;
  border-radius: 5px;
  background: #FBFBFB;
}
.dark div.card-subtle{
  border: 1px solid #2e3b50;
  border-radius: 5px;
  background: #283346;
}
.dark div.card-faint{
  border: 1px solid #242f3f;
  border-radius: 5px;
  background: #212a3a;
}

.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon {
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 24px;
  height: 24px;
}


input[type=text], input[type=email], input[type=date]{
  border-radius:6px;
}

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