html{-webkit-box-sizing:border-box;box-sizing:border-box}
*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}
ol, ul {list-style: none;}
#iframe-container {width: 100%; height: 20vh; display:hidden;}
#localStorageIframe {width: 100%; height: 100%; border: solid 1px #D5D8DC; border-radius: 4px;}

.container { margin: 0 auto; max-width: 980px;  min-width: 320px;}
.row {display:flex; flex-wrap: wrap;}
.column {flex-grow: 1;  flex-shrink: 1;  flex-basis: 1;  margin-bottom: 2.5vh;  border-bottom: 1px solid #E0E0E0;  padding-bottom: 1vh; text-indent: 1.4vw;}
.col-1 {max-width: calc(100% / 12);}
.col-2 {max-width: calc(100% / 12 * 2);}
.col-3 {max-width: calc(100% / 12 * 3);}
.col-4 {max-width: calc(100% / 12 * 4);}
.col-5 {max-width: calc(100% / 12 * 5);}
.col-6 {max-width: calc(100% / 2);}

@media screen and (max-width: 768px) {
  .container {overflow: auto; }
   .column {min-width: 100%; width: 100%; margin: 10px 0;}
}
.lbl {
  position: relative;
  display: block;
  height: 1.2vw;
  width: 2.6vw;
  background: #898989;
  border-radius: 1.2vw;
  cursor: pointer;
  transition: all 0.3s ease;
}
.lbl:after {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 1.2vw;
  height: 1.2vw;
  border-radius: 1.2vw;
  border: solid 1px #D5D8DC;
  background: #fff;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
  content: '';
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.26, 1.48);
}
.lbl:active:after {transform: scale(1.35, 0.75);}
.cbx:checked ~ label {background: #bada55;}
.cbx:checked ~ label:after {left: 1.5vw;}
.cbx:disabled ~ label {background: #d5d5d5;  pointer-events: none;}
.cntr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
input:checked + label {background: #bada55;}
.press { }
.hidden {display: none;}
.text-muted { font-size: 14px;}
* {  padding: 0;  margin: 0;}
.options p {margin-bottom: 0.1rem;}
.color {width: 2.2vw; height: 2vw;border: 2px solid #444; boder-radius:2px; display: inline-block;margin: 0 0 0 0.2em; cursor: pointer;  padding: 2px;}
.black {background-color: #000;}
.gray {background-color: #eaeaea;}
.white {background-color: #fff;}
.blue {background-color: #00529c;}
#colorpicker {visibility: hidden;}
h5 {text-indent: 2.4vw; font-weight:200;}
h2 {color:#69C; font-weight:600; line-height:5vh;}