.space {margin-bottom: 1em; margin-top: 1em; }
.min-space {margin-bottom: .5em; margin-top: .5em; }
.space-bottom { margin-bottom: 1em; }
.dark { color: #696969; }
.silver { color: #bbbbbb; }
.blue { color: blue; }
.red { color: red; }
.yellow { color: #fff7e4; }
.lile { color: #fbf3ff; }
.bg-lile { background-color: #fbf3ff; }
.bg-yellow { background-color: #fff7e4; }
.bg-silver { background-color: #ededed; }
.strong { font-weight: 900; }
.home{ margin-top:10px;}

#creator h3 { color: #fff; }
.datta-img { max-height: 100px; }
.mt100 { margin-top: 100px; }
.mt20 { margin-top: 20px; }

/* home*/
.boxes { box-shadow: 0px 0px 10px silver; border-top: solid 2px red; margin: .75em 0em; padding: 1em .5em; }
.boxes a { font-size: 1.2em; color: #000; }
.boxes:hover { background-color: aliceblue; }
.boxes:hover a { text-decoration: none; color: gray; }
footer { margin-bottom: 50px; margin-top: 100px; }

/* machines */
/* #mach-mapper select, #mach-mapper input[type="number"] { font-size: .8em; }
/* #mach-mapper select {  font-weight: 700; } */
#mach-mapper input.deep{ font-weight: 700; background: beige; padding-left: 5px; padding-right: 1px; color: #000; }
#mach-mapper input.price{ font-weight: 700; background: #1c8d00; padding-left: 5px; padding-right: 1px; color: #fff; }
#mach-mapper input.price::-webkit-inner-spin-button, #mach-mapper input.price::-webkit-outer-spin-button,
#mach-mapper input.deep::-webkit-inner-spin-button, #mach-mapper input.deep::-webkit-outer-spin-button
  { -webkit-appearance: none; margin: 0; }
.map-even { background-color: #ededed; }
#mach-cut select, #mach-cut input { font-size: .8em; }
#mach-cut select{ 
	color: gray; font-weight: 500; 
	border: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''; }
#mach-cut input.act, #mach-cut input.tot{ 
	font-weight: 700;
	font-size: 1.5em;
	color: #000; 
	width: 60px;    
  display: inline-block;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}
#mach-cut input.act {
  background: #fbf3ff;
}
#mach-cut input.tot {
  background: #fff7e4;
}
#mach-cut input[type=number]::-webkit-inner-spin-button, 
#mach-cut input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0;
}
.level-pins { font-size: 3em; color: silver; font-weight: 400; text-align: right; display: block; min-width: 50px; }
.box-row { box-shadow: 0px 0px 20px 0px #eaeaea;     padding: 5px 0 5px 0; }
.box-item h3{ color: blue;  font-weight: 100; }
.box-machine { text-align: center; box-shadow: 0px 0px 5px silver; }
.controls label { display: block; }
.level-cols { color: #979797; }

.form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.form-switch i {
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}

.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}

.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}

.form-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}

.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }

.form-switch input { display: none; }

.form-switch input:checked + i { background-color: #4BD763; }

.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }

.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }


/* sells */
.res-numbers { border-bottom: dashed 1px #989898; }
.res-actions { font-size: .8em; color: gray; }
.res-actions span { display: block; }

.b0 { background-color: #f3f3f3; cursor: pointer; }
.v1 { background-color: aliceblue; }


/* reports */
#table-reports th, #table-reports td { text-align: center; }
#table-reports td strong { display: block; }
.tdms table { width: auto !important; max-width: 100px;}
#datafoot table { max-width: 150px; }